/* ---------------------------------------------------------- */
/* 新デザイン　共通スタイルシート
/* ---------------------------------------------------------- */

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

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

/* ページ枠の内側　この中にコンテンツが入る */
DIV.pagebody
{
	width: 803px;
	margin: 0 auto;
	padding: 0 0 0 3px;
	clear: both;
	background: #fff;
}
form
{
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------- */
/* 共通要素
/* ---------------------------------------------------------- */
img
{
	border: 0;
}
h1,h2,h3,h4,h5,h6
{
	margin: 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;
}
/* テーブルの中などで、改行させずに表示できるところまで表示する */
DIV.overflow_hidden
{ 
    width: auto;
    overflow: hidden;
    height: 10pt;   /* 標準文字サイズ用 他のサイズにする場合は style="height: xx"等で指定する */
    padding-right: 2px;
}

/* ---------------------------------------------------------- */
/* 共通要素　リンクタグ設定（色など）
/* ---------------------------------------------------------- */

/* ヘッダリンク、ページ切換リンク、下部タブリンク */
#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;
}
/* 下部リンク */
#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;
	text-align: right;
}
/* 「不動産なび」ロゴマーク */
#logo
{
	margin: 0 15px 0 50px;
	padding: 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 20px 0px 20px;
    padding: 0;
    list-style: none;
    width: 460px;
}
/* リンクごとのLI */
#header-ul li
{
	display: inline;
	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;
}

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

/* バナー表示エリア全体（未使用？） */
#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;
}

/* ---------------------------------------------------------- */
/* 警告表示（検索結果1000件オーバー、成約済み物件警告）
/* ---------------------------------------------------------- */

/* 警告表示欄全体 */
DIV.AlertMessage, DIV.AlertMessage_syosai
{
    border-top: #ff0033 1px solid;
    border-bottom: #ff0033 1px solid;
    font-size: 11pt;
    color: #ffffff;
    background-color: #ff6633;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}
DIV.AlertMessage_syosai
{
    margin-top: 10px;
}

/* ---------------------------------------------------------- */
/* 物件種別タイトル（「土地」「新築戸建」など）
/*   タイトルの右側に配置される文章やリンクを含む
/* ---------------------------------------------------------- */

/* 物件種別タイトル全体 */
#menuTop
{
	width: 800px;
	margin: 10px 0 0 0;
	padding: 0;
}
/* 物件種別タイトル画像 */
#menuTop h1
{
	width: 255px;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	position: relative;
}
/* 物件種別タイトルの右側（一覧）　物件件数*/
#menuTop-r
{
	width: 545px;
	float: right;
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 200%;
	font-size: 75%;
}
#menuTop-r ul {
	color: #999;
}
.red {
	color: #FF5647;
}
/* 物件種別タイトルの右側（詳細）　「地図を見る」「タウン情報」等のリンク*/
#menuTop-ul
{
	width: 545px;
	float: right;
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
	line-height: 200%;
	font-size: 12px;
}
#menuTop-ul li
{
	float: left;
	color: #ADADAD;
}
/* 「物件の詳細を見る」リンク */
#shosai
{
	background: url("./../img/icon_shosai.gif") no-repeat left;
	padding: 0 2px 0 27px;
	margin: 0;
}
/* 「地図を見る」リンク */
#map
{
	background: url("./../img/icon_map.gif") no-repeat left;
	padding: 0 2px 0 27px;
	margin: 0;
}
/* 「タウン情報」リンク */
#town
{
	background: url("./../img/icon_town.gif") no-repeat left;
	padding: 0 2px 0 27px;
	margin: 0;
}
/* 「物件概要書」リンク */
#gaiyo
{
	background: url("./../img/icon_gaiyo.gif") no-repeat left;
	padding: 0 2px 0 27px;
	margin: 0;
}
/* 「図面ＦＡＸ」リンク */
#zumen
{
	background: url("./../img/icon_zumen.gif") no-repeat left;
	padding: 0 2px 0 27px;
	margin: 0;
}
/* 「物件調査書」リンク */
#chosa
{
	background: url("./../img/icon_chosa.gif") no-repeat left;
	padding: 0 2px 0 27px;
	margin: 0;
}

/* ---------------------------------------------------------- */
/* 一覧テーブル（物件ごと）、詳細項目テーブル
/* ---------------------------------------------------------- */

/* テーブル全体 */
#spec-word
{
	border-right: solid 1px #A29A7F;
	border-bottom: solid 1px #A29A7F;
	font-size: 12px;
	color: #5E5B4C;
	margin: 0;
	width: 800px;
}

/* 「地図を見る」ボタン */
.mapBtn
{
}

