@charset "utf-8";


/* body {font: 12px/1.4} */

a:link, a:visited {color: #333333;}
a:hover {color: #7f0019;}
a img {vertical-align: bottom;}

/* ------------------------------------------
layout
------------------------------------------ */
.content {width: 880px; margin: 0 auto; padding: 0 15px; overflow: hidden; font-size: 12px;}

.content,
.content *,
.content *:after,
.content *:before,
#fancybox-wrap
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

/* CLEARFIX */
.clearfix,
.content,
#breadcrumbs ol,
.skipNav ul {zoom: 1;}
.clearfix:after,
.content:after,
#breadcrumbs ol:after,
.skipNav ul:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}


/* --------------------------------
#breadcrumbs
-------------------------------- */
#breadcrumbs {padding-top: 20px; overflow: hidden;}
#breadcrumbs ol {height: 19px; background: #DDD url(/cache/img/common/breadcrumbsbg.gif) repeat-x 0 0;}
#breadcrumbs li {float: left; padding: 0 4px 0 0; color: #999; font-size: 10px; line-height: 19px; background: #FFF;}
#breadcrumbs a {display: block; padding: 0 12px 0 5px; text-decoration: none;
background: #DDD url(/cache/img/common/breadcrumbs.png) no-repeat 100% 0; -moz-border-radius: 2px 0 0 2px; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; border-radius: 2px 0 0 2px;}
#breadcrumbs a:hover {
background: #CCC url(/cache/img/common/breadcrumbs.png) no-repeat 100% -19px;}


.pdf {background: url(/cache/img/common/icon_pdf.gif) no-repeat left top; padding-left: 18px; zoom: 1;}

.lead {margin-bottom: 20px; font-size: 14px;}

.skipNav {margin: 30px 0 20px;}
.skipNav ul {margin-bottom: 10px; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #666;}
.skipNav li {float: left; font-weight: bold; line-height: 15px;}
.skipNav li a {display: block; padding: 5px 20px; text-decoration: none; border-right: 1px solid #e8e8e8; background: url(/cache/img/common/arrow_down.png) no-repeat 10px center;}
.skipNav .current a,
#snSection1 .skipNav .snLink1 a,
#snSection2 .skipNav .snLink2 a,
#snSection3 .skipNav .snLink3 a,
#snSection4 .skipNav .snLink4 a,
#snSection5 .skipNav .snLink5 a,
#snSection6 .skipNav .snLink6 a,
#snSection7 .skipNav .snLink7 a,
#snSection8 .skipNav .snLink8 a,
#snSection9 .skipNav .snLink9 a,
#snSection10 .skipNav .snLink10 a {background: #f4f4f4; color: #999; cursor: default;}

/* TinyTip */
.yellowTip { width: 280px; }
.yellowTip .content { width: 250px; padding: 10px; border: 5px solid #ddd7c7; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f5eedd; color: #020202; }
.yellowTip .bottom { height: 14px; background: url(/cache/img/common/notch.png) top center no-repeat; }

/* fancyBox */
.fancyBox { background: url(/cache/img/common/imageview.gif); background-repeat: no-repeat; background-position: 0 2px; width: 11px; height: 8px; padding: 0 2px 0 14px;}

/* loading */
.loading {background: url(/cache/img/common/icon_loading.gif) no-repeat 50% 50%; text-indent: -9999px;}

/* #sideNav */
#sideNav {float: left; width: 150px; margin-right: 30px; margin-top: 24px;}

/* #main */
#main {width: 700px; margin: 0 auto; margin-top: 24px; overflow: hidden; min-height: 250px; _float: left;}

/* table.horizontal td 
table.horizontal td {display: table-cell;}*/

/* btn a */
.btn a {color:#fff;}

/* mobile optimized */
body.mobile .content {font-size:12px;}

/* #addressAdd h1 */
#addressAdd h1,
#addressAddConfirm h1,
#addressEdit h1,
#addressEditConfirm h1,
#addressEditComplete h1 {text-indent: -9999px; margin:20px 0; height: 27px;}

 /* #login footerNav */
body#login {font-size:12px; line-height: 1.4;}
#login #main {margin-top: 24px !important; min-height: 250px !important;}
#login #pageEnd {margin-top: 30px; border-bottom: 1px solid #666;}
#login #footerNav {margin:10px 0;}
#login #footerNav li {float: left; margin-right: 12px; padding-right: 12px; border-right: 1px solid #CCC; line-height: 13px;}
#login #footerNav li#fnSitemap {border: none;}
#login #footerNav li#fnJob {float: right;}
#login #footerNav li#fnCorporate {float: right;}
#footerNav:after,
#pageEnd:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}
#login #copyright {margin-bottom: 20px; padding-top: 5px; border-top: 1px solid #E6E6E6;}
#login #copyright small {font-size: 10px; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","MS PGothic",Arial,sans-serif;}

 /* .cart */
body.cart .content h1 {margin: 20px 0;}
body#payment section section {padding:0; border-top:none;}

/* camp */
#main #overview #controlPanel #priceTag h1 {border-bottom: 4px solid #7f0019; margin-bottom: 0; padding: 0 10px 10px; font-size: 14px;}
#main #overview #controlPanel #priceTag #banner a {width: 170px; font-size:12px;}
#main .subCol aside#recommend h2 {font-weight: bold; padding-bottom: 10px;}
#main #detail.mainCol #spec table.vertical {font-size:12px;}
#main #detail #spec table.vertical th {width:90px;}

@media only screen and (min-width: 769px){
.m-common__tag-select--PC > .wrapper > .category > a,
.m-common__open-close-sidenav {
display: none;
	}
}

@media only screen and (max-width: 768px){
.content {width: auto;}
}