@charset "utf-8";

/* -----------------------------------------------------------------------------
**
** アパマンショップ search map CSS
**
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
** reset
----------------------------------------------------------------------------- */
/* ---------------------------------------------------------
** base-layout
--------------------------------------------------------- */
div#base-layout {
	width: 980px;
	}

/* ---------------------------------------------------------
** main
--------------------------------------------------------- */
div#main {
	width: 980px;
	}

/* ---------------------------------------------------------
** topicPath
--------------------------------------------------------- */
div#topicPath {
	padding: 0 0 0 24px;
	}

/* ---------------------------------------------------------
** searchDetail
--------------------------------------------------------- */
div#searchDetail {
	width: 980px;
	margin: 0 auto 10px auto;
	}
div#searchDetail .lead {
	width: 980px;
	margin: 0 auto;
	}
div#searchDetail div.warningBlock {
	width: auto;
	}

/* ---------------------------------------------------------
** expand
検索結果　サイドメニュー展開タブ部分
--------------------------------------------------------- */
div#searchDetail div#expand {
	width: 24px;
	float: left;
	padding: 150px 0 0 0; /* 仮設定 */
	}
div#searchDetail div#expand p img {
	cursor: pointer;
	}

/* ---------------------------------------------------------
** searchDetailInner
検索結果　サイドメニュー＋メイン外枠
--------------------------------------------------------- */
div#searchDetail div#searchDetailInner {
	width: 980px;
	float: left;
	margin: 0;
	}

/* ---------------------------------------------------------
** side / contents
メインコンテンツ枠
--------------------------------------------------------- */
div#searchDetail div#searchDetailInner div#side {
	width: 250px;
	float: left;
	}
div#searchDetail div#searchDetailInner div#contents {
	width: 710px;
	float: right;
	}

/* ---------------------------------------------------------
** fromRateSearch
家賃相場関連
--------------------------------------------------------- */
/* ソートボタン周り */
div#fromRateSearch div#categoryBtnBlock {
	width: 710px;
	margin: 0 auto 7px auto;	
	border-bottom: 2px solid #3f97d8;
	}
div#fromRateSearch div#categoryBtnBlock div.btnBlock {
	float: left;
	width: 500px;
	padding: 0 0 0 7px;
	}
div#fromRateSearch div#categoryBtnBlock div.btnBlock ul {
	width: 500px;
	}
div#fromRateSearch div#categoryBtnBlock div.btnBlock ul li {
	float: left;
	padding: 0 3px 0 0;
	}
div#fromRateSearch div#categoryBtnBlock div.btnBlock ul li.last {
	padding: 0;
	}
div#fromRateSearch div#categoryBtnBlock div.iconBlock {
	float: right;
	width: 195px;
	}
div#fromRateSearch div#categoryBtnBlock div.iconBlock ul {
	float: left;
	margin: 2px 0 0 0;
	}
div#fromRateSearch div#categoryBtnBlock div.iconBlock ul li {
	float: left;
	margin: 0 8px 0 0;
	}
div#fromRateSearch div#categoryBtnBlock div.iconBlock p.unit {
	float: right;
	width: 60px;
	text-align: right;
	font-size: 93%;
	color: #666666;
	padding: 8px 7px 0 0;
	}

/* 家賃相場詳細のテーブル */
div#fromRateSearch div#rateDetailTable {
	margin: 0 auto 20px auto;
	width: 710px;
	}
div#fromRateSearch div#rateDetailTable table {
	width: 100%;
	border-top: 1px solid #055ba3;
	}
div#fromRateSearch div#rateDetailTable table th,
div#fromRateSearch div#rateDetailTable table td {
	width: 10%;
	}
div#fromRateSearch div#rateDetailTable table th {
	background: url(/images/search/common/bg_table_th_01.jpg) repeat-x center;
	border-right: 1px solid #5aa0d3;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	}
