@charset "UTF-8";
.products {
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ccc;
  padding: 30px 10px 20px;
}

.products_col {
  width: 420px;
  -ms-flex-order: 2;
      order: 2;
  padding: 0 0 0 35px;
}

.products_image {
  width: 320px;
  -ms-flex-order: 1;
      order: 1;
  padding: 0 0 0 0;
}

.products_image .thickbox {
  display: block;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 320px;
  height: 320px;
  text-align: center;
}

.products_image .thickbox img {
  max-height: 100%;
}

.products_hdg-l1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
  border-top: 4px solid #454545;
  padding: 25px 0 0;
}

.products_hdg-l2 {
  margin: 30px 0 0;
  font-size: 16px;
  background-color: #454545;
  color: #fff;
  padding: 4px 12px;
}

.products_hdg-l2.branch {
  background-color: #f99635;
}

.products_label {
  margin: 2px 0 0;
  display: inline-block;
  text-align: left;
  font-size: 12px;
  background-color: #a18d88;
  color: #fff;
  padding: 1px 5px;
  font-weight: normal;
}

.products_price {
  margin: 10px 0 0;
  color: #f99635;
}

.products_price span {
  font-size: 20px;
}

.products_price strike {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  color: #808080;
}

.products_price strike span {
  font-size: 16px;
}

.products_lead {
  margin-top: 20px;
  padding: 10px 0 0;
  border-top: 1px solid #c1c1b6;
  font-size: 16px;
}

#detailTwo {
  background-color: #f1f1df;
  padding: 15px 20px;
  margin: 10px;
}

.list-image > li:hover .variation-popup {
  display: block;
}

.variation-popup {
  display: none;
  margin: 0;
  padding: 6px;
  border: 3px solid #f2f2f2;
  background: #fff;
  z-index: 99;
  position: absolute;
  top: 0;
  right: -80px;
  width: 80px;
}

.variation-popup > li {
  list-style: none;
}

.variation-popup a {
  display: block;
}

.variation-popup a img {
  border: 1px solid #fff;
}

.variation-popup a:hover img, .variation-popup a:active img, .variation-popup a:focus img {
  border: 1px solid #ccc;
}

.AddFavoriteList {
  float: left;
  margin: 15px 5px 0 20px;
}

.AddFavoriteList .btn {
  padding: 8px 18px;
}

.products_contact {
  float: right;
  margin: 15px 20px 0 0;
}

/*==============================================================================================
 商品系コンテンツラッパー
==============================================================================================*/
/*==============================================================================================
 * 各タグを初期化
==============================================================================================*/
#dvProductBox select {
  background-color: #fff;
}

/*==============================================================================================
 商品一覧左ラッパー領域
==============================================================================================*/
/*----------------------------------------------------------------------------------------------
 商品タイムセールス一覧ページコンテンツ領域(dvProductContents内)
----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------
 商品一覧ページコンテンツ領域(dvProductContents内)
----------------------------------------------------------------------------------------------*/
/* SNSボタン */
.snsList {
  margin: 10px 0;
  position: relative;
}

.snsList:after {
  content: "";
  display: block;
  clear: both;
}

.snsList li {
  float: left;
  padding: 0px 2px;
}

/* 子カテゴリーリスト */
.productCategoryChilds {
  margin: 5px 10px;
  position: relative;
}

.productCategoryChilds span {
  padding: 0px 0px 0px 0px;
}

#sortBox:after {
  content: "";
  display: block;
  clear: both;
  background: #454545;
  padding: 10px 10px 0;
}

#sortBox .title {
  margin: 9px 10px 0 0;
  float: left;
}

#sortBox ul {
  margin: 0;
  float: left;
}

#sortBox ul:after {
  content: "";
  display: block;
  clear: both;
}

#sortBox ul li {
  list-style: none;
  float: left;
  border-left: 1px solid #fff;
}

#sortBox ul li.active {
  color: #fff;
  line-height: normal;
  background-color: #454545;
  padding: 5px 10px;
}

