@charset "utf-8";

/* ===================
    Common
   =================== */

html {
font-size: 1em;
line-height: 1.4;
}

::-moz-selection {
text-shadow: none;
background: #ffe982;
}

::selection {
text-shadow: none;
background: #ffe982;
}

audio,
canvas,
img,
video {
vertical-align: middle;
}

img.size-full,
img.size-large,
img.size-medium,
.attachment img,
img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}

fieldset {
border: 0;
margin: 0;
padding: 0;
}

textarea {
resize: vertical;
}

body {
color:#2d2300;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fixed { position:fixed; }

.mr0 { margin:0; }
.mr5 { margin:5px; }
.mr10 { margin:10px; }
.mrl5 { margin-left:5px; }
.mrr5 { margin-right:5px; }
.mrt5 { margin-top:5px; }
.mrb5 { margin-bottom:5px; }
.mrl10 { margin-left:10px; }
.mrr10 { margin-right:10px; }
.mrt10 { margin-top:10px; }
.mrb10 { margin-bottom:10px; }
.mrl20 { margin-left:20px; }
.mrr20 { margin-right:20px; }
.mrt20 { margin-top:20px; }
.mrb20 { margin-bottom:20px; }
.mrl25 { margin-left:25px; }
.mrr25 { margin-right:25px; }
.mrt25 { margin-top:25px; }
.mrb25 { margin-bottom:25px; }
.mrlauto { margin-left:auto; }
.mrrauto { margin-right:auto; }

.pd5 { padding:5px; }
.pdt5 { padding-top:5px; }
.pdb5 { padding-bottom:5px; }
.pdl5 { padding-left:5px; }
.pdr5 { padding-right:5px; }
.pd10 { padding:10px; }
.pdt10 { padding-top:10px; }
.pdb10 { padding-bottom:10px; }
.pdl10 { padding-left:10px; }
.pdr10 { padding-right:10px; }

.line5 {
margin:5px 0;
padding:0;
height:1px;
border-top:1px dotted #e6e6e6;
border-bottom:none;
border-left:none;
border-right:none;
background:none;
}
.line10 {
margin:10px 0;
padding:0;
height:1px;
border-top:1px dotted #e6e6e6;
border-bottom:none;
border-left:none;
border-right:none;
background:none;
}

.spa5 {
margin:0;
padding:0;
height:5px;
border:none;
background:none;
}
.spa10 {
margin:0;
padding:0;
height:10px;
border:none;
background:none;
}
.spa25 {
margin:0;
padding:0;
height:25px;
border:none;
background:none;
}

.tx_tal { text-align:left; }
.tx_tac { text-align:center; }
.tx_tar { text-align:right; }
.tx_bld { font-weight:bold; }
.tx_thr { text-decoration:line-through; }
.tx_rg { color:#FF0033; }
.tx_gr { color:#666666; }
.tx_lr { font-size:120%; }
.tx_sm { font-size:60%; }
.tx_bdtdot { border-top:1px dotted #a6a6a6; }
.tx_bdbdot { border-bottom:1px dotted #a6a6a6; }
.tx_bdldot { border-left:1px dotted #a6a6a6; }
.tx_bdrdot { border-right:1px dotted #a6a6a6; }
.tx_point {
padding: 0 5px;
font-weight:bold;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background: #0096d2;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.tx_emg {
padding: 0 5px;
font-weight:bold;
color:#fff;
background: #ff005a;
}

.wd10 { width:10%; }
.wd20 { width:20%; }
.wd30 { width:30%; }
.wd40 { width:40%; }
.wd50 { width:50%; }
.wd60 { width:60%; }
.wd70 { width:70%; }
.wd80 { width:80%; }
.wd90 { width:90%; }

.clear { clear:both; }
.disnon { display:none; }

.tl_f {
margin:0 0 5px 0;
padding:3px 6px;
font-size:120%;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
text-shadow:0 -1px 2px #fff;
background:#ffe673 url(../img/back_tl_f.png) repeat-x bottom center;
}
.tl_m {
margin:0 0 5px 0;
padding:2px 6px 2px 26px;
font-size:110%;
font-weight:bold;
text-shadow:0 1px 5px #ffe673;
border-top:2px dotted #ff8c00;
border-bottom:2px dotted #ff8c00;
background:url(../img/ic/squareradius.png) no-repeat;
background-position:0 50%;
}
.tl_s {
margin:0 0 5px 0;
padding:3px 6px;
font-size:100%;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#aca696;
}
.tl_stp {
margin:0 0 5px 0;
padding:0;
font-size:90%;
line-height:200%;
border-top:1px solid #aca696;
}
.tl_stp span {
margin:0 6px 0 0;
padding:0 6px;
color:#fff;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
background:#aca696;
}
.tl_a {
margin:0;
padding:3px 6px;
font-size:80%;
color:#fff;
background:#e69696;
}

p {
margin:0;
font-size:90%;
line-height:180%;
}

.btn_ys a {
padding:5px;
font-size:90%;
font-weight:bold;
color:#333;
text-align:center;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top:1px solid #f5eb5a;
border-left:1px solid #ebcd46;
border-right:1px solid #ebcd46;
border-bottom:3px solid #d6b623;
background:#f5eb5a;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.btn_ys a:hover {
background:#e6dc55;
border-top:3px solid #d6b623;
border-bottom:1px solid #d6b623;
}
.btn_gr a {
padding:5px;
font-size:90%;
font-weight:bold;
color:#333;
text-align:center;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top:1px solid #d9d9d9;
border-left:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-bottom:3px solid #afafaf;
background:#d9d9d9;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.btn_gr a:hover {
background:#c8c8c8;
border-top:3px solid #afafaf;
border-bottom:1px solid #afafaf;
}
.btn_rg a {
padding:5px;
font-size:90%;
font-weight:bold;
color:#fff;
text-align:center;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top:1px solid #f55a82;
border-left:1px solid #eb4673;
border-right:1px solid #eb4673;
border-bottom:3px solid #d7235a;
background:#f55a82;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.btn_rg a:hover {
background:#e6557d;
border-top:3px solid #d7235a;
border-bottom:1px solid #d7235a;
}

.bnr_ikupon a {
overflow:hidden;
text-indent:-9999px;
display:block;
background:url(../img/header/btn_ikupon.png) no-repeat;
background-position:50%;
background-size:100%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.bnr_ikupon a:hover {
background:url(../img/header/btn_ikupon_on.png) no-repeat;
background-position:50%;
background-size:100%;
}

.pgtp {
position:fixed;
bottom:0px;
right:0px;
z-index:50;
}
.pgtp a {
width:50px;
height:45px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/gohead.png) no-repeat top center;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
position: relative;
}
.pgtp a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}



/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
padding-top: 20px;
}



/* ==========================================================================
   Age
   ========================================================================== */

.age {
margin:20px 0;
}
.age h1 {
margin:0 0 20px 0;
padding:0;
width:auto;
height:350px;
overflow:hidden;
text-indent:-9999px;
background:url(../img/logo.png) no-repeat;
background-position:50%;
background-size:500px 350px;
}
.age .agecl {
margin-left:auto;
margin-right:auto;
padding:10px 0;
width:500px;
position:relative;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.age ul {
margin:20px 0;
padding:0;
list-style:none;
text-align:center;
}
.age li {
margin:10px;
width:200px;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.age .ent a {
padding:10px;
font-size:140%;
text-decoration:none;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:block;
border-top:1px solid #f5eb5a;
border-left:1px solid #ebcd46;
border-right:1px solid #ebcd46;
border-bottom:3px solid #d6b623;
background:#f5eb5a;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.age .ent a:hover {
background:#e6dc55;
border-top:3px solid #d6b623;
border-bottom:1px solid #d6b623;
}
.age .ext a {
padding:10px;
font-size:140%;
text-decoration:none;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:block;
border-top:1px solid #d9d9d9;
border-left:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-bottom:3px solid #afafaf;
background:#e6e6e6;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.age .ext a:hover {
background:#c8c8c8;
border-top:3px solid #afafaf;
border-bottom:1px solid #afafaf;
}



/* ==========================================================================
   Header
   ========================================================================== */

.head {
margin-bottom:20px;
width:100%;
z-index:15;
background:#fff;
}

.header {
display:none;
}
.headersp {
display:block;
}

.header .header_inr {
margin-left:auto;
margin-right:auto;
width:768px;
position:relative;
}

.headersp .header_inr {
margin-left:auto;
margin-right:auto;
width:768px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffeb69, endcolorstr=#ffc80f));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffeb69, endcolorstr=#ffc80f))";
zoom: 1;
background: -webkit-gradient(linear, left top, left bottom, from(#ffeb69), to(#ffc80f));
background: -webkit-linear-gradient(top,  #ffeb69, #ffc80f 100%);
background: -moz-linear-gradient(top,  #ffeb69, #ffc80f 100%);
background: -o-linear-gradient(top,  #ffeb69, #ffc80f 100%);
background: -ms-linear-gradient(top,  #ffeb69, #ffc80f 100%);
background: linear-gradient(top,  #ffeb69, #ffc80f 100%);
position:relative;
}

.headersp h1 {
margin:0;
padding:0;
z-index:1;
}
.headersp h1 a {
width:70px;
height:50px;
text-indent:-9999px;
overflow:hidden;
display:block;
background:url(../img/logo_header.png) no-repeat;
background-position:50% 50%;
background-size:65px 46px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.headersp h1 a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

.headersp .nav_main .cart {
margin:0;
padding:0;
width:50px;
height:50px;
position:absolute;
top:0;
right:55px;
z-index:1;
}
.headersp .nav_main .cart a {
width:50px;
height:50px;
overflow:hidden;
text-indent:-9999px;
display:block;
background:url(../img/ic/sp/cart.png) no-repeat;
background-position:50% -2px;
background-size:50px 50px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.headersp .nav_main .cart a:hover,
.headersp .nav_main .active a.accr {
background:#ff0000 url(../img/ic/sp/cart.png) no-repeat;
background-position:50% -2px;
background-size:50px 50px;
}
.headersp .nav_main .pin {
padding:1px 4px;
text-align:center;
text-indent:0;
color:#fff;
font-size:40%;
font-weight:bold;
background:#FF0000;
border-radius:6px;
-ms-border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
display:inline-block;
position:absolute;
bottom:3px;
right:0;
}
.headersp .cart_info {
padding:3px;
background:#ff0000;
}
.headersp .cart_info a {
padding:5px;
display:block;
color:#1f1800;
text-decoration:none;
background:#fff url(../img/ic/sp/chara.png) no-repeat;
background-position:99% 85%;
background-size:40px 40px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.headersp .cart_info a:hover {
background:#ffa5be url(../img/ic/sp/chara.png) no-repeat;
background-position:99% 85%;
background-size:40px 40px;
}
.headersp .cart_info h2 {
margin:0;
padding:0;
font-size:90%;
text-align:center;
color:#ff0000;
}
.headersp .cart_info p {
margin-top:5px;
margin-right:50px;
padding:5px;
font-size:80%;
line-height:140%;
background:#fff06e;
}

.headersp .nav_main .menu {
margin:0;
padding:0;
width:50px;
height:50px;
position:absolute;
top:0;
right:0;
z-index:1;
}
.headersp .nav_main .menu a {
width:50px;
height:50px;
overflow:hidden;
text-indent:-9999px;
display:block;
background:url(../img/ic/sp/menu.png) no-repeat;
background-position:50% 50%;
background-size:40px 40px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.headersp .nav_main .menu a:hover,
.headersp .nav_main .active a.acmn {
background:#ffc80f url(../img/ic/sp/menu.png) no-repeat;
background-position:50% 50%;
background-size:40px 40px;
}
.headersp .nav_main nav {
background:#ffc80f;
box-shadow:0 0 10px #f09100 inset;
}
.headersp .nav_main ul {
margin:0;
padding:0;
}
.headersp .nav_main li {
float:left;
list-style:none;
}
.headersp .nav_main li a {
padding:50px 0 5px 0;
font-size:80%;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#fff;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.headersp .nav_main .home,
.headersp .nav_main .video,
.headersp .nav_main .sell,
.headersp .nav_main .present {
width:33%;
}
.headersp .nav_main .goods,
.headersp .nav_main .search {
width:34%;
}
.headersp .nav_main .home a {
background:url(../img/ic/sp/home.png) no-repeat;
background-position:50% 30%;
background-size:40px 40px;
}
.headersp .nav_main .video a {
background:url(../img/ic/sp/video.png) no-repeat;
background-position:50% 30%;
background-size:40px 40px;
}
.headersp .nav_main .goods a {
background:url(../img/ic/sp/goods.png) no-repeat;
background-position:50% 30%;
background-size:40px 40px;
}
.headersp .nav_main .sell a {
background:url(../img/ic/sp/sell.png) no-repeat;
background-position:50% 30%;
background-size:40px 40px;
}
.headersp .nav_main .present a {
background:url(../img/ic/sp/present.png) no-repeat;
background-position:50% 30%;
background-size:40px 40px;
}
.headersp .nav_main .search a {
background:url(../img/ic/sp/search_w.png) no-repeat;
background-position:50% 30%;
background-size:40px 40px;
}
.headersp .nav_main nav a:hover {
background-position:50% 15%;
background-size:45px 45px;
}
.headersp .nav_main form {
position: relative;
}
.headersp .nav_main input[type=text] {
margin:0;
padding:5px;
width:100%;
border:0;
background:#fff;
background-position:5px 50%;
display: block;
}
.headersp .nav_main input[type=submit] {
margin:0;
padding:5px;
width:50px;
border:0;
background:#fff url(../img/header/ic_search.png) no-repeat;
background-position:50%;
text-indent: -9999px;
display: block;
position: absolute;
top:0;
right:0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.headersp .nav_main input:hover[type=submit] {
background:#f5eb5a url(../img/header/ic_search.png) no-repeat;
background-position:50% 70%;
}

.headersp .nav_sub {
background:#e6e6e6;
box-shadow:0 0 5px #c0c0c0 inset;
}
.headersp .nav_sub nav {
}
.headersp .nav_sub ul {
margin:0;
padding:0;
text-align:center;
}
.headersp .nav_sub li {
margin:0 4px;
list-style:none;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.headersp .nav_sub li a {
font-size:72%;
line-height:30px;
color:#1f1800;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.headersp .nav_sub .sign a {
padding:0 0 0 18px;
background:url(../img/ic/sp/sign.png) no-repeat;
background-position:0 50%;
background-size:16px 16px;
}
.headersp .nav_sub .my a {
padding:0 0 0 16px;
background:url(../img/ic/sp/my.png) no-repeat;
background-position:0 50%;
background-size:16px 16px;
}
.headersp .nav_sub .question a {
padding:0 0 0 16px;
background:url(../img/ic/sp/question.png) no-repeat;
background-position:0 50%;
background-size:16px 16px;
}
.headersp .nav_sub .tel {
padding:5px 0;
border-bottom:1px dotted #c9c9c9;
}
.headersp .nav_sub .tel a {
margin:0 auto;
padding:3px 5px;
width:195px;
height:19px;
overflow:hidden;
text-indent:-9999px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top:2px solid #fff;
border-bottom:2px solid #b0b0b0;
background:#fff url(../img/tel.png?v2) no-repeat;
background-position:50% 50%;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.headersp .nav_sub .tel a:hover {
border-top:2px solid #909090;
border-bottom:2px solid #e0e0e0;
background:#b0b0b0 url(../img/tel.png?v2) no-repeat;
background-position:50% 50%;
}
.headersp .nav_sub .sign a:hover,
.headersp .nav_sub .my a:hover,
.headersp .nav_sub .question a:hover {
color:#fff;
}



/* ==========================================================================
   Column
   ========================================================================== */

.main_inr {
margin:0 auto;
width:768px;
}
.maincl {
margin:0 auto;
display: table;
width:768px;
table-layout: fixed;
}

.sdcl {
display: table-cell;
vertical-align: top;
padding:0 20px 0 0;
width:20%;
}
.mncl {
display: table-cell;
vertical-align: top;
width:60%;
}
.mnscl {
display: table-cell;
vertical-align: top;
padding:0 0 0 20px;
width:20%;
}
.mnfcl {
display: table-cell;
vertical-align:top;
width:80%;
}



/* ==========================================================================
   Side
   ========================================================================== */

.srchli fieldset {
border-bottom:1px dotted #e6e6e6;
}
.srchli fieldset:last-child {
border-bottom:none;
}
.srchli legend {
padding:8px 0;
width:100%;
font-size:90%;
background:url(../img/ic/arrr_gs.png) no-repeat 96% 50%;
cursor:pointer;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.srchli legend:hover {
background:#e6e6e6 url(../img/ic/arrb_ws.png) no-repeat 96% 50%;
}
.srchli legend.active {
background:url(../img/ic/arrb_ys.png) no-repeat 96% 50%;
}
.srchli legend.active:hover {
background:#e6e6e6 url(../img/ic/arrt_ws.png) no-repeat 96% 50%;
}
.srchli ul {
margin:0;
padding:0 0 0 10px;
list-style:none;
background:#f0f0f0;
}
.srchli ul ul {
background:#e0e0e0;
}
.srchli ul li {
padding:5px 0;
}
.srchli ul label {
font-size:80%;
line-height:160%;
display:block;
cursor:pointer;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.srchli ul label:hover {
color:#c0c0c0;
}
.srchli ul label input {
margin:0 10px 0 0;
}
.srchli ul p {
margin:0;
padding:3px 0;
cursor:pointer;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.srchli ul p:hover {
color:#c0c0c0;
}
.srchli input[type=text] {
width:30%;
}
.srchli input[type=submit] {
margin:2px 0;
padding:5px;
font-size:90%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top:1px solid #f5eb5a;
border-left:1px solid #ebcd46;
border-right:1px solid #ebcd46;
border-bottom:3px solid #d6b623;
background:#f5eb5a;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.srchli input:hover[type=submit] {
background:#e6dc55;
border-top:3px solid #d6b623;
border-bottom:1px solid #d6b623;
}
.srchli input[type=reset] {
margin:2px 0;
padding:5px;
font-size:90%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top:1px solid #d9d9d9;
border-left:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-bottom:3px solid #afafaf;
background:#d9d9d9;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.srchli input:hover[type=reset] {
background:#c8c8c8;
border-top:3px solid #afafaf;
border-bottom:1px solid #afafaf;
}

.menuli h3 {
margin:0;
padding:0 0 6px 0;
font-size:100%;
}
.menuli ul {
margin:0;
padding:0 0 0 10px;
list-style:none;
}
.menuli li a {
color:#2d2300;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.menuli li a:hover {
color:#c0c0c0;
}

.ranking .tbm,
.ranking .tbt {
margin:0;
padding:0;
list-style:none;
}
.ranking .btntb {
width:49%;
float:left;
}
.ranking .btntb:last-child {
border-right:1px solid #a0a0a0;
}
.ranking .btntb a {
padding:5px 0;
font-size:90%;
font-weight:normal;
color:#2d2300;
text-align:center;
text-decoration:none;
border-top:1px solid #a0a0a0;
border-left:1px solid #a0a0a0;
border-right:none;
border-bottom:1px solid #a0a0a0;
background:#e6e6e6;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.ranking .btntb a:hover {
color:#660000;
background:#fff;
}
.ranking .btntb a.active {
font-weight:bold;
color:#660000;
border-top:1px solid #a0a0a0;
border-left:1px solid #a0a0a0;
border-right:1px solid #a0a0a0;
border-bottom:1px solid #fff;
background:#ffe673 url(../img/back_tl_f.png) repeat-x bottom center;
}
.ranking .rankli ul {
margin:0;
padding:0;
list-style:none;
}
.ranking .rankli li {
border-bottom:1px dotted #e6e6e6;
}
.ranking .rankli li:last-child {
border-bottom:none;
}
.ranking .rankli a {
padding:5px;
color:#2d2300;
text-align:center;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.ranking .rankli a:hover {
background:#e6e6e6;
}
.ranking .rankli h3 {
margin:0 0 5px 0;
padding:0;
font-size:90%;
word-break: break-all;
}
.ranking .rankli span {
margin:0 0 5px 0;
height:20px;
overflow:hidden;
text-indent:-9999px;
display:block;
}
.ranking_list .rankout {
text-align: center;
font-size: 16px;
display: block;
}
.ranking .rankli .rank1 {
background:url(../img/ic/rank1.png) no-repeat;
background-position:50% 50%;
}
.ranking .rankli .rank2 {
background:url(../img/ic/rank2.png) no-repeat;
background-position:50% 50%;
}
.ranking .rankli .rank3 {
background:url(../img/ic/rank3.png) no-repeat;
background-position:50% 50%;
}
.ranking .rankli .rank4 {
background:url(../img/ic/rank4.png) no-repeat;
background-position:50% 50%;
}
.ranking .rankli .rank5 {
background:url(../img/ic/rank5.png) no-repeat;
background-position:50% 50%;
}

.ranking_list .rank1 {
background:url(../img/ic/rank1.png) no-repeat;
background-position:50% 50%;
text-indent:-9999px;
overflow:hidden;
display:block;
}
.ranking_list .rank2 {
background:url(../img/ic/rank2.png) no-repeat;
background-position:50% 50%;
text-indent:-9999px;
overflow:hidden;
display:block;
}
.ranking_list .rank3 {
background:url(../img/ic/rank3.png) no-repeat;
background-position:50% 50%;
text-indent:-9999px;
overflow:hidden;
display:block;
}
.ranking_list .rank4 {
background:url(../img/ic/rank4.png) no-repeat;
background-position:50% 50%;
text-indent:-9999px;
overflow:hidden;
display:block;
}
.ranking_list .rank5 {
background:url(../img/ic/rank5.png) no-repeat;
background-position:50% 50%;
text-indent:-9999px;
overflow:hidden;
display:block;
}

.cldr table {
width:100%;
}
.cldr table p {
font-size:80%;
text-align:center;
word-break: break-all;
}
.cldr table a {
color: #000;
text-decoration: none;
display: block;
}
.cldr table a:hover {
color: #fff;
background: #000;
}
.cldr table thead {
background:#e6e6e6;
}
.cldr table thead .sat {
background:#99CCFF;
}
.cldr table thead .sun {
background:#FF99CC;
}
.cldr table tr {
border-left:1px solid #e6e6e6;
}
.cldr table td {
width: 11.4%;
border-bottom:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
}
.cldr table tbody .sat {
color:#0099FF;
}
.cldr table tbody .sun,
.cldr table tbody .hol {
color:#FF33CC;
}
.cldr table tbody .cls {
color:#fff;
background:#FF9933;
}



/* ==========================================================================
   Main
   ========================================================================== */

.brdli ul {
margin:0;
padding:0;
list-style:none;
border:1px solid #e6e6e6;
background:#ffe673 url(../img/back_tl_f.png) repeat-x bottom center;
}
.brdli ul li {
float:left;
}
.brdli ul li p {
margin-right:5px;
line-height:25px;
}
.brdli ul li:first-child a {
padding-left:5px;
}
.brdli ul li a {
padding-right:15px;
text-decoration:none;
background:url(../img/brd.png) no-repeat;
background-position:100% 50%;
display:block;
}

.tx_brdr {
border:1px solid #e6e6e6;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.pr_sale {
text-align: center;
}
.pr_sale a {
text-decoration: none;
display: block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.pr_sale a p {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.pr_sale a:hover {
background: #ff005a;
}
.pr_sale a:hover p {
background: #000;
}

.newinfo {
margin:0;
padding:0;
list-style:none;
}
.newinfo li {
margin:0;
padding:0;
border-bottom:1px dotted #e6e6e6;
}
.newinfo li a {
padding:5px 0;
color:#2d2300;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.newinfo li a:hover {
background:#e6e6e6;
}
.newinfo li a span {
color:#8c877d;
font-size:80%;
text-align:right;
display:block;
}

.bnrcl {
margin:0;
padding:0;
list-style:none;
text-align:center;
}
.bnrcl li {
margin:0;
padding:5px;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}

.owl-rcmd .item,
.owl-stsl .item,
.owl-chcl .item {
margin:0 auto;
width:100px;
text-align:center;
}
.owl-rcmd .item a ,
.owl-stsl .item a,
.owl-chcl .item a {
padding:5px;
color:#2d2300;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.owl-rcmd .item a:hover,
.owl-stsl .item a:hover,
.owl-chcl .item a:hover {
background:#e6e6e6;
}
.owl-rcmd .item img,
.owl-stsl .item img,
.owl-chcl .item img {
width:70px;
}
.owl-rcmd .item h3,
.owl-stsl .item h3,
.owl-chcl .item h3 {
margin:5px 0 0 0;
padding:0;
font-size:80%;
font-weight:normal;
line-height:160%;
word-break: break-all;
}

.itemli ul {
margin:0;
padding:5px 0 0 0;
list-style:none;
text-align:center;
}
.itemli li {
width:90px;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.itemli li a {
padding:5px;
color:#2d2300;
text-align:center;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.itemli li a:hover {
background:#e6e6e6;
}
.itemli li img {
width:70px;
}
.itemli li h3 {
margin:5px 0 0 0;
padding:0;
font-size:80%;
font-weight:normal;
line-height:160%;
}

.paging {
background:#e6e6e6;
}
.paging p {
font-size:80%;
line-height:160%;
}
.paging ul {
margin:0;
padding:0;
list-style:none;
}
.paging .pgdt,
.paging .prlt {
float:left;
}
.paging .pgli,
.paging .ctnb {
float:right;
}
.paging li {
margin:0 2px;
float:left;
}
.paging li a {
padding:0 5px;
color:#2d2300;
border-bottom:1px solid #c0c0c0;
background:#fff;
text-align:center;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.paging li a:hover {
background:#c0c0c0;
}

.crex {
padding:5px;
border:1px solid #e6e6e6;
}
.crex ul {
margin:0;
padding:0;
list-style:none;
}
.crex li {
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.crex li p {
margin:0;
padding:2px;
font-size:70%;
}
.crex li p.srank span {
margin:0 3px 0 0;
padding:0 5px;
background:#d7af00;
color:#fff;
font-size:120%;
font-weight: bold;
}
.crex li p.arank span {
margin:0 3px 0 0;
padding:0 5px;
background:#ff2855;
color:#fff;
font-size:120%;
font-weight: bold;
}
.crex li p.brank span {
margin:0 3px 0 0;
padding:0 5px;
background:#c66640;
color:#fff;
font-size:120%;
font-weight: bold;
}
.crex li p.crank span {
margin:0 3px 0 0;
padding:0 5px;
background:#5a5a5a;
color:#fff;
font-size:120%;
font-weight: bold;
}
.crex li p.grank span {
margin:0 3px 0 0;
padding:0 5px;
background:#02a8fe;
color:#fff;
font-size:120%;
font-weight: bold;
}

.itemdtli {
margin:20px auto;
}
.itemdtli ul {
margin:0;
padding:0;
list-style:none;
}
.itemdtli .cel {
width:50%;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.itemdtli .cel_inr {
padding:10px;
border-top:1px solid #e6e6e6;
}
.itemdtli .cel_new {
background:url(../img/back_item_new.png) repeat-x top left;
}
.itemdtli .ranking_list .cel {
width:30%;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.itemdtli .thumb {
width:95px;
height:135px;
}
.itemdtli .ifm {
min-height:135px;
margin:-135px 0 0 0;
padding:0 0 0 105px;
}
.itemdtli .itinfo {
min-height:135px;
margin:-135px 0 10px 0;
padding:0 0 0 105px;
}
.itemdtli .cartrank {
padding:5px 0 0 0;
}
.itemdtli .cartrank a,
.itemdt .cartrank a {
margin:5px 0 0 0;
color:#000000;
text-decoration:none;
background:#fff;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.itemdtli .cartrank ol,
.itemdt .cartrank ol {
margin:0;
padding:0;
list-style:none;
background:url(../img/ic/cart.png) no-repeat;
background-position:98% 50%;
}
.itemdtli .cartrank ol li,
.itemdt .cartrank ol li {
float:left;
}
.itemdtli .cartrank .cls,
.itemdt .cartrank .cls {
width:10%;
}
.itemdtli .cartrank .cls p,
.itemdt .cartrank .cls p {
font-weight:bold;
font-size:100%;
line-height:30px;
color:#fff;
text-align:center;
}
.itemdtli .cartrank .clstx,
.itemdt .cartrank .clstx {
width:42%;
}
.itemdtli .cartrank .clstx p,
.itemdt .cartrank .clstx p {
font-size:70%;
line-height:30px;
color:#a0a0a0;
text-align:center;
}
.itemdtli .cartrank .clstx p.sale,
.itemdt .cartrank .clstx p.sale {
font-weight: bold;
color:#ff0046;
}
.itemdtli .cartrank .prc,
.itemdt .cartrank .prc {
width:48%;
}
.itemdtli .cartrank .prc p,
.itemdt .cartrank .prc p {
font-weight:bold;
font-size:100%;
line-height:30px;
}
.itemdtli .cartrank .incart,
.itemdt .cartrank .incart {
width:90%;
}
.itemdtli .cartrank .incart p,
.itemdt .cartrank .incart p {
font-weight:bold;
font-size:80%;
line-height:30px;
text-align:center;
}
.itemdtli .cartrank .point,
.itemdt .cartrank .point {
margin: 0px;
padding: 0 5px;
text-align: center;
font-weight:bold;
color: #fff;
}
.itemdtli .cartrank .ranks ol,
.itemdt .cartrank .ranks ol {
border:1px solid #d7af00;
}
.itemdtli .cartrank a.ranks:hover,
.itemdt .cartrank a.ranks:hover {
background:#d7af00;
}
.itemdtli .cartrank .ranks .cls p,
.itemdt .cartrank .ranks .cls p,
.itemdtli .cartrank .ranks .point,
.itemdt .cartrank .ranks .point {
background:#d7af00;
}
.itemdtli .cartrank .ranka ol,
.itemdt .cartrank .ranka ol {
border:1px solid #ff2855;
}
.itemdtli .cartrank a.ranka:hover,
.itemdt .cartrank a.ranka:hover {
background:#ff2855;
}
.itemdtli .cartrank .ranka .cls p,
.itemdt .cartrank .ranka .cls p,
.itemdtli .cartrank .ranka .point,
.itemdt .cartrank .ranka .point {
background:#ff2855;
}
.itemdtli .cartrank .rankb ol,
.itemdt .cartrank .rankb ol {
border:1px solid #c66640;
}
.itemdtli .cartrank a.rankb:hover,
.itemdt .cartrank a.rankb:hover {
background:#c66640;
}
.itemdtli .cartrank .rankb .cls p,
.itemdt .cartrank .rankb .cls p,
.itemdtli .cartrank .rankb .point,
.itemdt .cartrank .rankb .point {
background:#c66640;
}
.itemdtli .cartrank .rankc ol,
.itemdt .cartrank .rankc ol {
border:1px solid #5a5a5a;
}
.itemdtli .cartrank a.rankc:hover,
.itemdt .cartrank a.rankc:hover {
background:#5a5a5a;
}
.itemdtli .cartrank .rankc .cls p,
.itemdt .cartrank .rankc .cls p,
.itemdtli .cartrank .rankc .point,
.itemdt .cartrank .rankc .point {
background:#5a5a5a;
}
.itemdtli .cartrank .rankg ol,
.itemdt .cartrank .rankg ol {
border:1px solid #02a8fe;
}
.itemdtli .cartrank a.rankg:hover,
.itemdt .cartrank a.rankg:hover {
background:#02a8fe;
}
.itemdtli .cartrank .rankg .cls p,
.itemdt .cartrank .rankg .cls p,
.itemdtli .cartrank .rankg .point,
.itemdt .cartrank .rankg .point {
background:#02a8fe;
}
.itemdtli .cartrank .btn_resale {
padding:5px;
font-size:90%;
text-decoration:none;
text-align:center;
color:#000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display:block;
border-top:1px solid #d9d9d9;
border-left:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-bottom:3px solid #afafaf;
background:#e6e6e6;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.itemdtli .cartrank .btn_resale:hover {
background:#c8c8c8;
border-top:3px solid #afafaf;
border-bottom:1px solid #afafaf;
}
.itemdtli .itinfo dl {
margin:0;
padding:5px 0;
border-bottom:1px dotted #c0c0c0;
}
.itemdtli .itinfo dt {
width:80px;
height:16px;
}
.itemdtli .itinfo dd {
min-height:16px;
margin:-16px 0 0 0;
padding:0 0 0 70px;
text-align:right;
}
.itemdtli .itinfo p {
font-size:80%;
line-height:16px;
word-break:break-all;
}
.itemdtli h3 {
margin:0;
padding:0;
height:40px;
font-size:90%;
overflow:hidden;
clear:both;
}
.itemdtli h3 a {
color:#2d2300;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.itemdtli h3 a:hover {
background:#e6e6e6;
}
.itemdtli .lbl {
font-size:60%;
}
.itemdtli .iccel {
margin:0 0 5px 0;
height:21px;
}
.dtday {
background:#fff;
}
.dtday .iccel {
float:left;
}
.itemdtli .iccel p,
.dtday .iccel p {
margin-right:5px;
height:21px;
float:left;
overflow:hidden;
text-indent:-9999px;
}
.itemdtli .ic_new,
.dtday .ic_new {
width:41px;
background:url(../img/ic/flag_new.png) no-repeat;
background-position:50% 50%;
}
.itemdtli .ic_stsl,
.dtday .ic_stsl {
width:82px;
background:url(../img/ic/flag_stsl.png) no-repeat;
background-position:50% 50%;
}
.itemdtli .ic_middle,
.dtday .ic_middle {
width:49px;
background:url(../img/ic/flag_middle.png) no-repeat;
background-position:50% 50%;
}
.itemdtli .ic_outlet,
.dtday .ic_outlet {
width:79px;
background:url(../img/ic/flag_outlet.png) no-repeat;
background-position:50% 50%;
}
.dtday .naday {
float:right;
}

.itemdt {
margin:20px auto;
}
.itemdt .thumb {
margin-bottom:20px;
width:67%;
float:left;
}
.itemdt .thumb ul {
margin:0 0 0 -5px;
padding:10px 0 0 0;
list-style:none;
}
.itemdt .thumb li {
padding:10px 0 0 5px;
width:15%;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.itemdt .dtinfo {
width:30%;
float:right;
}
.itemdt .dtinfo .stc {
padding:5px;
background:#e6e6e6;
}
.itemdt .dtinfo .stc p {
font-size:80%;
line-height:16px;
word-break:break-all;
}
.itemdt .dtinfo .stc a {
margin:1px;
padding:1px 4px;
color:#2d2300;
border-bottom:1px solid #c0c0c0;
background:#fff;
text-align:center;
text-decoration:none;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.itemdt .dtinfo .stc a:hover {
background:#c0c0c0;
}
.itemdt .dtinfo .stc dl {
margin:0;
padding:5px;
border-bottom:1px dotted #c0c0c0;
background:#fff;
}
.itemdt .dtinfo .stc dt {
width:70px;
height:16px;
}
.itemdt .dtinfo .stc dd {
min-height:16px;
margin:-16px 0 0 0;
padding:0 0 0 70px;
text-align:right;
}

.slod .bnr {
margin:0;
padding:0;
list-style:none;
}
.slod .bnr li {
padding:5px;
float:left;
}

.slod .slstp,
.slod .slmrt,
.slod .slagst {
margin:0;
padding:5px 0;
list-style:none;
text-align:center;
}
.slod .slstp li,
.slod .slmrt li,
.slod .slagst li {
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.slod .slstp li p {
overflow:hidden;
text-indent:-9999px;
}
.slod .slstp .stp1 p,
.slod .slstp .stp2 p,
.slod .slstp .stp3 p {
width:200px;
height:200px;
}
.slod .slstp .stp1 p {
background:url(../img/sellorder/step1.gif) no-repeat;
}
.slod .slstp .stp2 p {
background:url(../img/sellorder/step2.gif) no-repeat;
}
.slod .slstp .stp3 p {
background:url(../img/sellorder/step3.gif) no-repeat;
}
.slod .slstp .stparr p {
width:40px;
height:200px;
background:url(../img/ic/arrr_y.png) no-repeat;
background-position:80% 50%;
}
.slod .slmrt li p {
width:170px;
height:170px;
overflow:hidden;
text-indent:-9999px;
}
.slod .slmrt .mrt1 p {
background:url(../img/sellorder/merit1.gif) no-repeat;
}
.slod .slmrt .mrt2 p {
background:url(../img/sellorder/merit2.gif) no-repeat;
}
.slod .slmrt .mrt3 p {
background:url(../img/sellorder/merit3.gif) no-repeat;
}
.slod .slmrt .mrt4 p {
background:url(../img/sellorder/merit4.gif) no-repeat;
}
.slod .slagst li p {
width:150px;
font-size:70%;
}
.slod .slagst li a {
width:170px;
height:170px;
overflow:hidden;
text-indent:-9999px;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.slod .slagst .dl a {
background:url(../img/sellorder/btn_dl.png);
}
.slod .slagst .dl a:hover {
background:url(../img/sellorder/btn_dl_on.png);
}
.slod .slagst .post a {
background:url(../img/sellorder/btn_post.png);
}
.slod .slagst .post a:hover {
background:url(../img/sellorder/btn_post_on.png);
}
.slod .slagst .signature a {
background:url(../img/sellorder/btn_signature.png);
}
.slod .slagst .signature a:hover {
background:url(../img/sellorder/btn_signature_on.png);
}
.slod .slagst .fax a {
background:url(../img/sellorder/btn_agst.png) no-repeat;
background-position:-340px 0;
}
.slod .slagst .fax a:hover {
background:url(../img/sellorder/btn_agst_on.png) no-repeat;
background-position:-340px 3px;
}
.slod .slagst .self a {
background:url(../img/sellorder/btn_agst.png) no-repeat;
background-position:-510px 0;
}
.slod .slagst .self a:hover {
background:url(../img/sellorder/btn_agst_on.png) no-repeat;
background-position:-510px 3px;
}

.slod .tbm {
margin:0;
padding:10px 0;
list-style:none;
}
.slod .btntb {
width:49.8%;
float:left;
}
.slod .btntb:last-child {
border-right:1px solid #a0a0a0;
}
.slod .btntb a {
padding:6px 0;
font-size:110%;
font-weight:normal;
color:#2d2300;
text-align:center;
text-decoration:none;
border-top:1px solid #a0a0a0;
border-left:1px solid #a0a0a0;
border-right:none;
border-bottom:1px solid #a0a0a0;
background:#e6e6e6;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.slod .btntb a:hover {
color:#660000;
background:#fff;
}
.slod .btntb a.active {
font-weight:bold;
color:#660000;
border-top:1px solid #a0a0a0;
border-left:1px solid #a0a0a0;
border-right:1px solid #a0a0a0;
border-bottom:1px solid #fff;
background:#ffe673 url(../img/back_tl_f.png) repeat-x bottom center;
}

.slod .slhw dl {
margin:0 0 10px 0;
padding:0;
}
.slod .slhw dt {
width:140px;
height:140px;
}
.slod .slhw dd {
min-height:140px;
margin:-140px 0 0 0;
padding:0 0 0 150px;
}
.slod .slhw dt p {
width:140px;
height:140px;
overflow:hidden;
text-indent:-9999px;
}
.slod .slhw .tell {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:0 0;
}
.slod .slhw .send {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-140px 0;
}
.slod .slhw .result {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-280x 0;
}
.slod .slhw .pay {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-420px 0;
}
.slod .slhw .disc {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-560px 0;
}
.slod .slhw .jacket {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-700px 0;
}
.slod .slhw .case {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-840px 0;
}
.slod .slhw .rlday {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:0 -140px;
}
.slod .slhw .sumsl {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-140px -140px;
}

.slod .sllbl h4 {
margin:0;
padding:3px 6px;
font-size:100%;
color:#fff;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#aca696 url(../img/ic/arrr_ws.png) no-repeat;
background-position:99% 50%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.slod .sllbl h4:hover {
background:#2d2300 url(../img/ic/arrb_ws.png) no-repeat;
background-position:99% 50%;
}
.slod .sllbl h4.active {
background:#aca696 url(../img/ic/arrb_ws.png) no-repeat;
background-position:99% 50%;
}
.slod .sllbl h4.active:hover {
background:#2d2300 url(../img/ic/arrt_ws.png) no-repeat;
background-position:99% 50%;
}
.slod .sllbl table {
width:100%;
background:#fff;
}
.slod .sllbl table tr {
border-top:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
}
.slod .sllbl table td {
width:20%;
border-bottom:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
}
.slod .sllbl table a {
text-align:center;
text-decoration:none;
color:#2d2300;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.slod .sllbl table a:hover {
color:#fff;
background:#aca696;
}

.prst .prstli ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.prst .prstli li {
    margin: 5px 0;
    width: calc(12.5%);
    vertical-align: top;
    display: -moz-inline-box;
    display: inline-block;
    background: #fff;
}
.prst .prstli li a {
margin: 0 1px;	
padding:5px;
color:#2d2300;
text-align:center;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.prst .prstli li.new a {
background:url(../img/back_item_new.png) repeat-x top center;
}
.prst .prstli li a:hover {
color:#fff;
background:#aca696;
}
.prst .prstli li div {
}
.prst .prstli li img {
margin-bottom:5px;
width:90%;
}
.prst .prstli li h4 {
margin:0;
padding:0;
font-size:80%;
height:110px;
overflow:hidden;
}
.prst .prstli li label {
margin:0;
padding:0;
font-size:80%;
height:110px;
overflow:hidden;
cursor:pointer;
}

.gud .abt dl {
margin:0 0 10px 0;
padding:0;
}
.gud .abt dt {
width:140px;
height:140px;
}
.gud .abt dd {
min-height:140px;
margin:-140px 0 0 0;
padding:0 0 0 150px;
}
.gud .abt dt p {
width:140px;
height:140px;
overflow:hidden;
text-indent:-9999px;
}
.gud .abt .gdit {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-280px -140px;
}
.gud .abt .sell {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-420px -140px;
}
.gud .abt .gdpay {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-560px -140px;
}
.gud .abt .save {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-700px -140px;
}
.gud .abt .ptsys {
background:url(../img/sellorder/slhw.png) no-repeat;
background-position:-840px -140px;
}

.gud .faq .acacd h4 {
margin:0;
padding:3px 6px;
font-size:100%;
color:#fff;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#aca696 url(../img/ic/arrr_ws.png) no-repeat;
background-position:99% 50%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.gud .faq .acacd h4:hover {
background:#2d2300 url(../img/ic/arrb_ws.png) no-repeat;
background-position:99% 50%;
}
.gud .faq .acacd h4.active {
background:#aca696 url(../img/ic/arrb_ws.png) no-repeat;
background-position:99% 50%;
}
.gud .faq .acacd h4.active:hover {
background:#2d2300 url(../img/ic/arrt_ws.png) no-repeat;
background-position:99% 50%;
}
.gud .faq .ans {
margin:5px 0;
padding:10px;
background:#e6e6e6;
}

.gud .byhw dl {
margin:0;
padding:10px 20px;
}
.gud .byhw dt {
margin-bottom:5px;
text-align:center;
}
.gud .byhw dd {
margin:0;
padding:0;
}

.gud .bttn {
cursor:pointer;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.gud .bttn:hover {
color:#fff;
background:#aca696;
}

.gud .link {
margin:0;
padding:0;
list-style:none;
text-align:center;
}
.gud .link li {
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.gud .link li a {
padding:5px;
color:#2d2300;
text-align:center;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.gud .link li a:hover {
color:#fff;
background:#aca696;
}

.fkbk  {
margin:0 0 50px 0;
padding:0;
}
.fkbk .main h3 {
margin:0;
padding:0;
}
.fkbk .course {}
.fkbk .course ul {
margin:20px;
padding:0;
list-style:none;
text-align:center;
}
.fkbk .course li {
padding: 10px;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.fkbk .course li a {
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fkbk .course li a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}
.fkbk .care {
background: #6e6e6e;
}
.fkbk .care h4 {
margin:0;
padding:0 5px;
background:#000;
color:#fff;
text-align:center;
font-size:90%;
line-height:180%;
}
.fkbk .care p {
margin:0;
padding:5px;
color:#fff;
font-size:80%;
line-height:160%;
}

.fkbk select {
font-size: 80%;
}
.fkbk .list {
margin:0;
padding:0;
}
.fkbk .list ul {
margin:0;
padding:0;
list-style: none;
text-align: center;
}
.fkbk .list li {
margin:0;
padding:10px;
width:160px;
text-align: left;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.fkbk .list li a.thumb {
color: #2d2300;
text-decoration: none;
text-align: center;
display: block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fkbk .list li a.thumb:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}
.fkbk .list li h4 {
margin:5px 0;
padding:0;
height:40px;
font-size:90%;
overflow:hidden;
word-break:break-all;
}

.fkbk .sltd {
margin:20px 0 0 0;
width:100%;
background:#bef0ff;
border-bottom: 1px solid #3cb9ff;
border-right: 1px solid #3cb9ff;
}
.fkbk .sltd caption {
padding:10px;
background:#3cb9ff;
color: #fff;
font-weight: bold;
}
.fkbk .sltd tr {
border-top: 1px solid #3cb9ff;
border-left: 1px solid #3cb9ff;
}
.fkbk .sltd th,
.fkbk .sltd td {
padding:10px;
}
.fkbk .sltd .it a {
color:#2d2300;
text-decoration: none;
display: block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fkbk .sltd .it a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

.fkbk .orgl {
text-align: center;
}
.fkbk .orgl p {
font-size: 300%;
font-weight: bold;
color: #3cb9ff;
}

.fkbkcl {
position:fixed;
bottom:0;
right:0px;
width:100%;
z-index:40;
background:rgba(255,0,60,0.8);
box-shadow: -2px 1px 3px;
}
.fkbkcl .step {
margin:0;
padding:10px 10px 5px 10px;
list-style:none;
text-align:center;
}
.fkbkcl .step li {
margin:0 15px 5px 0;
padding:5px;
font-size: 80%;
font-weight: bold;
background:#000;
color: #fff;
position: relative;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.fkbkcl .step li::after {
content: "";
border: 8px solid transparent;
border-left-color:#000;
border-right-width:0;
position: absolute;
right: -8px;
}
.fkbkcl .step li:last-child::after {
border: 0 solid transparent;
}
.fkbkcl .step li.bl {
background:#fff;
color: #000;
-webkit-animation:blink 1.0s ease-in-out infinite alternate;
-moz-animation:blink 1.0s ease-in-out infinite alternate;
animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
.fkbkcl .step li.bl::after {
content: "";
border: 8px solid transparent;
border-left-color:#fff;
border-right-width:0;
position: absolute;
right: -8px;
}
.fkbkcl .step li.bl:last-child::after {
border: 0 solid transparent;
}
.fkbkcl .slex {
margin:0 auto 10px auto;
padding:10px;
width:50%;
font-size:100%;
text-align:center;
background: #fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.fkbkcl .bttn,
#fkbk_modal .bttn {
margin:0;
padding:0px 10px 10px 10px;
list-style:none;
text-align:center;
}
.fkbkcl .bttn li,
#fkbk_modal .bttn li {
margin:0;
padding:0px 10px;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.fkbkcl .bttn .btn_gr a,
.fkbkcl .bttn .btn_ys a,
#fkbk_modal .bttn .btn_gr a,
#fkbk_modal .bttn .btn_ys a {
padding:10px 20px;
font-size:120%;
}




/* ==========================================================================
   Form
   ========================================================================== */

.fset {
text-align:center;
}

.fset fieldset {
margin:5px auto;
padding:10px 0;
background:#e6e6e6;
}
.fset fieldset p img {
height:150px;
}
.fset label {
font-size:90%;
font-weight:bold;
line-height:160%;
display:block;
}
.fset fieldset input,
.fset fieldset textarea,
.fset fieldset select {
padding:5px;
font-size:100%;
color:#333333;
border:1px solid #ccc;
box-shadow:0 0 4px #ccc;
-moz-box-shadow:0 0 4px #ccc;
-webkit-box-shadow:0 0 4px #ccc;
}
.fset input[type=submit],
#presentpop input[type=submit],
#fkbk_modal input[type=submit] {
width:40%;
float:right;
padding:5px;
font-size:100%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top:1px solid #f5eb5a;
border-left:1px solid #ebcd46;
border-right:1px solid #ebcd46;
border-bottom:3px solid #d6b623;
background:#f5eb5a;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fset input:hover[type=submit],
#presentpop input:hover[type=submit],
#fkbk_modal input:hover[type=submit] {
background:#e6dc55;
border-top:3px solid #d6b623;
border-bottom:1px solid #d6b623;
}
.fset input[type=reset],
.fset input[type=button],
#presentpop input[type=button],
#fkbk_modal input[type=button] {
width:40%;
float:left;
padding:5px;
font-size:100%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-top:1px solid #d9d9d9;
border-left:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-bottom:3px solid #afafaf;
background:#d9d9d9;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fset input:hover[type=reset],
.fset input:hover[type=button],
#presentpop input:hover[type=button],
#fkbk_modal input:hover[type=button] {
background:#c8c8c8;
border-top:3px solid #afafaf;
border-bottom:1px solid #afafaf;
}

.send_at h5 {
margin:5px auto 0 auto;
padding:4px;
width:50%;
font-size:80%;
cursor:pointer;
background:#fff url(../img/ic/arrb_ys.png) no-repeat;
background-position:99% 50%;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.send_at h5:hover {
color:#fff;
background:#aca696 url(../img/ic/arrb_ws.png) no-repeat;
background-position:99% 50%;
}
.send_at h5.active {
background:#aca696 url(../img/ic/arrt_ws.png) no-repeat;
background-position:99% 50%;
}
.send_at h5.active:hover {
background:#2d2300 url(../img/ic/arrt_ws.png) no-repeat;
background-position:99% 50%;
}

.delivery_methods {
display: flex;
justify-content: center;
margin: 10px auto 0;
}
.radio-group {
margin: 10px auto 0;	
text-align: center;	
}
.radio-group input {
/*
opacity: 0;
 filter: alpha(opacity=0);
*/
}
.radio-group div {
position: relative;
}
.radio-group input {
position: absolute;
left: 0px;
outline:none;
}
.radio-group label {
cursor: pointer;
padding: 5px 10px;
float: left;
font-size:80%;
text-shadow:-1px -1px 2px #fff;
border: solid 1px #aaa;
margin-left: -1px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#efefef));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#efefef))";
zoom: 1;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -webkit-linear-gradient(top,  #ffffff, #efefef 100%);
background: -moz-linear-gradient(top,  #ffffff, #efefef 100%);
background: -o-linear-gradient(top,  #ffffff, #efefef 100%);
background: -ms-linear-gradient(top,  #ffffff, #efefef 100%);
background: linear-gradient(top,  #ffffff, #efefef 100%);
-pie-background: linear-gradient(top,  #ffffff, #efefef 100%);
box-shadow: 2px 2px 6px #ddd;
-webkit-box-shadow: 2px 2px 6px #ddd;
-moz-box-shadow: 2px 2px 6px #ddd;
behavior: url(/js/PIE.htc);
}
.lasp label {
cursor: pointer;
padding: 5px 10px;
float: none;
font-size:90%;
text-align: left;
text-shadow:-1px -1px 2px #fff;
border: solid 1px #aaa;
margin-left: -1px;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#efefef));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#efefef))";
zoom: 1;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -webkit-linear-gradient(top,  #ffffff, #efefef 100%);
background: -moz-linear-gradient(top,  #ffffff, #efefef 100%);
background: -o-linear-gradient(top,  #ffffff, #efefef 100%);
background: -ms-linear-gradient(top,  #ffffff, #efefef 100%);
background: linear-gradient(top,  #ffffff, #efefef 100%);
-pie-background: linear-gradient(top,  #ffffff, #efefef 100%);
box-shadow: 2px 2px 6px #ddd;
-webkit-box-shadow: 2px 2px 6px #ddd;
-moz-box-shadow: 2px 2px 6px #ddd;
behavior: url(/js/PIE.htc);
display: block;
}
.lasp div:first-child label {
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
.lasp div:last-child label {
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}
.radio-group label.checked  {
color: #fff;
background:#50aaf5;
text-shadow: 0px 0px 0px #fff;
}

.check-group {
margin:0 auto;
}
.check-group input {
display: none !important;
}
.check-group label {
cursor: pointer;
padding:5px 10px;
float:left;
font-size:80%;
text-shadow:-1px -1px 2px #fff;
border: solid 1px #aaa;
margin-left: -1px;
margin-bottom: -1px;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -webkit-linear-gradient(top,  #ffffff, #efefef 100%);
background: -moz-linear-gradient(top,  #ffffff, #efefef 100%);
background: -o-linear-gradient(top,  #ffffff, #efefef 100%);
background: -ms-linear-gradient(top,  #ffffff, #efefef 100%);
background: linear-gradient(top,  #ffffff, #efefef 100%);
-pie-background: linear-gradient(top,  #ffffff, #efefef 100%);
box-shadow: 2px 2px 6px #ddd;
-webkit-box-shadow: 2px 2px 6px #ddd;
-moz-box-shadow: 2px 2px 6px #ddd;
display:inline-block;
}
.fkbk .check-group label {
cursor: pointer;
padding:5px 0;
margin: 0 auto;
float: none;
font-size:100%;
text-shadow:-1px -1px 2px #fff;
text-align:center;
border: solid 1px #aaa;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
background: -webkit-linear-gradient(top,  #ffffff, #efefef 100%);
background: -moz-linear-gradient(top,  #ffffff, #efefef 100%);
background: -o-linear-gradient(top,  #ffffff, #efefef 100%);
background: -ms-linear-gradient(top,  #ffffff, #efefef 100%);
background: linear-gradient(top,  #ffffff, #efefef 100%);
-pie-background: linear-gradient(top,  #ffffff, #efefef 100%);
box-shadow: 2px 2px 6px #ddd;
-webkit-box-shadow: 2px 2px 6px #ddd;
-moz-box-shadow: 2px 2px 6px #ddd;
display:block;
}
.check-group label.checked {
color: #fff;
background:#50aaf5;
text-shadow: 0px 0px 0px #fff;
}

#presentpop,
#fkbk_modal {
margin: 0;
padding: 0;
text-align: center;
}
#presentpop h4,
#fkbk_modal h4 {
margin: 10px;
padding: 0;
font-size: 90%;
}



/* ==========================================================================
   My&Cart
   ========================================================================== */

.my .acacd h4 {
margin:0;
padding:3px 6px;
font-size:100%;
color:#fff;
cursor:pointer;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#aca696 url(../img/ic/arrr_ws.png) no-repeat;
background-position:99% 50%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.my .acacd h4:hover {
background:#2d2300 url(../img/ic/arrb_ws.png) no-repeat;
background-position:99% 50%;
}
.my .acacd h4.active {
background:#aca696 url(../img/ic/arrb_ws.png) no-repeat;
background-position:99% 50%;
}
.my .acacd h4.active:hover {
background:#2d2300 url(../img/ic/arrt_ws.png) no-repeat;
background-position:99% 50%;
}
.my table,
.cart table,
.gud table {
margin:10px 0;
width:100%;
background:#fff;
}
.my table caption,
.cart table caption,
.gud table caption {
padding:3px 0;
font-weight:bold;
color:#fff;
background:#2d2300;
}
.my table tr,
.cart table tr,
.gud table tr {
border-top:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
}
.my table th,
.cart table th,
.gud table th {
padding:3px 0;
font-size:90%;
border-bottom:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
background:#e6e6e6;
}
.my table td,
.cart table td,
.gud table td {
padding:3px;
border-bottom:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
}
.my table td p,
.cart table td p {
text-align:center;
}
.gud table td p {}
.my table input,
.cart table input {
margin:0 auto;
display:block;
}
.my table a,
.cart table a,
.gud table a {
text-align:center;
text-decoration:none;
font-weight:bold;
color:#EE9933;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.my table a:hover,
.cart table a:hover,
.gud table a:hover {
color:#fff;
background:#aca696;
}
.my table img,
.cart table img,
.gud table img {
width:50%;
}
.my table ul,
.cart table ul,
.gud table ul {
text-align: left;
padding: 0 40px;
}



/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
box-shadow:0 0 10px #c0c0c0 inset;
background:#e6e6e6;
}
.footer .footer_inr {
margin-left:auto;
margin-right:auto;
padding:10px 0;
width:768px;
position:relative;
}
.footer .ftcl {
padding:10px;
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.footer .ftscl {
padding:10px;
}
.footer h2 {
margin:0 0 5px 0;
padding:0;
font-size:90%;
}
.footer .ftcl ul {
margin:0;
padding:0 10px;
list-style:none;
}
.footer li {
vertical-align: top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
.footer li a {
padding:0 5px;
color:#2d2300;
border-bottom:1px solid #c0c0c0;
background:#fff;
text-align:center;
text-decoration:none;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.footer li a:hover {
color:#c0c0c0;
}
.footer .ssl,
.footer .nodrug {
margin-bottom:5px;
padding:5px;
background:#f6f6f6;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.footer .ssl img {
margin-right:5px;
float:left;
}
.footer .ssl p,
.footer .nodrug p {
font-size:80%;
line-height:normal;
}
.footer small {
text-align:center;
line-height:50px;
box-shadow:0 0 10px #c0c0c0;
background:url(../img/header/back_nav.gif) repeat-x;
display:block;
}



/* ==========================================================================
   Media
   ========================================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

.headersp .header_inr {
width:auto;
}

.main_inr {
width:100%;
}
.maincl {
width:100%;
}

.footer .footer_inr {
width:auto;
}

}


@media only screen and (min-width: 1100px) {

.header {
display:block;
}
.headersp {
display:none;
}

.header .header_inr {
margin-left:auto;
margin-right:auto;
width:1080px;
position:relative;
}
.header h1 {
margin:0;
padding:0;
position:absolute;
top:5px;
left:0;
z-index:1;
}
.header h1 a {
width:100px;
height:70px;
text-indent:-9999px;
overflow:hidden;
display:block;
background:url(../img/header/logo_header.png) no-repeat;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.header h1 a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

.header .cart {
padding:2px;
position:absolute;
top:0;
right:0;
z-index:1;
background:#ff0000;
}
.header .cart section {
padding:3px;
background:#ffa5be;
}
.header .cart section a {
padding:5px;
height:60px;
display:block;
color:#1f1800;
text-decoration:none;
background:#fff url(../img/header/chara.png) no-repeat;
background-position:99% 85%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.header .cart section a:hover {
background:#ffa5be url(../img/header/chara.png) no-repeat;
background-position:99% 85%;
}
.header .cart h2 {
margin:0;
padding:0;
width:200px;
height:17px;
overflow:hidden;
text-indent:-9999px;
background:url(../img/header/tl_cart.png) no-repeat top center;
}
.header .cart p {
margin-top:5px;
padding:2px 5px;
width:145px;
font-size:80%;
line-height:140%;
background:#fff06e;
}

.header .nav_main {
background:url(../img/header/back_nav.gif) repeat-x;
}
.header .nav_main nav {
margin-left:120px;
float:left;
}
.header .nav_main ul {
margin:0 10px 0 0;
padding:0;
}
.header .nav_main li {
height:50px;
float:left;
list-style:none;
}
.header .nav_main li a {
overflow:hidden;
text-indent:-9999px;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.header .nav_main .home a {
width:62px;
height:50px;
background:url(../img/header/nav.gif) no-repeat;
background-position:0 0;
}
.header .nav_main .home a:hover {
background:url(../img/header/nav_on.gif) no-repeat;
background-position:0 0;
}
.header .nav_main .video a {
width:120px;
height:50px;
background:url(../img/header/nav.gif) no-repeat;
background-position:-62px 0;
}
.header .nav_main .video a:hover {
background:url(../img/header/nav_on.gif) no-repeat;
background-position:-62px 0;
}
.header .nav_main .goods a {
width:94px;
height:50px;
background:url(../img/header/nav.gif) no-repeat;
background-position:-182px 0;
}
.header .nav_main .goods a:hover {
background:url(../img/header/nav_on.gif) no-repeat;
background-position:-182px 0;
}
.header .nav_main .sell a {
width:95px;
height:50px;
background:url(../img/header/nav.gif) no-repeat;
background-position:-277px 0;
}
.header .nav_main .sell a:hover {
background:url(../img/header/nav_on.gif) no-repeat;
background-position:-277px 0;
}
.header .nav_main .present a {
width:87px;
height:50px;
background:url(../img/header/nav.gif) no-repeat;
background-position:-371px 0;
}
.header .nav_main .present a:hover {
background:url(../img/header/nav_on.gif) no-repeat;
background-position:-371px 0;
}
.header .nav_main form {
float:left;
}
.header .nav_main input[type=text] {
margin-top:8px;
padding:5px;
width:150px;
border:0;
background:#fff;
background-position:5px 50%;
display:block;
float:left;
}
.header .nav_main input[type=submit] {
margin-top:8px;
padding:5px;
width:40px;
border-left:1px solid #ffd426;
border-right:0;
border-bottom:0;
border-top:0;
background:#fff url(../img/header/ic_search.png) no-repeat;
background-position:50%;
text-indent: -9999px;
display:block;
float:left;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.header .nav_main input:hover[type=submit] {
background:#f5eb5a url(../img/header/ic_search.png) no-repeat;
background-position:50% 70%;
}

.header .nav_sub {
background:url(../img/header/back_subnav.gif) repeat-x;
}
.header .nav_sub nav {
margin-left:120px;
}
.header .nav_sub ul {
margin:0;
padding:0;
}
.header .nav_sub li {
margin-right:10px;
height:30px;
float:left;
list-style:none;
}
.header .nav_sub li a {
font-size:80%;
line-height:30px;
color:#1f1800;
text-decoration:none;
display:block;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.header .nav_sub .sign a {
padding:0 0 0 20px;
background:url(../img/header/ic_sign.png) no-repeat;
background-position:0 50%;
}
.header .nav_sub .my a {
padding:0 0 0 20px;
background:url(../img/header/ic_my.png) no-repeat;
background-position:0 50%;
}
.header .nav_sub .question a {
padding:0 0 0 20px;
background:url(../img/header/ic_question.png) no-repeat;
background-position:0 50%;
}
.header .nav_sub .tel {
float:left;
}
.header .nav_sub .tel p {
padding:5px 0;
width:195px;
height:19px;
overflow:hidden;
text-indent:-9999px;
background:url(../img/header/tel.png?v2) no-repeat;
background-position:0 50%;
}
.header .nav_sub .sign a:hover,
.header .nav_sub .my a:hover,
.header .nav_sub .question a:hover {
color:#fff;
}

.main_inr {
width:1080px;
}
.maincl {
width:1080px;
}

.footer .footer_inr {
width:1080px;
}

}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}

a,
a:visited {
text-decoration: underline;
}

a[href]:after {
content: " (" attr(href) ")";
}

abbr[title]:after {
content: " (" attr(title) ")";
}

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}

pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}

thead {
display: table-header-group;
}

tr,
img {
page-break-inside: avoid;
}

img {
max-width: 100% !important;
}

@page {
margin: 0.5cm;
}

p,
h2,
h3 {
orphans: 3;
widows: 3;
}

h2,
h3 {
page-break-after: avoid;
}
}

.option_col ul {
	display: inline-block;
	overflow: hidden;
  padding: 0;
}
.option_col ul li {
	width: auto;
	height: auto;
	padding: 0 10px;
	border-left: 1px solid #AAAAAA;
	float: left;
  list-style: none;
}
.option_col ul li:first-child {
	border-left: none;
	padding: 0 10px 0 0;
	vertical-align: top;
  list-style: none;
}
.option_col ul li a {
  text-decoration: none;
  color: #005fc0;
}


.modaal-container {
    width: auto !important;
}
h4.js-present-title {
	text-align: center; 	
}
.modal_col {
	width: 500px;
	margin: 0 auto;
	text-align: center; 
}
.modal_col img {
    border-radius: 5px;
    margin: 0 0 10px;
}
.modal_col p {
	font-size: 13px;
}

dialog {
    width: 95%;
    height: 95%;
    border: none;
    padding: 0;
    margin: 20px auto;
    border-radius: 10px;
    overflow-y: hidden;	
}

dialog::backdrop {
      background-color: rgba(0, 0, 0, 0.5);
}

iframe {
      width: 100%;
      height: 100%;
      border: none;
}
button#openModal {
      border: none;
      background: none;
      text-decoration: underline;
      display: block;
      margin: 0 auto 20px;
      color: -webkit-link;
} 
button#closeModal {
    border: none;
    background: none;
    text-decoration: underline;
    display: block;
    margin: 15px auto 0;
    color: -webkit-link;
    position: absolute;
    right: 23px;
}