/*下層ページ
-----------------------------------------------------------------------------*/

/* 0.トップページ
------------------------------------*/
#top-flash{
	width:780px;
	height:230px;
	margin:0 10px;
}
#top-contents{
	margin:0 0 20px;
}
#top-contents ul.body{
	width:580px;
	overflow:hidden;
}
#top-contents li.fl-lt,#top-contents li.fl-rt{
	width:285px;
	padding:0 0 20px;
	line-height:1.33;
}
#top-contents ul.body ul{
	padding:10px 0 0 8px;
}
#top-contents ul.body ul li{
	background:url(../images/arrow-anchor.gif) no-repeat left .5em;
	border-bottom:dotted 1px #999999;
	padding:0 0 1px 10px;
	margin:0 0 3px;
}
#top-contents ul.body ul li.lastChild{ border:none; }

.top-banner{
	margin:0 10px 20px;
}

#top-kouhou{
	padding:0 0 10px !important;
	background:url(../images/top/kouhou-bg.gif) no-repeat left bottom;
}
#top-kouhou-inner{
	background:url(../images/top/kouhou-bg.gif) no-repeat left top;
	overflow:hidden;
	padding:16px 0 0;
	margin-bottom:1px;
	width:285px;
}
#top-kouhou .fl-lt{
	width:183px;
	margin:0 0 0 7px;
	display:inline;
}
#top-kouhou .fl-lt p{ margin:0; }
#top-kouhou .fl-rt{
	margin:0 15px 0 10px;
	display:inline;
}

#top-news{
	background:url(../images/top/news-bg.gif) no-repeat center bottom;
	padding:0 0 24px;
}
#top-news-inner{
	width:580px;
	background:url(../images/top/news-bg.gif) no-repeat center top;
	overflow:hidden;
}
#top-news p{
	float:left;
	margin:24px 14px 0 22px;
	display:inline;
}
#top-news dl{
	float:left;
	width:420px;
	margin:24px 0 0;
}
#top-news dl dt{
	width:85px;
	float:left;
	clear:both;
	position:relative;
}
#top-news dl dd{
	width:335px;
	float:right;
}


/* 1.商品の特長
------------------------------------*/
#feature-list ul{
	background:url(../product/images/feature/feature-icons.gif) no-repeat left top;
	width:640px;
	height:125px;
	overflow:hidden;
	margin:0 0 20px 60px;
}
#feature-list ul li{
	display:inline;
}
#feature-list ul li a{
	height:125px;
	width:125px;
	display:block;
	margin-right:40px;
	float:left;
	text-indent:-7123px;
	text-decoration:none;
	overflow:hidden;
}
#feature-list ul li.navi04 a{ margin-right:0; }
#feature-list ul li a:hover{ background-image:url(../product/images/feature/feature-icons_hover.gif);background-repeat:no-repeat; }
#feature-list ul li.navi01 a:hover{ background-position:0 0; }
#feature-list ul li.navi02 a:hover{ background-position:-165px 0; }
#feature-list ul li.navi03 a:hover{ background-position:-330px 0; }
#feature-list ul li.navi04 a:hover{ background-position:-495px 0; }

#feature-color{
	overflow:hidden;
	width:560px;
}
#feature-color li{
	float:left;
	width:60px;
	margin-right:10px;
	padding:0 0 20px;
	font-size:0.85em;
	line-height:1.33;
	text-align:center;
}
#feature-color li img{ margin-bottom:3px; }

/* 木肌について */
.box-deco2{
	margin-bottom:20px;
	border:solid 1px #A77F60;
	background:#f6f2ef;
	padding:10px 14px;
}
.box-deco2 p{
	margin:0 0 10px;
}
.box-deco2 h3{
	font-size:1.2em;
	background:url(../images/arrow-brown.gif) no-repeat left .5em;
	padding:0 0 0 10px;
	margin:0 0 5px;
}
#contents-full .box-deco2 ul.col3-box{
	width:730px;
	margin:0 0 10px;
}
#contents-full .box-deco2 ul.col3-box li{
	width:auto;
	margin-right:10px;
}
#contents-full .box-deco2 ul.col3-box li.lastChild{ margin-right:0; }


/* 2.仕様等
------------------------------------*/
.tail-request{
	background:url(../product/images/spec/tail-document-bg.gif) no-repeat left 40px;
	padding:60px 0 20px;
	margin:0 0 0 20px;
}
.tail-request p{ text-align:center; }
table.pdf-box{
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
	border:solid 1px #66BB44;
	background:#eff8ec;
	margin:0 0 20px;
}
table.pdf-box th{
	width:112px;
	padding:5px;
}
table.pdf-box td{
	padding:5px;
}
.list-deco2 dl{
	width:260px;
	margin:0 0 5px;
	overflow:hidden;
	border-bottom:dotted 1px #999999;
}
.list-deco2 dl dt{
	width:100px;
	padding:2px 0 2px 22px;
	background:url(../images/arrow-deco2.gif) no-repeat 10px center;
	float:left;
}
.list-deco2 dl dd{
	width:130px;
	padding:2px 0;
	float:right;
}
.list-deco2 p.graph{
	margin:0;
	padding:0 0 10px;
	border-bottom:dotted 1px #999999;
	text-align:center;
}