div#fromRateSearch div#rateDetailTable table th.first {
	border-left: 1px solid #055ba3;
	border-right: 1px solid #5aa0d3;
	padding: 0;
	width: 18%;
	}
div#fromRateSearch div#rateDetailTable table th.last {
	border-right: 1px solid #055ba3;
	}
div#fromRateSearch div#rateDetailTable table td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0;
	text-align: center;
	}
div#fromRateSearch div#rateDetailTable table td a {
	color: #315db3;
	}
div#fromRateSearch div#rateDetailTable table th.label {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: none;
	padding: 5px 5px 5px 10px;
	text-align: left;
	color: #333333;
	}
div#fromRateSearch div#rateDetailTable table th.label p.txt {
	float: left;
	padding: 3px 0 0 0;
	}
div#fromRateSearch div#rateDetailTable table th.label p.btn {
	float: right;
	}
div#fromRateSearch div#rateDetailTable ul#areaRelaLink {
	padding: 10px 0 0 0;
	float: right;
	}
div#fromRateSearch div#rateDetailTable ul#areaRelaLink li {
	float: left;
	white-space: nowrap;
	margin: 0 20px 0 0;
	}
div#fromRateSearch div#rateDetailTable ul#areaRelaLink li.last {
	margin: 0;
	}
div#fromRateSearch div#rateDetailTable ul#areaRelaLink li a {
	background: url(/common/images/icon_01.gif) left center no-repeat;
	padding: 0 0 0 18px;
	color: #434eb5;
	}

/* 相場変動グラフ */
div#fromRateSearch div#flucGraphBlock {
	width: 710px;
	margin: 0 auto 20px auto;
	clear: both;
	}
div#fromRateSearch div#flucGraphBlock h3 {
	margin: 0 0 5px 0;
	font-size: 116%;
	font-weight: bold;
	color: #666666;
	padding: 0 0 0 4px;
	}
div#fromRateSearch div#flucGraphBlock div.innerBlock {
	background: url(/images/search/common/bg_graph.jpg) no-repeat;
	}
div#fromRateSearch div#flucGraphBlock div.innerBlock div#graph {
	margin: 0 auto;
	padding: 23px 0;
	text-align: center;
	}
div#fromRateSearch div#flucGraphBlock div.innerBlock ul {
	width: 600px;
	text-align: center;
	margin: 0 0 0 58px;
	padding: 0 0 11px 0;
	}
div#fromRateSearch div#flucGraphBlock div.innerBlock ul li {
	float: left;
	margin: 0 4px 0 0;
	}
div#fromRateSearch div#flucGraphBlock div.innerBlock ul li.last {
	margin: 0;
	}












/* -----------------------------------------------------------------------------
** 汎用的レイアウト
----------------------------------------------------------------------------- */
div#searchDetail div.txtBlock {
	margin: 0 auto 20px auto;
	clear: both;
	}
div#searchDetail div.warningBlock {
	margin: 0 auto 20px auto;
	clear: both;
	}
div#searchDetail div.warningBlock p {
	margin: 0 0 0 1em;
	text-indent: -1em;
	font-size: 93%;
	color: #666666;
	}

/* -----------------------------------------------------------------------------
** メインコンテンツ
----------------------------------------------------------------------------- */
/* ---------------------------------------------------------
** areaInfo
検索エリア情報
--------------------------------------------------------- */
div#areaInfo {
	margin: 0 auto 10px auto;
	border: 1px solid #0aa4d7;
	padding: 5px 0 2px 0;
	}
div#areaInfo .area {
	width: 320px;
	float: left;
	padding: 5px 0 0 8px;
	}
div#areaInfo .area .data {
	color: #0aa4d7;
	font-weight: bold;
	}
div#areaInfo .total {
	width: 170px;
	float: right;
	text-align: right;
	padding: 3px 10px 0 0;
	}
div#areaInfo .total .data {
	color: #ff6666;
	font-weight: bold;
	font-size: 116%;
	}
