@charset "shift-jis";
/* CSS Document */

/*共通の指定*/
*{ margin: 0; padding: 0;}
a img{ border: 0;}
div#hgchest{ width: 750px; margin: 0 auto; color: #1f1f1f; font-family: Arial; font-size: 14px; line-height: 1.3; text-align: center; overflow: hidden;}
div#hgchest p{ text-align: left;}
div#hgchest p.catch{ text-align: center;}
div#hgchest .text-11{ font-size: 9.5px;}
div#hgchest div.box{ width: 720px; margin: 0 auto; overflow: hidden;}
div#hgchest div.box_line
{ width: 750px; margin: 0 auto 15px auto; padding: 0 0 20px 0; background: url(../IMAGE/hgchest/bg_oblique.gif) center bottom no-repeat; overflow: hidden;}
div#hgchest h2{ margin: 50px auto 0 auto;}
div#hgchest p.top{ width: 750px; text-align: right; clear: both;}

/*テーブルの共通の指定*/
div#hgchest table{ width: 720px; margin: 1px auto; border-collapse: collapse; border-spacing: 1px; background: #fff;}
div#hgchest table tr td{ vertical-align: top;}
div#hgchest table tr td.blank{ vertical-align: middle;}
div#hgchest table tr td span.model{ font-size: 15px; font-weight: bold;}
div#hgchest table tr.detail1 td{ padding: 5px 0;}
div#hgchest table tr.detail2 td{ padding: 0 0 5px 0;}
div#hgchest table tr td ul.table_size , div#hgchest table tr td ul.table_size li{ list-style: circle;}
div#hgchest table tr td ul.table_size{ padding: 5px 5px 10px 20px;}
div#hgchest table tr td ul.table_size li{ font-size: 13px; text-align: left;}
div#hgchest table tr td p.webonly{ margin: 3px auto 0 auto; text-align: center;}


/*価格プロの指定*/
	/*共通*/
div#hgchest  dd.buyprice{ height:40px; background-color:#FFEEF1}	
div#hgchest .buy_price{ line-height: 1.1; font-family: "ＭＳ Ｐゴシック"; font-size: 13px; text-align: center;}
div#hgchest .buy_price li.price{ color: #f00; font-size: 18px;}
div#hgchest .buy_price li.intax{ color: #f00; font-size: 12px;}
	/*価格のみ*/
div#hgchest .buy_price{ margin: 5px auto -15px auto; color: #f00; font-size: 18px; font-weight: bold;}
div#hgchest .buy_price .intax{ font-weight: normal;font-size: 10px;}

#hgchest .motoprice, #hgchest .spesicalprice{
	display:none;
}

/*リンクの指定*/
div#hgchest a:link , div#hgchest a:visited{ text-decoration: underline;}
div#hgchest a:hover , div#hgchest a:active{ text-decoration: none;}


/*人気の秘密1*/
div#hgchest div#rail h2.top{ margin: 0 auto;}
div#hgchest div#rail p.left_400{ width: 400px; float: left;}
div#hgchest div#rail div.right_310{ width: 310px; float: right;}
div#hgchest div#rail dl#gooddesign{ height: 210px; margin: 0 0 10px 0; background: url(../IMAGE/hgchest/bg_good.gif) left top no-repeat; text-align: left;}
div#hgchest div#rail dl#gooddesign dd{ margin: 3px 25px;}

/*人気の秘密2*/
div#hgchest div#size div.index_size{ width: 355px; background: url(../IMAGE/hgchest/bg_size.gif) left top no-repeat; float: left; overflow: hidden;}
div#hgchest div#size div.right{ margin-left: 10px;}
div#hgchest div#size div.index_size h3{ padding: 10px 0 0 0;}
div#hgchest div#size div.index_size ul{ padding: 0 10px 10px 10px;}
div#hgchest div#size div.index_size ul li{ padding: 0 0 10px 0; width: 166px; float: left;}
div#hgchest div#size div.index_size ul li.left{ padding-right: 3px;}