#sortBox ul li a {
  display: block;
  background-color: #ebebeb;
  line-height: normal;
  padding: 5px 10px;
  text-decoration: none;
  color: #454545;
}

#sortBox ul li a:hover {
  background-color: #dadada;
}

/*========================================
 商品リストエリア
=========================================*/
.pager, .pager2 {
  margin: 0px 10px;
  display: block;
  border-style: solid;
  border-color: #ccc;
  border-width: 0px;
}

.pager {
  padding-bottom: 2px;
  border-bottom: solid 1px #ccc;
}

.pager2 {
  margin: 2px 10px 15px 10px;
}

/*----------------------------------------
 ウインドウショッピング
-----------------------------------------*/
.windowColumn {
  border-bottom: solid 1px #ccc;
}

#dvProductListArea ul li.windowShopping {
  width: 155px;
  margin: 8px 2px 0px 2px;
  padding: 0px;
  float: left;
}

#dvProductListArea ul li.windowShopping li.wsPhoto {
  text-align: center;
  margin: 0;
  padding: 0;
}

#dvProductListArea ul li.windowShopping li.wsPhoto img {
  margin: 0;
}

#dvProductListArea ul li.windowShopping li.wsName {
  padding: 0px 3px 2px 3px;
}

#dvProductListArea ul li.windowShopping li.wsPrice {
  padding: 0px 3px 5px 3px;
}

#dvProductListArea ul li.windowShopping li {
  text-align: center;
}

/* バリエーション選択カート投入一覧 */
#divProductListMultiVariation {
  margin-top: 15px;
}

#divProductListMultiVariation table {
  width: 100%;
  font-size: 93%;
  border-top: 1px solid #E1E1E1;
  border-right: 1px solid #E1E1E1;
}

#divProductListMultiVariation table td {
  padding: 5px 7px;
  border-bottom: 1px solid #E1E1E1;
  border-left: 1px solid #E1E1E1;
  line-height: normal;
  vertical-align: middle;
}

#divProductListMultiVariation table th {
  padding: 5px 7px;
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  line-height: normal;
  font-weight: normal;
  background-color: #ECECEC;
}

#divProductListMultiVariation table td p {
  line-height: 1.5;
}

#divProductListMultiVariation table td strike {
  color: #f00;
}

#divProductListMultiVariation .btnClose {
  text-align: center;
  margin: 10px;
}

/*----------------------------------------
 闇市
-----------------------------------------*/
.divClosedmarketLogin {
  text-align: center;
}

.divClosedmarketLogin .password {
  padding: 5px;
}

/*==============================================================================================
 商品詳細コンテンツラッパー領域
==============================================================================================*/
#dvProductDetail {
  width: 510px;
  float: right;
  padding: 0;
  margin: 0;
  background: url(../Contents/ImagesPkg/center_bg.jpg) top left repeat-y;
}

#dvProductDetailTop {
  background: url(../Contents/ImagesPkg/center_bg_t.jpg) top left no-repeat;
  padding-top: 10px;
}

#dvProductDetailBottom {
  background: url(../Contents/ImagesPkg/center_bg_btm.jpg) bottom left no-repeat;
  padding-bottom: 10px;
}

* html #dvProductDetailBottom {
  height: 100%;
}

/*for IE5\*/
#dvProductDetailArea #dvProductSubInfo {
  margin-top: 3px;
}

#dvProductDetailArea #dvProductSubInfo .productDetailId {
  float: left;
}

#dvProductDetailArea #dvProductSubInfo .icon {
  float: right;
}

#dvProductDetailArea h2 {
  font-size: 123.1%;
  margin-bottom: 5px;
}

#dvProductDetailArea .icon {
  margin-bottom: 10px;
}

#dvProductDetailArea .icon img {
  height: 25px;
}

#dvProductDetailArea .wrapProductPrice {
  margin: 10px 0;
}

#dvProductDetailArea .wrapProductPrice p {
  line-height: 1.5;
}

