@charset "utf-8";


#subscriber .section {
	margin: 0 2%;
}

#subscriber .systemArea {
	border-top: 1px solid #d5dae3;
	margin-bottom: 30px;
}
#subscriber .grayLine {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #f6f6f6;
	padding: 10px;
}
#subscriber .whiteLine {
	border-top: 1px solid #d5dae3;
	border-bottom: 1px solid #d5dae3;
	padding: 10px;
}
.systemArea .headBlock {
	font-size: 110%;
	font-weight: bold;
}
.systemArea .situation {
	width: 13%;
	display: inline-block;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
	border-right: 1px solid #d5dae3;
	min-height: 40px;
	font-weight: bold;
	padding: 20px 5px 0 40px;
	line-height: 1.3;
}
.systemArea .co_name {
	width: 46%;
	display: inline-block;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
	padding: 0 1%;
	padding-top: 20px;
	line-height: 1.3;
}
.systemArea .detail {
	width: 26%;
	display: inline-block;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
	padding-left: 1%;
	border-left: 1px solid #d5dae3;
	padding-top: 20px;
	line-height: 1.3;
}
.twoLine .systemArea .detail {
	border-left: none;
	padding-top: 0;
}
.systemArea .detail.wide {
	width: 74%;
}

.systemArea .running .situation {
	background: url(/images/subscriber/blue_circle.png) 0 center no-repeat;
	background: url(/images/subscriber/blue_circle_ie8.png) 0 center no-repeat\9;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
}

.systemArea .part_maintenance .situation {
	background: url(/images/subscriber/orange_triangle.png) 0 center no-repeat;
	background: url(/images/subscriber/orange_triangle_ie8.png) 0 center no-repeat\9;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
}

.systemArea .maintenance .situation {
	background: url(/images/subscriber/red_cross.png) 0 center no-repeat;
	background: url(/images/subscriber/red_cross_ie8.png) 0 center no-repeat\9;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
}

.infoArea .infoTitle {
	width: 25%;
	font-size: 100%;
	font-weight: bold;
	background: url(/images/subscriber/icon_info.png) 0 0 no-repeat;
	background: url(/images/subscriber/icon_info_ie8.png) 0 0 no-repeat\9;
	-moz-background-size: 43px 42px;
	background-size: 43px 42px;
	padding-left: 53px;
	min-height: 42px;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
	padding-top: 8px;
}
.infoArea .infoDetail {
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
	width: 67%;
	padding-top: 8px;
	margin-left: 10px;
}
/* for CMS */
.infoArea .infoDetail p {
	margin-bottom: 10px;
}
.infoArea .infoDetail .alignleft {
	display: inline;
	float: left;
	margin-right:15px;
}
.infoArea .infoDetail .alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}
.infoArea .infoDetail .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.infoArea .infoDetail ul { margin-left: 1.5em; }
.infoArea .infoDetail ul li { list-style: disc; }
.infoArea .infoDetail ol { margin-left: 1.5em; }
.infoArea .infoDetail ol li { list-style: decimal; }
.infoArea .infoDetail strong { font-weight: bold; }
.infoArea .infoDetail strong em { font-weight: bold; }
.infoArea .infoDetail em { font-style: italic; }
.infoArea .infoDetail em strong { font-style: italic; }
.infoArea .infoDetail a {display: inline}
.infoArea .infoDetail del { color: #FF0000 }