/* ▼デフォルト設定 */
html, body { height: 100%; }
body {
  position:relative;
  margin: 0;
  padding: 0;
  color: #3A3A3A;
  font-size: 16px;
  line-height: 1.6;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
}

.clear:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

a:link {
  color: #0099aa;
  text-decoration: underline;
}

a:visited {
  color: #0099aa;
  text-decoration: underline;
}


/* ▼共通パーツ */
/* 商品リスト、同グループ、新商品一覧に使用 */
.items-box a:link {
  color: #0099aa;
  text-decoration: underline;
}

.items-box a:hover {
  color: #66cccc;
  text-decoration: underline;
}

.items-box a:visited {
  color: #0099aa;
  text-decoration: underline;
}

.items-group li a:hover {
  color: #66cccc;
  text-decoration: underline;
}

#items-group {
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  list-style: none;
  font-size: 0;
}

#items-group p {
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px;
  line-height: 1.2 !important;
}

#items-group img {

}

.items-box {
  width: 23%;
  vertical-align: top;
  word-break: break-all; /* ボックス内改行 */
  word-wrap: break-word; /* ボックス内改行 */
  display: inline-block;
  /display: inline; /* IE7対策 */
  /zoom: 1; /* IE7対策 */
  margin: 1%;
  padding: 0px 0px 0.25% 0px;
  text-align: center;
}

/* カレンダー設定 */
.table.calbase_rakuten {
  width: 210px !important;
}
table.calframe_rakuten {
  width: 188px !important;
}


/* ▼ヘッダーコンテンツ */
#header-frame {
  width: 1032px;
  padding-top: 50px;
  padding-bottom: 15px;
  margin-right: 2px; /* メインコンテンツ（中央）のサイドに2pxの空白が入るため対処 */
}

/* float横並びの場合、親要素がなくなるためその対策 */
#top-menu {
  border-bottom: 1px solid #D9D9D9;
  overflow: hidden;
  margin-bottom: 45px;
  padding-bottom: 18px;
}
#top-menu:before,
#top-menu:after {
  content: "";
  display: table;
}

#top-menu:after {
  clear: both;
}

/* IE6/7対策 */
.top-menu {
  zoom: 1;
}

.search {
  width: 45%;
  float: left;
}

.search form {
  margin: 0px;
  padding: 0px;
}

.search .text {
  margin: 0;
  width: 188px;
  height: 40px;
  border: 1px solid #D9D9D9;
  text-indent: 10px;
  color: #333;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  border-right-width: 0;
  /* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2) inset; */
  font-size: 93%;
}

.search .button {
  margin: 0;
  height: 40px;
  border: 1px solid #D9D9D9;
  width: 46px;
  margin-left: -9px;
  background-color: rgba(0, 0, 0, 0.2);
  background: url(https://www.rakuten.ne.jp/gold/cdf-store/cabinet/img/search.png) no-repeat center;
  color: #333;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  border-left-width: 0;
  vertical-align: bottom;
}

.shopping-link {
  width: 55%;
  float: left;
  margin-top: 12px;
}

.shopping-link ul {
  padding: 8px 0px 0px 0px;
  margin: 0px;
  width: 100%;
  display: inline-block;
}

.shopping-link ul li {
  list-style-type: none;
  font-size: 85.5%;
  line-height: 1.3;
  float: left;
  padding: 0 10px 0;
  white-space: nowrap;
}



/* ▼レフトナビゲーション */
.side-category {
  width: 208px;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9;
  margin-bottom: 20px;
}

.side-frame-title {
  width: 208px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #D9D9D9;
  margin-top: 10px;
  padding: 12px 0 8px 0;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: #5A5454;
}

.side-frame {
  width: 191px;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9;
  padding: 6px 9px 10px 8px;
}

/* カテゴリーメニュー */
#side-menu {
  width: 208px;
  padding: 0 0 0 17px;
}

#side-menu li {
line-height: 1.3;
padding: 3px 0px;
font-size: 87.5%;
list-style-type: none;
}

