@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 間取り・プラン例紹介はこちら
　03. 実現できるxevoシリーズ
　04. 
　05. 


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



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/css/style.css"); /* 注文住宅CSS（/jutaku/css/） */
/* @import url("/jutaku/shohin/css/style.css"); 住宅商品情報CSS（/jutaku/shohin/css/) */


/* ==

　01. 基本

=============================================================================== */
.main .contents{
	width:730px;
	min-height:1%;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/common/images/renew2009/line_dotted03.gif) left bottom repeat-x;
	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;
	clear:both;
}
.main div div.txt{ margin-bottom:0; }

.lnav p.title a{ background-image:url(../../shohin/images/lnav_title.gif); }
.lnav .lnav01 p a{ background-image:url(../../shohin/images/lnav_subt_lifestyle.gif); }
.lnav .lnav02 p a{ background-image:url(../../shohin/images/lnav_subt_exterior.gif); }
.lnav .lnav03 p a{ background-image:url(../../shohin/images/lnav_subt_type.gif); }

.main .contents div{ min-height:1%; }
* html .main .contents div{ height:1%; }
.main .contents div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.main p.bnr{
	width:730px;
	margin:0;
	padding:10px 0 20px;
	clear:both;
}


/* バナー
------------------------------------------------------------------------------- */
.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;
	margin-top: 20px;
	margin-bottom: 10px !important;
	background: url(../images/request/bg_request01.gif) left top repeat-y;
}

.main .contents .block_request {
	margin-top: 0;
}

.main .block_request.mb00 {
	margin-bottom: 0 !important;
}

.section .main .block_request h3 {
	height: 41px;
	margin-bottom: 0;
	padding: 5px 1px 0;
	border: none;
	background: url(../images/request/bg_request03.gif) left top no-repeat;
}

.main .block_request p {
	line-height: 1.5;
	margin: 0 1px;
	padding: 7px 10px 6px 10px;
}

.main .block_request em {
	font-weight: bold;
	font-style: normal;
}
.main .block_request .inner {
	overflow: hidden;
	margin: 0;
	padding: 0 10px 15px;
	background: url(../images/request/bg_request02.gif) left bottom no-repeat;
}
* 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: 300px;
	margin-top: -10px;
}
.main .block_request .inner li {
	margin-top: 10px;
}
.main .block_request .inner li img {
	vertical-align: bottom;
}

.main .request-btm-txtlink {
	margin: -15px 0 0 0;
	padding: 0 0 0 7px;
	background: url(/common/images/renew2009/arrow_02.gif) left 0.6em no-repeat;
	font-size: 85%;
	line-height: 1.3;
	text-align: right;
	float: right;
}



/* スタイルネーム
------------------------------------------------------------------------------- */
.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 .styleName p.btn a{
	width:220px;
	height:40px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main .styleName p.btn a:link, .main .styleName p.btn a:visited{ background-position:left top; }
.main .styleName p.btn a:hover, .main .styleName p.btn a:active{ background-position:left bottom; }
.main .styleName p.btn a span{ display:none; }

/* .main .styleName p.btn a{ background-image:url(../../images/btn_catalog.gif); } */


/* ローカルナビボタン
------------------------------------------------------------------------------- */
.main .nav{
	margin-bottom:10px;
	height:27px;
	background:none;
}
.main .nav li{
	margin-right:5px;
	text-indent:0;
	float:left;
}
.main .nav li a{
	height:27px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	position:relative;
	top:0;
}
.main .nav li a span{ display:none; }
.main .nav li a:link, .main .nav li a:visited{ background-position:left top; }
.main .nav li a:hover, .main .nav li a:active{ background-position:left bottom; }


/* 横遷移のリンク（次のページ、前のページへのリンク）
------------------------------------------------------------------------------- */
.main .nextback{
	width:730px;
	min-height:1%;
	margin-bottom:0;
	padding-bottom:10px;
	background:url(/common/images/renew2009/line_dotted03.gif) left bottom repeat-x;
	clear:both;
}
.section .main div.nextback p{
	width:360px;
	margin-bottom:0;
	padding-bottom:0;
}
.main .nextback p.back{ float:left; }
.main .nextback p.back a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_back.gif) left 4px no-repeat;
}
.main .nextback p.next{ text-align:right; float:right; }
.main .nextback p.next a{
	padding-left:0;
	padding-right:7px;
	background:url(/common/images/renew2009/arrow_02.gif) right 4px no-repeat;
}




