@charset "utf-8";
/*------------------------------------
 
CSS Information
 
  Site URL: http:www.kitanihon-gas.co.jp/
  File name: info.css
  Summary: information styles
  Created: 
  Last update: 2011.12.01
  Author:
  Base-Color:#39A727;
 
  Order of description
	=01.Common
	=02.Performance
	=03.floor
	=04.Q&A
	=05.GasHeater
	=06.Gas-intro
 
 
------------------------------------*/





/*	-----------------------------------------------------------------------

	=01.Common

-----------------------------------------------------------------------*/

#Product-body #ContentsArea h2.main{background: url(../../product/images/main_ttl.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.conro{background: url(../../product/images/main_ttl_gas.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.water_heater{background: url(../../product/images/main_ttl_gas02.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.rice_cooker{background: url(../../product/images/main_ttl_gas03.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.conbeck{background: url(../../product/images/main_ttl_gas04.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.floor{background: url(../../product/images/main_ttl_gas05.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.gas_heater{background: url(../../product/images/main_ttl_gas06.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.bathroom_heater{background: url(../../product/images/main_ttl_gas07.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.ecojozu{background: url(../../product/images/main_ttl_gas08.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.water_heating{background: url(../../product/images/main_ttl_gas09.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.ghp{background: url(../../product/images/main_ttl_gas10.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.enefarm{background: url(../../product/images/main_ttl_gas11.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.reform{background: url(../../product/images/main_ttl_gas12.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.facility{background: url(../../product/images/main_ttl_gas13.jpg) no-repeat left top;}
#Product-body #ContentsArea h2.solar{background: url(../../product/images/main_ttl_solar.jpg) no-repeat left top;}



#Product-body #ContentsArea h4{
	color:#FFF; font-size:15px; font-weight:bold;
	height:25px; line-height:25px; margin-bottom:10px;
	padding-left:10px;
	background: url(../images/sub_ttl_back.png) no-repeat left center;
}

#Product-body #ContentsArea h5{
	margin-bottom:5px;
	font-size:13px; font-weight:bold; text-align:left;
}

#Product-body #ContentsArea h5.wh{ color:#009FE8;}
#Product-body #ContentsArea h5.wheating{ 
	color:#009FE8;
	font-size:16px;
	font-weight:bold;
}

#Product-body #ContentsArea h5 span{ color:#39A727; font-weight:normal;}


#Product-body #ContentsArea p.txt{ font-size:13px; line-height:1.6; text-align:left;}
#Product-body #ContentsArea p.txt_reform{
	width:470px;
	font-size:13px;
	line-height:1.6;
	text-align:left;
	padding-bottom:160px;
}
#Product-body #ContentsArea p.txt_reform02{
	width:264px;
	font-size:13px;
	line-height:1.6;
	text-align:left;
	padding-bottom:140px;
}
#Product-body #ContentsArea p.txt_reform03{
	width:470px;
	font-size:13px;
	line-height:1.6;
	text-align:left;
	padding-bottom:60px;
}
#Product-body #ContentsArea p.img { padding:15px 0; text-align:center;}
#Product-body #ContentsArea p.img_reform {
	text-align:center;
	float:right;
}


#Product-body #ContentsArea span.att{ color:#0085D0;}

#Product-body #ContentsArea sup{ font-size:10px;}





/*	-----------------------------------------------------------------------

	=02.Performance

-----------------------------------------------------------------------*/

#Product-body #ContentsArea div.Performance{width:700px; margin-bottom:30px; overflow:hidden;}

#Product-body #ContentsArea div.Performance div{ width:335px; float:left; padding-bottom:15px;}

#Product-body #ContentsArea div.Performance div dl{	text-align:left; }
#Product-body #ContentsArea div.Performance div dl dt{ font-size:15px; color:#39A727; font-weight:bold; margin-bottom:5px;}
#Product-body #ContentsArea div.Performance div dl dd{ font-size:13px; line-height:1.5; overflow:hidden;}
#Product-body #ContentsArea div.Performance div dl dd span{ display:block; font-size:10px;}



/*	-----------------------------------------------------------------------

	=03.floor

-----------------------------------------------------------------------*/

#Product-body #ContentsArea table.type{
	width:700px;
    border-collapse: separate;
    border-spacing: 0;
	margin-bottom:30px;
}

#Product-body #ContentsArea table.type th,
#Product-body #ContentsArea table.type td{
	padding:0 0 10px; font-size:13px;
	text-align:left;
	vertical-align:top;
}

#Product-body #ContentsArea table.type th{ width:60px;}


/*	-----------------------------------------------------------------------

	=04.Q&A

-----------------------------------------------------------------------*/

#Product-body #ContentsArea dl.QA{
	width:700px; margin-bottom:15px;
	text-align:left; font-size:13px;
	overflow:hidden;
}

#Product-body #ContentsArea dl.QA dt,
#Product-body #ContentsArea dl.QA dd{ font-size:13px; line-height:1.6;}

#Product-body #ContentsArea dl.QA dt{
	width:24px;
	float:left; clear:both;
	margin-left:6px;
}

#Product-body #ContentsArea dl.QA dd{
	width:660px; float:left;
}



/*	-----------------------------------------------------------------------

	=05.GasHeater

-----------------------------------------------------------------------*/

#Product-body #ContentsArea ul.g-heater{ margin-bottom:15px;}

#Product-body #ContentsArea ul.g-heater li{
    padding:0 0 7px 1em;
    text-indent: -1em;
	font-size:13px;
}
#Product-body div.gh{ margin-bottom:15px;overflow:hidden;}
#Product-body div.gh img.icon { float:right;}


/*	-----------------------------------------------------------------------

	=06.Gas-intro

-----------------------------------------------------------------------*/

#Product-body #ContentsArea h3.gas-intro{
	background:none;
	padding:0;
	margin:0 auto 10px;
}

#Product-body #ContentsArea #Gas-intro{
	width:690px;
	margin:0 auto 15px;
	overflow:hidden;
}



#Product-body #ContentsArea #Gas-intro div{
	width:230px;
	float:left;
	text-align:center;
	margin-bottom:10px;
}

#Product-body #ContentsArea #Gas-intro div dl{
	width:220px;
	margin:0 auto;
}

#Product-body #ContentsArea #Gas-intro div dl dt{
	background:#39A727;
	height:24px; line-height:24px;
	color:#FFF; font-size:15px;
	margin:0 0 10px;
	text-align:center;
}

#Product-body #ContentsArea #Gas-intro div dl dd{ text-align:left; padding-bottom:5px;}
#Product-body #ContentsArea #Gas-intro div dl dd a{
	font-size:13px;
	padding-left:10px;
	background: url(../images/icon_arrow.gif) no-repeat left center;
}

#Product-body #ContentsArea #Gas-intro div dl dd a:link,
#Product-body #ContentsArea #Gas-intro div dl dd a:visited{ color:#39A727; text-decoration:underline;}
#Product-body #ContentsArea #Gas-intro div dl dd a:hover{ color:#39A727; text-decoration:none;}

#Product-body #ContentsArea #Gas-intro p{
	clear:both;
	width:680px;
	margin:0 auto;
	border-top:1px solid #39A727;
	padding:5px 0;
}

#Product-body #ContentsArea #Gas-intro p a{
	font-size:13px;
	padding:0 10px;
	background: url(../images/icon_arrow.gif) no-repeat left center;
}