@charset "utf-8";

/****************************************************************************
トップページ　#home
****************************************************************************/

#home #m01 a{background-position:right;}

#home #contents div#newsbox{
float:left;
clear:both;
width:310px;
padding-top:24px;
}

	#newsbox ul{
	border-top:1px solid #e6e6e6;
	margin-top:4px;
	}
	
	#newsbox ul li{
	padding:10px 0 9px 0;
	border-bottom:1px solid #e6e6e6;
	}
	
	#newsbox ul li img{
	float:right;
	width:133px;
	height:100px;
	}
	
	#newsbox ul li h3,
	#newsbox ul li p{
	width:162px;
	font-size:1em;
	font-weight:normal;
	}
	
	#newsbox ul li h3{
	text-align:justify;
	text-justify:inter-ideograph;
	letter-spacing:normal;
	}

#home #contents div#servicebox{
float:right;
width:340px;
}

	#servicebox div{
	width:340px;
	height:188px;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	background:no-repeat left top;
	}
	
		#servicebox div#boilerbox{
		margin-top:49px;
		background-image:url(img/home_boilerbox.jpg);
		}
		
		#servicebox div#boilerbanner{
		height:75px;
		background-image:url(img/home_boilerbanner.gif);
		}
	
		#servicebox div#reformbox{
		margin-top:29px;
		background-image:url(img/home_reformbox.jpg);
		}
			
		#servicebox div a{
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		}
	
		#servicebox div:hover{
		filter: Alpha(opacity=50);
		opacity:0.5;
		}

/****************************************************************************
商品・サービスのご案内　#service
├インデックス　.service
├バイオマスボイラー　boiler
│	└CO2＆コスト削減シミュレーション　.simulat
└リフォーム　.reform
	└リフォーム実績　.reforms
****************************************************************************/

#service #m02 a{background-position:right;}

/* .service */

.service #header div#title{background-image:url(img/service_index_title.jpg);}

/* .boiler */

.boiler #header div#title{background-image:url(img/service_boiler_title.jpg);}

.boiler #contents div#en{
padding-top:35px;
}

	.boiler #contents div#en h2{
	margin-bottom:15px;
	}
	
	.boiler #contents div#en ul{
	margin-left:-25px;
	width:705px;
	}
	
		.boiler #contents div#en ul li{
		float:left;
		width:210px;
		padding-top:30px;
		padding-left:25px;
		}
		
		.boiler #contents div#en ul li img,
		.boiler #contents div#en ul li p{
		float:left;
		}
		
		.boiler #contents div#en ul li p{
		padding-top:10px;
		}


.boiler #contents div#system{
padding-top:50px;
}

	.boiler #contents div#system h2{
	margin-bottom:20px;
	}
	
	
	.boiler #contents div#system h3{
	margin-bottom:15px;
	}
	
	.boiler #contents div#system p.center{
	text-align:center;
	margin-bottom:15px;
	}

	.boiler #contents div#system h4{
	margin-bottom:5px;
	}

	.boiler #contents div#system div#imgbox1{
	padding-bottom:25px;
	}
	
		div#imgbox1 img{
		margin-right:24px;
		}

	.boiler #contents div#system div#imgbox2{
	float:left;
	width:234px;
	padding-bottom:20px;
	}
	
		div#imgbox2 img,
		div#imgbox3 img{
		padding-bottom:5px;
		}
		
		div#imgbox2 p.img2{
		margin-top:40px;
		}

	.boiler #contents div#system div#map{
	float:left;
	width:445px;
	height:445px;
	}

	.boiler #contents div#system div#imgbox3{
	padding-bottom:20px;
	}

		div#imgbox3 p{
		float:left;
		width:210px;
		}
		
		div#imgbox3 p.img2{
		margin:0 25px;
		}

	.boiler #contents div#system table th{
	width:189px;
	padding-left:0;
	padding-right:0;
	text-align:center;
	letter-spacing:0.3em;
	font-size:1.167em;
	}

.boiler #contents div#video{
width:300px;
height:200px;
background:url(img/boiler_video.gif) no-repeat left bottom;
padding:60px 0 0 380px;
}

	.boiler #contents div#video p{
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:1%;
	}

	.boiler #contents div#video a{
	display:block;
	width:200px;
	height:140px;
	background:#eee;
	}

		.boiler #contents div#video a:hover{
		filter: Alpha(opacity=50);
		opacity:0.5;
		}


.boiler #contents div#flow{
padding-top:60px;
}

	.boiler #contents div#flow h2{
	margin-bottom:20px;
	}

	.boiler #contents div#flow ol{
	width:680px;
	height:608px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/boiler_flow.gif) no-repeat left top;
	}

