@charset "utf-8";
/* CSS Document */

/*=============================================
  estateモジュールのcss
=============================================*/

/* screens laeger than 960
***************************************************************************/

/*--------------------------------------------
  物件検索・一覧
---------------------------------------------*/
.search_map{
	float:left;
	width:270px;
	margin:0 0 15px 15px;
	padding:20px 0;
	text-align:center;
	background:#999;
}
.search_map a{
	font-size:120%;
	font-weight:bold;
	color:#fff;
}
.search_keyword{
	float:right;
	width:610px;
	margin:0 15px 15px 0;
	padding:14px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	background:#999;
}
.search_keyword form{
	display:inline;
	margin:0;
	padding:0;
}
.search_keyword input{
	margin:0;
	padding:0;
}
.search_keyword input[type="text"]{
	width:315px;
	padding:5px 2px;
	font-size:110%;
}
.search_keyword input[type="button"]{
	padding:4px 6px;
	font-size:100%;
}

/*=======検索ボックス==========*/
.search_box{width:900px; margin:0 auto; border:3px solid #ccc;}
.search_box th{background:#fdebe7; color:#444; font-weight:bold; text-align:left; padding:10px; width:100px; border:1px solid #ccc;}
.search_box td{padding:10px; border:1px solid #ccc;}
.search_box td input{position:relative; top:2px;}
.search_box td label{margin-right:15px;}
.btn_search_pc{
	margin:5px auto;
	text-align:center;
}
.btn_search_pc li{
	display:inline-block;
}
.btn_search{
	margin:10px 20px 0 0;
	padding:12px 40px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	color:#1060ff;
	background:#d0cbc7;
	border:none;
	cursor:pointer;
	
}
.btn_check_off{
	margin:10px auto 0;
	padding:10px 30px;
	text-align:center;
	font-weight:bold;
	font-size:110%;
	color:#1060ff;
	background:#fff;
	border:2px solid #ddcbc7;
	cursor:pointer;
}
.btn_search:hover,
.btn_check_off:hover{color:#60c0d2;}

#estate_search_map table.search_box{
	margin-top:15px;
	margin-bottom:30px;
}
#estate_search_map li.marker{
	display:inline;
	margin-right:2px;
}
#map .window{
	margin:5px;
}
#map .window dl{
	width:320px;
}
#map .window dt{
	margin-bottom:5px;
	font-size:130%;
	font-weight:bold;
	border-bottom:1px solid #9f9f9f;
}
#map .window img{
	float:left;
	margin:0 5px 2px 0;
	padding:2px;
	border:1px solid #ccc;
}
#map .window span.address{
	font-size:110%;
	font-weight:bold;
}
#map .window span.price{
	font-size:110%;
	font-weight:bold;
	color:#ff3f3f;
}
#map .window p.desc{
	margin-top:2px;
	font-size:100%;
}
#map .window a{
	display:block;
	text-align:right;
	font-weight:bold;
}
#map .window .pc_only{
	display:inline;
}
#map .window .sp_only{
	display:none;
}

