@charset "utf-8";
/* imformation */

#infolist {
	width: 600px;
	height: 35px;
	margin:0 auto 20px;
	}
#infolist_subnavi {
	width: 615px;
	height: 30px;
	background: url(../images/nav/guide_subnavi.jpg) no-repeat left top;
	}
#infoMenu {
	margin:-10px auto 10px;
	position:relative;
	width: 600px;
}
*+html #infoMenu {
	margin:0px auto 10px;
	position:relative;
	width: 600px;
}
* html #infoMenu {
	margin:0px auto 10px;
	position:relative;
	width: 600px;
}
#infoMenu ul {
	width: 600px;
	height: 35px;
	margin:0 auto;
	}
#infoMenu ul li {
	list-style-type: none;
	float: left;
	display: block;
	height: 35px;
	width: 120px;
	}
#infoMenu li a {
	display: block;
	height: 43px;
	width: 120px;
	}

#infoMenu a.infoTab {background: url(../images/information/info_navi_tp_off.jpg) no-repeat left top;}
#infoMenu a:hover.infoTab {background: url(../images/information/info_navi_tp_off.jpg) no-repeat left bottom;}
#infoMenu a.infoTabOn {background: url(../images/information/info_navi_tp.jpg) no-repeat left bottom;}

#infoMenu a.newsTab {background: url(../images/information/info_navi_news_off.jpg) no-repeat left top;}
#infoMenu a:hover.newsTab {background: url(../images/information/info_navi_news_off.jpg) no-repeat left bottom;}
#infoMenu a.newsTabOn {background: url(../images/information/info_navi_news.jpg) no-repeat left bottom;}

#infoMenu a.updateTab {background: url(../images/information/info_navi_up_off.jpg) no-repeat left top;}
#infoMenu a:hover.updateTab {background: url(../images/information/info_navi_up_off.jpg) no-repeat left bottom;}
#infoMenu a.updateTabOn {background: url(../images/information/info_navi_up.jpg) no-repeat left bottom;}

#infoMenu a.mainteTab{background: url(../images/information/info_navi_mente_off.jpg) no-repeat left top;}
#infoMenu a:hover.mainteTab {background: url(../images/information/info_navi_mente_off.jpg) no-repeat left bottom;}
#infoMenu a.mainteTabOn {background: url(../images/information/info_navi_mente.jpg) no-repeat left bottom;}

#infoMenu a.eventTab  {background: url(../images/information/info_navi_event_off.jpg) no-repeat left top;}
#infoMenu a:hover.eventTab {background: url(../images/information/info_navi_event_off.jpg) no-repeat left bottom;}
#infoMenu a.eventTabOn {background: url(../images/information/info_navi_event.jpg) no-repeat left bottom;}

#infoArea{
	clear:both;
	text-align:left;
}
#infoArea a{color:#333;}
#infoArea a:hover{color:#999;}

/* info一覧 */
#searchPage #information{
	margin:0 auto 0;
	text-align:left;
	width:600px;
	}
#infoMenu li {float: left; margin-bottom:10px;}


#infoListDetail li{
	border-bottom:1px dotted #666666;
	display:block;
	height:25px;
	line-height:2em;
	padding:12px 0 10px 10px;
	width:570px;
}
	
h3.infoCommentTitle{
	border-bottom:1px solid #666;
	clear:both;
	font-size:14px;
	font-weight:bold;
	text-indent:0;
	overflow:hidden;
	margin:10px auto;
	padding: 0px 5px;
	height:2em;
	width:570px;
}	
.infoComment{
	line-height:1.4;
	margin:10px auto;
	width:570px;
}

/*----------------------------------------ページ送り部分-------------------------------------------*/
.infoUnder ul li.centerBox, .infoUnder ul li.centerBox02 {
	margin:0 40px;
}
.infoUnder ul li {
	display:inline;
	text-align:center;
	width:150px;
}

.infoUnder ul {
	clear:both;
	height:19px;
	margin-top:20px;
	padding:10px;
	position:relative;
	text-align:center;
}		
/*---------ここまで---------ページ送り部分-------------------------------------------*/

h3.ttl_gmaacce {
	background:transparent url(../images/top/title_gmacce.jpg) no-repeat scroll left top;
	text-indent: -9999px;
	height:32px;
	margin-bottom:5px;
}
/*-------------------- home.php出力エリア --------------------*/
#informaition {
	width: 410px;
	margin:0px auto;
}
#informaition ul.tabmenu li {
	float: left;
}

#informaition ul.tabmenu li a {
	display:block;
	height:30px;
	text-indent:-9999px;
	width:82px;
}

#informaition ul li a.infoTab {
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll left top;
}


#informaition ul li a.infoTab:hover, #informaition ul li a.infoTabOn{
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll left bottom;
	display:block;
	text-indent:-9999px;
	width:82px;
	height:30px;
}

#informaition ul li a.newsTab {
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll -82px top;
}


#informaition ul li a.newsTab:hover, #informaition ul li a.newsTabOn{
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll -82px bottom;
	display:block;
	text-indent:-9999px;
	width:82px;
	height:30px;
}

