@charset "UTF-8";
/* CSS Document */


/*基本設定-----------------------------------------------------------------------------------------------------------------*/

/* --------------------
リセット
-------------------- */
html,body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,label,dl,dt,dd,table,tr,th,td, hr {
margin:0;
padding:0;
list-style:none;
}

/* --------------------
タグ
-------------------- */
html {
overflow-y:scroll;
}

body {
width: 100%;
background-color:#fff;
color:#333;
text-align:center;
position: relative;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.4;
}

img {
border:none;
vertical-align:bottom;
}

table {
border:0;
border-collapse:collapse;
}
table td,
table th {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
font-weight:normal;
}

a {
outline: none;
cursor: pointer;
text-decoration: none;
}
a:link, a:visited {
color: #333;
}
a:hover, a:active {
color: #999;
}

select {
cursor: pointer;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
margin: 0;
padding: 0;
}

/* --------------------
汎用要素
-------------------- */
/* フォントサイズ */
.f10 {/* 10px */
font-size:62.5%;
line-height:150%;
}
.f11 {/* 11px */
font-size:68%;
line-height:160%;
}
.f12 {/* 12px */
font-size:75%;
line-height:160%;
}
.f13 {/* 12px */
font-size:81.2%;
line-height:160%;
}
.f14 {/* 14px */
font-size:87.5%;
line-height:160%;
}
.f15 {/* 15px */
font-size:93.7%;
line-height:160%;
}
.f16 {/* 16px */
font-size:100%;
line-height:180%;
}
.f18 {/* 18px */
font-size:112%;
line-height:180%;
}
.f20 {/* 20px */
font-size:125%;
line-height:180%;
}

/* 太字 */
.WeightBold {/* 太字にする */
font-weight:bold;
}
.WeightNormal {/* 通常にする */
font-weight:normal;
}

/* 赤字 */
.red {
color: #E71F19;
}
/*下線 */
.underline {
text-decoration: underline;
}
/*グレー */
.gray {
color: #969696
}

/* 揃え方 */
.TxtLeft {/* 左寄せ */
text-align:left;
}
.TxtRight {/* 右寄せ */
text-align:right;
}
.TxtCenter {/* 中央寄せ */
text-align:center;
}
.TxtJustfy {/* 両端揃え */
text-align:justify;
text-justify:inter-ideograph;
}

/* インデント処理 */
.TxtIndent {/* 文頭に「※」等を付けた際のインデント */
padding-left:1em;
text-indent:-1em;
}

/* ブロック・インライン */
.Block {/* ブロック要素にする */
display:block
}
.Inline {/* インライン要素にする */
display:inline
}

/* フロート */
.FloatLeft {/* 左に配置 */
float:left;
}
.FloatRight {/* 右に配置 */
float:right;
}

/* Clear */
.Clear {
clear:both;
}

/* Clearfix */
.Clearfix:after {
height:0;
content: "";
clear: both;
display: block;
visibility: hidden;
}
* html .Clearfix {
zoom:1;
}



/* マージン */
.m5 {margin:5px;}/* margin 四方にmargin指定 */
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m25 {margin:25px;}
.m30 {margin:30px;}
.m35 {margin:35px;}
.m40 {margin:40px;}
.m45 {margin:45px;}
.m50 {margin:50px;}
.m55 {margin:55px;}
.m60 {margin:60px;}

.mt5 {margin-top:5px;}/* margin-top 上のみにmargin指定 */
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}

.mr5 {margin-right:5px;}/* margin-right 右のみにmargin指定 */
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}

.mb5 {margin-bottom:5px;}/* margin-bottom 下のみにmargin指定 */
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}

.ml5 {margin-left:5px;}/* margin-left 左のみにmargin指定 */
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}

/* パディング */
.p5 {padding:5px;}/* padding 四方にpadding指定 */
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:25px;}
.p30 {padding:30px;}
.p35 {padding:35px;}
.p40 {padding:40px;}
.p45 {padding:45px;}
.p50 {padding:50px;}
.p55 {padding:55px;}
.p60 {padding:60px;}

.pt5 {padding-top:5px;}/* padding-top 上のみにpadding指定 */
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}

.pr5 {padding-right:5px;}/* padding-right 上のみにpadding指定 */
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}

.pb5 {padding-bottom:5px;}/* padding-bottom 下のみにpadding指定 */
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}

