@charset "Shift_JIS";

body {
	background:#ECECEC;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
}

/* リンク設定 */

a:link,
a:visited { color: #2551a1; text-decoration: none;}
a:hover { color: #3792e6; text-decoration: underline;}

/* モジュール */

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.clear { clear: both;}

/* レイアウトモジュール */

.gray_area { background-color: #ececec; padding: 5px 0;}
.white_area { background-color: #fff; padding: 5px 0;}
.ph-right { float: right; margin: 0 0 15px 15px;}
.ph-right2 { float: right; margin: 5px 0 15px 15px;}
.ph-left { float: left; margin: 0 15px 15px 0;}
.ph-left2 { float: left; margin: 5px 15px 15px 0;}
.link-close { margin:10px auto;  text-align: right;}
.quot { margin: 15px;}
.quot2 { margin: 15px 15px 15px 30px;}

/*  左バナー  */
.banner_btn { margin:10px 0 0 12px; width:212px;}


/* hrライン */

hr.gline,
hr.wline { 
	margin: 15px 0 5px; 
	height: 1px; 
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	clear: both;
}

hr.wline { border-color: #fff;}
hr.gline { border-color: #ccc;}


/* ページトップリンク */
p.pagetop { margin: 10px 0 0; padding: 0; text-align: right; color: #666; font-size: 70%; _font-size: 75%; /*ie*/}

/* アイコン */

a.blank { margin-right: 3px; padding-right:18px; background:url(../images/common/icon_newindow.gif) right 0 no-repeat;}
a.n-link { padding:0 10px 0 20px; background:url(../images/common/btn_arrow.gif) 0 3px no-repeat;}
a.d-link { padding:0 10px 0 20px; background:url(../images/common/btn_arrow_dark.gif) 0 3px no-repeat;}

/* NEWマーク */
span.new { 
	color:#fff; 
	font-size: 10px;
	line-height: 14px;
	vertical-align:text-top; 
	margin-right: 0.5em; 
	padding: 1px 3px; 
	display: inline-block;
	background-color: #f00;
}

/* カラーテキスト */

.red { color: #e80000;}
.gray { color: #666;}


/* 初期設定 */

img { border: 0;}

h3 { font-size: 130%;}
h4 { font-size: 122%;}
h5 { font-size: 90%;}

/* ノーマルテーブル設定 */
table.wblock { 
	width: 100%;
	margin: 0 0 20px;
	border-collapse:collapse;
}


/* フォント設定 */

.f65 { font-size:65%; color:#333;}
.f75 { font-size:75%; color:#333;}
.f75w { font-size:75%; color:#333; font-weight:bolder;}
.f75u { font-size:75%; color:#333; text-decoration:underline;}
.f85 { font-size:85%; color:#333;}
.f85w { font-size:85%; color:#333; font-weight:bolder;}
.f100w { font-size:100%;}
.f100w { font-size:100%; font-weight:bolder;}
.f120w { font-size:120%;}
.f120w { font-size:120%; font-weight:bolder;}
.f140 { font-size:140%; font-weight:bolder;}


/* 終了タグ設定 */

.end {color: #999;}


/* 別ウィンドウ設定 */

body#newindow {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
}
body#movie,
body#largepic {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin: 15px 0 0;
	text-align: center;
}

#allcontent_wrap {
	width:990px;
	margin: 0 auto;
	padding: 0;
/*	text-align:center;*/
	background:#FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#allcontent_wrap:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}
div.puluginNotes { margin: 0px; padding: 0;}
div.puluginNotes p.tBox { margin: 0px; padding: 5px; font-size: 12px; color: #f00; line-height: 130%;}
div.puluginNotes div.bannerBox { margin-left: 5px;}


/*--------------ヘッダー-----------------*/

#header_wrap {
	margin:0;
	padding:0;
	width:990px;
	clear:both;
}
#header_top {
	margin:0;
	padding:0;
	width:990px;
	height:48px;
	background-color:#fff;
}
#header_top:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

#header_logo {
	margin:10px 0 10px 10px;
	padding:0;
	width:170px;
	height:28px;
	float:left;
}

 /* H1タグ */
h1 {
	margin:28px 0 10px 10px;
	font-size:75%;
	color:#666;
	float:left;
}

#header_search {
	margin:20px 0 10px 0;
	padding:0;
	float:right;
}
#header_search-btn {
	margin:20px 10px 10px 5px;
	padding:0;
	float:right;
}
#header_gnavi_wrap {
	margin:0;
	padding:0;
	width:990px;
	height:35px;
	background:url(../images/common/gnav_back.gif) 0 0 repeat-x;
	clear:both;
}
	/*--------Navi---------*/
	#header_gnavi {
		padding: 0;
		margin: 0;
		height: 35px;
		float:left;
	}
	.clear {
		clear: both;
	}
	/**********all-off**********/
	#header_gnavi ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#header_gnavi li {
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		float: left;
		overflow: hidden;
	}
	#header_gnavi li a {
		text-decoration: none;
		display: block;
		background: url(../images/common/gnav.gif) no-repeat;
		height: 35px;
	}
	#header_gnavi li.on {
		text-decoration: none;
		display: block;
		background: url(../images/common/gnav.gif) no-repeat;
		height: 35px;
	}
	/******** OFF **********/
	#header_gnavi li#Home a {
		background-position: 0 0;
		width: 85px;
	}
	#header_gnavi li#News a {
		background-position: -85px 0;
		width: 102px;
	}
	#header_gnavi li#Club a {
		background-position: -187px 0;
		width: 85px;
	}
	#header_gnavi li#Event a {
		background-position: -272px 0;
		width: 94px;
	}
	#header_gnavi li#Solution a {
		background-position: -366px 0;
		width: 124px;
	}
	#header_gnavi li#Howto a {
		background-position: -490px 0;
		width: 122px;
	}
	/******** Select *********/
	#header_gnavi li#Home-stay a,
	#header_gnavi li#Home a:hover {
		background-position: 0 -35px;
		width: 85px;
	}
	#header_gnavi li#News-stay a,
	#header_gnavi li#News a:hover {
		background-position: -85px -35px;
		width: 102px;
	}
	#header_gnavi li#Club-stay a,
	#header_gnavi li#Club a:hover {
		background-position: -187px -35px;
		width: 85px;
	}
	#header_gnavi li#Event-stay a,
	#header_gnavi li#Event a:hover {
		background-position: -272px -35px;
		width: 94px;
	}
	#header_gnavi li#Solution-stay a,
	#header_gnavi li#Solution a:hover {
		background-position: -366px -35px;
		width: 124px;
	}
	#header_gnavi li#Howto-stay a,
	#header_gnavi li#Howto a:hover {
		background-position: -490px -35px;
		width: 122px;
	}
	/*--------Navi---------*/

