@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.idea-h.net/
File name:		layout_modelhouse.css
Summary:		base styles
Created:		2009-9-1
Last update:	2009-9-1 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* Modelhouse Anchor Link */
/* ------------------------------------------------------------ */
.modelhouse_link {
	width: 670px;
	display: block;
	overflow: hidden;
	border: 0px #00f solid;
}

.modelhouse_link li {
	list-style-type: none;
	display: block;
	border: 0px #f00 solid;
}

.modelhouse_link .menu1 a {
	background: url(../images/modelhouse_button1.gif) left top no-repeat;
	width: 158px;
	height: 42px;
	margin-right: 12px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_link .menu1 a:hover {
	background: url(../images/modelhouse_button1.gif) left bottom no-repeat;
}

.modelhouse_link .menu2 a {
	background: url(../images/modelhouse_button2.gif) left top no-repeat;
	width: 158px;
	height: 42px;
	margin-right: 12px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_link .menu2 a:hover {
	background: url(../images/modelhouse_button2.gif) left bottom no-repeat;
}

.modelhouse_link .menu3 a {
	background: url(../images/modelhouse_button3.gif) left top no-repeat;
	width: 158px;
	height: 42px;
	margin-right: 12px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_link .menu3 a:hover {
	background: url(../images/modelhouse_button3.gif) left bottom no-repeat;
}

.modelhouse_link .menu4 a {
	background: url(../images/modelhouse_button4.gif) left top no-repeat;
	width: 158px;
	height: 42px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_link .menu4 a:hover {
	background: url(../images/modelhouse_button4.gif) left bottom no-repeat;
}

.modelhouse_link_text {
	color: #f00;
	font-size: 10px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

/* Modelhouse Frame */
/* ------------------------------------------------------------ */
#modelhouse01 {
	width: 668px;
	display: block;
	overflow: hidden;
	border: 1px #c8c8c8 solid;
}

#modelhouse02 {
	width: 668px;
	display: block;
	overflow: hidden;
	border: 1px #c8c8c8 solid;
}

#modelhouse03 {
	width: 668px;
	padding-bottom: 20px;
	display: block;
	overflow: hidden;
	border: 1px #c8c8c8 solid;
}

#modelhouse04 {
	width: 668px;
	padding-bottom: 20px;
	display: block;
	overflow: hidden;
	border: 1px #c8c8c8 solid;
}

.modelhouse_layout1 {
	width: 663px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_outline {
	width: 260px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.outline {
	width: 230px; /* ボックスの幅を指定 */
	margin: 20px 0px 0px 20px;
}

.outline table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	empty-cells: show;
	border-collapse: collapse;
	border: 0px #f00 solid;
}

.outline th {
	background-color: #646464;
	color: #fff;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	font-size: 11px;
	white-space: nowrap;
	width: 10%;
	padding: 5px 10px;
	border-bottom: 5px #fff solid;
}

.outline td {
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	width: 90%;
	padding: 5px 10px;
	border: 0px #f00 solid;
}

.arrow {
	background: url(../images/arrow3.gif) left center no-repeat;
	text-align: left;
	font-size: 11px;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.outline_text {
	color: #f00;
	font-size: 10px;
	width: 230px;
	margin: 10px 0px 0px 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_layout2 {
	width: 630px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_layout3 {
	background-color: #f0f0f0;
	width: 648px;
	padding: 5px 5px 5px 15px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_layout3 .text {
	width: 375px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_layout3 h5 {
	background-color: #646464;
	color: #fff;
	text-align: center;
	font-weight: normal;
	line-height: 1;
	width: 120px;
	padding: 5px 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.modelhouse_layout3 .map {
	width: 260px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}