/*=======物件一覧==========*/
.num_result{margin:10px 0;}
.num_result span{font-size:130%; font-weight:bold; color:#f00;}

.list_pc{width:100%; margin:0 auto; border:1px solid #dddcd6;}
.list_pc th{ 
	padding:4px 0; 
	font-weight:bold; 
	vertical-align:middle; 
	color:#fff; 
	background:#947e6c;
	text-shadow:1px 1px 2px #574638;
	border-right:1px dashed #dddcd6;
}
.list_pc td{ vertical-align:middle; padding:3px; border-right:1px dashed #dddcd6; border-bottom:1px dashed #dddcd6;}
.list_pc td a{font-weight:bold;}
.list_pc td.photo{text-align:center;}
.list_pc td img{max-height:105px; max-width:140px;}
.list_pc td.fee,
.list_pc td.fee2,
.list_pc td.floor{text-align:center; min-height:2em;}
.list_pc td.fee{font-weight:bold; color:#f00; font-size:120%;}
.list_pc td.detail{
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}
.list_pc tbody{border:1px solid #dddcd6;}
.list_pc tbody:hover{background:#fff6e0;}

.list_pager{width:21em; margin:10px auto;}
.list_pager td{vertical-align:middle;}
.list_pager .previous{width:4em; text-align:left;}
.list_pager .next{width:4em; text-align:right;}
.list_pager .previous a,
.list_pager .next a{font-weight:bold;}
.list_pager .present{width:13em; text-align:center;}
.list_pager .present span{font-weight:bold;}

/*=======メインカラム・最近見た/この物件を見た人は==========*/
h3.recent,
h3.other{
	margin-top:25px;
	border-bottom:3px solid #9f9faf;
}
.recent_box dl,
.other_box dl{
	float:left;
	width:140px;
	min-height:280px;
	margin:0 3px 5px;
	padding:4px 4px 4px;
	background:#f0f0f0;
}
.recent_box dl.last,
.other_box dl.last{
	margin-right:0;
}
.recent_box dt,
.other_box dt{
	font-size:110%;
	font-weight:bold;
	min-height:2.7em;
} 
.recent_box dd.photo,
.other_box dd.photo{
	width:140px;
	text-align:center;
}
.recent_box dd.photo img,
.other_box dd.photo img{
	max-width:140px;
	max-height:105px;
}
.recent_box dd.detail,
.other_box dd.detail{
	padding-top:8px;
	padding-bottom:8px;
	font-size:90%;
	color:#333;
	text-decoration:none;
}


/*--------------------------------------------
  物件詳細
---------------------------------------------*/
.pager_dateil{float:right;margin:7px 0 5px 0;}
.pager_dateil span{font-weight:bold;}
#estate_info .back{
	float:left;
	background:url(../images/icon_back.gif) no-repeat 0 1px;
	padding-left:15px;
	margin:7px 0 0 0;
}

#estate_info .bukken_name{
	display:table;
	width:100%;
	margin-bottom:5px;
	background:#d0d0d0;
}
#estate_info .bukken_name dt{
	display:table-cell;
	width:83%;
}
#estate_info .bukken_name h4{
	font-size:150%;
	font-weight:bold;
	margin:10px 0 5px 10px;	
}
#estate_info .bukken_name dd{
	display:table-cell;
	width:15%;
	padding-right:2%;
	text-align:right;
	vertical-align:middle;
}

ul.kodawari li{
	float:left;
	margin-right:3px;
	margin-bottom:5px;
	padding:4px 7px;
	font-size:90%;
	text-align:center;
	background:#a0a0a0;
	color:#fff;
}

p.point{
	clear:both;
	padding:8px 1%;
	background:#fbfbda;
}

.contact_link a:link,
.contact_link a:visited,
.contact_link a:hover,
.contact_link a:active{
	float:right;
	background:#9ebe22;
	display:block;
	margin-left:10px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 2px #79950f;
	padding:4px 17px 3px;
	font-size:110%;
	border-right:1px solid #789800;
	border-bottom:1px solid #5b7108;
}
.print_link a:link,
.print_link a:visited,
.print_link a:hover,
.print_link a:active{
	float:right;
	background:#e27d23;
	display:block;
	margin-left:10px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 2px #d36504;
	padding:4px 17px 3px;
	font-size:110%;
	border-right:1px solid #d06505;
	border-bottom:1px solid #a95102;
}
.contact_link a:hover,
.print_link a:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}

