@charset "utf-8";

/*====================================================================

index.css

======================================================================

	01.common elements
	02.housing
	03.company
	04.affordable
	05.contact


last update 10/03/10

=====================================================================*/

/*--------------------------------------------------------------------
	01.common elemnts
--------------------------------------------------------------------*/

/* wrapper */
#wrapper{background: url(../img/bg_wrapper.jpg) repeat-x top center;}

/* container */
#container{background: url(../img/bg_container.jpg) repeat-y;}

/* contents */
#contents{
	float: right;
	margin-top: -25px;
	width: 560px;
}
#contents h3{margin-top: 25px;}
#contents h4{margin-top: 15px;}

/* sidebar */
#sidebar{
	float: left;
	border-top: solid 1px #e8e8e8;
	width: 220px;
	text-align: left;
}
#sidebar a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* local navigation */
#l-navi{
	margin-top: 10px;
	margin-left: 11px;
	background: url(../img/bg_l-navi.jpg) no-repeat;
	width: 200px;
	height: 180px;
}
#l-navi ul li,
#l-navi ul li a{
	display: block;
	width: 200px;
	height: 45px;
	outline: none;
	text-indent: -9999px;
}
#ln1 a{background-position: 0 0;}
#ln2 a{background-position: 0 -45px;}
#ln3 a{background-position: 0 -90px;}
#ln4 a{background-position: 0 -135px;}
#l-navi ul li a:hover{background-image: url(../img/bg_l-navi_over.jpg);}

/* side bnr */
#sidebar div{
	margin-left: 11px;
	margin-bottom: 20px;
	width: 200px;
	text-align: center;
}
#sidebar div img{margin-bottom: 10px;}
#sidebar div img.nm{margin-bottom: 0;}

/* box */
.box{
	width: 560px;
	text-align: left;
}
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box p{padding: 15px 20px 0 20px;}
.box img.right{
	margin: 15px 15px 15px 20px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
}
.box img.left{
	margin: 15px 20px 15px 15px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
}

/* box2 */
.box2{width: 560px;}
.box2:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box2 div{
	display: inline;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	width: 257px;
}
.box2 div img{
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
}
.box2 div p{
	padding: 7px 5px 0 5px;
	text-align: left;
}

/* box3 */
.box3{width: 560px;}
.box3:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box3 div{
	display: inline;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	width: 165px;
}
.box3 div img{
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
}
.box3 div p{
	padding: 7px 5px 0 5px;
	font-size: 10px;
	text-align: left;
}
.box3 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* box b-f */
.box-bf{
	background: url(../img/bg_box-bf.gif) no-repeat center;
	width: 560px;
}
.box-bf:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box-bf div{
	display: inline;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	width: 257px;
}
.box-bf div img{
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
}
.box-bf div p{
	padding: 7px 5px 0 5px;
	text-align: left;
}

/* table */
.box table{
	margin-top: 20px;
	margin-left: 20px;
	border-top: solid 1px #e0ded9;
	width: 520px;
}
.box th,
.box td{
	padding: 5px 10px 5px 15px;
	border-bottom: solid 1px #e0ded9;
}
.box th{
	border-right: solid 1px #4dae23;
	width: 25%;
}
.box td ul li{
	background: url(../img/bg_td-li.gif) no-repeat top left;
	padding: 2px 0 0 13px;
}


/* contact-bnr */
#contact-bnr{
	position: relative;
	margin-top: 30px;
	background-image: url(../img/bg_contact-bnr.jpg);
	width: 560px;
	height: 130px
}
#contact-bnr p{
	padding: 25px 20px 0 25px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
	color: #452604;
}
#contact-bnr p#l2{padding: 15px 20px 0 25px;}
#contact-bnr img{
	position: absolute;
	top: 70px;
	left: 299px;
}

/* footer */
#footer div{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/bg_footer_div.jpg) no-repeat top;
	width: 800px;
	height: 180px;
	font-size: 10px;
	text-align: left;
}


/*--------------------------------------------------------------------
	02.housing
--------------------------------------------------------------------*/

