@import url("base.css");

#contents {
	background-image:url(../img/housing/left_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	margin:28px 0px 40px 0px;
	padding:0px;
}


/* 左エリア
-----------------------------------*/
#left_area {
	float:left;
	width:170px;
}


/* こだわりの家づくり
-----------------------------------*/
#housing_top {
	float:right;
	width:530px;
}

#housing_top .title {
	width:516px;
	height:24px;
	font-size:13px;
	padding:0px 0px 8px 14px;
	background-image:url(../img/housing/top_title.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#housing_top .box1 {
	width:518px;
	border:1px solid #D9D9D9;
	padding-right:10px;
	margin-bottom:23px;
	background-color:#F2F2F2;
	background-image:url(../img/housing/top_num1.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#housing_top .box2 {
	width:518px;
	border:1px solid #D9D9D9;
	padding-left:10px;
	margin-bottom:23px;
	background-color:#F2F2F2;
	background-image:url(../img/housing/top_num2.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#housing_top .box3 {
	width:518px;
	border:1px solid #D9D9D9;
	padding-right:10px;
	margin-bottom:23px;
	background-color:#F2F2F2;
	background-image:url(../img/housing/top_num3.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#housing_top .box4 {
	width:518px;
	border:1px solid #D9D9D9;
	padding-left:10px;
	background-color:#F2F2F2;
	background-image:url(../img/housing/top_num4.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#housing_top .box_photo_l {
	float:left;
	width:160px;
}

#housing_top .box_photo_r {
	float:right;
	width:160px;
}

#housing_top .box_text_l {
	float:left;
	width:350px;
	line-height:18px;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
}

#housing_top .box_text_r {
	float:right;
	width:350px;
	line-height:18px;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
}

#housing_top .box_link_l {
	float:left;
	width:350px;
}

#housing_top .box_link_r {
	float:right;
	width:350px;
}


/* 構造体
-----------------------------------*/
#structure {
	float:right;
	width:530px;
}

#structure .top_area {
	width:530px;
	line-height:22px;
	padding-bottom:30px;
}

#structure .top_area img {
	margin-top:12px;
}

#structure .middle_area {
	width:498px;
	line-height:21px;
	border:1px solid #D9D9D9;
	padding:15px 15px 24px 15px;
	margin:15px 0px 68px 0px;
}

#structure .middle_area .photo_area1 {
	width:498px;
	padding:8px 0px 14px 0px;
}

#structure .middle_area .text_area2 {
	float:left;
	width:418px;
	padding-top:12px;
}

#structure .middle_area .photo_area2 {
	float:right;
	width:80px;
	padding-top:12px;
}

#structure .bottom_title {
	width:516px;
	height:24px;
	font-size:13px;
	padding:0px 0px 8px 14px;
	background-image:url(../img/housing/top_title.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#structure .bottom_area {
	width:510px;
	padding:15px 5px 15px 15px;
	background-color:#F2F2F2;
}

#structure .bottom_area .box {
	float:left;
	width:160px;
	line-height:15px;
	font-size:11px;
	padding-right:10px;
}

#structure .bottom_area .box .link {
	width:160px;
	line-height:20px;
	font-size:12px;
	padding-top:7px;
}


/* 快適省エネ
-----------------------------------*/
#eco {
	float:right;
	width:530px;
}

#eco .top_area {
	width:530px;
	line-height:22px;
	padding-bottom:12px;
}

#eco .top_area .photo_area1 {
	float:left;
	width:234px;
	padding-top:17px;
}

#eco .top_area .photo_area2 {
	float:left;
	width:234px;
	padding-top:17px;
}

#eco .top_area .photo_area3 {
	float:left;
	width:234px;
	padding-top:8px;
}

#eco .middle_area {
	width:530px;
	line-height:22px;
	padding-bottom:65px;
}

#eco .middle_area .title_left {
	float:left;
	width:255px;
	padding:4px 0px 4px 10px;
	margin:28px 0px 5px 0px;
	color:#274C9E;
	background-color:#EDEDED;
}

#eco .middle_area .title_right {
	float:right;
	width:255px;
	padding:4px 10px 4px 0px;
	margin:28px 0px 5px 0px;
	background-color:#EDEDED;
	text-align:right;
}

#eco .bottom_title {
	width:516px;
	height:24px;
	font-size:13px;
	padding:0px 0px 8px 14px;
	background-image:url(../img/housing/top_title.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#eco .bottom_area {
	width:510px;
	padding:15px 5px 15px 15px;
	background-color:#F2F2F2;
}

#eco .bottom_area .box {
	float:left;
	width:160px;
	line-height:15px;
	font-size:11px;
	padding-right:10px;
}

#eco .bottom_area .box .link {
	width:160px;
	line-height:20px;
	font-size:12px;
	padding-top:7px;
}


/* 安全設計
-----------------------------------*/
#design {
	float:right;
	width:530px;
	line-height:20px;
}

#design .title1 {
	width:520px;
	padding:6px 0px 6px 10px;
	color:#274C9E;
	background-color:#EDEDED;
	font-size:14px;
}

#design .title2 {
	width:520px;
	padding:4px 0px 4px 10px;
	background-color:#EDEDED;
	margin-top:22px;
}

#design .inner1 {
	width:520px;
	padding:12px 0px 40px 0px;
}

#design .inner1 .text_area {
	float:left;
	width:310px;
}

#design .inner1 .photo_area {
	float:right;
	width:200px;
}

#design .inner2 {
	width:510px;
	margin:auto;
	padding:7px 0px 20px 0px;
}

#design .inner1 .gray_area {
	width:500px;
	background-color:#EDEDED;
	padding:15px;
	margin-bottom:30px;
}

#design .bottom_title {
	width:516px;
	height:24px;
	font-size:13px;
	padding:0px 0px 8px 14px;
	background-image:url(../img/housing/top_title.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#design .bottom_area {
	width:510px;
	padding:15px 5px 15px 15px;
	background-color:#F2F2F2;
}

#design .bottom_area .box {
	float:left;
	width:160px;
	line-height:15px;
	font-size:11px;
	padding-right:10px;
}

#design .bottom_area .box .link {
	width:160px;
	line-height:20px;
	font-size:12px;
	padding-top:7px;
}


/* 保証制度
-----------------------------------*/
#warranty {
	float:right;
	width:530px;
	line-height:20px;
}

#warranty .middle_area {
	width:490px;
	border:1px solid #CCCCCC;
	padding:19px 19px 14px 19px;
	margin:25px 0px 25px 0px;
}

#warranty .middle_area .inner {
	width:470px;
	margin:auto;
}

#warranty .bottom_title {
	width:516px;
	height:24px;
	font-size:13px;
	padding:0px 0px 8px 14px;
	background-image:url(../img/housing/top_title.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#warranty .bottom_area {
	width:510px;
	padding:15px 5px 15px 15px;
	background-color:#F2F2F2;
}

#warranty .bottom_area .box {
	float:left;
	width:160px;
	line-height:15px;
	font-size:11px;
	padding-right:10px;
}

#warranty .bottom_area .box .link {
	width:160px;
	line-height:20px;
	font-size:12px;
	padding-top:7px;
}


/* フォント
-----------------------------------*/
.font_black_bold12 {
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

.font_black_bold13 {
	color:#000000;
	font-size:13px;
	font-weight:bold;
}

.font_blue12 {
	color:#22518D;
	font-size:12px;
}

.font_blue_bold14 {
	color:#22518D;
	font-size:14px;
	font-weight:bold;
}