@CHARSET "utf-8";

/* blue
-------------------------------------- */
body {
  background: url('/static/publish/sd/img/templates/blue/bg.gif') repeat 0 0;
  background-attachment: fixed;
}

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

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

div#footer {
  border-top: 3px #009fe8 solid;
}

/* header */
h2 {
  border: 1px #ccc solid;
  color: #06c;
  background: url('/static/publish/sd/img/templates/blue/bg-header03.gif') no-repeat 0 100%;
  background-color: #ffffff;
  line-height: 1.2;
  font-weight: bold;
  font-size: 1.2em;
}

h2 div.caption {
  padding: 8px 10px;
}

h4 {
  color: #06c;
  background: url('/static/publish/sd/img/templates/blue/bg-header02.gif') repeat 0 0;
}

h5 {
  color: #06c;
  background-color: #fff;
}

div#main dl.stock-info,
div#main dl.owner {
  background: url('/static/publish/sd/img/templates/blue/bg-header02.gif') repeat 0 0;
}

div#main dl.stock-info dt,
div#main dl.owner dt {
  color: #06c;
}

div#header ul.navigation,
div#main dl.stock-info dd,
div#main dl.owner dd,
div#main div.main-search {
  background-color: #e5f8ff;
}

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

div#side-navi p.genre-all a {
  background: url('/static/publish/sd/img/templates/blue/bg-header01.gif') repeat-x 0 50%;
}

div#side-navi p.genre-all a span {
  background: url('/static/publish/sd/img/templates/blue/arrow-l.gif') no-repeat scroll 0 0;
}

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

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

div#main div.cart-l-box div.cart-main dl.related-article dt {
  background: url('/static/publish/sd/img/templates/blue/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 {
  color: #06c;
  background-color: #e5f8ff;
}

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

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

div#information h3 {
  background-color: #99e5ff;
}


/* 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/blue/arrow-s.gif') no-repeat 9px 16px;
  }

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

}