@charset "utf-8";

/*---------------
INDEX設定
---------------*/

.information_link{
	padding-bottom:4em;
	margin-left:.5em !important;
}
.information_link li{
	list-style:none;
	line-height:1.8;
	width:33%;
	float:left;
	margin-left: 0 !important;
	margin-right:2px;
	text-indent: 0em !important;
}
.information_link li a{
	min-height:24px;
	padding-left:26px;
	display:block;
}
.bt_info{ background:url(../images/top/info_oshirase.png) no-repeat 24px 0;}
.bt_mainte{ background:url(../images/top/info_mainte.png) no-repeat 10px 0;}
.bt_failure{ background:url(../images/top/info_failure.png) no-repeat 24px 0;}

.info_text{
	font-weight:normal;
	color:#666;
	font-size:11px;
	text-align:right;
	float:right;
	max-width:340px;
	width:100%;
}
.info_text img{
	vertical-align: middle;
}


.btn{
	border:1px solid #ccc;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#eeeeee));
	background: -webkit-linear-gradient(#FFFFFF, #eeeeee);
	background: -moz-linear-gradient(#FFFFFF, #eeeeee);
	background: -ms-linear-gradient(#FFFFFF, #eeeeee);
	background: -o-linear-gradient(#FFFFFF, #eeeeee);
	background: linear-gradient(#FFFFFF, #eeeeee);
	-pie-background: linear-gradient(#FFFFFF, #eeeeee);
	position:relative;
	behavior: url(/service/tool/js/PIE.htc);
	color:#333;
}
a.btn{	color:#333;}
.btn:hover{background:#fff;}

.btn.seikyu{
	background: #F50013;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F50013), to(#92012C));
background: -webkit-linear-gradient(#F50013, #92012C);
background: -moz-linear-gradient(#F50013, #92012C);
background: -ms-linear-gradient(#F50013, #92012C);
background: -o-linear-gradient(#F50013, #92012C);
background: linear-gradient(#F50013, #92012C);
-pie-background: linear-gradient(#F50013, #92012C);
	position:relative;
	behavior: url(/service/tool/js/PIE.htc);
	color:#FFF;
}


/* 障害情報 */
#failure{margin:0 0 1em 0;}
#failure li{
	list-style:none;
	display:block;
	padding-left:.1em;
	margin-left: 0;
	margin-bottom:.3em;
	text-indent: 0;
	font-size:.9em;
}
#failure li.restoration { color: #28A7DC; border:1px solid #28A7DC; }
#failure li.failure{ color: #CD2729; border:1px solid #CD2729;}
#failure  span {
	padding: 0 .5em;
	color:#fff;
	margin-right:.5em;
	line-height:1;
	font-weight:bold;
}
#failure .restoration span { background: #28A7DC; }
#failure .failure span{ background: #CD2729;}
#failure li a{ padding-left: 80px;font-size:1em;}
#failure li a.common {background:url(../images/top/i_net_tv.gif) no-repeat 0 2px;}
#failure li a.isp {	background:url(../images/top/i_net.gif) no-repeat 0 2px;}
#failure li a.catv {background:url(../images/top/i_tv.gif) no-repeat 0 2px;}	



@media screen and (max-width: 800px) {

/* お知らせ */

.info_text{
	display:block;
	padding-bottom:.3em;
	text-align:right;
	float:none;
	max-width:600px;
}

.information_link li{
	width:100%;
	float:none;
}
.bt_mainte{ background:url(../images/top/info_mainte.png) no-repeat 24px 0;}

/* module */
.isp1 li,.isp2 li,.isp3 li{
	 font-size:12px;
 }
 .isp1 strong,.isp2 strong,.isp3 strong{
	 font-size:14px;
}
}

@media screen and (max-width: 480px) {
.information_link {padding-bottom: 0em;}

}