/*
===============================================================================

THEME001.CSS
Color and Surface Definition.
LastModified 2005.12

※「基本カラー設定」、「画像置き換え設定」のみの変更でもページのテイストを大幅に変更可能です。
さらに複雑なカラー設定が必要な際には、「カラー設定（詳細）」に記述を追加してください。

=============================================================================*/

/*
===============================================================================
基本カラー設定
=============================================================================*/

body {
	color:#666;				/*テキストカラー（基本）*/
	background:#f1efe2;		/*背景色（コンテンツ外）*/
	}

#container {
	background:#fff;		/*背景色（コンテンツ内）*/
	}


/*-------------------- HOME and HEADER --------------------*/

/* HOME３列コラム左端の配色 */
body.home #side-bar div.section h1{
	background:#7F7F7F;
	color:#fff;
	}

body.home #side-bar div.section h2{
	background:#ddd;
	color:#666;
	}

/*リンクボタンの設定*/
body.home #side-bar div.section ul li a{
	color:#666;
	}

body.home #side-bar div.section ul li{
	color:#666;
	}

/* HOME３コラム中心部分の配色 */
body.home #content-main h1{
	background:#FF9900;
	color:#fff;
	}

/*「詳細を見る」ボタン*/
body.home #content-main div.article-item p.data a.button-detail{
	color:#fff;
	}

/* HOME３コラム右端の配色 */
body.home #content-sub h1{
	border-left:1px solid #fff;
	background:#ffc32a;
	color:#fff;
	}

/* HOME３コラム右端、新着情報の日付の配色 */
body.home #content-sub div.news-item p.date{
	color:#cc0033;
	}

/* HOME２コラムの場合の見出しの配色 */
body.home #intro h1{
	background:#FF9900;
	color:#fff;
	}

/*-------------------- SEARCH --------------------*/
.accent1,
.important{
	color:#f90;			/*アクセントカラー１*/
	}

.accent2,
.explanation {
	color:#32ABE5;			/*アクセントカラー２*/
	}

.accent3 {
	color:#f90;			/*アクセントカラー３（該当物件数表示で使用）*/
	}
a {
	color:#f90;			/*リンクカラー(デフォルト)*/
	}

a:hover {
	color:#fc0;			/*リンクカラー（マウスオーバー時）*/
	}

a.sub {
	color:#32ABE5;			/*リンクカラー２*/
}

a.sub:hover {
	color:#00CCFF;			/*リンクカラー２（マウスオーバー時）*/
}

h2{
	color:#fff;			/*中見出し*/
	background:#666;
	}

/*-------------------- CORPORATE --------------------*/

/* スタッフ紹介の区切り線の配色
.accent1と同じ色を推奨
*/

body.corporate .staff table.staff-container {
	border-bottom:4px solid #f90;
	}


/*
===============================================================================
画像置き換え設定
=============================================================================*/
/*-------------------- HOME and HEADER --------------------*/
#header {background:url('http://fchp.century21.jp/kameiten/common/image-theme001/header.jpg') 0px 0px no-repeat;	/*ヘッダの背景画像設定*/}

/*「賃貸物件」ボタンの背景画像設定*/
#nav ul li.chintai a{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-chintai.jpg') 0px 0px no-repeat;}
/*「賃貸物件」ボタンの背景画像設定（マウスオーバー時）*/
#nav ul li.chintai a:hover{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-chintai_f2.jpg') 0px 0px no-repeat;}

/*「売買物件」ボタンの背景画像設定*/
#nav ul li.baibai a{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-baibai.jpg') 0px 0px no-repeat;}
/*「売買物件」ボタンの背景画像設定(マウスオーバー時）*/
#nav ul li.baibai a:hover{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-baibai_f2.jpg') 0px 0px no-repeat;}

/*「当社について」ボタンの背景画像設定*/
#nav ul li.aboutus a{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-aboutus.jpg') 0px 0px no-repeat;}
/*「当社について」ボタンの背景画像設定(マウスオーバー時）*/
#nav ul li.aboutus a:hover{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-aboutus_f2.jpg') 0px 0px no-repeat;}

