@charset "utf-8";

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

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. CO2排出量削減対策を・・・
　03. Point
　04. 
　05. 


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

/* ==

　01. 基本

=============================================================================== */
.section div{
	min-height:1%;
	margin-bottom:20px;
	clear:both;
}
.section div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
* html .section div{ height:1%; }
.section div div{ margin-bottom:0; }
.section div div.floatL,
.section div div.floatR{ clear:none; }

.section div p{
	line-height:1.5;
}
.section div p.notes{
	font-size:80%;
	line-height:1.4;
	clear:both;
}
.section div p.notes span{ color:#ff0000; }

.section div h3{
	height:30px;
	margin-bottom:10px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
}

/* アンカーリンク
------------------------------------------------------------------------------- */
.section .anchor{
	padding:10px;
	background-color:#e5e5e5;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	text-align:center;
}
.section .anchor ul{
	width:auto;
	text-align:center;
}
.section .anchor li{
	margin-right:10px;
	font-size:80%;
	display:inline;
}
.section .anchor li a{
	padding:0 0 1px 15px;
	background:url(../images/arrow_lower.gif) left top no-repeat;
	color:#666;
}
*:first-child+html .section .anchor li a{ line-height:1.5; }
.section .anchor li.upper a{ background:url(../images/arrow_upper.gif) left top no-repeat; }


/* ==

　02. CO2排出量削減対策を・・・

=============================================================================== */
.lead .floatL{ width:708px; }
.lead p.img{
	width:224px;
	margin-bottom:10px;
	float:right;
}
.lead ul.btn{
	width:950px;
	margin:0 0 10px;
	clear:both;
}
.lead ul.btn li{
	width:216px;
	height:161px;
	margin-right:18px;
	padding:4px;
	background:#f3f3f3;
	float:left;
}
@media print{
	* html .lead ul.btn li{ margin-right:17px; }
}
.lead ul.btn li a{
	width:214px;
	height:159px;
	display:block;
}

.lead ul.btn li.lastChild{ margin-right:0; }
.lead ul.btn li a:link, .lead ul.btn li a:visited{ border:1px solid #d9d9d9; }
.lead ul.btn li a:hover, .lead ul.btn li a:active{ border:1px solid #ff6600; }



/* ==

　03. Point

=============================================================================== */
.point{	padding-top:10px; }
.point h4{ margin-bottom:10px; }
.point h5{
	margin:0 0 10px;
	padding:0 0 3px;
	border-bottom:1px solid #ccc;
	clear:both;
}

.point p.btn{
	text-align:center;
	clear:both;
}
.point p.btn a:link img, .point p.btn a:visited img{
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
.point p.btn a:hover img, .point p.btn a:active img{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.point ul.img{
	margin-top:20px;
	clear:both;
}
.point ul.img li{
	margin:0 18px 10px 0;
	font-size:80%;
	line-height:1.5;
	float:left;
}
.point ul.img li.lastChild{ margin-right:0; }
.point ul.img li img{ margin-bottom:3px; }



/* Point1
------------------------------------------------------------------------------- */
#point1 .floatL{ width:708px; }
#point1 p.img{
	width:224px;
	float:right;
}


/* Point2
------------------------------------------------------------------------------- */
#point2{ margin-bottom:10px; }
#point2 h3{ margin-bottom:0; }

/* 事例 */
#point2 .casestudy{ margin-bottom:20px; }
#point2 .casestudy p.img{
	width:710px;
	float:right;
}
#point2 .casestudy h4{ margin-top:10px; }
#point2 .casestudy .floatL{ width:230px; }
#point2 .casestudy .floatL p{ width:230px; margin-bottom:10px; }

#point2 .casestudy div p.floatL{ width:465px; }
#point2 .casestudy div p.img{ width:465px; float:right; }


/* マンション街区 */
#point2 .area_mansion{
	margin-bottom:10px;
	padding-bottom:10px;
	border:1px solid #00b079;
}
#point2 .area_mansion h3{
	background-image:none;
	background-color:#00b079;
}
#point2 .area_mansion .lead{
	padding:10px;
	background-color:#f0f0f0;
	border:1px solid #fff;
}
#point2 .area_mansion .lead .floatL{ width:605px; }
#point2 .area_mansion .lead p.img{ width:315px; float:right; }

#point2 .area_mansion .solar{ padding:10px; }
#point2 .area_mansion .solar p.img{ width:315px; float:right; }
#point2 .area_mansion .solar .floatL{ width:605px; }
#point2 .area_mansion .solar .floatL p.img{ width:224px; float:left; }
#point2 .area_mansion .solar .floatL p.txt{ width:374px; float:right; }

#point2 .clearfix p.pagetop{
	width:950px;
	height:15px;
	margin-bottom:10px;
	line-height:1.0;
}


/* 分譲住宅・宅地街区 */
#point2 .area_bunjo{
	padding-bottom:10px;
	border:1px solid #007DC5;
}
#point2 .area_bunjo h3{
	background-image:none;
	background-color:#007DC5;
}

#point2 .area_bunjo .lead{
	padding:10px;
	background-color:#f0f0f0;
	border:1px solid #fff;
}
#point2 .area_bunjo .lead .floatL{ width:605px; padding:0; }
#point2 .area_bunjo .lead .floatL p{ float:left; }
#point2 .area_bunjo .lead p.img{ width:315px; float:right; }

#point2 .area_bunjo div{ padding:10px; }

#point2 .area_bunjo .pnt02_b01 .floatL{ width:605px; }
#point2 .area_bunjo .pnt02_b01 p.img{ width:310px; margin-bottom:10px; float:right; }
#point2 .area_bunjo .pnt02_b01 div{ padding:0; clear:both; }
#point2 .area_bunjo .pnt02_b01 div p.floatL{ width:360px; }

#point2 .area_bunjo .pnt02_b02 p.floatL{ width:215px; }
#point2 .area_bunjo .pnt02_b02 .img{ width:700px; }
#point2 .area_bunjo .pnt02_b02 div{ padding:0; }
#point2 .area_bunjo .pnt02_b02 div .floatL.img{ width:445px; }
#point2 .area_bunjo .pnt02_b02 div p.floatR{ width:470px; }

#point2 .area_bunjo .pnt02_b03 .floatL,
#point2 .area_bunjo .pnt02_b04 .floatL{ width:450px; padding:0; }
#point2 .area_bunjo .pnt02_b03 .img,
#point2 .area_bunjo .pnt02_b04 .img{
	width:455px;
	padding:0;
	float:right;
	clear:none;
}
#point2 .area_bunjo .pnt02_b04 .img p{
	width:128px;
	font-size:80%;
	line-height:1.4;
	float:left;
}
#point2 .area_bunjo .pnt02_b04 .img p.lastChild{ width:304px; float:right; }
#point2 .area_bunjo .pnt02_b04 .img p img{ margin-bottom:3px; }

/* Point3
------------------------------------------------------------------------------- */
#point3 .floatL{ width:465px; }
#point3 .floatL p{ margin-bottom:10px; }
#point3 .floatL dl{ margin-bottom:15px; line-height:1.5; }
#point3 .floatR{ width:466px; }

#point3 .floatR ul.img li{ margin-right:0; }
#point3 .floatR ul.img li.lastChild{ float:right; }


/* Point4
------------------------------------------------------------------------------- */
#point4 h4{ clear:both; }
#point4 p.img{
	width:226px;
	float:right;
}
#point4 .floatL{ width:705px; margin-bottom:10px; }
#point4 .floatL p{
	margin-bottom:10px;
	text-align:left;
}