@charset "utf-8";

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

* {margin:0;padding:0;}

body {
	text-align:center;
	font-size:100%;
	line-height:1;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", 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 10px 10px;width:570px;/*display:inline;*/}
#side_menu {float:left;margin:0 0 10px 0;width:200px;/*display:inline;*/}

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

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

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

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

/*サイトタイトル*/
#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;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;}

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

/**/
#contents h2 {
	clear:both;margin:8px 0 10px;padding:8px 20px;font-size:100%;
	background:url(../image/bg_h2_c-firebrick.png) no-repeat left bottom;}



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

/*イメージエリア*/
.container_image_figure {margin:0 0 10px;}

/*アーカイブ絞り込み表示*/
.choice_of {margin:0 0 10px;font-size:80%;}
.choice_of em {padding:0 0.4em;font-weight:bold;color:#69c;}


/*メイン部汎用リスト*/
ul.general {margin:0 5px 10px;list-style-type:none;}

.general li {/*font-size:90%;*/border-bottom:1px dashed #ccc;}
.general li a {
	padding:4px 4px 4px 20px;text-decoration:none;display:block;
	background:url(../image/bg_main_li.png) no-repeat 4px;}
.general li a:hover {font-weight:bold;letter-spacing:0.1em;background-position:-550px;}



/*メインコンテンツ【ブログ表示時】*/
.container_article {margin:0 0 20px;padding:0 0 10px;/*background-color:#fffaf0;*/}
#contents .container_article h2 {padding:0 0.5em 6px;color:#cc9;background-color:transparent;background-image:none;}
.container_article h2 span {display:block;}
.container_article h2 a {padding:5px 0.5em 6px;text-decoration:none;display:block;}
.container_article h2 a:hover {text-decoration:underline;/*background-color:#f5f5dc;*/}

.container_article h3.picture {}

.container_article ul {margin:1em 1em 1em 3em;}

.container_article ul.blog_data {
	margin:0 0 30px 20px;padding:2px 8px;list-style-type:none;
	border-left:4px solid #ccc;border-bottom:1px solid #fff;}
/*
上記の背景色に埋もれる1pxのborder-bottomは、
border-leftを指定してpadding-bottomが0ではない場合、
IE6で以下のブロック要素内部がずれていくための回避措置。
この下にあるp.edit_thisも同様。
*/
.container_article .blog_data li {font-size:75%;line-height:1.2;letter-spacing:0.2em;}

.container_article p {margin:0 20px 0.6em;font-size:80%;line-height:1.6;}
.container_article p#MORE {margin:2em 20px 4em;}
.container_article p#MORE a img {margin:1em 0;padding:4px;background-color:#fff;border:1px solid #ccc;}

/*#PAGE-BODY .contents .container_items .container_article p#MORE a img {margin:1em 0;padding:8px;background-color:#fff;border:1px solid #ccc;}
*/
.container_article p.edit_this {
	margin:0 20px;padding:2px 8px;
	border-left:4px solid #c00;border-bottom:1px solid #fffaf0;}


/*総合トップダイジェスト表示*/
dl.container_digest {margin:0 10px 20px;}
.container_digest dt {margin:0 0 8px;padding:4px 0;font-size:100%;font-weight:bold;border-bottom:1px dashed #ccc;}
.container_digest dt a {text-decoration:none;display:block;}
.container_digest dd {font-size:80%;line-height:1.4;word-break:break-all;}
.container_digest dd a.cat {text-decoration:none;}






/*ページスイッチ付きアイテム展開欄回り*/
.pageswitch {margin:0 0 4px;font-size:75%;letter-spacing:0.1em;color:#ccc;/*text-align:center;*/}
.pageswitch strong {color:#336;}
.pageswitch a {padding:0 4px;}

.container_edit_info {margin:4px 0 8px;padding-left:8px;border-left:4px solid #c00;}
.container_edit_info p {margin:0 0 4px;font-size:75%;}

/*Google風検索結果表示*/
dl#likeG {margin:0 10px 10px;}
#likeG dt {margin:0 0 8px;font-size:120%;font-weight:bold;}
#likeG dd {font-size:80%;line-height:1.4;word-break:break-all;}
#likeG dd a {color:#390;}



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

#side_menu h2 {
	padding:8px 0;font-size:90%;text-align:center;
	color:#fff;background:#666 url(../image/bg_h2_sidemenu.png) no-repeat center;}
#side_menu h2 a {text-decoration:none;color:#fff;display:block;}
#side_menu h2 a:hover {/*color:#f00;*/text-decoration:underline;}
#side_menu p {margin:0 5px 4px;font-size:80%;}


/*検索フォーム*/
#side_menu form {padding:8px 0;background:url(../image/bg_sidemenu_blog.png) no-repeat bottom;}
#side_menu form p {text-align:center;}
#side_menu form .formfield {width:180px;background-color:#f0f8ff;}
#side_menu form .formbutton {border:1px solid #dcdcdc;}

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

.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_menu h3 em {}
#side_menu ul {margin:0 0 10px;list-style-type:none;}
#side_menu ul li {font-size:75%;border-bottom:1px solid #fff;}
#side_menu ul 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 ul li a em.number {margin:0;padding:1px 4px;color:#fff;background-color:#666;}
#side_menu ul li a:hover {color:#c00;background-position:right top;}

/*
#side_menu ul.general {margin:0 0 10px;list-style-type:none;}
#side_menu .general li {font-size:75%;border-bottom:1px solid #fff;}
#side_menu .general 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 .general li a em.kansei {
	margin:0;padding:1px 3px;color:#fff;background-color:#c66;}
#side_menu .general li a em.kouzou {margin:0;padding:1px 4px;color:#fff;background-color:#099;}
#side_menu .general li a em.event,
#side_menu .general li a em.number {margin:0;padding:1px 4px;color:#fff;background-color:#666;}
#side_menu .general li a:hover {color:#c00;background-position:right top;}

#side_menu .general li#go_news_index {display:none;}
*/

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


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

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

/*ログイン*/
dl#manage {padding-left:8px;font-size:75%;line-height:1.4;border-left:4px solid #c00;}
#manage em {color:#e00;}




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

#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(../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%;*/}



/*****************************************
*404エラー
*****************************************/

#NOT-FOUND h2 {margin:0 0 50px;text-align:center;}
.container_error {margin:0 0 100px;}
.container_error h3 {font-size:80%;line-height:2;text-align:center;color:#f00;}
.container_error p,
.container_error ul {font-size:80%;line-height:2;text-align:center;}