@charset "UTF-8";
/* --------------------------------
top（モデルハウス一覧）
-------------------------------- */
.map{ min-width: 935px; background: url(../img/bgmap.gif) no-repeat 50% 0;}
@media screen and (max-width: 767px) {	
.map{ min-width: 100%; background: none;}
}
.contwrap img { vertical-align: bottom;}
.contwrap img.new {vertical-align: top;}

#topmap { float: left; width: 635px;}
#topews { float: right; width: 215px;}
#fb { float: right; width: 215px; padding-bottom: 10px; background: #FFF;}
#campaign { float: right; width: 215px; padding-bottom: 24px; background: #FFF;}
#campaign img {border: 1px solid #CCCCCC;}
#campaign a:hover img {border: 1px solid #7F0019;}
#topevent { clear: both;}

/* --------------------------------
#topmap（モデルハウス一覧）
-------------------------------- */
.pagetitle { position: absolute; top: 0; left: 0;}
.pagetitle h2 { padding-bottom:24px;}

#topmh {
	position: relative;
	background: url(../img/topnewsbg.gif) repeat-y 100% 0;
}
.maparea {
	position: absolute;
	padding: 0;
}
.maparea h3 {
	position: relative;
	z-index: 2;
	padding-top: 4px;
	width: 37px;
}
.tarea {
	position: relative;
	z-index: 1;
	margin-top: -22px;
	padding-bottom: 4px;
	border: 1px solid #F2F2F2;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.trap {
	width: 248px;
	background: transparent url(../img/mapareabg.png) !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/ie/modelhouse/img/mapareabg.png", sizingMethod="scale");
}
#maptohoku .tarea { padding-bottom: 5px;}
#mapkansai .tarea,
#mapchugoku .tarea,
#mapkyusyu .tarea { border-bottom: 1px solid #F2F2F2;}

.maparea table {
	margin-top: 5px;
	margin-left: 46px;
	border-collapse: collapse;
}
.maparea th, .maparea td {
	height: 19px;
	line-height: 17px;
	vertical-align: top;
}
.maparea th {
	font-size: 10px;
	font-weight: normal;
	width: 45px;
}
.maparea td { padding-left: 22px;}
.maparea td span { color: #666; font-size: 10px;}
.maparea td.new { background: url(../img/new.gif) no-repeat 0 2px;}

#maptohoku .tarea,
#mapchubu .tarea,
#mapkanto .tarea,
#mapkansai .tarea { width: 275px;}
#mapshikoku .tarea,
#mapchugoku .tarea { width: 199px;}
#mapkyusyu .trap,
#mapkyusyu .tarea { width: 342px;}
#mapkansai .trap,
#mapshikoku .trap,
#mapchugoku .trap { width: 225px;}

/* 重なり順 */
#maptohoku { z-index: 1;}
#mapchubu { z-index: 2;}
#mapkanto { z-index: 3;}
#mapkansai { z-index: 4;}
#mapkyusyu { z-index: 5;}
#mapshikoku { z-index: 7;}
#mapchugoku { z-index: 6;}

/* ボックスの位置 1店舗追加でtop:+19px */
#maptohoku { top: 1px; left: 360px;}/*130405で削除*/
#mapchubu { top: 2px; left: 360px;}
#mapkanto { top: 154px; left: 360px;}
#mapkansai { top: 363px; left: 360px;}
#mapshikoku { top: 163px; left: 0;}
#mapchugoku { top: 211px; left: 0;}
#mapkyusyu { top: 415px; left: -9px; padding: 46px 0 0 11px;
background: url(../img/bgkyusyu.gif) no-repeat 0 0;}

#mapkyusyu h3 { padding-top: 0;}

/* --------------------------------
#point（モデルハウス一覧）
-------------------------------- */
#point {
	float: right;
	width: 537px;
	margin-top: 569px;/* 1店舗追加でtop:+19px */
}
#point .inBox a {
	padding: 14px 15px 14px 15px;
	border: 1px solid #E6E6E6;
	background: #FFF url(../img/pointphoto3.png) no-repeat 15px 37px;
	display: inline-block; text-decoration: none;
}
#point .inBox a:hover {border: 1px solid #7F0019;}
#point h3 {
	font-size: 3px; line-height: 3px;
}
#point p.text {
	padding: 8px 0 0 170px;
	line-height: 1.75;
}
#point p.img {
	padding: 8px 0 0 0;
	font-size: 3px; line-height: 3px;
}
/* --------------------------------
#topews（モデルハウス一覧）
-------------------------------- */
#topews {
	padding-top: 15px;
	background: #F3F3F3;
}
#topews h3,
#topews dl,
#topews ul { margin: 0 15px;}
#topews h3.ttl2 {
	padding: 10px 0;
	border-top: 1px solid #FFF;
}
#topews dl {
	padding: 8px 0 2px 0;
	border-bottom: 1px solid #CCC;
}
#topews dt {
	padding-bottom: 5px;
	font-weight: bold;
}
#topews dd {
	padding-bottom: 12px;
}
#topews li {
	padding: 5px 0 10px 0;
	border-top: 1px solid #E6E6E6;
}
#topews li p {
	padding: 5px 0 0 0;
}
#topews li p img {
	float:right;
}
#topews li p.ttl {
	font-size: 10px;
}
#topews li p.ttl strong {
	font-size: 12px;
}
#topews li p.date {
	font-size: 10px;
}
#topews li p.date strong,
#topews li p.date span {
	font-size: 12px;
}
#topews li p.ps {
	clear: both;
}

/* --------------------------------
#topevent
-------------------------------- */
#topevent {
	clear: both;
	padding-top: 30px;
	font-size: 14px;
}

/* --------------------------------
#kengakuSchedule
-------------------------------- */
#kengakuSchedule {float: left; width: 635px;}
#kengakuttl { padding-bottom: 10px; font-size: 14px; font-weight: bold;}
#kengakuttl h2 {font-size: 14px; font-weight: bold;}
#kengakuttl h3 {line-height: 13px; font-size: 10px; vertical-align: bottom;}
.dataTable {clear: both;}
.dataTable h1 { clear: both; background: #666; font-weight: bold; padding: 5px 10px; font-size: 14px; color: #fff;}
.event {border-bottom: 1px solid #ddd;}
.event a {text-decoration: none;}
.event .modelHouseName {font-size: 14px; font-weight: bold; padding: 5px 10px; background: #eee; text-decoration: underline;}
.event .modelHouseName:hover { background: #ddd;}
.event p {width: auto; padding: 10px 0 10px 3em; background: #fff;}
.event p:hover {background: #e2e2e2;}
.eventTitle {padding: 10px; font-size: 14px;}
.event a span.eventDetail {text-decoration: underline; font-size: 14px;}
.event span.eStatus {padding: 2px 4px; font-size: 11px; margin-right: 10px; border-radius: 3px; white-space: nowrap;}
span.eventStatus01 {background: #000; color: #fff;}
span.eventStatus02 {background: #7f0019; color: #fff;}
span.eventStatus03 {background: #999; color: #fff;}
span.eventStatus04 {background: #ccc; color: #fff;}


/* --------------------------------
#topevdetail
-------------------------------- */
#topevdetail {
	float: right;
	width: 215px;
}
#topevdetail h3 {
	padding-bottom: 14px;
}
#topevdetail dt {
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}
#topevdetail dt img {
	margin-bottom: 10px;
}
#topevdetail dd {
	padding-bottom: 35px;
	font-size: 12px;
}