@charset "UTF-8";

/*blog
------------------------ */
/*コマーシャライザー*/
.cm{
width:420px;
margin:0 auto 35px;
}



/*投稿記事区切り*/
.post {
margin: 0 0 40px;
text-align: justify;
padding-top:0px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;

}

/*投稿記事タイトル*/
.post h2{
padding-left:15px;
border-left:6px solid #333;
margin-bottom:10px;
clear:both;
font-size:1.6em;
}

.post h3{
padding-left:15px;
border-left:6px solid #333;
margin-bottom:10px;
font-size:1.6em;
clear:both;
}


/*single archive*/
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

/*投稿画像*/
.entry img{
padding:10px 10px 20px 10px;
}

.entry p{
font-size:1.2em;
line-height:1.4em;
}


.postmetadata {
color:#999;
	}

.postmetadata a{
color:#999;
	}
	
.postmetadata {
	padding-top: 5px;
	}
.postmetadata {
	clear: left;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.blognavi {
	display: block;
	padding-bottom: 60px;
	font-size:1.2em;
	}
	
.alignright {
float: right;
	}

.alignleft {
float: left
	}
	
/*sidebar*/	
.menu{
width:183px;
margin:22px auto 0px;
padding:0px;
background:#fffff0;
border-bottom:1px solid #ff9900;
}

.menuarea{
margin:7px auto 15px;
width:165px;
font-size:1.2em;
}

.menuarea li{
list-style:none;
margin:0px auto 10px;
width:151px;/*165-14*/
padding-left: 14px;
line-height:1.4;
background:url(../img/news2.gif)  no-repeat 0px 0px;
}

.blogdate{
text-align:right;
font-size:1.2em;
}

#blog_img{
clear:both;
width:730px;
margin:10px auto 0px;
}

/*カテゴリー、バックナンバータイトル*/
h2.pagetitle{
font-size:1.4em;
margin-bottom:15px;}





/*common.css*/
*{
margin:0;
padding:0;
}

body{
margin:0;
/*background-image:url('../img/bg.gif');*/
/*background-repeat: repeat-y;*/
background-color:#ffffff;
font-size:10px;
_font-size:62.5%;
line-height:1.6;
/*font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "細明朝体", "平成明朝", "ＭＳ Ｐ明朝";*/
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";
color:#000;
height:100%;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
}

img{
border:0;
}

ul,li{
margin:0px;
padding:0px;
}


.fnt12{font-size:1.2em;}
.fnt14{font-size:1.4em;}
.fnt15{font-size:1.5em;}
.fnt16{font-size:1.6em;}
.fnt18{font-size:1.8em;}


.pen{
background-color:#ff0;
padding:2px;
}

.red{color:#cc6600;}
.blue{color:#0000ff;}
.green{color:#006600;}

.bold{
font-weight:bold;
}


a:link{color:#0000ff;text-decoration:underline;}
a:visited{color:#0000ff;text-decoration:underline;}
a:hover{color:#330066;text-decoration:underline;}
a:active{color:#330066;text-decoration:underline;}

br.clr{
clear:both;
}

.mb10{
margin-bottom:10px;
}


/*clearfixハック
------------------------------------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block; min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*共通　骨組
------------------------------------------------------------ */
/*トップメイン画像*/
#top_img{
	clear:both;
	width:760px;
	margin:0px auto;
}


#wrap{
position:relative;
margin:0px auto;
padding:0px;
width:800px;
background-image:url('../img/bg2.gif');
min-height:100%;
}

*html div#wrap{
height:100%;
}


#container{
width:760px;
margin:0px auto;

}

/*seo対策用文字*/
#lead{
height:20px;
background-color:#f39800;
}


/*ヘッダー*/
#header{
	width:760px;
	height:93px;
	background-image:url('../img/hd_bg.gif');
}

#maincontents{
clear:both;
width:748px;
margin:10px auto 0px;
}

/*メインエリア*/
#contents{
width:500px;
float:left;
background-color:#cccccc;
}

/*ナビゲーションエリア*/
#navi{
width:220px;
float:left;
margin-left:10px;
background-color:#ffcccc;
}




/*共通
------------------------------------------------------------ */
#lead h1{
	font-size:1em;
	color:#ffffff;
	padding:0px 0px 5px 10px;/*[上][右][下][左]*/
	font-weight:normal;
}