/* common */
.box dl.housing{
	margin-top: 15px;
	margin-left: 15px;
	width: 530px;
}
.box dl.housing dt{
	padding: 0 5px 5px 5px;
	border-bottom: solid 1px #e4d7cb;
	font-size: 14px;
	font-weight: bold;
	color: #276b1d;
}
.box dl.housing dt span{
	font-size: 10px;
	font-weight: bold;
	color: #b41c14;
}
.box dl.housing dd{padding: 10px 5px 0 5px;}

.box dl.item{
	display: inline;
	float: right;
	margin-right: 15px;
	margin-top: 20px;
	width: 300px;
}
.box dl.item dt{
	padding: 0 5px 5px 5px;
	border-bottom: solid 1px #e4d7cb;
	font-size: 14px;
	font-weight: bold;
	color: #276b1d;
}
.box dl.item dt span{
	font-size: 10px;
	font-weight: bold;
	color: #b41c14;
}
.box dl.item dd{padding: 10px 5px 0 5px;}

/* index */
dl#feature{
	margin-top: 15px;
	margin-left: 10px;
	padding-bottom: 20px;
	background: url(../../housing/img/bg_dl-feature.gif) repeat-y;
	border-top: solid 2px #c2a281;
	border-bottom: solid 2px #c2a281;
	width: 540px;
	text-align: left;
}
dl#feature dt{margin-top: 15px;}
dl#feature dd{
	margin-top: -25px;
	padding-left: 90px;
	padding-right: 25px;
	color: #4b1306;
}

dl#process{
	margin-left: 10px;
	width: 540px;
	text-align: left;
}
dl#process dt{margin-top: 15px;}
dl#process dd{
	margin-top: -5px;
	padding-left: 15px;
	padding-right: 65px;
}

.box ul#housing li{
	margin-top: 30px;
	float: left;
}
.box ul#housing li.center{
	margin-left: 10px;
	margin-right: 10px;
}

/* healthy */
.box #ventilation{
	display: inline;
	float: right;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 15px;
	background: #ffffff;
	border: solid 1px #dedede;
	width: 300px;
	height: 105px;
}
.box #ventilation img{float: left;}

/* safety */
.box dl.pet{
	display: inline;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	padding-bottom: 10px;
	width: 295px;
}
.box dl.pet:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box dl.pet dd{
	padding-top: 5px;
}

.box dl#alarm{
	display: inline;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	background: #ffffff;
	border: solid 1px #e4e4e4;
	width: 285px;
}
.box dl#alarm dt{
	padding: 15px 15px 10px 18px;
	color: #0089cf;
	font-weight: bold;
}
.box dl#alarm dd{
	padding: 0 15px 15px 35px;
	background: url(../../housing/img/02/bg_alarm-dd.gif) no-repeat top left;
}

.box ul.long{
	margin-top: 5px;
	margin-left: 30px;
	width: 500px;
}
.box ul.long li{
	padding: 8px 8px 8px 35px;
	background: url(../../housing/img/03/bg_i-li.gif) no-repeat top left;
	border-bottom: dotted 1px #d3d2cd;
}
.box ul.long li strong{
	font-size: 14px;
	color: #232222;
}
.box ul.long li.nb{border-bottom: none;}


/* eco */
.box img#ejozu{
	margin-top: 15px;
	margin-left: 15px;
	padding: 10px;
	background: #ffffff;
	border: solid 1px #dedede;
}
.box ul.eco-i{
	margin-top: 5px;
	margin-left: 30px;
	width: 500px;
}
.box ul.eco-i li{
	padding: 8px 8px 8px 35px;
	background: url(../../housing/img/03/bg_i-li.gif) no-repeat top left;
	border-bottom: dotted 1px #d3d2cd;
}

.box ul#eco{
	margin-top: 5px;
	margin-left: 30px;
	width: 500px;
}
.box ul#eco li{
	padding: 8px 8px 8px 40px;
	background: url(../../housing/img/03/bg_li.jpg) no-repeat top left;
	border-bottom: dotted 1px #d3d2cd;
	font-size: 14px;
	color: #277215;
}
.box ul#eco li.nb,
.box ul.eco-i li.nb{border-bottom: none;}
.bg-w{
	margin-top: 20px;
	padding: 5px 0 15px 0;
	background: #ffffff;
	border: solid 1px #e8e8e8;
}

