@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. 中ページ枠組み
　03.メインカラム（左） 
　04.メインカラム（左） 
　05. 
　06. 


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */



/* ==

　01. 共通パーツ

=============================================================================== */
/* ナビゲーション
------------------------------------------------------------------------------- */
#tenjinav{
	width:100%;
	height:28px;
	background:url(/common/images/renew2009/bk_nav.gif) left top repeat-x;
	position:relative;
	z-index:9999;
	clear:both;
}
div.nav div{
	width:950px;
	min-height:1%;
	margin:0 auto;
	background:url(../images/bk_nav.gif) left top no-repeat;
	position:relative;
	claer:both;
}
div.nav div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
/*div.nav h1{ margin-top:4px; float:left; }*/
div.nav p{ margin-top:4px; float:left; }
div.nav ul{ float:left; }

div.nav li{ text-indent:-9999px; float:left; }
div.nav li a{
	width:70px;
	height:20px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;
	top:4px;
	display:block;
}
div.nav li a:link, div.nav li a:visited{ background-position:left top; }
div.nav li a:hover, div.nav li a:active{ background-position:left bottom; }

div.nav li.nav01 a{ width:80px; background-image:url(../images/nav_hokkaido.gif); left:157px; }
div.nav li.nav02 a{ background-image:url(../images/nav_tohoku.gif); left:250px; }
div.nav li.nav03 a{ background-image:url(../images/nav_kanto.gif); left:333px; }
div.nav li.nav04 a{ width:97px; background-image:url(../images/nav_chubu2.gif); left:418px; }
div.nav li.nav05 a{ background-image:url(../images/nav_chubu.gif); left:528px; }
div.nav li.nav06 a{ background-image:url(../images/nav_kinki.gif); left:612px; }
div.nav li.nav07 a{ background-image:url(../images/nav_chugoku.gif); left:696px; }
div.nav li.nav08 a{ background-image:url(../images/nav_shikoku.gif); left:780px; }
div.nav li.nav09 a{ background-image:url(../images/nav_kyushu.gif); left:864px; }

/* エリア選択プルダウン（ナビ）
------------------------------------------------------------------------------- */
#tenjinav li ul{
	position:absolute;
	top:23px;
	display:none;
	z-index:110;
	float:none;
}
#tenjinav li li{
	margin:0;
	padding:0;
	background:none;
	text-indent:0;
	z-index:111;
	display:block;
	float:none;
	clear:both;
}
#tenjinav li li a{
	width:63px;
	height:15px;
	padding:8px 10px 5px 12px;
	background-color:transparent;
	background-image:url(/common/images/renew2009/bk_nav_area.png);
	background-position:left top;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
	overflow:visible;
	display:block;
	position:relative;
	left:0;
	z-index:112;
	float:none;
	clear:both;
}
#tenjinav li.nav04 li a{ width:87px; }


#tenjinav li.nav01 ul.nav01_pref{ left:156px; }
#tenjinav li.nav02 ul.nav02_pref{ left:243px; }
#tenjinav li.nav03 ul.nav03_pref{ left:326px; }
#tenjinav li.nav04 ul.nav04_pref{ left:411px; }
#tenjinav li.nav05 ul.nav05_pref{ left:521px; }
#tenjinav li.nav06 ul.nav06_pref{ left:605px; }
#tenjinav li.nav07 ul.nav07_pref{ left:689px; }
#tenjinav li.nav08 ul.nav08_pref{ left:773px; }
#tenjinav li.nav09 ul.nav09_pref{ left:857px; }

#tenjinav li li a:link, #tenjinav li li a:visited{ background-position:left top; }
#tenjinav li li a:hover, #tenjinav li li a:active{ background-position:left bottom; }

* html #tenjinav li li a,
* html #tenjinav li li a{ background-image:url(/common/images/renew2009/bk_nav_area.gif); filter:alpha(opacity=80); }





/* パンくずリスト
------------------------------------------------------------------------------- */
.container .topicPath{ background:none; }




/* ==

　02. 中ページ枠組み

=============================================================================== */
.section h2{
	width:auto;
	height:auto;
	margin:0 0 7px;
	padding:10px 0 0;
	background:none;
	font-size:140%;
	line-height:1.3;
}
.section .main{
	width:730px;
	min-height:1%;
	margin:0 0 10px;
	padding:0;
	line-height:1.5;
	float:left;
}
.section .main div{
	width:730px;
	min-height:1%;
	margin:0 0 20px;
	padding:0;
	clear:both;
}
.section .main div div{
	width:auto;
	margin:0;
	padding:0;
	clear:none;
}

.section .sub{
	width:200px;
	min-height:1%;
	margin:0 0 10px;
	padding:0;
	line-height:1.3;
	float:right;
}
.section .sub div{ min-height:1%; clear:both; }
* html .section .sub div{ height:1%; }
.section .sub div div{ width:auto; clear:none; }

.section div dl{ min-height:1%; clear:both; }
* html .section div dl{ height:1%; }


