@charset "UTF-8";

/*　product03_server　*/
.server_box {
	margin: 0;
	padding: 0;
	width: 652px;
}

.server_img01 {
	margin: 0;
	padding: 0;
	width: 259px;
	float: left;
}

.server_copy01 {
	padding: 0;
	width: 371px;
	float: right;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.server_copy01 dd {
	margin: 0;
	padding: 0;
	width: 371px;
	line-height: 160%;
	font-size: 100%;
}

/*　このページのみ　summary2　*/

.serve_cap {
	margin: 0;
	padding: 0 0 0 13px;
	font-size: 90%;
	color:#FF0000;
}

.summary2 {
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-top: 20px;
}

.summary2 li{
	clear: both;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #3066E1;
	text-align:left;
	font-size: 95%;
}

.summary_capt {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 82%;
}

.summary_capt02 {
	margin: 0;
	padding: 0;
	font-size: 82%;
}

strong {
    color:red;
	font-weight:bold}

/* 3個並びのブルーボックス */
.ex_box {
	clear: both;
	margin: 35px 0 0px 0;
	padding: 0;
	width: 651px;
}

.ex_box .mddl_box {
	margin: 0;
	padding: 0;
	width: 651px;
	background-image: url(../../product/p03_img/box1-2.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

.ex_box .mddl_box .box1 {
	margin: 0;
	padding: 0 0 0 35px;
	width: 135px;
	float: left;
	display: block;
}

.ex_box .mddl_box .box2 {
	margin: 0;
	padding: 0 0 0 88px;
	width: 135px;
	float: left;
	display: block;
}

.ex_box .mddl_box .box3 {
	margin: 0;
	padding: 0 0 0 86px;
	width: 135px;
	float: left;
	display: block;
}

.ex_box .mddl_box li {
	width: 135px;
	display: block;
}

.ex_box .mddl_box li.capt_area {
	margin: 0;
	padding: 0;
	font-size: 92%;
	line-height: 140%;
	text-align: left;
}

.ex_box .mddl_box li.capt_area2 {
	margin: 0;
	padding: 0;
	font-size: 92%;
	line-height: 140%;
	text-align: center;
}

.server_img02 {
	clear:;
	padding-top:20px;
	}





/*　ドットライン付きページトップボタン　*/
.dot_line_area {
	clear: both;
	margin: 40px 0 0 0;
	padding: 10px 0 0 0;
	width: 652px;
	height: 50px;
	background-image: url(../../product/p03_img/dotline.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: right;
}



/* アキ調整 */
.mglf_sp {
	margin: 0 0 0 1em;
}



/* インデント */
.txt-ind {
	padding-left: 1m;
	text-indent: -1em;
	}





/* 下段ブルーボックス */
.ex_box2 {
	width: 370px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.ex_box2 .mddl_box2 {
	margin: 0;
	padding: 0;
	background-color: #E1F4F2;
}

.ex_box2 .mddl_box2 .photo_left {
	margin: 0;
	padding: 0 0 0 15px;
	width: 103px;
	float: left;
}

.ex_box2 .mddl_box2 .txt_flo {
	margin: 0;
	padding: 40px 0 0 25px;
	width: 205px;
	font-size: 92%;
	line-height: 140%;
	float: left;
}






/* 別窓マップ */
.map_sv {
	margin: 0;
	padding: 0;
	width: 621px;
}



.main_contents .product03_server .cap {
	font-size: 77%;
/*	margin-bottom: 20px;
*/}

.cap2{
	margin-right: 55px;
}

.mt20{
	margin-top: 20px;
}












/*----------------------------------------------

 サーバーの清掃

-----------------------------------------------*/
#washed_sv {
	clear: both;
	margin: 50px 0 0 0;
	padding: 0;
	width: 652px;
}

#washed_sv .wash_txt {
	margin: 0;
	padding: 0;
	width: 318px;
	float: left;
	text-align: left;
}

#washed_sv .wash_txt .wash_title {
	margin: 0;
	padding: 0 0 25px 0;
}

#washed_sv .wash_photo {
	margin: 0;
	padding: 0;
	width: 320px;
	float: right;
}



/* 流れ */
#washed_flow {
	clear: both;
	margin: 35px 0 35px 0;
	padding: 0;
	width: 652px;
}

#washed_flow .flow_title {
	margin: 0;
	padding: 0 0 30px 0;
}

#washed_flow li {
	margin: 0;
	padding: 0;
}

#washed_flow img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#washed_flow .flow_chart {
	margin: 0;
	padding: 0;
	width: 276px;
	float: left;
}

#washed_flow .flow_photo {
	margin: 0;
	padding: 0;
	width: 320px;
	float: right;
}