/* ==

　02. 間取り・プラン例紹介はこちら

=============================================================================== */
.main .planIntro{ margin:20px 0; }
.main .planIntro h3{ background:none; }
.main .planIntro li{
	margin-right:10px;
	float:left;
}
.main .planIntro li.lastChild{
	margin-right:0;
	float:right;
}
.main .planIntro li a{ display:block; }
.main .planIntro li a:link, .main .planIntro li a:visited{ border:1px solid #d9d9d9; }
.main .planIntro li a:hover, .main .planIntro li a:active{ border:1px solid #ff6600; }


/* ==

　03. 実現できるxevoシリーズ＋カタログボタン

=============================================================================== */
.main div .xevo{
	width:730px;
	padding:0;
	line-height:1.0;
	position:relative;
}
.main div .xevo h3{
	margin:0 0 10px;
	padding-bottom:3px;
	border-bottom:1px solid #d9d9d9;
	background:none;
}

/* xevoボタン */
.main div .xevo dl{ width:730px; margin-bottom:10px; position:relative; /*float:left;*/ }
.main div .xevo dl.wooden{ width:384px; float:left; }
.main div .xevo dl.iron_3f{ width:97px; float:left; }

.main div .xevo dt{ height:17px; }
/* ↑ページによって1pxずれたりするのを防ぐ為height固定 */

.main div .xevo dl.iron ul,
.main div .xevo dl.iron_3f ul
/*.main div .xevo dl.wooden ul*/{ border-left:1px solid #ccc; }
.main div .xevo li{
	width:96px;
	height:50px;
	margin:0;
	padding:0;
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
}
.main div .xevo li a{
	width:96px;
	height:50px;
	margin:0;
	padding:0;
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
}
.main div .xevo li span{ display:none; }
.main div .xevo li a:link, .main div .xevo li a:visited{ background-position:left top; }
.main div .xevo li a:hover, .main div .xevo li a:active{ background-position:left center; }

/* 鉄骨 */
.main div .xevo li.xevoE,
.main div .xevo li.xevoE a{ width:95px; background-image:url(../../images/xevo/btn_xevoE.gif); }
.main div .xevo li.xevoFU,
.main div .xevo li.xevoFU a{ background-image:url(../../images/xevo/btn_xevoFU.gif); }
.main div .xevo li.xevoC,
.main div .xevo li.xevoC a{ background-image:url(../../images/xevo/btn_xevoC.gif); }
.main div .xevo li.xevoAI,
.main div .xevo li.xevoAI a{ width:95px; background-image:url(../../images/xevo/btn_xevoAI.gif); }
.main div .xevo li.xevoV,
.main div .xevo li.xevoV a{ background-image:url(../../images/xevo/btn_xevoV.gif); }
.main div .xevo li.xevoYU,
.main div .xevo li.xevoYU a{ width:95px; background-image:url(../../images/xevo/btn_xevoYU.gif); }
.main div .xevo li.xevoEDDI,
.main div .xevo li.xevoEDDI a{ background-image:url(../../images/xevo/btn_xevoEDDI.gif); }

/* 鉄骨－3F */
.main div .xevo li.xevoT,
.main div .xevo li.xevoT a{ background-image:url(../../images/xevo/btn_xevoT.gif); }

/* 木造 */
.main div .xevo li.xevoKU,
.main div .xevo li.xevoKU a{ background-image:url(../../images/xevo/btn_xevoKU.gif); }
.main div .xevo li.xevoWW,
.main div .xevo li.xevoWW a{ background-image:url(../../images/xevo/btn_xevoWW.gif); }
.main div .xevo li.xevoWV,
.main div .xevo li.xevoWV a{ background-image:url(../../images/xevo/btn_xevoWV.gif); }



/* xevoシリーズ一覧 */
.main div .xevo p.xevoIndex{
	width:100px;
	height:15px;
	position:absolute;
	right:0;
	top:2px;
}
.main div .xevo p.xevoIndex a{
	width:100px;
	height:15px;
	background-image:url(../../images/xevo/li_xevoIndex.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main div .xevo p.xevoIndex a span{ display:none; }
.main div .xevo p.xevoIndex a:link, .main div .xevo p.xevoIndex a:visited{ background-position:left top; }
.main div .xevo p.xevoIndex a:hover, .main div .xevo p.xevoIndex a:active{ background-position:left bottom; }


/* ==

　04. 実現できるxevoシリーズ（バナーver）

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

/* xevoシリーズ */
.bnr_xevo{
	background:url(/common/images/renew2009/line_dotted03.gif) repeat-x left top;
	padding-top:20px;
}