@charset "UTF-8";


/*****************************************
*common
*****************************************/

* {margin:0;padding:0;}

body {
	text-align:center;
	font-size:100%;
	line-height:1;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	color:#333;
	background-color:#f5f5f5;
	}
/* goodbye GATES */
html>body {font-size:16px;}

div {text-align:left;}

a {color:#00c;}
a:hover {color:#c00;}

img {border:none;}

h1 {font-size:100%;text-align:center;}

p {text-align:justify;}

em,
address {font-style:normal;}
del {color:#ccc;text-decoration:line-through;}

/* A色 #e4dddc */

/*****************************************
*bone
*****************************************/

#whole {margin:0 auto 30px;width:780px;background-color:#fff;border:1px solid #dcdcdc;}

#PAGE-TOP {float:left;width:780px;}

#PAGE-BODY {clear:both;float:left;width:780px;background:url(/image/bg_body_a.png) repeat-y top left;}/*通常はbg_body_a*/

#contents {float:right;margin:0 0 0 10px;padding:0 0 10px;width:570px;/*display:inline;*/min-height:800px;}
#side_menu {float:left;margin:0;padding:0 0 10px;width:200px;/*display:inline;*/overflow:hidden;}

#PAGE-BOTTOM {clear:both;background:url(/image/bg_body_a.png) repeat-y top left;}

* html #contents {height:800px;}

/*****************************************
*共通部品
*****************************************/

.alt {display:none;}
.no_script {margin:0 10px 10px;padding:8px;border:1px solid #c00;}
.no_script p {font-size:80%;}
.separator {clear:both;}

.new_window {}

/*****ヘッダ部*****/

/*サイトタイトル*/
#header {height:70px;overflow:hidden;background:url(/image/bg_header.png) no-repeat top left;}
#header h1 a {
	float:left;padding:8px 0 0;width:200px;height:62px;font-weight:normal;color:#aaa;text-decoration:none;
	/*border-top:6px solid #e4dddc;*/}
#header h1 a:hover {color:#c00;}
#header h1 a .introduce {font-size:70%;display:block;}
#header h1 a .web_title {display:none;}

/*サイトメニュー*/
#header ul {list-style-type:none;}
#header ul li {float:right;font-size:70%;line-height:1.5;border-left:1px dotted #999;}
#header ul li a {padding:2px 8px;color:#999;text-decoration:none;/*width:100px;\*/}
/* goodbye CLASSIC \*/
	#header ul li a {display:block;}
/* */
#header ul li a:hover {color:#c00;text-decoration:underline;}

.announce {margin:0 10px 10px;padding:8px;border:2px dashed #c00;/*background-color:#c00;*/}
.announce p {font-size:80%;/*color:#fff;*/}

/*サイトナビ*/
ul#site_navigation {
	padding:0;width:780px;height:30px;list-style-type:none;
	background:url(/image/bg_site_navigation_g3.png) no-repeat top;}
#site_navigation li {float:left;}
#site_navigation li a {width:97px;height:30px;display:block;}
#site_navigation li a span {display:none;}

#site_navigation li#go_news a {background:url(/image/bg_site_navigation_g3.png) no-repeat 0 0;}
#site_navigation li#go_news a:hover {background-position:0 -30px;} 
.news #site_navigation li#go_news a {background-position:0 -60px;}

#site_navigation li#go_feature a {width:98px;background:url(/image/bg_site_navigation_g3.png) no-repeat -97px 0;}
#site_navigation li#go_feature a:hover {background-position:-97px -30px;} 
.feature #site_navigation li#go_feature a {background-position:-97px -60px;}

#site_navigation li#go_modelhouse a {background:url(/image/bg_site_navigation_g3.png) no-repeat -195px 0;}
#site_navigation li#go_modelhouse a:hover {background-position:-195px -30px;} 
.modelhouse #site_navigation li#go_modelhouse a {background-position:-195px -60px;}

#site_navigation li#go_branch a {width:98px;background:url(/image/bg_site_navigation_g3.png) no-repeat -292px 0;}
#site_navigation li#go_branch a:hover {background-position:-292px -30px;}
.branch #site_navigation li#go_branch a {background-position:-292px -60px;}

#site_navigation li#go_voices a {background:url(/image/bg_site_navigation_g3.png) no-repeat -390px 0;}
#site_navigation li#go_voices a:hover {background-position:-390px -30px;}
.voices #site_navigation li#go_voices a {background-position:-390px -60px;}

#site_navigation li#go_ownersclub a {width:98px;background:url(/image/bg_site_navigation_g3.png) no-repeat -487px 0;}
#site_navigation li#go_ownersclub a:hover {background-position:-487px -30px;}
.ownersclub #site_navigation li#go_ownersclub a {background-position:-487px -60px;}

#site_navigation li#go_neighborhood a {background:url(/image/bg_site_navigation_g3.png) no-repeat -585px 0;}
#site_navigation li#go_neighborhood a:hover {background-position:-585px -30px;}
.link #site_navigation li#go_neighborhood a {background-position:-585px -60px;}

#site_navigation li#go_blog a {width:98px;background:url(/image/bg_site_navigation_g3.png) no-repeat -682px 0;}
#site_navigation li#go_blog a:hover {background-position:-682px -30px;}
.blog #site_navigation li#go_blog a {background-position:-682px -60px;}

/*****ボディ部メイン*****/

/*パン屑*/
#breadcrumb {padding:0.3em 4px;background-color:#f5f5f5;}
#breadcrumb p {font-size:70%;color:#999;}
#breadcrumb p a {text-decoration:none;}

/*イメージエリア*/
.container_image_figure {margin:0 0 10px;font-size:80%;}
.container_image_figure a {text-decoration:none;}

/*続きを読む・関連リンク・戻る*/
ul.reference {margin:0 10px 10px;list-style-type:none;}
.reference li {font-size:80%;border-bottom:1px solid #fff;}
.reference li a {
	padding:0.2em 0 0.4em 20px;text-decoration:none;
	color:#666;background:url(/image/bg_li_reference.png) no-repeat 0 0.2em;display:block;}
.reference li a:hover {text-decoration:underline;color:#c00;}

p.read_more {margin:0 10px 10px;font-size:80%;}
.read_more a {
	padding:0.2em 0 0.4em 20px;text-decoration:none;
	color:#666;background:url(/image/bg_li_reference.png) no-repeat 0 0.2em;}
.read_more a:hover {text-decoration:underline;color:#c00;}

div.go_back {clear:both;padding:4px;width:550px;border:1px solid #eee;}
.go_back p {font-size:70%;text-align:right;}
.go_back p a {text-decoration:none;color:#999;}
.go_back p a:hover {text-decoration:underline;color:#c00;}

div.pageswitch {clear:both;margin:8px 0;}


/*インデックスページ*/
.container_banners {}

.container_banners dl {float:left;display:inline;margin:0 10px 10px 0;width:275px;background-color:#f6f6f6;}
.container_banners dt {margin:0 0 2px;}
.container_banners dd {padding:0 4px 4px;/*4px;border-left:4px solid #dcdcdc;*/height:2.4em;font-size:70%;line-height:1.2;}
.container_banners dd a {color:#666;text-decoration:none;display:block;}
.container_banners dd a:hover {color:#c00;/*#039;*/text-decoration:underline;}


/*特集本文・モデルハウス本文*/

.chapter {margin:0 10px 10px 0;width:560px;}
.chapter h3 {
	clear:both;margin:8px 0 10px;padding:8px 20px;font-size:1em;
	background:url(/features/image/bg_h3_feature_chapter.png) no-repeat left bottom;}

.chapter .text {float:left;margin:0 10px 40px;width:350px;display:inline;}/*便宜的にこのmargin-bottomで章間隔を調整*/
.chapter .text p {padding:0 0 1em;font-size:75%;line-height:1.5;}
.chapter .text p em {/*padding:0 0.4em;*/font-weight:bold;background-color:#eef;}

.chapter .thumbnail {float:right;margin:0 0 10px;padding:5px;width:180px;background-color:#eee;display:inline;}
.chapter .thumbnail h4 {margin:0 0 4px;}
.chapter .thumbnail p {margin:0 0 0.2em;font-size:70%;text-align:center;}
.chapter .thumbnail p a img {border:2px solid #dcdcdc;}
.chapter .thumbnail p a:hover img {border-color:#e00;}



/*****ボディ部サイド*****/

#side_menu h3 {
	margin:20px 0 0;padding:8px 0;font-size:90%;/*font-weight:normal;*/text-align:center;color:#fff;background:url(/image/bg_h2_index.png) no-repeat center;}
#side_menu h3 a {text-decoration:none;color:#fff;display:block;}
#side_menu h3 a:hover {/*color:#f00;*/text-decoration:underline;}

/*サーチフォーム*/
#side_menu #site_search {padding:10px 0;line-height:1.5;text-align:center;}
#side_menu #site_search input.search_word {margin:0 0 10px;width:178px;border:1px solid #ccc;}
#side_menu #site_search a {font-size:70%;text-decoration:none;}

/*バナー・ボタン用*/

.container_side_banners {}
.container_side_banners p {margin:0 0 8px;text-align:center;}
.container_side_banners p.guide {}
/*
#side_menu p.banner,
#side_menu p.button {margin:0 0 8px;text-align:center;}
*/

#side_go_top {font-size:70%;}
#side_go_top a {color:#999;padding:6px 30px;background:url(/image/bg_go_top.gif) no-repeat 5%;display:block;}
#side_go_top a:hover {color:#c00;background-color:#dcdcdc;}

/*記事見出し用リンク*/
#side_menu h3 em {}
#side_menu ul.list_article {margin:0 0 10px;list-style-type:none;}
#side_menu .list_article li {font-size:75%;border-bottom:1px solid #fff;width:200px;}
#side_menu .list_article li a {
	padding:1em 1em 1em 14px;display:block;color:#333;text-decoration:none;line-height:1.4;
	background:url(/image/bg_li_side_a.png) no-repeat left top;}
#side_menu .list_article li a em.kansei{
	margin:0;padding:1px 3px;color:#fff;background-color:#c66;
	/*border-right:1px solid #dcdcdc;border-bottom:1px solid #aaa;*/}
#side_menu .list_article li a em.kouzou {margin:0;padding:1px 4px;color:#fff;background-color:#099;}
#side_menu .list_article li a em.event,
#side_menu .list_article li a em.number {margin:0;padding:1px 4px;color:#fff;background-color:#666;/*background-color:#4682b4;*/}
#side_menu .list_article li a em.new {margin:0 4px;padding:1px 4px;color:#fff;background-color:#c00;white-space:nowrap;}
#side_menu .list_article li a:hover {color:#c00;background-position:right top;}

#side_menu .list_article li#go_news_index {display:none;}

/*日付の行コントロール*/
#side_menu .list_article li a .date {display:block;/*white-space:nowrap;*/}

/*強調語句を追加 cf.リクルート*/
#side_menu .list_article li a strong {color:#c00;}
#side_menu .list_article li a strong.long {display:block;}

/*汎用サイドメニュー*/

#side_menu .list_article li a em.series {color:#999;}
#side_menu .list_article li a:hover em.series {color:#c00;}




/*G2一括サイドバナー*/
#side_slides {width:inherit;}
ul#side_banners {clear:both;list-style-type:none;}
#side_banners li {margin:0 5px;width:190px;}

#side_slides .banner {margin:20px 5px 0;font-size:80%;}

.notice {margin:5px;font-size:80%;}

/*G2プレゼント窓*/
#present_digest {margin:0 0 8px;padding:0 0 8px;width:200px;overflow:hidden;background-color:#eea;}
#present_digest h3 {background-image:url(/image/bg_h3_present_digest.png);}
#present_digest p {margin:5px;font-size:75%;line-height:1.2;}
#present_digest p a {color:#333;text-decoration:none;}
#present_digest p a:hover {color:#c00;text-decoration:underline;}
#present_digest p.present_picture {float:left;width:90px;font-size:60%;line-height:1;display:inline;}
#present_digest p.present_picture img {margin:0 0 2px;display:block;}
#present_digest .container_swf {margin:5px;text-align:center;line-height:1.2;}


/*****フッタ部*****/

#go_back {margin:0 0 0 210px;}
#go_back p {font-size:70%;text-align:right;}
#go_back p a {padding:4px;text-decoration:none;color:#999;background-color:#f5f5f5;display:block;}
#go_back p a:hover {text-decoration:underline;color:#c00;background-color:#dcdcdc;}

#footer {/*float:left;*/
	width:780px;height:3em;font-size:70%;line-height:150%;
	background:url(/link/image/bg_link_navi.png) repeat-x left;border-top:1px solid #dcdcdc;}
#footer a {color:#666;text-decoration:none;}
#footer a:hover {color:#c00;text-decoration:underline;}

#footer ul {margin:0.8em 0 0;float:right;width:580px;list-style-type:none;}
#footer ul li {float:left;border-left:1px dotted #999;}
#footer ul li a {padding:0 8px;white-space:nowrap;/*width:100px;\*/}
/* goodbye CLASSIC \*/
	#footer ul li a {display:block;}
/* */
#footer ul li#go_top a {padding-left:24px;background:url(/image/bg_go_top.gif) no-repeat 5%;}
#footer .contact {float:left;padding:0.8em 0 0;width:200px;text-align:center;}
#footer .contact address a {/*line-height:150%;*/}