#dvProductDetailArea .wrapProductPrice p strike {
  color: #f00;
}

#dvProductDetailArea .description {
  margin: 10px 0;
}

#dvProductDetailArea .description * {
  line-height: 1.5;
}

#dvProductDetailArea #detailImage {
  width: 375px;
  float: left;
}

#dvProductDetailArea #detailImage .mainImage #zoomPicture {
  width: 370px;
  height: 370px;
  /*border: 1px solid #ccc;*/
}

/* 在庫切れ */
#dvProductDetailArea #detailImage .mainImage .soldout {
  color: #fff;
  word-wrap: normal;
  display: block;
  position: absolute;
  top: 370px;
  text-align: center;
  width: 370px;
  height: 35px;
  line-height: 35px;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#dvProductDetailArea #detailImage .btnListContact li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  width: 49.5%;
  margin-top: 1px;
}

#dvProductDetailArea #detailImage .btnListContact li:first-child {
  margin-right: 1px;
}

#dvProductDetailArea #detailImage .btnListContact li a {
  display: block;
  padding: 10px 0;
  background-color: #e1e1e1;
  color: #000;
  font-size: 12px;
  text-decoration: none;
}

#dvProductDetailArea #detailImage .btnListContact li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#dvProductDetailArea #detailOne .wrapDetailImage .unit {
  clear: both;
  margin-bottom: 10px;
}

.variation_hdg {
  text-align: center;
  color: #fff;
  background-color: #a19476;
  font-size: 12px;
  font-weight: normal;
  padding: 2px 0;
  margin: 20px 0 0;
  line-height: 1.6 !important;
}

#dvProductDetailArea #detailOne .wrapDetailImage .btnDetailpopUp {
  clear: both;
  padding: 10px 0;
}

.variationImage:after,
.variationImage2:after {
  content: "";
  display: block;
  clear: both;
}

.variationImage > li,
.variationImage2 > li {
  height: 60px;
  width: 60px;
  float: left;
  margin: 0 0 5px 5px;
  list-style: none;
  border: 1px solid #ccc;
  overflow: hidden;
}

.variationImage2 > li {
  height: 48px;
  width: 48px;
  margin: 0 0 4px 4px;
}

.variationImage > li:hover,
.variationImage2 > li:hover {
  cursor: pointer;
  border: 2px solid #454545;
}

.variationImage > li:nth-child(6n+1) {
  margin-left: 0;
  clear: both;
}

.variationImage2 > li:nth-child(2n+1) {
  margin-left: 0;
  clear: both;
}

.variationImage > li img,
.variationImage2 > li img {
  width: 58px;
  overflow: hidden;
  transition: opacity 0.3s ease;
  -webkit-transform: translateZ(0px);
  max-width: none !important;
}

.variationImage2 > li img {
  width: 46px;
}

.variationImage > li:hover img,
.variationImage2 > li:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  margin: -1px;
}

.subImage:after,
.subImage2:after {
  content: "";
  display: block;
  clear: both;
}

.subImage > li,
.subImage2 > li {
  border: 1px solid #ccc;
  margin: 0 0 10px 20px;
  height: 65px;
  width: 65px;
  float: left;
  background-color: #fff;
  list-style: none;
  color: #5c7f49;
  overflow: hidden;
}

.subImage2 > li {
  height: 48px;
  width: 48px;
  margin: 0 0 4px 4px;
}

.subImage > li img,
.subImage2 > li img {
  transition: opacity 0.3s ease;
  width: 64px;
  -webkit-transform: translateZ(0px);
  overflow: hidden;
  max-width: none !important;
}

.subImage2 > li img {
  width: 46px;
}

.subImage > li:nth-child(4n+1) {
  margin: 0 0 10px 0;
  clear: both;
}

.subImage2 > li:nth-child(2n+1) {
  margin: 0 0 4px 0;
  clear: both;
}

.subImage > li:hover {
  border: 5px solid #454545;
  cursor: pointer;
}