.section div:after,
.section div dl:after{
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


.section .sub div:after,
.section .sub div dl:after{
	content:".";
}

/* ==

　03.メインカラム（左） 

=============================================================================== */
.section .main h3{
	margin-bottom:10px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
* html .section .main h3{ height:1%; }

/* ご来場予約はこちら */
.main p.btn_reserved{ width:730px; margin-bottom:20px; clear:both; }
.main p.btn_reserved a{
	width:730px;
	height:50px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main p.btn_reserved a:link, .main p.btn_reserved a:visited{ background-position:left top; }
.main p.btn_reserved a:hover, .main p.btn_reserved a:active{ background-position:left bottom; }
.main p.btn_reserved a span{ display:none; }
.main p.btn_reserved a{ background-image:url(../images/btn_reserved.gif); }


/* フォトギャラリー
----------------------------------------------------------------------------- */
.main #photogallery{ margin:0; padding:0 0 10px; }
.main #photogallery div.photo{
	width:482px;
	margin:0 0 10px;
	padding:0;
	float:left;
}



.main #photogallery div.photo p.img{
 width:480px;
 height:305px;
 border:1px solid #ccc;
 text-align:center;

	display: table-cell;
	vertical-align: middle;
 }

* html .main #photogallery div.photo p.img{ height:305px; }
.main #photogallery div.photo p.img img{ border:1px solid #fff; }
.main #photogallery div.photo p.txt{ margin-top:5px; padding:5px; background-color:#e9e8e7; line-height:1.2; color:#333; }


/* サムネイル */
.main #photogallery div.thumb{
	width:236px;
	float:right;
}
.main #photogallery div.thumb li{
	width:106px;
	height:78px;
	margin:0 0 10px 10px;
	padding:1px 0;
	border:1px solid #ccc;
	line-height:1.0;
	text-align:center;
	cursor:pointer;
	display:inline;
	float:left;
}
.main #photogallery div.thumb li img{
	margin:0;
	padding:0;
	vertical-align:bottom;
}
.main #photogallery div.thumb li p{ display:none; }



/* ブログ
----------------------------------------------------------------------------- */
.main div.blog div{
	width:730px;
	min-height:1%;
	margin:0 0 10px;
	padding:0 0 10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	clear:both;
}
.main div.blog div.lastChild{ padding:0; background:none; }
.main div.blog p.date{
	width:120px;
	margin-right:15px;
	text-align:right;
	float:left;
}
.main div.blog dl{
	width:595px;
	margin:0;
	padding:0;
	float:left;
	clear:none;
}
.main div.blog dt{ padding:0 0 5px; }
.main div.blog dt span{ padding-right:10px; font-size:85%; }

/* 1つめ */
.main div.blog p.img{ width:135px; float:left; }
.main div.blog div.txt{
	width:595px;
	margin:0;
	padding:0;
	background:none;
	float:left;
	clear:none;
}
.main div.blog div.txt p.date{ width:auto; margin-right:0; text-align:left; float:none; }
.main div.blog div.txt p.date span{ padding-left:10px; font-size:85%; }
.main div.blog div.txt dl{ width:auto; float:none; }


/* 特徴
----------------------------------------------------------------------------- */
.main div.chara h4{
	font-size:120%;
	margin-bottom:5px;
}
.main div.chara p{ margin-bottom:10px; }

.main div.chara .details{
	margin:0;
	padding:1px;
	background-color:#fff;
	border:1px solid #f0f0f0;
}
.main div.chara .details div{
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
}

.main div.chara .details th{
	padding:2px 2em 2px 5px;
	background-color:#f2f2f2;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #d2d2d2;
	white-space:nowrap;
	text-align:left;
}
.main div.chara .details td{
	padding:5px 10px;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
.main div.chara td li{
	margin:0 0 3px 0;
	padding:0 1em 0 0;
	white-space:nowrap;
	float:left;
}

.main div.chara .details td.area{ width:80px; text-align:center; }
.main div.chara .details td.name{ width:181px; text-align:center; }
.main div.chara .details td.chara{ padding-right:0; vertical-align:top; }
.main div.chara .details td.chara li{ min-width:155px; }
.main div.chara .details td.chara li{ width:126px; }

.main div.chara .details td.pfmnc, .main div.chara .details td.strctr{ width:352px; padding-right:0; vertical-align:top; }
.main div.chara .details td.pfmnc li, .main div.chara .details td.strctr li{ min-width:100px; }
* html .main div.chara .details td.pfmnc li, * html .main div.chara .details td.strctr li{ width:100px; }



/* 地図
----------------------------------------------------------------------------- */
/* .main div.map{ margin:0; } */
.main div.map #map{
	width:728px;
	height:378px;
	margin:0 0 10px;
	padding:0;
	border:1px solid #d9d9d9;
}

/* 吹き出し */
.box td{ padding:2px; line-height:1.3; }

