/*==================================================================
  おぼろ　CSS（共通）
==================================================================*/

/*====================================
	ボディ・レイアウト
=====================================*/
* {
  margin: 0px;
  padding: 0px;
}

html { font-size: 62.5%; }

body {
  margin: 0px;
  padding: 10px 0px 0px 0px;
  font-size: 1.4rem;
  font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/bg.jpg);
  background-color: #ffffff;
}

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

h1,h2,h3,h4,h5,h6,
table,tr,td,th,
ul,li,dl,dt,dd,
p {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  margin: 0px;
  font-size: 100%;
}

#wrapper {
  width: 976px;
  padding: 0px 2px;
  margin: 15px auto 0px auto;
  background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/container_bg.gif);
  background-position: center top;
  background-repeat: repeat-y;
}

#container {
  margin: 0px;
  padding: 15px 13px 15px 5px;
}

#parentBox {
  padding: 0px 14px;
  margin: 20px auto 0px auto;
}

  #container p.pagetop {
    line-height: 10px;
    height: 30px;
    font-size: 10px;
    text-indent: -9999px;
    clear: both;
    margin: 0px auto;
    width: 950px;
  }
    #container p.pagetop a {
      display: block;
      height: 15px;
      background: url(https://img17.shop-pro.jp/PA01152/752/etc/footer_pagetop.gif);
      width: 64px;
      margin-left: 880px;
    }

#inn-box ul.topicpass {margin: 0px;}
  #inn-box ul.topicpass li {
    display: inline;
    margin: 0px 5px 0px 0px;
    line-height: 1.5;
    padding: 0px;
    background: url(none);
  }
    #inn-box ul.topicpass li a { margin-left: 5px; }

p.sort { text-align: right;}

/*====================================
	フォント
=====================================*/
a { color: #CC0000 }

a:hover { }

/*====================================
	ヘッダ
=====================================*/
h1 {
  width: 976px;
  color: #B4253D;
  font-weight: bold;
  line-height: 1.5;
  margin: 0px auto;
}

#header {
  width: 976px;
  margin: 20px auto 0px auto;
}
  #header ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: none;
  }

  #header form {
    margin: 0px 0px 0px 0px;
    width: 425px;
    background: url(https://img17.shop-pro.jp/PA01152/752/etc/header_search.png) no-repeat left center;
  }
    #header form select {
      width: 200px;
      margin: 0px 7px 0px 25px;
    }

    #header form input {
      width: 120px;
      margin-right: 7px;
      vertical-align: top;
    }

/*-----------------------*/
#header p.logo {
  width: 276px;
  height: 100px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
}
  #header p.logo a { text-decoration: none; }
  #header p.logo a:hover { text-decoration: underline; }
    #header p.logo a img { border-style: none; }

/*-----------------------*/
#header div.member {
  float: right;
  width: 600px;
  margin: 0px 0px 0px 0px;
}
  #header div.member p.member {
    line-height: 20px;
    margin: 0px 20px 0px 0px;
    text-align: right;
  }

  #header div.member ul { margin: 0; }
    #header div.member ul li {
      width: 30%;
      float: right;
      margin: 0 5% 0 0;
    }
    #header div.member ul li:last-child { margin-right: 0; }
      #header div.member ul li a {
        display: block;
        padding: 0.5em 1.0em;
        text-align: center;
        color: #fff;
        font-size: 1.4em;
        text-decoration: none;
        background-color: #880000;
      }
      #header div.member ul li a:hover { color: #B4253D; }

/*
    #header div.member ul li {
      line-height: 20px;
      padding: 0px 0px 0px 20px;
      float: right;
      white-space: nowrap;
      margin: 0px 0px 10px 10px;
    }
      #header div.member ul li a {
        color: #333;
        text-decoration: none;
      }
      #header div.member ul li a:hover { color: #B4253D; }

    #header div.member ul li.login { background: url(https://img17.shop-pro.jp/PA01152/752/etc/icon_login.gif) no-repeat left center; }
    #header div.member ul li.regist { background: url(https://img17.shop-pro.jp/PA01152/752/etc/icon_regist.gif) no-repeat left center; }
    #header div.member ul li.mypage { background: url(https://img17.shop-pro.jp/PA01152/752/etc/icon_mypage.gif) no-repeat left center; }
    #header div.member ul li.logout { background: url(https://img17.shop-pro.jp/PA01152/752/etc/icon_logout.gif) no-repeat left center; }
    */

