/**** width,height,margin,padding ****/
.wauto { width:auto !important; }
.w10 { width:10px !important; } .w20 { width:20px !important; } .w30 { width:30px !important; } .w40 { width:40px !important; } .w50 { width:50px !important; } .w60 { width:60px !important; } .w70 { width:70px !important; } .w80 { width:80px !important; } .w90 { width:90px !important; }
.w100 { width:100px !important; } .w110 { width:110px !important; } .w120 { width:120px !important; } .w130 { width:130px !important; } .w140 { width:140px !important; } .w150 { width:150px !important; } .w160 { width:160px !important; } .w170 { width:170px !important; } .w180 { width:180px !important; } .w190 { width:190px !important; }
.w200 { width:200px !important; } .w210 { width:210px !important; } .w220 { width:220px !important; } .w230 { width:230px !important; } .w240 { width:240px !important; } .w250 { width:250px !important; } .w260 { width:260px !important; } .w270 { width:270px !important; } .w280 { width:280px !important; } .w290 { width:290px !important; }
.w300 { width:300px !important; } .w330 { width:330px !important; } .w350 { width:350px !important; } .w370 { width:370px !important; } .w400 { width:400px !important; } .w450 { width:450px !important; } .w500 { width:500px !important; } .w600 { width:600px !important; } .w700 { width:700px !important; } .w800 { width:800px !important; } .w900 { width:900px !important; } .w1000 { width:1000px !important; }
.w225 { width:225px !important; } .w255 { width:255px !important; } .w320 { width:320px !important; } .w720 { width:720px !important; }
.w10p { width:10% !important; } .w14p { width:14% !important; } .w16p { width:16% !important; } .w17p { width:17% !important; } .w20p { width:20% !important; } .w25p { width:25% !important; } .w30p { width:30% !important; } .w33p { width:33% !important; } .w40p { width:40% !important; } .w45p { width:45% !important; } .w49p { width:49% !important; } .w50p { width:50% !important; } .w60p { width:60% !important; } .w70p { width:70% !important; } .w80p { width:80% !important; } .w90p { width:90% !important; } .w100p { width:100% !important; }
.minw100 { min-width:100px; } .minw150 { min-width:150px; } .minw200 { min-width:200px; }
.minh30 { min-hight:30px;} .minh100 { min-height:100px; } .minh150 { min-height:150px; } .minh200 { min-height:200px; }
.hauto { height:auto !important; }
.h10 { height:10px !important; } .h20 { height:20px !important; } .h30 { height:30px !important; } .h40 { height:40px !important; } .h50 { height:50px !important; } .h60 { height:60px !important; } .h70 { height:70px !important; } .h80 { height:80px !important; } .h90 { height:90px !important; }
.h100 { height:100px !important; } .h110 { height:110px !important; } .h120 { height:120px !important; } .h130 { height:130px !important; } .h140 { height:140px !important; } .h150 { height:150px !important; } .h160 { height:160px !important; } .h170 { height:170px !important; } .h180 { height:180px !important; } .h190 { height:190px !important; }
.h200 { height:200px !important; } .h210 { height:210px !important; } .h220 { height:220px !important; } .h230 { height:230px !important; } .h240 { height:240px !important; } .h250 { height:250px !important; } .h260 { height:260px !important; } .h270 { height:270px !important; } .h280 { height:280px !important; } .h290 { height:290px !important; }
.h300 { height:300px !important; } .h350 { height:300px !important; } .h400 { height:400px !important; } .h450 { height:450px !important; } .h500 { height:500px !important; } .h600 { height:600px !important; } .h700 { height:700px !important; } .h800 { height:800px !important; } .h900 { height:900px !important; } .h1000 { height:1000px !important; }
.h165 { height:165px !important; }
.h50p { height:50% !important; } .h100p { height:100% !important; }
.mauto { margin-left:auto !important; margin-right:auto !important; } .mrauto { margin-right:auto !important; } .mlauto { margin-left:auto !important; }
.m0 { margin:0px !important; } .m1 { margin:1px !important; } .m2 { margin:2px !important; } .m3 { margin:3px !important; } .m4 { margin:4px !important; } .m5 { margin:5px !important; } .m6 { margin:6px !important; } .m7 { margin:7px !important; } .m8 { margin:8px !important; } .m9 { margin:9px !important; }
.m10 { margin:10px !important; } .m15 { margin:15px !important; } .m20 { margin:20px !important; } .m30 { margin:30px !important; } .m40 { margin:40px !important; } .m50 { margin:50px !important; }
.mb0 { margin-bottom:0px !important; } .mb1 { margin-bottom:1px !important; } .mb2 { margin-bottom:2px !important; } .mb3 { margin-bottom:3px !important; } .mb4 { margin-bottom:4px !important; } .mb5 { margin-bottom:5px !important; } .mb6 { margin-bottom:6px !important; } .mb7 { margin-bottom:7px !important; } .mb8 { margin-bottom:8px !important; } .mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb25 { margin-bottom:25px !important; } .mb30 { margin-bottom:30px !important; } .mb40 { margin-bottom:40px !important; } .mb50 { margin-bottom:50px !important; } .mb60 { margin-bottom:60px !important; } .mb70 { margin-bottom:70px !important; } .mb80 { margin-bottom:80px !important; } .mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; } .mb110 { margin-bottom:110px !important; } .mb120 { margin-bottom:120px !important; } .mb130 { margin-bottom:130px !important; } .mb140 { margin-bottom:140px !important; } .mb150 { margin-bottom:150px !important; } .mb160 { margin-bottom:160px !important; } .mb170 { margin-bottom:170px !important; } .mb180 { margin-bottom:180px !important; } .mb190 { margin-bottom:190px !important; }
.mb200 { margin-bottom:200px !important; } .mb300 { margin-bottom:300px !important; }
.mt0 { margin-top:0px !important; } .mt1 { margin-top:1px !important; } .mt2 { margin-top:2px !important; } .mt3 { margin-top:3px !important; } .mt4 { margin-top:4px !important; } .mt5 { margin-top:5px !important; } .mt6 { margin-top:6px !important; } .mt7 { margin-top:7px !important; } .mt8 { margin-top:8px !important; } .mt9 { margin-top:9px !important; }
.mt10 { margin-top:10px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mt40 { margin-top:40px !important; } .mt50 { margin-top:50px !important; } .mt60 { margin-top:60px !important; } .mt70 { margin-top:70px !important; } .mt80 { margin-top:80px !important; } .mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; } .mt110 { margin-top:110px !important; } .mt120 { margin-top:120px !important; } .mt130 { margin-top:130px !important; } .mt140 { margin-top:140px !important; } .mt150 { margin-top:150px !important; } .mt160 { margin-top:160px !important; } .mt170 { margin-top:170px !important; } .mt180 { margin-top:180px !important; } .mt190 { margin-top:190px !important; }
.mt200 { margin-top:200px !important; } .mt300 { margin-top:300px !important; }
.mr0 { margin-right:0px !important; } .mr1 { margin-right:1px !important; } .mr2 { margin-right:2px !important; } .mr3 { margin-right:3px !important; } .mr4 { margin-right:4px !important; } .mr5 { margin-right:5px !important; } .mr6 { margin-right:6px !important; } .mr7 { margin-right:7px !important; } .mr8 { margin-right:8px !important; } .mr9 { margin-right:9px !important; }
.mr10 { margin-right:10px !important; } .mr15 { margin-right:15px !important; } .mr20 { margin-right:20px !important; } .mr30 { margin-right:30px !important; } .mr40 { margin-right:40px !important; } .mr50 { margin-right:50px !important; }
.ml0 { margin-left:0px !important; } .ml1 { margin-left:1px !important; } .ml2 { margin-left:2px !important; } .ml3 { margin-left:3px !important; } .ml4 { margin-left:4px !important; } .ml5 { margin-left:5px !important; } .ml6 { margin-left:6px !important; } .ml7 { margin-left:7px !important; } .ml8 { margin-left:8px !important; } .ml9 { margin-left:9px !important; }
.ml10 { margin-left:10px !important; } .ml15 { margin-left:15px !important; } .ml20 { margin-left:20px !important; } .ml30 { margin-left:30px !important; } .ml40 { margin-left:40px !important; } .ml50 { margin-left:50px !important; }
.pauto { padding-left:auto !important; padding-right:auto !important; } .prauto { padding-right:auto !important; } .plauto { padding-left:auto !important; }
.p0 { padding:0px !important; } .p1 { padding:1px !important; } .p2 { padding:2px !important; } .p3 { padding:3px !important; } .p4 { padding:4px !important; } .p5 { padding:5px !important; } .p6 { padding:6px !important; } .p7 { padding:7px !important; } .p8 { padding:8px !important; } .p9 { padding:9px !important; }
.p10 { padding:10px !important; } .p15 { padding:15px !important; } .p20 { padding:20px !important; } .p30 { padding:30px !important; } .p40 { padding:40px !important; } .p50 { padding:50px !important; }
.pb0 { padding-bottom:0px !important; } .pb1 { padding-bottom:1px !important; } .pb2 { padding-bottom:2px !important; } .pb3 { padding-bottom:3px !important; } .pb4 { padding-bottom:4px !important; } .pb5 { padding-bottom:5px !important; } .pb6 { padding-bottom:6px !important; } .pb7 { padding-bottom:7px !important; } .pb8 { padding-bottom:8px !important; } .pb9 { padding-bottom:9px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; } .pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; } .pb30 { padding-bottom:30px !important; } .pb40 { padding-bottom:40px !important; } .pb50 { padding-bottom:50px !important; } .pb60 { padding-bottom:60px !important; } .pb70 { padding-bottom:70px !important; } .pb80 { padding-bottom:80px !important; } .pb90 { padding-bottom:90px !important; }
.pb100 { padding-bottom:100px !important; } .pb110 { padding-bottom:110px !important; } .pb120 { padding-bottom:120px !important; } .pb130 { padding-bottom:130px !important; } .pb140 { padding-bottom:140px !important; } .pb150 { padding-bottom:150px !important; } .pb160 { padding-bottom:160px !important; } .pb170 { padding-bottom:170px !important; } .pb180 { padding-bottom:180px !important; } .pb190 { padding-bottom:190px !important; }
.pb200 { padding-bottom:200px !important; } .pb300 { padding-bottom:300px !important; }
.pt0 { padding-top:0px !important; } .pt1 { padding-top:1px !important; } .pt2 { padding-top:2px !important; } .pt3 { padding-top:3px !important; } .pt4 { padding-top:4px !important; } .pt5 { padding-top:5px !important; } .pt6 { padding-top:6px !important; } .pt7 { padding-top:7px !important; } .pt8 { padding-top:8px !important; } .pt9 { padding-top:9px !important; }
.pt10 { padding-top:10px !important; } .pt15 { padding-top:15px !important; } .pt20 { padding-top:20px !important; } .pt25 { padding-top:25px !important; } .pt30 { padding-top:30px !important; } .pt40 { padding-top:40px !important; } .pt50 { padding-top:50px !important; } .pt60 { padding-top:60px !important; } .pt70 { padding-top:70px !important; } .pt80 { padding-top:80px !important; } .pt90 { padding-top:90px !important; }
.pt100 { padding-top:100px !important; } .pt110 { padding-top:110px !important; } .pt120 { padding-top:120px !important; } .pt130 { padding-top:130px !important; } .pt140 { padding-top:140px !important; } .pt150 { padding-top:150px !important; } .pt160 { padding-top:160px !important; } .pt170 { padding-top:170px !important; } .pt180 { padding-top:180px !important; } .pt190 { padding-top:190px !important; }
.pt200 { padding-top:200px !important; } .pt300 { padding-top:300px !important; }
.pr0 { padding-right:0px !important; } .pr1 { padding-right:1px !important; } .pr2 { padding-right:2px !important; } .pr3 { padding-right:3px !important; } .pr4 { padding-right:4px !important; } .pr5 { padding-right:5px !important; } .pr6 { padding-right:6px !important; } .pr7 { padding-right:7px !important; } .pr8 { padding-right:8px !important; } .pr9 { padding-right:9px !important; }
.pr10 { padding-right:10px !important; } .pr15 { padding-right:15px !important; } .pr20 { padding-right:20px !important; } .pr30 { padding-right:30px !important; } .pr35 { padding-right:35px !important; } .pr40 { padding-right:40px !important; } .pr45 { padding-right:45px !important; } .pr50 { padding-right:50px !important; }
.pl0 { padding-left:0px !important; } .pl1 { padding-left:1px !important; } .pl2 { padding-left:2px !important; } .pl3 { padding-left:3px !important; } .pl4 { padding-left:4px !important; } .pl5 { padding-left:5px !important; } .pl6 { padding-left:6px !important; } .pl7 { padding-left:7px !important; } .pl8 { padding-left:8px !important; } .pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; } .pl15 { padding-left:15px !important; } .pl20 { padding-left:20px !important; } .pl30 { padding-left:30px !important; } .pl35 { padding-left:35px !important; } .pl40 { padding-left:40px !important; } .pl45 { padding-left:45px !important; } .pl50 { padding-left:50px !important; }

