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

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

last modify : 2010/08/11 041_ooba
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 24px;
	padding:0px;
	}
	
/* ----------------------------------------------------------
 検索対象地域の選択
---------------------------------------------------------- */
/* ----------------------------------------------------------
 次へボタンと店舗リンク
---------------------------------------------------------- */

#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:133px;
	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:133px;
	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;
	}
.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;
	}