@charset "utf-8";

/*下層共通項目
-------------------------------------------------*/
#main_bg {
	border-bottom: 14px solid #e8340c;
	background: url(../images/common/main_bg.jpg) no-repeat center top;
	height: 274px;
	margin: 0px;
}
#main_img {
	width:980px;
	margin: 0px auto;
}

.main_comment{
	padding: 65px 0px 0px;
	text-align: left;
}

/*イントロ*/

#intro{
	margin-bottom:80px;
}

.h2_intro{
	margin-bottom:50px;
	text-align:center;
}

.intro_main{
	margin-bottom:40px;
}

.intro_txt{
	margin-bottom:20px;
}

#intro ul{
	list-style-type:none;
}

#intro ul li{
	margin-bottom:10px;
}

.content_box{
	background-color:#f5f1eb;
	width:675px;
	padding: 20px;
	}
	
.content_box .img{
	width:355px;
	float:right;
	margin-left: 20px;
}

.content_box .txt{
	width:300px;
	float:left;
	line-height:2;
}

/*実績
-------------------------------------------------*/
.h3_tit1{
	font-size:180%;
	font-weight:normal;
	background:url(../images/common/bdr_tit1.jpg) no-repeat left center;
	padding-left:20px;
	margin-bottom:40px;
}

#category_nav_box{
	margin-bottom:80px;
}

#category_nav_box ul{
	list-style-type:none;
}

#category_nav_box ul li{
	float:left;
	width:236px;
	display:block;
	background: #f5f1eb url(../images/product/btn_bg_o.jpg) no-repeat left center;
	border: 1px solid #fff;
	text-align: center;
	color: #e8340c;
	padding:10px 0;
	font-weight: bold;
}

#category_nav_box ul li a{
	color: #404040;
	display:block;
}

#category_nav_box ul li a:hover{
	color: #e8340c;
	display:block;
	background: #f5f1eb url(../images/product/btn_bg.jpg) no-repeat left center;
}

.btn_detail{
	text-align:right;
}

.product_box{
	padding-bottom:40px;
	margin-bottom:60px;
	border-bottom:1px dotted #404040;
}

.product_img img{
	width:715px;
	margin-bottom:12px;
}

.product_imgs_box{
	margin-bottom:12px;
}

.product_txt{
	background-color:#f5f1eb;
	padding:20px;
	mardin-bottom:20px;
	float:right;
	margin-bottom: 20px;
	width:675px;
}

.product_imgs{
	width:230px;
	float:left;
	margin-right:12px;
}

.product_imgs.end{
	width:230px;
	float:left;
	margin-right:0px;
}

.detail_txt{
	/*background-color:#f5f1eb;*/
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px dotted #404040;
}
.detail_download { padding-top:20px;}
.detail_download li { list-style:none; line-height:normal;}

/*良くある質問
-------------------------------------------------*/
#faq dl{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px dotted #404040;
	
}

#faq dl dt{
	background: url(../images/faq/icon_q.jpg) no-repeat left top;
	margin-bottom: 20px;
	padding-left: 40px;
	font-weight: bold;
	padding-bottom: 10px;
}

#faq dl dd{
	background: url(../images/faq/icon_a.jpg) no-repeat left top;
	padding-left: 40px;
	margin-bottom:30px;
	padding-bottom: 10px;
}


/*施工の流れ
-------------------------------------------------*/
.flow_box{
	background-color:#f5f1eb;
	width:695px;
	padding: 29px 20px 20px 0;
}

.flow_box h4{
	margin-bottom:10px;
}

.flow_box .img{
	width:260px;
	float:right;
	margin-top:-60px;
}

.flow_box .txt{
	float:left;
	padding-left:20px;
	width: 400px;
}

.flow_arrow{
	text-align:center;
	padding:20px 0;
}



/*会社概要
-------------------------------------------------*/
.com_tab{
	border-top:1px dotted #ded0ba;
	width:100%;
	margin:0 0 80px;
}
.com_tab th{
	background:#f5f1eb;
	/*border-top:1px solid #fff;*/
	border-bottom:1px dotted #ded0ba;
	border-right:1px solid #e8340c;
	padding:20px 15px;
	text-align:left;
	line-height:normal;
	vertical-align:top;
	width:120px;
	font-weight:normal;
}
.com_tab td{
	/*border-top:1px solid #fff;*/
	border-bottom:1px dotted #ded0ba;
	padding:20px 15px;
	line-height:normal;
	vertical-align:top;
}
/*沿革*/
.his_tab{border-top:1px solid #ccc;width:100%;margin:0 0 35px;}
.his_tab th{background:#efefef;border-top:1px solid #fff;border-bottom:1px solid #ccc;padding:5px 10px;text-align:left;line-height:normal;vertical-align:top;width:120px;}
.his_tab td{border-top:1px solid #fff;border-bottom:1px solid #ccc;padding:4px 8px;line-height:normal;vertical-align:top;}

.gmap{
	width:665px;
	height:300px;
}



/*お問い合わせ
-------------------------------------------------*/
ul.error { padding:0px 10px 30px;}
ul.error li { list-style:none; color:#FF0000;}
.con_tab{
	border-top:1px dotted #ded0ba;
	width:100%;
	margin:0 0 80px;}
	
.con_tab th{
	background:#f5f1eb;
	/*border-top:1px solid #fff;*/
	border-bottom:1px dotted #ded0ba;
	border-right:1px solid #e8340c;
	padding:20px 15px;
	text-align:left;
	line-height:normal;
	vertical-align:top;
	width:120px;
	font-weight:normal;
	}
	
.con_tab td{
	/*border-top:1px solid #fff;*/
	border-bottom:1px dotted #ded0ba;
	padding:20px 15px;
	line-height:normal;
	vertical-align:top;
	}

/* フォーム設定 */
.pp{border:1px solid #ccc;padding:14px;height:120px;overflow-x:hidden;overflow-y:auto;}
.agree{margin:0 0 10px;text-align:center;border-bottom:1px dottd #666;}
.confirm{width:200px;height:40px;margin:0 0 35px;text-align:center;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input{font-size:100%;vertical-align:middle;}
input[type="text"], select{border:1px solid #ccc;padding:2px;}
input:focus[type="text"],input:focus[type="password"],textarea:focus{border:1px solid #666;padding:2px;background:#efefef;}
textarea{font-size:100%;border:1px solid #ccc;padding:2px;width:98%;}
.form-ss{width:10%;}
.form-s{width:25%;}
.form-m{width:50%;}
.form-l{width:75%;}
.form-ll{width:90%;}
.form-btn { padding:5px 20px;}

/*カタログ
-------------------------------------------------*/
/* プログラム */
div.paging{line-height:normal;background-color:#efefef;padding:5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;font-size:xx-small;font-family:Arial, Helvetica, sans-serif;margin-bottom:20px;}
div.paging span.current,div.paging span a.paging-text{margin:0px 5px;padding:4px 8px;border:1px solid #999;background:#fff;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
div.paging span.current{background:#ddd;display:inline;zoom:1;text-decoration:none;display:inline-block;}
div.paging span a.paging-text:hover{color: #f60;background:#333;cursor:pointer;background-color:#fff;background:#fc9;display:inline;zoom:1;text-decoration:none;display:inline-block;}
div.paging img { vertical-align: middle; }