div#areaInfo .btn {
	width: 193px;
	float: right;
	padding: 0 3px 0 0;
	}
/* ---------------------------------------------------------
** showMapBlock
地図表示部分
--------------------------------------------------------- */
div#showMapBlock {
	margin: 0;
	background: #dfeef9;
	position: relative;
	}
div#showMapBlock div.mapArea {
	height: 700px;
	padding: 10px;
	border: 1px solid #b2d5ef;
	border-bottom: none;
	background: #dfeef9;
	}
/* ---------------------------------------------------------
** selectPointInfo
選択した地点の物件情報
--------------------------------------------------------- */
/*div#selectPointInfo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	}*/
div#mapMenu {
	width: 350px;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	}
div#mapMenu div.clearBlock {
	width: 350px;
	}
/* 開閉タブ */
div#mapMenu div#expandMap {
	width: 29px;
	float: right;
	}
div#mapMenu div#expandMap p img {
	cursor: pointer;
	}
/* 物件情報 */
div#mapMenu div#mapData {
	width: 310px;
	float: right;
	background: #dfeef9;
	}
div#mapMenu div#mapData table {
	width: 310px;
	border-collapse: collapse;
	}
div#mapMenu div#mapData table th {
	font-size: 93%;
	color: #666666;
	padding: 3px 0;
	background: #eff7fc;
	border-top: 1px solid #b2d5ef;
	border-left: 1px solid #b2d5ef;
	padding: 3px;
	}
div#mapMenu div#mapData table td {
	font-size: 93%;
	background: #eff7fc;
	border-top: 1px solid #b2d5ef;
	color: #666666;
	}
div#mapMenu div#mapData table td a {
	color: #434eb5;
	}
/*div#selectPointInfo div#mapMenu div#mapData table th p.link a {
	background: url(/images/search/map/icon_arrow.gif) no-repeat right top;
	padding: 0 15px 0 0;
	}*/
/* 項目 */
div#mapMenu div#mapData table th.address {
	border-bottom: 1px solid #b2d5ef;
	border-right: 1px solid #b2d5ef;
	}
div#mapMenu div#mapData table th.pic {
	width: 58px;
	text-align: center;
	}
div#mapMenu div#mapData table th.rent,
div#mapMenu div#mapData table th.type {
	width: 95px;
	}
div#mapMenu div#mapData table th.check {
	text-align: center;
	width: 30px;
	border-right: 1px solid #b2d5ef;
	}
/*div#selectPointInfo div#mapMenu div#mapData table th.pic,
div#selectPointInfo div#mapMenu div#mapData table th.rent,
div#selectPointInfo div#mapMenu div#mapData table th.type,
div#selectPointInfo div#mapMenu div#mapData table th.check {
	background: #2379be url(/images/search/map/bg_menu_th.gif) repeat-x left bottom;
	}*/
/* データ枠 */
div#mapMenu div#mapData table td.pic {
	width: 58px;
	text-align: center;
	padding: 4px;
	border-left: 1px solid #b2d5ef;
	}
div#mapMenu div#mapData table td.pic img {
	border: 1px solid #013499;
	}
div#mapMenu div#mapData table td.rent,
div#mapMenu div#mapData table td.type {
	width: 90px;
	padding: 2px;
	border-top: none;
	}
div#mapMenu div#mapData table td.rent p,
div#mapMenu div#mapData table td.type p {
	line-height: 1.2;
	}
/* チェックボックス */
div#mapMenu div#mapData table td.check {
	text-align: center;
	padding:3px;
	font-size: 1%;
	border-left: 1px solid #b2d5ef;
	border-right: 1px solid #b2d5ef;
	width: 30px;
	}
div#mapMenu div#mapData table td.check p.checkBorder {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 3px 0;
	width: 19px;
	text-align: center;
	}
div#mapMenu div#mapData table td.check p.checkBorder input {
	margin: 0;
	padding: 0;
	}
