@charset "Shift_JIS";
/*--------------------
   primary
--------------------*/
/*-- main_ad --*/
#main_ad1 {
  width: 790px;
  height: 150px;
  margin: 0 auto;
}

#main_ad1 h2 {
  background: url("../image/main_ad1_off.gif") no-repeat;
  width: 100%;
  height: 100%;
}

#main_ad1 h2 a {
  background: url("../image/main_ad1_on.gif") no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}

#main_ad1 h2 a:hover,
#main_ad1 h2 a:focus {
  background-image: none;
}

/*-- main_shelf --*/
#main_shelf {
}

.main_item {
  float: left;
  width: 190px;
  height: 190px;
  margin: 20px 5px 0;
}

.main_item table {
  margin: auto;
  width: 190px;
  height: 190px;
  text-align: center;
}

.main_item th.item_image {
}

.main_item th.item_image p {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.main_item th.item_image p a {
  border: 1px solid #ccc;
  width: 100px;
  height: 100px;
  display: block;
  overflow: hidden;
}

.main_item th.item_image p a:hover,
.main_item th.item_image p a:focus {
  border: 1px solid #025037;
}

.main_item th.item_image p a img {
  width: 100px;
  height: 100px;
}

.main_item td {
}

.main_item td.item_price {
  color: #e5ccd8;
  padding: 5px;
}

span.normal {
  line-height: 0.8;
  font-size: 75%;
}

span.normal_price {
  font-size: 140%;
  text-decoration: line-through;
  font-style: oblique;
}

span.sale_price {
  color: #fd3f7e;
  font-size: 180%;
  font-weight: bold;
}

.main_item td.item_name {
}

.main_item td.item_name p {
  height: 2.6em;
  overflow: hidden;
}

input.putitin_bt {
  display: block;
  width: 170px;
  height: 35px;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  background: url("../image/bt_putitin_off.gif") no-repeat;
  margin: 0 auto;
}

input.putitin_bt:hover,
input.putitin_bt:focus,
input.putitin_bt_over {
  display: block;
  width: 170px;
  height: 35px;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  background: url("../image/bt_putitin_on.gif") no-repeat;
  margin: 0 auto;
}

/*--------------------
   item_detail
--------------------*/
#item_detail {
}





/*--------------------
   caption style
--------------------*/
h2#main_caption {
  background: url("../image/main_caption.gif") no-repeat;
  width: 790px;
  height: 73px;
  text-indent: -9999px;
  margin: 10px auto 0;
}

h3.caption_style {
  width: 790px;
  height: 40px;
  text-indent: -9999px;
  margin: auto;
}

h3#cap_guide1 {
  background: url(../image/caption_guide1.gif) no-repeat;
}

h3#cap_payment {
  background: url(../image/caption_payment.gif) no-repeat;
}

h3#cap_delivery {
  background: url(../image/caption_delivery.gif) no-repeat;
}

h3#cap_return {
  background: url(../image/caption_return.gif) no-repeat;
}

h3#cap_faq {
  background: url(../image/caption_faq.gif) no-repeat;
}

h3#cap_wholesaler {
  background: url(../image/caption_wholesaler.gif) no-repeat;
}

h3#cap_cmtransaction {
  background: url(../image/caption_cmtransaction.gif) no-repeat;
}

h3#cap_agreement {
  background: url(../image/caption_agreement.gif) no-repeat;
}

h3#cap_privacy {
  background: url(../image/caption_privacy.gif) no-repeat;
}


/*--------------------
common_style
--------------------*/
.common_style {
  text-align: left;
  margin: 10px 20px;
}

.common_style p.introduction {
  margin: 10px;
  font-weight: normal;
  line-height: 1.4;
}

.common_style span {
  color: #f66;
}

.common_style dt {
  font-size: 110%;
  font-weight: bold;
}

.common_style dd {
  margin-left: 2em;
  margin-top: 5px;
  margin-bottom: 20px;
}

.common_style dd ol {
  margin-left: 2em;
}

.common_style dd ol li {
  list-style: decimal;
}

.common_style dd ul {
  margin-left: 1em;
}

.common_style dd ul li {
  list-style: disc;
}

/* double dl */
.common_style dl dl {
  font-size: 90%;
  margin-left: 3em;
}

.common_style dl dl dt {
  font-weight: normal;
  display: list-item;
  list-style: circle;
}

.common_style dl dl dd {
  padding: 0;
  margin: 0 0 0 1em;
}

/* address */
.common_style address.contact {
  font-style: normal;
  margin-left: 10em;
  margin-top: 5px;
}

/* cooperation */
.common_style .cooperation {
  text-align: right;
  margin-left: 60%;
}

.common_style .cooperation dl {
  text-align: left;
  font-size: 80%;
}

.common_style .cooperation dt {
  font-weight: normal;
}

.common_style .cooperation dd {
  padding: 0;
  margin: 0 0 0 2em;
}

/* date */
.common_style p.date {
  text-align: right;
  font-size: 80%;
}

/*--------------------
guide1
--------------------*/
#guide1 {
}

#guide1 dl {
  clear: both;
}

#guide1 dt {
  border-left: 15px solid #f47;
  border-bottom: 1px solid #f47;
  font-size: 130%;
  font-weight: bold;
  padding: 3px 10px;
  margin: 10px auto;
}

