/* ---------------------------------------------------------- */
/* 新デザイン　検索用スタイルシート
/* ---------------------------------------------------------- */

/* ---------------------------------------------------------- */
/* ページ全体を囲むもの
/* ---------------------------------------------------------- */
/* ※ body → DIV.container → DIV.pagebodyの順で入れ子になり、
/*    DIV.pagebodyの中にコンテンツが入る。
/* ---------------------------------------------------------- */

html {
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
	overflow-x: auto; 
}
body
{
	margin: 0;
	padding: 0;
	background: #E6E6CD;
} 
/* ページ枠　ページ全体のうち左右の枠の間の白く表示された部分 */
.container 
{
	background: url("./../img/bg_pagebody.gif") top repeat-y #E6E6CD;
	width: 910px;
	margin: 0 auto;
	padding: 0;
}
.container2 
{
	background: url("./../img/bg_pagebody2.gif") top repeat-y #E6E6CD;
	width: 910px;
	margin: 0 auto;
	padding: 0;
}

/* エンジン用 */
.containerEng 
{
	background: #fff;
	width: 100%;
}
.pagetop-kensaku 
{
	width: 870px;
	margin: 0 auto 10px auto;
	padding: 10px 10px 10px 0;
	display: block;
	background: url("./../img/dot_light_brown.gif") repeat-x bottom;
	text-align: right;
}
form
{
	margin: 0;
	padding: 0;
	line-height: 180%;
}

/* ---------------------------------------------------------- */
/* 共通要素
/* ---------------------------------------------------------- */

/* 共通リンクカラー */
A:link 
{
	COLOR: #0066cc; TEXT-DECORATION: none
}
A:visited 
{
	COLOR: #cc3366; TEXT-DECORATION: none
}
A:active 
{
	COLOR: #ff0000; TEXT-DECORATION: none
}
A:hover 
{
	COLOR: #00ff00; TEXT-DECORATION: none
}
/* 文字サイズ・色設定用（旧デザインとのい互換用） */
.j16 
{
	FONT-SIZE: 16px; LINE-HEIGHT: 20px
}
.j14 
{
	FONT-SIZE: 14px; LINE-HEIGHT: 18px
}
.j12 
{
	FONT-SIZE: 12px; LINE-HEIGHT: 16px
}
.j11 
{
	FONT-SIZE: 11px; LINE-HEIGHT: 15px
}
.j10 
{
	FONT-SIZE: 11px; LINE-HEIGHT: 14px
}
.j9 
{
	FONT-SIZE: 10px; LINE-HEIGHT: 13px
}
.jsm 
{
	FONT-SIZE: 10px; LINE-HEIGHT: 9px
}
.ora 
{
	COLOR: #0565B3;
}
.gra 
{
	COLOR: #666666
}
.whi 
{
	COLOR: #ffffff
}
.gra65 
{
	COLOR: #595959
}
.red
{
	color: #FF5647;
}
/* 画像の枠は無し */
img 
{
	border: 0;
}
h1,h2,h3,h4,h5,h6
{
	margin: 0;
	padding: 0;
}
/* hr（hrタグを入れても線は表示しない） */
hr 
{
	display: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
/* レイアウト維持のための空白（このタグ以降、clear(右寄せ左寄せ)がリセットされる？） */
.clear
{
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
.clear-l
{
	clear: left;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

/* ---------------------------------------------------------- */
/* 共通要素　リンクタグ設定（色など）
/* ---------------------------------------------------------- */
#header-ul a {
	color: #fff;
	text-decoration: none;
}

#header-ul a:hover {
	color: #fff;
	text-decoration: underline;
}

#menuTop-r a,.prevNext a,.p-list02 a {
	color: #0565B3;
	text-decoration: none;
}
#menuTop-r a:hover,.prevNext a:hover,.p-list02 a:hover {
	color: #0565B3;
	text-decoration: underline;
}
td a {
	color: #5E5B4C;
}
td a:hover {
	color: #5E5B4C;
	font-weight: bold;
}
#pankuzuList a,#pankuzuList-list a {
	color: #404040;
	text-decoration: none;
}
#pankuzuList a:hover,#pankuzuList-list a:hover {	
	color: #404040;
	text-decoration: underline;
}
#under-menu a {
	color: #0060B3;
	text-decoration: none;
}
#under-menu a:hover {
	color: #0060B3;
	text-decoration: underline;
}