.subImage2 > li:hover {
  border: 2px solid #454545;
  cursor: pointer;
}

.subImage > li:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  margin: -4px;
}

.subImage2 > li:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  margin: -1px;
}

#dvProductDetailArea #detailOne {
  width: 395px;
  float: right;
  padding-top: 5px;
}

/* 販売価格 */
#detailOne .productSellInfo {
  clear: both;
  border: solid 1px #ccc;
  padding: 10px;
  margin: 10px 0;
  background-color: #fafafa;
}

#detailOne .productSellInfo p {
  margin: 5px 0;
}

#detailOne .productSellInfo .productStock {
  background: url("../Contents/ImagesPkg/arwR.png") no-repeat left 2px;
  padding-left: 18px;
  line-height: 1;
}

#detailOne .productSellInfo .productStock a {
  text-decoration: underline;
}

#detailOne .productSellInfo .productStock a:hover {
  text-decoration: none;
}

#detailOne .productSellInfo .productPrice {
  font-size: 116%;
}

#detailOne .productPrice span {
  font-weight: bold;
  color: #000;
  padding: 0px 3px;
}

#detailOne .productPoint {
  padding: 0px;
  margin: 0;
}

#detailOne .productSellInfo table {
  width: 100%;
  font-size: 93%;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

#detailOne .productSellInfo table th {
  padding: 5px 7px;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background-color: #ececec;
  line-height: normal;
  font-weight: normal;
}

#detailOne .productSellInfo table td {
  padding: 5px 7px;
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  line-height: normal;
  vertical-align: middle;
  font-size: 15px;
}

#detailOne .productSellInfo table td .radioBtn {
  display: block;
}

.selectValiation {
  margin: 10px 0;
}

.selectValiation select {
  width: 100%;
  font-size: 14px;
  padding: 0;
  border: 1px solid #ccc;
}

.productStock {
  padding: 2px;
}

.productCart {
  margin: 10px 0;
}

.addCart p {
  padding: 3px 0;
}

.addCart p a {
  text-decoration: none !important;
}

/* 在庫一覧 */
#dvProductDetailArea #dvProductStock {
  margin: 10px 0 30px 0;
}

#dvProductStock img {
  border: none;
}

#dvProductStock table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
}

#dvProductStock #divSingleVariation table * {
  text-align: left;
}

#dvProductStock #divPluralVariation table * {
  text-align: center;
}

#dvProductStock table th {
  font-weight: normal;
  background-color: #ececec;
}

#dvProductStock table th,
#dvProductStock table td {
  border: solid 1px #e1e1e1;
  padding: 10px;
}

#dvProductStock .btnClose {
  text-align: center;
  margin: 10px;
}

/* バリエーション選択カート投入一覧 */
.products_variation {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-left: solid 1px #ccc;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  font-size: 13px;
  background-color: #fff;
  margin: 10px 0 0;
}

.products_variation th,
.products_variation td {
  border-bottom: solid 1px #ccc;
  padding: 12px 10px;
}

.products_variation th {
  width: 75%;
}

.products_variation .products_quantity {
  white-space: nowrap;
  padding: 10px 10px 10px 20px;
  text-align: right;
}

.products_variation .products_add {
  padding: 10px 0;
}

.products_variation .products_btn {
  text-align: center;
  padding: 10px 20px;
}

.products_variation .products_btn [class*="btn"] {
  font-size: 16px;
  padding: 9px 15px;
}

.products_variation .products_btn [class*="btn"] {
  display: block;
}

/*========================================
 お勧め商品（商品バリエーション一覧ページ）
=========================================*/
/*========================================
 アップセル
=========================================*/
#dvUpSell {
  margin: 10px 0 30px;
  clear: both;
}

#dvUpSell .title {
  font-size: 15px;
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid #333;
}

#dvUpSell .productInfoList {
  float: left;
}

#dvUpSell .productInfoList ul {
  width: 150px;
  margin: 3px;
}

#dvUpSell .productInfoList ul li {
  margin: 3px 0;
  line-height: 1.5;
}