/* テーブルの幅・高さ・色等の設定 ※テーブル内の各<tr><td>に適用 */
.row2-1,.row1-1
{
	width: 17%;
}
.row1-6,.row2-6
{
	width: 3%;
}
.col1-1,.col1-2,.col1-3,.col2-2,.col2-3,.col2-4,.col2-5,.col2-6,.row1-6,.row2-6
{
	border-top: solid 1px #A29A7F;
	border-left: solid 1px #A29A7F;
	vertical-align: middle;
}
.col1-1,.col1-2,.col1-3,.col2-2,.col2-3,.col2-4,.col2-6
{
	padding: 4px 4px 3px 4px;
}
.col2-5
{
	padding: 6px;
}
/* 価格・賃料 */
.col2-6 
{
	font-weight: bold;
}

/* 一覧紹介文 */
.col2-1
{
	color: #fff;
	background: #5E5B4C;
	padding-right: 0px;
	padding-left: 6px;
	padding-bottom: 0px;
	padding-top: 1px;
	height: 25px;
	vertical-align: middle;
}
/* 一覧NEWマーク */
.col2-1 img
{
	vertical-align: middle;
	padding-bottom: 1px;
}
.row1-1
{
	text-align: center;
	border-top: solid 1px #A29A7F;
	border-left: solid 1px #A29A7F;
	padding: 5px;
}
.row2-1
{
	text-align: center;
	border-top: solid 1px #A29A7F;
	border-left: solid 1px #A29A7F;
	padding: 5px;
}
.row1-6,.row2-6
{
	text-align: center;
}
.col1-1,.col1-3,.row1-6 
{
	background: #C8BC96; /* 茶 */
}
.col1-2,.row1-1 
{
	background: #D2CDA9; /* 薄茶 */
}
.col2-2,.col2-4,.row2-6 
{
	background: #E6E3CF; /* もっと薄茶 */
}
.col1-2,.col2-3,.col2-6 
{
	width: 100px;
}

/* ---------------------------------------------------------- */
/* 特記事項アイコンリスト（一覧・詳細共通）
/* ---------------------------------------------------------- */

/* アイコンリスト全体 */
.icon-list
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	line-height: 0;
	font-size: 0;
}
/* アイコン一つづつのLI */
.icon-list li
{
	margin: 0;
	padding: 0 7px 0 0;
	width: 30px;
	float: left;
}

/* ---------------------------------------------------------- */
/* 下部エリア　検索条件・gooエリアマッチ等（一覧・詳細共通）
/* ---------------------------------------------------------- */

/* エリア全体 */
.underBox
{
    width: 800px;
    margin: 8px auto 0px;
    padding: 10px 0;
    clear: both;
}

/* ---------------------------------------------------------- */
/* 「トップへ戻る」リンク
/* ---------------------------------------------------------- */

/* ページ下部の「トップへ戻る」リンク */
DIV.pagetop
{
	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;
}

/* ページ下部の「トップへ戻る」リンク(エンジン用) */
DIV.pagetopEng
{
	margin: 0 auto 10px auto;
	width: 800px;
	text-align: right;
}

/* ---------------------------------------------------------- */
/* 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;
}

/* ---------------------------------------------------------- */
/* 生活情報(gooエリアマッチ用フレーム)
/* ---------------------------------------------------------- */

/* 一覧生活情報欄１ */
/* (元々２枠有る設計思想。増えたときの為番号は残す。) */
.seikatsu-info-01 {
	width: 778px;
	background: #fff;
	border-top: solid 1px #AECECE;
	border-left: solid 1px #AECECE;
	border-right: solid 1px #AECECE;
	/*border-bottom: dotted 1px #AECECE;*/
	border-bottom: solid 1px #AECECE;
	padding: 10px;
	margin: 0;
	color: #5E5B4C;
}
/* 一覧生活情報欄 iframe */
.seikatsu-info-01 iframe
{
	width: 778px;
	margin: 0 auto;
	padding:0;
	min-height: 140px;
	_height: 140px;
}
/* 詳細生活情報欄 */
.life
{
	margin: 0 3px 0 0;
}
/* 詳細生活情報欄 iframe */
.life-info iframe
{
	width: 180px;
	margin: 0;
	padding: 0;
	min-height: 424px;
	_height: 424px;
}
.Areamatch a
{
	color: #5E5B4C;
	text-decoration: none;
}
.Areamatch a:hover
{
	color: #5E5B4C;
	text-decoration: underline;
}
.Areamatch
{
	margin: 0;
	padding: 0;
	font-size: 75%;
	text-align: right;
	clear: 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;
}