/*====================================
	メニュー
=====================================*/
#menu {
  width: 100%;
  background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/menu_bg.jpg);
  background-repeat: repeat-x;
  background-position: 0px 8px;
  margin: 10px 0px 0px 0px;
}
  #menu .navi-box {
    width: 974px;
    margin: 0px auto 0px auto;
  }

  #menu .global-navi {
    width: 773px;
    height: 60px;
    margin-top: 8px;
    overflow: hidden;
    float: left;
  }
    #menu .global-navi li {
      width: 190px;
      height: 60px;
      overflow: hidden;
      float: left;
    }
      #menu .global-navi li a {
        display: block;
        width: 190px;
        height: 0px;
        padding-top: 60px;
        overflow: hidden;
        background-repeat: no-repeat;
      }
      #menu .global-navi li.home a { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/home_button.jpg); }
      #menu .global-navi li.sk-payment a { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/guide_button.jpg); }
      #menu .global-navi li.blog a { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/blog_button.jpg); }
      #menu .global-navi li.inq a { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/contact_button.jpg); }

  #menu p.cart {
    width: 170px;
    height: 78px;
    margin: 0px;
    float: right;
  }
    #menu p.cart a {
      display: block;
      width: 170px;
      height: 0px;
      padding-top: 78px;
      overflow: hidden;
      background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/cart_button.jpg);
      background-position: 0px 0px;
      background-repeat: no-repeat;
    }

/*====================================
	左
=====================================*/
#side {
  float: left;
  width: 208px;
  margin: 0px 0px 0px 0px;
}
  #largeLot { margin: 0 0 10px 7px;}

  /*-- カテゴリ -------------------------*/
  #side div.category h2 {
    width: 208px;
    height: 0px;
    padding: 51px 0px 0px 0px;
    overflow: hidden;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/category_title.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  #side div.category div {
    width: 180px;
    margin-left: 8px;
    padding: 0px 10px 10px 10px;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/category_bg2.gif?cmsp_timestamp=20190301182134);
    background-position: center bottom;
    background-repeat: no-repeat;
  }

  #side div.category dl,
  #side div.category ul.cat-parent {
    width: 180px;
    margin-left: 0px;
  }
    ul.cat-child {
      background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/subcategory_bg.jpg);
      background-repeat: repeat-y;
    }
      ul.cat-child li { border-bottom: dashed 1px #B68A54; }
      ul.cat-child li:last-child { border: none; }

    #side div.category dt.cat-parent a,
    #side div.category ul.cat-parent li a {
      display: block;
      width: 180px;
      height: 0px;
      padding-top: 64px;
      overflow: hidden;
      background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/category_button2.jpg);
      background-repeat: no-repeat;
    }

    ul.cat-child li a {
      display: block;
      padding: 10px;
    }
    #cat_crafttape a { background-position: 0px 0px; }
    #cat01 a { background-position: 0px -64px; }
    #cat02 a { background-position: 0px -128px; }
    #cat03 a { background-position: 0px -192px; }
    #cat04 a { background-position: 0px -256px; }
    #cat05 a { background-position: 0px -320px; }
    #cat06 a { background-position: 0px -448px; }

.accordion_head { cursor: pointer; }

/*---------------------------------------*/
div.manager {
  width: 207px;
  margin-top: 10px;
  margin-left: 1px;
}
  #side div.manager h2 {
    width: 207px;
    height: 0px;
    padding: 51px 0px 0px 0px;
    overflow: hidden;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/aisatsu_title.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  #side div.manager div {
    width: 160px;
    margin: 0px 0px 0px 7px;
    padding: 10px 20px 20px 20px;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/aisatsu_bg.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    line-height: 1.5;
  }

  #side div.manager img.photo {
    display: block;
    margin: 0px auto;
  }

  #side div.manager h3 {
    text-align: center;
    font-weight: bold;
    margin: 0.5em auto;
    color: #666600;
  }

  #side div.manager p.blog {
    width: 150px;
    height: 40px;
    margin: 10px auto;
  }
    #side div.manager p.blog a {
      display: block;
      width: 150px;
      height: 0px;
      padding-top: 40px;
      overflow: hidden;
      background: url(https://img17.shop-pro.jp/PA01152/752/etc/aisatsu_button.gif);
      background-repeat: no-repeat;
      background-position: 0px 0px;
    }
    #side div.manager p.blog a:hover {
      background-repeat: no-repeat;
      background-position: 0px -40px;
    }

/*---------------------------------------*/
#submenu {
  width: 208px;
  margin-top: 10px;
}
  #submenu h2 {
    width: 208px;
    height: 0px;
    padding: 51px 0px 0px 0px;
    overflow: hidden;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/contents_title.gif);
    background-position: -1px 0px;
    background-repeat: no-repeat;
  }

  #submenu ul {
    width: 180px;
    margin: 0px 0px 0px 8px;
    padding: 0px 10px 10px 10px;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/contents_bg.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
  }
    #submenu ul li {
      width: 180px;
      margin: 0px;
      padding: 0px;
      border-bottom: dashed 1px #CCCCCC;
    }
      #submenu ul li a {
        display: block;
        margin: 0px;
        padding: 10px;
      }

