@charset "UTF-8";


/*ヘッダーメニュー
------------------------------------------------------------ */
#hd_right{
	width:227px;
	float:right;
	padding-right:15px;
	margin-top:16px;
}


/*メインエリア
-----------------------------*/
.ttl2{
margin-bottom:15px;
}

.ttl3{
margin-bottom:20px;
}

.ttl4{
clear:both;
margin:45px auto 5px;
}

.ttl5{
margin-bottom:25px;
}

.top_txt{
line-height:1.5;}

.inner p{
font-size:1.4em;
margin-bottom:15px;
}

.inner{
margin:0px auto 35px;
}

.inner2{
margin:0px auto 35px;
}

.inner h2{
margin-bottom:15px;
}

.inner h3{
margin-bottom:10px;
}

.news ul{
list-style-type:none;
}

.news li{
background:url(../img/news.gif) no-repeat left top;
padding-left:20px;
font-size:1.4em;
list-style-type:none;
margin-bottom:20px;
/*padding-top:5px;*/
line-height:1.4;
height:62px;
}


.news_t ul{
list-style-type:none;
}

.news_t li{
background:url(../img/news.gif) no-repeat left top;
padding-left:20px;
font-size:1.4em;
list-style-type:none;
margin-bottom:10px;
line-height:1.4;
}


#area{
	width:184px;
	height:140px;
	margin:10px auto;
	border:1px solid #ecc05a;
	background:#FFFFFF;
}

#area_inner{
	padding:10px 10px 0px;
	font-size:12px;
	line-height:1.1em;
	color:#333333;
}

.area_s{
	padding:12px 10px 0px;
	font-size:12px;
	line-height:1.1em;
	color:#333333;
}

.bnr{
width:186px;
margin:0 auto 10px;
}

.pagetop{
	width:495px;
	margin:0px 0px 0px;
	text-align:right;
}



/*top
-----------------------------*/
.top_reco{
	background:url(../img/top_taikoban.jpg) top left no-repeat;
	width:491px;/*481--495-4*/
	padding:148px 0 7px;
	margin:0px 0 15px;
	border:2px solid #ccc;
}


.top_reco_in{
margin:0 10px;
}

.top_reco_in p{
line-height:1.6;
margin-bottom:7px;
}

.reco_ttl{
	font-size:1.4em;
	border-bottom:1px solid #00a1e9;
/*	border-left:4px solid #00a1e9;*/
	margin:0 0 5px;
/*	padding-left:5px;*/
	height:27px;
}


#news ul{
list-style-type:none;
}
#news li{
background:url(../img/news.gif) no-repeat left center;
padding-left:20px;
font-size:1.4em;
}


/*フォーム
---------------------------------*/

#contact{
clear:both;
width:495px;
height:210px;
background:url(../img/form_bg.jpg) no-repeat;
margin:25px auto 25px;
}

#contact_inner{
/*width:326px;*/
margin:auto;
padding:79px 0px 16px 18px;
}

.btn_estimate{
clear:right;
/*width:321px;*/
margin:7px auto 0;
}


/*フッター
------------------------------------*/

.foot{
border-top:1px solid #291111;
}

.footin{
width:502px;
margin:0px auto;
font-size:1.2em;
line-height:150%;
padding:15px 0 10px;

}


#footer{
	clear:both;
	width:760px;
	height:32px;
	background-color:#291111;
	padding:0px;
	margin:0px auto;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:32px;
}

.ft_left{
float:left;
margin:0px;
padding:0px 10px 0px;
font-size:12px;
letter-spacing:1px;
line-height:32px;
color:#ffffff;
}

.ft_right{
float:right;
margin:0px;
padding:0px 10px 0px;
font-size:10px;
letter-spacing:1px;
line-height:32px;
color:#ffffff;
text-align:right;}



/*お客様の声
-----------------------------------*/

.nextpage{
text-align:right;
font-size:1.4em;
margin:15px 0;}

.voice{
clear:both;
width:496px;
padding:20px 0;
border-bottom:2px dotted #ccc;
}


.btn_voice{
	margin:6px 0px 0px;
}

.btn_voice_mv{
	margin:4px 0px;
}

.voice_l{
	width:190px;
	float:left;
	text-align:center;
	line-height:1.5;
}

.voice_r{
	width:300px;
	float:right;
	font-size:1.2em;
}

.voice_r p{
margin-bottom:12px;}

.voice_ttl{
font-weight:bold;
font-size:1.2em;
}


.letter{
margin:20px auto;
border:1px solid #999;
}

.letter2{
margin:0px auto;
border:1px solid #999;
}


/*施工例
--------------------------------------------*/


.jirei{
width:496px;
padding:10px 0px;
border-bottom:2px dotted #ccc;
clear:both;
margin:auto;
}

