@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. カタログバナー用css
　03. ローカルナビゲーション（.lnav）


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



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/css/style.css"); /* 注文住宅CSS（/jutaku/css/） */
/* @import url("/jutaku/guide/css/style.css");  */


/* ==

　01. 基本

=============================================================================== */
.section .main{ margin-top:0;
margin-bottom:80px !important; }
/*
.main .contents{
	width:730px;
	min-height:1%;
	padding:0 0 10px;
	border-left:none;
	border-right:none;
	line-height:1.5;
	clear:both;
}
*/
.main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div{
	margin-bottom:20px;
	line-height:1.5;
	clear:both;
}
.main div div{ margin-bottom:0; }
.main div div.txt{ margin-bottom:0; }

.section .main h2{
	margin:10px auto 8px;
	width:950px;
	height:32px;
	background:url(../images/h2_visit.gif) left top no-repeat;
	text-indent:-9999px;
}

.section .main p.msg{
	margin-bottom:10px;
}

.section .main div h3{
	padding-bottom:0;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	border-bottom:none;
}

.section .main .xevo h3{ background:none; }



/* スタイルネーム
------------------------------------------------------------------------------- */
.main .styleName{
	width:730px;
	margin:0 auto;
	min-height:1%;
	clear:both;
}
.main .styleName p{
	padding-top:7px;
	float:left;
}
.main .styleName p.btn{
	padding-top:0;
	float:right;
}


/* タイトル
------------------------------------------------------------------------------- */
.main .title{
	border-top:1px solid #d9d9d9;
}
.main .title .vol{
	margin-bottom:10px;
	padding:5px 0;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	color:#562828;
}
.main .title .vol img{
	margin-top:3px;
	/margin-top:0;
	margin-right:8px;
	vertical-align:top;
}
.main .title .vol strong{
	font-size:120%;
	color:#562828;
}
.main .title h2{ margin-bottom:10px; }

.main .title .txt{
	width:360px;
	float:left;
}
.main .title .txt dl{
	width:326px;
	padding:10px 10px 5px;
	background-color:#e4ddcd;
}
.main .title .txt dd ul{
	width:326px;
	margin-top:5px;
}
.main .title .txt dd li{
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	color:#562828;
}
.main .title .txt dd li.lastChild{
	padding-bottom:0;
	background:none;
}

.main .title p.img{
	margin-bottom:8px;
	border-bottom:1px solid #f3f3f3;
	border-left:1px solid #f3f3f3;
	border-right:1px solid #f3f3f3;
	float:right;
}



/* インタビュー記事
------------------------------------------------------------------------------- */
.section .main .interview h3{
	min-height:23px;
	padding:7px 0 0 15px;
	background:url(/common/images/renew2009/bk_h2_730px.gif) left top no-repeat;
}
* html .main .interview h3{ height:23px; }

/* 画像
------------------------------------------------------------------------------- */
.main div ul.img{ margin:10px 0; }
.main div ul.img li{
	width:228px;
	margin-right:11px;
	padding:4px;
	background-color:#f3f3f3;
	float:left;	
}
.main div ul.img li img{ border:1px solid #d9d9d9; }
.main div ul.img li.lastChild{ margin-right:0; }

/* リビングサロンより
------------------------------------------------------------------------------- */
.main .salon{
	width:730px;
	margin-bottom:10px;
	padding:0;
	background:url(../images/bk_salon.gif) left bottom no-repeat;
}
.main .salon p{
	padding:0 0 10px 10px;
}
.main .salon p.img{
	width:200px;
	margin-bottom:10px;
	padding-bottom:0;
	font-size:90%;
	line-height:1.3;
	float:left;
	clear:none;
}
.main .salon p.img img{ margin-bottom:5px; }

.main .salon div{
	width:500px;
	padding-right:20px;
	float:right;
	clear:none;
}
.main .salon a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}