div#mapMenu div#mapData table td.check p.new {
	margin: 8px 0 0 0;
	}
/* ボタン */
div#mapMenu div#mapData table td.btn {
	background: #eff7fc;
	padding: 0 2px 4px 2px;
	font-size: 1%;
	border-top: none;
	border-left: 1px solid #b2d5ef;
	}
div#mapMenu div#mapData table td.btn ul {
	clear: both;
	width: 260px;
	margin: 0 0 0 4px;
	}
div#mapMenu div#mapData table td.btn ul li {
	width: 85px;
	float: left;
	padding: 0 2px 0 0;
	font-size: 1%;
	}
div#mapMenu div#mapData table td.btn ul li.last {
	padding: 0;
	}

/* ---------------------------------------------------------
** amountBlock
ページリンク
--------------------------------------------------------- */
div#mapMenu div#mapData div.amountBlock {
	clear: both;
	width: 292px;
	font-size: 100%;
	margin: 0;
	padding: 8px;
	background: #ffffff;
	border: 1px solid #b2d5ef;
	}
div#mapMenu div#mapData div.amountBlock div.innerBlock {
	font-size: 116%;
	}
div#mapMenu div#mapData div.amountBlock div.innerBlock p.prev {
	width: 70px;
	text-align: right;
	float: left;
	padding: 0 5px 0 0;
	}
div#mapMenu div#mapData div.amountBlock div.innerBlock p.next {
	width: 70px;
	float: right;
	}
div#mapMenu div#mapData div.amountBlock div.innerBlock ul {
	width: 160px;
	float: left;
	text-align: center;
	}
div#mapMenu div#mapData div.amountBlock div.innerBlock ul li {
	padding: 0 2px;
	}
div#mapMenu div#mapData div.amountBlock div.innerBlock a {
	/*color: #666666;*/
	color: #434eb5;
	}
div#mapMenu div#mapData div.amountBlock div.innerBlock ul li.stay {
	/*color: #ff6600;*/
	color: #666666;
	}
div#mapMenu div#mapData div.amountBlock p.info {
	clear: both;
	text-align: center;
	color: #0aa4d7;
	font-weight: normal;
	font-size: 93%;
	padding: 3px 0 0 0;
	}
div#mapMenu div#mapData div.amountBlock p.amount {
	padding: 0;
	}
div#mapMenu div#mapData div.amountBlock ul {
	width: 120px;
	}



/* ---------------------------------------------------------
** checkOperation
チェックした物件
--------------------------------------------------------- */
div#mapMenu div#mapData div.checkOperation {
	clear: both;
	width: 308px;
	background: #dfeef9;
	padding: 8px 0 5px 0;
	border: 1px solid #b2d5ef;
	border-top: none;
	}
div#mapMenu div#mapData div.checkOperation p.title {
	text-align: center;
	margin: 0 0 8px 0;
	}
div#mapMenu div#mapData div.checkOperation ul {
	width: 296px;
	margin: 0 0 0 8px;
	}
div#mapMenu div#mapData div.checkOperation ul li {
	width: 97px;
	float: left;
	padding: 0 2px 0 0;
	}
div#mapMenu div#mapData div.checkOperation ul li.last {
	padding: 0;
	}

/* ---------------------------------------------------------
** mapControlBlock
地図操作部分
--------------------------------------------------------- */
div#mapControlBlock {
	clear: both;
	height: 35px;
	background: url(/images/search/map/bg_mapcontrol.gif) repeat-x left top;
	margin: 0 auto 10px auto;
	}
div#mapControlBlock div.innerBlock {
	width: 690px;
	padding: 7px 0 0 7px;
	}
div#mapControlBlock div.innerBlock p.btn {
	width: 129px;
	float: left;
	padding: 0 4px 0 0;
	}
div#mapControlBlock div.innerBlock ul {
	width: 465px;
	float: left;
	}
div#mapControlBlock div.innerBlock ul li {
	float: left;
	}
