@charset "UTF-8";

@import "default.css";
@import "screen.css";
@import "common.css";

#waterT,
#example,
#office,
#hospital,
#event,
#home,
#tojo,
#price,
#set,
#maintenance,
#faq,
#inquiry,
#company,
#sitemap{
	width:550px;
	float:left;
	padding:30px 0 30px 0;
}


/*-------------------------------------------------------------------
		heading
-------------------------------------------------------------------*/
#waterT h3,
#example h3,
#office h3,
#hospital h3,
#event h3,
#home h3,
#tojo h3,
#price h3,
#set h3,
#maintenance h3,
#faq h3,
#inquiry h3,
#company h3,
#sitemap h3{height:28px; text-indent:-9999px; margin-bottom:16px;}

#waterT h3{background:url(../cmm_img/h3_water_t.jpg) 0 0 no-repeat; width:456px;}
#example h3{background:url(../cmm_img/h3_example.jpg) 0 0 no-repeat; width:378px;}
#office h3{background:url(../cmm_img/h3_office.jpg) 0 0 no-repeat; width:322px;}
#hospital h3{background:url(../cmm_img/h3_hospital.jpg) 0 0 no-repeat; width:498px;}
#event h3{background:url(../cmm_img/h3_event.jpg) 0 0 no-repeat; width:280px;}
#home h3{background:url(../cmm_img/h3_home.jpg) 0 0 no-repeat; width:286px;}
#tojo h3{background:url(../cmm_img/h3_tojo.jpg) 0 0 no-repeat; width:357px;}
#price h3{background:url(../cmm_img/h3_price.jpg) 0 0 no-repeat; width:309px;}
#set h3{background:url(../cmm_img/h3_set.jpg) 0 0 no-repeat; width:185px;}
#maintenance h3{background:url(../cmm_img/h3_maintenance.jpg) 0 0 no-repeat; width:285px;}
#faq h3{background:url(../cmm_img/h3_faq.jpg) 0 0 no-repeat; width:71px;}
#company h3{background:url(../cmm_img/h3_company.jpg) 0 0 no-repeat; width:285px;}
#sitemap h3{background:url(../cmm_img/h3_sitemap.jpg) 0 0 no-repeat; width:165px;}
#inquiry h3{background:url(../cmm_img/h3_inquiry.jpg) 0 0 no-repeat; width:180px;}



h4{
	background:url(../cmm_img/icon_h401.gif) 0 0 no-repeat;
	color:#BCDE00;
	font-size:85%;
	font-weight:bold;
	padding:5px 0 11px 35px;
}

#example h4{
	background:url(../cmm_img/h4ttl_02.gif) 0 0 no-repeat #022C47;
	color:#FFF;
	font-size:78%;
	padding:22px 10px 8px 40px;
	margin-bottom:13px;
	border-bottom:3px solid #0E459A;
}



div.h4Box{
	width:516px;
	padding:11px 16px 15px 16px;
	background-color:#025F95;
	border:1px solid #004789;
	margin-bottom:20px;
}

.h4Txt{
	border-top:1px solid #71A5C4;
	color:#FFF;
	font-size:78%;
	line-height:1.4;
	margin:0 3px;
	padding-top:13px;
}

h5{
	background:url(../cmm_img/h5ttl_01.gif) 0 0 no-repeat #55911D;
	font-size:78%;
	font-weight:bold;
	color:#FFF;
	padding:8px 10px 6px 20px;
	border-bottom:1px solid #3A690E;
	width:520px;
	margin-bottom:13px;
}

h5.h502{
	background:url(../cmm_img/h5ttl_02.gif) 0 0 no-repeat #022C47;
	font-size:78%;
	font-weight:bold;
	color:#FFF;
	padding:8px 10px 6px 20px;
	border-bottom:1px solid #0E459A;
	width:520px;
	margin-bottom:13px;
}

h6{
	border-left:3px solid #022C47;
	padding:4px 10px 4px 17px;
	color:#022C47;
	font-size:78%;
	font-weight:bold;
	margin-bottom:10px;
}

	

/*-------------------------------------------------------------------
		float image
-------------------------------------------------------------------*/

.floatR{ float:right;}
.floatL{ float:left;}

.imgFloatR{
	float:right;
	padding: 0px 0px 15px 15px ;
}

.imgFloatL{
	float:left;
	padding: 0px 15px 10px 0px ;
}

.imgFloatLB0{
	float:left;
	padding: 0px 15px 0px 0px ;
}

 

