@import url("base.css");

/*-----------------------------------
	レイアウト
-----------------------------------*/
/*-----------------------------------
	共通
-----------------------------------*/
/*コンテンツ*/
#contents{
	width:720px;
}
/*ヘッダー*/
#contents .title_wrapper{
	padding:5px 0 11px;
	width:720px;
	height:100%;
	background:url(../img/base/dot_3.gif) bottom repeat-x;
}
#contents .title_wrapper .title{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	float:left;
}
#contents .title_wrapper .page_back{
	float:right;
}
/*-----------------------------------
	モデルハウス一覧
-----------------------------------*/
/*ヘッダー*/
#contents .model_header{
	width:692px;
	height:138px;
	margin:10px 0 10px;
	padding-top:18px;
	padding-left:28px;
	background:url(../img/model/index/header_bg.jpg) top left no-repeat;
}
/*リスト*/
#contents .model_list{
}
#contents .model_list .model_item_l{
	width:350px;
	padding-right:20px;
	padding-bottom:19px;
	float:left;
}
#contents .model_list .model_item_r{
	width:350px;
	padding-bottom:19px;
	float:left;
}
#contents .model_list .item_wrap{
	padding:10px 15px 10px 10px;
	border:solid #DAE6E8 5px;
	height:100%;
}
#contents .model_list .photo_area{
	width:100px;
	height:100px;
	float:left;
}
#contents .model_list .photo_area .sold_out{
	margin-top:10px;
}
#contents .model_list .text_area{
	width:206px;
	float:right;
}
#contents .model_list .text_area dt.name{
	font-size:13px;
	color:#00A0C6;
	line-height:15px;
	height:18px;
	padding-left:15px;
	background:url(../img/icon/icon_ya_rt.gif) top left no-repeat;
}
#contents .model_list .text_area dt.name img{
	vertical-align:top;
}
#contents .model_list .text_area a{
	border-bottom:dotted 1px;
}
#contents .model_list .text_area dd.date{
	font-family:Verdana;
	font-size:11px;
	line-height:11px;
	height:21px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
#contents .model_list .text_area dd.text{
	font-size:11px;
	line-height:15px;
	height:78px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
#contents .model_list .text_area dd.text .text_block{
	padding:8px 0 8px;
}
#contents .model_list .text_area dd.train{
	font-size:11px;
	line-height:11px;
	margin-top:8px;
	padding-left:15px;
	background:url(../img/icon/icon_train.gif) top left no-repeat;
}
#contents .model_list .text_area dd.house{
	font-size:11px;
	line-height:11px;
	margin-top:4px;
	padding-left:15px;
	background:url(../img/icon/icon_house.gif) top left no-repeat;
}
/*-----------------------------------
	モデルハウス詳細
-----------------------------------*/
#contents .model_info{
	margin-top:16px;
	margin-bottom:28px;
	border:solid #DAE6E8 5px;
	padding:10px;
	height:100%;
}
#contents .model_info .photo{
	width:100px;
	height:100px;
	float:left;
}
#contents .model_info .text_area{
	width:580px;
	float:right;
}
#contents .model_info .text_area dt.name{
	color:#333333;
	font-size:13px;
	line-height:13px;
	height:16px;
}
#contents .model_info .text_area dd.date{
	font-family:Verdana;
	font-size:11px;
	line-height:11px;
	height:18px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
#contents .model_info .text_area dd.text{
	font-size:12px;
	line-height:20px;
	padding:8px 0 8px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
#contents .model_info .text_area dd.train{
	font-size:11px;
	line-height:11px;
	margin-top:8px;
	padding-top:2px;
	padding-left:16px;
	background:url(../img/icon/icon_train.gif) top left no-repeat;
}
#contents .model_info .text_area dd.house{
	font-size:11px;
	line-height:11px;
	margin-top:4px;
	padding-left:16px;
	background:url(../img/icon/icon_house.gif) top left no-repeat;
}
/*タイトル*/
#contents .subtitle{
	padding-bottom:1px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
/*写真*/
#contents .model_details_photo{
	padding-top:14px;
}
/*一覧に戻る*/
#contents .model_page_back{
	padding-top:15px;
	text-align:center;
}

/*-----------------------------------
	ボタン
-----------------------------------*/
/*詳細を見る*/
#contents a.bt_details{
	width:100px;
	height:20px;
	display:block;
	margin-top:10px;
	background:url(../img/model/index/bt_details.gif) top left no-repeat;
}
#contents a.bt_details:hover{
	background-position:top right;
}



.model_details_map{
	border:#CCCCCC 1px solid;
	padding:1px;
	width:676px;
	margin:30px auto;
}