@charset "utf-8";
/* lower_eco.css */

/*プロパティ順番
////////////////////////////////////////////////////*//*


	Mozillaが採用している「ボックスモデルによる記述順番」

	01 display
	02 list-style
	03 position
	04 float
	05 clear
	06 width
	07 height
	08 margin
	09 padding
	10 border
	11 background
	12 color
	13 font
	14 text-decoration
	15 text-align
	16 vertical-align
	17 white-space
	18 other text
	19 content


///////////////////////////////////////////////////////*/

/* 共通設定
////////////////////////////////////////////////////*/
#topImage {
	margin-bottom: 35px;
}

#contentsinnerBox {
	line-height: 180%;
	width: 610px;
}

h3 {
	float: left;
	margin-bottom: 30px;
	width: 115px;
}





/* ローカルナビ
////////////////////////////////////////////////////*/

#localNaviBox {
	float: right;
	margin-bottom: 50px;
	width: 480px;
}

ul#localNaviTop {
	margin-bottom: 15px;
}

ul#localNaviBottom {
	margin-left: 15px;
}

#localNaviBox ul li {
	float: left;
	width: 220px;
}

p#btNext {
	text-align: right;
}

/* 自然エネルギーを取り入れるコンテンツ
////////////////////////////////////////////////////*/

#naturalBox h4 {
	margin-bottom: 10px;
}

#naturalBox ul#thinkListBox {
	margin-bottom: 30px;
}

#naturalBox dl dd {
	margin-bottom: 40px;
}


.ecoTextBox {
	padding-left: 240px;
	margin: 10px 0 5px;
	min-height: 180px;
	height: auto !important;
	height: 180px;
}

#ecoTextBox01 {
	background: url(../eco/img/img_eco2_01.jpg) no-repeat left top;
}

#ecoTextBox02 {
	background: url(../eco/img/img_eco2_02.jpg) no-repeat left top;
}

#ecoTextBox03 {
	background: url(../eco/img/img_eco2_03.jpg) no-repeat left top;
}

#ecoTextBox04 {
	background: url(../eco/img/img_eco2_04.jpg) no-repeat left top;
}

/* ソーラーシステム
////////////////////////////////////////////////////*/

#solarBox .solarListBox {
	margin-bottom: 40px;
}

#solarBox .solarListBox dl {
	float: left;
	width: 250px;
}

#solarBox .solarListBox dl dt {
	margin-bottom: 15px;
}

#solarBox .solarImage {
	float: right;
	width: 350px;
}

#solarBox #contentBotomImage {
	margin-bottom: 40px;
}


/* 省エネルギー
////////////////////////////////////////////////////*/

#energyBox {
}

#energyBox #firstCol {
	margin-bottom: 30px;
	clear: both;
}

#energyBox #firstCol dl {
	float: left;
	width: 290px;
}

#energyBox #firstCol dl dt {
	margin-bottom: 20px;
}

#energyBox #firstCol .energyImage {
	float: right;
	width: 300px;
}


#energyBox #firstCol .energyImage p {
	color: #724c21;
}

#energyBox #secondCol {
	margin-bottom: 15px;
}

#energyBox #secondCol dl {
	float: right;
	width: 350px;
}

#energyBox #secondCol dl dt {
	margin-bottom: 20px;
}

#energyBox #secondCol .energyImage {
	float: right;
	width: 250px;
}

#energyBox #contentBottom {
	height: 608px;
	width: 617px;
	background: url(../eco/img/bg_energy_bottom.jpg) left bottom no-repeat;
}

#energyBox #contentBottom p {
	padding: 80px 10px 0 20px;
}

#energyBox #contentBottom p.textBottom {
	width: 370px;
	padding-top: 0;
}

#energyBox p#btNext {
	margin-top: 30px;
}