@charset "Shift-JIS";
@import url("commonsearch.css");
/* ==========================================================

title : ホームメイト 賃貸カテゴリ 市区町村選択
scope : 賃貸カテゴリ 市区町村選択ページ（地域から検索）

last modify : 2015/08/10 156_goto タイトル部分を1列に変更

2015/04/27 140_matsumoto お役立ち文字サイズ変更
2015/02/13 227_suzuki 見出し右側 トト＆トコイラスト追加
2013/06/10 163_yamamoto　改修
2011/09/13 153_miyano
			
			
memo  : さらに地域を絞るボタン追加

========================================================== */

/* ----------------------------------------------------------
 search_head
---------------------------------------------------------- */
#search_head ul.search_route {
	width:330px;
	background:url(../image/01_lst_route_area.gif) no-repeat 0 0;
	}
#search_head ul.search_route li#route_area {
	width:126px;
	}
#search_head ul.search_route li#route_cond {
	width:107px;
	}

/* ----------------------------------------------------------
 事業所HP　事業用賃貸物件検索タイトル・リード文
---------------------------------------------------------- */
h2#ttl_office {
	position:relative;
	width:900px;
	height:120px;
	margin:-20px auto 10px;
	padding:0px;
	}
.lead_leasel_box{
	width:868px;
	margin:0 auto 15px;
	padding: 6px 13px 7px;
	border: 2px solid #ff4c82;
	}
p.lead_leaseltop{
	margin:0 auto 7px;
	padding:0px;
	text-align: left;
	font-size: 80%;
	letter-spacing: 0.05em;
	line-height: 130%;
	font-weight: bold;
	color: #333333;
	}
p.lead_leasel{
	margin:0 auto 0;
	padding:0px;
	text-align: left;
	font-size: 80%;
	letter-spacing: 0.05em;
	line-height: 130%;
	}
	
/* ----------------------------------------------------------
 検索対象地域の選択
---------------------------------------------------------- */
/* ----------------------------------------------------------
 次へボタンと店舗リンク
---------------------------------------------------------- */

#page_btn_box {
	clear: both;
	margin: 0px auto 0px;
	}
p.shoplink {
	clear:both;
	margin: 20px auto 0px;
	font-size: 80%;
	}
p.shoplink a {
	display:inline;
	padding: 2px 0px 2px 32px;
	background:url(../image/01_ico_shoplink.gif) no-repeat 0 0;
	}
/* ----------------------------------------------------------
 area_left
---------------------------------------------------------- */
#search_main #area_left {
	float: left;
	width:512px;
	}
.box01_bgleft {
	margin:0px;
	padding:0px;
	background:url(../image/01_bg_01l.gif) no-repeat left top;
	}
.box01_bgright {
	margin:0px;
	padding:0px;
	background:url(../image/01_bg_01r.gif) no-repeat right top;
	}
.box01_bgfoot {
	width:492px;
	margin: 0px 10px;
	padding: 0px 0px 11px 0px;
	background:url(../image/01_bg_01f.gif) repeat-x center bottom;
	}
.box01_bgcenter {
	width:492px;
	height: 49px;
	margin:0px;
	padding:0px;
	background:url(../image/01_bg_center.gif) repeat-x 0 0;
	}

.box02_bgleft {
	margin:0px;
	padding:0px;
	background:url(../image/01_bg_02l.gif) no-repeat left top;
	}
.box02_bgright {
	margin:0px;
	padding:0px;
	background:url(../image/01_bg_02r.gif) no-repeat right top;
	}
.box02_bgfoot {
	position:relative;
	overflow: hidden;
	clear: both;
	width:492px;
	margin:0px 10px;
	padding: 0px;
	border-bottom: 1px solid #cbcbcb;
	}
.box02_bgcenter {
	width:492px;
	height: 239px;
	margin: 0px 0px;
	padding: 0px;
	background:url(../image/01_bg_center.gif) #ececec repeat-x 0 0;
	}
#area_left h2 {
	width:492px;
	height:45px;
	margin:0px;
	padding:0px;
	text-indent:-10000px;
	}
#search_main h2#ttl_prf01 {
	float: left;
	width: 200px;
	background:url(../image/01_ttl_prf01.gif) no-repeat 5px 13px;
	}
#search_main h2#ttl_prf02 {
	background:url(../image/01_ttl_prf02.gif) no-repeat 5px 13px;
	}
.select_city_secondbox{
	float:left;
	width: 229px;
	margin: 0;
	padding: 0;
	}
