@charset "utf-8";

/* コンテナ */
#container-detail {
	width: 710px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}

/* 物件ヘッダ */
#header-detail{
	width: 710px;
}

#header-detail #title{
	float: left;
	width: 625px;
}

#header-detail #title table.titleimage{
	float: left;
	background-color: #FFFFFF;
	background-image: url(../../../images/title.gif);
	height: 40px;
	width: 625px;
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	vertical-align:middle;
	font-size: 138.5%;
	color: #00A0DD;
	font-weight: bold;
}

#header-detail #title #header-information{
	text-align: left;
	color: #996666;
	margin-bottom: 5px;
	clear: both;
	font-size: 93%;
	padding-left: 5px;
}

#qrcode {
	width: 85;
	float: left;
	text-align: center;
	vertical-align: middle;
}

/* メニュー */
ul#menu {
	padding: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 24px;
	list-style-type: none;
	clear: both;
}

ul#menu li{
	float: left;
	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #FFB5DA;
	background-color: #FFE8F3;
}

/* 物件基本データ */
#data {
	width: 710px;
	margin-bottom: 15px;
	clear: both;
}

/* 物件基本データ メイン */
#data table#main {
	width: 710px;
	margin-bottom: 5px;
}

#data table#main td {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	padding: 5px;
	margin: 5px;
}

#data table#main th {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	background-color: #ecf5fa;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B9DAEC;
	border-bottom-color: #B9DAEC;
}

#data table#main td em {
	font-size: 131%;
	font-weight: bold;
	font-style: normal;
	color: #FF0000;
	padding-right: 3px;
}

/* 物件基本データ 備考 */
#data table#memo {
	width: 710px;
	margin-bottom: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#data table#memo td {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}

#data table#memo th {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}

/* 物件基本データ 詳細 */
#data table#detail {
	width: 330px;
	float: left;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
}

#data table#detail td {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
}

#data table#detail th {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	white-space: nowrap;
	background-color: #ecf5fa;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
}

/* 物件基本データ 間取り図 */
#data table#madori {
	width: 378px;
	float: left;
	text-align: center;
	vertical-align: top;
	margin-bottom: 5px;
}

/* 物件基本データ 設備 */
#data table#equipment {
	width: 710px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#data table#equipment td {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
}

#data table#equipment th {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	white-space: nowrap;
	background-color: #ecf5fa;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
}

#data table#equipment table#eq{
	background-color: #ffffff;
}

#data table#equipment table#eq th {
	background-color: #ffffff;
}

#data table#equipment table#eq td {
	background-color: #ffffff;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

/* 物件地図データ */
#mapdata {
	width: 710px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
}

#mapdata #map{
	width: 710;
	height: 350px;
}

#mapdata #zoom {
	width: 710px;
	text-align: right;
}

/* 物件オプションデータ */
#option {
	width: 710px;
	margin-bottom: 10px;
}

/* 物件オプションデータメニュー */
#option ul#menu {
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 16px;
	width: 700px;
	list-style-type: none;
}

#option ul#menu li{
	float: left;
	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #B9DAEC;
	background-color: #FFFFFF;
}

/* 物件オプション 画像リスト */
#option #imagelist {
	width: 710px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	display: block;
	clear: both;
}

#option #imagelist div#imagelist-tips{
	margin: 0px;
	text-align: left;
	color: #666666;
	font-size: 100%;
	padding-left: 5px;
}

#option #imagelist div.image {
	float: left;
	text-align: center;
	height: 95px;
	width: 130px;
	margin-left: 10px;
	margin-top: 5px;
}

#option #imagelist div.image img{

}

#option #imagelist .listfooter{
	clear: both;
	height: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;

}

/* 物件オプション 棟情報 */
#option #mansion {
	width: 710px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	display: none;
	clear: both;
}

#option #mansion-data {
	background-color: #FFFFFF;
	padding: 5px;
}

#option #mansion-data #mansionimage{
	text-align: center;
	width: 300px;
	padding: 5px;
	border: 1px solid #666666;
	float: left;
	margin-right: 10px;
}

#option #mansion-data #mansioninfo{
	text-align: left;
	float: left;
	width: 375px;
}

#option #mansion-data #mansioninfo table{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	width: 100%;
}

#option #mansion-data #mansioninfo td {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
}

#option #mansion-data #mansioninfo th {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	white-space: nowrap;
	background-color: #ecf5fa;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
}