.detail_box{float:left; width:49%; margin:0 10px 0 0;}
.detail_box2{float:right; width:49%;}
.detail_box table,
.detail_box2 table{
	width:100%;
	margin:10px 0 20px 0;
	border:1px solid #dddcd6;
}
.detail_box table td,
.detail_box2 table td{
	border-bottom:1px solid #dddcd6;
}
.detail_box table th,
.detail_box2 table th,
.detail_box table td,
.detail_box2 table td{
	padding:8px;
	vertical-align:middle;
}
.detail_box table th,
.detail_box2 table th{
	width:25%; 
	text-align:left; 
	font-weight:bold; 
	color:#fff; 
	background:#f1a8a6; 
	border-bottom:1px solid #dddcd6;
	text-shadow:0 0 3px #cf605e;
}
.detail_box h5,
.detail_box2 h5{
	padding-left:8px;
	color:#83b21c;
	border-left:5px solid #e8f6c9;
}
.photo_pc{
	clear:both;
	background:#f1a8a6; 
	margin:10px 0 20px 0;
	padding:5px 20px 20px;
	border:1px solid #dddcd6;
}
.photo_l{float:left; background:#fff; padding:2%; text-align:center; width:40%; height:auto;}
.photo_r{float:right; background:#fff; padding:2%; text-align:center; width:50%; height:auto;}
.photo_l img{margin-top:10px; max-width:350px; max-height:263px;}	
.photo_r img{margin-top:10px; max-width:280px; max-height:210px;}
.photo_r table{
	margin:10px auto 0;
	border:none;
}
.photo_r table td{ 
	width:20%; 
	padding:0 0.5%;
	text-align:center; 
	border-bottom:none;
}
.photo_r table td img{
	max-width:67px;
	max-height:53px;
}
p.loupe{
	margin:0;
	padding:3px 0;
	text-align:right;
}

.land_block{
	margin-top:0;
	margin-bottom:20px;
	border:1px solid #f8dfcb;
}
.land_block table.detail_land_block{
	width:auto;
	margin:10px;
	border:none;
}
.land_block table.detail_land_block td{
	padding:1px 18px 1px 0;
	border:none;
}
.land_block table.detail_land_block span.sp_only{
	display:none;
}
.facility{
	margin-bottom:30px;
	padding:5px 20px 10px;
	border:3px solid #f8dfcb;
}
.facility h5{
	color:#b97a25;
}
.facility dl{
	float:left;
	margin:10px 30px 10px 0;
}
.facility dt img{
	max-width:130px;
	max-height:100px;
}
.facility dd{
	width:130px;
	margin:0 auto;
	font-size:85%;
}

#estate_info div#map{width:100%; height:300px; margin-top:10px;}
p.loupe_link{
	margin:0;
	padding:3px 0;
	text-align:right;
}

.detail_box_quo{
	margin:20px auto;
	padding:10px 1.5%;
	background:#fff4ed;
	border:2px solid #F60;
}
.detail_box_quo h5{
	margin-bottom:5px;
	border-bottom:4px solid #f60;
}
.detail_box_quo .quo{
	width:32%;
	float:left;
	margin:5px 2% 0 0;
}
.detail_box_quo .quo2{
	width:32%;
	float:right;
	margin:5px 0 0;
}
.detail_box_quo .quo table,
.detail_box_quo .quo2 table{
	width:100%;
	background:#fff;
	border:1px solid #ccc;
}
.detail_box_quo .quo th,
.detail_box_quo .quo2 th{
	width:40%;
	padding:2.5%;
	text-align:left;
	font-weight:bold;
	background:#f9f9f2;
	border:1px solid #ccc;
}
.detail_box_quo .quo td,
.detail_box_quo .quo2 td{
	padding:2.5%;
	border:1px solid #ccc;
}
.detail_box_quo table.quo_sum{
	width:100%;
	margin-top:10px;
	background:#fff;
}
.detail_box_quo table.quo_sum th{
	width:48%;
	padding:8px 2% 8px 0;
	font-size:120%;
	font-weight:bold;
	text-align:right;
}
.detail_box_quo table.quo_sum td{
	width:50%;
	padding:8px 0;
	font-size:140%;
	font-weight:bold;
	color:#f00;
}

#estate_info p.attention{
	margin:40px 0 20px 0;
	padding:10px;
	background:#f3efe6;
}

#estate_info div.pano{
	height:485px;
	margin-bottom:20px;
	background:#F1A8A6;
}
#container_theta{
	width:100%;
	height:400px;
	padding-top:5px;
	text-align:center;
}

/*--------------------------------------------
  会社概要
---------------------------------------------*/
.company_l{float:left; margin-bottom:30px;}
.company_r{float:right; width:300px;}
.company_l dl{
	display:table;
	margin:0;
	padding:0;
	border-bottom:1px solid #e3cfd6;
}
.company_l dt{
	display:table-cell;
	width:90px;
	padding:18px 0;
	font-size:105%;
	font-weight:bold;
	color:#F59492;
}
.company_l dd{
	display:table-cell;
	width:500px;
	padding:18px 0;
	font-size:105%;
}
.company_r img{width:300px; height:auto; margin-bottom:10px;}
.company_r #map{width:300px; height:250px; margin-bottom:30px;}