/**** display,position ****/
.block { display:block !important; } .inline { display:inline !important; } .inline-block { display:inline-block !important; }
.tl { text-align:left !important; } .tr { text-align:right !important; } .tc { text-align:center !important; }
.vt { vertical-align:top !important; } .vb { vertical-align:bottom !important; } .vm,.vc { vertical-align:middle !important; } .vbase { vertical-align:baseline !important; }
.fl { float:left !important; } .fr { float:right !important; }
.nr { white-space:nowrap !important; }
.wn { white-space:normal !important; }
.wp { white-space:wrap !important; }
.nr-force { white-space:nowrap !important; overflow:hidden !important; }
.absolute { position:absolute !important; } .relative { position:relative !important; } .fixed { position:fixed !important; }
.absolute-top-right { position:absolute !important; top:0 !important; right:0 !important; }
.absolute-top-left { position:absolute !important; top:0 !important; left:0 !important; }
.absolute-bottom-right { position:absolute !important; bottom:0 !important; right:0 !important; }
.absolute-bottom-left { position:absolute !important; bottom:0 !important; left:0 !important; }
.reset-position { position:relative !important; top:0 !important; left:0 !important; }
.top1px { position:relative; top:1px; } .top2px { position:relative; top:2px; } .top3px { position:relative; top:3px; }  .top4px { position:relative; top:4px; } .top5px { position:relative; top:5px; }
.top-1px { position:relative; top:-1px; } .top-2px { position:relative; top:-2px; } .top-3px { position:relative; top:-3px; } .top-4px { position:relative; top:-4px; } .top-5px { position:relative; top:-5px; }
.left1px { position:relative; left:1px; } .left2px { position:relative; left:2px; } .left3px { position:relative; left:3px; }
.left-1px { position:relative; left:-1px; } .left-2px { position:relative; left:-2px; } .left-3px { position:relative; left:-3px; }



