@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. 事例ピックアップ
　03. 中ページ枠組み


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


/* ==

　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 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:114px; background-image:url(../images/nav_concept.gif); left:150px; }
div.nav li.nav02 a{ width:69px; background-image:url(../images/nav_search.gif); left:290px; }
/*div.nav li.nav03 a{ width:95px; background-image:url(../images/nav_blog.gif); left:383px; }*/
div.nav li.nav04 a{ width:121px; background-image:url(../images/nav_guide.gif); left:383px; }
div.nav li.nav05 a{ width:70px; background-image:url(../images/nav_office.gif); left:529px; }
div.nav li.nav06 a{ width:117px; height:22px; background-image:url(../images/nav_consult.gif); top:3px; left:734px; }
div.nav li.nav07 a{ width:95px; height:22px; background-image:url(../images/nav_request.gif); top:3px; left:855px; }

/* 事例ブログ有
div.nav li.nav03 a{ width:95px; background-image:url(../images/nav_blog.gif); left:383px; }
div.nav li.nav04 a{ width:121px; background-image:url(../images/nav_guide.gif); left:498px; }
div.nav li.nav05 a{ width:70px; background-image:url(../images/nav_office.gif); left:639px; }
div.nav li.nav06 a{ width:117px; height:22px; background-image:url(../images/nav_consult.gif); top:3px; left:734px; }
div.nav li.nav07 a{ width:95px; height:22px; background-image:url(../images/nav_request.gif); top:3px; left:855px; }
*/


/* 最近チェックしたリフォーム事例
------------------------------------------------------------------------------- */
#l_renew #history li p{ text-align:center; }


/* レコメンドフッター
------------------------------------------------------------------------------- */
.recoFooter .contents{ padding-bottom:0; background:url(../images/bk_recoFooter.gif) left top no-repeat; }

/* ダイワハウスのリフォーム */
.recoFooter .cnt_renew{ width:545px; margin-right:0; }
.recoFooter .cnt_renew p{ clear:both; }
.recoFooter .cnt_renew ul{
	width:142px;
	margin-right:15px;
	float:left;
}
.recoFooter .cnt_renew li ul{ width:auto; margin:5px 0 0 10px; float:none; clear:both; }
.recoFooter .cnt_renew li li{ font-size:100%; }

/* 部位から探す */
.recoFooter .cnt_renew ul.list_casePart{ width:222px; }
.recoFooter .cnt_renew ul.list_casePart li li ul{ width:200px; }
.recoFooter .cnt_renew ul.list_casePart li li li{
	width:70px;
	padding-right:5px;
	float:left;
	clear:none;
}
.recoFooter .cnt_renew ul.list_casePart li li li.odd{ width:120px; }

/* 価格から探す */
.recoFooter .cnt_renew ul.list_casePrice{
	width:150px;
	margin-right:0;
}

/* 大和ハウス工業トップ＋住まい */
.recoFooter .contents div.lastChild{ width:165px; }
.recoFooter .contents div.lastChild p.firstChild{
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px solid #ebebeb;
}


/* lnavバナー背景有り
------------------------------------------------------------------------------- */
.lnav div.bnr_consult{
	padding-top:10px;
	background-color:#fff;
}
.lnav div.bnr_consult p{
	width:190px;
	padding:5px 5px 0;
	background:url(../images/bnr/lnav_bnr_bkTop.gif) left top no-repeat;
	line-height:1.3;
	color:#fff;
}
.lnav div.bnr_consult p.txt{
	padding-bottom:7px;
	background:url(../images/bnr/lnav_bnr_bkBtm.gif) left bottom no-repeat;
}
.lnav div.bnr_consult p a{ display:inline; width:auto; height:auto; }
.lnav div.bnr_consult p.txt a{
	color:#fff;
	display:inline;
}


