@charset "UTF-8";

*{
margin:0;
padding:0;
}

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

h1,h2,h3,h4,h5{
margin: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;}


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

iframe{
margin:0;
padding:0;
border:0;
}

br.clr{
clear:both;
}

/*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;}


/*共通　骨組
------------------------------------------------------------ */

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

#lead{
height:30px;
background-color:#330000;
}

h1.header{
font-size:1.2em;
color:#ffffff;
padding:5px 0px 5px 10px;/*[上][右][下][左]*/
font-weight:normal;
}

#header{
width:730px;
margin:15px auto;
}

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

#hd_right{
width:239px;
float:right;
}



#hd_link{
}

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

#hd_link li{
display:block;
float:left; 
margin-left:5px;
}

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

#main{
width:506px;
float:left;
}

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


h2.ttl{
margin-bottom:10px;
}


.inner{

width:495px;
margin:0px auto 20px;
}

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


#footer{
clear:both;
width:760px;
background:#fff;
border-top:3px solid #000;
padding-top:10px;
margin-top:20px;
}

.footer_innner{
width:730px;
margin:auto;
padding:10px;
font-size:1.2em;
}

.footer_innner img{
float:right;
}

.btn{
margin:10px 0px;
}

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

#contact_inner{
width:458px;
margin:auto;
padding:36px 0px 10px;
}

.btn_estimate{
clear:right;
width:355px;
padding:15px 5px;
margin:auto;
}


ul#menu{
width:186px;
margin:10px auto 0px;
padding:0px;
}

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

ul#menu li.t{
list-style:none;
margin:0px;
padding:0px;
width:186px;
height:32px;
}



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

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

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


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

.int_r{
text-align:right;
background-image:url('../img/int.gif') ;
background-repeat:no-repeat;
padding-left:20px;
font-size:1.2em;
}

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

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

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

/*top
------------------------------------------------------------ */

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


/*second
------------------------------------------------------------ */

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

h3.ttl{
margin-bottom:10px;
clear:both;
}

.photo{
/*margin:10px;*/
padding:5px;
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:485px;
margin:10px auto;
}




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

.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;
font-size:1.2em;
}


.voice_r_none{
width:466px;/*496-30*/
padding:0 0 0 15px;
margin:0;
font-size:1.2em;
}
.v_name{
width:466px;
margin:0 0 10px;}

.voice_ttl_none{
width:466px;
border-bottom:1px solid #330000;
padding-bottom:0px;
margin:0 0 0px;
font-size:1.2em;
}

.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{
/*width:168px;*/
margin:5px 0px;
}

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


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

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

/*news
------------------------ */
p.news{
border-bottom:1px dotted #a6927c;
padding-bottom:5px;
}

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

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


/*blog
------------------------ */
.post {
margin: 0 0 40px;
text-align: justify;
padding-top: 5px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;

}

.post h2{
padding-left:15px;
border-left:6px solid #333;
margin-bottom:10px;
clear:both;
}

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

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 0px 20px 0px;
}
	
.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;
	text-align: center;
	padding-bottom: 60px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.menu{
width:185px;
margin:10px auto 0px;
padding:0px;
background:#fffff0;
border-bottom:1px solid #ff9900;
}

.menuarea{
margin:1px auto 15px;
width:165px;
font-size:1.2em;
padding-top:10px;
}

.menuarea li{
list-style:none;
text-decoration: none;
width:151px;/*165-14*/
padding-left:14px;
margin:0px auto 10px;
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;
}



/*recruit*/
.rec_tbl{
width:480px;
margin:0px 0 0px;
border-collapse: collapse;
font-size:1.2em;
border-spacing:5px;
line-height:1.2;
padding:7px;
margin:15px 0 30px;
text-align:center;
border:1px solid #999999;
}
.rec_tbl th{
width:20%;
padding:7px;
background-color:#edecea;
font-weight:normal;
text-align:center;
border:1px solid #999999;
}
.rec_tbl td{
width:80%;
padding:7px;
text-align:left;
border:1px solid #999999;
}