#dvUpSell .productInfoList ul li p {
  line-height: 1.5;
}

#dvUpSell .productInfoList ul li p strike {
  color: #f00;
}

#dvUpSell .productInfoList ul li.thumnail img {
  width: 100%;
}

#dvUpSell .productInfoList ul li.thumnail {
  position: relative;
  text-align: center;
}

#dvUpSell .productInfoList ul li.thumnail .soldout {
  color: #fff;
  word-wrap: normal;
  position: absolute;
  top: 45%;
  left: 0%;
  text-align: center;
  width: 100%;
  height: 26px;
  line-height: 26px;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/*========================================
 クロスセル
=========================================*/
#dvCrossSell {
  margin: 10px 0 30px;
  clear: both;
}

#dvCrossSell .title {
  font-size: 15px;
  font-weight: bold;
  padding: 8px;
  border-bottom: 1px solid #333;
}

#dvCrossSell .productInfoList {
  float: left;
}

#dvCrossSell .productInfoList ul {
  width: 150px;
  margin: 3px;
}

#dvCrossSell .productInfoList ul li {
  margin: 3px 0;
  line-height: 1.5;
}

#dvCrossSell .productInfoList ul li p {
  line-height: 1.5;
}

#dvCrossSell .productInfoList ul li p strike {
  color: #f00;
}

#dvCrossSell .productInfoList ul li.thumnail img {
  width: 100%;
}

#dvCrossSell .productInfoList ul li.thumnail {
  position: relative;
  text-align: center;
}

#dvCrossSell .productInfoList ul li.thumnail .soldout {
  color: #fff;
  word-wrap: normal;
  position: absolute;
  top: 45%;
  left: 0%;
  text-align: center;
  width: 100%;
  height: 26px;
  line-height: 26px;
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/*----------------------------------------------------------------------------------------------
 商品系左メニュー領域
----------------------------------------------------------------------------------------------*/
#dvProductListLeft {
  float: left;
  padding: 0px 20px 0px 0px;
}

/*----------------------------------------------------------------------------------------------
 商品系右メニュー領域
----------------------------------------------------------------------------------------------*/
#dvProductListRight,
#dvProductDetailRight {
  width: 164px;
  float: right;
}

/*==============================================================================================
 商品セット一覧ラッパー
 *#dvProductSetList
==============================================================================================*/
#Contents #dvProductSetListArea {
  width: 750px;
  margin-left: 60px;
  margin-top: 10px;
}

#Contents #dvProductSetListArea .dvContentsInfo {
  padding: 15px 25px;
  background: #ececec;
  margin-bottom: 20px;
}

#Contents #dvProductSetListArea .dvContentsInfo p {
  line-height: 1.8;
  font-weight: bold;
  width: 500px;
  /* MacIE用の幅 */
}

* html #Contents #dvProductSetListArea .dvContentsInfo p {
  line-height: 1.8;
  width: auto;
}

/*MacIE以外\*/
#Contents #dvProductSetListArea h2 {
  margin: 10px;
}

#Contents #dvProductSetList table {
  border-color: #ccc;
  background-color: #ececec;
}

#Contents #dvProductSetList table th {
  color: #444 !important;
  border-color: #ccc;
}

#Contents #dvProductSetList table td {
  border-color: #ccc;
  background-color: #fff;
}

/*----------------------------------------
 商品セットリストブロック
-----------------------------------------*/
/* ===== 注文情報テーブル ===== */
#Contents #dvProductSetList table {
  width: 100%;
  padding: 0;
  margin: 0px;
  border-spacing: 0;
  empty-cells: show;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: collapse;
}

#Contents #dvProductSetList table th {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 4px 8px;
  font-weight: bold;
  text-align: left;
}

#Contents #dvProductSetList table td {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 4px 8px;
  text-align: left;
}

#Contents #dvProductSetList table .thumnail {
  width: 45px !important;
  text-align: center;
}