/* 3.施工事例
------------------------------------*/

/* 見出しアンカーボックス */
#reform-anchor-box{
	margin:0 0 0 20px;
    padding:5px 0;
}
#reform-anchor-box-inner{
	border:solid 1px #66BB44;
	padding:10px 15px;   
    overflow:hidden;
}

#reform-anchor-box .fl-lt{
	width:254px;
	margin:0 10px 0 0;
}
#reform-anchor-box .fl-rt{ width:264px; }
#reform-anchor-box ul li a{
    zoom:1;
    padding-left:13px;
    background:url(../images/arrow-pagedown.gif) no-repeat left .3em;
}
*:first-child + html #reform-anchor-box ul li a { background-position:left .6em; }
* html #reform-anchor-box ul li a { background-position:left .6em; }
#reform-anchor-box ul li ul{
	margin:0 0 0 13px;
}
#reform-anchor-box ul li a span.new{
    zoom:1;
    padding-left:28px;
    background:url(../images/icon-new.gif) no-repeat left .3em;
}

.reform-box{
	background:url(../product/images/case/reform-arrow.gif) no-repeat 252px 100px;
}
.reform-box .fl-lt{
	background:url(../product/images/case/midashi-before.gif) no-repeat left top;
	padding:29px 0 0;
}
.reform-box .fl-rt{
	background:url(../product/images/case/midashi-after.gif) no-repeat left top;
	padding:29px 0 0;
}

#case-shintiku-box img{
	margin:0 0 10px;
}
#case-shintiku-box .table-deco2,.reform-box .table-deco2{
	margin:0 1px 20px;
	clear:both;
}

#case-shintiku-box .table-deco2 table.half { width:100%; }
* html #case-shintiku-box .table-deco2 table{ width:558px; }
* html .reform-box .table-deco2 table{ width:558px; }
* html #case-shintiku-box .table-deco2 table.half{ width:273px; }


#case-shintiku-box .table-deco2 th,.reform-box .table-deco2 th,#case-shintiku-box .table-deco2 td,.reform-box .table-deco2 td{
	padding:5px 5px 5px 10px;
}

#case-shintiku-box .table-deco2 th,.reform-box .table-deco2 th{ width:15%;vertical-align:middle; }
#case-shintiku-box .table-deco2 td,.reform-box .table-deco2 td{ width:35%;vertical-align:middle; }
#case-shintiku-box .table-deco2 table.half th{ width:30%; }
#case-shintiku-box .table-deco2 table.half td{ width:70%; }

.reform-box .table-deco2 td dl dt{
	float:left;
	clear:left;
	width:50px;
	text-align:left;
}
.reform-box .table-deco2 td dl dd{
	float:left;
	width:100px;
}


/* 4.よくある質問
------------------------------------*/
.faq-box dl{
	width:560px;
	margin:0 0 20px;
	overflow:hidden;
}
.faq-box dl dt{
	width:560px;
	padding:8px 0;
	border-bottom:dotted 1px #999999;
	overflow:hidden;
	font-weight:bold;
}
.faq-box dl dt span{
	color:#66BB44;
	width:30px;
	display:block;
	text-align:right;
	float:left;
}
.faq-box dl dt p{
	width:525px;
	float:right;
	margin:0;
}
.faq-box dl dd{
	width:524px;
	padding:8px 0;
	margin:0 0 20px 36px;
	border-bottom:solid 1px #cccccc;
	overflow:hidden;
}
.faq-box dl dd span{
	font-weight:bold;
	color:#F06028;
	width:30px;
	display:block;
	text-align:left;
	float:left;
}
.faq-box dl dd p,.faq-box dl dd .block{
	width:485px;
	float:left;
	margin:0;
}
.faq-box dl dd .block p{
	width:auto;
	float:none;
	margin:0 0 10px;
}
.faq-box dl dd p.anchor{
	width:auto;
	float:none;
	clear:left;
}


/* 6.サービス案内
------------------------------------*/
.service-contact{
	margin:0 0 20px 70px;
	height:66px;
	overflow:hidden;
}
.service-contact li{
	float:left;
	margin-right:20px;
}


