@charset "euc-jp";



/*********** btm setup ***********/

/* class */
.clear { clear:both; }
.fLeft { float:left; }
.fRight { float:right; }
.attention { color:#c70101; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.ml10 {margin-left: 10px;}
.mr8 {margin-right: 8px;}
.mr9 {margin-right: 9px;}
.mr10 {margin-right: 10px;}

/* contents */
#contents { line-height:1.5; width:600px; float:right; padding:18px 50px 0 0; }

body.contact #contents { line-height:1.5; width:860px; padding:18px 0 0 0; margin:0 auto; float:none; }
body.contact02 #contents { line-height:1.5; width:860px; padding:18px 0 0 0; margin:0 auto; float:none; }
body.estimate #contents { line-height:1; width:860px; padding:18px 0 0 0; margin:0 auto; float:none; }
body.estimate02 #contents { line-height:1; width:860px; padding:18px 0 0 0; margin:0 auto; float:none; }

/* contents caption */
#contents h2 { }
#contents h3 { padding-top:25px; text-align:center; font-size:14px; }
#contents h3#first { padding-top:0; }
#contents h3#second { padding-top:20px; }

#contents h4 { padding-top:20px; text-align:center; }
#contents h5 { padding-top:20px; text-align:center; }

/* contents p */
#contents p { padding:15px 20px 0; }
#contents p#fBnr { line-height:1; padding:25px 0 0; }
#contents p.photo { line-height:1; padding:15px 0 0; text-align:center; }
#contents p#bnr_05 { line-height:1; padding:10px 0 0; text-align:center; }



/*  rollup */
#contents p.page-up { line-height:1; padding:20px 20px 0; text-align:right; }

/* contents img */
img.fLeft { padding-right:15px; padding-bottom:15px; }
img.fRight { padding-left:15px; padding-bottom:15px; }

/* contents table */
#contents .listTable { margin-top:15px; }
#contents .listTable th { background:url(../common_img/bg_th.gif) repeat-y #faab5c; text-align:left; color:#fff; vertical-align:top; }
#contents .listTable td { border-bottom:1px dotted #cbcbcb;}

#contents .listTable .line_on { border:1px solid #ccc; text-align:center; vertical-align:middle;}

#contents .listTable .line_txt { border-bottom:1px solid #ccc; text-align:left; vertical-align:middle;}


#contents .listTable04 { margin-top:0px; border:#CCC 1px solid; font-size:12px; }
#contents .listTable04 th { background:#e8edf3; text-align:left; color:#4a4e53; vertical-align:middle; }
#contents .listTable04 td { border-bottom:1px solid #f2f3f3; vertical-align:top; }

#contents .accordion dt { text-align:center; padding:20px 0 0; }
#contents .accordion dd { }

/*********** page setup ***********/



/* news */

#contents #rss { padding:0 10px 0 0; text-align:right; }
body.news #contents .newsBox .bg_h3 h3 { width:420px; padding:22px 30px 10px 0; margin:0; font-size:15px; text-align:left; float:right; color:#155597; }
body.news #contents .newsBox .bg_h3 p.date { font-weight:bold; color:#fff; width:103px; padding:22px 0 10px 29px; margin:0; font-size:14px; text-align:center; float:left; }
body.news #contents .newsBox { width:600px; color:#555; background: url(../news/images/bg_newsBox_top.gif) no-repeat; padding-bottom:13px; }
body.news #contents .bg_newsBox { width:600px;  background: url(../news/images/bg_newsBox_btm.gif) left bottom no-repeat; }
body.news #contents .bg2_newsBox { width:600px; margin:20px auto 0; background: url(../news/images/bg_newsBox_mdl.gif) repeat-y; }
body.news #contents .txtBox { width:536px; padding:5px 37px 0; margin:0 auto; }
body.news #contents .txtBox p { padding:0 0 15px; font-size:14px; }
body.news #contents .txtBox img { margin:0 15px 15px 0; }

/* feature */
body.feature #contents .deffBox { background:url(../feature/images/bg_deff_btm.gif) left bottom no-repeat; width:590px; padding:0 0 20px; font-size:14px; }
body.feature #contents .bg_deffBox { background:url(../feature/images/bg_deff_mdl.gif) repeat-y; width:590px; margin:0 auto; }

body.feature #contents .deffBox p { width:300px; }
body.feature #contents .deffBox p.fRight { padding-left:0; }
body.feature #contents .deffBox p.fLeft { padding-right:0; }


#bnrNav { padding-top:10px; }
#contents #bnrNav li { float:left; }
#contents #bnrNav li.nav_product { padding-right:10px; }

/* */
#contents #check { background:url(../knack/images/bg_check_btm.gif) left bottom no-repeat; width:570px; padding:0 10px 20px; }
#contents #bg_check { background:url(../knack/images/bg_check_mdl.gif) repeat-y; width:590px; margin:0 auto; }

/*reason*/
#contents #reasonBox { background:url(../reason/images/bg_reason_btm.gif) left bottom no-repeat; width:590px; padding:0 0 20px; }
#contents #bg_reasonBox { background:url(../reason/images/bg_reason_mdl.gif) repeat-y; width:590px; margin:0 auto; }



.listTable2 { margin: 15px auto 0; }
.listTable2 th { vertical-align:top; padding-right:10px; }
.listTable2 th.name1 { font-size:14px; line-height:normal; vertical-align:top; text-align:left; padding:0 10px; padding-bottom:5px; }
.listTable2 th.name2 { font-size:18px; line-height:1.5; font-family:"メイリオ"; vertical-align:top; text-align:left; padding:5px 10px; background-color:#FFC; }
.listTable2 ul { display:block; padding:10px 0; width:auto; }
.listTable2 ul li { border-bottom:1px dotted #CCC; padding:0 15px 5px; margin-bottom:5px; font-size:14px; clear:both; }
.listTable2 ul li strong { display:block; width:140px; float:left; color:#036; }

.sateiList { margin: 15px auto 20px; }
.sateiList td { padding:5px 15px 5px; margin-bottom:5px; border-bottom:1px dotted #CCC; font-size:14px; }
.sateiList th { padding:5px 15px 5px; margin-bottom:5px; border-bottom:1px dotted #CCC; font-size:14px; text-align:right; background-color:#FCF4D3; }
.sateiList th span { font-size:18px; }

#contents .titleArea { position:relative; height:64px; }
#contents .titleArea h4 { padding:0; }
#contents .titleArea span { display:block; position:absolute; top:17px; right:48px; text-align:center; font-family:"メイリオ"; font-size:20px; line-height:1; font-weight:bold; color:#F00; }



#contents .listTable3 { margin: 15px auto 0; border:#eee 1px solid; width:590px; }
#contents .listTable3 th { text-align:left; vertical-align:top; }
#contents .listTable3 th img { padding:3px 10px 3px 3px; }
#contents .listTable3 th table { margin-left:3px; }
#contents .listTable3 th table td img, #contents .listTable3 th table td { padding:0; }
#contents .listTable3 th table td { padding:7px 10px 0 0; }
#contents .listTable3 th table th { padding:7px 15px 10px 5px; font-weight:normal; }
#contents .listTable3 td { vertical-align:top; padding:10px 10px 0 0; text-align:left; }
#contents .listTable3 td div { clear:both; padding:10px 0; text-align:right; }
#contents .listTable3 p { display:block; padding:10px; border-bottom:1px dotted #CCC; font-size:14px; clear:both; }
#contents .listTable3 p.none { border-bottom:none; }
#contents .listTable3 p strong { color:#F00; padding:2px 15px 0 0; }
#contents .listTable3 p span { font-size:16px; font-weight:bold; }
#contents .listTable3 p.gaiyouBox { border:1px solid #CCC; background-color:#eee; margin:0 6px; }

#contents .listTable3 p.p_btn{ text-align:center; border-bottom:1px dotted #fff;}

#contents .listTable3 .b_btn{ margin-bottom:10px;}
#contents .listTable3 .b_btn th{ font-size:12px; font-weight:normal; text-align:center; padding-top:15px;}


#contents #kojin_box{ width:700px; margin-left:auto; margin-right:auto; margin-top:0px; background:#f7f7f7;
border:1px #CCC solid; line-height:1.3;}
#contents #kojin_box p{ width:680px; margin-left:auto; margin-right:auto;}
#contents .kojin_box02{ width:680px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#kojin03{ margin:20px 400px 5px 15px;}
#contents .kojin {  margin:5px 40px 0; }
#contents .kojin li { color:#5d513e; padding:4px 10px; border-bottom:1px dotted #5d513e; list-style:outside decimal; }

#kakunin{ margin-top:20px;}
#kakunin_btn{ margin-right:5px;}



#table_box{ width:800px; margin-left:auto; margin-right:auto; margin-top:20px;}
#table_box{ width:800px; margin-left:auto; margin-right:auto; margin-top:5px;}
#contents .listTable05 { margin: 15px auto 0;  width:800px; }
#contents .listTable05 th { text-align:left; vertical-align:top; }
#contents .listTable05 th img { padding:3px 10px 3px 3px; }
#contents .listTable05 th table { margin-left:3px; }
#contents .listTable05 th table td img, #contents .listTable3 th table td { padding:0; }
#contents .listTable05 th table td { padding:7px 10px 0 0; }
#contents .listTable05 th table th { padding:7px 15px 10px 5px; font-weight:normal; }
#contents .listTable05 td { vertical-align:middle; padding:10px 10px 0 0; text-align:left; }
#main_txt {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
	border-left:7px solid #09F;
	padding-left:5px;
	padding-bottom:2px;
	border-bottom:dotted 1px #CCC;
	padding-top: 2px;
}
#contents .listTable05 p { display:block; padding:10px; border-bottom:1px dotted #CCC; font-size:16px; clear:both; }
#contents .listTable05 p.none { border-bottom:none; }
#contents .listTable05 p strong { color:#F00; padding:2px 15px 0 0; font-size:18px; }
#contents .listTable05 p span { font-size:16px; font-weight:bold; }
#contents .listTable05 p.gaiyouBox { border:1px solid #CCC; background-color:#eee; margin:0 6px; }

#contents .listTable06{ border:#eee 1px solid;} 
#contents .listTable06 th{ background:#eeeeef; font-size:16px; color:#4e4e4e; padding:5px 10px; vertical-align:middle; width:150px;}
#contents .listTable06 td{ font-size:16px; color:#4e4e4e; padding:14px 10px; vertical-align:middle; border-bottom:1px dotted #CCC;}
#contents .listTable06 td.zeo{ font-size:16px; color:#4e4e4e; padding:10px 10px; vertical-align:middle; border-bottom:1px dotted #fff;}
.sougaku{ font-size:18px; color:#F00;}

/*-- 20100514追加 --*/
#contents  div#kojinBoxBase table#kojinlist { margin-left:304px; }
#contents div#kojinBoxBase span#kojinAttention { font-size:13px; }
#contents div#kojinBoxBase div#kojin_box { width:774px; }


.contact_img{margin-top:15px; width:783px; margin-left:auto; margin-right:auto; margin-top:10px;}

#detached_box{ margin-top:15px;}




/* area */
ul.area_link {
	>width: 580px;
	margin: 15px 0;
	padding: 0 10px 10px;
	border-bottom: dotted 1px #dcdcdc;
}

ul.area_link li {
	float: left;
	width: 90px;
	margin: 0 10px 5px 0;
	padding-left: 15px;
	background: url(../common_img/bg_knackNav_top.gif) left center no-repeat;
}

ul.area_link li a {
	color: #2b5ea4;
}

ul.area_link li a:hover {
	color: #5c8ccd;
}

#contents h4.area_title {
	margin: 0 0 5px;
	padding-top:0;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #2b5ea4;
	line-height: 24px;
}

.area_txt {
	margin: 0 10px 20px;
	padding: 10px 15px;
	font-size: 12px;
	line-height: 22px;
	border: solid 1px #cccccc;
}

/* hwater */
#contents h3.hwater_ctgtitle {
	margin: 0 0 20px;
	padding-top: 0;
}

.hwater_block {
	margin: 0 10px 20px;
}

img.hwater_img {
	display: block;
	float: left;
	width: 200px;
	padding: 1px;
	border: solid 1px #cccccc;
}

.hwater_txt {
	float: right;
	width: 360px;
}

.hwater_title {
	margin-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	color: #2b5ea4;
	background: url(../common_img/bg_knackNav_top.gif) left center no-repeat;
}

table.hwater_list {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

table.hwater_list th, table.hwater_list td {
	padding: 8px 4px 8px;
	vertical-align: top;
	border-bottom: dotted 1px #dcdcdc;
}

table.hwater_list th {
	width: 30%;
	font-weight: normal;
}

table.hwater_list td {
	width: 70%;
}

.hwater_subtxt {
	margin: 0 15px 20px;
}

a:hover img.filter {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.red { color: #ff0000; }
.bold { font-weight: bold; }