.boiler #contents div#sim{
padding-top:50px;
text-align:center;
}

	.boiler #contents div#sim h2{
	margin-bottom:10px;
	}
	
	.boiler #contents div#sim h3,
	.boiler #contents div#sim p{
	text-align:center;
	}
	
	.boiler #contents div#sim p{
	padding:0.5em 0 1.5em 0;
	}
	
	.boiler #contents div#sim p.btn{
	padding:0;
	width:400px;
	height:50px;
	margin:0 auto;
	}
	
	.boiler #contents div#sim p.btn a:hover{
	filter: Alpha(opacity=50);
	opacity:0.5;
	}

/* .simulat */

.simulat #header div#title{background-image:url(img/service_simulat_title.jpg);}

.simulat #contents h2{
padding-top:35px;
margin-bottom:15px;
}

.simulat #contents form div.step{
width:600px;
margin-top:20px;
padding:25px 40px 30px 40px;
background:url(img/stripe.gif) repeat left bottom;
}

.simulat #contents form div.step h3{
width:600px;
height:20px;
text-indent:-9999px;
overflow:hidden;
background:no-repeat left top;
padding-bottom:10px;
}
.simulat #contents form div ul li{
width:265px;
height:30px;
padding-top:20px;
padding-bottom:20px;
padding-left:330px;
padding-right:5px;
background:no-repeat left top;
}

.simulat #contents form div#step1 ul li{
width:380px;
padding-left:185px;
padding-right:35px;
}

.simulat #contents form div ul li span,
.simulat #contents form div #s1{
display:none;
}

.simulat #contents form input{
width:156px;
ime-mode:disabled;
text-align:right;
font-size:1.167em;
}
.simulat #contents form div ul li div{
border:1px solid #9DABCF;
background-color:#E8EDF9;
height:28px;
width:163px;
padding-right:7px;
color:#4d4d4d;
line-height:28px;
font-size:160%;
font-weight:bold;
text-align:right;
letter-spacing:0;
}

.simulat #contents form div#step1 button{
float:left;
width:140px;
height:30px;
margin-left:50px;
background:no-repeat left bottom;
text-indent:-9999px;
overflow:hidden;
_display:inline;
}

.simulat #contents form div#step1 button:hover{background-position:top;}
.simulat #contents form div#step1 h3{background-image:url(img/simulat_s01_title.png);}
.simulat #contents form div#step1 li{background-image:url(img/simulat_s01_li_01.png);}
.simulat #contents form div#step1 button#b1{background-image:url(img/btn_s1_b1.gif);}
.simulat #contents form div#step1 button#b2{background-image:url(img/btn_s1_b2.gif);}
.simulat #contents form div#step2 h3{background-image:url(img/simulat_s02_title.png);}
.simulat #contents form div#step2 li#s2_01{background-image:url(img/simulat_s02_li_01.png);}
.simulat #contents form div#step2 li#s2_02{background-image:url(img/simulat_s02_li_02.png);}
.simulat #contents form div#step2 li#s2_03{background-image:url(img/simulat_s02_li_03.png);}
.simulat #contents form div#step3 h3{background-image:url(img/simulat_s03_title.png);}
.simulat #contents form div#step3 li{background-image:url(img/simulat_s03_li_01.png);}
.simulat #contents form div#step4 h3{background-image:url(img/simulat_s04_title.png);}
.simulat #contents form div#step4 li{background-image:url(img/simulat_s04_li_01.png);}
.simulat #contents form div#step5 h3{background-image:url(img/simulat_s05_title.png);}
.simulat #contents form div#step5 li#s5_01{background-image:url(img/simulat_s05_li_01.png);}
.simulat #contents form div#step5 li#s5_02{background-image:url(img/simulat_s05_li_02.png);}
.simulat #contents form div#hide{display:none;}

/* .reform */

.reform #header div#title{background-image:url(img/service_reform_title.jpg);}

.reform #contents p.lead{
padding:15px 0 20px 0;
}

/* .reforms */

.reforms #header div#title{background-image:url(img/service_reforms_title.jpg);}

.reforms #contents h2{
position:relative;
margin-top:-22px;
margin-bottom:-30px;
}

.reforms #contents div#reforms img{
padding-top:60px;
}

/****************************************************************************
実績紹介　#result
└インデックス　.result
	└実績　results　（.result01　.result02）
****************************************************************************/

#result #m03 a{background-position:right;}

/* .result */

.result #header div#title{background-image:url(img/result_index_title.jpg);}

.result #contents p.lead{
padding-top:15px;
}

/* .results */