/**** box ****/
.box { border:1px solid #c7cad3; background-color:#ffffff; text-align:left; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.box.no-border { border:none; }
.box.border-top { border:none; border-top:1px solid #c7cad3; }
.box.border-light { border-color:#e1e1e1; }
.box.border-blue { border-color:#418abb; }
.box.border-orange { border-color:#d94d38; }
.box.border-red { border-color:#ee0000; }
.box.clickable { cursor:pointer; }
.box.clickable:hover { background-color:#f9f9f9; }
.box.clickable:hover .thumb { opacity:0.75; }
.box.hover:hover { background:#fcfcfc; }
.box.pointer { cursor:pointer; }
.box.error { border-color:#ee0000; }
.box.bg-gray { background:#fcfcfc; }
.box.bg-darkgray { background:#f3f3f3; }
/* dl table */
dl.box.table { display:table; width:100%; }
dl.box.table > dt { display:table-cell; }
dl.box.table > dd { display:table-cell; }
/* message */
.box.message { border:none; background:#d94d38; box-shadow:rgba(255,255,255,0.5) 0px 0px 1px 1px inset; -webkit-box-shadow:rgba(255,255,255,0.5) 0px 0px 1px 1px inset; -moz-box-shadow:rgba(255,255,255,0.5) 0px 0px 1px 1px inset; }
.box.message * { color:#ffffff; }
/* balloon */
.box.balloon { position:relative; }
.box.balloon:after { content:''; position:absolute; bottom:-12px; left:49%; border-top:14px solid #ffffff; border-right:7px solid transparent; border-left:7px solid transparent; }
.box.balloon:before { content:''; position:absolute; bottom:-14px; left:49%; border-top:14px solid #c7cad3; border-right:7px solid transparent; border-left:7px solid transparent; }
.box.balloon.error:before { border-top-color:#ee0000; }
/* tip */
.box.tip { position:relative; margin-bottom:7px; padding:1px 0 0 0; border-radius:4px; color:#666666; font-size:11px; font-weight:bold; line-height:19px; text-align:center; vertical-align:bottom; }
.box.tip:after { content:''; position:absolute; z-index:2; bottom:-6px; left:49%; border-top:8px solid #ffffff; border-right:4px solid transparent; border-left:4px solid transparent; }
.box.tip:before { content:''; position:absolute; z-index:1;  bottom:-8px; left:49%; border-top:8px solid #c7cad3; border-right:4px solid transparent; border-left:4px solid transparent; }
.box.tip.error:before { border-top-color:#ee0000; }
/* banner */
.box.banner {}
.box.banner:hover { opacity:0.75; }
.box.banner img { width:100%; }


/**** font,color ****/
.f7px { font-size:7px !important; } .f8px { font-size:8px !important; } .f9px { font-size:9px !important; } .f10px { font-size:10px !important; } .f11px { font-size:11px !important; } .f12px { font-size:12px !important; } .f13px { font-size:13px !important; } .f14px { font-size:14px !important; } .f15px { font-size:15px !important; } .f16px { font-size:16px !important; } .f17px { font-size:17px !important; } .f18px { font-size:18px !important; } .f19px { font-size:19px !important; } .f20px { font-size:20px !important; } .f21px { font-size:21px !important; } .f22px { font-size:22px !important; } .f23px { font-size:23px !important; } .f24px { font-size:24px !important; } .f25px { font-size:25px !important; }
div.small,p.small,span.small,strong.small,em.small,i.small,ul.small,li.small { font-size:12px !important; }
div.xsmall,p.xsmall,span.xsmall,strong.xsmall,em.xsmall,i.xsmall,ul.xsmall,li.xsmall { font-size:11px !important; }
div.xxsmall,p.xxsmall,span.xxsmall,strong.xxsmall,em.xxsmall,i.xxsmall,ul.xxsmall,li.xxsmall { font-size:10px !important; }
div.xxxsmall,p.xxxsmall,span.xxxsmall,strong.xxxsmall,em.xxxsmall,i.xxxsmall,ul.xxxsmall,li.xxxsmall { font-size:9px !important; }
div.small,p.small { line-height:17px; } div.xsmall,p.xsmall { line-height:16px; }
div.bold,p.bold,span.bold,strong.bold,em.bold,i.bold,a.bold,h1.bold,h2.bold { font-weight:bold !important; } div.normal,p.normal,span.normal,strong.normal,em.normal,i.normal,a.normal { font-weight:normal !important; }
.line-through { text-decoration:line-through; }
.underline { text-decoration:underline; }
a.underline:hover { text-decoration:underline; }
.black { color:#000000; }
.blue { color:#418abb; }
.red { color:#ee0000; }
.gray { color:#999999; }
.lightgray { color:#bbbbbb; }
.bordergray { color:#c7cad3; }
.bluegray { color:#858da3; }
.blackgray { color:#555555; }
.orange { color:#d94d38; }
.green { color:#11aa11; }
.purple { color:#d82974; }


dl.list-field { display:table; width:100%; margin:0px; }
dl.list-field.border-none { border-bottom:none; }
dl.list-field.border-top { border-top:1px solid #e1e1e1; }
dl.list-field > dt { display:table-cell; padding:2px 20px 2px 12px; text-align:left; vertical-align:top; line-height:22px; font-size:12px;  white-space:nowrap; position:relative; }
dl.list-field > dd { display:table-cell; padding:2px 12px 2px 6px; text-align:left; vertical-align:top; line-height:22px; font-size:12px; }







/* claerfix */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/* list-style:none */
ul.lsn {
	list-style:none;
}

ul.navi > li {
	border-bottom: 1px solid lightgray;
}

div.publish-status{
	text-align: center;
	display: inline-block;
	padding: 3px 4px 0 4px;
	font-weight: normal;
	width:140px;
	line-height: 50px;
	vertical-align: middle;
	background: lightgray;
	border: 1px solid lightgray;
	font-size: 16px;
	border-radius: 7px;

}

div.end-of-sale{
	text-align: center;
	display: inline-block;
	padding: 3px 4px 0 4px;
	font-weight: normal;
	color: white;
	width:150px;
	line-height: 30px;
	vertical-align: middle;
	background: red;
	border: 1px solid red;
	font-size: 16px;
	border-radius: 7px;

}

.wwbw{
	word-wrap:break-word;
}

.boximg{
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
}

table.goods-info{
	margin-left: 10px;
	border-collapse: collapse;
	line-height: 25px;
}

table.goods-info tr {
}

table.goods-info th {
	border: 1px solid #CCCCCC;
	padding: 3px 0px 3px 10px;
	background-color: #EEEEEE;
	width: 70px;
}

table.goods-info td {
	border: 1px solid #CCCCCC;
	padding: 3px 0px 3px 10px
}
/* 20170728 */
.inline-block {
	vertical-align: top;
}

/* 20220721 */
.mail-order-banner{
	float:left;
	margin:5px;
	width:160px;
}
dt.tc{
	float:left;
	margin:10px;
}