#option #mansion-data .listfooter{
	clear: both;
	height: 2px;

}

#option #mansion-data #mansionimagelist {
	clear: both;
	margin-top: 10px;

}

#option #mansion-data #mansionimagelist table.mansionimagelist-data{
	width: 98%;
	margin-bottom: 5px;
	margin-right: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;

}

#option #mansion-data #mansionimagelist table.mansionimagelist-data td {
	padding: 2px;

}

#option #mansion-data #mansionimagelist table.mansionimagelist-data td.title {
	background-color: #ECF5FA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;

}


/* 物件オプション 住宅ローン返済額試算表 */
#option #loan {
	width: 710px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	display: none;
	clear: both;
}

#option #loan-data {
	padding: 5px;
}

#option #loan-data .listfooter{
	clear: both;
	height: 2px;

}

#option #loan-data span#loanmsg {
	padding: 5px;
	color: #FF0033;
}

#option #loan-data p.exp {
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 3px;
	margin-right: 5px;
	margin-left: 10px;
	color: #666666;
	font-size: 93%;
	letter-spacing: 0.1em;
}

#option #loan-data ul {
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
	height: 19px;
	width: 700px;
}

#option #loan-data li{
	float: left;
	list-style-type: none;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	width: 80px;
	text-align: center;
}

#option #loan-data li.title{
	text-align: left;
	margin-right: 0px;
	width: 80px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}

#option #loan-data li.per25{
	float: left;
	list-style-type: none;
	width: 80px;
	text-align: center;
	background-color: #E0FFB7;
	padding-right: 5px;
	padding-left: 5px;
}

#option #loan-data li.per30{
	float: left;
	list-style-type: none;
	width: 80px;
	text-align: center;
	background-color: #E0FFFF;
	padding-right: 5px;
	padding-left: 5px;
}

#option #loan-data li.per35{
	float: left;
	list-style-type: none;
	width: 80px;
	text-align: center;
	background-color: #CCCCFF;
	padding-right: 5px;
	padding-left: 5px;
}

#option #loan-data li.per35over{
	float: left;
	list-style-type: none;
	width: 80px;
	text-align: center;
	background-color: #FFDEAD;
	padding-right: 5px;
	padding-left: 5px;
}

#option #loan-data table{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	width: 100%;
}

#option #loan-data td {
	font-size: 100%;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	border-right-style: dashed;
	border-right-color: #B9DAEC;
	border-right-width: 1px;
}

#option #loan-data th {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	white-space: nowrap;
	background-color: #ecf5fa;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #B9DAEC;
}

#option #loan-data #loandata {
	width: 100%;
	clear: both;
}

#option #loan-data #loandata table{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	width: 100%;
}

#option #loan-data #loandata table td {
	font-size: 100%;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	border-right-style: dashed;
	border-right-color: #B9DAEC;
	border-right-width: 1px;
}

#option #loan-data #loandata table td.per25 {
	background-color: #E0FFB7;
}

#option #loan-data #loandata table td.per30 {
	background-color: #E0FFFF;
}

#option #loan-data #loandata table td.per35 {
	background-color: #CCCCFF;
}

#option #loan-data #loandata table td.per35over {
	background-color: #FFDEAD;
}

#option #loan-data #loandata table th {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	white-space: nowrap;
	background-color: #ecf5fa;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #B9DAEC;
}

/* 物件オプション 駅情報 */
#option #station01 {
	width: 710px;
	display: none;
	clear: both;
}

#option #station02 {
	width: 710px;
	display: none;
	clear: both;
}

#option div.station {
	width: 710px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
}

#option div.station div.station-data {
	padding: 5px;
}

#option div.station div.station-data p{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
}

#option div.station div.station-data p.explanation{
	margin-bottom: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#option div.station div.station-data p.title{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	font-size: 108%;
	background-color: #ecf5fa;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#option div.station div.listfooter{
	clear: both;
	height: 2px;

}

/* 類似物件情報 開始 */
div#similarity div.list div.tips{
	margin: 0px;
	text-align: left;
	color: #666666;
	font-size: 100%;
	padding-left: 5px;
}

div#similarity div.list div.listdata {
	float: left;
	text-align: center;
	height: 95px;
	width: 130px;
	margin-bottom: 10px;
}

div#similarity div.list img {
	text-align: center;
	margin-left: 10px;
	margin-top: 5px;
}

/* 類似物件情報 終了 */

/* 店舗案内 */
#shop {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
}