.result01 #header div#title{background-image:url(img/result_result01_title.jpg);}
.result02 #header div#title{background-image:url(img/result_result02_title.jpg);}


.results #contents ul{
position:relative;
margin-top:-60px;
margin-left:-40px;
}

.results #contents ul li{
float:left;
width:320px;
padding-left:40px;
padding-top:40px;
}

.results #contents ul li h2{
padding-bottom:10px;
}

.results #contents ul li p img{
border:1px solid #E7EBF7;
background:url(img/results_li.gif) repeat-x left top;
text-align:center;
}

.imgy{
width:238px;
height:300px;
padding:9px 40px;
}

.imgx{
width:300px;
height:238px;
padding:40px 9px;
}

/****************************************************************************
ニュース　#news
****************************************************************************/

#news #m04 a{background-position:right;}

#news #header div#title{background-image:url(img/news_title.jpg);}

#news #contents div#content{
float:left;
width:450px;
margin-top:-30px;
margin-bottom:-45px;
}

	div#content div.entry{
	padding-bottom:45px;
	}
	
		div.entry h2{
		position:relative;
		font-size:1.5em;
		line-height:22px;
		padding-bottom:7px;
		padding-left:20px;
		background:url(img/news_h2.gif) no-repeat left top;
		border-bottom:1px solid #9DABCF;
		margin-bottom:0.5em;
		font-weight:normal;
		}
		
			div.entry h2 a{
			color:#4d4d4d;
			}
		
		div.entry p.entrydate{
		padding-bottom:15px;
		}
		
		div.entry div.entrybody,
		div.entry div#more{
		text-align:justify;
		text-justify:inter-ideograph;
		}
		
		div.entry div.entrybody img.mainimg{
		float:left;
		margin:0 20px 20px 0;
		}
		
		div.entry p.entrybodylink{
		text-align:right;
		padding:1em 0;
		}
		
		div.entry div#more{
		padding-top:2em;
		}

#news #contents div#archives{
float:right;
width:200px;
}

	div#archives div{
	padding:12px;
	background:url(img/stripe.gif) repeat left bottom;
	}
	
	div#archives div ul{
	padding:10px;
	background:#fff;
	}
	
	div#archives div ul ul{
	padding:0 10px;
	}
	
	div#archives div#recent ul li{
	padding-top:0.5em;
	}

	div#archives div#archive{
	margin-top:20px;
	}

/****************************************************************************
各種カタログダウンロード　#catalog
└インデックス　.catalog
	├ダウンロードフォーム　.form
	└確認・完了　.formc
****************************************************************************/

#catalog #m05 a{background-position:right;}

.catalog #header div#title{background-image:url(img/catalog_index_title.jpg);}
.form #header div#title,
.formc #header div#title{background-image:url(img/catalog_form_title.jpg);}
.formc #header div#title{background-image:url(img/catalog_form_title.jpg);}

.formc #contents{
margin-top:-55px;
}

#catalog h2{
padding-top:35px;
margin-bottom:20px;
}

#catalog #contents div#catalogflow{
padding:35px 0 40px 0;
}
	
	#catalogflow h2{
	padding:0;
	margin:0;
	width:680px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/catalog_catalogflow_h2.gif) no-repeat left bottom;
	cursor:pointer;
	}
	
		#catalogflow h2:hover{
		filter: Alpha(opacity=50);
		opacity:0.5;
		}

	#catalogflow div#flow{
	display:none;
	background:url(img/stripe.gif) repeat left bottom;
	}
	
		#catalogflow div#flow ol{
		width:680px;
		height:380px;
		text-indent:-99999px;
		overflow:hidden;
		background:url(img/catalog_catalogflow_ol.png) no-repeat center bottom;
		}
		
		#catalogflow div#flow div.caution{
		padding:20px 40px;
		}
		
		#catalog div.caution h3{
		font-size:1em;
		font-weight:normal;
		}
		.form div.caution{padding-top:15px;}


#catalog #contents div#cataloglist{}
	
	#cataloglist h2{
	padding:0;
	margin:0;
	}
	
	#cataloglist ul{
	width:760px;
	margin-right:-80px;
	}
	
	#cataloglist ul li{
	float:left;
	width:300px;
	padding:40px 80px 43px 0;
	background:url(img/catalog_cataloglink_li.gif) no-repeat left bottom;
	}
	
		#cataloglist ul li img{
		vertical-align: bottom;
		padding-bottom:20px;
		}
	
		#cataloglist ul li h3{
		width:260px;
		height:20px;
		padding:10px 20px;
		margin-bottom:18px;
		overflow:hidden;
		background:#9DABCF;
		color:#fff;
		font-size:16px;
		line-height:20px;
		}
		
		#cataloglist ul li p.catalogexp{
		float:left;
		width:165px;
		height:120px;
		overflow:hidden;
		}
		
		#cataloglist ul li p.cataloglink{
		float:right;
		width:112px;
		height:112px;
		}
		
			#cataloglist ul li p.cataloglink a{
			display:block;
			width:112px;
			height:112px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(img/catalog_cataloglink.gif) no-repeat left top;
			}
			
			#cataloglist ul li p.cataloglink a:hover{
			filter: Alpha(opacity=50);
			opacity:0.5;
			}

