@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;
}

/* お気に入り登録 */
form.favorite{
	border-top:10px solid #fff;
	position:relative;
	width:401px;
	height:43px;
	background:url(../img/room/detail/favorite_bg.png) no-repeat;
	float:right;
	overflow:hidden;
}
form.favorite ul{
	position:absolute;
	top:8px;
	left:176px;
}
form.favorite ul li{
	padding:0 6px 0 0;
	float:left;
}
form.favorite ul li img{
	display:block;
}

/* ヘッドライン */
#headline{
	position:relative;
	margin:20px 0 0;
	width:1000px;
	clear:both;
	overflow:hidden;
}
#headline p{
	padding:20px 0 0;
}

/* ヘッドナビ */
#headnavi{
	width:1000px;
	border-bottom:1px solid #0080ff;
	height:28px;
	background:url(../img/room/detail/dotline.png) no-repeat 124px 0;
	overflow:hidden;
}
#headnavi li{
	padding:0 22px 0 0;
	float:left;
}

/* いいねボタン */
#share-button{
	position:relative;
	width:1000px;
	clear:both;
}
#share-button #share{
	position:absolute;
	top:-18px;
	right:0;
	width:400px;
	height:59px;
	overflow:hidden;
	background:url(../img/room/detail/share_bg.png) no-repeat;
}
#share-button #share li{
	padding:9px 4px 0 0;
	float:left;
}
#share-button #share li.hatena{
	padding:9px 4px 0 176px;
}
#share-button #share li.facebook{
	width:100px;
	overflow:hidden;
}

/* 駅名 */
#headline p.railway{
	margin:0;
	padding:0;
	clear:both;
}

/* お問い合わせ */
#headline form.contact{
	position:absolute;
	top:24px;
	right:0;
}
#headline form.contact li{
	padding:0 0 5px;
	font-size:0;
	line-height:0;
}
#headline form.contact li .check .remove-list{
   display:none;
}
#headline form.contact li .checked .remove-list{
   display:inline;
}
#headline form.contact li .checked .add-list{
   display:none;
}

/* 推奨利用人数 */
#headline p.people{
	margin:20px 14px 0 0;
	padding:0;
	width:100px;
	color:#fff;
	background:#ff3e3e;
	font-weight:bold;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	float:left;
}
#headline p.people span{
	padding:14px 10px 12px;
	text-align:center;
	display:block;
}
#headline p.people a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-family:Verdana, Heletica;
	display:block;
}

/* 物件名 */
h2{
	padding:14px 0 0;
	width:636px;
	line-height:1.2;
	float:left;
}
h2.no-people{
	width:776px;
}
h2 em, h2 a{
	color:#0080ff;
}
h2 strong{
	font-size:30px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
}

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

/* セールスポイント */
.comment{
	width:1000px;
	clear:both;
	overflow:hidden;
}

/* アイコン */

#icon-box{
	position:relative;
}
#icon-box ul{
	position:absolute;
	top:-41px;
	right:0;
	height:21px;
}
#icon-box ul li{
	font-size:0;
	line-height:0;
	float:left;
}
#icon-box ul li img{
	border-left:2px solid #fff;
}


/* 上段ナビ */
.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 40px;
	display:block;
}

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

/* 物件概要 */
#outline{
	width:1000px;
	border-collapse:collapse;
	border:0px;
	clear:both;
}
#outline a:link,
#outline a:hover,
#outline a:visited,
#outline a:active{
	color:#000;
	text-decoration:none;
}
#outline th{
	padding:3px 5px;
	width:108px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#000;
	background:#ddd;
	vertical-align:top;
}
#outline td{
	padding:3px 5px;
	width:390px;
	border-bottom:1px solid #fff;
	background:#f3f3f3;
	vertical-align:top;
}
#outline td strong{
	color:#f00;
	font-size:13px;
	font-weight:bold;
}
#outline td em{
	color:#f00;
	font-weight:bold;
}

/* 中段ナビ */
form.contact2{
	padding:20px 0 48px;
	width:1000px;
	clear:both;
	overflow:hidden;
}
form.contact2 ul{
	width:1000px;
}
form.contact2 ul li{
	float:left;
}
form.contact2 ul li.building{
	padding:0 5px 0 0;
	border-top:6px solid #fff;
}
form.contact2 ul li.rooms{
	padding:0 16px 0 100px;
	border-top:6px solid #fff;
}
form.contact2 ul li.favorite{
	padding:0 10px 0 0;
}
form.contact2 ul li.contact{
	padding:0 26px 0 0;
}
form.contact2 ul li.links{
	width:152px;
}
form.contact2 ul li.links p{
	border-top:6px solid #fff;
	border-left:14px solid #fff;
}
form.contact2 ul li.links ul{
	border-left:20px solid #fff;
	width:149px;
}
form.contact2 ul li.links ul li{
	font-size:0;
	line-height:0;
	float:none;
	clear:both;
}
form.contact2 ul li.links ul li.prev{
	padding:0 0 6px;
	background:url(../img/room/detail/dot_line_h.png) no-repeat left bottom;
}
form.contact2 ul li.links ul li.search{
	padding:1px 0 0;
}
form.contact2 li .check .remove-list{
   display:none;
}
form.contact2 li .checked .remove-list{
   display:inline;
}
form.contact2 li .checked .add-list{
   display: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;
}

/* そのほかの物件 */
div#toother{
	width:202px;
	height:120px;
	overflow:hidden;
}
div#toother ul{
	font-size:0;
	line-height:0;
}
div#toother ul li.prev{
	padding:0 0 6px;
	background:url(../img/room/detail/dot_line_h.png) no-repeat left bottom;
}
div#toother ul li.search{
	padding:1px 0 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;
	overflow:hidden;
	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;
}