@charset "UTF-8";

/* Model house */
#modelhouse-menu{ width:890px; height:30px; margin:0 0; text-align:center; background: transparent url(/modelhouse/img/cg04.gif) repeat-x scroll left top; }

/* index */
.mbh-l-wrapper{ width:402px; margin:10px 15px 0 28px; }
.mbh-r-wrapper{ width:402px; margin:10px 28px 0 15px; }
.mbh-bnr{ width:398px; height:130px; margin:2px 2px; }

.mdh-bc{ background-color:#dc6f33; color:white; font-size:85%; font-weight:bold; padding:4px 3px 3px 6px; }
.mdh-bo{ background-color:#8cb224; color:white; font-size:85%; font-weight:bold; padding:4px 3px 3px 6px; }

.mbh-bhousing .mbh-img:link   { background-color: #ffffff; color:#202020; }
.mbh-bhousing .mbh-img:visited{ background-color: #ffffff; color:#202020; }
.mbh-bhousing .mbh-img:hover  { background-color: #ff8e20; color:#ffffff; }

.mbh-bopen .mbh-img:link   { background-color: #ffffff; color:#202020; }
.mbh-bopen .mbh-img:visited{ background-color: #ffffff; color:#202020; }
.mbh-bopen .mbh-img:hover  { background-color: #a1dd00; color:#ffffff; }


/* Modelhouse detail */
.catchmsg-wrapper{ border-left:5px solid #a66c6c; margin:10px 10px 0 15px; }
.catchmsg{ font-size:92%; line-height:1.4em; color:#3a3a3a; padding:0 0 0 10px; }
.catchmsg strong{ font-weight:bold; letter-spacing:0.1em; font-size:107%; line-height:1.4em; color:#303030; }

.ta{ background: transparent url(/modelhouse/img/ta.gif) no-repeat scroll left top; color:#3a3a3a; padding:4px 4px 0 27px; }
.ta strong{ font-weight:bold; line-height:1.4em; color:#303030; }
.tr{ background: transparent url(/modelhouse/img/tr.gif) no-repeat scroll left top; color:#3a3a3a; padding:27px 4px 0 4px; }
.tr strong{ font-weight:bold; line-height:1.4em; color:#303030; }

.yo{ background: transparent url(/modelhouse/img/yo.gif) no-repeat scroll left top; color:#3a3a3a; padding:4px 4px 0 27px; }
.yo strong{ font-weight:bold; line-height:1.4em; color:#303030; }


.linfo{ width:90%; margin:0 0 8px 0; padding:5px 5px; font-weight:bold; line-height:1.5em; border-width:1px 0; border-style:dotted; border-color:#c0c0c0; }
.house-detail { padding:0; margin:0 0 0 5px;}
.house-detail li { list-style:none; line-height:1.5em}

/* Support detail */
.support h3 { margin:8px 0 15px 0}

.support h4 {padding:2px 0 2px 0; border-bottom:dotted 1px #ccc; margin:0 0 5px 0}
.support h4 span { padding-left:5px;}

.support p {font-size:92%; text-align:left; line-height:1.6em; color:#3a3a3a; margin-bottom:15px;}
.support p span { margin-right:2px; vertical-align:middle}
.support p.mark { text-indent:-1em; padding-left:15px; line-height:1.4em}
.support p.mark strong {line-height:1.4em}

.support #info p { margin:10px 20px;}
.support #info h3 { margin:10px 0 5px 20px;}
.support #info .banner { display:block; text-align:center}
.support #info .banner a img{ border:solid 1px #ccc}
.support #info .banner a:hover img{ border:solid 1px #FFCC00}

.support #info h5 {font-size:92%; margin:20px 0 15px 20px}
.support #info h5 span { font-size:200%; font-weight:bold; vertical-align:middle; color:#2facbb}

	br.clear-both{
	font: 1px/1px monospace;
	display: block; clear:both;
	}
/* information */
.info-wrapper { margin:10px; background:url(/modelhouse/img/frame-bg.gif) repeat-x top; height:100%;}
.info-doc-layout { border:solid 4px #ccc; padding:12px 12px 7px 12px;height:100%;}
.info-wrapper h2 { border-bottom: solid 1px #333; text-align:center}
.info-wrapper address { text-align:right; margin:3px 0; font-style:normal; font-size:92%;}
	
	.info { float:left; width:480px;}
	.info .concept { color:#660000;	margin:0; padding:0 0 0 30px; font-size:92%; height:236px;}
	.info li { margin:0; padding-top: 5px;}
	
	#info-doc { border:solid 1px #ccc; background:#fff; margin-bottom:10px; height: 160px; padding-top: 0; padding-right: 8px;  padding-bottom: 5px; padding-left: 8px; overflow: auto;}
	#info-doc img { float:right; margin:0 0 5px 10px}
	#info-doc h4 { font-weight:bold; color:#333; padding:8px 5px 1px 5px; clear:both}
	#info-doc p {
	font-size:92%;
	line-height:1.5em;
	padding:0px 5px 5px 5px;
	border-bottom:dotted 1px #ccc;
	color: #666666;
}

	.info .banner { padding:0; margin:0;height:56px; overflow:hidden}
	.info .banner li { padding:0; margin:0; list-style:none; height:56px;}
	.info .banner li img { vertical-align:bottom}
	
	.no-border { border:none!important}
	.map { width:340px; float:right; border:solid 1px #ccc; margin:5px 0 0 0; overflow:hidden}
	.map iframe { width:340px; height:500px;}
	
	.google { font-size:85%; text-align:right; padding:5px 0 0 0}
	
/* links */
.link-list {
	border:solid 1px #ccc; background:#eee url(/modelhouse/img/banner-bg.gif) repeat-x top;
	 margin:0 10px 10px 10px; padding:0 0 5px 0;height:100%;}
	 
.link-list h2{ float:left; width:130px;text-align:right; margin-top:7px;}

.link-list ul { padding:0; margin:0; float:right; width:720px;}

.link-list ul li { padding:0; margin:7px 0 0 0; width:180px; float:left; list-style:none;}
.link-list ul li img { float:left; border: solid 2px #ccc; margin:0 5px 3px 0}
.link-list ul li a:hover img {border: solid 2px #cc6666;}

.link-list ul li h3 {color:#cc6666; font-size:92%; margin-top:2px}
.link-list ul li p { font-size:85%; color:#666; margin:0 15px 3px 0;}


/* Staff */
.staff h2 { text-align:center;margin:20px 0 0 0;}
.staff h3 { text-align:center;margin:30px 0 0 0;}
.staff .slink{ text-align:right; font-size:85%; margin:-19px 30px 0 0; height:28px;}
.staff .slink a{ font-weight:bold!important; }

.house-list {margin:10px 20px; color:#909090; font-size:92%; text-align:right;}
.house-list li { display:inline;}

.staff-c { padding:0; margin:0; width:408px; height:100%; min-height:171px; background:url(/modelhouse/img/cell.gif) no-repeat 0 0;}
.staff-c dt { padding:0; margin:0; width:140px; float:left;}
.staff-c dt img { margin:10px 0 0 10px; border: solid 1px #c0c0c0;}
.staff-c dd { padding:0; margin:0; width:260px; float:right;}
.staff-c dd h4 { margin:15px 0 0 0; font-weight:bold; font-size:107%; }
.staff-c dd h4 span { margin:0 0 0 8px; color:#606060; font-weight:bold; font-size:92%;}
.staff-c dd h5 {margin:5px 0 0 0; color:#13b691;font-weight:bold; font-size:100%;}
.staff-c dd .pos{ margin:5px 0 0 0; line-height:1.5em; color:#e37b00; font-weight:bold;}

.staff-c dd p { margin:5px 8px 0 0; line-height:1.5em; color:#404040; font-size:85%; }