/*--------------------------------------------
  物件リクエスト、査定・売却希望
---------------------------------------------*/
#contact span.title{
	display:block;
	margin:25px 0 15px 0;
	padding-bottom:5px;
	font-size:110%;
	font-weight:bold;
	border-bottom:1px dashed #ccc;
}
#contact form li{
	display:inline;
	margin-right:10px;
}
#contact form li input{
	width:auto;
	display:inline;
}
#contact form ul.column li{
	display:block;
}
#contact form dl.assessment{
	margin:3px 0;
	border-bottom:none;
}


/* screens smaller than 959
***************************************************************************/
@media only screen and (max-width:959px) {

/*--------------------------------------------
  物件検索・一覧
---------------------------------------------*/
.search_map{
	width:90%;
	margin:0 0 15px 10px;
}
.search_keyword{
	float:left;
	width:90%;
	margin:0 0 15px 10px;
}

/*=======検索ボックス==========*/
.search_box{width:98%;}

/*=======メインカラム・最近見た/この物件を見た人は==========*/
.recent_box dl,
.other_box dl{ 
	float:none; 
	width:auto; 
	margin:0 auto 10px; 
	padding:4px 8px; 
	min-height:10px; 
	background:#f0f0f0 url(../images/arrow2.png) no-repeat right center;
	-moz-background-size:12px 18px;
	background-size:12px 18px;
}
.recent_box dt,
.other_box dt{
	min-height:1.5em;
	font-size:110%;
} 
.recent_box dd.photo,
.other_box dd.photo{
	float:left;
	width:100px;
	margin-right:2px;
	text-align:center;
}
.recent_box dd.photo img,
.other_box dd.photo img{
	max-width:100px;
	max-height:74px;
}
.recent_box dd.detail,
.other_box dd.detail{
	width:auto;
	margin:0 10px;
	padding-bottom:8px;
}


/*--------------------------------------------
  物件詳細
---------------------------------------------*/
.photo_l img{max-width:200px; max-height:300px;}	
.photo_r img{max-width:180px; max-height:210px;}
.photo_r table{margin:10px auto 0;}
.photo_r table td{text-align:center; width:20%; padding:0 0.5%;}
.photo_r table td img{max-width:40px; max-height:53px;}

#container_theta{
	height:300px;
}

/*--------------------------------------------
  会社概要
---------------------------------------------*/
.company_l{float:left; width:69%; margin-bottom:30px;}
.company_r{float:right; width:30%;}
.company_l dl{
	width:100%;
}
.company_l dt{
	width:25%;
	padding:15px 0;
}
.company_l dd{
	width:75%;
	padding:15px 0;
}
.company_r img{width:100%; height:auto;}
.company_r #map{width:100%; height:200px;}


}


/* screens smaller than 599
***************************************************************************/
@media only screen and (max-width:599px) {

/*--------------------------------------------
  物件検索・一覧
---------------------------------------------*/
.search_map{
	width:100%;
	margin:0 auto 10px auto;
}
.search_keyword{
	width:100%;
	margin:0 auto 10px auto;
}
.search_keyword input[type="text"]{
	width:78%;
	padding:2px 1px;
}

/*=======検索ボックス==========*/
.search_menu_list{
	width:292px;
	margin:0 auto 10px auto;
	padding:14px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.search_menu_list_buy_house{
	width:230px;
}
.search_menu_list_buy_land{
	width:168px;
}
.search_menu_list li{display:inline-block; width:125px; line-height:2;}
.search_menu_list ul.line1 li{display:inline-block; width:100%; line-height:2;}
.search_menu_list li input{ position:relative; top:2px;}

.search_menu{ 
	width:322px;
	margin:0 auto;
}
.search_menu_buy_house{ 
	width:260px;
}
.search_menu_buy_land{ 
	width:198px;
}
.search_menu li{ 
    float:left;
    display:block;
    width:60px;
    height:20px;
    padding:8px 0 0 0;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    background:#064973;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-top-left-radius:3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius:3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
}
.search_menu li.select{
	background:#fff;
	border-bottom:none;
	height:21px;
	color:#f59492;
	text-shadow: none;
}
.search_menu li#kodawari{width:72px;}

.btn_search_sp{
	margin:5px auto;
	text-align:center;
}
.btn_search_sp li{
	display:inline-block;
}
.btn_search{
	margin:5px 21px 0 0;
	padding:10px 30px;
	text-align:center;
	background:#ffe5d8;
	border:none;
	color:#189dc2;
	font-weight:bold;
	font-size:110%;
	cursor:pointer;
	width:137px;
	
}
.btn_check_off{
	border:2px solid #ffe5d8;
	background:#fff;
	margin:5px auto 0;
	padding:8px 30px;
	text-align:center;
	color:#189dc2;
	font-weight:bold;
	font-size:110%;
	cursor:pointer;
	width:132px;
}

#estate_search_map table.search_box th{
	display:none;
}
#estate_search_map table.search_box th{
	padding:3px;
}
#estate_search_map li.marker{
	margin-right:0;
}
#estate_search_map li.marker img{
	width:25px;
	height:23px;
}