/* ---------------------------------------------------------- */
/* ヘッダ
/* ---------------------------------------------------------- */

/* ヘッダ全体（青い部分） */
#header
{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: url("./../img/bg_header.gif") top repeat-x;
	height: 65px;
}
/* ヘッダのうち、左側（ロゴマーク・画像表示箇所） */
#header-l
{
	width: 400px;
	float: left;
	line-height: 0;
	font-size: 0;
}
/* ヘッダのうち、右側（説明文・各種リンク配置箇所） */
#header-r
{
	width: 500px;
	float: right;
	font-size: 0;
}
/* 「不動産なび」ロゴマーク */
#logo
{
	padding: 0 15px 0 50px;
	margin: 0;
	width: 156px;
	position: relative;
	line-height: 0;
	font-size: 0;
}
/* ロゴマークの右の画像 */
#season-img
{
	padding: 0;
	margin: 0;
	width: 167px;
	position: relative;
	line-height: 0;
	font-size: 0;
}
/* ヘッダ内の文章書式 */
#header-p
{
	color: #fff;
	font-size: 11.2px;
	text-align: right;
	margin: 0;
	padding: 23px 20px 0 0;
	width: 480px;
}
/* ヘッダ内のリンクタグ配置場所 */
#header-ul
{
	color: #fff;
	font-size: 8pt;
	margin: 5px 0 0 100px;
	padding: 0;
	list-style: none;
	width: 400px;
}
/* リンクごとのLI */
#header-ul li
{
	float: left;
	margin: 0;
	padding: 0;
}
/* リンクごとのA */
#header-ul a
{
	color: #fff;
	text-decoration: none;
}
#header-ul a:hover
{
	color: #fff;
	text-decoration: underline;
}
/* ヘッダ下部の濃い青と灰色の線 */
#header-btm
{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: url("./../img/bg_header_btm.gif") repeat-x;
	height: 9px;
	line-height: 0;
	font-size: 0;
}
#menuTop-r ul 
{
	color: #999;
}

/* ---------------------------------------------------------- */
/* バナー表示エリア
/* ---------------------------------------------------------- */

/* バナー表示エリア全体（未使用？） */
#ban
{
	width: 790px;
	margin: 0 auto;
	padding: 0 0 10px 90px;
	display: block;
	background: url("./../img/dot_light_brown.gif") repeat-x bottom;
	line-height: 0;
	font-size: 0;
}
/* バナー表示エリア全体 */
#ban-list
{
	width: 790px;
	margin: 0 auto;
	padding: 7px 0 10px 90px;
	display: block;
	background: url("./../img/dot_light_brown.gif") repeat-x bottom;
	line-height: 0;
	font-size: 0;
}

/* ---------------------------------------------------------- */
/* タブ（※旧デザインのまま）
/* ---------------------------------------------------------- */

/* 地域選択タブ */
DIV.pagebody-kensaku TABLE.tab_tiiki
{
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 55px;
}
/* 種別タブ */
DIV.pagebody-kensaku TABLE.tab_syubetu1
{
    margin-top: 5px;
    margin-left: 105px;
}
DIV.pagebody-kensaku TABLE.tab_syubetu2
{
    margin-bottom: 10px;
    margin-left: 102px;
}

/* ---------------------------------------------------------- */
/* 検索物件種別タイトルテーブル
/* ---------------------------------------------------------- */

/* 物件種別タイトルテーブル */
.kensaku-table2
{
    margin: 10px auto;
    width: 800px;
}