/****************************************************************************
会社概要　#company
└インデックス　.company
****************************************************************************/

#company #m06 a{background-position:right;}

/* .company */

.company #header div#title{background-image:url(img/company_index_title.jpg);}

.company #contents{
margin-top:-60px;
}

.company #contents h2{
padding:40px 0 20px 0;
}

.company #contents div img,
.company #contents div p{
float:left;
}

.company #contents div p{
padding-left:20px;
}

.company #contents table th{
width:210px;
}

.company #contents ul{
padding-left:10px;
}

/****************************************************************************
アクセス　#access
└インデックス　.access
****************************************************************************/

#access #m07 a{background-position:right;}

/* .access */

.access #header div#title{background-image:url(img/access_index_title.jpg);}

.access #contents{
margin-top:-60px;
}

.access #contents div.map{
padding-top:40px;
}

.access #contents div.adddata{
float:left;
width:220px;
}

.access #contents div.adddata h2{
padding-bottom:15px;
}

.access #contents div#map01,
.access #contents div#map02{
position:relative;
float:right;
width:440px;
height:440px;
}

/****************************************************************************
お問い合わせ　#inquiry
└インデックス　.inquiry
****************************************************************************/

#inquiry #m08 a{background-position:right;}

/* .inquiry */

.inquiry #header div#title{background-image:url(img/inquiry_index_title.jpg);}

.inquiry #contents{
margin-top:-40px;
}

.inquiry #contents h2{
padding-top:20px;
padding-bottom:15px;
}

/****************************************************************************
サイトマップ　#sitemap
└インデックス　.sitemap
****************************************************************************/

.sitemap #header div#title{background-image:url(img/sitemap_index_title.jpg);}

.sitemap #contents{
margin-top:-30px;
}

.sitemap #contents ul{
border-top:1px solid #e6e6e6;
}

.sitemap #contents ul li{
padding:18px 0;
border-bottom:1px solid #e6e6e6;
}

.sitemap #contents ul li h2{
float:left;
clear:both;
font-size:1.334em;
padding-left:20px;
background:url(img/dot.gif) no-repeat left 50%;
}

.sitemap #contents ul li a{
color:#4d4d4d;}

.sitemap #contents ul li dl{
margin-left:260px;
margin-top:-0.5em;
width:420px;
}

.sitemap #contents ul li dl dt{
font-size:1.167em;
font-weight:bold;
padding-top:0.5em;
}

.sitemap #contents ul li dl dd{
padding-top:0.5em;
}

/****************************************************************************
リンク　#links
└インデックス　.links
****************************************************************************/

.links #header div#title{background-image:url(img/links_index_title.jpg);}

.links #contents{
margin-top:-50px;
}

.links #contents ul li{
padding-top:20px;
}

.links #contents ul li img{
float:left;
clear:both;
width:250px;
height:60px;
}

.links #contents ul li p{
margin-left:270px;
margin-top:0.5em;
}

.links #contents ul li p.cname{
font-size:1.167em;
}

.links #contents ul li p.cname a{
line-height:20px;
padding-right:22px;
background:url(img/link.gif) no-repeat right 50%;
}

/****************************************************************************
プライバシーポリシー　#policy
└インデックス　.policy
****************************************************************************/

.policy #header div#title{background-image:url(img/policy_index_title.jpg);}

.policy #contents{
margin-top:-30px;
}

.policy #contents h2{
height:18px;
line-height:18px;
font-size:1.334em;
padding-bottom:8px;
border-bottom:1px solid #e6e6e6;
margin:40px 0 0.5em 0;
}

.policy #contents p.mail{
width:400px;
height:50px;
margin:2em auto 0 auto;
}

.policy #contents p.mail a:hover{
filter: Alpha(opacity=50);
opacity:0.5;
}

/* #policypp */

#policypp{
background:none;
}

#policypp div{
width:550px;
}

#policypp div h1,
#policypp div h2{
height:18px;
line-height:18px;
font-size:1.334em;
padding-bottom:8px;
border-bottom:1px solid #e6e6e6;
margin:30px 0 0.5em 0;
}
#policypp div h1{margin-top:10;}