.pl5 {padding-left:5px;}/* padding-left 左のみにpadding指定 */
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}

/*COMMON*/

#Container {
width: 980px;
margin: 0 auto;
}

#Side {
float: left;
display: inline;
width: 180px;
text-align: left;
margin-left: 5px;
padding-top: 60px;
}

#Side h1 {
margin-bottom: 90px;
width: 180px;
height: 30px;
overflow: hidden;
}
#Side h1 img {
vertical-align: top;
}
#Side h2 {
font-size: 14px;
letter-spacing: 1px;
height: 29px;
}
#Side #CategoryTTL {
float: left;
}
#Side #FeatureTTL {
float: right;
}
#CategoryTTL a:link, #CategoryTTL a:visited, #FeatureTTL a:link, #FeatureTTL a:visited {
color: #aaa;
}
#CategoryTTL a.now:link, #CategoryTTL a.now:visited, #FeatureTTL a.now:link, #FeatureTTL a.now:visited {
color: #333;
}
#CategoryTTL a:hover, #CategoryTTL a:active, #FeatureTTL a:hover, #FeatureTTL a:active {
color: #333;
}

#Side .Nav {
clear: both;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
}
#Side .Nav li {
width: 180px;
background: url(https://img15.shop-pro.jp/PA01238/882/etc/common_dot.gif) repeat-x bottom;
}
#Side .Nav li:last-child {
background: none;
}
#Side .Nav li a {
height: 30px;
line-height: 30px;
padding: 0 10px;
font-size: 12px;
display: block;
}
#Side .Nav li#Cat6 a {
height: 29px;
}
#Side .Nav li a:link, #Side .Nav li a:visited {
color: #333;
}
#Side .Nav li a:hover, #Side .Nav li li a:active {
color: #999;
}
#Side .Nav li a.parent {
background-image: url(https://img15.shop-pro.jp/PA01238/882/etc/common_plus.gif);
background-repeat: no-repeat;
background-position: 170px 10px;
}
#Side .Nav li a.parent:hover, #Side .Nav li li a.parent:active {
color: #333;
}

#Side .Nav ul {
display: none;
background: url(https://img15.shop-pro.jp/PA01238/882/etc/common_dot.gif?20130502232806) repeat-x top;
}
#Side .Nav li li a {
padding: 0 16px;
}
#Side .Nav li li a:link, #Side .Nav li li a:visited {
color: #aaa;
}
#Side .Nav li li a:hover, #Side .Nav li li a:active {
color: #333;
}

#Feature {
display: none;
}
#LinkHome {
margin-top: 20px;
}

#recommend {
margin: 10px 0;
border-bottom:solid 1px ;
}
#recommend_text {
margin: 10px;
}
#recommend a{
border-bottom:solid 1px #999999 ;
}

#Content {
float: right;
display: inline;
width: 735px;
text-align: left;
overflow: hidden;
}

#Header {
height: 60px;
overflow: hidden;
}
#Header .Nav {
padding-top: 15px;
text-align: right;
}
#Header .Nav li {
display: inline;
padding-left: 20px;
font-size: 13px;
letter-spacing: 1px;
font-weight: bold;
line-height: 15px;
}

#MainHeader {
display: block;
height: 60px;
margin-bottom: 60px;
overflow: hidden;
}
#MainHeader p.Breadcrumb {
float: left;
width: 560px;
height: 15px;
overflow: hidden;
margin-bottom: 6px;

font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
line-height: 15px;
}
#MainHeader p.Group, #MainHeader p.GroupForeign {
float: left;
width: 560px;
height: 15px;
overflow: hidden;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: 2px;
line-height: 15px;
}

#MainHeader p.GroupTop {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
letter-spacing: 2px;
line-height: 15px;
}
#MainHeader p.Group a:link, #MainHeader p.Group a:visited {color: #aaa;}
#MainHeader p.Group a.now:link, #MainHeader p.Group a.now:visited {color: #333;}
#MainHeader p.Group a:hover, #MainHeader p.Group a:active {color: #333;}

#MainHeader p.GroupForeign a:link, #MainHeader p.GroupForeign a:visited {color: #aaa;}
#MainHeader p.GroupForeign a.now:link, #MainHeader p.GroupForeign a.now:visited {color: #333;}
#MainHeader p.GroupForeign a:hover, #MainHeader p.GroupForeign a:active {color: #333;}