/* ---------------------------------------------------------- */
/* 検索メイン部分（背景が青い箇所）
/* ---------------------------------------------------------- */

/* メイン部分全体の枠 */
#pagebody-kensaku
{
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	clear: both;
	background: #fff;
}
/* 青いテーブル */
.kensaku-table
{
	background: #DEEBF2;
}
/* 青いテーブル内の最上部の操作説明欄（「物件を検索したい地域をリストボックスより・・・」の箇所） */
.kensaku-table3
{
	margin: 0 auto 15px auto;
	width: 770px;
}
/* 青いテーブルのさらに内側のテーブル　この中に各条件選択が入る */
.kensaku-table4
{
	margin: 0 auto 10px auto;
	width: 770px;
}
/* 「STEP1」の画像が入るTD */
.step1
{
	width: 145px;
	padding: 0 0 10px 0;
}
/* 「STEP2」の画像が入るTD */
.step2
{
	width: 160px;
	padding: 0 0 10px 0;
}
/* 「STEP3」の画像が入るTD（２つに分かれている） */
.step3-1
{
	width: 200px;
	padding: 0 0 10px 0;
}
.step3-2 
{
	width: 265px;
	padding: 0 0 10px 0;
}

/* ---------------------------------------------------------- */
/* 操作ボタン類
/* ---------------------------------------------------------- */

/* 「戻る」ボタン */
INPUT.kensaku_modoru
{
    background: url(./../img/kensaku_modoru.gif) no-repeat;
    width: 87px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    height: 30px;
    border-bottom-style: none;
    cursor: hand;
    margin-bottom: 3px;
}

/* 「条件を登録する」ボタン */
INPUT.kensaku_toroku
{
    background: url(./../img/toroku.gif) no-repeat;
    width: 121px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    height: 36px;
    border-bottom-style: none;
    cursor: hand;
}

/* ページ最下部の点線 */
DIV.dot_line
{
    width: 870px;
    height: 1px;
    margin: 10px 0px 10px 10px;
    display: block;
    background: url(  "./../img/dot_light_brown.gif" ) repeat-x bottom;
}

/* エンジン用 */
DIV.dot_lineEng
{
    width: 800px;
    height: 1px;
    margin: 10px 0px 10px 10px;
    display: block;
}

/* ---------------------------------------------------------- */
/* MRDロゴ・説明文欄
/* ---------------------------------------------------------- */

/* 欄全体 */
#mrd
{
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
/* MRDロゴマーク */
#mrd img
{
	width: 100px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
/* 説明文（ロゴマークの右） */
#mrd p
{
	width: 680px;
	float: right;
	margin: 0;
	padding: 0 0 10px 0;
	color: #707070;
	font-size: 70%;
	line-height: 130%;
}

/* ---------------------------------------------------------- */
/* ページ最下部リンク欄
/* ---------------------------------------------------------- */

/* 欄全体 */
#under-menu
{
	width: 800px;
	margin: 0 auto;
	padding: 0 0 25px 0;
}
/* リンク配置全体 */
#under-menu ul
{
	list-style: none;
	color: #0060B3;
	font-size: 75%;
	margin: 0 0 0 190px;
	padding: 0;
}
/* リンクごとのLI */
#under-menu li
{
	float: left;
}

/* ---------------------------------------------------------- */
/* フッタ
/* ---------------------------------------------------------- */

/* フッタ全体（白い枠の下限と、その下の著作権表示欄） */
#footer
{
	background: url("./../img/bg_footer.gif") top no-repeat #E6E6CD;
	width: 610px;
	margin: 0 auto;
	padding: 20px 0 20px 300px;
	clear: both;
}
/* 著作権表示 */
address
{
	font-style: normal;
	font-size: 75%;
	color: #707070;
}

/* ---------------------------------------------------------- */
/*　県名選択画面用
/* ---------------------------------------------------------- */

/*エンジン時の戻るボタンの位置を調整*/
.btnBackEng
{
    padding-top: 80px;
    padding-left: 14px;
}