/* 7.会社概要
------------------------------------*/
dl.access{
	width:560px;
	overflow:hidden;
}
dl.access dt{
	width:360px;
	float:left;
	margin-right:15px;
	padding:5px 0 20px;
}
dl.access dd{
	width:185px;
	padding:5px 0 20px;
	float:left;
}
dl.access dd h3{
	font-weight:bold;
}
dl.access dd p,dl.access dd .freedial{
	margin:0 0 10px 10px !important;
}
dl.access dd ul{
	margin-bottom:10px;
}
dl.access2{
	width:540px;
	margin:0 0 0 20px;
	overflow:hidden;
}
dl.access2 dt{
	width:60px;
	padding:0 0 5px;
	float:left;
	clear:left;
	margin-right:15px;
	font-weight:bold;
}
dl.access2 dd{
	width:440px;
	padding:0 0 5px;
	float:left;
}
.list-deco dl.company-deco{
	width:350px;
	margin:0;
	border-bottom:none;
}
.list-deco dl.company-deco dt{
	width:6em;
	float:left;
	clear:left;
	padding:0;
	background:none;
}
.list-deco dl.company-deco dd{
	width:auto;
	padding:0;
	float:none;
	margin-left:7em;
}

/* 8.屋根への想い
------------------------------------*/
#message-intro{
	width:780px;
	overflow:hidden;
	margin:0 0 20px;
}
#message-intro .fl-rt{
	width:600px;
	height:120px;
	position:relative;
}
#message-intro .fl-rt .name{
	position:absolute;
	right:20px;
	bottom:10px;
}
.message-box1{
	width:560px;
	overflow:hidden;
}
.message-box1 .fl-lt{ width:360px; }
#message-thermo{
	margin:0 0 5px;
}
#message-thermo table th{
	padding:5px;
	width:12.5%;
	border:1px solid #ffffff;
	text-align:center;
}
#message-thermo table td{
	padding:5px;
	width:12.5%;
	border:1px solid #ffffff;
	text-align:center;
}
#message-thermo table .data01{ width:10% !important; }
#message-thermo table .data02{ width:15% !important; }
#message-thermo .markup th{ background:#e0f1da; }
#message-thermo .markup td{ background:#eff8ec; }


/* 10.屋根材の選び方
------------------------------------*/
.select-deco{
	width:340px;
	margin:10px 0 20px;
}
.select-deco div{
	padding:2px 0 9px 95px;
	margin:9px 0;
	border-bottom:dotted 1px #cccccc;
}
.select-deco div.merit{ background:url(../info/images/select/icon-merit.gif) no-repeat left top; }
.select-deco div.demerit{ background:url(../info/images/select/icon-demerit.gif) no-repeat left top; }

#select-tokutyou li p{
	padding:82px 5px 30px;
	margin:0;
	text-align:center;
	line-height:1.2;
}
#select-tokutyou li p a{ color:#333333; }
#select-tokutyou .list01{ background:url(../info/images/select/banner-yuki.jpg) no-repeat left top; }
#select-tokutyou .list02{ background:url(../info/images/select/banner-jishin.jpg) no-repeat left top; }
#select-tokutyou .list03{ background:url(../info/images/select/banner-eco.jpg) no-repeat left top; }

#select-tokutyou-table th{ width:30%; }
#select-tokutyou-table td{ width:70%;padding-left:10px; }


/* 11.メンテナンス・リフォームについて
------------------------------------*/
#reform-table table,#reform-table th,#reform-table td{
	border:solid 1px #66BB44;
	width:auto;
}
#reform-table th{
	background:#eff8ec;
}
#reform-table th.midashi{ width:20%; }
#reform-table th.topic{ width:40%; }
#reform-table td{
	vertical-align:top;
	background:#ffffff;
}

#reform-table2 table,#reform-table2 th,#reform-table2 td{
	border:solid 1px #cccccc;
}
* html #reform-table2 table{
	width:560px;
}

#reform-table2 th{
	width:20%;
}
#reform-table2 td{
	width:20%;
	vertical-align:top;
	text-align:right;
	background:#ffffff;
}
#reform-nagare{
	background:url(../info/images/reform/nagare-bg.gif) no-repeat left top;
}
#reform-nagare p{
	margin:0 0 5px;
}
#reform-nagare .process{
	width:110px;
	margin-right:20px;
	line-height:1.33;
}
#reform-nagare .process img{ margin-bottom:3px; }
#reform-nagare .result{
	width:170px;
	margin-right:0;
}


/* 12.サイトマップ
------------------------------------*/
.sitemap-list{
	padding:0 0 15px 20px;
}
.sitemap-list li{
	padding:0 0 0 12px;
	margin:5px 0;
	background:url(../images/arrow-deco2.gif) no-repeat left center;
}


/* 13.お問い合わせ
------------------------------------*/
.kome{
	color:#ff0000;
	font-weight:bold;
	margin:0 3px 0 10px;
}
.tel-number{
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#ff0000;
}
.tel-number img{
	vertical-align:middle;
	margin:0 3px 3px 0;
}
#form-topics-box ul{
	padding:0 0 20px 40px;
}
#form-topics-box ul li{
	margin-top:5px;
	margin-bottom:5px;
}

p.mail-send-button{
	margin:40px 0;
	padding:0;
	text-align:center;
}
textarea.mail-text{
	width:540px;
	padding:3px;
	font-size:14px;
	margin:0 0 20px;
}