/* ************************************************ 
 *  共通設定
 * ************************************************ */

/* =====================================
 *     Page layout
 * ===================================== */

* {
  margin: 0;
  padding: 0;
}

body {
  background: url(https://img20.shop-pro.jp/PA01300/326/etc/bg_body.png?20540826) repeat;
  color: #333333;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo, Sans-serif;
  text-align: center;
  line-height: 1.6;
}

img, span {
  vertical-align: top;
}

.align-center {
  text-align: center;
}

/* -------------------------------------
 *     clearfix
 * ------------------------------------- */

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}


/* -------------------------------------
 *     main
 * ------------------------------------- */

#main {
  width: 645px;
  float: right;
}

#main #pankuzu {
  margin-bottom: 10px;
}

/* -------------------------------------
 *     header
 * ------------------------------------- */

#header {
  background: url(https://img20.shop-pro.jp/PA01300/326/etc/bg_header.png?2088) left bottom repeat-x;
  height: 201px;
  padding: 0px;
}

#header_inner {
  background: url(https://img20.shop-pro.jp/PA01300/326/etc/bg_header_inner.jpg?2088) right top no-repeat;
  position: relative;
  width: 880px;
  height: 201px;
  margin: 0px auto;
}

#header h1.logo {
  background: url(https://img20.shop-pro.jp/PA01300/326/etc/im_header_logo.jpg?cmsp_timestamp=20190402172655) left bottom no-repeat;
  float: none;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  font-size: 1px;
  margin-bottom: 0px;
  width: 172px;
  height: 159px;
  text-indent: -9999px;
}

#header h1.logo a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 172px;
  height: 159px;
}

#header div.header_link {
  float: none;
  position: absolute;
  top: 10px;
  right: 0px;
  margin-bottom: 0px;
  width: 709px;
  height: 50px;
}

#header div.header_link ul {
  position: relative;
}

#header div.header_link ul li {
  display: block;
  position: absolute;
  top: 0px;
  float: none;
  margin: 0px;
  padding: 0px;
}

#header div.header_link ul li a {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 29px;
}

#header div.header_link ul li.h-company {
  left: 172px;
  width: 87px;
}

#header div.header_link ul li.h-inq {
  left: 259px;
  width: 108px;
}

#header div.header_link ul li.h-tokutei {
  left: 367px;
  width: 199px;
}

#header div.header_link ul li.h-privacy {
  left: 566px;
  width: 137px;
}

.header-img {
  position: absolute;
  top: 56px;
  left: 172px;
}

#header_link_area {
  clear: both;
  position: absolute;
  top: 159px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: url(https://img20.shop-pro.jp/PA01300/326/etc/bg_header_link_area.png?2123) left bottom repeat-x;
  width: 100%;
  height: 42px;
}

#header_link_area li {
  position: absolute;
  list-style: none;
}

#header_link_area li a {
  display: block;
  height: 42px;
}

#header_link_area li.h-home {
  position: absolute;
  top: 0px;
  left: 0px;
}

#header_link_area li.h-cart {
  position: absolute;
  top: 0px;
  right: 0px;
}

#header div.header_link ul li a:hover,
#header_link_area li a:hover {
  opacity: 0.6;
}

#container {
  background-color: #FFFFFF;
  width: 861px;
  margin: 0px auto;
  padding: 10px;
  text-align: left;
}


/* -------------------------------------
 *     side
 * ------------------------------------- */

#side {
  width: 201px;
  float: left;
}

#side h3 {
  font-size: 14px;
}

#box_ranking {
  background: url(https://img20.shop-pro.jp/PA01300/326/etc/bg_side_ranking.jpg?2111) left bottom no-repeat;
  padding-bottom: 3px;
}

#side #box_ranking ul {
  padding: 0px 10px;
}

#side #box_ranking li {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-bottom: 3px;
  padding-left: 20px;
  font-size: 10px;
}

#side #box_ranking li.ranking-list-link-01 {
  background-image: url(https://img20.shop-pro.jp/PA01300/326/etc/mr_side_ranking_01.png?2099);
  font-weight: bold;
}