/* ---------- メイン画像 ---------- */	
body.home #main-visual { background:url('http://fchp.century21.jp/kameiten/common/image-theme001/home-face-mv.jpg') 0px  0px  no-repeat;}

/* ---------- NAV2（HOME、SITEMAPボタン） ---------- */
#nav2{ background:url('http://fchp.century21.jp/kameiten/common/image-theme001/home-face-util.jpg') 0px  0px  no-repeat;}

/*背景画像設定*/
#nav2 ul li.home a{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-home.gif') 0px  0px  no-repeat;}
#nav2 ul li.home a:hover{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-home.gif') 0px  0px  no-repeat;}
#nav2 ul li.sitemap a{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-sitemap.gif') 0px  0px  no-repeat;}
#nav2 ul li.sitemap a:hover{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-sitemap.gif') 0px  0px  no-repeat;}

/* ---------- CONTAINER ---------- */
/*BASE.CSS設定を一部オーバーライド。3列コラム用背景画像を設定*/
body.home #container{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/home-bg-vline.gif') 0px 0px repeat-y;}

/* ---------- 虫眼鏡マーク ---------- */
body.home #side-bar div.section div.decoration-magnify{ background:url('http://fchp.century21.jp/kameiten/common/image-theme001/home-decoration-magnify.gif') 0px  0px  no-repeat;}

/*リンクボタンの設定*/
body.home #side-bar div.section ul li a{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/home-arrow-link.gif') 14px 7px no-repeat;}
body.home #side-bar div.section ul li a:hover{background:#fff2cc url('http://fchp.century21.jp/kameiten/common/image-theme001/home-arrow-link.gif') 14px 7px no-repeat;}

/*見出し：賃貸*/
body.home #content-main h2.chintai{ background:url('http://fchp.century21.jp/kameiten/common/image-theme001/home-h-chintai.gif') 0px 0px no-repeat;}

/*見出し：売買*/
body.home #content-main h2.baibai{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/home-h-baibai.gif') 0px 0px no-repeat;}

/*「詳細を見る」ボタン*/
body.home #content-main div.article-item p.data a.button-detail{
	background:url('http://fchp.century21.jp/kameiten/common/image-theme001/home-button-detail.gif') 0px 0px no-repeat;
	}


/*-------------------- HOME and SITEMAP ボタン --------------------*/
	#sub-nav{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/section-subnav-bg.jpg') 0px 0px no-repeat;}
	#sub-nav ul.util li.home a{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-home.gif') 0px 0px no-repeat;}
	#sub-nav ul.util li.sitemap a{background:url('http://fchp.century21.jp/kameiten/common/image-theme001/button-sitemap.gif') 0px 0px no-repeat;}

/*-------------------- SECTION TITLE --------------------*/
	.rent-apartment #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/h-rent-apart.gif) right top no-repeat;}
	.rent-tenant #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/h-rent-tenant.gif) right top no-repeat;}
	.buy-mansion #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/h-buy-mansion.gif) right top no-repeat;}
	.buy-land #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/h-buy-land.gif) right top no-repeat;}
	.outline #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/h-corporate-outline.gif) right top no-repeat;}
	.privacypolicy #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/h-privacy-policy.gif) right top no-repeat;}
	.corporate-request #page-header h1.title { background:url(https://fchp.century21.jp/kameiten/common/image-theme001/h-request.gif) right top no-repeat;}
	.sitemap #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/h-sitemap.gif) right top no-repeat;}
	.staff #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/h-staff.gif) right top no-repeat;}
	.investment #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/for-investment-h.gif) right top no-repeat;}
	.rent-apartment_s #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/rent-apart2.gif) right top no-repeat;}
	.rent-kodate_s #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/rent-house2.gif) right top no-repeat;}
	.buy-mansion_s #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/buy-mansion2.gif) right top no-repeat;}
	.buy-house_s #page-header h1.title { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/buy-house2.gif) right top no-repeat;}