/*--------------------------------------------------------------------
	03.company
--------------------------------------------------------------------*/
#c-box{width: 560px;}
#c-box img{
	margin-left: 15px;
	margin-top: 15px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
}
#c-box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#c-box table{
	margin-top: 20px;
	margin-left: 20px;
	border-top: solid 1px #e0ded9;
	width: 500px;
	text-align: left;
}
#c-box th,
#c-box td{
	padding: 5px 5px 5px 15px;
	border-bottom: solid 1px #e0ded9;
}
#c-box th{
	border-right: solid 1px #4dae23;
	width: 30px;
}

img#staff{
	margin-top: 15px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
}
.box p span.fs{font-size: 10px;}

.box table td img.right{
	margin: 5px 0;
}
#access{text-align: left;}
#access iframe{
	margin-left: 9px;
	margin-top: 15px;
	padding: 3px;
	background: #ffffff;
	border: solid 1px #dedede;
	text-align: left;
	width: 530px;
}
#access small{
	padding-top: 5px;
	padding-left: 15px;
}


/*--------------------------------------------------------------------
	04.affordable
--------------------------------------------------------------------*/

/* ecopoint */
.box#ecopoint p em{
	font-size: 14px;
	font-weight: bold;
}
.box#ecopoint dl{
	margin-left: 15px;
	width: 530px;
}
.box#ecopoint dt{
	padding: 15px 5px 5px 5px;
	border-bottom: solid 1px #e4d7cb;
	font-size: 14px;
	font-weight: bold;
	color: #276b1d;
}
.box#ecopoint dd{padding: 10px 5px 0 5px;}
.box#ecopoint dd em{
	color: #dd2a0c;
	text-decoration: underline;
	font-style: normal;
}
.box#ecopoint h5{
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #276b1d;
}
.box#ecopoint table{
	margin-top: 5px;
	background: #ffffff;
	border: solid 1px #e0ded9;
}
.box#ecopoint table th,
.box#ecopoint table td{
	border-bottom: solid 1px #e0ded9;
	border-right: solid 1px #e0ded9;
	padding: 5px;
	vertical-align: middle;
}
.box#ecopoint table th{
	background: #ddffdd;
	width: 21%;
}
.box#ecopoint table th.row4{width: 7%;}
.box#ecopoint table th.row2{width: 14%;}
.box#ecopoint table td{
	padding: 3px;
	width: 24%;
	text-align: center;
	background: #ffffd5;
}
.box#ecopoint table td.point{
	background: #ffffff;
	color: #dd2a0c;
}
.box#ecopoint table th span,
.box#ecopoint table td span{font-size:10px;}
.box#ecopoint ul{
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}
.box#ecopoint ul li{
	padding: 8px 8px 8px 35px;
	background: url(../../housing/img/03/bg_i-li.gif) no-repeat top left;
	border-bottom: dotted 1px #d3d2cd;
}
.box#ecopoint ul li.nb{border-bottom: none;}


/* loan */
.box ul#loan{
	margin-top: 10px;
	margin-left: 35px;
	background: url(../../affordable/img/bg_loan-ul.gif) no-repeat;
	width: 400px;
	height: 100px;
	overflow: hidden;
}
.box ul#loan li{text-indent: -9999px;}


/*--------------------------------------------------------------------
	05.contact
--------------------------------------------------------------------*/
.box dl#privacy dt{
	padding: 15px 20px 0 20px;
	font-weight: bold;
	color: #7c1701;
}
.box dl#privacy dd{
	padding: 5px 20px 0 20px;
}
.box p.ta-r{text-align: right;}
.w19{
	width: 19px;
}
.box table#sub{
	margin-top: 30px;
	width: 520px;
	border-top: solid 1px #e2dcce;
	border-bottom: solid 1px #e2dcce;
}
.box table#sub td{
	border: none;
}

.submit_box{
	margin-top: 30px;
	padding-left: 15px;
	width: 520px;
	text-align: left;
}
.submit{
	text-align: left;
}