div#container div#top div#main div#index {
  width: 709px;
}

div#container div#top div#main div#index div#index-head {
  background-image: url('/static/img/fes/common/fes-header-bg.gif');
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: 25px;
  width: 589px;
  min-height: 75px;
  height: auto !important;
  height: 75px;
  padding: 10px 0 10px 95px;
  margin-bottom: 10px;
}

div#container div#top div#main div#index div#index-head div.discount-rate-box {
  width: 83px;
  height: 75px;
  background-color: #FFFFFF;
  float: left;
}

div#container div#top div#main div#index div#index-head div.discount-rate-box p#discount-rate {
  font-size: 5.5em;
  line-height: 58px;
  color: #EA3D61;
}

div#container div#top div#main div#index div#index-head div.discount-rate-box p.percent {
  font-size: 1.8em;
  line-height: 15px;
  color: #EA3D61;
}


div#container div#top div#main div#index div#index-head div.discount-rate-box p.free {
  margin-top: 17px;
}


div#container div#top div#main div#index div#index-head div.title-box {
  width: 490px;
  text-align: left;
  float: left;
  padding-top: 5px;
  padding-left: 5px;
  color: #FFFFFF;
}

div#container div#top div#main div#index div#index-head div.title-box p#title {
  font-size: 2.0em;
  font-weight: bold;
  letter-spacing: -1px;
}

div#container div#top div#main div#index div#index-head div.title-box p#sub-title {
  font-size: 1.2em;
  margin-top: 5px;
}


/** 左コンテンツ */
div#left-contents {
  width: 233px;
  position: relative;
}


/** もしフェス価格 */

div#left-contents div.price-box {
  width: 233px;
  height: 112px;
  position: relative;
  background-image: url('/static/img/fes/common/price-background.png');
  text-align: right;
}

div#left-contents div.price-box p.price {
  position: absolute;
  bottom: 35px;
  right: 0;
  line-height: 4.2em;
}

div#left-contents div.price-box p.price img {
  vertical-align: middle;
}


div#left-contents div.price-box p.price span#price {
  font-size: 4.2em;
  color: #EA3D61;
  margin-right: 30px;
  vertical-align: middle;
}

div#left-contents div.price-box p.regular-price {
  position: absolute;
  top: 75px;
  right: 5px;
  text-align: right;
  font-size: 1.2em;
}

div#left-contents div.price-box p.regular-price span#regular-price {
  font-size: 1.6em;
  color: #0066CC;
  line-height: 0.9em;
  margin-right: 4px;
}



div#left-contents div.buy {
  margin-left: 25px;
  margin-top: 6px;
}

div#left-contents div.buy img {
  margin-bottom: 5px;
}

/** 残り */

div#left-contents div.remain-box {
  margin-left: 25px; /* all browsers, of course */
  margin-left: 17px\9; /* IE8 and below */
  background-color: #EEEEEE;
  width: 194px;
  padding-left: 3px;
}

div#left-contents div.remain-box div.gauge {
  background-image: url('/static/img/fes/common/gauge-background.gif');
  background-repeat: no-repeat;
  width: 171px;
  height: 16px;
  margin-left: 11px;
  text-align: left;
  padding-right: 2px;
}

div#left-contents div.remain-box div.gauge p {
  background-image: url('/static/img/fes/common/gauge.gif');
  background-repeat: no-repeat;
  background-position: 2px 2px;
  height: 16px;
  font-size: 1px;
}

div#left-contents div.remain-box div.gauge-box {
  width: 180px;
  margin: 0 auto;
  font-size: 1.2em;
}



/** 残り時間 */

div#left-contents div.time-limit {
  width: 157px;
  height: 52px;
  background-image: url('/static/img/fes/common/time-limit.gif');
  text-align: left;
  padding-top: 32px;
  padding-right: 4px;
  padding-left: 13px;
  font-size: 1.6em;
  color: #EA3D61;
  margin-left: 10px;
}