#hd_logo{
	width:363px;
	float:left;
}

#hd_right{
width:244px;
float:right;
margin:13px 9px 0 0;
}



#hd_link li{
}

#hd_link ul{
float:right;
margin:0;
padding:5px 0px 0px;
}

#hd_link li{
display:block;
float:left; 
}

/*ナビゲーションエリア
---------------------------------------*/
/*メニュー*/

#menu{
	width:183px;
	margin:15px auto 22px;
}

#menu ul{
padding:0px;
}
/*
#menu li{
list-style:none;
margin:0px;
padding:0px;
width:186px;
height:30px;
}
*/

#navigation{
width:200px;
float:right;
background:url('../img/bg_t2.gif') top right no-repeat;
}


ul#menu li{
list-style:none;
margin:0px;
padding:0px;
width:183px;
height:39px;
}
/*
ul#menu li.t{
list-style:none;
margin:0px;
padding:0px;
width:180px;
height:32px;
}

*/

#area{
width:180px;
height:80px;
margin:10px auto;
background:url(../img/area_bg.gif) no-repeat;
}

#area_inner{
padding:35px 12px 0px;
font-size:1.2em;
line-height:1.5;
}



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


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



/*メインコンテンツ
---------------------------------------*/
#main{
float:left;
	width:543px;
	margin:0;
}

/*フッターコンテンツ
---------------------------------------*/

/*
#ft_main{
width:700px;
margin:auto;
}
*/


#footer{
clear:both;
width:760px;
background:#fff;
padding-top:8px;
margin-top:20px;
background-image:url('../img/ft_bg.gif');
background-repeat:repeat-x;
}

.footer_inner{
width:740px;
height:95px;
margin:auto 10px;
}

.ft_left{
	float:left;
	line-height:1.4;
	color:#056bb8;
	padding:15px 0;
}

.ft_right{
float:right;

}


#foot2{
background-color:#f39800;
width:760px;
font-size:1.2em;
line-height:1.2;
text-align:center;
color:#fff;
padding:10px 0px;
}

.footer_innner img{
float:right;
}






/*style.css*/
.red2{
color:#b22423;}

.ttl1{
	margin:0 auto 15px;
}

.ttl2{
	margin:10px auto 20px;
}

.ttl3{
	margin:45px auto 5px;
}

.ttl4{
margin:20px auto 5px;
color:#333333;
font-size:1.4em;
font-weight:bold;

}


.m_read{
width:543px;
margin:10px 0px 0px;
text-align:right;
}


#maincontents{
clear:both;
width:748px;
margin:5px auto 0px;
background:url('../img/bg_b.gif') bottom right no-repeat;
}

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

.inner{
	width:506px;
	margin:10px auto 35px;
	
}

.inner p{
font-size:1.4em;
padding:7px 0;
}

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

.inner3{
width:495;
margin:0px auto 35px;
}

/*トップページ*/

.news{
	margin-bottom:50px;
}

.news p{
margin-bottom:50px;
font-size:1.4em;
}

.top_inner{
margin-bottom:25px;
padding:0;
}

.in_hd{
background:url('../img/top_lead.gif');
background-position:top left no-repeat;
height:65px;}

.in_mid{
width:541px;
color:#0054a8;
background-color:#ebf3f9;
border-left:#0054a8 solid 1px;
border-right:#0054a8 solid 1px;
}

.in_mid_text{
margin:0 auto;
width:495px;

}

.in_mid_text p{
font-size:1.4em;
}

.in_mid_text h3{
}

.in_ft{
background:url('../img/tlead_ft.jpg') top left no-repeat;
margin:0;
width:543px;
height:5px;
}




.in_hd2{
background:url('../img/tvoice_hd.gif');
background-position:top left no-repeat;
height:79px;
}

.in_mid2{
border-right:#666666 solid 1px;
border-left:#666666 solid 1px;
padding:0 5px;
height:100%;
}

.in_mid_text2{
padding:10px auto 30px;
}

.in_mid_text2 p{
	font-size:1.2em;
	line-height:1.7;
}

.in_ft2{
background:url('../img/tvoice_ft.gif') top left no-repeat;
margin:0;
width:543px;
height:6px;
}


/*contact*/


#contact{
	clear:both;
	width:543px;
	height:164px;
	background:url(../img/form_bg.gif) no-repeat;
	margin:0 auto 20px;
}