.jirei2{
width:496px;
padding:10px 0px;
clear:both;
margin:auto;
}

.jirei2 img{
border:1px solid #ccc;
padding:5px;}



.jirei_l{
width:190px;
float:left;
}

.jirei_m{
width:15px;
height:100px;
float:left;
background:url(../img/jirei_arrow.gif) top left no-repeat;
}

.jirei_r{
width:280px;
float:right;
margin-bottom:10px;
}

.jirei_b{
clear:both;
font-size:1.2em;
margin-bottom:10px;
}


.jirei_ttl{
font-weight:bold;
font-size:1.6em;
}

.date{
text-align:left;
}

/*職人紹介
------------------------------------*/
.staff_a{
clear:both;
padding-bottom:20px;
border-bottom:2px dotted #ccc;
margin-bottom:30px;
}

.staff_hd{
margin-bottom:20px;
}

.staff_t{
clear:both;
margin-bottom:30px;
}
/*
.staff_t img{
margin-bottom:20px;
}*/

.staff_t p{
font-size:1.4em;
line-height:1.6;
margin-bottom:10px;
}

.staff{
clear:both;
width:496px;
/*
padding:20px auto;
border-bottom:2px dotted #ccc;
margin-bottom:20px;*/

}

.staff_ad{
line-height:1.2;}

/*
.staff{
	clear:both;
	width:496px;
	padding:5px 0 20px 10px;
	border-left:7px solid #cccc66;
margin-bottom:20px;
}
*/

.staff_l{
width:230px;
float:left;
text-align:center;
}

.staff_r{
width:246px;
float:right;
}

.staff_r p{
font-size:1.2em;
line-height:1.6;
margin-bottom:15px;
}

.staff_name{
margin-bottom:10px;
line-height:1.4;
font-weight:bold;
}

.staff_l img{
margin-bottom:10px;
}




.photo{
/*margin:10px;*/
padding:5px;
border:1px solid #ccc;
}

.photo2{
/*margin:10px;*/
/*padding:3px;*/
border:1px solid #ccc;
}




.staff_tbl{
padding:5px;

border-bottom:2px dotted #aaa;
}

/*会社概要
------------------------ */

.about_tbl{
width:480px;
border-collapse: separate;
border-spacing: 3px;
}

.about_l{
background:#eeeeee;
padding:7px;
text-align:center;
font-size:1.4em;
}

.about_r{
padding:7px;
font-size:1.4em;
}

.about_r p{
font-size:1em;
}

.about_photo{
	width:488px;
	margin:10px auto;
}

.about_photo img{
border:1px solid #CCCCCC;
}

/*施工の流れ
-------------------------------*/
.mv_1{
margin:5px 127px 30px 128px;
}

.mv_2l{
float:left;
width:255px;
margin:0px 0 20px;
}

.mv_2r{
float:right;
width:240px;
margin:0px 0 20px;
}

div.mv_1 p,
div.mv_2l p,
div.mv_2r p{
width:240px;
margin:5px auto 0 0;
color:#666666;
font-size:10px;
line-height:1.2;}


#movie_b{
margin:0;
padding:0;}

#movie{
	width:320px;
	height:270px;
	padding:0;
	margin:0px auto;
}

.process{
clear:both;
width:495px;
padding:30px 0;
border-bottom:2px dotted #ccc;
}

.process_r{
	width:150px;
	float:right;
	text-align:left;
	line-height:1.5;
}

.process_r img{
border:1px solid #CCCCCC;
}

.process_l{
	width:335px;
	float:left;
}

.process p{
font-size:1.2em;
}

.process_ttl{
	width:495px;
	font-weight:bold;
	font-size:1.4em;
	border-bottom:1px solid #330000;
	margin-bottom:10px;
}

.process_imt{
margin-top:5px;}

.column{
width:296px;
padding:15px;
background-color:#f6f5e0;
}

.column p{
line-height:1.4;
}

.column strong, .column2 strong{
margin-bottom:20px;
font-size:1.6em;
font-weight:bold;
line-height:1.2;
color:#6f011a;
}

.column2{
clear:both;
margin:0 auto 10px;
width:466px;
padding:15px;
background-color:#f6f5e0;
}

.column2 p{
font-size:1.2em;
line-height:1.4;
padding:5px auto 10px;
}

.pro_ttl{
font-size:1.4em;
font-weight:bold;
margin:15px auto 0px;}

.pro_ttl2{
color:#cc3333;
margin:10px auto 0px;}


.pro_list{
margin:10px auto;
}

.pro_list li{
list-style:none;
margin-left:3em;
text-indent:-3em;
font-size:1.2em;}

/*.ind1{
margin-left:3em;
text-indent:-3em;
}*/