/* 営業所一覧
------------------------------------------------------------------------------- */
.office{ margin-top:20px; }
.office div{
	width:948px;
	margin-bottom:20px;
	padding:1px;
	background-color:#d9d9d9;
}
.office table{
	width:100%;
}
.office td{
	padding:7px 10px;
	background-color:#f7f7f0;
	border:1px solid #fff;
	line-height:1.4;
}
.office td.ofc_name{ background-color:#fff; text-align:center; }


/* 営業所一覧（TOPページ2カラムパターン）
------------------------------------------------------------------------------- */
.officeSalon-info {
	}
.officeSalon-info .office{
	width:710px;
	margin-top:0;
	float:left;
	}
.officeSalon-info .office div{
	width:708px;
	margin-bottom:20px;
	padding:1px;
	background-color:#d9d9d9;
}
.officeSalon-info .salon{
	width:220px;
	margin-top:0;
	float:right;
	}
.officeSalon-info .salon div{
	width:218px;
	margin-bottom:5px;
	padding:1px;
	background-color:#d9d9d9;
}

.officeSalon-info table{
	width:100%;
}
.officeSalon-info td{
	padding:7px 10px;
	background-color:#f7f7f0;
	border:1px solid #fff;
	line-height:1.4;
}
.officeSalon-info td.ofc_name{ background-color:#fff; text-align:left; }

.officeSalon-info .office p.img {
	width:180px;
	float:left;
	margin:0;
	padding:0;
	}
.officeSalon-info .office p.img img {
	border:1px solid #fff;
	}
.officeSalon-info .office div.txt {
	background-color:#f7f7f0;
	width:488px;
	float:right;
	margin:0;
	padding:0;
	}

.officeSalon-info a {
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	}



/* ==

　02. 事例一覧

=============================================================================== */
.section .main div.pagelink:after,
.section .main div.list_case:after,
.main .list_case li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

/* ページリンク
------------------------------------------------------------------------------- */
.section .main div.pagelink{
	width:707px;
	min-height:1%;
	margin:0 auto 10px;
	padding:5px 0;
	clear:both;
}
.section .main div.pagelink ul{
	text-align:center;
}
.section .main div.pagelink li{
	margin:0 10px 0 0;
	padding:0 5px 0 0;
	border-right:1px solid #999;
	display:inline;
}
.section .main div.pagelink li.current a{ color:#666; font-weight:bold; text-decoration:none; }

/* 次の●●件 */
.section .main div.pagelink li.next{
	margin:0 0 0 10px;
	padding:0;
	white-space:nowrap;
	border-right:none;
}
.section .main div.pagelink li.next a{
	padding-right:7px;
	background:url(/common/images/renew2009/arrow_02.gif) right 4px no-repeat;
}
.section .main div.pagelink li.prev{
	margin:0 20px 0 0;
	padding:0;
	white-space:nowrap;
	border-right:none;
}
.section .main div.pagelink li.prev a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_back.gif) left 4px no-repeat;
}

/* 一覧
------------------------------------------------------------------------------- */
.section .main div.list_case{
	width:718px;
	min-height:1%;
	margin:0 0 0 10px;
	padding:0;
	clear:both;
}
* html .section .main div.list_case{ height:1%; }
.main .list_case li{
	width:230px;
	height:220px;
	min-height:1%;
	margin:0 9px 9px 0;
	padding:0;
	background:url(../images/case/bk_item.gif) left top no-repeat;
	display:inline;
	float:left;
}
.main .list_case li p.img{
	width:138px;
	padding:9px;
	float:left;
}
.main .list_case li p.img img{ border:1px solid #fff; }
.main .list_case li div{
	width:60px;
	margin:0;
	padding:10px 0;
	float:left;
	clear:none;
}
.main .list_case li div p{ margin-bottom:10px; }
.main .list_case li div p.price{ margin-bottom:0; }
.main .list_case li div p a{ font-weight:bold; }
.main .list_case li p.txt{
	width:210px;
	height:45px;
	padding:0 10px 10px;
/*	background:url(../images/case/btm_item.gif) left bottom no-repeat; */
	font-size:80%;
	clear:both;
}
.main .list_case li p.txt img { margin-right:5px; }


/* ==

　03. 中ページ枠組み

=============================================================================== */
.section .lnav{
	width:200px;
	min-height:1%;
	float:left;
}
.section .main{
	width:730px;
	min-height:1%;
	float:right;
}
.section .main-blog,
.section .main-column{
	width:550px;
	min-height:1%;
	float:left;
	margin-left:20px;
}
.section .otherSample {
	width:160px;
	min-height:1%;
	float:left;
	margin:41px 0 0 20px;
	/*display:inline;*/
	}
.section .main:after,
.section .lnav:after,
.section .main-blog:after,
.section .main-column:after,
.section .otherSample: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; }
	.section .main-blog{ float:left; }
	.section .main-column{ float:left; }
}