@charset "utf-8";

/* area for flash */
#areaFlash {
	width:930px;
	height:330px;
	padding:10px 25px 14px;
	background:url(../../images/top/bg_flash.jpg) no-repeat 0 0;
	clear:both;
}




/* common settings */
.box-content {
	width:698px;
	padding:4px 5px 10px;
	border:1px solid #CCC;
	margin:0 0 15px;
	clear:both;
}


/* start: clearfix ------------------------------ */
.box-content:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.box-content { display:inline-table; }

/* Hides from Mac IE \*/
* html .box-content { height:1px; }
.box-content { display:block; }
/* */
/* end: clearfix ------------------------------ */


.box-content h2 {
	margin:0 0 5px;
}


.box-content h3 {
	margin:0 0 9px 12px;
}



/* latest news settings */
#areaLatestNews {
	width:670px;
	padding:9px;
	border:1px solid #DDD;
	margin:5px 0 0;
	height:100px;
	overflow:auto;
}

#areaLatestNews ul {
	list-style:none;
}


#areaLatestNews li {
	padding:10px 5px 9px 15px;
	border-bottom:1px dotted #CCC;
}


#areaLatestNews span {
	padding:0 10px 0 0;
	color:#F90;
}



/* reform menu */
ul#reform-menu {
	margin:0 0 15px 9px;
	height:52px;
	list-style:none;
}


ul#reform-menu li {
	width:225px;
	height:25px;
	float:left;
	margin:0 1px 1px 0;
}


#reform01 a, #reform01 a:link, #reform01 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_exterior.gif) no-repeat 0 0;
}



#reform01 a:hover, #reform01 a:active {
	background:url(../../images/top/btn_exterior_f2.gif) no-repeat 0 0;
}



#reform02 a, #reform02 a:link, #reform02 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_roof.gif) no-repeat 0 0;
}



#reform02 a:hover, #reform02 a:active {
	background:url(../../images/top/btn_roof_f2.gif) no-repeat 0 0;
}



#reform03 a, #reform03 a:link, #reform03 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_gate.gif) no-repeat 0 0;
}



#reform03 a:hover, #reform03 a:active {
	background:url(../../images/top/btn_gate_f2.gif) no-repeat 0 0;
}



#reform04 a, #reform04 a:link, #reform04 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_bath.gif) no-repeat 0 0;
}



#reform04 a:hover, #reform04 a:active {
	background:url(../../images/top/btn_bath_f2.gif) no-repeat 0 0;
}




#reform05 a, #reform05 a:link, #reform05 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_entrance.gif) no-repeat 0 0;
}



#reform05 a:hover, #reform05 a:active {
	background:url(../../images/top/btn_entrance_f2.gif) no-repeat 0 0;
}



#reform06 a, #reform06 a:link, #reform06 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_interior.gif) no-repeat 0 0;
}



#reform06 a:hover, #reform06 a:active {
	background:url(../../images/top/btn_interior_f2.gif) no-repeat 0 0;
}




/* contents for 「住まいを考える」 */
#box-sumai {
	width:339px;
	height:124px;
	padding:6px 0 0 10px;
	background:url(../../images/top/bg_sumai-reform.jpg) no-repeat 0 0;
	float:left;
}



/* contents for 「暮らしを考える」 */
#box-kurashi {
	width:344px;
	height:124px;
	padding:6px 0 0 5px;
	background:url(../../images/top/bg_kurashi-reform.jpg) no-repeat 0 0;
	float:left;
}



/* contents for 「安心な暮らしを支える家づくり」 */
#box-anshin {
	width:350px;
	height:124px;
	padding:6px 338px 0 10px;
	background:url(../../images/top/bg_anshin-ordermade.jpg) no-repeat 0 0;
}


#box-anshin #areabtn {
	width:335px;
	height:60px;
	margin:0 0 0 15px;
}



#box-sumai h4, #box-kurashi h4, #box-anshin h4 {
	margin:0 0 15px;
}


#box-sumai a, #box-kurashi a {
	display:block;
	margin:0 0 0 15px;
}


#box-anshin a {
	display:block;
	float:left;
	margin:0;
}



/* owner's voice settings */
.area-owner {
	width:678px;
	margin:0 auto 10px;
}


.box-owner01 {
	width:315px;
	height:65px;
	padding:7px 10px 8px;
	margin:0;
	background:url(../../images/top/bg_owers-voice.gif) no-repeat 0 0;
	float:left;
}


.box-owner02 {
	width:315px;
	height:65px;
	padding:7px 10px 8px;
	margin:0;
	background:url(../../images/top/bg_owers-voice.gif) no-repeat 0 0;
	float:right;
}



.box-owner01 p, .box-owner02 p {
	width:160px;
	float:left;
}



.box-owner01 span, .box-owner02 span {
	display:block;
	padding:0 0 0 7px;
	background:url(../../images/top/arrow_owner.gif) no-repeat left center;
	margin:0 0 5px;
	font-size:11px;
	color:#630;
}



.box-owner01 img, .box-owner02 img {
	display:block;
	width:130px;
	height:65px;
	float:right;
}


.area-owner a, .area-owner a:link, .area-owner a:visited {
	color:#333;
	text-decoration:none;
}



.area-owner a:hover, .area-owner a:active {
	color:#F60;
	text-decoration:underline;
}



/* settings for latest news */
#areaNews {
	width:690px;
	margin:0 auto 10px;
	padding:9px;
	border:1px solid #CCC;
}
