@charset "UTF-8";

/* ヘッダー */
#header h1{
	margin:6px 0;
	position:absolute;
	top:0;
	left:0;
	font-size:10px;
	display:inline-block;
}

/* コンテンツ */
div#content_wrap{
	background:none;
}
div#content_wrap ul.path{
	padding-bottom:30px;
}

/* 物件NO. */
p.number{
	color:#0080ff;
	font-family:Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align:right;
}
p.number span{
	margin:-50px 0 0;
	display:block;
}
p.number span a{
	margin:0 0 0 10px;
	display:inline-block;
}
p.number span a img{
	vertical-align:middle;
	display:inline-block;
}

/* ヘッドライン */
#headline{
	width:764px;
	float:left;
}
#headline p{
	padding:20px 0 0;
}

/* 物件名 */
h3{
	margin:30px 0 0 0;
	width:764px;
}
h3 em, h3 a{
	color:#0080ff;
}
h3 strong{
	font-size:30px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
}

/*建物情報、空室一覧*/
.extra_info{
/*	border:1px solid #0080ff;*/
	background:#EDEDED;
	padding:6px 8px;
	display:inline;
}
.extra_info li{
	display:inline;
	margin-right:10px;
	padding-right:12px;
	color:#000000;
	background:url(../img/db/detail/line02.png) no-repeat right top;
}
.extra_info li a{
	color:#000000;
}

/* 上段ナビ */
.navi{
	margin:30px 0 0;
	width:202px;
	font-size:0;
	line-height:0;
	float:right;
}
.navi form{
	padding:0 0 14px;
}

/* 物件画像＆概要 */
#info{
	margin:20px 0 0;
	padding:18px 0 0;
	width:1000px;
	background:url(../img/db/detail/line.png) no-repeat;
	clear:both;
}

/* 拡大画像表示エリア */
.zoom-area{
	width:640px;
	float:left;
}
.zoom-area img{
	margin:0 auto;
	display:block;
}

/* 物件概要 */
#outline{
	width:350px;
	border-collapse:collapse;
	border:0px;
	float:right;
}
#outline a:link,
#outline a:hover,
#outline a:visited,
#outline a:active{
	color:#000;
	text-decoration:none;
}
#outline th{
	padding:3px 4px;
	width:108px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	background:#0080ff;
}
#outline td{
	padding:3px 4px;
	border-bottom:1px solid #fff;
	background:#e7f3ff;
}
#outline td strong{
	color:#f00;
	font-size:13px;
	font-weight:bold;
}
#outline td em{
	color:#f00;
	font-weight:bold;
}
#outline .years th,
#outline .years td{
	border-top:10px solid #fff;
}
#outline .under th{
	background:#999;
}
#outline .under td{
	background:#f3f3f3;
}

/* サムネイル表示エリア */
#thumb-area{
	border-top:10px solid #fff;
	width:984px;
	padding:16px 0 10px 16px;
	background:url(../img/db/detail/thumb_bg.png);
	clear:both;
	overflow:hidden;
}
#thumb-area li{
	padding:0 5px 6px 0;
	margin:0;
	float:left;
	line-height:0px;
}
p.caution{
	padding:6px 0 0;
	color:#0080ff;
	clear:both;
}

/* 中段ナビ */
form.navi2{
	width:1000px;
}
form.navi2 ul li{
	float:left;
}
form.navi2 li.building{
	padding:20px 0 0;
	width:181px;
}
form.navi2 li.room{
	padding:20px 0 0;
	width:203px;
}
form.navi2 li.contact{
	padding:20px 0 0;
	width:413px;
}
form.navi2 li.link{
	padding:0 0 20px;
	width:202px;
	float:right;
}
form.navi2 li.link ul{
	font-size:0;
	line-height:0;
}
form.navi2 li.link ul li{
	float:none;
}