/*ベーシック HGチェストシリーズ*/
div#hgchest table.basic_hg{ border-top: 3px solid #040404; border-bottom: 3px solid #040404;}
div#hgchest table.noline{ border-top: 0;}
div#hgchest table.basic_hg tr th , div#hgchest table#basic_hg tr td{ width: 102px;}
div#hgchest table.basic_hg tr td div.left_240{ width: 240px; float: left;}
div#hgchest table.basic_hg tr td p.right_480{ width: 480px; float: right;}
div#hgchest table.basic_hg tr.slim td.dark{ background: #d3edf4;}/*スリム*/
div#hgchest table.basic_hg tr.slim td.thin{ background: #fafefe;}
div#hgchest table.basic_hg tr.regular td.dark{ background: #e7f2cd;}/*レギュラー*/
div#hgchest table.basic_hg tr.regular td.thin{ background: #f9fcf2;}
div#hgchest table.basic_hg tr.wide td.dark{ background: #f9e3ea;}/*ワイド*/
div#hgchest table.basic_hg tr.wide td.thin{ background: #fef9fb;}
div#hgchest table.basic_hg tr.superwide td.dark{ background: #e5ddeb;}/*スーパーワイド*/
div#hgchest table.basic_hg tr.superwide td.thin{ background: #faf8fb;}

/*チェリーブラウン HGチェストシリーズ*/
div#chic table.brown_hg{ border-top: 1px solid #040404;}
div#chic table.brown_hg tr th , div#chic table.brown_hg tr td{ border-bottom: 1px solid #040404;}
div#chic table.brown_hg tr th , div#chic table.brown_hg tr td{ width: 153px;}
div#chic table.brown_hg tr td.nopad{ width: 412px; padding: 0;}
div#chic table.brown_hg tr td div.left_202{ width: 202px; float: left;}
div#chic table.brown_hg tr td div.left_202 h3{ margin: 7px 0 0 5px; text-align: left;}
div#chic table.brown_hg tr td p.right_210{ width: 210px; float: right;}
div#chic table.brown_hg tr .dark{ background: #f7ece3;}
div#chic table.brown_hg tr .thin{ background: #fdfbf9;}

/*カラフル ウッドトップチェスト*/
div#colorful table.colorful_hg{ border-top: 1px solid #040404; font-size: 13px;}
div#colorful table.colorful_hg tr th , div#colorful table.colorful_hg tr td{ border-bottom: 1px solid #040404;}
div#colorful table.colorful_hg tr th.detail_colorul{ width: 180px;}
div#colorful table.colorful_hg tr td.nopad{ width: 359px; padding: 0;}
div#colorful table.colorful_hg tr td div.left_174{ width: 174px; float: left;}
div#colorful table.colorful_hg tr td div.left_174 h3{ margin: 7px 0 0 5px; text-align: left;}
div#colorful table.colorful_hg tr td p.right_185{ width: 185px; float: right;}
div#colorful table.colorful_hg tr td p.detail{ margin: -3px auto 0 auto; text-align: center;}
div#colorful table.colorful_hg tr td.dark{ background: #ececec;}
div#colorful table.colorful_hg tr td.thin{ background: #fcfcfc;}

/*オリジナルデザイン*/
div#original div#size_detail
{ width: 600px; height: 70px; margin: 25px auto; background: url(../IMAGE/designchest/bg_size.gif) center top no-repeat; font-size: 13px; overflow: hidden;}
div#original div#size_detail dl{ padding: 11px 30px;}
div#original div#size_detail dl dt{ float: left;}
div#original div#size_detail dl dd ul , div#original div#size_detail dl dd ul li{ list-style: circle;}
div#original div#size_detail dl dd ul{ padding: 5px 0 0 120px; line-height: 1.5;}
div#original div#size_detail dl dd ul li{ text-align: left;}
div#original div.box_line ul{ width: 720px; margin: 0 auto; overflow: hidden;}
div#original div.box_line ul li{ width: 350px; padding: 0 20px 0 0 ; float: left;}
div#original div.box_line ul li.right{ padding: 0;}
div#original div.box_line ul li dl dd{ width: 350px; overflow: hidden;}
div#original div.box_line ul li dl dd img.zoom{ float: left;}
div#original div.box_line ul li dl dd.text{ text-align: left;}
#hgchest #size .box .index_size ul a:hover img,div#hgchest table.basic_hg tr td div.right_480 a:hover img,#hgchest #original .box_line ul li dl a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/*WEB限定ボタン*/
div#hgchest table.basic_hg tr td div.right_480{ width: 480px; float: right;}
div#hgchest table.basic_hg tr td div.right_480 p{
position:relative;
z-index:0;
}
div#hgchest table.basic_hg tr td div.right_480 img.w480_btn1{
position: absolute;
right: 5px;
bottom: 5px;
z-index:500;
}
div#hgchest table.basic_hg tr td div.right_480 img.w480_btn2{
position: absolute;
right: 213px;
bottom: 5px;
z-index:500;
}