/* --------------------
 駅・路線検索はこちら
-------------------- */
#btn_rail {
	position:absolute;
	top:10px;
	right:6px;
	width:147px;
	height:26px;
	margin:0px;
	padding:0px;
	background:url(../image/01_bg_btn_rail.gif) no-repeat 0 0;
	font-size:80%;
	text-indent:15px;
	line-height:26px;
	}
#btn_rail a {
	display:block;
	width:147px;
	height:26px;
	}
#btn_rail a:hover {

	background:url(../image/01_bg_btn_rail.gif) no-repeat 0 -26px;
	}
/* ----------------------------------------------------------
 area_center
---------------------------------------------------------- */	
#search_main #area_center {
	float: left;
	margin: 157px 10px 0px;
	width:49px;
	text-align: left;
	}
	/* ----------------------------------------------------------
 area_right
---------------------------------------------------------- */
/*  area_right  */
#search_main .area_right {
	float: right;
	width:289px;
	height: 274px;
	margin: 26px 0px 10px;
	padding: 0;
	background:url(../image/01_bg_03area.gif) no-repeat 0 0;
	}
.area_right h2 {
	width: 289px;
	height:59px;
	margin:0;
	padding:0px;
	text-indent:-10000px;
	}
.area_right h2#ttl_stock {
	background:url(../image/01_ttl_stock.gif) no-repeat center 20px;
	}
.area_right h2#ttl_stock_more {
	width: 289px;
	height:80px;
	background:url(../image/01_ttl_stock_more.gif) no-repeat center 20px;
	}
.select_stock_areabox{
	margin: 0 auto;
	padding: 0;
	width: 255px;
	}
/* 削除 */
.area_right p.select_stockcancel {
	width: 115px;
	height: 20px;
	margin: 7px auto 0;
	padding: 0;
	background:url(../image/01_btn_stockcancel.gif) no-repeat 0 -20px;
	text-indent: -9999px;
	}
.area_right p.select_stockcancel_on{
	width: 115px;
	height: 20px;
	margin: 7px auto 0;
	padding: 0;
	background:url(../image/01_btn_stockcancel.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
.area_right p.select_stockcancel a{
	display: block;
	width: 115px;
	height: 20px;
	}
.area_right p.select_stockcancel_on a{
	display: block;
	width: 115px;
	height: 20px;
	}

	/* ----------------------------------------------------------
selectボックス定義
---------------------------------------------------------- */
select {
	margin: 0;
	padding: 0;
	text-align: left;
	}
select#select_pref {
	width: 150px;
	float: left;
	margin: 16px 0px 0px;
	}
select#select_city_first {
	float:left;
	margin: 0px 6px 5px 7px;
	padding: 0px;
	width: 228px;
	height: 160px;
	}
select#select_city_second {
	float:left;
	margin: 0 0 6px 0;
	padding: 0px;
	width: 229px;
	height: 160px;
	}
select#stock_area {
	margin: 20px auto 0;
	padding: 0;
	width: 255px;
	height: 160px;
	}
.select_add {
	display:block;
	width: 37px;
	height:70px;
	margin: 0px 0px 7px 7px;
	padding:0;
	background:url(../image/01_mrk_add.gif) no-repeat center 0px;
	text-indent:-9999px;
	}

p.arrowselect {
	display: block;
	float:left;
	width: 11px;
	height: 160px;
	background:url(../image/01_bg_arrowselect.gif) no-repeat 0px 79px;
	text-indent: -9999px;
	margin: 0px 4px 0px 0px;
	}


/*-----------------20130606改修---------------------------------*/

p.footer_lead {
	clear:both;
}
.contents {
    font-size: 100%;
    margin: 0 auto;
    width: 894px;
}
#wrap01 {
    background: url("/org/rent/image/pref/bg_srchbox.jpg") no-repeat center bottom transparent;
    width: 894px;
/*    margin: 0 0 15px;*/
    margin: 0;
}
#wrap01 .main_box {
    margin: 0;
    padding: 0;
    position: relative;
    width: 894px;
}
#wrap01 .main_box img {
    border: medium none;
}
#top_ret_map img {
    vertical-align: bottom;
}
/* new clearfix */
#wrap01 .main_box:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #wrap01 .main_box             { zoom: 1; } /* IE6 */
*:first-child+html #wrap01 .main_box { zoom: 1; } /* IE7 */

#wrap01 .main_box p#map_lead {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 32px;
	left: 0;
}

/*  地図選択エリア  */	
#top_ret_map {
    background: url("/org/rent/image/pref/imgmap/image_map_swap0.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 543px;
    margin: 0 0 0 10px;
    padding: 0;
    width: 870px;
}
.ttl_area {
    margin: 0 0 10px;
}
.ttl_area h2.search_workspace {
    border-bottom: 5px solid #DDDDDD;
    font-size: 120%;
    line-height: 135%;
    margin: 0 0 10px;
    padding: 0 5px 2px;
    text-align: left;
    position:relative;
}

