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

/* @group #shohin #sub
--------------------------------------------------------------------------------------------------------------------*/
#shohin-sub-menu{ margin-bottom:40px;}
#shohin-sub-menu h3{ background:url(../img/shohin_sub_48.gif) no-repeat 100% 50%; cursor:pointer; margin-top:13px;}
#shohin-sub-menu h3.first-child{ margin-top:0}
#shohin-sub-menu ul{ margin:10px 0 30px 10px; display:none}
.kisetsu #shohin-sub-menu ul.menu1,
.itatsuki #shohin-sub-menu ul.menu2,
.datemaki #shohin-sub-menu ul.menu3,
.shinjyo #shohin-sub-menu ul.menu4,
.yakimono #shohin-sub-menu ul.menu5,
.agemono #shohin-sub-menu ul.menu6,
.mushimono #shohin-sub-menu ul.menu7,
.chinmi #shohin-sub-menu ul.menu8,
.jam #shohin-sub-menu ul.menu9,
.supermarket #shohin-sub-menu ul.menu10,
.seatoyou #shohin-sub-menu ul.menu11,
.sakanano #shohin-sub-menu ul.menu12,
.mizu #shohin-sub-menu ul.menu13,
.tokuchu #shohin-sub-menu ul.menu14{ display:block}


#shohin-sub-menu ul li{ margin-bottom:3px;}
#shohin-sub-menu ul li a{ color:#333333; text-decoration:none}
#shohin-sub-menu ul li a:hover{ text-decoration:underline}