/* Googleマップ＆ストリート */
div#map-wrap{
	overflow: hidden;
	display: inline-block;
	clear:both;
}
div#map-wrap{
	display: block
}
div#map-wrap div#pano{
	width: 481px;
	height: 400px;
	float: left;
	border: 1px solid #D1D1D1;
}
div#map-wrap div#mymap{
	width: 507px;
	height: 400px;
	float: right;
	border: 1px solid #D1D1D1;
}
div#map-wrap dl{
	width: 1000px;
	padding-top: 10px;
	clear: both;
	overflow: hidden;
	display: inline-block;
}
div#map-wrap dl{
	display: block;
}

div#map-wrap dl dt{
	float: left;
}
div#map-wrap dl dd{
	text-align: right;
	margin-left: 226px;
}
div#map-wrap dl dd p{
	padding-top: 7px;
}
div.geo {
	display:none;
}
div.line{
	clear:both;
	width:1000px;
	height:1px;
}

/* 他の空室＆建物情報へ */
dl#toroom{
	width:386px;
	float:left;
}
dl#toroom dt{
	width:386px;
	height:125px;
	overflow:hidden;
}
dl#toroom dd ul{
	width:386px;
}
dl#toroom dd ul li{
	padding:0 5px 0 0;
	float:left;
}
dl#toroom dd ul li.build{
	padding:0;
	width:364px;
	text-align:center;
}

/* お問い合わせへ */
dl#tocontact{
	width:348px;
	float:left;
}
dl#tocontact dt{
	width:348px;
	height:125px;
	overflow:hidden;
}

/* レイアウト例 */
dl#tolayout{
	width:266px;
	float:left;
}
dl#tolayout dt{
	width:266px;
	height:120px;
	overflow:hidden;
}

/* そのほかの物件 */
dl#toother{
	margin:-60px 0 20px;
	width:202px;
	float:left;
}
dl#toother dt{
	width:202px;
	height:103px;
	overflow:hidden;
}
dl#toother dd ul{
	font-size:0;
	line-height:0;
}

/* 連絡先 */
dl#ardent{
	width:760px;
	background:url(../img/db/index/ardent_bg.png) repeat-y;
	float:right;
	overflow:hidden;
}
dl#ardent dt{
	padding:0 0 0 14px;
	border-left:2px solid #0080ff;
	width:250px;
	float:left;
}
dl#ardent dt span{
	color:#0080ff;
}
dl#ardent em{
	margin:0 0 10px;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
}
dl#ardent dd{
	float:left;
}
dl#ardent dd.address{
	width:240px;
}
dl#ardent dd.address p{
	padding:0 0 0 14px;
}
dl#ardent dd.address p a{
	color:#0080ff;
}
dl#ardent dd.contact{
	width:234px;
}

/*類似物件検索*/
dl#near{
	padding:9px;
	margin-bottom:10px;
	border:1px solid #0080ff;
	background:#e7f3ff;
	display:inline-block;
	clear:both;
	line-height:100%;
}
dl#near:after{
	content: "";
	display: block;
	clear: both;
	height: 0;	
}
dl#near{
	display:block;
}
dl#near dt{
	padding-bottom:5px;
}
dl#near dd{
	background:url(/img/db/detail/line03.png) repeat-y 497px top;
	display:inline-block;
}
dl#near dd:after{
	content: "";
	display: block;
	clear: both;
	height: 0;	
}
dl#near dd{
	display:block;
}
dl#near dd a{
	color:#000;
}
dl#near dd a:hover{
	text-decoration:none;
}
dl#near dd ul{
	float:left;
}
dl#near dd li{
	padding:0 0 8px 0;
}
dl#near .near01{
	width:497px;
}
dl#near .near02{
	padding-left:14px;
	width:468px;
}

/*こだわり条件タグ*/
dl#tag{
	padding:9px;
	margin-bottom:10px;
	border:1px solid #0080ff;
	display:inline-block;
	clear:both;
	line-height:100%;
}
dl#tag:after{
	content: "";
	display: block;
	clear: both;
	height: 0;	
}
dl#tag{
	display:block;
}
dl#tag dt{
	padding-bottom:7px;
}
dl#tag dd a{
	color:#0080ff;
}
dl#tag dd a:hover{
	text-decoration:none;
}
dl#tag dd li{
	display:inline;
	margin-right:12px;
}