/* お住まい拝見TOPへ戻るボタン
------------------------------------------------------------------------------- */
.main p.btnTop{
	width:175px;
	margin:0 0 20px auto;
	clear:both;
}
.main p.btnTop a{
	width:175px;
	height:24px;
	background-image:url(../images/btn_top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main p.btnTop a:link, .main p.btnTop a:visited{ background-position:left top; }
.main p.btnTop a:hover, .main p.btnTop a:active{ background-position:left bottom; }

.main p.btnTop a span{ display:none; }



/* xevo一覧
------------------------------------------------------------------------------- */
.main div .xevo h3{
	margin:0 0 10px;
	padding-bottom:3px;
	border-bottom:1px solid #d9d9d9;
	background:none;
}


/* バナー
------------------------------------------------------------------------------- */
.main div.bnr{
	width:730px;
	min-height:1%;
	margin:0;
	padding:0;
	clear:both;
}
.main div.bnr:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div.bnr.mt15 {
	margin-top: 15px;
}
.main div.bnr p{ float:left; }
.main div.bnr p a:link, .main div.bnr p a:visited{ border:1px solid #d9d9d9; display:block; }
.main div.bnr p a:hover, .main div.bnr p a:active{ border:1px solid #f60; }
.main div.bnr p.bnr_tenji{ width:355px; padding-bottom:20px; float:; }
.main div.bnr p.bnr_bunjo{ width:355px; padding-bottom:20px; float:right; }


/* カタログ請求・相談エリア
------------------------------------------------------------------------------- */
.main .block_request:after,
.main .block_request div:after {
	display: none;
}

.main .block_request {
	width: 730px;
	height: 280px;
	margin-top: 10px;
	margin-bottom: 10px !important;
	background: url(../images/request/catalog/bg_catalog.jpg) no-repeat;
}

.section .main .block_request h3,
.main .block_request p  {
	text-indent:-9999px;
}

.main .block_request em {
	font-weight: bold;
	font-style: normal;
}
.main .block_request .inner {
	overflow: hidden;
	margin: 0;
	padding: 0 10px 15px;
}
* html .main .block_request .inner { /* ie6 */
	zoom: 1;
}
*:first-child+html .main .block_request .inner { /* ie7 */
	zoom: 1;
}
.main .block_request .inner:after {
	content : '';
	display : block;
	clear : both;
	height:0;
}

.main .block_request .inner p {
	float: left;
	width: 395px;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}
.main .block_request .inner ul {
	float: right;
	width: 305px;
	margin-top: -10px;
	margin-right: 23px;
}
.main .block_request .inner li {
	margin-top: 10px;
}
.main .block_request .inner li.bnr01 {
	margin-top: 100px;
}
.main .block_request .inner li.bnr02 {
	margin-top: 8px;
}
.main .block_request .inner li img {
	vertical-align: bottom;
}



/* ==

　02. バナー用css

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

.catalog { margin:30px 0 0 0; }
.catalog  p{ 
	margin:0 0 10px;
	padding:0;
}
.catalog  p.txt_link a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}
.catalog  p.bnr a{
	padding:3px;
}


.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaB { vertical-align: buttom; }




/* ==

　03. ローカルナビゲーション（.lnav）

=============================================================================== */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav div.lnav01 p a{ background-image:url(../images/lnav_subtitle01.jpg); }
.lnav div.lnav02 p a{ background-image:url(../images/lnav_subtitle02.jpg); }
.lnav div.lnav03 p a{ background-image:url(../images/lnav_subtitle03.jpg); }



/*
.lnav div li ul{ display:none; }
.lnav div li.current ul{ display:block; }
*/





/* バナーエリア
------------------------------------------------------------------------------- */
#contSp01 .bnrArea{
	width:730px;
	margin: 20px 0 10px 0;
	float:right;
}

#contSp01 .bnrArea .bnrAreain{
	float:right;
}

#contSp01 .bnrArea .bnrAreain ul{
	width:440px;
	padding:0px;
}

#contSp01 .bnrArea .bnrAreain ul .center{
	text-align:center;
}

/* バナーエリア02 vol41用　角丸エリアの後に追記の場合 */
#jutaku .container .section .main #contSp01 .bnrArea02{
	width:730px;
	margin: 20px 0 20px 0;
	float:right;
}

#contSp01 .bnrArea02 .bnrAreain{
	float:right;
    clear: both;
    display: block;
	}

#contSp01 .bnrArea02 .bnrAreain ul{
	width:440px;
	padding:0px;
}

#contSp01 .bnrArea02 .bnrAreain ul .center{
	text-align:center;
}


/* バナー 180306 */
.bnrCenter {
	padding: 20px 0 10px 0;
	text-align:center;
}