.no{
vertical-align:middle;
padding-bottom:2px;
}

/*見積もり
------------------------ */

.estimate_tbl{
width:465px;
margin:10px auto;
}

.estimate_form{
width:480px;
border-collapse: separate;
border-spacing: 3px;
margin:10px auto;
}

.estimate_l{
background:#eeeeee;
padding:7px;
text-align:center;
font-size:1.2em;
width:100px;
}

.estimate_r{
padding:7px;
font-size:1.2em;
}

.nextpage{
text-align:right;
font-size:1.2em;
clear:both;
}


.frm_name{
width:100px;
}

.frm_mail{
width:160px;
}

.frm_tel{
width:120px;
}

.frm_adrs{
width:260px;
}


/*サイトマップ*/

#sitemap{
	margin-left:10px;
	font-size:1.4em;
}

#sitemap ul{
list-style-type:none;
}
 
#sitemap li{
list-style-type:none;
background:url('../img/int01.gif') no-repeat left center;
padding-left:20px;
line-height:2;
}

.img_r{
float:right;
margin-left:10px;}
div.top_txt .img_r{
float:right;
margin-left:10px;
margin-bottom:10px;}

.img_l{
float:left;
margin-right:10px;}


.photo{
	border:1px solid #ccc;
	padding:5px;
}
/*
.photo{
border:1px solid #ccc;
padding:3px;
}*/

.photo2{
border:1px solid #999999;
}

.photo3{
border:1px solid #999999;
margin-top:9px;
}

.photo4{
border:1px solid #ccc;
}

.mar_b{
margin-bottom:15px;}


/*資料請求*/
.form_nm{
margin:40px auto;}









/**/

.senmon3 ul{
list-style:none;
}

.senmon3 li{
list-style:none;
font-size:1.2em;
font-weight:bold;
}

.senmon6{
width:495px;
clear:both;
}

.senmon6_r{
width:192px;
float:right;
margin-left:10px;}

.senmon6_l{
width:285px;
float:left;}

.detail{
margin:10px 0 5px;
background-image:url('../img/int.gif');
padding-left:20px;
background-repeat: no-repeat;
font-size:1.2em;
line-height:100%;
height:18px;
vertical-align:middle;
float:right;
}


.hosyo{
text-align:center;
}

/*media*/
.media{
clear:both;
width:496px;
padding:20px 0;
border-bottom:2px dotted #ccc;
}

.media_l{
width:215px;
float:left;
text-align:center;
}

.media_r{
	width:270px;
	float:right;
	font-size:1.2em;
	line-height:1.6;
}

.media_rt{
	width:270px;
	margin:auto;
}

.media_rt p{
margin-bottom:5px;}



.media_l2{
width:255px;
float:left;
text-align:center;
}

.media_r2{
	width:230px;
	float:right;
	font-size:1.2em;
	line-height:1.6;
}

.media_rt2{
	width:230px;
	margin:auto;
}

.media_rt2 p{
margin-bottom:5px;}




.media_ttl{
font-weight:bold;
font-size:1.2em;
padding-left:1em;
text-indent:-1em;
}

.media_a{
clear:both;
width:496px;
padding:20px 0;
border-bottom:2px dotted #ccc;
font-size:1.2em;
}


/*map
------------------------ */

ul.map{
padding-left:20px;
font-size:1.2em;
}

/*gaina*/
.gaina_ttl{
font-size:1.4em;
font-weight:bold;
color:#cc3333;
margin:25px auto 10px;}

.g_list{
font-size:1.4em;
margin-left:15px;}

.cap_r{
float:right;
margin:0px 0px 3px 10px;
margin-bottom:15px;
color: #333333;
font-size:10px;
}


/*gaina*/
.gaina_ttl{
font-size:1.4em;
font-weight:bold;
color:#cc3333;
margin:25px auto 10px;}

.g_list{
font-size:1.4em;
margin-left:15px;}

.cap_r{
float:right;
margin:0px 0px 3px 10px;
margin-bottom:15px;
color: #333333;
font-size:10px;
}



/*story*/
.st{
clear:both;
/*width:496px;*/
padding:10px 0 20px;
border-bottom:2px dotted #ccc;
}

.st img{
border:1px solid #CCCCCC;
}

.st_date{
padding-left:15px;
border-left:6px solid #333333;
margin-bottom:10px;
clear:both;
font-size:1.4em;
}

.st_c{
float:left;
margin:0px 19px;
}

.st_l{
float:left;
}

.st_r{
float:right;
margin-bottom:10px;
}

.st_dr{
float:right;
margin-left:10px;
}

.st_dr img{
margin-bottom:5px;}


/*color*/


.cl1{
clear:both;
width:483px;
border-left:12px solid #aaa39b;
padding:0;
margin:0 0 25px;
}

