@charset "utf-8";

/*------------------------------------------------------------------

サイト共通設定
------------------------------------------------------------------*/
*{outline:none;}
body,form{margin:0;padding:0; font-size:12px; font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";}
img{border:none;vertical-align:top;}
input{vertical-align:middle;}
table{border-collapse:collapse;border:none; font-size:12px;}

/*display*/
hr,.displayNone{display:none;}

/*font*/
input,textarea,th,td{font-size:100%;}
em,address,cite{font-style:normal;}

/*text-align*/
.posR{text-align:right;}
.posL{text-align:left;}
.posC{text-align:center;}

/*clearFix*/
#area_map dl#map_headline:after,
#result dl:after,
#condition dl:after,
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#area_map dl#map_headline,
#result dl,
#condition dl,
.clearfix{display:inline-table;min-height:1em;}
/*\*/
* html #area_map dl#map_headline,
* html #result dl,
* html #condition dl,
* html .clearfix{height:1%;}
#area_map dl#map_headline,
#result dl,
#condition dl,
.clearfix{display:block;}
/**/


/*------------------------------------------------------------------

レイアウト
------------------------------------------------------------------*/
html,body{ width:100%; height:100%; overflow:auto;}
iframe{margin:0; padding:0;}
#container{padding-bottom:5px; border-top:5px solid #3392CD;}
#header,#footer{width:100%;}
#area_map{float:left;}
#area_list{float:right; width:390px; background:#fafafa;}


/*------------------------------------------------------------------

地図エリア
------------------------------------------------------------------*/
dl#map_headline{
margin:0;
padding:0 5px;
}
dl#map_headline dt{
display:none;
}
dl#map_headline dd{
margin:0;
padding:5px 0;
line-height:22px;
}
dl#map_headline h1{
margin:0;
padding:0;
font-size:100%;
font-weight:normal;
}
dl#map_headline .address{
float:left;
}
dl#map_headline .scale{
float:right;
}
dl#map_headline .near{
float:right;
margin-left:5px;
}
dl#map_headline .scale span{
margin:0 1px;
padding:0 2px;
}


#map_waku{
margin:0 5px;
padding:1px;
border:1px solid #0080c0;
}
#map_inner{
background-color:#f1f1f1;
}