/*====================================
右
=====================================*/
#column-right {
  float: right;
  width: 170px;
  margin: 0px 0px 20px 0px;
}

#cart h2 {
  width: 170px;
  height: 0px;
  padding: 51px 0px 0px 0px;
  overflow: hidden;
  background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/cart_title.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

#cart ul,
#cart p {
  width: 140px;
  padding: 10px 15px 20px 15px;
  background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/cart_bg.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}
  #cart ul li {
    line-height: 1.5;
    padding: 4px 0px;
    border-bottom: 1px dotted #ffffff;
  }
    #cart ul li a { text-decoration: none; }
    #cart ul li a:hover { text-decoration: underline; }

    #cart ul li span { font-size: 10px; }

/*-----------------------------------*/
#ranking { margin-top: 15px; }
  #ranking h2 {
    width: 170px;
    height: 0px;
    padding: 54px 0px 0px 0px;
    overflow: hidden;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/rank_title.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  #ranking ul li {
    width: 170px;
    margin-top: 10px;
    padding: 0px 0px 10px 0px;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/rank_bg.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
  }

  #ranking h3.num {
    width: 170px;
    height: 0px;
    padding-top: 27px;
    overflow: hidden;
    margin: 0px auto 1.0em auto;
    background-position: center top;
    background-repeat: no-repeat;
  }
  #ranking ul li.no1 h3 { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/rank_1st.jpg); }
  #ranking ul li.no2 h3 { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/rank_2nd.jpg); }
  #ranking ul li.no3 h3 { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/rank_3rd.jpg); }
  #ranking ul li.no4 h3 { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/rank_4th.jpg); }
  #ranking ul li.no5 h3 { background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/rank_5th.jpg); }

  #ranking p.img {
    width: 100px;
    margin: 0px auto;
    background-color: #FFFFFF;
    overflow: hidden;
    display: block;
  }

  #ranking p.none {
    width: 100px;
    height: 66px;
    margin: 0px auto;
  }
    #ranking p.none a {
      display: block;
      width: 100px;
      height: 0px;
      padding-top: 66px;
      overflow: hidden;
      background-image: url(https://img11.shop-pro.jp/PA01145/695/etc/rank_nophoto.gif);
      background-repeat: no-repeat;
      margin: 0px auto;
    }

  #ranking p.name {
    width: 150px;
    line-height: 1.5;
    margin: 0.5em auto 0px auto;
  }

  #ranking p.price {
    width: 150px;
    color: #666666;
    margin: 0.5em auto 0px auto;
    font-size: 1.2em;
    text-align: right;
    font-weight: bold;
  }

  #ranking p.soldout { font-weight: bold; }

/*-----------------------------------*/
#QRcode { margin-top: 15px; }
  #QRcode h2 {
    width: 170px;
    height: 0px;
    padding: 51px 0px 0px 0px;
    overflow: hidden;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/qr_title.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }

  #QRcode p {
    padding: 0px 10px 10px 10px;
    background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/qr_bg.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
  }

  #QRcode img {
    display: block;
    margin: 0px auto;
    padding: 0px;
  }

#attention {
  line-height: 150%;
  margin-top: 10px;
  width: 148px;
  height: auto;
  padding: 10px;
  border: solid 2px #FF0000;
}

/*====================================
中央・右
=====================================*/
#viewport {
  width: 540px;
  padding: 20px;
  margin: 20px auto;
  background-color: #fff;
  overflow: hidden;
  zoom: 1;
}

#contents {
  width: 730px;
  float: right;
  margin: 0px 0px 20px;
}

#inn-box {
  float: left;
  width: 540px;
}

/*====================================
フッタ
=====================================*/
#footer {
  margin: 0px auto;
  padding: 0px 0px 20px;
  background-color: #BA9800;
  color: #ffffff;
}
  #footer a { color: #FFF; }

  #footer p.copyright {
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
  }

  #footer p.credit {
    font-size: 10px;
    color: #708642;
    text-align: right;
    margin: 0px auto;
    width: 976px;
  }
    #footer p.credit a { color: #708642; }

  #footer ul.footernavi {
    line-height: 80px;
    text-align: center;
  }
    #footer ul.footernavi li {
      display: inline;
      margin: 6px;
    }

/*============================================================
clearfix
============================================================*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom: 1; }

/*============================================================
footer_box
============================================================*/
.box_footer {
  width: 540px;
  height: 38px;
  margin: 0 auto;
  background: #FFFFFF;
  padding: 5px;
  border: dotted 2px #8a7c24;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*============================================================
お知らせ用
============================================================*/
.box_info {
  width: 945px;
  border: 1px solid #FF0000;
  color: #FF0000;
  margin: 0 auto;
  margin-top: 10px;
  padding: 10px;
}