div#mapControlBlock div.innerBlock p.txt {
	width: 80px;
	float: left;
	color: #82b8e3;
	padding: 3px 0 0 2px;
	font-size: 93%;
	}

/* ---------------------------------------------------------
** messageBlock
【28】確認・完了メッセージ（search.cssより複製・修正）
--------------------------------------------------------- */
div.errorBlock {
	padding: 30px 20px;
	border-left: 1px solid #b2d5ef;
	border-right: 1px solid #b2d5ef;
	border-bottom: 1px solid #b2d5ef;
	}
div.errorBlock div.messageBlock {
	margin: 0;
	padding: 10px;
	}
div#searchDetail div.messageBlock .lead {
	width: auto;
	margin: 0;
	}

/* -----------------------------------------------------------------------------
** Hack
----------------------------------------------------------------------------- */
/* for IE7 */
*:first-child+html div#selectPointInfo div#mapMenu div#mapData table td.check p.checkBorder {
	padding: 0;
	width: 21px;
	}
/* for IE6 */
* html div#selectPointInfo div#mapMenu div#mapData table td.check p.checkBorder {
	padding: 0;
	width: 21px;
	}

/* -----------------------------------------------------------------------------
** clearfix
----------------------------------------------------------------------------- */
div#searchDetail,
div#searchDetail div#searchDetailInner,
div#areaInfo,
div#mapControlBlock div.innerBlock,
div#mapControlBlock div.innerBlock ul,
div#selectPointInfo,
div#selectPointInfo div#mapMenu,
div#selectPointInfo div#mapMenu div.clearBlock,
div#selectPointInfo div#mapMenu div#mapData div.amountBlock div.innerBlock,
div#selectPointInfo div#mapMenu div#mapData div.checkOperation ul,
div#fromRateSearch div#categoryBtnBlock,
div#fromRateSearch div#categoryBtnBlock ul,
div#fromRateSearch div#rateDetailTable,
div#fromRateSearch div#rateDetailTable ul#areaRelaLink,
div#fromRateSearch div#flucGraphBlock div.innerBlock ul {
	overflow: hidden;
	}

div#searchDetail:after,
div#searchDetail div#searchDetailInner:after,
div#areaInfo:after,
div#mapControlBlock div.innerBlock:after,
div#mapControlBlock div.innerBlock ul:after,
div#selectPointInfo:after,
div#selectPointInfo div#mapMenu:after,
div#selectPointInfo div#mapMenu div.clearBlock:after,
div#selectPointInfo div#mapMenu div#mapData div.amountBlock div.innerBlock:after,
div#selectPointInfo div#mapMenu div#mapData div.checkOperation ul:after,
div#fromRateSearch div#categoryBtnBlock:after,
div#fromRateSearch div#categoryBtnBlock ul:after,
div#fromRateSearch div#rateDetailTable:after,
div#fromRateSearch div#rateDetailTable ul#areaRelaLink:after,
div#fromRateSearch div#flucGraphBlock div.innerBlock ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}

/*\*/
* html div#searchDetail,
* html div#searchDetail div#searchDetailInner,
* html div#areaInfo,
* html div#mapControlBlock div.innerBlock,
* html div#mapControlBlock div.innerBlock ul,
* html div#selectPointInfo,
* html div#selectPointInfo div#mapMenu,
* html div#selectPointInfo div#mapMenu div.clearBlock,
* html div#selectPointInfo div#mapMenu div#mapData div.amountBlock div.innerBlock,
* html div#selectPointInfo div#mapMenu div#mapData div.checkOperation ul,
* html div#fromRateSearch div#categoryBtnBlock,
* html div#fromRateSearch div#categoryBtnBlock ul,
* html div#fromRateSearch div#rateDetailTable,
* html div#fromRateSearch div#rateDetailTable ul#areaRelaLink,
* html div#fromRateSearch div#flucGraphBlock div.innerBlock ul {
	height: 1em;
	overflow: visible;
	}
/**/