/* 人気ランキング */

#ranking ol {
  list-style-type: none !important;
  padding: 0px !important;
  font-size: 87.5% !important;
  margin: 15px 0px 5px 7px !important;
}

#ranking li {
  padding: 10px 0px 0px;
}

#ranking li.fst {
  padding: 0px;
}

#ranking dl {
  margin-bottom: 2px;
 padding: 0px;
 list-style: outside none none;
}

#ranking dt {
  position: relative;
  float: left;
  width: 40px;
  font-weight: bold;
}

#ranking dd {
  padding: 0px 0px 10px 10px;
  line-height: 1.4;
}

#ranking dd img {
  margin-right: 3px;
  padding-bottom: 2px;
}

#ranking dd b {
  margin-right: 3px;
  color: #333;
}

.bottom_update {
  font-size: 75%;
  text-align: right;
}

.bottom_update p {
  color: #333;
  padding: 0px 9px 1px 0px;
  margin: 0px;
}

#side-ranking {
  padding-bottom: 15px;
  margin-bottom: 20px;
}

/* おすすめ商品 */
#side-osusume {
  margin-bottom: 20px;
}

#side-osusume dl {
    margin-bottom: 8px;
}

#side-osusume dt {
  margin-top: 10px;
  text-align: center;
}

#side-osusume dd {
  line-height: 1.3;
  margin: 0;
  font-size: 87.5%;
  padding: 0 0 0 10px;
}

#side-osusume dd p {
  margin: 0px 0px 5px;
}

/* ▼トップページ */
/* aリンク設定 */
.frame a:link {
  color: #0099aa;
  text-decoration: underline;
}

.frame a:hover {
  color: #66cccc;
  text-decoration: underline;
}

.frame a:visited {
  color: #0099aa;
  text-decoration: underline;
}

.frame dd a:hover {
  color: #66cccc;
  text-decoration: underline;
}

/* トップバナー */
.top-banner {
  margin: 0;
  position: relative;
}

.top-banner-text {
  position: absolute;
  background-image: url(https://www.rakuten.ne.jp/gold/cdf-store/cabinet/img/alpha_h50.png);
  padding: 20px 0 0;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  height: 30px;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

/* 新着情報 */
.frame-title {
  width: auto;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #D9D9D9;
  margin-top: 20px;
  padding: 12px 0 10px 14px;

  font-size: 135% !important;
  font-weight: bold;
  line-height: 1.1;
  color: #5A5454;
}

.frame-information {
  width: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #D9D9D9;
  margin-bottom: 0px;
  padding: 7px 8px 10px 12px;
}

.frame-information dl {
  margin: 20px;
}

.frame-information dt {
  float: left;
  clear: left;
  width: 93px;
}

.frame-information dd {
  margin-left: 10px;
}

.frame-information dd p {
  margin-left: 80px;
}
/* ▼カテゴリーページ */
#risFil .risfHeadFootWrap {
  width: 800px; /* 楽天パーツ カテゴリー並び替えBOXの横幅修正 */
  padding-bottom: 1px;
}

#risFil {
  width: 802px !important; /* 楽天パーツ 商品一覧横幅修正 */
}

#risFil .risfFootWrap {
  width: 774px;  /* 楽天パーツ ページ推移BOXの横幅修正 */
}

#risFil + br {
  display: none;
}



/* ▼商品ページ */
/* メインコンテンツの幅設定と兼用 */
.big-image {
  width: 800px;
  text-align: center;
  font-size: 100%;
}
.big-image img {
  margin-bottom: 4px;
}

.sale_desc {
  font-size: 87.5% !important;
}


/* パンくずリスト */
td.sdtext {
  font-size: 87.5% !important;
  line-height: 1.6;
}
td.sdtext a:link {
  color: #09A;
}

.pdt-caption {
}

.pdt-caption-title {
  font-size: 125% !important;
  font-weight: bold;
  color: #ff9000;
}

