@charset 'UTF-8';

/* -----------------------------------------------------------------------------
 * Container > Wrapper > Shop Wrapper > Content
 * -------------------------------------------------------------------------- */
/* Container > Wrapper > Shop Wrapper > Content > [News] */
div#content div.snews {
}

/* Container > Wrapper > Shop Wrapper > Content > [News] > [Header] */
div#content div.snews div.header {
  margin-bottom: 30px;
  padding-left: 10px;
  border-left-width: 10px;
  border-left-style: solid;
}

/* IF announce */
div#content div.announce div.header {
  border-left-color: #89ba43;
}

/* IF value */
div#content div.value div.header {
  border-left-color: #eca942;
}

div#content div.snews div.header ul {
  margin: 0 0 7px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .1em;
}

div#content div.snews div.header ul li {
  list-style: none;
  float: left;
  margin-right: 5px;
  padding: 5px 10px;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/* IF announce */
div#content div.announce div.header ul li.type {
  background-color: #3d8d00;
}

/* IF value */
div#content div.value div.header ul li.type {
  background-color: #e07200;
}

div#content div.snews div.header ul li.limited {
  background-color: #cc100c;
}

div#content div.snews div.header h3 {
  margin: 0 0 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  font-size: 17px;
  line-height: 1.5;
}

div#content div.snews div.header h3 a {
  color: #333;
}

div#content div.snews div.header dl {
  margin: 0;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

div#content div.snews div.header dl dt {
  display: inline;
  margin: 0;
}

div#content div.snews div.header dl dd {
  display: inline;
  margin: 0 10px 0 0;
}

/* Container > Wrapper > Shop Wrapper > Content > [News] > [Img] */
div#content div.snews div.img {
  text-align: center;
}

div#content div.snews div.img table {
  margin: 0 23px 30px 22px;
  text-align: center;
}

div#content div.snews div.img table td {
  width: 200px;
  padding: 0;
  border: none;
  line-height: 1;
  text-align: center;
  vertical-align: top;
}

div#content div.snews div.img table td div.alt {
  padding: 7px 20px 0;
  font-size: 11px;
  text-align: left;
  line-height: 1.3;
  word-wrap: break-word;
  word-break: break-all;
}

/* Container > Wrapper > Shop Wrapper > Content > [News] > [Body] */
div#content div.snews div.body {
  margin: 0 20px 30px;
  color: #333;
  font-size: 14px;
  line-height: 1.74;
}

div#content div.snews div.body img {
  vertical-align: middle;
}

div#content div.snews div.body img.emoji {
  margin: 0 2px 3px;
}

div#content div.snews div.body a.photo img {
  margin: 5px 5px 5px 0;
}

div#content div.snews div.body h4 {
  margin-bottom: 10px;
}

/* IF announce */
div#content div.announce div.body h4 {
  border-bottom: 2px solid #89ba43;
}

/* IF value */
div#content div.value div.body h4 {
  border-bottom: 2px solid #eca942;
}

div#content div.snews div.body p,
div#content div.snews div.body ul {
  margin: 0;
}

div#content div.snews div.body ul li {
  list-style: none;
  padding-left: 17px;
  background-image: url(/shop/img/snews_li.gif);
  background-repeat: no-repeat;
  background-position: 5px 9px;
}

/* IF announce */
div#content div.announce div.body ul li {
  background-image: url(/shop/img/snews_li_announce.gif);
}

/* IF value */
div#content div.value div.body ul li {
  background-image: url(/shop/img/snews_li_value.gif);
}

/* Container > Wrapper > Shop Wrapper > Content > [News] > [Limited] */
div#content div.snews div.limited {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #f9e3e2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div#content div.snews div.limited p {
  margin: 0;
  padding: 5px 0 2px 26px;
  background-image: url(/img/emo/e71c.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
}

div#content div.snews div.limited p span {
  margin: 0 5px;
  color: #cc100c;
}

/* Container > Wrapper > Shop Wrapper > Content > [News] > [Recent News] */
div#content div.snews div.recent_snews {
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: #f5efe8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div#content div.snews div.recent_snews h3 {
  margin: 0 0 5px;
  padding: 5px 0 7px 26px;
  border-bottom: 2px solid #630;
  background-image: url(/img/emo/e689.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  font-size: 14px;
  line-height: 1;
}

div#content div.snews div.recent_snews h3 a {
  color: #630;
}

div#content div.snews div.recent_snews h3 a span {
  margin-right: 5px;
}

div#content div.snews div.recent_snews ul {
  margin: 0;
  font-size: 13px;
  line-height: 1;
}

div#content div.snews div.recent_snews ul li {
  list-style: none;
  margin: 0;
  padding: 8px 0 6px 17px;
  border-bottom: 1px solid #ccc;
  background-image: url(/shop/img/recent_snews_arrow.gif);
  background-repeat: no-repeat;
  background-position: 5px 12px;
}

div#content div.snews div.recent_snews ul li.last {
  padding-bottom: 3px;
  border-bottom: none;
}

div#content div.snews div.recent_snews ul li.current {
  background-image: url(/shop/img/recent_snews_arrow2.gif);
}

div#content div.snews div.recent_snews ul li a {
  margin-left: 5px;
}

div#content div.snews div.recent_snews ul li span.cam {
  margin-left: 5px;
}

div#content div.snews div.recent_snews ul li span.ago {
  margin-left: 10px;
  color: #666;
}

div#content div.snews div.recent_snews ul li span.type img,
div#content div.snews div.recent_snews ul li span.limited img,
div#content div.snews div.recent_snews ul li span.cam img {
  margin-bottom: 2px;
  vertical-align: middle;
}

div#content div.snews div.recent_snews ul li span.here {
  margin-left: 10px;
  color: #c00;
}

/* Container > Wrapper > Shop Wrapper > Content > [News] > [Pager] */
div#content div.snews div.pager {
  margin: 0 20px;
}

div#content div.snews div.pager ul {
  margin: 0;
  font-size: 13px;
  line-height: 1;
}

div#content div.snews div.pager ul li {
  list-style: none;
  margin: 0;
}

div#content div.snews div.pager ul li.prev {
  float: left;
}

div#content div.snews div.pager ul li.next {
  float: right;
}