#Contents #dvProductSetList table .productId {
  width: 100px !important;
}

#Contents #dvProductSetList table .productName {
  width: 250px !important;
}

#Contents #dvProductSetList table .variationName {
  width: 100px !important;
}

#Contents #dvProductSetList table th.productPrice {
  width: 120px;
  text-align: right;
}

#Contents #dvProductSetList table td.productPrice {
  text-align: right;
}

#Contents #dvProductSetList table th.itemCount {
  width: 70px !important;
  text-align: center;
}

#Contents #dvProductSetList table td.itemCount {
  text-align: center;
}

#Contents #dvProductSetList table th.itemSetPriceTotal {
  text-align: right;
  width: 60px;
}

#Contents #dvProductSetList table td.itemSetPriceTotal {
  text-align: right;
}

#Contents #dvProductSetList table th.setPriceTotal {
  text-align: right;
}

#Contents #dvProductSetList table td.setPriceTotal {
  text-align: right;
}

#Contents .dvProductBtnBox {
  margin: 0px;
  padding-top: 20px;
}

#Contents .dvProductBtnBox p {
  text-align: center;
}

#Contents .dvProductBtnBox p span {
  margin: 0px 5px;
}

/*----------------------------------------------------------------------------------------------
　商品系ボタン領域　
----------------------------------------------------------------------------------------------*/
#dvProductBox .dvProductBtnBox {
  margin: 0px;
  padding-top: 20px;
}

#dvProductBox .dvProductBtnBox p {
  text-align: center;
}

#dvProductBox .dvProductBtnBox p span {
  margin: 0px 5px;
}

/*==============================================================================================
 在庫一覧ラッパー
 *#ProductStock
==============================================================================================*/
#ProductStock {
  margin: 0px;
  text-align: center;
}

#ProductStock #dvContainer {
  margin: 0px auto;
  padding: 20px 0;
  text-align: left;
  width: 660px;
  background-color: Transparent;
}

#ProductStock #dvContainer h1 {
  font-size: 16px;
  padding: 3px 0px;
  border-bottom: solid 1px #ccc;
}

#ProductStock #dvContainer h2 {
  font-size: 14px;
  border-left: solid 3px #333;
  padding: 0px 3px;
  margin: 10px 0px;
}

#ProductStock #dvContainer img {
  border: none;
}

#ProductStock #dvContainer table {
  font-size: 13px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #ccc;
}

#ProductStock #dvContainer #divSingleVariation table * {
  text-align: left;
  font: normal 12px "メイリオ" , "ヒラギノ",tahoma, "ＭＳ Ｐゴシック";
}

#ProductStock #dvContainer #divPluralVariation table * {
  text-align: center;
  font: normal 12px "メイリオ" , "ヒラギノ",tahoma, "ＭＳ Ｐゴシック";
}

#ProductStock #dvContainer table th {
  background-color: #ececec;
}

#ProductStock #dvContainer table th,
#ProductStock #dvContainer table td {
  border: solid 1px #ccc;
  padding: 10px;
}

#ProductStock #dvContainer .btnClose {
  text-align: center;
  margin: 10px;
}

/*==============================================================================================
 商品レビュー
 *#dvProductReviewArea
==============================================================================================*/
.ulReviewComment {
  background-color: #fff;
  margin: 0 0 10px;
  list-style: none;
  padding: 15px 30px;
}

.ulReviewComment li {
  margin: 5px 0;
}

#dvReviewComment li img.imgReviewRating {
  vertical-align: middle;
  margin: -5px 0 0;
  font-size: 8px;
}

#dvReviewComment li.liReviewName {
  text-align: right;
  font-size: 12px;
}

#dvReviewComment li.liComment {
  margin: 5px 0 0;
}

#dvProductReviewButtonControls {
  margin-top: 15px;
}

#dvReviewForm {
  border-spacing: 0pt;
  border-top: 1px solid #CCCCCC;
  empty-cells: show;
  margin: 0px;
  padding: 0pt;
  width: 100%;
}

