@charset 'UTF-8';


/* ================================================================ *
	NexasDesign 2008/11
	物件詳細 CSS
	
 * ================================================================ */
.deta-head:after,
#header-left:after,
#header-right:after,
.qr-box:after,
#deta-layout:after,
#photo-area01:after,
.inq-btn-box:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}


/* -----------------------------------------------------------------------------
>> 物件詳細ページ
----------------------------------------------------------------------------- */
.price {
	font-weight : bold;
	font-size : 20px;
	padding : 0 5px;
	color : #ff3333;
}

#deta-layout {
	margin : 0 20px 0;
	zoom : 100%;
}

.deta-head {
	width : 860px;
	overflow:hidden;
}

/* テーブル全体設定 */
#deta-layout table {
	border : 1px solid #48b97d;
}

#deta-layout th {
	padding : 5px 10px;
	font-size : 14px;
	color : #027b63;
	border : 1px solid #48b97d;
}
#deta-layout td {
	padding : 5px 10px;
	font-size : 12px;
	text-align : center;
	border : 1px solid #48b97d;
}

#deta-layout .topic-path {
	margin : 0 0 10px 0;
}

#header-left {
	width : 320px;
	margin : 0 0 20px;
	float : left;
}
#header-left h2 {
	margin-bottom : 16px;
}

#header-right {
	width : 520px;
	float : right;
	margin : 0 0 20px;
}
#header-right ul {
	float: left;
}

/* 家賃ボックス */
#deta-layout .price-box {
	clear : both;
	height : 30px;
	border : 1px solid #02735C;
}
#deta-layout .price-box th {
	width : 100px;
	color : #ffffff;
	text-align:center;
	border : 1px solid #02735C;
	background-color : #03A180;
}
#deta-layout .price-box td {
	width : 220px;
	border : 1px solid #02735C;
}


.price-table,.deta-table01 {
	clear : both;
	width : 860px;
	margin : 0 0 20px;
}

/* お問い合わせーコード */
.deta-table02 {
	float : left;
/*	width : 330px;*/
	width: 100%;
	height : 30px;
	margin-top : 22px;
	border : 1px solid #48b97d;
}
.deta-table02 th {
	width : 100px;
	background-color : #eff8d6;
}


/* 費用ボックス */
.price-table th {
	text-align : center;
	background-color : #d6ed98;
}


/* 基本情報 */
.deta-table01 {
	clear : both;
}
.deta-table01 th {
	text-align : center;
	background-color : #eff8d6;
}

.deta-table01 .border-none td {
	border-bottom : none;
}

/* フォトエリア */
#deta-layout #photo-area01 {
	width : 860px;
	margin : 0 0 20px 0;
	border : 1px solid #e6e6e6;
}
#deta-layout #photo-area01 th,#deta-layout #photo-area01 td {
	border : 1px solid #e6e6e6;
}

/* その他備考など */
.deta-table03 {
	clear : both;
	width : 860px;
	margin : 0 0 20px 0;
}
.deta-table03 th {
	width : 120px;
	text-align : center;
	background-color : #eff8d6;
}

#deta-layout .deta-table03 td.text-left {
	text-align : left;
	border-bottom : none;
}

/* その他情報 */
/*#detail {
	clear : both;
	width : 860px;
	margin-bottom : 20px;
}
#detail table {
	float : left;
	margin : 0 15px 20px 0;
	border : 1px solid #48b97d;
}
#detail th {
	background-color : #eff8d6;
}
#detail td {
	width : 112px;
}
#detail table.Lmargin0 {
	margin : 0 0 0 0;
}*/

/* 設備アイコンエリア */
#icon-area {
	clear : both;
	padding : 5px 0 0;
	text-align : left;
}
#icon-area li {
	display : inline;
}
#icon-area img {
	margin : 0 10px 0 0;
}

/* 店舗情報 */
#deta-layout .shop-deta {
/*	float : left;
	margin-bottom : 20px;*/
	border : 1px solid #b8e39b;
}
#deta-layout .shop-deta th {
	color : #01493a;
	text-align : left;
	border : 1px solid #b8e39b;
	background-color : #fbfcf1;
}
#deta-layout .shop-deta td {
	width : 220px;
	border : 1px solid #b8e39b;
}


#deta-layout .go-top a {
	clear : none;
	margin-top : -27px;
}

/* ページ先頭へ　物件詳細フォームで使用 */
.mt10 {
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}
.mt10 a {
	display:inline-block;
	margin : 20px 20px 20px 0;
	padding : 0 0 0 0;
}


/* QRコードボックス */
.qr-box {
	position:relative;
	float : right;
	width : 300px;
	font-size : 14px;
	font-weight:bold;
	border : 1px solid #cccccc;
}
.qr-box span {
	display:block;
	position:absolute;
	top : 40%;
	float: left;
	vertical-align:middle;
	padding : 0 0 0 10px;
}
.qr-box img {
	float : right;
}


/* 資料請求【物件詳細】 */
.go-form a {
	clear:both;
	display : block;
	width : 198px;
	height : 48px;
	overflow : hidden;
	background : url(../img/btn/go_form_btn.jpg) no-repeat;
}

/* プリント【物件詳細】 */
#go-print a {
	display : block;
	width : 198px;
	height : 48px;
	margin-right : 10px;
	overflow : hidden;
	background : url(../img/btn/go_print_btn.jpg) no-repeat;
}
.go-form a:hover,#go-print a:hover {
	background-position : 0 -48px;
}


.policy-box {
	height : 250px;
	margin : 20px 0 10px;
	padding : 20px 20px 15px;
	border : 5px solid #cccccc;
	overflow:auto;
	background: #fbfcf1;
}
.policy-box h5 {
	color : #01493a;
}

/* 下部ボタン設定　複数比較はcompare.css */
.inq-btn-box {
	zoom : 100%;
	margin : 0 20px 20px;
	padding : 10px 10px 0;
	text-align:center;
	border : 1px solid #cccccc;
}
.inq-btn-box li {
	float : left;
	text-align:center;
}
.pre-btn a {
	display : block;
	width : 302px;
	height:48px;
	margin : 0 50px 0 0;
	text-indent: -9000px;
	overflow:hidden;
	background: url(../img/btn/pre_form_btn01.png) no-repeat;
}
.go-form2 a {
	display : block;
	width : 302px;
	height:48px;
	text-indent: -9000px;
	overflow:hidden;
	background : url(../img/btn/go_form_btn3.png) no-repeat;
}
.inq-btn-box a:hover {
	background-position: 0 -48px;
}
