/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

img {
  vertical-align: top; }

body {
  background: url(../images/indexBg.png) no-repeat top center #e1e1e1; }

header,
main,
section,
footer {
  width: 988px;
  margin: 0 auto; }

header {
  position: relative;
  height: 189px; }
  header h1#mainTitle {
    position: absolute;
    top: 77px;
    left: 141px; }
  header a#toDX {
    position: absolute;
    top: 16px;
    left: 37px; }
  header nav {
    position: absolute;
    top: 19px;
    left: 312px;
    width: 364px; }
    header nav ul {
      font-size: 0; }
      header nav ul li {
        font-size: 13px;
        text-indent: -9999px;
        display: inline-block;
        margin-right: 12px; }
        header nav ul li#toTop a {
          display: block;
          width: 113px;
          height: 22px;
          background: url(../images/btnTop.png) no-repeat top left; }
          header nav ul li#toTop a:hover {
            background: url(../images/btnTop.png) no-repeat bottom left; }
        header nav ul li#toStory a {
          display: block;
          width: 113px;
          height: 22px;
          background: url(../images/btnStory.png) no-repeat top left; }
          header nav ul li#toStory a:hover {
            background: url(../images/btnStory.png) no-repeat bottom left; }
        header nav ul li#toChara {
          margin-right: 0; }
          header nav ul li#toChara a {
            display: block;
            width: 113px;
            height: 22px;
            background: url(../images/btnChara.png) no-repeat top left; }
            header nav ul li#toChara a:hover {
              background: url(../images/btnChara.png) no-repeat bottom left; }

main {
  position: relative;
  height: 2653px;
  display: block; }
  main #pageTop {
    position: fixed;
    z-index: 10;
    bottom: 27px;
    margin-left: 941px;
    display: none;
    text-indent: -9999px; }
    main #pageTop a {
      display: block;
      width: 47px;
      height: 47px;
      background: url(../images/btnPageTop.png) no-repeat top left; }
      main #pageTop a:hover {
        background: url(../images/btnPageTop.png) no-repeat bottom left; }
  main p#catch {
    position: absolute;
    top: -7px;
    left: 146px; }
  main p#author {
    position: absolute;
    top: 102px;
    left: 19px; }
  main p#saleInfo {
    position: absolute;
    top: 484px;
    left: 29px; }
  main a#bookInfo {
    position: absolute;
    top: 556px;
    right: 98px;
    display: block;
    width: 206px;
    height: 346px;
    background: url(../images/btnBookInfo.png) no-repeat top left;
    text-indent: -9999px; }
    main a#bookInfo:hover {
      background: url(../images/btnBookInfo.png) no-repeat bottom left; }
  main section#contentsStory {
    position: absolute;
    top: 1127px;
    left: 0;
    height: 739px;
    background: url(../images/storyBg.png) no-repeat bottom left; }
    main section#contentsStory h2#storyTitle {
      position: absolute;
      top: -108px;
      left: -109px;
      width: 785px;
      height: 277px;
      background: url(../images/storyTitleBg.png) no-repeat top left; }
      main section#contentsStory h2#storyTitle img {
        margin: 108px 0 0 408px; }
    main section#contentsStory p#storyDesc {
      position: absolute;
      top: 209px;
      left: 84px; }
  main section#contentsChara {
    position: absolute;
    top: 1866px;
    left: 0;
    height: 793px;
    background: url(../images/charaBg.png) no-repeat bottom left; }
    main section#contentsChara h2#charaTitle img {
      position: absolute;
      top: 0;
      left: 102px; }
    main section#contentsChara p#charaDescOgihana {
      position: absolute;
      top: 150px;
      right: 48px; }
    main section#contentsChara p#charaDescKusanagi {
      position: absolute;
      top: 506px;
      right: 278px; }
    main section#contentsChara p#charaDescAsahi {
      position: absolute;
      top: 144px;
      left: 404px; }
    main section#contentsChara p#charaDescTakemiya {
      position: absolute;
      top: 524px;
      left: 228px; }
    main section#contentsChara p#charaDescHouya {
      position: absolute;
      top: 136px;
      left: 101px; }
    main section#contentsChara p#charaDescSahato {
      position: absolute;
      top: 479px;
      left: 45px; }

footer {
  padding: 41px 0 39px;
  text-align: center; }

/*# sourceMappingURL=style.css.map */