#informaition ul li a.updateTab {
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll -164px top;
	
}

#informaition ul li a.updateTab:hover, #informaition ul li a.updateTabOn{
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll -164px bottom;
	display:block;
	text-indent:-9999px;
	width:82px;
	height:30px;
}

#informaition ul li a.mainteTab {
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll -246px top;
}

#informaition ul li a.mainteTab:hover, #informaition ul li a.mainteTabOn{
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll -246px bottom;
	display:block;
	text-indent:-9999px;
	width:82px;
	height:30px;
}

#informaition ul li a.eventTab {
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll -328px top;
}

#informaition ul li a.eventTab:hover, #informaition ul li a.eventTabOn{
	background:transparent url(../images/top/tab_info_n.jpg) no-repeat scroll -328px bottom;
	display:block;
	text-indent:-9999px;
	width:82px;
	height:30px;
}

#informaition ul.tabmenu{
	position:relative;
	top:1px;
}

#informaition ul.tabmenu{
	_position:relative;
	_top:30px;
	
}










	
/* 新着情報 */
/*#tabmenu a.infoTab {
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_info.jpg) no-repeat left top;
}
#tabmenu a:hover.infoTab,
#tabmenu a.infoTabOn {
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_info.jpg) no-repeat left bottom;
}
*/
/* ニュース */
/*#tabmenu a.newsTab {
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_news.jpg) no-repeat left top;
}
#tabmenu a:hover.newsTab,
#tabmenu a.newsTabOn {
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_news.jpg) no-repeat left bottom;
}
*/
/* アップデート */
/*#tabmenu a.updateTab {
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_update.jpg) no-repeat left top;
}
#tabmenu a:hover.updateTab,
#tabmenu a.updateTabOn {
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_update.jpg) no-repeat left bottom;
}
*/
/* メンテナンス */
/*#tabmenu a.mainteTab{
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_mainte.jpg) no-repeat left top;
}
#tabmenu a:hover.mainteTab,
#tabmenu a.mainteTabOn {
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_mainte.jpg) no-repeat left bottom;
}
*/
/* イベント */
/*#tabmenu a.eventTab {
	background-image: url(../images/top/tab_event.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 82px;
	display: block;
	text-indent: -9999px;
}
#tabmenu a:hover.eventTab,
#tabmenu a.eventTabOn {
	width: 82px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/top/tab_event.jpg) no-repeat left bottom;
}*/

#left_contents {
	width: 410px;
	margin: 0 auto;
}
#lc_infoDetail {
	clear:both;
	width: 408px;
/*	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
*/}

/*インフォメーションの枠　画像*/
ul#lc_infoDetail{
	background:url(../images/top/infoside_bg.gif);
	width:410px;
}

#lc_infoDetail li a{
	color:#000066;
}
#lc_infoDetail li a:hover{ 
	color:#333;
	text-decoration:none;
}

#lc_infoDetail li{
	display:block;
	border-top:1px dotted #979797;	
	padding:7px 5px;
}
#lc_infoDetail li span,
#infoListDetail li span{
	padding-left:65px;
	padding-right:5px;
}
#lc_infoDetail .chan{
}
#lc_infoDetail .line{
	background-color: #FFFFCC;
}

.info_bottom{
	background:url(../images/top/infobottom_bg.gif) no-repeat;
	height:5px;
}

/*　アイコン表示（ニュース）*/
li.newsInfo{
	background: url(../images/information/info_news.gif) no-repeat 8px center;
	padding-top:5px;
	}
/*　アイコン表示（アップデート情報）*/
li.updateInfo{
	background: url(../images/information/info_update.gif) no-repeat 8px center;
	padding-top:5px;
	}
/*　アイコン表示（イベント情報）*/
li.eventInfo{
	background: url(../images/information/info_event.gif) no-repeat 8px center;
	padding-top:5px;
}
/*　アイコン表示（メンテナンス）*/
li.menteInfo{
	background: url(../images/information/info_mainte.gif) no-repeat 8px center;
	padding-top:5px;
}
/*　アイコン表示（障害）*/
li.obstacleInfo{
	background: url(../images/information/info_mainte01.gif) no-repeat 8px center;
	padding-top:5px;

}
/*　アイコン表示（復旧）*/
li.restoreInfo{
	background: url(../images/information/info_mainte02.gif) no-repeat 8px center;
	padding-top:5px;
}


/*キャンペーンバナー090717NETCASH*/
.netcash{
	margin-left:8px;
}

ul#infoListDetail li span {
	display:block;
	float:left;
/*	margin:0 10px 0 0;
	padding:1px 5px 1px 65px;
*/	text-align:left;
	width:70px;
}


/* 05. social layout
--------------------------------------------------------------------- */
div.social{
	width: 550px;
	margin: 0 auto;
}
	div.social>ul{width: 550px;}
	.social>ul>li{
		float: left;
		padding: 15px 8px 10px;
		background: #fff;
	}
		div.social>ul>li div.tw_follow{
			padding: 10px 50px;
			background: #ccc;
			margin-left: 30px;
			text-align: center;
		}