/*-------------------- SEARCH / ENTRY --------------------*/
	body.entry p.btn-search a{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-search.jpg) 0px 0px no-repeat;}

	/*LINE 駅を指定する */
	body.entry div.select-station p.btn-select-station a { background:url('http://fchp.century21.jp/kameiten/common/image-theme001/btn-select-station.jpg') 0px 0px no-repeat;}


/*-------------------- SEARCH / LIST --------------------*/
	body.list table.condition-container td.article-length h2{ background:url('http://fchp.century21.jp/kameiten/common/image-theme001/h-articleNum.gif') top center no-repeat;}

	body.list table.condition-container td.condition h2 { background:url('http://fchp.century21.jp/kameiten/common/image-theme001/h-condition.gif') top center no-repeat;}

	body.list a.button-allclear{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-allclear.gif) 0px 0px no-repeat;}

	body.list a.button-allcheck{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-allcheck.gif) 0px 0px no-repeat;}

	body.list div.batch-operation{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/batch-operation-bg.gif) 0px 0px no-repeat;}

	body.list div.batch-operation-bottom{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/batch-operation-bottom-bg.gif) 0px 0px no-repeat;}

	body.list ul.nav-batch li a.btn-batch-disp{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-batch-disp.gif) 0px 0px no-repeat;}

	body.list ul.nav-batch li a.btn-batch-favorite{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-batch-favorite.gif) 0px 0px no-repeat;}

	body.list ul.nav-batch li a.btn-batch-request{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-batch-request.gif) 0px 0px no-repeat;}

	/*詳細を見るアイコン*/
	body.list a.icon-detail{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/icon-magnify.gif) 0px 0px no-repeat;}

	body.list p.icon-photo { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/icon-photo.gif) 0px 0px no-repeat;}

	body.list p.icon-plan { background:url(http://fchp.century21.jp/kameiten/common/image-theme001/icon-plan.gif) 0px 0px no-repeat;}

	/*「検索する」ボタン（さらに検索条件を絞り込む）*/
	div.entry-part p.btn-search a{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-search.jpg) 0px 0px no-repeat;}


/*-------------------- SEARCH / DETAIL --------------------*/
	body.detail table.inner-container p.button-map a{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/button-map.gif) 0px 0px no-repeat;}

	body.detail a.button-allclear{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-allclear.gif) 0px 0px no-repeat;}

	body.detail a.button-allcheck{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-allcheck.gif) 0px 0px no-repeat;}

	body.detail div.batch-operation{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/batch-ope-detail-bg.gif) 0px 0px no-repeat;}

	body.detail div.batch-operation-bottom{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/batch-ope-detail-bottom-bg.gif) 0px 0px no-repeat;}

	body.detail ul.nav-batch li a.btn-batch-disp{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-batch-disp.gif) 0px 0px no-repeat;}

	body.detail ul.nav-batch li a.btn-batch-favorite{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-batch-favorite.gif) 0px 0px no-repeat;}

	body.detail ul.nav-batch li a.btn-batch-request{ background:url(http://fchp.century21.jp/kameiten/common/image-theme001/btn-batch-request.gif) 0px 0px no-repeat;}


/*-------------------- REQUEST / ENTRY --------------------*/

	/*確認画面へ進むボタン*/
	body.request p.btn-confirm a{ background:url(https://fchp.century21.jp/kameiten/common/image-theme001/btn-confirm.jpg) 0px 0px no-repeat;}

/*-------------------- REQUEST / CONFIRM --------------------*/

	/*送信するボタン*/
	body.request p.btn-submit a{ background:url(https://fchp.century21.jp/kameiten/common/image-theme001/btn-submit.jpg) 0px 0px no-repeat;}

/*-------------------- REQUEST / COMPLETE --------------------*/

	/*TOPへ戻るボタン*/
	body.request p.btn-goto-top a{ background:url(https://fchp.century21.jp/kameiten/common/image-theme001/btn-goto-top.jpg) 0px 0px no-repeat;}

/*-------------------- CORPORATE / STAFF --------------------*/

body.corporate .staff table.staff-container p.mail-address {
	background:url('http://fchp.century21.jp/kameiten/common/image-theme001/mark-mail.gif') 0px 0px no-repeat;
	}


/*
===============================================================================
カラー設定（詳細）
=============================================================================*/
/*-------------------- STRUCTURE --------------------*/

#footer {
	border-top:3px solid #000;	/*フッタのボーダーカラー*/
	}

p.copyright {
	color:#999;					/*コピーライトの文字色*/
	}

/*-------------------- SEARCH --------------------*/

p.first {						/*キャッチコピー*/
	border-bottom:1px solid #ccc;
}

/*-------------------- SEARCH / ENTRY --------------------*/

body.entry table.data-container td {
	border-bottom:1px dotted #999;
	}

body.entry table.inner-container th,
body.entry table.inner-container-s th {
	border:none;
	}

body.entry table.inner-container td,
body.entry table.inner-container-s td {
	border:none;
	}


/*-------------------- SEARCH / LIST --------------------*/
body.list table.data-container th{
		background:#eee;			/*検索結果THカラー*/
		border:1px solid #999;
	}

body.list table.data-container td{
		border:1px solid #999;
	}

body.list table.data-container td.wide{
		border:1px solid #999;
	}
	
	

/* 詳細アイコン */
body.list a.icon-detail{
	/* color:#f90; */
	}

body.list a.icon-detail:hover {
	/* color:#fc0; */
	}

/* さらに検索条件を絞り込む */
div.entry-part table.data-container th {
	background:none;
	border:none;
	}

div.entry-part table.data-container td {
	border:none;
	border-bottom:1px dotted #999;
	}

div.entry-part table.inner-container th,
div.entry-part table.inner-container-s th {
	background:none;
	border:none;
	}

div.entry-part table.inner-container td,
div.entry-part table.inner-container-s td {
	border:none;
	}


/*-------------------- SEARCH / DETAIL --------------------*/
body.detail table.data-container {
		border:1px solid #999;
		border-right:none;
	}

body.detail table.data-container td{
		background:#fff;
		border:none;
	}

body.detail table.data-container td.check-cell{
		background:#fff;
		border:none;
	}

body.detail table.inner-container {
		border-collapse:collapse;
		border:none;
}

body.detail table.inner-container th{
		background:#eee;
		border:1px solid #999;
	}

body.detail table.inner-container th.table-top {
		border-top:none;
	}

body.detail table.inner-container th.table-bottom {
		border-bottom:none;
	}

body.detail table.inner-container td{
		border:1px solid #999;
	}

body.detail table.inner-container td.table-top {
		border-top:none;
	}

body.detail table.inner-container td.table-bottom {
		border-bottom:none;
	}



/*-------------------- SITEMEP --------------------*/

.triangle{ padding:0 0 10px 10px;}







/*-------------------- REQUEST / ENTRY, CONFIRM, COMPLETE --------------------*/
body.request table.data-container {
		background:#fff;
		border-top:1px solid #999;
		border-left:1px solid #999;
	}

body.request table.data-container th {
		background:#eee;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
	}

body.request table.data-container td {
		background:#fff;
		border-right:1px solid #999;
		border-bottom:1px solid #999;
	}

body.request table.inner-container th {
		background:#fff;
		border:none;
	}

body.request table.inner-container td {
		border:none;
}


/*-------------------- REQUEST / COMPLETE --------------------*/

p.submit-info {
	border-bottom:1px solid #ccc;
}

/* エラー表示 */
body.request h2.error {
	background:#c00;
	}
body.request ul.error-info li {
	color:#c00;
	padding-top:3px;
	padding-bottom:3px;
	}




/* 破線 */
hr.dotted {
	color:#fff;
	background:#fff;
	border-top:1px dotted #999;
	border-right:none;
	border-bottom:none;
	border-left:none;
	height:1px;
}

/*-------------------- SITEMEP --------------------*/
.sitemapbtn{
	background-image:url(http://fchp.century21.jp/kameiten/common/image-theme001/home-arrow-link.gif);
	background-repeat:no-repeat;
	background-position-y:4px;
}
