@charset "UTF-8";


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


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

.ttl3{
margin-bottom:20px;
}

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

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

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

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

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

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

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


#area{
width:194px;
height:92px;/*83+9*/
margin:10px auto;
background:url(../img/area_bg.gif) no-repeat;
}

#area_inner{
padding:34px 15px 0px;
font-size:12px;
line-height:1.1em;
color:#FFFFFF;}

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

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


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

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

#contact_inner{
width:422px;
margin:auto;
padding:77px 0px 22px;
}

.btn_estimate{
clear:right;
width:422px;
padding:14px 0px 15px;
margin:auto;
}


/*フッター
------------------------------------*/
.footer_f{
width:760px;
margin:0px auto 0px;
margin-bottom:0px;
background-image:url(../img/bg_m.gif);
background-repeat:repeat-y;
float:right;
}

.footer_fle{
	width:546px;
	float:left;
	border-top:1px solid #330000;
	background-color:#f8f7f2;
}

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

.footer_fri{
	width:214px;
	float:right;
}

#footer{
clear:both;
width:760px;
height:32px;
background-color:#330000;
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:5px 0px;
}

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

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

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


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


.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{
	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;
}





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

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

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

.staff_ttl{
	font-weight:bold;
	font-size:1.4em;
}

.staff_r p{
font-size:1.2em;
}
-------*/

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

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

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

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

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

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

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

/*施工の流れ
-------------------------------*/

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

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

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

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

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

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


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

.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:20px;
font-size:1.4em;
}

.img_r{
clear:both;
float:right;
margin-left:10px;}

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

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

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

.mar_b{
margin-bottom:15px;}

/**/

.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:254px;
margin:auto;
}

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

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

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

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

/**/
#fm_txt02{
line-height:1.4;
padding-left:1em;
text-indent:-1em;
margin:0px 0 5px;
font-size:1.0em;}

ul.cap_ll{
margin:0;
padding:0;
}

ul.cap_ll li{
margin:0;
padding:0;
font-size:1.4em;
list-style:none;
line-height:1.6;
padding-left:1em;
text-indent:-1em;
}