@CHARSET "utf-8";

/* xmas-a
-------------------------------------- */
body {
  background: #d9eaef url('/static/publish/sd/img/templates/xmas-a/bg.gif') repeat-y center 0;
}

body a:link {
  color: #267dd4;
  text-decoration: none;
}

div#wrapper {
  background-image: url('/static/publish/sd/img/templates/xmas-a/content-bg.gif');
}

div#footer {
  border-top: 3px #311b20 solid;
}

body a:visited {
  color: #267dd4;
  text-decoration: none;
}

body a:hover {
  color: #267dd4;
  text-decoration: underline;
}

body a:active {
  color: #267dd4;
  text-decoration: underline;
}

div#header div.title {
  background: url('/static/publish/sd/img/templates/xmas-a/title.jpg') no-repeat 0 0;
}

div#header div.title a {
  color: #fff;
}

div#header ul.navigation {
  background-color: #faf6ee;
}

/* header */
h2 {
  color: #fff;
  background-color: #ab0000;
  line-height: 1.2;
  font-weight: bold;
  font-size: 1.2em;
}

h2 div.caption {
  padding: 10px;
}

h4 {
  color: #fff;
  background-color: #ab0000;
}

h5 {
  color: #000;
  background-color: #fff;
}

div#main dl.stock-info,
div#main dl.owner {
  background-color: #e8d1d1;
}

div#main dl.stock-info dd,
div#main dl.owner dd,
div#main div.main-search {
  background-color: #f5e9e9;
}

div#main dl.stock-info dd ul li span {
  background: url('/static/publish/sd/img/templates/xmas-a/arrow-s.gif') no-repeat 0 2px;
}


div#side-navi p.genre-all a {
  border: 0;
  color: #fff;
  background: linear-gradient(0deg, #ff7200, #ff9800);
  text-align: center;
  font-size: 16px;
}

div#side-navi p.genre-all,
div#side-navi p.genre-all a span {
  padding: 0;
}

div#side-navi ul.side-link li {
  background: #fff url('/static/publish/sd/img/templates/xmas-a/arrow-s.gif') no-repeat 6px 15px;
}

div#main ul.article-status li span.monospace {
  color: #b8604d;
}

div#main div.cart-l-box div.cart-main dl.related-article dt {
  background: url('/static/publish/sd/img/templates/xmas-a/arrow-m.gif') no-repeat 0 0;
}

div#main div.pager-box-top ul li a:hover,
div#main div.pager-box-bottom ul li a:hover {
  font-weight: normal;
  text-decoration: underline;
}

div#main div.pager-box-top ul li span,
div#main div.pager-box-bottom ul li span {
  color: #fff;
  background-color: #ab0000;
}

div.notfound div.heading p {
  background-color: #ab0000;
}

div#information h3 {
  background-color: #fbb;
}


/* for SmartPhone
-------------------------------------- */
@media all and (max-width: 768px) {

  div#header div.title a {
  padding: 10px;
  height: auto;
  line-height: 1.3;
  }

  div#header div.title,
  div#header div.title-image {
    background-position: center;
    margin-bottom: 20px;
  }

  div#contents ul.navigation li a {
    padding: 10px 10px 8px 20px;
    background: #fff url('/static/publish/sd/img/templates/xmas-a/arrow-s.gif') no-repeat 9px 16px;
  }

  div#side-navi {
  background: #faf6ee;
  }

}