.buyinfo{ margin-top:40px;}
.buyinfo h3{ font-weight:normal; font-size:1em; margin-bottom:5px;}
.buyinfo ul{ border:1px dotted #999; border-bottom:none}
.buyinfo ul li{ padding:5px 10px; border-bottom:1px dotted #999}

.koyomi #shohin-sub-menu .koyomi a,
.syogatsu #shohin-sub-menu .syogatsu a,
.saijiki #shohin-sub-menu .saijiki a,
.shunsai #shohin-sub-menu .shunsai a,
.oden #shohin-sub-menu .oden a,
.hiyashioden #shohin-sub-menu .hiyashioden a,
.hajime #shohin-sub-menu .hajime a,
.mangetsu #shohin-sub-menu .mangetsu a,
.kokon #shohin-sub-menu .kokon a,
.kanoko #shohin-sub-menu .kanoko a,
.tokizukuri #shohin-sub-menu .tokizukuri a,
.kamaboko #shohin-sub-menu .kamaboko a,
.kireteru #shohin-sub-menu .kireteru a,
.densya #shohin-sub-menu .densya a,
.iroiroha #shohin-sub-menu .iroiroha a,
.koki #shohin-sub-menu .koki a,
.datemaki2 #shohin-sub-menu .datemaki2 a,
.shinjyo #shohin-sub-menu .shinjyo a,
.chikuwa #shohin-sub-menu .chikuwa a,
.yakiboko #shohin-sub-menu .yakiboko a,
.hyokori #shohin-sub-menu .hyokori a,
.yaki #shohin-sub-menu .yaki a,
.puchi #shohin-sub-menu .puchi a,
.souffle #shohin-sub-menu .souffle a,
.agekama #shohin-sub-menu .agekama a,
.chikubu #shohin-sub-menu .chikubu a,
.agetai #shohin-sub-menu .agetai a,
.tairyo #shohin-sub-menu .tairyo a,
.kawori #shohin-sub-menu .kawori a,
.satsuma #shohin-sub-menu .satsuma a,
.fukufuku #shohin-sub-menu .fukufuku a,
.kurotama #shohin-sub-menu .kurotama a,
.suzuten #shohin-sub-menu .suzuten a,
.umiyama #shohin-sub-menu .umiyama a,
.awayuki #shohin-sub-menu .awayuki a,
.kids #shohin-sub-menu .kids a,
.sujiboko #shohin-sub-menu .sujiboko a,
.furikake #shohin-sub-menu .furikake a,
.wasabizuke #shohin-sub-menu .wasabizuke a,
.shiokara #shohin-sub-menu .shiokara a,
.umeboshi #shohin-sub-menu .umeboshi a,
.himono #shohin-sub-menu .himono a,
.tokisakana #shohin-sub-menu .tokisakana a,
.shiokaze #shohin-sub-menu .shiokaze a,
.dressing #shohin-sub-menu .dressing a,
.odawarakko #shohin-sub-menu .odawarakko a,
.other #shohin-sub-menu .other a,
.seatoyou #shohin-sub-menu .seatoyou a,
.sakanano #shohin-sub-menu .sakanano a,
.mizu #shohin-sub-menu .mizu a,
.tokuchu2 #shohin-sub-menu .tokuchu2 a,
.purikama #shohin-sub-menu .purikama a{ color:#6466AD; font-weight:bold; background:url(/common/img/square_blue.gif) no-repeat 0 50%;}


/* @group #shohin level1
--------------------------------------------------------------------------------------------------------------------*/
.shohin.level1 #main{ _padding-left:8px;}
.shohin.level1 #main h2{ margin-bottom:15px; font-size:20px; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

.shohin-li{ margin-bottom:40px;}
.shohin-li li{ float:left; width:340px; margin-bottom:10px; overflow:hidden;}
.shohin-li li.left{clear:both;}
.shohin-li li.right{ float:right;}
.shohin-li .thumbnail{ background:url(../../img/top/shohin_top_parts_03.jpg) no-repeat; width:100px; height:106px; float:left; overflow:hidden}
.shohin-li .thumbnail img{ padding:6px 5px;}
.shohin-li .box-b{float:right!important; width:224px;}
.shohin-li .box-b h3{ padding-top:10px; margin-bottom:10px;}
.shohin-li .box-b h3 a{ text-decoration:none; font-size:18px; color:#000; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
#main .shohin-li .box-b p{ font-size:14px;}




/* @group #shohin level2
--------------------------------------------------------------------------------------------------------------------*/
.shohin.level2 #main{_padding-left:8px;}
.shohin.level2 h1{ margin:0 0 20px -6px;}
.shohin.level2 h1 img{ _margin-bottom:20px;}

.shohin-unit{ margin-bottom:30px;}
.shohin-unit h3{ margin-bottom:15px;}
.shohin-unit .lead{ margin-bottom:30px; font-size:16px;}
.shohin-unit .thumbnail{ float:left; width:300px; height:280px;}
.shohin-unit .box-b{ float:right; width:390px;}
.listbox dl{overflow: hidden; font-size:14px;}
.listbox dt,
.listbox dd{border-top: 1px dotted #999999;float: left;margin-top: -1px; padding:5px 0;}
.listbox dt{font-weight: bold;width: 60px; padding-right:30px;}
.listbox dd{ width:300px;}
.listbox .bt-box img{ margin-bottom:15px; margin-top:15px;}
.lead_2 {font-size:16px; font-weight:bold; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

.shohin-unit.even .box-b{ float:left;}
.shohin-unit.even .thumbnail{ float:right;}

.osusume-box h2{ margin-bottom:20px;}

.shohin .unit220r,
.shohin .unit316r{ padding:25px 0 25px 0; border-top:1px dotted #ccc;}
.shohin-unit220r-area{ margin:50px 0 30px 0; font-size:12px;}
.section-lv2 h3{font-size:18px; font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.section-lv2 .box-a p,.unit-style1 p{font-size:14px;}
.box-b p,.unit220r p{font-size:14px;}
.shohin dd.bt-box {
    width: 390px;
    border-top: 1px dotted #999999;
}
.shohin dd.bt-box .t-link{
	margin-top:15px;
	display:inline-block;
}



/* @group .shiokaze
--------------------------------------------------------------------------------------------------------------------*/
.shio_table { border-collapse: collapse; background:#fff}
.shio_table th { padding: 6px 10px; vertical-align: top; text-align: left; font-weight: normal; border: 1px solid #EBEBEB; color: #333; }
.shio_table td { padding: 6px 10px; vertical-align: top; border: 1px solid #EBEBEB; color: #333; }
.shio_table .th01 { background-color: #FFF8F2; }
.shio_table .th02 { background-color: #FFF1E6; }
.shio_table .center { text-align: center!important; }
.shio_table .middle { vertical-align: middle!important; }