.pdt-title {
  font-size: 135% !important;
  font-weight: bold;
  color: #5A5454;
  margin: 30px 0px 4px 0px;
}

/* 下記spec-titleはpdt-titleへ統合後、削除OK */
.spec-title {
  font-size: 135% !important;
  font-weight: bold !important;
  color: #5A5454 !important;
  margin: 30px 0px 4px 0px !important;
  line-height: 1.6 !important;
}

.pdt-line {
  margin: 0px 0px 12px 0px;
  height: 1px;
  border-width: 1px medium medium;
  border-style: solid none none;
  border-color: #DDD;
  -moz-use-text-color -moz-use-text-color;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
}

.pdt-line-bottom {
  margin: 12px 0px 30px 0px;
  height: 1px;
  border-width: 1px medium medium;
  border-style: solid none none;
  border-color: #DDD;
  -moz-use-text-color -moz-use-text-color;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
}

/* 楽天管轄写真の余白0へ */

.rakutenLimitedId_ImageMain1-3 + br {
  line-height: 13px;
}

.rakutenLimitedId_ImageMain1-3 + br + br {
  display: none;
}

/* 楽天管轄写真、買い物かご付近 */
.catch_copy {
  font-size: 89% !important;
  display:block;
}

.item_name {
  font-size: 135% !important;
  line-height: 1.4 !important;
}

.price2, .price1 {
  font-size: 175% !important;
  color: #B12704 !important;
  white-space: nowrap !important;
}

.item_number_title, .item_number, .tax_postage, .tax_postage {
  font-size: 89% !important;
}

/* ▼フッターコンテンツ */
/* バナー部分 */
#footer-banner-box-group {
  width: 1032px;
  margin-top: 10px;
  margin-right: 2px; /* メインコンテンツ（中央）のサイドに2pxの空白が入るため対処 */
  padding: 0;
  list-style: none;
}

.footer-banner-box {
  width: 32.6%;
  text-align: center;
  display: inline-block;
  /display: inline; /* IE7対策 */
  /zoom: 1; /* IE7対策 */
  margin: 0.6% 1.1% 0 0;
  font-size: 87.5%;
}

.footer-banner-box-end {
  margin: 0%;
}

/* インフォメーション */
#footer-info-box-group {
  width: 1032px;
  margin: 12px 0px 0px 0px;
  margin-right: 2px; /* メインコンテンツ（中央）のサイドに2pxの空白が入るため対処 */
  padding: 0;
  list-style: none;
  font-size: 0;
}

.footer-info-box {
  width: 280px;
  height: 140px;
  vertical-align: top;
  word-break: break-all; /* ボックス内改行 */
  word-wrap: break-word; /* ボックス内改行 */
  display: inline-block;
  /display: inline; /* IE7対策 */
  /zoom: 1; /* IE7対策 */
  margin: 0 12px 12px 0;
  padding: 18px 27px;
  background-color: #F8F8F8;
  border: 1px solid #EBEBEB; /* ボーダーが%指定不可のため、他の領域もpx指定に */
  font-size: 14px;
}

.footer-info-box-end {
  margin: 0 0 12px 0;
}

.footer-info-box-title {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  line-height: 0;
}

/* フッターリンクメニュー */
#footer-menu {
  width: 970px;
  margin: 0 0 6px 0;
  padding: 11px 30px 30px 30px;
  font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;
  background-color: #F8F8F8;
  border: 1px solid #EBEBEB;
  font-size: 14px;
}

#footer-menu p {
  font-weight: bold;
  line-height: 0;
  margin: 32px 0 13px 0;
  font-size: 18px;
}

#footer-menu ul {
  width: 100%;
  padding: 0;
  list-style: none;
  font-size: 14px;
}

#footer-menu ul li {
  word-break: break-all;
  word-wrap: break-word;
  display: inline;
  margin-right: 12px;
}

.copy-right {
  width: 100%;
  font-size: 64%;
  color: #999;
}