/* -------------------------------------------- 
CSS Information  
Site URL:       http://www.sundays-shop.com/
File name:      products.css
Style Info:     productsページcss
----------------------------------------------- */
/* ----------------------------- 
Table of Contents
* container modules
----------------------------- */

/*==================================
* container modules
==================================*/
#contents div.images {
  margin-bottom: 20px;
}
#contents div.images > img,
#contents div.images ul {
  float: left;
}
#contents div.images > img {
  display: block;
  margin-right: 15px;
}
#contents div.images ul {
  width: 160px;
  margin: 0;
}
#contents div.images ul li {
  padding: 0;
}
#contents div.images ul li + li {
  margin-top: 10px;
}
#contents div.images ul li img {
  width: 70px;
  margin: 0px;
}
#contents div.spec {
  margin-bottom: 20px;
}
#contents div.spec table {
  float: left;
  width: 469px;
  margin-bottom: 20px;
  border-top: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
}
#contents div.spec table th {
  padding: 4px 0;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  background: #333;
  font-weight: bold;
  text-align: center;
}
#contents div.spec table td {
  padding: 4px 5px;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  color: #fff;
  vertical-align: middle;
}
#contents div.spec table tr td input {
  float: left;
  width: 40px;
  margin-right: 4px;
}
#contents div.spec table tr.price td,
#contents div.spec table tr.regular td{
  color: #999;
  text-decoration: line-through;
}
#contents div.spec table tr.sales td {
  color: #fff;
  font-weight: bold;
}
#contents div.spec table tr.sales td span {
  display: block;
}
#contents div.spec table tr.sales td span.sales {
  margin-bottom: 3px;
  color: #b93e3e;
}
#contents div.spec table tr.sales td span.discount {
  margin-top: 3px;
  padding: 0 3px;
  background: #ccc;
  color: #000;
  font-size: 10px;
  text-align: center;
  line-height: 1.4;
}
#contents div.spec table td span.unit {
  display: block;
  float: left;
  height: 22px;
  margin-right: 4px;
  line-height: 22px;
}
#contents div.spec table td ul.init {
  float: left;
  width: 13px;
  height: 22px;
  margin: 0;
  padding: 0;
}
#contents div.spec table td ul.init li {
  width: 13px;
  height: 11px;
  margin: 0;
  padding: 0;
  background-image: none;
  font-size: 9px;
  line-height: 0;
}
#contents div.spec table td ul.init li a {
  width: 11px;
  height: 9px;
  margin: 0;
  padding: 0;
  line-height: normal;
}
#contents div.spec table td ul.init li a img {
  border: 1px solid #000;
}
#contents div.spec ul.btn {
  float: right;
  width: 230px;
  margin: 0 0 20px;
  list-style-type: none;
  list-style-image: none;
  font-size: 92%;
}
#contents div.spec ul.btn li {
  margin: 0 0 2px;
  padding: 0 0 0 20px;
  background-image: none;
  line-height: 1.6em;
}
#contents div.spec ul.btn li a {
  color: #ccc;
  text-decoration: none;
}
#contents div.spec ul.btn li a:hover {
  text-decoration: underline;
}
#contents div.spec ul.btn li.cart {
  margin-bottom: 15px;
  background-image: none;
  padding: 0;
}
#contents div.spec ul.btn li.cart button {
  width: 180px;
  height: 50px;
  padding-left: 56px;
  background: url("https://lolipop-59651387cd9cf99f.ssl-lolipop.jp/sundays-shop/images/product/btn_cart.png") no-repeat 0 0;
  text-align: left;
  cursor: pointer;
}
#contents div.spec ul.btn li.cart button:hover { background-position: 0 -50px; }
#contents div.spec ul.btn li.cart button span {
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
  text-shadow: 1px -1px 1px #710606;
}
#contents div.spec ul.btn li.cart p {
  width: 180px;
  margin: 0;
  background: #ccc;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 0.2em;
}
#contents div.spec ul.btn li.option  {
  background: url(https://img.shop-pro.jp/tmpl_img/40/0401_icon_option.gif) no-repeat left center;
}
#contents div.spec ul.btn li.quick  {
  width: 180px;
  height: 27px;
  margin-bottom: 15px;
  padding: 0;
  font-size: 10px;
  text-indent: -9999px;
  line-height: 10px;
}
#contents div.spec ul.btn li.quick a  {
  display: block;
  height: 100%;
  background: url(https://img.shop-pro.jp/tmpl_img/40/0401_spec_quick.gif);
}
#contents div.spec ul.btn li.cancel  {
  background: url(https://img.shop-pro.jp/tmpl_img/40/0401_icon_cancel.gif) no-repeat left center;
}
#contents div.spec ul.btn li.teach  {
  background: url(https://img.shop-pro.jp/tmpl_img/40/0401_icon_teach.gif) no-repeat left center;
}
#contents div.spec ul.btn li.inq  {
  background: url(https://img.shop-pro.jp/tmpl_img/40/0401_icon_inq.gif) no-repeat left center;
}
#contents div.spec ul.btn li.shopping {
  background: url(https://img.shop-pro.jp/tmpl_img/40/0401_icon_shopping.gif) no-repeat left center;
}
#contents div.spec ul.btn li.review {
  background: url(https://img.shop-pro.jp/tmpl_img/40/0401_icon_review.gif) no-repeat left center;
}
#contents div.spec ul.btn li.review_post {
  background: url(https://img.shop-pro.jp/tmpl_img/40/0401_icon_post.gif) no-repeat left center;
  margin-bottom: 10px;
}
#contents div.spec ul.btn li.calamel {
  background-image: none;
}
#contents div.spec ul.btn li.twitter  {
  background: url(https://img.shop-pro.jp/tmpl_img/40/icon_twitter.gif) no-repeat left center;
}
#contents div.spec ul.btn li.logpi  {
  background: url(https://img.shop-pro.jp/tmpl_img/40/icon_logpi.gif) no-repeat left center;
}
#contents div.spec ul.btn li.yahoo  {
  background: url(https://img.shop-pro.jp/tmpl_img/40/icon_y_bookmark.gif) no-repeat left center;
}
#contents div.spec ul.btn li.hatena  {
  margin-bottom: 10px;
  background: url(https://img.shop-pro.jp/tmpl_img/40/icon_hatena.gif) no-repeat left center;
}
#contents div.spec ul.btn li.sns-btn {
  display: inline-block;
  margin: 10px 0 0;
  padding: 0;
}
#contents div.exp {
  margin-bottom: 30px;
  padding: 0 20px;
  color: #fff;
  word-break: break-all;
  line-height: 1.6em;
}
#contents div.exp .txt p {
  margin: 0;
}
#contents div.exp .txt p + p {
  margin-top: 18px;
}
#contents div.exp .info {
  margin-top: 20px;
  border: 1px solid #323232;
}
#contents div.exp .info .ttl {
  margin: 0;
  padding: 6px 15px 4px;
  background-color: #323232;
  font-weight: bold;
}
#contents div.exp .info tr {
  border-top: 1px solid #323232;
}
#contents div.exp .info th,
#contents div.exp .info td {
  padding: 7px 15px 5px;
}
#contents div.exp .info th {
  width: 120px;
  background-color: #151515;
  font-weight: bold;
  vertical-align: top;
}
#contents div.exp .bnr {
  margin-top: 20px;
}
#contents div.exp .bnr a {
  display: block;
}
#contents #option_tbl {
  border-collapse: collapse;
}
#contents #option_tbl th{
  padding: 5px;
}
#contents #option_tbl {
  margin-bottom: 0;
}
#contents #option_tbl td input{
  float: none;
  width: auto;
  margin: 0 0 5px;
}
#contents #option_tbl th,
#contents #option_tbl td.none {
  background: #333;
}
#contents #option_tbl td {
  text-align: center;
}
#contents .stock_zero {
  color: red;
}