/* BASIC css start */
/* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden; padding: 8px 15px 5px; background-color: #c9c9c9; }
#productClass .prd-class-hd h2 { float: left; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff; }
#productClass .prd-class-hd .loc-navi { float: right; color: #fff;  }
#productClass .prd-class-hd .loc-navi a { color: #fff; }
    /* class-list */
#productClass .class-list { zoom: 1; overflow: hidden; padding: 15px }
#productClass .class-list li,
#productClass .class-list li a { float: left; width: auto; white-space: nowrap; }
#productClass .class-list li { padding-left: 12px; margin-right: 12px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 50%; }
    /* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }
#productClass .best-item h3 { margin-left: 20px; font-size: 0; line-height: 0;}
    /* total-sort */
#productClass .total-sort { padding-top: 30px; }

#content.best_product ul.product_list3{margin-top:30px;}
#content.best_product ul.product_list3 > li > a{position:relative;}
#content.best_product ul.product_list3 > li > a div.flag{width:40px; height:40px; line-height:40px; position:absolute; top:0; left:0; text-align:center; font-size:16px; font-weight:bold; color:#fff; background-color:#059a68;}

#productClass:before{content:""; display:block; width:270px; height:326px; position:absolute; top:30px; left:-300px; background:url(/design/seosanttre/djds/main/bg_mascot_01.png) no-repeat 0 0;}
#productClass:after{content:""; display:block; width:250px; height:298px; position:absolute; bottom:0px; right:-280px; background:url(/design/seosanttre/djds/main/bg_mascot_02.png) no-repeat 0 0;}
/* BASIC css end */