#header_feed {
	margin:10px 10px 10px 0;
	padding:0;
	width:61px;
	height:16px;
	float:right;
}
#header_topicpath {
	margin:0;
	padding:5px 0 5px 10px;
	width:980px;
	text-align:left;
	border-bottom:1px solid #CCC;
	font-size:75%;
	color:#333;
}

/*--------------フッダ-----------------*/
#footer_oowaku{
	clear:both;
	overflow:hidden;
}
#mokuteki{
	float:left;
	width:227px;
	padding:10px 0 10px 12px ;
	font-size:12px;
	border-right:1px solid #CCC;
}

#mokuteki p{
	margin:0 0 5px 0 ;
	padding:0;
	font-size:10px;
	color:#333;
} 
p.line_gray{
	font-weight:bold;
	font-size:10px;
}

#page_top{
	float:right;
	text-align:right;
	font-size:12px;
	margin:-25px 15px 10px 0 ;
	width:975px;
}

#fooder_wrap {
	width:990px;
	clear:both;
	margin:0;
	padding:10px 0 0 10px ;
	overflow:hidden;
}

#footer_r{
	float:right;
	margin:0 15px 0 0;
}
#footer_r p{
	font-size:12px;
	margin:0;
	padding:0;
	color:#333;
}
.fooder-link {
	margin:0 0 10px 10px;
	padding:0 0 0 12px;
	background:url(../images/common/icon_arrow.gif) 0 2px no-repeat;
	float:left;
}