/*-------------------------------------------------------------------
		list-settings
-------------------------------------------------------------------*/
.list01{margin-bottom:10px;}
.list01 li{
	background:url(../cmm_img/icon_list02.gif) 0 3px no-repeat;
	padding:0 0 10px 18px;
	font-size:78%;
	line-height:1.4;
}

#faq ol{margin-bottom:10px;}
#faq li{
	font-size:78%;
	padding:0 0 10px 0;
 	list-style:decimal outside;
	margin-left:22px;
}


/*-------------------------------------------------------------------
		dl-settings
-------------------------------------------------------------------*/
.dl01 dt{
	width:510px;
	background:url(../cmm_img/icon_dl01.gif) 8px 50% no-repeat #022C47;
	padding:6px 8px 7px 32px;
	margin-bottom:12px;
}
.dl01 dt a{
	font-weight:bold;
	color:#FFF;
	font-size:78%;
	text-decoration:none;
}
.dl01 dt a:hover{color:#FFF; text-decoration:underline;}
.dl01 dd{padding-left:20px;}

#faq dt{
	background:url(../img/img_q.gif) 0 0 no-repeat;
	font-size:78%;
	line-height:1.4;
	padding:3px 0 15px 24px;
}
#faq dd{
	background:url(../img/img_a.gif) 0 0 no-repeat;
	padding:3px 0 0 24px;
	margin-bottom:20px;
	border-bottom:1px dotted #999;
}



/*-------------------------------------------------------------------
		banner
-------------------------------------------------------------------*/



/*-------------------------------------------------------------------
		box
-------------------------------------------------------------------*/



/*-------------------------------------------------------------------
		table
-------------------------------------------------------------------*/
#price .table01 td{text-align:right;}
#company .table01 th{width:100px;}
.table01{
	width:520px;
	background-color:#022C47;
	font-size:78%;
}
.table01mrgB10{margin-bottom:10px;}
.table01 th{
	color:#FFF;
	padding:10px;
	background-color:#083856;
	border:1px solid #2D566F;
}
.table01 td{
	background-color:#EBF2FB;
	padding:10px;
	color:#444;
	line-height:1.2;
}
th.th01a,
th.th01b{
	background-color:#99BCD7;
	border:1px solid #ebf2fb;
	color:#022c47;
	width:110px;
}
th.th01b{width:160px;}
	
/*-------------------------------------------------------------------
		form
-------------------------------------------------------------------*/	
.btn{
	width:150px;
	height:26px;
	font-size:78%;
	margin:25px 0 20px 0;
	line-height:1.0;
	padding:2px 0;
}

.cent{text-align:center;}

.formbtn{
	width:510px;
	margin:20px 0 20px 0;
	text-align:center;
}

textarea {
	width:350px;
	font-size:100%;
}

.w60{width:60px;}
.w115{width:115px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}

#inquiry select{font-size:93%;}

/*-------------------------------------------------------------------
		sitemap
-------------------------------------------------------------------*/	
.smap a{
	background:url(../cmm_img/icon_list01.gif) 0 8px no-repeat;
	padding:10px 10px 20px 25px;
	font-size:78%;
	line-height:1.4;
}

.smap{
	padding:5px 0 10px 0;
}

#sitemap li{
	margin-left:25px;
	background:url(../cmm_img/icon_list03.gif) 0 3px no-repeat;
	font-size:78%;
	padding:0 0 15px 18px;
	line-height:1.2;
}
#sitemap .indent01{background:url(../img/img_sitemap01.gif) 100% 100% no-repeat;}
	

/*-------------------------------------------------------------------
		other
-------------------------------------------------------------------*/	
.pLink{
	font-size:71%;
	padding:7px 8px 5px 8px;
	width:534px;
	background-color:#CCE6FF;
	margin-bottom:20px;
	color:#666;
}
.pLink a{color:#0088D6; text-decoration:underline;}
.pLink a:hover{color:#0088D6; text-decoration:none;}

.pageTop a{
	background:url(../cmm_img/img_pagetop.gif) 0 0 no-repeat;
	width:67px;
	height:12px;
	display:block;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	margin-left:483px;
}

.imgC{
	margin:0 0 0 13px;
	width:460px;
	margin-bottom:20px;
}

.setBnn{
	background:url(../tojo/img/img_form.jpg) 0 0 no-repeat;
	width:452px;
	height:39px;
	margin-bottom:20px;
}
.setBnnL{
	width:233px;
	height:35px;
	float:left;
	text-indent:-9999px;
	margin-right:18px;
}
.setBnnR a{
	width:201px;
	height:39px;
	float:left;
	text-indent:-9999px;
	display:block;
}

.setLine{border-top:1px dotted #999; padding-top:20px;}