#MainHeader #Search {
float: right;
display: inline;
width: 164px;
height: 26px;
border-bottom: 1px solid #ccc;
overflow: hidden;
margin-top: 7px;
}
#MainHeader #Search .TxtForm {
border: none;
width: 130px;
vertical-align: top;
float: left;
display: inline;
margin-top: 4px;
color: #aaa;
}
#MainHeader #Search .textFocus {
color: #333;
}
#MainHeader #Search .TxtForm:focus {
outline: none;
}
#MainHeader #Search .BtnSubmit {
text-indent: -9999px;
width: 26px;
height: 26px;
float: right;
display: inline;
background: url(https://img15.shop-pro.jp/PA01238/882/etc/common_search.gif) no-repeat left top;
border: none;
cursor: pointer;
vertical-align: top;
}

/* --------------------
List
-------------------- */

#List {
width: 760px;
margin-left: -25px;
overflow: hidden;
}
.Item {
float: left;
display: inline;
width: 165px;
height: 209px;
overflow: hidden;
margin-left: 25px;
}
.Item .Img {
text-align: center;
width: 135px;
height: 135px;
margin: 0 auto 15px;
overflow: hidden;
}
.Item .Img img {
max-width: 135px;
max-height: 135px;
vertical-align: top;
}
* html .Item .Img img {
width: 135px;
}
.Item .TTL {
width: 165px;
max-height: 30px;
overflow: hidden;
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
line-height: 15px;
}
.Item .TTL span.Soldout{
padding-left: 4px;
color: #E71F19;
}
.Item .Author {
width: 165px;
max-height: 15px;
overflow: hidden;
font-size: 10px;
line-height: 15px;
font-family: Verdana, Geneva, sans-serif;
color: #969696;
}
#List hr {
clear: left;
border: none;
width: 760px;
height: 1px;
background: url(https://img15.shop-pro.jp/PA01238/882/etc/common_dot.gif) repeat-x top;
margin-bottom: 30px;
color: #fff;
}

.PageNav {
margin: 30px 0 12px;
text-align: right;
font-family: Helvetica, Arial, sans-serif;
}
.PageNav span {
padding: 0 6px;
line-height: 10px;
font-size: 14px;
}
.PageNav span.page {
color: #aaa;
font-size: 11px;
}
.PageNav a {
color: #aaa;
}
.PageNav a:hover, .PageNav a:active {
color: #333 !important;
}
#ItemNone {
height: 60px;
}

/* --------------------
Group
-------------------- */

#Group {
width: 760px;
margin-bottom: 40px;
}

#Group ul li {
float: left;
display: inline;
width: 160px;
min-height: 45px;
margin-right: 20px;
margin-bottom: 30px;
font-size:81.2%;
}
#Group ul li span {
display: block;
font-size: 10px;
color: #aaa;
}

#Group2, #Group3, #Group4, #Group5, #Group6, #Group7, #Group8, #Group9, #Group10, #Group11, #Group12 {
display: none;
}


/* --------------------
Detail
-------------------- */

