@charset "utf-8";

/* ===================================================================
CSS information

 file name  :eco.css
 style info :エコ住宅
=================================================================== */


/* -----------------------------------------------------------
	設備共有パーツ
----------------------------------------------------------- */

div.facilityImg {
	width: 868px;
	height: 298px;
	margin: 0 11px 20px;
}

	div#img-facility {
		background: url(../../../quality/images/facilityImg_facility.jpg) no-repeat;
	}

	div#img-amenity {
		background: url(../../../quality/images/facilityImg_amenity.jpg) no-repeat;
	}
	
	div#img-bf {
		background: url(../../../quality/images/facilityImg_bf.jpg) no-repeat;
	}
	
	div#img-security {
		background: url(../../../quality/images/facilityImg_security.jpg) no-repeat;
	}
	

	
	
ul#facilityNavi {
	padding: 14px 0 0 17px;
}

	ul#facilityNavi li {
		float: left;
		margin-right: 5px;
		list-style: none;
	}


p#btm-note {
	clear: both;
	font-size: 83.4%;
	color: #959595;
	margin-top: 20px;
}


/* -----------------------------------------------------------
	設備
----------------------------------------------------------- */

div.facility-line {
	clear: both;
	margin-bottom: 20px;
}

div.facility-lBox {
	float: left;
	width: 415px;
}

div.facility-rBox {
	float: right;
	width: 415px;
}


div.fBox-inner {
	min-height: 107px;
	height: auto !important;
	height: 107px;
}

	div.facility-lBox h3,
	div.facility-rBox h3 {
		margin-bottom: 10px;
	}
	
	div.facility-lBox p,
	div.facility-rBox p {
		margin-bottom: 10px;
		padding-left: 175px;
	}
	
	p.facility-detail {
		text-indent: 20px;
		background: url(../../images/arrow.gif) no-repeat;
		background-position: 175px center;
	}


#imgFacility1 {
	background: url(../../../quality/images/img_facility1.jpg) no-repeat;
	background-position: 20px top;
}

#imgFacility2 {
	background: url(../../../quality/images/img_facility2.jpg) no-repeat;
	background-position: 20px top;
}

#imgFacility3 {
	background: url(../../../quality/images/img_facility3.jpg) no-repeat;
	background-position: 20px top;
}


/* -----------------------------------------------------------
	セキュリティ
----------------------------------------------------------- */

div#homeSec {
	min-height: 130px;
	height: auto !important;
	height: 130px;
	padding-left: 298px;
	background: url(../../../quality/images/img_SECOM.gif) no-repeat;
	background-position: left center;
}

	div#sixMfree {
		min-height: 34px;
		height: auto !important;
		height: 34px;
		margin: 20px 0 35px;
		padding: 10px;
		padding-left: 135px;
		border: 1px solid #ede5bd;
		background: #fffbe8 url(../../../quality/images/sixMfree.gif) no-repeat;
		background-position: 18px center;
	}
	
	div#sixMfree p {
		margin-bottom: 0;
	}

div#secom-service {
	margin-bottom: 40px;
}

	div.sec-box {
		float: left;
		width: 263px;
		margin-right: 35px;
	}
	
	div.sec-nmr {
		float: left;
		margin-right: 0;
	}
	
	p.sec-txt {
		min-height: 75px;
		height: auto !important;
		height: 75px;
		font-size: 83.4%;
		margin-top: 15px;
		padding-left: 88px;
	}
	
	#secImg1 {
		background: url(../../../quality/images/secImg1.gif) no-repeat;
		background-position: left top;
	}
	
	#secImg2 {
		background: url(../../../quality/images/secImg2.gif) no-repeat;
		background-position: left top;
	}
	
	#secImg3 {
		background: url(../../../quality/images/secImg3.gif) no-repeat;
		background-position: left top;
	}
	

div.sec-box2 {
	clear: both;
	min-height: 119px;
	height: auto !important;
	height: 119px;
	margin-bottom: 30px;
}

	div.sec-box2 h3 {
		margin-bottom: 10px;
	}
	
	div.sec-box2 p {
		padding-right: 280px;
	}
	
	
	#secImg2-1 {
		background: url(../../../quality/images/img_secutity1.jpg) no-repeat;
		background-position: 664px top;
	}
	
	#secImg2-2 {
		background: url(../../../quality/images/img_secutity2.jpg) no-repeat;
		background-position: 664px top;
	}
	
	#secImg2-3 {
		background: url(../../../quality/images/img_secutity3.jpg) no-repeat;
		background-position: 664px top;
	}
	
	.secB-mbn {
		margin-bottom: 0;
	}
	


/* -----------------------------------------------------------
	バリアフリー＆ユニバーサルデザイン
----------------------------------------------------------- */

div.bf-line {
	clear: both;
	margin-bottom: 20px;
}

div.bf-lCol {
	float: left;
	width: 415px;
}

div.bf-rCol {
	float: right;
	width: 415px;
}

	div.bf-lCol h3,
	div.bf-rCol h3 {
		margin-bottom: 10px;
	}

	div.bf-lCol p,
	div.bf-rCol p {
		min-height: 127px;
		height: auto !important;
		height: 127px;
		padding-left: 210px;
	}
	
	
#imgBf1 {
	background: url(../../../quality/images/img_bf1.jpg) no-repeat;
	background-position: left top;
}

#imgBf2 {
	background: url(../../../quality/images/img_bf2.jpg) no-repeat;
	background-position: left top;
}

#imgBf3 {
	background: url(../../../quality/images/img_bf3.jpg) no-repeat;
	background-position: left top;
}

#imgBf4 {
	background: url(../../../quality/images/img_bf4.jpg) no-repeat;
	background-position: left top;
}

#imgBf5 {
	background: url(../../../quality/images/img_bf5.jpg) no-repeat;
	background-position: left top;
}



/* -----------------------------------------------------------
	アメニティ
----------------------------------------------------------- */

div.amenity-line {
	clear: both;
	margin-bottom: 25px;
}

div.amenity-line h3 {
	margin-bottom: 15px;
	padding-bottom: 20px;
	background: url(../../images/sh_bg.gif) repeat-x;
	background-position: bottom;
}

div.amenity-line img {
	float: left;
	padding-right: 15px;
}

div.amenity-lBox {
	float: left;
	width: 422px;
}

div.amenity-rBox {
	float: right;
	width: 422px;
}

div#multimedia {
	clear: both;
	width: 850px;
	padding: 5px;
	background: #f2f2f2;
}

	div#multimedia-inner {
		padding-bottom: 10px;
		border: 1px solid #e5e5e5;
		background: #ffffff url(../../../quality/images/multimedia_bg.gif) no-repeat;
		background-position: top;
	}
	
	div#multimedia h3 {
		text-align: center;
		margin: 15px 0;
	}
	
	div#multi-box {
		padding: 0 35px;
	}
	
	div#multi-lCol {
		float: left;
		width: 432px;
		/*margin-left:35px;*/
	}
	
	div#multi-rCol {
		float: right;
		width: 321px;
		/*margin-right: 35px;*/
	}
	
	
	div.mtitle {
		margin-bottom: 15px;
	}
	
	p#multi-ltxt {
		min-height: 132px;
		height: auto !important;
		height: 132px;
		padding-left: 161px;
		background: url(../../../quality/images/img_multimedia.gif) no-repeat;
		background-position: left;
	}
	
	p#multi-rtxt {
		min-height: 130px;
		height: auto !important;
		height: 130px;
		padding-left: 183px;
		background: url(../../../quality/images/img_concent.jpg) no-repeat;
		background-position: left;
	}