/* イラスト追加 */
.ttl_area h2.search_workspace:after{
	content:url(/org/rent/image/pref/img_tototoko.gif);
	position:absolute;
	bottom:0;
	left:675px;
	z-index:10;
}
.ttl_area .search_read {
    clear: both;
    margin: 0 0 5px 10px;
    text-align: left;
}


/*お役立ち情報*/
.linkbox {
    clear: both;
    margin: 0 auto 10px;
	width:880px;
	text-align:left;
	line-height: 1.2;
	font-size:90%;
}
.linkbox .info{
	margin:15px auto 0px;
	overflow:hidden;
	}
.linkbox .info li{
	float:left;
	width:420px;
	height:90px;
	margin:0px 10px 20px;
	border-bottom:1px solid #999;
	}
.linkbox .info li dl{
	float:left;
	width:325px;
	margin:0 10px 5px 0;
	}
.linkbox .info li .grey{
	color:#777;
	}
.linkbox .info li dl dt.arrow_grey {
	 background: url("/org/rent/image/pref/icn_arrow_grey.gif") no-repeat scroll 0 4px transparent;
	}
.linkbox .info li img.thumb{
	float:left;
	width:75px;
	height:75px;
	margin:0 10px 10px 0px;
	}
.linkbox .info li dl dt {
	 background: url("/org/rent/image/pref/icn_arrow_pink.gif") no-repeat scroll 0 4px transparent;
	 padding:2px 0 6px 18px;
   font-size:16px;
   font-weight:bold;
	}
.linkbox .info li dl dt.arrow_green {
	 background: url("/org/rent/image/pref/icn_arrow_green.gif") no-repeat scroll 0 4px transparent;
	}
.linkbox .info li dl dd {
	 padding:0 0 5px 18px;
	 margin:0;
   font-size:16px;
	}
/*長いバージョン*/
.linkbox .info li.long{
	float:left;
	width:860px;
	margin:0px 10px 20px;
	border-bottom:1px solid #999;
	height: 115px;
	}
.linkbox .info li.long dl{
	float:left;
	width:765px;
	margin:0 10px 5px 0;
	}
.linkbox .info li.long dl dt {
	color:#f63a74;
	}
.linkbox .info li dl dd.li_list {
	overflow:hidden;
	margin:5px 0;
	}
.linkbox .info li.long dl dd.li_list li{
	border-left:1px solid #638c0b;
	border-bottom:none;
	padding:0 10px 0;
	margin: 0 0 5px;
	float:left;
    white-space: nowrap;
	width:auto;
	height:auto;
	}
.linkbox .info li.long dl dd.li_list li.border_r{
	border-right:1px solid #638c0b;
	}
/*bnrみたいなバージョン*/
.linkbox .info_sp {
	overflow:hidden;
	margin:0 auto 25px;
	}
.linkbox .info_sp li {
	border:1px solid #999;
	width:858px;
	height:90px;
	margin:0 auto 10px;
	}
.linkbox .info_sp li img.bnr{
	float:left;
	margin:11px 10px 11px;
	}
.linkbox .info_sp li dl{
	float:left;
	width:560px;
	margin:6px 10px 11px 0;
	padding:0 0 0 8px;
	}
.linkbox .info_sp li dl dt{
	background: url("/org/rent/image/pref/icn_arrow_blue.gif") no-repeat scroll 0 10px transparent;
	padding:8px 0 4px 18px;
  font-size:16px;
  font-weight:bold;
	}
.linkbox .info_sp li dl dd{
	margin: 0;
  padding: 0 0 5px 18px;
  font-size:16px;
	}
.linkbox .info_sp li dl.green_bg{
	background:#eaf3d2;
	height:65px;
	margin-top:11px;
	}
  
/* ----------------------------------------------------------
事業用検索_タイトル変更
---------------------------------------------------------- */
#search_head_j {
    position:relative;
    display:block;
    overflow:hidden;
    width:900px;
    height:64px;
    margin:0 auto 0 auto;
    padding:15px 0 0 10px;
    background:url(../image/cmn_bg_search_head.gif) repeat-x 0 10px;
    text-align:left;
    box-sizing:border-box;
}
#search_head_j:after{
	content:url(/org/rent/image/pref/img_tototoko_s.png);
	position:absolute;
	bottom:0;
	right:60px;
	z-index:10;
}

/* ----------------------------------------------------------
ご当地キャラ追加　レイアウト調整
---------------------------------------------------------- */

.h90 {
	height: 90px !important;
}