#side #box_ranking li.ranking-list-link-02 {
  background-image: url(https://img20.shop-pro.jp/PA01300/326/etc/mr_side_ranking_02.png?2137);
  font-weight: bold;
}

#side #box_ranking li.ranking-list-link-03 {
  background-image: url(https://img20.shop-pro.jp/PA01300/326/etc/mr_side_ranking_03.png?2104);
  font-weight: bold;
}

#side #box_ranking li.ranking-list-link-04 {
  background-image: url(https://img20.shop-pro.jp/PA01300/326/etc/mr_side_ranking_04.png?2132);
}

#side #box_ranking li.ranking-list-link-05 {
  background-image: url(https://img20.shop-pro.jp/PA01300/326/etc/mr_side_ranking_05.png?2105);
}

#box_category ul {
  margin: 0px 0px 0px;
  padding: 0px;
}

#side ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#box_category ul li a {
  background: url(https://img20.shop-pro.jp/PA01300/326/etc/mr_side_01.png?2119) 10px 14px no-repeat;
  display: block;
  margin: 0px;
  padding: 7px 0px 7px 25px;
  font-size: 14px;
  border-bottom: #DDDDDD solid 1px;
}

#box_members h3 div {
  text-align: center;
  line-height: 1.2em;
  padding: 8px 10px;
  border: 3px solid #D3CC7C;
  background-color: #E6E1A1;
}

#box_members h3 div span {
  font-size: 10px;
  font-weight: normal;
}

#banner-area {
  margin: 15px 0px 0px;
  padding: 15px 0px 0px;
  border-top: #CCCCCC dotted 1px;
}

#banner-area ul li {
  margin-bottom: 10px;
}

#company-info-area h3 a {
  color: #000000;
}

#company-info-area {
  padding: 10px;
  font-size: 12px;
}

#company-info-area span {
  margin-top: 8px;
  display: block;
}

#caution-info-area {
    padding: 10px;
  	margin-top:25px;
	border:solid 2px #dfe6d2;
    font-size: 12px;
}

#caution-info-area ul {
  margin-left:20px;
}

#caution-info-area li {
    list-style:disc !important;
}


/* 打消し記述 */
#side div.box h3 {
  margin: 10px 0 5px;
  padding: 0px;
  background: transparent;
}

#side div.box ul {
  margin-left: 0px;
}

#side div.box ul li {
  margin-bottom: 0px;
}

#side div.box {
  clear: both;
  margin-bottom: 10px;
}


/* -------------------------------------
 *     footer
 * ------------------------------------- */

#footer {
  padding: 15px 0 40px;
  width: 100%;
  clear: both;
  color: #666;
  text-align: center;
  border-top: none;
  font-size: 12px;
}



/* =====================================
 *     個別パーツ
 * ===================================== */


/* -------------------------------------
 *     Link
 * ------------------------------------- */

a {
  color: #333333;
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

/* -------------------------------------
 *     商品オプション 表形式
 * ------------------------------------- */

#option_tbl {
  border-collapse:collapse;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}
#option_tbl th{
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}
#option_tbl td {
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}


/* -------------------------------------
 *     カートJS フォーム
 * ------------------------------------- */

.cartjs_box {
  width: 596px;
  margin-top: 20px;
  margin-left: 23px;
}

.cartjs_box form {
  border: #E3E3E3 solid 2px;
  padding: 10px 20px 10px;
}

.cartjs_box form table {
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
}

.cartjs_box form table th,
.cartjs_box form table td {
  border-bottom: #666666 dotted 1px;
  height: 35px;
  vertical-align: middle;
}

.cartjs_box form table th {
  width: 140px;
}

.cartjs_box form .cartjs_cart_in,
.cartjs_box form .cartjs_sk_link_other {
  text-align: right;
}

.cartjs_box form .cartjs_cart_in input {
  width: 250px;
  background-color: #901313;
  color: #FFFFFF;
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 15px 0px;
  border: none;
}

.cartjs_box form .cartjs_cart_in input:hover {
  background-color: #ff9999;
}