#map .window{
	margin:0px;
}
#map .window dl{
	width:195px;
}
#map .window dt{
	margin-bottom:5px;
	font-size:100%;
	font-weight:bold;
	border-bottom:1px solid #9f9f9f;
}
#map .window img{
	margin:0 4px 2px 0;
	padding:1px;
	border:1px solid #ccc;
}
#map .window span.address{
	font-size:95%;
}
#map .window span.price{
	font-size:95%;
	font-weight:normal;
	color:#ff3f3f;
}
#map .window p.desc{
	clear:both;
	display:block;
	font-size:95%;
}
#map .window .pc_only{
	display:none;
}
#map .window .sp_only{
	display:inline;
}

/*=======物件一覧==========*/
.num_result{margin:5px 0;}
.num_result span{ font-size:120%;}

.list_sp{
	width:97%; 
	margin:5px auto;
	padding:6px 1.5%;
	background:url(../images/arrow2.png) no-repeat right center;
	-moz-background-size:12px 18px;
	background-size:12px 18px;
	border-bottom:1px solid #f3efe6;
}
.list_sp dt{font-weight:bold; font-size:110%; color:#189dc2;}
.list_sp dd{float:left; display:block;}
.list_sp dd.photo{float:left; width:120px; margin-right:10px; text-align:center;}
.list_sp dd.photo img{ max-height:90px; max-width:120px;}
.list_sp dd span{color:#777;}
.list_sp dd span.fee{color:#f00; font-size:120%; font-weight:bold;}
.list_sp dd.point{
	clear:both;
	width:97%; 
	background:#f3efe6;
	font-size:90%;
	padding:3px;
}

.list_pager .previous a:link,
.list_pager .previous a:hover,
.list_pager .previous a:active,
.list_pager .previous a:visited,
.list_pager .next a:link,
.list_pager .next a:hover,
.list_pager .next a:active,
.list_pager .next a:visited{ color:#189dc2;}

/*--------------------------------------------
  物件詳細
---------------------------------------------*/
#estate_info .bukken_name dt{
	width:100%;
}
#estate_info .bukken_name dd {
	display:none;
}
.detail_box{ float:inherit; width:98%; margin:0 auto 7px;}
.detail_box2{ float:inherit; width:98%; margin:0 auto 7px;}
.photo_pc{display:none;}

.contact_link a{
	float:none;
	width:80%;
	margin:0 5%;
}
.facility{
	padding-left:10px;
}
.facility h5{
	margin-left:0px;
}
.facility dl{
	margin-top:5px;
	margin-right:0;
	margin-bottom:5px;
}
.facility dt img{
	float:left;
	max-width:100px;
	max-height:75px;
}
.facility dd{
	width:auto;
	margin-left:105px;
}

.detail_box_quo .quo{
	float:none;
	width:100%;
	margin:8px 0 0 0;
}
.detail_box_quo .quo2{
	float:none;
	width:100%;
	margin:8px 0 0 0;
}
.detail_box_quo .quo table,
.detail_box_quo .quo2 table{
	width:99%;
	margin:0 auto;
	background:#fff;
	border:1px solid #ccc;
}
.detail_box_quo table.quo_sum{
	width:100%;
}
.detail_box_quo table.quo_sum th{
	width:40%;
}
.detail_box_quo table.quo_sum td{
	width:58%;
}

#container_theta{
	height:200px;
}

/*--------------------------------------------
  会社概要
---------------------------------------------*/
.company_l{float:none; width:100%; margin:10px 0 0 0;}
.company_r{float:none; width:100%; margin:0;}
.company_r img{width:100%; height:auto;}
.company_r #map{width:100%; height:300px;}


}