/*------------------------------------------------------------------

条件
------------------------------------------------------------------*/
.type_0 a:hover{color:#fd7a3e;}
.type_1 a:hover{color:#3392cd;}
.type_2 a:hover{color:#947b63;}
.type_3 a:hover{color:#dab920;}
.type_4 a:hover{color:#77bc03;}
.type_5 a:hover{color:#38911b;}
.type_6 a:hover{color:#f365ba;}
.type_7 a:hover{color:#ee4b38;}
.type_8 a:hover{color:#663399;}
.type_9 a:hover{color:#1c68c0;}
.type_10 a:hover{color:#373a4e;}

.type_0 .typeA{background:#fd7a3e;}
.type_1 .typeA{background:#3392cd;}
.type_2 .typeA{background:#947b63;}
.type_3 .typeA{background:#dab920;}
.type_4 .typeA{background:#77bc03;}
.type_5 .typeA{background:#38911b;}
.type_6 .typeA{background:#f365ba;}
.type_7 .typeA{background:#ee4b38;}
.type_8 .typeA{background:#663399;}
.type_9 .typeA{background:#1c68c0;}
.type_10 .typeA{background:#373a4e;}

.type_0 .typeB{background:#ffcc99;}
.type_1 .typeB{background:#a5e1fd;}
.type_2 .typeB{background:#d3c9be;}
.type_3 .typeB{background:#e8df79;}
.type_4 .typeB{background:#dbeb6d;}
.type_5 .typeB{background:#a3d891;}
.type_6 .typeB{background:#f2bad2;}
.type_7 .typeB{background:#f8a399;}
.type_8 .typeB{background:#ccccff;}
.type_9 .typeB{background:#83c0f0;}
.type_10 .typeB{background:#adafb6;}

.type_0 .typeC{background:#ffeecc;}
.type_1 .typeC{background:#e4f6fe;}
.type_2 .typeC{background:#f4efe8;}
.type_3 .typeC{background:#fef7ed;}
.type_4 .typeC{background:#f2f9c8;}
.type_5 .typeC{background:#e7f9e1;}
.type_6 .typeC{background:#f1e9f2;}
.type_7 .typeC{background:#fcebe9;}
.type_8 .typeC{background:#f9ecfb;}
.type_9 .typeC{background:#f4fefe;}
.type_10 .typeC{background:#eef0f3;}


#condition{
margin:0;
padding:0;
}
#condition dl{
margin:0 5px 5px;
padding:3px 0 5px;
background:url(/homes/images/bg_dot.gif) left bottom no-repeat;
}
#condition dl#condition_bukken{
margin:5px;
}
#condition dl#condition_bukken dd{
margin:0px;
}
#condition dt{
float:left;
width:53px;
margin:0;
padding:0;
}
#condition dd{
float:right;
width:322px;
margin:-3px 0 0 0;
padding:0;
}
#condition #condition_madori dt{
width:40px;
}
#condition #condition_madori dd{
width:335px;
margin:0px;
}
#condition #condition_kodawari dt{
width:76px;
}
#condition #condition_kodawari dd{
width:299px;
margin:0px;
}
#condition #condition_kodawari li{
display:none;
}
#condition #condition_kodawari li.default{
display:block;
}
#condition ul{
width:100%;
margin:0;
padding:0;
list-style:none;
}
#condition li{
display:block;
float:left;
margin:0 5px 0 0;
padding:0;
white-space:nowrap;
line-height:1.5;
}
#condition input{
margin-top:-2px;
margin-bottom:0;
padding:0;
}
#condition .posR{
margin:0 5px;
padding:0;
}
label{
cursor:pointer;
}

/*------------------------------------------------------------------

検索結果
------------------------------------------------------------------*/
#result{margin:0;padding:0;}

/*
現在表示
------------------------------------------------------------------*/
#result .title p{
margin:0;
padding:10px 0 0 5px;
background:url(/homes/images/bg_line.gif) left bottom no-repeat;
line-height:1;
}
#title_option{
display:none;
}
#result .title a,
#result .title a:hover{
text-decoration:none;
}
#result dl{
margin:0;
padding:5px 5px 2px;
background:#fff;
line-height:22px;
}
#result dt{
float:left;
margin:0;
padding:0;
}
#result dt strong{
font-size:16px;
}
#result dd{
float:right;
margin:0;
padding:1px 0 0 0;
}

/*
テーブル
------------------------------------------------------------------*/
#list_table{
overflow:auto;
}
#list_table_inner{
width:370px;
}
#list_table table{
width:100%;
}
#result thead{
color:#fafafa;
}
#result thead th{
padding:3px 2px;
font-size:10px;
font-weight:normal;
text-align:center;
}
#result thead th a,
#result thead th a:hover{
color:#fff;
font-size:12px;
}
#result td{
padding:4px 2px;
border-bottom:1px solid #ccc;
text-align:center;
line-height:1.2;
font-size:10px;
}
#result td span,
#result td.col4 strong{
display:block;
}
#result td strong{
font-size:13px;
}
#result td span{
font-size:13px;
}
#result .zebra{
background:#fff;
}
#result td a:hover span{
text-decoration:underline;
}
#result td.col2,
#result td.col4{
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
#result td.col6{
border-left:1px solid #ccc;
}

/*
ボタン＋ページャー
------------------------------------------------------------------*/
.btn_submit{
margin:0;
padding:3px 5px;
color:#fff;
line-height:22px;
text-align:right;
}
.pager{
margin:0;
padding:3px 5px;
line-height:20px;
text-align:center;
}
.pager a,
.pager a:hover{
margin:0 1px;
padding:2px;
text-decoration:none;
font-size:12px;
}
.pager a:hover{
text-decoration:underline;
}

/*
地図上の家アイコン
------------------------------------------------------------------*/
.icon_home{
float:left;
margin:0;
padding:0 15px 0 0;
background:url(/homes/images/icon_home_img.gif) top right no-repeat;
cursor:pointer;
}
.icon_home_inner{
margin:0;
padding:9px 0 0 10px;
text-align:center;
background:url(/homes/images/icon_home_txt.gif) top left no-repeat;
height:24px;
font-size:12px;
font-weight:bold;
overflow:hidden;
line-height:1.1;
}
.icon_here{
display:none;
position:absolute;
top:-20px;
left:-15px;
width:67px;
height:67px;
}
.over .icon_here{
display:block;
}

/*
ポップアップ
------------------------------------------------------------------*/
.btn_close a:hover,.btn_close a:hover img{background:none;opacity:0.8;filter:alpha(opacity="80");}

/*
物件
-----------------------------*/
.popup_bukken{border:1px solid #ccc; background:#fff;}

/*閉じる*/
.popup_bukken .btn_close{position:absolute;top:5px;right:5px;text-align:right;}

/*メインエリア*/
.popup_bukken dl{width:190px;margin:0;padding:5px 0;font-size:12px;line-height:1.2;}
.popup_bukken dt{margin:0 0 5px;padding:0 5px;}
.popup_bukken dd{margin:0;padding:0 5px;}
.popup_bukken dt span{padding:0 21px 0 0;color:#555;}
.popup_bukken dt strong{display:block;margin:2px 0 0;padding:3px;color:#fff;text-align:center;font-size:14px;}
.popup_bukken dd strong{margin:0 3px 0 10px;font-size:16px;}
.popup_bukken .popup_detail{font-size:10px;}
.popup_bukken .popup_detail a{margin:0 0 0 5px;white-space:nowrap;}
/*詳細情報*/
.popup_bukken .clearfix{margin:5px 0;padding:0 0 5px 5px;font-size:10px;}
.popup_bukken ul{float:left;margin:0;padding:2px 0 0;list-style:none;}
.popup_bukken li{float:left;width:83px;margin:3px 4px 0 0;padding:0px;}
.popup_bukken li span{display:block;padding:3px;}
.popup_bukken p{margin:0;padding:0;font-size:10px;}
/*サムネイルがある場合*/
.popup_bukken ul.thumOn{float:right;width:87px;}
.popup_bukken ul.thumOn li{margin:3px 0 0 0;}
.popup_bukken .clearfix a:hover,.popup_bukken .clearfix a:hover img{background:none;opacity:0.8;filter:alpha(opacity="80");}
.popup_bukken .clearfix div{float:left;width:83px;margin:0;padding:5px 0 0;}

/*
不動産業者
-----------------------------*/
.popup_fudousan{width:200px;border:1px solid #ccc; background:#fff;}
.popup_fudousan .popup_fudousan_inner{height:200px;overflow:auto;}

/*閉じる*/
.popup_fudousan .btn_close{padding:3px;text-align:right;}

/*メインエリア*/
.popup_fudousan dl{margin:0;padding:0 0 5px 0;font-size:12px;line-height:1.2;}
.popup_fudousan dt{margin:0;padding:0;}
.popup_fudousan dt a{display:block; margin:0 5px;padding:5px;background:#003366;color:#fff;font-weight:bold;}
.popup_fudousan dt a:hover{background:#003366;color:#fff;}
.popup_fudousan dd{margin:5px 0 0;padding:0 5px;}
.popup_fudousan dd.popup_icon_info{margin:10px 0 0; padding:0 0 10px;text-align:center;}
.popup_fudousan dd.popup_icon_info img{margin:0 1px;}
.popup_fudousan a:hover,.popup_fudousan a:hover img{background:none;opacity:0.8;filter:alpha(opacity="80");}

/*
ランドマーク
-----------------------------*/
.popup_landmark{position:relative;top:0;right:0;width:190px;border:1px solid #ccc; background:#fff;}

/*閉じる*/
.popup_landmark .btn_close{position:absolute;top:7px;right:5px;text-align:right;}

/*メインエリア*/
.popup_landmark p{width:164px;margin:0 21px 0 5px;padding:5px 0;font-size:12px;line-height:1.2;}

/*
駅家賃相場・市区町村家賃相場
-----------------------------*/
.popup_souba{width:190px;border:1px solid #ccc; background:#fff;}

/*閉じる*/
.popup_souba .btn_close{padding:3px;text-align:right;}
.popup_souba .btn_close a{display:block;}

/*メインエリア*/
.popup_souba dl{margin:0;padding:0 0 5px 0;font-size:12px;line-height:1.2;}
.popup_souba dt{margin:0 5px;padding:5px;background:#FF0000;color:#fff;font-weight:bold;}
.popup_souba dd{margin:5px 0 0;padding:0 5px;}
.popup_souba table{width:100%;margin:0 0 5px;}
.popup_souba tr{background:url(/homes/images/bg_dot.gif) left bottom no-repeat;}
.popup_souba th{padding:3px;font-weight:normal;text-align:left;}
.popup_souba td{padding:3px;font-size:10px;text-align:right;}
.popup_souba td strong{margin:0 2px;font-size:12px;}
.popup_souba p{margin:0;padding:0;text-align:right;}
.popup_souba p a:hover{color:#ff0000;}

/*市区町村*/
.souba_sikuchouson .btn_close{position:absolute;top:10px;right:5px; width:29px; height:16px; padding:0; background:url(/homes/images/btn_on.gif);}
.souba_sikuchouson .btn_close a:hover,.souba_sikuchouson .btn_close a:hover img{background:none;opacity:0.8;filter:alpha(opacity="80");}
.souba_sikuchouson .btn_close a:hover{background:url(/homes/images/btn_on2.gif);}
.souba_sikuchouson dl{padding:5px 0;}
.souba_sikuchouson dt{margin:0 39px 0 5px;}

/*displayFlag*/
.displayFlag .btn_close img{visibility:hidden;}
.displayFlag dd{display:none;}