/*--------------メイン-----------------*/
#main_content_wrap {
	margin:0;
	padding:0;
	width:990px;
	border-bottom:1px solid #CCC;
}

#main_content_wrap:after {
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}


/*左メニュー側に左ラインを設定する場合→ 
　→ main_content_left2
　→ #main_content_right2*/

/*メインコンテンツに左ラインを設定する場合→ 
　→ main_content_left
　→ #main_content_right */


#main_content_left,
#main_content_left2  {
	margin:0 auto;
	padding:0 auto;
	width:239px;
	float:left;
	text-align:center;
}


#main_content_right,
#main_content_right2 {
	margin:0;
	padding:0 0 20px;
	width:749px;
	line-height: 120%;
	float:left;
}

#main_content_right { border-left:1px solid #CCC;}
#main_content_left2 { border-right:1px solid #CCC;}


/*--------------coming soon-----------------*/
div.comingsoon { 
	width: 500px;
	margin:20px auto;
	padding: 100px 0;
	text-align:center;
	border: 1px #ccc solid;
	color:#999;
}
div.comingsoon2 { 
	width: 480px;
	margin:20px auto;
	padding: 15px 0;
	text-align:center;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	color:#999;
}


/*-------------- banner -----------------*/

div.banner,
div.topbn { margin: 10px 0 5px;}
/*div#banner { margin: 10px 0 5px;}*/


/*-------------- ヘッドリンク -----------------*/
p.head-link { 
	margin: 0;
	padding: 2px 4px 0;
	background-color: #ececec; 
	text-align: right;
	font-size: 10px; 
	_font-size: 9px;/*ie*/
	line-height: 20px;
}

/*-------------- twitterボタン -----------------*/
.twitter-share-button { 
	margin-left: 10px; 
	padding-bottom: 3px;
	_padding-bottom: 4px;
	display: inline; 
	vertical-align:middle; 
}


/*--- (新共通) コンテンツブロック ---*/

div.content-wrap { width: 720px; margin: 0 auto; padding:0; text-align:left;}

p.contents_block { font-size: 85%; _font-size: 95%; /*ie*/ line-height: 160%; _line-height: 160%; /*ie*/}
p.contents_block {
	margin: 0 0 10px; 
	padding:0; 
	text-align:left;
	color: #000;
	clear: both;
}
p.contents_block ul { margin: 0 0 0 15px; padding: 0;}
p.contents_block li { list-style-image:url(../images/common/btn_arrow_dark.gif);}

   /* リストブロック */
div.contents_listblock { font-size: 85%; _font-size: 95%; /*ie*/ line-height: 160%; _line-height: 160%; /*ie*/}
div.contents_listblock {
	margin: 0 0 10px; 
	padding: 0; 
	text-align:left;
	color: #000;
	clear: both;
}
div.contents_listblock ul { margin: 0 0 0 20px; padding: 0;}
div.contents_listblock li { margin: 0; padding: 0;}

ul.minilist {
	margin: 0 0 0 15px;
	padding: 0;
	line-height:normal;
	text-align:left;
	display: block; 
	list-style-image: url(../images/common/btn_arrow_mini.gif) !important;
	list-style-position: outside;
}

   /* ブロック内ミニタイトル */
p.in-minitit { margin: 0 0 0 1em; padding: 0; font-weight: bold;} 


   /* リソースブロック */
div.resource_block {
	margin: 30px 0 0;
	padding: 10px;
	background-color: #ececec;
	clear: both;
	border: 1px #ccc solid;
}
div.resource_block:after { content: "."; display: block;  height: 0;  clear: both; visibility: hidden;}

div.resource_block h5,
div.resource_block ul li h5 { margin: 10px 0 0; padding:0; color: #000 !important;}

div.resource_block ul,
div.resource_block p { font-size: 85%; _font-size: 95%; /*ie*/ line-height: 160%; _line-height: 160%; /*ie*/}

div.resource_block ul { margin: 0 0 0 15px; padding: 0;}
div.resource_block ul li { list-style-image:url(../images/common/btn_arrow_mini.gif); color: #666;/*リンク無しカラー*/ }