#Item {
}
#ItemLeft {
float: left;
display: inline;
width: 330px;
margin-bottom: 90px;
margin-right: 75px;
}
#ItemImg {
text-align: center;
margin-bottom: 30px;
}
#ItemImg img {
max-width: 330px;
}
#ItemImgOthers, #ItemTagged {
margin-bottom: 4px;
color: #969696;
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
#ItemImgOthers a:link, #ItemImgOthers a:visited {
color: #aaa;
}
#ItemImgOthers a:hover, #ItemImgOthers a:active {
color: #333;
}
#ItemImgOthers a.now:link, #ItemImgOthers a.now:visited {
color: #333;
}
#TogetherItem {
margin-top: 45px;
}
#TogetherItem p {
color: #969696;
font-size: 10px;
margin-bottom: 4px;
}
#TogetherItem li {
float: left;
display: inline;
width: 75px;
margin-right: 10px;
}
#TogetherItem li img {
border: 1px solid #c8c8c6;
}
#ItemRight {
float: left;
display: inline;
width: 300px;
margin-bottom: 90px;
}
#ItemTable1 {
width: 300px;
min-height: 165px;
}
#ItemTable1 td {
vertical-align: top;
}
#ItemTable1w {
min-height: 115px;
}
#ItemCat {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
margin-bottom: 10px;
}
#Item h3 {
margin-bottom: 5px;
font-size: 15px;
}
#Item h4 {
color: #969696;
font-weight: normal;
font-size: 15px;
}
#ItemTable1 td#ItemTable1left {
text-align: left;
vertical-align: bottom;
width: 195px;
min-height: 60px;
}
#ItemPriceTTL {
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
margin-bottom: 4px;
}
#ItemPrice {
font-size: 16px;
line-height: 1;
}
#ItemPrice span.Tax {
font-size: 11px;
padding-right: 4px;
}
#ItemPrice span.Soldout {
color: #E71F19;
font-size: 10px;
line-height: 16px;
font-weight: bold;
}
#ItemPrice span.Member {
color: #E71F19;
font-size: 10px;
position: absolute;
margin-top: -12px;
}
#ItemPrice span.MemberPrice {
font-size: 12px;
text-decoration: line-through;
color: #E71F19;
}
#ItemPrice span.MemberPriceInr {
color: #333;
}
#ItemTable1 td#ItemTable1Right {
text-align: right;
width: 90px;
vertical-align: bottom;
min-height: 60px;
}
#ItemOption select {
border: 1px solid #ccc;
margin-bottom: 4px;
}
#Item input.BtnSubmit {
display: block;
float: right;
width: 90px;
height: 20px;
text-indent: -9999px;
overflow: hidden;
background: url(https://img15.shop-pro.jp/PA01238/882/etc/common_btn_addcart.gif) no-repeat;
border: none;
cursor: pointer;
vertical-align: bottom;
font-size: 10px;
line-height: 1;
margin-top: 4px;
}
#ItemExplain {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding: 15px 0;
margin: 14px 0 15px;
line-height: 1.7;
}
#ItemExplain hr {
width: 300px;
height: 0;
border: none;
margin: 15px 0;
border-bottom: 1px solid #b4b4b4;
}
#ItemDetail {	
width: 300px;
margin: -15px 0 15px;
}
#ItemDetail td, #ItemDetail th {
border-bottom: 1px solid #b4b4b4;
vertical-align: top;
text-align: left;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
padding: 6px 0;
line-height: 1.6;
}
#ItemDetail th {
color: #969696;
width: 75px;
}
#ItemDetail td {
}
#Sns {
height: 40px;
text-align: right;
}
#Sns .BtnTwitter{
display: inline;
margin-right: 2px;
}
#Sns .BtnFacebook{
display: inline;
}

/* --------------------
SK
-------------------- */

#SK {
margin-bottom: 80px;
}
#SK h3 {
font-size:100%;
margin-bottom: 20px;
}
#SKTable th, #SKTable td {
font-size: 75%;
line-height: 160%;
vertical-align: top;
padding: 10px 0;
}
#SKTable th {
width: 150px;
}
#SKPayment th, #SKPayment td {
vertical-align: top;
font-size: 75%;
line-height: 160%;
padding: 10px 0 20px;
}
#SKPayment th {
width: 150px;
}
#SKPayment th img {
margin-top: 10px;
}
#SKDelivery th, #SKDelivery td {
vertical-align: top;
font-size: 75%;
line-height: 160%;
padding: 10px 0 20px;
}
#SKDelivery th {
width: 150px;
}


/* --------------------
Privacy
-------------------- */

#Privacy {
margin-bottom: 100px;
}
#Privacy h3 {
font-size:100%;
margin-bottom: 10px;
}


/* --------------------
Info
-------------------- */

#Info {
margin-bottom: 100px;
}
#Info h3 {
margin-bottom: 40px;
font-size:112%;
line-height: 1.8;
}
#Info h3 span {
font-size: 14px;
}

/* --------------------
Footer
-------------------- */

#Footer {
clear: both;
border-top: 1px solid #ccc;
padding-top: 15px;
}
#Footer #Pagetop{
float: right;
width: 100px;
display: inline;
text-align: right;
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
#Footer .Nav li {
float: left;
display: inline;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #ccc;
font-size: 10px;
line-height: 1.2;
}
#Footer .Nav li.last {
border-right: none;
}
#Footer address {
clear: both;
padding: 3px 0 60px;
color: #999;
font-size: 8px;
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
}

#slideshow {
   position: relative;
   width:  984px; /* ボックスの横幅 */
   height: 200px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 200px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  984px; /* 画像の横幅 */
   height: 200px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}