/* chrome用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div#left-contents div.time-limit {
    font-size: 1.6em;
  }
  div#left-contents div.time-limit img {
    margin-right: 5px;
  }
}

div#left-contents div.time-limit p.time-finished {
  font-size: 1em;
  margin-top: 5px;
  margin-left: 3px;
}


div#left-contents div.remain-pieces {
  width: 164px;
  height: 83px;
  background-image: url('/static/img/fes/common/quantity.gif');
  text-align: right;
  margin-top: 10px;
  padding-top: 25px;
  padding-right: 10px;
  margin-left: 10px;
}

div#left-contents div.remain-pieces span.remain {
  font-size: 4em;
  color: #EA3D61;
  line-height: 1em;
}


div#left-contents div.remain-pieces span.remain-finished {
  font-size: 2em;
  color: #EA3D61;
  line-height: 2em;
}

div#left-contents div.remain-pieces span.unit {
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1em;
}


div#left-contents div.remain-pieces span.amount {
  font-size: 1.4em;
}

div#left-contents div.remain-pieces p span.customer{
  color: #0066CC;
  font-size: 1.5em;
  line-height: 1em;
}


div#left-contents table#price-info {
  margin-left: 35px;
  width: 180px;
  font-size: 1.5em;
}

div#left-contents table#price-info th {
  text-align: left;
}

div#left-contents table#price-info td {
  text-align: right;
}

div#left-contents table#price-info th.regular_price {
  padding-bottom: 5px;
  border-bottom: 1px dotted;
}


div#left-contents table#price-info td.regular_price {
  border-bottom: 1px dotted;
  padding-bottom: 5px;
}

div#left-contents table#price-info th.discount-rate {
  padding-top: 5px;
}


div#left-contents table#price-info td.discount-rate {
  padding-top: 5px;
  color: #EA3D61;
}

div#left-contents table#price-info td.discount-price {
  color: #EA3D61;
}

div#left-contents div#inform {
  margin-top: 15px;
  border-bottom: 1px dotted;
  width: 173px;
  margin-left: 35px;
  text-align: left;
}

div#left-contents ul.sns {
  margin-bottom: 15px;
  margin-left: 35px;
  padding-left: 10px;
  padding-top: 10px;
  background-image: url('/static/img/fes/common/inform.gif');
  background-repeat: no-repeat;
  width: 170px;
}


div#left-contents ul.sns li{
    list-style: none outside none;
    padding-left: 20px;
    padding-bottom: 8px;
    font-size: 1.2em;
    text-align: left;
}

div#left-contents ul.sns li.link-twitter {
  background-image: url('/static/img/fes/common/icon/twitter.gif');
  background-repeat: no-repeat;
}

div#left-contents ul.sns li.link-facebook {
  background-image: url('/static/img/fes/common/icon/facebook.gif');
  background-repeat: no-repeat;
}

div#left-contents ul.sns li.link-mixi {
  background-image: url('/static/img/fes/common/icon/mixi.gif');
  background-repeat: no-repeat;
}

div#left-contents ul.sns li.link-mail {
  background-image: url('/static/img/fes/common/icon/mail.gif');
  background-repeat: no-repeat;
}

div#left-contents ul.left-button li{
    list-style: none outside none;
    padding-bottom: 10px;
    padding-left: 10px;
}



/** メインコンテンツ */
div#main-contents {
  width: 476px;
  position: relative;
}

div#main-contents div#image-box {
  border: 1px solid #CCCCCC; 
  padding-top: 4px;
  padding-bottom: 4px;
  width: 474px;
}

div#main-contents p.finished-promotion-url {
  margin-bottom: 10px;
}

div#main-contents div#article-attention {
  margin-top: 10px;
  padding: 5px;
  border: 2px solid #FF0000;
  font-size: 1.1em;
  line-height: 1.6em;
  text-align: left;
}

div#main-contents div#article-summary {
  margin-top: 5px;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.5em;
}

div#main-contents div#article-summary div {
  padding-left: 10px;
  padding-right: 10px;
}


div#main-contents div#article-summary img {
  margin-bottom: 10px;
}

div#main-contents div#article-detail {
  margin-top: 15px;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.5em;
}

div#main-contents div#article-detail div {
  padding-left: 10px;
  padding-right: 10px;
}


div#main-contents div#article-detail img {
  margin-bottom: 10px;
}

div#main-contents div#article-comment {
  margin-top: 15px;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.5em;
  background-image: url('/static/img/fes/common/coomment-background.gif');
  background-position: right 28px;
  background-repeat: no-repeat;
  width: 476px;
  min-height:150px;
  height: auto !important;
  height: 150px;
  
}


div#main-contents div#article-comment div#article-comment-text {
  padding-right: 40px;
  padding-left: 10px;
}


div#main-contents div#article-comment p {
  padding-right: 80px;
}

div#main-contents div#article-comment img {
  margin-bottom: 15px;
}

div#main-contents div#finished {
  margin-bottom: 10px;
  padding: 0 0 12px;
  background: url('/static/img/fes/common/soldout-bottom.gif') no-repeat 10px 100%;
}

div#main-contents blockquote.message {
  padding: 12px 12px 0;
  background: url('/static/img/fes/common/soldout-top.gif') no-repeat 0 0;
}

* html div#main-contents blockquote.message {
  height: 1%;
}

div#main-contents blockquote.message p {
  margin-bottom: 16px;
}

div#main-contents blockquote.message p a {
  font-weight: bold;
}

div#main-contents blockquote.message p.message-time {
  font-weight: bold;
  text-align: center;
}

/** キャンペーン用 */
div.campaign {
  width: 607px;
  padding: 5px;
  border: 4px solid #99E5FF;
  background-color: #FFFFFF;
}

div.campaign p.close-button {
}

div.campaign p.title {
  margin-top: 5px;
}

div.campaign p.follow-button {
  margin-top: 5px;
}

div.campaign p.follow-img {
  margin-top: 5px;
}

div.campaign p.twitter-register-button {
  margin-top: 10px;
}