@charset "utf-8";

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

　目次

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

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


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



/* ==

　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 .list_outline dl.merit{ width:310px; }

/* バナー
------------------------------------------------------------------------------- */
.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 a, .main .tabBtm li a{ width:189px; }
.main .tabTop li.btn a, .main .tabBtm li.btn a{ width:138px; }

/* 上
------------------------------------------------------------------------------- */
.main .tabTop li.tab_index a{ background-image:url(../images/tabTop_index.gif); }
.main .tabTop li.tab_prdctinfo a{ background-image:url(../../images/tabTop_prdctinfo02.gif); left:196px; }
.main .tabTop li.tab_gallery a{ background-image:url(../../images/tabTop_gallery02.gif); left:387px; }
.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 .tabTop ul.tabPrdctinfo li.tab_prdctinfo a{ background-image:url(../../images/tabTop_prdctinfo02_on.gif); }
.main .tabTop ul.tabGallery li.tab_gallery a{ background-image:url(../../images/tabTop_gallery02_on.gif); }


/* 下
------------------------------------------------------------------------------- */
.main .tabBtm li.tab_index a{ background-image:url(../images/tabBtm_index.gif); }
.main .tabBtm li.tab_prdctinfo a{ background-image:url(../../images/tabBtm_prdctinfo02.gif); left:196px; }
.main .tabBtm li.tab_gallery a{ background-image:url(../../images/tabBtm_gallery02.gif); left:387px; }
.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); }
.main .tabBtm ul.tabPrdctinfo li.tab_prdctinfo a{ background-image:url(../../images/tabBtm_prdctinfo02_on.gif); }
.main .tabBtm ul.tabGallery li.tab_gallery a{ background-image:url(../../images/tabBtm_gallery02_on.gif); }



/* ==

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

=============================================================================== */
.main .contents .lead{ padding-top:20px; }
.main .contents .lead p{ margin-bottom:10px; }
.contents .lead p.txt{
	padding-right:240px;
	background:url(../images/img.gif) right 20px no-repeat;
}


/* 外張り断熱
------------------------------------------------------------------------------- */
.contents .sotobari p{ margin-bottom:10px; }
.contents .sotobari p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}
.contents .sotobari p.txt{
	padding-right:240px;
	background:url(../images/img_02.gif) right 20px no-repeat;
}
.contents .sotobari div.img{
	width:370px;
	margin-bottom:0;
	padding-top:5px;
	text-align:center;
	float:left;
	clear:none;
}
.contents .sotobari div.txt{
	width:323px;
	margin-bottom:0;
	float:right;
	clear:none;
}
.contents .sotobari div.txt h3{ padding-top:5px; }



/* ==

　04. 商品情報

=============================================================================== */
.contents .prdctinfo p.img{ width:343px; float:right; }
.contents .prdctinfo div.txt{
	width:343px;
	margin-bottom:0;
	float:left;
	clear:none;
}
.contents .prdctinfo div.txt p{ margin-bottom:10px; }
.contents .prdctinfo div.txt p strong{ line-height:1.8; color:#4085c6; }


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