#dvProductReviewArea table th {
  text-align: right;
}

#dvProductReviewPagerHeader {
  margin-bottom: 10px;
}

#dvReviewFooter span.spResult {
  color: #ff0000;
}

.tblReviewInput {
  width: 100%;
  margin: 0 auto;
}

.tblReviewInput th {
  width: 20%;
}

.tblReviewInput th,
.tblReviewInput td {
  padding: 4px;
}

.tblReviewInput input,
.tblReviewInput textarea {
  width: 90%;
}

/*==============================================================================================
 バリエーション画像レイヤー表示
==============================================================================================*/
/*==============================================================================================
 入荷通知メール登録
==============================================================================================*/
.error_inline {
  color: #ff0000;
  padding: 1px !important;
  /* for IE */
  display: block !important;
}

#divProductArrivalMail,
#divComplete {
  padding: 15px;
}

#divProductArrivalMail .btnClose,
#divComplete .btnClose {
  text-align: center;
  margin: 10px;
}

#divProductArrivalMail h1,
#divComplete h1 {
  font-size: 14px;
  padding: 3px 0px;
  border-bottom: solid 1px #ccc;
}

#divProductArrivalMail h2 {
  font-size: 13px;
  border-left: solid 3px #333;
  padding: 0px 3px;
  margin: 10px 0px;
}

#divProductArrivalMail div,
#divComplete div {
  font-size: 12px;
  line-height: 1.5;
}

#divProductArrivalMail table {
  width: 100%;
  border: solid 1px #ccc;
  margin-top: 5px;
}

#divProductArrivalMail table th {
  padding: 10px;
  background-color: #ececec;
}

#divProductArrivalMail table td {
  padding: 10px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

#divProductArrivalMail ul {
  display: inline;
  padding-left: 0px;
}

#divProductArrivalMail ul li {
  display: inline;
}

#divProductArrivalMail .necessary {
  color: #ff0000 !important;
  padding: 0px 2px !important;
}

#divProductArrivalMail input.mailAddr {
  boder: 1px solid #cccccc;
}

/*==============================================================================================
 リアル店舗商品在庫一覧
==============================================================================================*/
/*----------------------------------------
 リアル店舗商品在庫一覧
-----------------------------------------*/
div.item_info_area {
  height: 120px;
  font-size: 12px;
}

div.item_info_area img {
  float: left;
}

div.item_info_area .rcolumn {
  float: left;
  margin-left: 20px;
}

div.item_info_area .rcolumn ul {
  line-height: 18px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

div.item_info_area .rcolumn div {
  background-color: #eeeeee;
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 10px;
  position: relative;
}

div.item_info_area .rcolumn select {
  width: 310px;
}

/*----------------------------------------
 リアル店舗商品在庫一覧（パーツ）
-----------------------------------------*/
p.attention {
  clear: both;
  margin-top: 20px;
  border-top: solid 3px #333;
  padding: 10px;
  color: red;
  font-size: 12px;
}

table.shopList {
  border-collapse: collapse;
  border: 0 none;
  width: 100%;
  border-left: solid 1px #333;
  border-right: solid 1px #333;
  font-size: 12px;
}

table.shopList caption {
  border-top: solid 3px #333;
  border-left: solid 1px #333;
  border-right: solid 1px #333;
  text-align: left;
  font-weight: bold;
  padding: 10px;
}

table.shopList thead th,
table.shopList thead td {
  background-color: #333;
  color: #fff;
  font-weight: bold;
  padding: 7px 10px;
  text-align: center;
  word-break: break-all;
}

table.shopList thead td {
  border-left: solid 1px #333;
}

table.shopList tbody th,
table.shopList tbody td {
  padding: 10px 15px;
  border-bottom: solid 1px #333;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  vertical-align: top;
}

table.shopList tbody th {
  padding: 10px;
}

table.shopList tbody th a {
  display: block;
  color: #333;
}

table.shopList tbody td.stock {
  text-align: center;
  width: 70px;
}