@charset "utf-8";
/* CSS Document */

#mainImgDetail{ height: 200px; }

section.read2 h3 img{ margin-bottom: 25px; }
section.read2 div.itemDetail{ width: 610px; float:left; }

/* products list */

section.productList{ padding-top:5px !important; }
section.productList div{ display: block; width: 370px; margin-right: 42px; margin-bottom:20px; float:left; }
section.productList div:nth-child(3n){ margin-right:0 !important; }

section.productList div div.pTitle{ width: 362px; font-size: 14px; line-height: 1.6em; margin-bottom:0px; padding: 10px 0 10px 8px; font-weight:bold; position: relative; }
section.productList div div.pTitle h3{ font-size: 18px; font-weight: bold;}
section.productList div div.pTitle a{ display: block; width: 59px; height:59px; background: url(../../sofa/img/bt_online.jpg); position: absolute; right:0; top:0; }
section.productList div div.pTitle a:hover{ background: url(../../sofa/img/bt_online_r.jpg) }
section.productList div div.pTitle a span{ display: none; }

section.productList div table{ width: 370px; border-top:#D5D5D5 1px solid; clear:both; }
section.productList div table tr{ background:#F8F7F7;}
section.productList div table tr:nth-child(2n){ background:#FFF;}
section.productList div table th,section.productList div table td{ padding: 10px 0 8px 10px; vertical-align: top; font-size: 12px; line-height:1.2em; text-align: left; border-bottom:#D5D5D5 1px solid; }

section.productList div table th{ font-weight: normal !important; }
section.productList div table td b{ display:block; padding-bottom:5px; font-size:14px; font-weight: bold !important; }

section.productList div p.cmt{ clear:both; width:354px; padding: 10px 8px; font-size:13px; line-height: 1.5em; background: url(../img/product_line.gif) repeat-x top; }


/* products list WIDE */
section.productListWide{ padding-top:5px !important; }
section.productListWide div{ display: block; width: 575px; margin-right: 44px; margin-bottom:35px; float:left; }
section.productListWide div:nth-child(2n){ margin-right:0 !important; }

section.productListWide div div.pBox{ width: 560px; font-size: 14px; line-height: 1.6em; margin-bottom:0px; padding: 15px 0 15px 15px; }
section.productListWide div div.pBox h3{ margin-bottom:3px; font-size: 18px; font-weight: bold;}
section.productListWide div div.pBox p{ font-size: 14px;line-height:1.5em;}

section.productListWide div div.pBox+div.pBox{ background:#F8F7F7; border-top:#D5D5D5 1px solid; border-bottom:#D5D5D5 1px solid; }

section.productListWide div p.cmt{ clear:both; width:567px; padding: 10px 8px; font-size:13px; line-height: 1.5em; background: url(../img/product_line.gif) repeat-x top; }


/* products bottom */

div.pBt{ width:354px !important; margin: 8px auto 0 8px; }

div.pBt a{ display:block; width: 175px; height:46px; }
div.pBt a span{ display:none;}
div.pBt a.mrR{ margin-right:4px; }
div.pBt a.mrB{ margin-bottom:10px; }

div.pBt:after { content:".";clear:both;display:block;height:0;visibility:hidden;}
/*IE6,7*/
div.pBt { zoom:1; }
/*Dreamweaverプレビュー用*/
div.pBt + *{ clear: both; }

/**/
div.pBt a.brand{ background: url(../img/bt_s_brand.jpg) }
div.pBt a.brand:hover{ background: url(../img/bt_s_brand_r.jpg) }
/**/
div.pBt a.takumikan{ background: url(../img/bt_s_takumikan.jpg) }
div.pBt a.takumikan:hover{ background: url(../img/bt_s_takumikan_r.jpg) }
/**/
div.pBt a.online{ background: url(../img/bt_s_online.jpg) }
div.pBt a.online:hover{ background: url(../img/bt_s_online_r.jpg) }
/**/
div.pBt a.blog{ background: url(../img/bt_s_blog.jpg) }
div.pBt a.blog:hover{ background: url(../img/bt_s_blog_r.jpg) }
/**/
div.pBt a.detail{ width: 354px !important; height:41px !important; background: url(../img/bt_s_detail.jpg) }
div.pBt a.detail:hover{ background: url(../img/bt_s_detail_r.jpg) }

/* category */

nav.itemCategory{ width: 100%; height:450px; padding-top:80px;background: url(../img/item_navi_bg.jpg) repeat-x top; }
nav.itemCategory h2 img{ margin-bottom: 50px !important; }
nav.itemCategory ul{ display: block; width:1191px; height:200px; margin: auto ; position: relative; }
nav.itemCategory ul a{ display: block; width: 135px; height: 179px; position: absolute; }
nav.itemCategory ul a:hover img{ opacity:0; }
nav.onSofa ul a.sofa img,nav.onTakumikan ul a.takumikan img,nav.onDining ul a.dining img,nav.onTvboard ul a.tvboard img,nav.onGabbeh ul a.gabbeh img,nav.onBed ul a.bed img,nav.onKimono ul a.kimono img{ opacity:0; cursor: default; }


nav.itemCategory ul a.sofa{ background: url(../img/item_navi_sofa_r.jpg); left:75px; }
nav.itemCategory ul a.takumikan{ width: 145px; background: url(../img/item_navi_takumikan_r.jpg); left:240px; }
nav.itemCategory ul a.dining{ width: 175px; background:url(../img/item_navi_dining_r.jpg); left:400px; }
nav.itemCategory ul a.tvboard{ width: 145px; background: url(../img/item_navi_tvboard_r.jpg); left:587px; }
nav.itemCategory ul a.gabbeh{ width: 193px; background: url(../img/item_navi_gabbeh_r.jpg); right:320px; }
nav.itemCategory ul a.bed{ background: url(../img/item_navi_bed_r.jpg); right:292px; }
nav.itemCategory ul a.kimono{ background: url(../img/item_navi_kimono_r.jpg); right:119px; }