#shop p{
	margin-left: 10px;
}

#shop p.link{
	margin-right: 50px;
	text-align: right;
}

#shop p.title{
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6E8BBD;
	margin-right: 50px;
}

/* 返済額付きトップエリア開始 */
div#data div#data-top {

}

div#data div#data-top div#photo {
	width: 120px;
	height: 120px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}

div#data div#data-top div#tool {
	float: left;
	margin-bottom: 0px;
}

div#data div#data-top div#tool table {
	width: 585px;
}

div#data div#data-top div#tool table td.calc {
	width: 200px;
}

div#data div#data-top div#tool table td.calc div#calc-loan {
	width: 180px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #00A0DD;
}

div#data div#data-top div#tool table td.calc p#yen {
	font-size: 116%;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #99CC00;
}

div#data div#data-top div#tool table td.calc p#opt {
	font-size: 85%;
}

div#data div#data-top div#tool table td.calc p#exp {
	font-size: 85%;
	color: #999999;
}

div#data div#data-top div#tool table td.menu {
	margin:0px;
	text-align: right;
}

div#data div#data-top div#tool table td.calc-setting {
	text-align: left;
}

div#data div#data-top div#tool table td.loan-bank {
	text-align: right;
}

div#data div#data-top div#tool table td.loan-bank em {
	font-style: normal;
	border: 1px solid #4da619;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	background-color: #e2ffd1;
	margin-right: 3px;
	height: 24px;
}

/* 返済額付きトップエリア 物件基本データ メイン開始 */
div#data div#data-top div#tool table#main {
	width: 585px;
	clear: both;
	margin-top: 5px;
	margin-bottom: 0px;
}

div#data div#data-top div#tool table#main td {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	padding: 3px;
	margin: 5px;
}

div#data div#data-top div#tool table#main th {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	background-color: #ecf5fa;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B9DAEC;
	border-bottom-color: #B9DAEC;
}

div#data div#data-top div#tool table#main td em {
	font-size: 131%;
	font-weight: bold;
	font-style: normal;
	color: #FF0000;
	padding-right: 3px;
}
/* 返済額付きトップエリア 物件基本データ メイン終了 */

/* 返済額付きトップエリア メニュー部開始 */
div#data div#data-top div#tool ul#menu {
	padding: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	height: 24px;
	list-style-type: none;
	clear: both;
	width: 100%;
}

div#data div#data-top div#tool ul#menu li{
	float: right;
	list-style-type: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #FFB5DA;
	background-color: #FFE8F3;
	margin-right: 3px;
}
/* 返済額付きトップエリア メニュー部終了 */

/* 返済額付きトップエリア終了 */


/* 返済額なしトップエリア開始 */
div#data div#data-top-without-loan {

}

div#data div#data-top-without-loan div#photo {
	width: 120px;
	/* height: 120px; */
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
}

div#data div#data-top-without-loan div#tool {
	float: left;
	margin-bottom: 0px;
}

/* 返済額なしトップエリア 物件基本データ メイン開始 */
div#data div#data-top-without-loan div#tool table#main {
	width: 585px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#data div#data-top-without-loan div#tool table#main td {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9DAEC;
	padding: 3px;
	margin: 5px;
}

div#data div#data-top-without-loan div#tool table#main th {
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	background-color: #ecf5fa;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B9DAEC;
	border-bottom-color: #B9DAEC;
}

div#data div#data-top-without-loan div#tool table#main td em {
	font-size: 131%;
	font-weight: bold;
	font-style: normal;
	color: #FF0000;
	padding-right: 3px;
}
/* 返済額なしトップエリア 物件基本データ メイン終了 */

/* 返済額なしトップエリア 物件基本データ 備考開始 */
div#data div#data-top-without-loan div#tool table#memo {
	width: 585px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#data div#data-top-without-loan div#tool table#memo td {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}
/* 返済額なしトップエリア 物件基本データ 備考終了 */

/* 物件基本データ 設備開始 */
div#data div#data-top-without-loan div#tool table#equipment {
	width: 585px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9DAEC;
	margin-bottom: 5px;
	margin-top: 0px;
	border-bottom-style: none;
}

div#data div#data-top-without-loan div#tool table#equipment td {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div#data div#data-top-without-loan div#tool table#equipment td img {
	vertical-align: bottom;
	margin-right: 5px;
}
/* 物件基本データ 設備終了 */

/* 返済額なしトップエリア終了 */