#guide1 dd {
  margin: 0; /* .common_style FORMAT */
}

#guide1 dd.procedure_txt {
  float: left;
  width: 450px;
  font-size: 130%;
  text-align: justify;
  margin: 10px 0 0 30px;
}

#guide1 dd.procedure_img {
  float: right;
  width: 250px;
}

/*--------------------
guide2
--------------------*/
#guide_payment dl {
  margin: auto 10px;
}

#guide_payment dt {
  clear: both;
  border-left: 15px solid #f47;
  border-bottom: 1px solid #f47;
  padding: 3px 10px;
}

#guide_payment p.credit_secure {
  float: left;
  width: 41em;
}

/*--------------------
agreement
membership
privacy
--------------------*/
#agreement dt,
#membership dt,
#privacy dt {
  background-color: #d20172;
  color: #fff;
  padding: 2px 1em;
}

#agreement .cooperation dt,
#membership .cooperation dt,
#privacy .cooperation dt {
  background: none;
  color: #000;
  margin: 0;
  padding: 0;
}

#agreement dl dl dt,
#membership dl dl dt,
#privacy dl dl dt {
  background: none;
  color: #000;
  margin: 0;
  padding: 0;
}

/*--------------------
faq
--------------------*/
#question {
  font-size: 90%;
  border-bottom: 6px dotted #ffbcbc;
  margin: 10px 0;
}

#question  dl {
  float: left;
  width: 240px;
  margin-left: 10px;
}

#question dl#q_payment {
}

#question dl#q_delivery {
}

#question dl#q_service {
}

#question dl dt {
  width: 150px;
  height: 30px;
  text-indent: -9999px;
}

#question dl#q_payment dt {
  background: url(../image/faq_payment.gif) left top no-repeat;
}

#question dl#q_delivery dt {
  background: url(../image/faq_delivery.gif) left top no-repeat;
}

#question dl#q_service dt {
  background: url(../image/faq_service.gif) left top no-repeat;
}

#question dd {
  margin-left: 0;
  border-right: 2px dotted #ffbcbc;
}

#question dd ul {
  margin-left: 0;
}

#question li {
  list-style: none;
  margin: 10px 0;
  background: url(../image/arrow_bt_on.gif) left center no-repeat;
}

#question li a {
  background: url("../image/arrow_bt_off.gif") left center no-repeat;
  padding-left: 15px;
  height: 100%;
  display: block;
}

#question li a:hover,
#question li a:focus {
  background-image: none;
}

#answer {
  clear: both;
}

#answer h3 {
  width: 150px;
  height: 30px;
  text-indent: -9999px;
  margin: 20px 20px 0;
  border-bottom: 6px dotted #ffbcbc;
  padding-bottom: 3px;
}

#faq_payment h3 {
  background: url(../image/faq_payment.gif) left top no-repeat;
}

#faq_delivery h3 {
  background: url(../image/faq_delivery.gif) left top no-repeat;
}

#faq_service h3 {
  background: url(../image/faq_service.gif) left top no-repeat;
}

#answer dl {
  margin-top: 20px;
}

#answer dt {
  color: #fa3;
  margin-left: 1em;
}

#answer dd {
  border-bottom: 1px solid #ffbcbc;
  padding-bottom: 10px;
}

.cod_charge {
  margin-top: 10px;
  text-align: center;
}

.cod_charge table {
  margin: 0 auto;
}

.cod_charge table th,
.cod_charge table td {
  padding: 3px 10px;
}

.cod_charge table th {
  width: 10em;
  background-color: #f47;
  color: #fff;
  border: none;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  text-align: center;
}

.cod_charge table td {
  border-bottom: 1px solid #f47;
  text-align: right;
}

/*--------------------
cmtransaction
--------------------*/
#cmtransaction {
  text-align: center;
}

#cmtransaction table {
  font-size: 120%;
  margin: 20px auto;
  text-align: left;
}

#cmtransaction th {
  width: 9em;
  padding: 5px;
  background-color: #ddd;
}

#cmtransaction td {
  width: 32em;
  padding: 5px;
}

/*--------------------
wholesaler
--------------------*/
#wholesaler {
  text-align: center;
}

#wholesaler dl {
  text-align: left;
}

#wholesaler dt {
  border-left: 15px solid #f47;
  border-bottom: 1px solid #f47;
  font-size: 130%;
  font-weight: bold;
  padding: 3px 10px;
  margin: 10px auto;
}

#wholesaler dd  p {
  margin: 15px 0;
}

#wholesaler #moshimo_image {
  text-align: left;
}

#wholesaler #moshimo_image li {
  display: inline;
  margin: 10px 0;
}

#wholesaler p#moshimo_info {
  text-align: left;
  border-left: 15px solid #f47;
  border-bottom: 1px solid #f47;
  font-size: 130%;
  font-weight: bold;
  padding: 3px 10px;
  margin: 10px auto;
}

#wholesaler table {
  text-align: left;
  margin: 10px auto;
}

#wholesaler th {
  width: 10em;
  background-color: #ddd;
  padding: 5px 0 0 2em;
}

#wholesaler td {
  padding: 5px;
}

#wholesaler table ol {
  list-style: none;
}