@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. タブ
　03. 外張り断熱の家 xevoシリーズ＋カタログボタン
　04. 
　05. 


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



/* ==

　00. file import

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


/* ==

　01. 基本

=============================================================================== */
.section .main{ margin-top:10px; }
.main div{
	min-height:1%;
	margin-bottom:20px;
	clear:both;
}
* html .main div{ height:1%; }
.main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div div{ margin-bottom:0; }

.main .contents{
	width:728px;
	min-height:1%;
	margin:0;
	padding-top:10px;
	background:none;
	border-left:1px solid #b2b4b6;
	border-right:1px solid #b2b4b6;
	clear:both;
}
.main .contents div{
	width:706px;
	min-height:1%;
	margin:0 auto 20px;
	line-height:1.5;
	clear:both;
}
.section .main h3{
	margin-bottom:10px;
	background:none;
	/*
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	*/
}


/* ステップの内容
------------------------------------------------------------------------------- */
.contents .cnt_step{
	width:706px;
	margin-bottom:20px;
	position:relative;
	clear:both;
}
.contents .cnt_step h3{
	width:706px;
	margin:0 0 20px;
	padding:5px 0 0;
	text-align:left;
	float:none;
	clear:both;
}
.contents .cnt_step .reading{
	width:580px;
	min-height:both;
	margin:0 auto 20px;
	overflow:visible;
	clear:both;
}
* html .contents .cnt_step .reading{ height:1%; }
.contents .cnt_step .reading:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.cnt_step div div.txt{
	width:310px;
	line-height:1.8;
	clear:none;
}

/* アンカーリンク */
.cnt_step ul.anchor{
	position:absolute;
	top:12px;
	right:0;
}
.cnt_step ul.anchor li{
	margin-right:10px;
	font-size:90%;
	float:left;
}
.cnt_step ul.anchor li a{
	padding-left:10px;
	background:url(/common/images/renew2009/arrow_anchor.gif) left 4px no-repeat;
	color:#666;
	text-decoration:none;
}


/* コラム
------------------------------------------------------------------------------- */
.contents .cnt_step .column{
	width:706px;
	background-position:left top;
	background-repeat:repeat-y;
}
.cnt_step .column p.title{
	padding:15px 20px 5px;
	background-position:left top;
	background-repeat:no-repeat;
}
.cnt_step .column div{
	width:661px;
	margin:10px 0 0;
	padding:0 22px 20px 23px; 
	background-position:left bottom;
	background-repeat:no-repeat;
}
.cnt_step .column div p{ line-height:1.5; }
.cnt_step .column div p.img{ width:310px; }
.cnt_step .column div p.txt{ width:350px; clear:none; }

.cnt_step .column li{
	margin-bottom:15px;
	padding-left:12px;
	line-height:1.5;
}
.cnt_step .column li.lastChild{ margin-bottom:0; }
.cnt_step .column li img{ margin-bottom:5px; }


/* ローカルナビ
------------------------------------------------------------------------------- */
.lnav p.title a{ background-image:url(../images/lnav_title.gif); }
.lnav div.lnav01 p a{ background-image:url(../images/lnav_subt_guide.gif); }
.lnav div.lnav02 p a{ background-image:url(../images/lnav_subt_visit.gif); }
.lnav div.lnav03 p a{ background-image:url(/jutaku/chouki/images/lnav_subt_chouki.gif); }
.lnav div.lnav04 p a{ background-image:url(/jutaku/performance/images/lnav_subt_performance.gif); }
.lnav div.lnav05 p a{ background-image:url(/jutaku/ecopoint/images/lnav_subt_ecopoint.gif); }

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


/* 横遷移のリンク
------------------------------------------------------------------------------- */
.main .contents .lnavTop,
.main .contents .lnavBtm{
	width:706px;
	min-height:1%;
	margin:0 auto 10px;
	padding:10px 0 0;
	background-image:url(/common/images/renew2009/line_dotted03.gif);
	background-repeat:repeat-x;
	clear:both;
}
.main .contents .lnavTop{
	margin-bottom:20px;
	padding:0 0 10px;
	background-position:left bottom;
}
.main .contents .lnavBtm{
	background-position:left top;
}
.main .contents .lnavTop li,
.main .contents .lnavBtm li{
	margin-right:15px;
	line-height:1.3;
	white-space:nowrap;
	float:left;
}
.main .contents .lnavTop li a,
.main .contents .lnavBtm li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	display:block;
	float:left;
}
* html .main .contents .lnavTop li a,
* html .main .contents .lnavBtm li a{
	height:1%;
}
.main .contents .lnavTop li strong,
.main .contents .lnavBtm li strong{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	color:#666;
	font-weight:normal;
	text-decoration:none;
	display:block;
	float:left;
}


/* ==

　02. タブ

=============================================================================== */
.main .tabTop{ margin:0; }
.main .tabTop li a, .main .tabBtm li a{ width:144px; }

/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_index a{ width:143px; background-image:url(../images/tabTop_index.gif); left:5px; }
.main .tabTop li.tab_step01 a{ background-image:url(../images/tabTop_step01.gif); left:148px; }
.main .tabTop li.tab_step02 a{ background-image:url(../images/tabTop_step02.gif); left:293px; }
.main .tabTop li.tab_step03 a{ background-image:url(../images/tabTop_step03.gif); left:438px; }
.main .tabTop li.tab_step04 a{ background-image:url(../images/tabTop_step04.gif); left:582px; }

/* アクティブ */
.main .tabTop ul.tabIndex li.tab_index a{ background-image:url(../images/tabTop_index_on.gif); }
.main .tabTop ul.tabStep01 li.tab_step01 a{ background-image:url(../images/tabTop_step01_on.gif); }
.main .tabTop ul.tabStep02 li.tab_step02 a{ background-image:url(../images/tabTop_step02_on.gif); }
.main .tabTop ul.tabStep03 li.tab_step03 a{ background-image:url(../images/tabTop_step03_on.gif); }
.main .tabTop ul.tabStep04 li.tab_step04 a{ background-image:url(../images/tabTop_step04_on.gif); }


/* 下
------------------------------------------------------------------------------- */
.main .tabBtm li.tab_index a{ width:143px; background-image:url(../images/tabBtm_index.gif); left:5px; }
.main .tabBtm li.tab_step01 a{ background-image:url(../images/tabBtm_step01.gif); left:148px; }
.main .tabBtm li.tab_step02 a{ background-image:url(../images/tabBtm_step02.gif); left:293px; }
.main .tabBtm li.tab_step03 a{ background-image:url(../images/tabBtm_step03.gif); left:438px; }
.main .tabBtm li.tab_step04 a{ background-image:url(../images/tabBtm_step04.gif); left:582px; }

/* アクティブ */
.main .tabBtm ul.tabIndex li.tab_index a{ background-image:url(../images/tabBtm_index_on.gif); }
.main .tabBtm ul.tabStep01 li.tab_step01 a{ background-image:url(../images/tabBtm_step01_on.gif); }
.main .tabBtm ul.tabStep02 li.tab_step02 a{ background-image:url(../images/tabBtm_step02_on.gif); }
.main .tabBtm ul.tabStep03 li.tab_step03 a{ background-image:url(../images/tabBtm_step03_on.gif); }
.main .tabBtm ul.tabStep04 li.tab_step04 a{ background-image:url(../images/tabBtm_step04_on.gif); }



/* ==

　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;
}