@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. タブ
　03. トップページ（index.html）
　04. 商品情報（oroducts.html、prdcts_**.html）
　05. 間取り・プラン（plan.html）


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



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/shohin/xevo/css/style.css"); /* xevo共通CSS（/jutaku/shohin/xevo/css/) */


/* ==

　01. 基本

=============================================================================== */
/*
.contents div.lead{ margin-bottom:0; }
.contents div.lead p.img{ float:right; }
.contents div.lead .txt{ width:465px; float:left; }
.contents div h4{ margin-bottom:5px; clear:both; }
*/

.contents div .notes{ margin-top:5px; font-size:90%; }
.main .contents .lnavTop{ margin-bottom:20px; }
.section .main p.bnr img{ margin-bottom:5px; }
.main .list_outline dl.merit{ width:310px; }


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

/* バナー
------------------------------------------------------------------------------- */
.main div.bnr{
	width:730px;
	min-height:1%;
	margin:0 0 10px;
	padding:0;
	clear:both;
}
.main div.bnr:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.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; }


/* ==

　02. タブ

=============================================================================== */
/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_index a{ background-image:url(../images/tabTop_index.gif); }
.main .tabTop li.btn a{ background-image:url(../images/btnTop_catalog.gif); }

/* アクティブ */
.main .tabTop ul.tabIndex li.tab_index a{ background-image:url(../images/tabTop_index_on.gif); }


/* 下
------------------------------------------------------------------------------- */
.main .tabBtm li.tab_index a{ background-image:url(../images/tabBtm_index.gif); }
.main .tabBtm li.btn a{ background-image:url(../images/btnBtm_catalog.gif); }

/* アクティブ */
.main .tabBtm ul.tabIndex li.tab_index a{ background-image:url(../images/tabBtm_index_on.gif); }


/* ==

　03. トップページ（index.html）

=============================================================================== */
.contents .tech p.img{ width:228px; float:right; }
.contents .tech p.txt{ width:465px; float:left; }

.contents .ecolife div.floatL{ width:258px; clear:none; }
.contents .ecolife div.floatR{ width:437px; clear:none; }
.contents .ecolife div p{ font-size:80%; }
.contents .ecolife div img{ margin-bottom:5px; }


/* ==

　04. 商品情報（oroducts.html、prdcts_**.html）

=============================================================================== */
.contents div.notes{ margin-bottom:10px; }

.contents .column2{ margin-bottom:0; }
.contents .column2 h4{ margin-bottom:10px; }
.contents .column2 div{
	width:348px;
	margin-bottom:0;
	float:left;
	clear:none;
}
.contents .column2 div.lastChild{ float:right; }
.contents .column2 div p img{ margin-bottom:10px; }

/* 商品情報
------------------------------------------------------------------------------- */
.contents .cncpt_01 h2{ display:none; }
.contents .cncpt_01 div,
.contents .cncpt_02 div{ margin:10px 0 0; }
.contents .cncpt_01 div p img,
.contents .cncpt_02 div p img{ margin-bottom:5px; }
.contents .cncpt_01 div p{ width:467px; float:left; }
.contents .cncpt_01 div p.lastChild{ width:228px; float:right; }

.contents .cncpt_01 div p a{ line-height:2.0; }
.contents .cncpt_01 div.wall p{ width:348px; }

.contents .cncpt_02 div p{ width:228px; float:left; }
.contents .cncpt_02 div p.lastChild{ width:467px; float:right; }



/* 風
------------------------------------------------------------------------------- */
.contents .cncpt02_01 .column2{ margin:20px 0 0; }
.contents .cncpt02_01 p.img{ width:348px; float:right; }
.contents .cncpt02_01 p.txt{ width:348px; float:left; }

/* 光
------------------------------------------------------------------------------- */
.contents .cncpt03_01 p.img{ width:348px; float:right; }
.contents .cncpt03_01 p.txt{ width:348px; float:left; }

.main .contents .cncpt03_02{
	width:479px;
	padding-right:228px;
	background:url(../images/cncpt03_img_side.jpg) right top no-repeat;
}
.main .contents .cncpt03_02 .column2{ width:468px; margin-left:0; }
.contents .cncpt03_02 .column2 div{ width:228px; }

/* 水
------------------------------------------------------------------------------- */
.contents .cncpt04_01 div{ margin:10px 0 0; }
.contents .cncpt04_01 div p img{ margin-bottom:5px; }
.contents .cncpt04_01 div p{ width:467px; float:left; }
.contents .cncpt04_01 div p.lastChild{ width:228px; float:right; }



/* ==

　05. 間取り・プラン（plan.html）

=============================================================================== */
.main .contents .plan{ margin-bottom:0; }
.contents .plan h2{ display:none; }
.contents .plan p.img{ width:228px; float:left; }
.contents .plan div.txt{ width:466px; float:right; clear:none; }
.contents .plan div.txt dt{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #d9d9d9;
}

.contents .layout div{
	width:228px;
	float:left;
}
.contents .layout div h4{ margin-bottom:10px; }
.contents .layout p{
	width:466px;
	float:right;
}

.contents .layout div li{
	margin-bottom:10px;
	padding-left:20px;
	background-position:3px 2px;
	background-repeat:no-repeat;
	font-size:80%;
}
.contents .layout div li.num_01{ background-image:url(../images/plan_ic_num01.gif); }
.contents .layout div li.num_02{ background-image:url(../images/plan_ic_num02.gif); }
.contents .layout div li.num_03{ background-image:url(../images/plan_ic_num03.gif); }
.contents .layout div li.num_04{ background-image:url(../images/plan_ic_num04.gif); }
.contents .layout div li.num_05{ background-image:url(../images/plan_ic_num05.gif); }
.contents .layout div li.num_06{ background-image:url(../images/plan_ic_num06.gif); }