.cl2{
clear:both;
width:483px;
border-left:12px solid #ebeae8;
padding:0;
margin:0 0 25px;
}

.cl3{
clear:both;
width:483px;
border-left:12px solid #aa914f;
margin:0 0 25px;
padding:0;
}

.cl4{
clear:both;
width:483px;
border-left:12px solid #856767;
margin:0 0 25px;
padding:0;
}

.cl5{
clear:both;
width:483px;
border-left:12px solid #468eb8;
margin:0 0 25px;
padding:0;
}

.cl6{
clear:both;
width:483px;
border-left:12px solid #c8bf95;
margin:0 0 25px;
padding:0;
}

.cl7{
clear:both;
width:483px;
border-left:12px solid #d0ab8b;
margin:0 0 25px;
padding:0;
}

.cl8{
clear:both;
width:483px;
border-left:12px solid #c4bbb2;
margin:0 0 25px;
padding:0;
}

.cl9{
clear:both;
width:483px;
border-left:12px solid #7a735d;
margin:0 0 25px;
padding:0;
}

.cl10{
clear:both;
width:483px;
border-left:12px solid #e4e0e0;
margin:0 0 25px;
padding:0;
}

.cl11{
clear:both;
width:483px;
border-left:12px solid #f57097;
margin:0 0 25px;
padding:0;
}

.cl12{
clear:both;
width:483px;
border-left:12px solid #b9936c;
margin:0 0 25px;
padding:0;
}

.cl13{
clear:both;
width:483px;
border-left:12px solid #edf1ca;
margin:0 0 25px;
padding:0;
}

.cl14{
clear:both;
width:483px;
border-left:12px solid #f6dae2;
margin:0 0 25px;
padding:0;
}

.cl15{
clear:both;
width:483px;
border-left:12px solid #ebf1f6;
margin:0 0 25px;
padding:0;
}

.cl16{
clear:both;
width:483px;
border-left:12px solid #fae8e3;
margin:0 0 25px;
padding:0;
}



.cl_l{
width:280px;
float:left;
text-align:left;
margin:0px;
padding:0;

}

.cl_l img{
margin:0 auto 5px;
}

.cl_t{
margin:0 10px 0 10px;
font-size:1.2em;
line-height:1.2;}

.cl_r{
width:190px;
float:right;
text-align:right;
margin:0;
padding:0;
}


.detail{
margin:12px 0 5px;
background-image:url('../img/int.gif');
padding-left:20px;
background-repeat: no-repeat;
font-size:1.2em;
line-height:100%;
height:15px;
vertical-align:middle;
float:right;
}


/*faq*/
ul.faq{
list-style-type:none;
}

.faq li{
list-style-type:none;
font-size:1.2em;
padding-bottom:15px;
_padding-bottom:17px;
}

.faq img{
margin-right:10px;}

/*.faq a{
color:#000000;}*/

div.faq_as{
border-bottom:1px dotted  #CCCCCC;
padding-bottom:15px;
margin-bottom:40px;}

.faq_as h4{
font-size:1.4em;
margin-bottom:15px;
border-bottom:1px solid #999999;}

.faq_ias{
margin-right:5px;}

.faq_as p{
font-size:1.4em;
line-height:1.6;
margin-bottom:15px;}

.faq_im{
float:right;
margin-left:7px;
margin-bottom:25px;
}


/*color*/
.color{
clear:both;
width:495px;
margin:0 0 10px;
}

ul.color_l{
float:left;
width:237px;
list-style-type:none;
font-size:1.2em;
}

ul.color_r{
float:right;
width:237px;
list-style-type:none;
font-size:1.2em;
}

/*スタッフ募集*/
ul.rec_ls{
list-style-type:none;
margin:0 0 0px 0;
}
.rec_ls li{
list-style-type:none;
font-size:1.4em;
line-height:1.6;}

.rec_h4{
font-weight:normal;
font-size:1.4em;
margin-bottom:5px;}

ul.list_mk{
list-style-type:none;
margin-bottom:15px;}
.list_mk li{
width:480px;
background:url(../img/news.gif) no-repeat left top;
padding-left:20px;
color:#000000;
font-size:1.4em;
line-height:1.3;
}

.rec_in{
width:483px;/*495-2-10*/
border:2px solid #9ed0e6;/*feaa28#00a1e9*/
background-color:#edf8f9;
padding:5px;
margin:30px 0 7px;}


/**/
#bnr_color{
	margin:0 0 30px;
}

a.nbtn:link{text-decoration:none;}
a.nbtn:visited{text-decoration:none;}
a.nbtn:hover{text-decoration:none;position:relative;left:1px;top:1px;}
a.nbtn:active{text-decoration:none;}