#contact_inner{
	width:480px;
	margin:auto;
	padding:56px 0px 10px;
}

.btn_estimate{
	clear:right;
	width:436px;
	padding:8px 5px;
	margin:auto;
}


/*お客様の声と施工事例
------------------------ */

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

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

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

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


.voice_r{
width:306px;
float:right;
}

.voice_r p{
font-size:1.2em;
padding:7px 0;
}


.voice_ttl{
padding-bottom:10px;
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;
}


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


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

.date{
text-align:left;
}

.btn_voice{
margin:5px 0px;
}




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

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


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

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


/*職人紹介
-------------------------------------------*/

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

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

.staff_l p{
line-height:1.5;
}

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

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

.staff_r p{
font-size:1.2em;
padding:7px 0;
}

/*プライバシーポリシー*/

.privacy_in{
	width:506px;
	margin:0px auto 35px;
}

.privacy_in h3{
font-size:1.4em;
margin:20px auto 10px;
border-top:1px dotted #ccc;
padding-top:30px;

}

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

.privacy_in ul{
list-style-type:decimal;
padding-left:25px;
}

.privacy_in li{
font-size:1.2em;
line-height:1.4;
margin:15px auto;
}

/*他店との違い*/

.sikaku table{
margin:20px auto 0;}

.sikaku img{
margin-bottom:10px;
border:1px solid #ccc;
margin-right:12px;

}

.sikaku_t{
vertical-align:top;
text-align:center;
width:150px;
}

.sikaku_b{
vertical-align:top;
text-align:center;
line-height:1.5;}

.media{
width:506;
margin:10px 0px;
clear:both;
}

.media_l{
width:295px;
float:left;
}


.media_r{
width:210px;
float:right;
}

.media img{
float:right;
margin-bottom:15px;
}

/*サイトマップ*/

#sitemap{
margin-left:15px;
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;
}




/*faq*/

.faq_list{
margin-left:10px;
font-size:1.4em;
margin-bottom:45px;
}

.faq_list ul{
list-style-type:none;

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

.faq_inner{
width:506px;
margin:0px auto 35px;
border-bottom:1px solid #ccc;
padding-bottom:20px;
margin-bottom:35px;
}

.faq_h{
background:url('../img/hfaq3_q.gif') no-repeat left bottom;
height:42px;
width:506px;
margin-bottom:15px;
border-bottom:2px dotted #f39800;
}

.faq_h h5{
text-align:left;
padding:13px 0 4px 50px;
font-size:13px;
color:#333333;
line-height:1.2;

}

.faq_ans{
width:486px;
margin:auto;
}

.faq_ans p{
font-size:1.4em;
padding:7px 0;
}

/*basic*/
.ttl_base1{
border-bottom:2px dotted #ccc;
background:url('../img/tl_base1.gif') no-repeat left bottom;
width:506px;
height:41px;
margin-bottom:20px;
}

.ttl_base1 h4{
padding:10px 0 4px 20px;
font-size:16px;
color:#333333;
line-height:1.2;
}


.ttl_base2{
background:url('../img/tl_base3.gif') no-repeat left bottom;
width:506px;
height:32px;
margin-bottom:5px;
}

.ttl_base2 h5{
padding:8px 0 4px 15px;
font-size:14px;
color:#333333;
line-height:1.2;
}

.ttl_base2m{
background:url('../img/tl_base3.gif') no-repeat left bottom;
width:506px;
height:32px;
margin-bottom:10px;
margin-top:30px;
}


.bas_m{
margin-bottom:30px;
}


.basic li{
list-style: decimal;
font-size:1.4em;
margin-left:25px;
}


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

.process{
clear:both;
width:506px;
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 #ccc;
}



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

.process_l p{
font-size:1.2em;
padding:7px 0;
}

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



.process_l2{
width:506px;
float:left;
}

.process_l2 p{
font-size:1.2em;
padding:7px 0;
}
.process_ttl2{
width:506px;
font-weight:bold;
font-size:1.4em;
border-bottom:1px solid #330000;
margin-bottom:10px;
color:#333333;
}

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

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

/*blog*/
.navigation {
	font-size:1.4em;
	display: block;
	text-align: center;
/*	margin-top: 10px;
	margin-bottom: 60px;*/
	padding:0px 0 30px 0;
	}