@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. 中ページ枠組み
　03. まちなかxevoブログ紹介（サイド）
　04. 
　05. 


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


/* ==

　00. file import

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


/* ==

　01. 共通パーツ

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


/* ナビゲーション
------------------------------------------------------------------------------- */
div.nav{
	width:100%;
	height:28px;
	background:url(/common/images/renew2009/bk_nav.gif) left top repeat-x;
	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{
	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_shohin.gif); left:187px; }
div.nav li.nav02 a{ width:100px; background-image:url(../images/nav_about.gif); left:289px; }
div.nav li.nav03 a{ width:112px; background-image:url(../images/nav_merit.gif); left:413px; }
div.nav li.nav04 a{ width:100px; background-image:url(../images/nav_machinaka.gif); left:548px; }
div.nav li.nav05 a{ width:102px; background-image:url(../images/nav_consult.gif); left:671px; }
div.nav li.nav06 a{ width:155px; height:22px; background-image:url(../images/nav_catalog.gif); top:3px; left:794px; }


/* レコメンドフッター
------------------------------------------------------------------------------- */
.recoFooter .contents{
	background:url(../images/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;
}


/* ダイワハウスからの住まいのご提案
------------------------------------------------------------------------------- */
.lifestyle{
	margin-bottom:20px;
	background-color:#f3f3f3;
}
.lifestyle ul{ margin:4px 1px 0; }
.lifestyle li{
	margin-bottom:4px;
	padding:0 2px;
	line-height:1.4;
	float:left;
}
@media print{
	* html .lifestyle li{ padding:0 2px 0 1px; }
}
.lifestyle li a{
	height:66px;
	padding:4px 76px 4px 4px;
	background-color:#fff;
	background-position:right top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}
.lifestyle li a img{ margin-bottom:3px; }

.lifestyle li a:link, .lifestyle li a:visited{ border:1px solid #dadada; color:#666; text-decoration:none; }
.lifestyle li a:hover, .lifestyle li a:active{ border:1px solid #ff6600; color:#666; }

.lifestyle li.setsuden a{ background-image:url(../images/img_setsuden.jpg); }
.lifestyle li.cocoom a{ background-image:url(../images/img_cocoom.jpg); }
.lifestyle li.airsuite a{ background-image:url(../images/img_airsuite.jpg); }
.lifestyle li.happyhug a{ background-image:url(../images/img_happyhug.gif); }
.lifestyle li.nisetai a{ background-image:url(../images/img_nisetai.jpg); }
.lifestyle li.hiraya a{ background-image:url(../images/img_hiraya.jpg); }
.lifestyle li.pet a{ background-image:url(../images/img_pet.jpg); }
.lifestyle li.chintaiheiyou a{ background-image:url(../images/img_chintaiheiyou.jpg); }
.lifestyle li.kinkyoikumago a{ background-image:url(../images/img_kinkyoikumago.jpg); }
.lifestyle li.ediblegarden a{ background-image:url(../images/img_ediblegarden.jpg); }
.lifestyle li.daeqt a{ background-image:url(../images/img_daeqt.jpg); }
.lifestyle li.solar a{ background-image:url(../images/img_solar.jpg); }
.lifestyle li.smaeco a{ background-image:url(../images/img_smaeco.jpg); }
.lifestyle li.plans a{ background-image:url(../images/img_plans.gif); }
.lifestyle li.intelligencetoilet a{ background-image:url(../images/img_intelligencetoilet.jpg); }
.lifestyle li.norikokondo a{ background-image:url(../images/img_norikokondo.gif); }
.lifestyle li.kanaderuie a{ background-image:url(../images/img_kanaderuie.jpg); }
.lifestyle li.xevoEDDI a{ background-image:url(../images/img_xevoEDDI.jpg); }
.lifestyle li.easycloak a{ background-image:url(../images/img_easycloak.gif); }




/* ==

　02. 中ページ枠組み

=============================================================================== */
.section .main{
	width:730px;
	min-height:1%;
	float:right;
}
.section .lnav{
	width:200px;
	min-height:1%;
	float:left;
}
.section .main:after,
.section .lnav:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section .main h2{
	margin-bottom:0;
	padding-bottom:10px;
	background-image:none;
	background-color:#fff;
}
.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%; }

@media print{
	.lnav{ display:none; }
	.section .main{ float:left; }
}


/* ==

　03. まちなかxevoブログ紹介（サイド）

=============================================================================== */
.lnav .blog{
	width:200px;
	min-height:1%;
	/*margin-bottom:15px;*/
	background:url(../images/lnav_btm_blog.gif) left bottom no-repeat;
	line-height:1.3;
	clear:both;
}
.lnav .blog *{
	/*
	width:auto;
	height:auto;
	*/
	margin:0;
	padding:0;
	background:none;
	position:relative;
	float:none;
	clear:both;
}
.lnav .blog a{
	width:auto;
	height:auto;
}
.lnav .blog p.title{
	width:200px;
	padding-top:20px;
	background-color:#fff;
}
.lnav .blog ul{ padding-top:3px; }
.lnav .blog li{
	width:200px;
	min-height:1%;
	margin:0;
	padding:7px 0;
	background:url(../images/lnav_line_blog.gif) left bottom no-repeat;
	position:relative;
	float:none;
	clear:both;
}
.lnav .blog li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

/*.lnav .blog li p{ margin-bottom:3px; }*/
.lnav .blog li p.city{
	padding:0;
	font-size:90%;
	line-height:1.2;
	color:#333;
}
.lnav .blog li p.img{ float:left; clear:none; }
.lnav .blog li div.txt{
	width:125px;
	padding-right:15px;
	float:right;
	clear:none;
}

/* 「土地からお探しの方へ」IE6対応 */
@media print{
	.bunjo ul.btn li.btn_bunjo{ margin-right:9px; }
}



/* ==

　04. SNSボタン

=============================================================================== */
.main #sns{ width:730px; margin:0; padding:10px 0 0; /padding:0 0 5px; text-align:left; clear:both; }
.main #sns:after{ content:''; display:block; clear:both; }
.main #sns p, .main #sns iframe{ padding:0 0 3px 3px; float:right; }
.main #sns p#sns_twitter{ /width:80px; }



/*
.main #sns{ width:730px; margin:0; padding:0; /padding:0 0 5px; text-align:right; clear:both; }
.main #sns:after{ content:''; display:block; clear:both; }
.main #sns p{ margin:0; padding:0; display:inline; }
.main #sns p{ /padding:0 0 0 5px; }
*/

/* ==

　05. lnav_banner.js

=============================================================================== */
.bannerList{ background:#fff; }
.lnav ul.bannerList li{ padding:10px 0 0 0; }
.lnav ul.bannerList li a{ background:none; padding:0; width:200px; }

.bannerQs{ background:#fff; padding:10px 0; }
.lnav ul.bannerQs li{ padding:10px 0 0 0; }
.lnav ul.bannerQs li a{ background:none; padding:0; width:200px; }