/* ボタン */
.main div.map div.btn{
	width:730px;
	min-height:1%;
	margin:0;
	padding:0;
	clear:both;
}
.main div.map div.btn p{ width:360px; margin:0; padding:0; line-height:1.0; clear:none; }
.main div.map div.btn p a{
	width:360px;
	height:50px;
	margin:0;
	padding:0;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main div.map div.btn p a:link, .main div.map div.btn p a:visited{ background-position:left top; }
.main div.map div.btn p a:hover, .main div.map div.btn p a:active{ background-position:left bottom; }
.main div.map div.btn p a span{ display:none; }

.main div.map p.btn_print{ float:left; }
.main div.map p.btn_print a{ background-image:url(../images/btn_print.gif); }
.main div.map p.btn_reserved{ float:right; }
.main div.map p.btn_reserved a{ background-image:url(../images/btn_reserved360.gif); }



/* ==

　04. サブカラム（右）

=============================================================================== */
.section .sub div.item{
	/*width:196px;*/
	margin:0 0 10px;
	padding:1px;
	background-color:#fff;
	border:1px solid #f0f0f0;
	clear:both;
}
.section .sub div.item div{
	margin:0;
	padding:0;
	background:#f4f3f2 url(../images/bk_subitem.gif) left top no-repeat;
	border:1px solid #d2d2d2;
	clear:both;
}
.section .sub div.item div div{
	margin:0;
	padding:5px 3px;
	background:none;
	border-top:none;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	clear:both;
}
.section .sub div.item div h3{ padding:1px; background-color:#fff; }
.section .sub div.item dl{
	width:180px;
	margin:0 auto;
	padding:7px 0;
	background:url(../images/dotline.gif) left bottom repeat-x;
	clear:both;
}
.section .sub div.item dt{ width:70px; font-weight:bold; float:left; }
.section .sub div.item dd{ width:110px; float:left; }

/* 電話番号 */
.section .sub div.item dl.tel dd{ color:#f00; font-weight:bold; }


/* 展示場情報
----------------------------------------------------------------------------- */
.section .sub div.tenji dl.manager{ padding-bottom:0; background:none; }


/* ブログ
----------------------------------------------------------------------------- */
.sub div.item div.blog .staff{ width:186px; margin:0; padding:5px 3px; border-bottom:1px solid #d2d2d2; }
.sub div.item div.blog .staff div{
	width:180px;
	margin:0 auto 10px;
	padding:0 0 10px;
	background:url(../images/dotline.gif) left bottom repeat-x;
	border:none;
	font-size:85%;
	claer:both;
}
.sub div.item div.blog .staff div.lastChild{ margin-bottom:0; padding-bottom:5px; background:none; }
.sub div.blog .staff div p.img{ margin:0.3em 10px 3px 0; border:1px solid #d2d2d2; float:left; }
.sub div.blog .staff div p.img img{ border:1px solid #fff; display:block; }
.sub div.blog .staff div p strong{ font-size:120%; }

/* カテゴリ */
.sub div.item div.blog .category{ width:186px; margin:0; padding:5px 3px; border-top:1px solid #fff; }
.sub div.item div.blog .category ul{ width:180px; margin:5px auto 0; }
.sub div.item div.blog .category li{ text-indent:-0.7em; margin:0 0 5px 0.7em; } 


/* 管轄支店
----------------------------------------------------------------------------- */
.section .sub div.shiten p.name{
	width:180px;
	margin:0 auto 3px;
	padding:0 0 3px;
	background:url(../images/dotline.gif) left bottom repeat-x;
}
.section .sub div.shiten p.name a{
	margin:5px 3px;
	padding:0 5px 0 7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	display:block;
}
.section .sub div.shiten dl.holiday{ padding-bottom:0; background:none; }


/* その他の展示場
----------------------------------------------------------------------------- */
.section .sub div.item .other ul{ width:180px; margin:0 auto; padding:0; }
.section .sub div.item .other li{
	width:180px;
	margin:0;
	padding:7px 0;
	background:url(../images/dotline.gif) left bottom repeat-x;
	clear:both;
}
.section .sub div.item .other li.lastChild{ padding-bottom:5px; background:none; }
.section .sub div.item .other li a{
	padding:0 5px 0 7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	display:block;
}


/* バナー
----------------------------------------------------------------------------- */
.section .sub div.bnr p{ margin:0 0 7px; padding:0; }




/* レコメンドフッター住宅用を設定
------------------------------------------------------------------------------- */
.recoFooter .contents{
	background:url(/common/images/renew2009/bk_recoFooter.gif) left top no-repeat;
}
.recoFooter .cnt_shohin{ width:467px; }
.recoFooter .cnt_shohin p{ clear:both; }
.recoFooter .cnt_shohin ul{
	width:153px;
	margin-right:15px;
	float:left;
}
.recoFooter .cnt_shohin ul.list_xevo{
	width:126px;
	margin-right:20px;
}
.recoFooter .cnt_shohin ul.lastChild{
	margin-right:0;
}