@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

body {
  font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
  background-color: #FFF;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: 75%;
  color: #231815;
}

a {
  text-decoration: underline;
  color: #016CD9;
}

a:hover {
  text-decoration: none;
}

#page {
  background-image: url("/books/images/common/bg_header.jpg");
  background-repeat: repeat-x;
  background-position: top left;
}
#page #header {
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
}
#page #header:after {
  content: "";
  display: block;
  clear: both;
}
#page #header .headerLeft {
  *zoom: 1;
  width: 825px;
  float: left;
}
#page #header .headerLeft:after {
  content: "";
  display: block;
  clear: both;
}
#page #header .headerLeft #logo {
  width: 115px;
  float: left;
  padding: 17px 0 12px;
}
#page #header .headerLeft .headSearch {
  *zoom: 1;
  width: 200px;
  float: right;
}
#page #header .headerLeft .headSearch:after {
  content: "";
  display: block;
  clear: both;
}
#page #header .headerLeft .headSearch .linkBook {
  float: right;
  padding-top: 26px;
}
#page #header .headerLeft .headSearch .sns {
  *zoom: 1;
  float: left;
  margin-left: auto;
  width: 32px;
  padding: 26px 0px 8px;
}
#page #header .headerLeft .headSearch .sns:after {
  content: "";
  display: block;
  clear: both;
}
#page #header .headerLeft .headSearch .sns .facebook {
  width: 15px;
  float: left;
}
#page #header .headerLeft .headSearch .sns .twitter {
  width: 15px;
  float: right;
}
#page #header .headerLeft #hnaviSearchWord {
  width: 347px;
  background-color: #E2E7EF;
  padding: 5px 16px;
}
#page #header .headerLeft #hnaviSearchWord form {
  *zoom: 1;
}
#page #header .headerLeft #hnaviSearchWord form:after {
  content: "";
  display: block;
  clear: both;
}
#page #header .headerLeft #hnaviSearchWord .textArea {
  float: left;
}
#page #header .headerLeft #hnaviSearchWord #searchWord {
  background-image: url("/books/images/common/icon_search.gif");
  background-position: 8px 8px;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 247px;
  line-height: 100%;
  border: 1px solid;
  padding: 6px 0 4px 26px;
}
#page #header .headerLeft #hnaviSearchWord .searchBtn {
  width: 65px;
  float: right;
}
#page #header .headRight {
  width: 124px;
  float: right;
}
#page #header .headRight .linkHobby {
  margin-bottom: 13px;
}
#page #gnavi {
  width: 960px;
  height: 45px;
  clear: both;
}
#page #gnavi ul {
  *zoom: 1;
}
#page #gnavi ul:after {
  content: "";
  display: block;
  clear: both;
}
#page #gnavi ul li {
  float: left;
}
#page #contents {
  *zoom: 1;
  width: 960px;
  margin: 0 auto;
  padding-bottom: 31px;
  background-image: url("/books/images/common/bg_side_navi.png");
  background-repeat: repeat-y;
}
#page #contents:after {
  content: "";
  display: block;
  clear: both;
}
#page #contents #mainWrap #rightSide {
  *zoom: 1;
  width: 210px;
  float: right;
}
#page #contents #mainWrap #rightSide:after {
  content: "";
  display: block;
  clear: both;
}
#page #contents #mainWrap #rightSide h3 {
  margin-bottom: 14px;
}
#page #contents #mainWrap #rightSide p {
  margin-bottom: 15px;
}
#page #contents #mainWrap #rightSide .sideSection {
  margin-bottom: 22px;
}
#page #contents #mainWrap #rightSide .sideSection .logoWrap {
  *zoom: 1;
  width: 210px;
  margin-bottom: 22px;
}
#page #contents #mainWrap #rightSide .sideSection .logoWrap:after {
  content: "";
  display: block;
  clear: both;
}
#page #contents #mainWrap #rightSide .sideSection .logoWrap .logoLeft {
  width: 90px;
  float: left;
}
#page #contents #mainWrap #rightSide .sideSection .logoWrap .logoRight {
  width: 90px;
  float: right;
}
#page #contents #mainWrap #rightSide .sideSection .info {
  position: relative;
}
#page #contents #mainWrap #rightSide .sideSection .rss {
  position: absolute;
  top: 7px;
  right: 8px;
}
#page #contents #mainWrap #rightSide .sideSection dl {
  margin-bottom: 14px;
}
#page #contents #mainWrap #rightSide .sideSection dl dt {
  background-image: url("/books/images/top/icon_info.gif");
  background-repeat: no-repeat;
  background-position: 4px 5px;
  padding-left: 14px;
  color: #E71021;
  font-size: 96%;
}
#page #contents #mainWrap #rightSide .sideSection dl dd {
  background-image: url("/books/images/top/bg_info.gif");
  background-repeat: repeat-x;
  background-position: bottom;
  padding-left: 5px;
  padding-bottom: 19px;
  margin-bottom: 14px;
}
#page #contents #mainWrap #rightSide .sideSection dl dd a {
  color: #006BD8;
}
#page #contents #mainWrap #rightSide .sideSection dl dd p {
  margin-bottom: 0;
}
#page #contents #mainWrap #rightSide .sideSection dl dd.last {
  background-image: none;
}
#page #contents #mainWrap #rightSide .recommendWrap {
  display: none;
  *zoom: 1;
  width: 210px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  background-image: url("/books/images/top/bg_info.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}
#page #contents #mainWrap #rightSide .recommendWrap:after {
  content: "";
  display: block;
  clear: both;
}
#page #contents #mainWrap #rightSide .recommendWrap .bookImg {
  text-align: center;
}
#page #contents #mainWrap #rightSide .recommendWrap .bookImg img {
  border: 1px solid #CCCCCC;
}
#page #contents #mainWrap #rightSide .recommendWrap .link {
  margin-bottom: 3px;
}
#page #contents #mainWrap #rightSide .recommendWrap a {
  color: #006BD8;
}
#page #contents #leftSide {
  *zoom: 1;
  width: 210px;
  float: left;
}
#page #contents #leftSide:after {
  content: "";
  display: block;
  clear: both;
}
#page #contents #leftSide .categoryList {
  margin-bottom: 21px;
  border-bottom: 2px solid #05285E;
}
#page #contents #leftSide .categoryList .entry {
  width: 210px;
  border-top: 1px solid #1251A6;
  border-bottom: 1px solid #5D94DD;
  background-repeat: no-repeat;
  background-color: #1765CF;
  background-repeat: no-repeat;
  background-position: 12px 15px;
}
#page #contents #leftSide .categoryList .entry li.none a {
  text-indent: -14px;
}
#page #contents #leftSide .categoryList .entry li.none a:before {
  content: "- ";
}
#page #contents #leftSide .categoryList .entry li a {
  display: inline-table;
  vertical-align: top;
  width: 160px;
  padding: 10px 10px 10px 5px;
  color: #fff;
  font-weight: bold;
  font-size: 109%;
  text-decoration: none;
}
#page #contents #leftSide .categoryList .entry li a:hover {
  text-decoration: underline;
}
#page #contents #leftSide .categoryList .entry li a.switch {
  width: 34px;
  height: 39px;
  padding: 0;
  text-align: center;
  background-image: url("/books/images/common/sideNavi_icon_01.png");
  background-position: 14px;
  background-repeat: no-repeat;
}
#page #contents #leftSide .categoryList .entry li a.switch:hover {
  text-decoration: none;
}
#page #contents #leftSide .categoryList .entry li a.switch.open {
  background-image: url("/books/images/common/sideNavi_icon_02.png");
}
#page #contents #leftSide .categoryList .entry li ul {
  background-color: #7FAAE4;
}
#page #contents #leftSide .categoryList .entry li ul li {
  font-size: 90%;
  padding-left: 15px;
  border-top: 1px solid #a6c4ec;
}
#page #contents #leftSide .categoryList .entry li ul li a {
  width: 145px;
}
#page #contents #leftSide .categoryList .entry li ul li li {
  padding-left: 15px;
  font-size: 100%;
  border-top: none;
}
#page #contents #leftSide .categoryList .entry li ul li li a {
  width: 130px;
}
#page #contents #leftSide #lnaviSearch,
#page #contents #leftSide .recommend {
  padding-bottom: 8px;
  margin-bottom: 21px;
  background-color: #F8F8F8;
  border: 1px solid #05285E;
  border-top: 2px solid #05285E;
  border-bottom: 2px solid #05285E;
}
#page #contents #leftSide #lnaviSearch dt,
#page #contents #leftSide .recommend dt {
  padding: 5px;
  background-color: #7FAAE4;
  font-size: 109%;
  font-weight: bold;
  color: #fff;
}
#page #contents #leftSide #lnaviSearch dd,
#page #contents #leftSide .recommend dd {
  padding: 8px 8px 0;
}
#page #contents #leftSide #lnaviSearch #hnaviSearchMenu,
#page #contents #leftSide #lnaviSearch #hnaviSearchWord,
#page #contents #leftSide #lnaviSearch #hnaviSearchSubmit {
  margin-top: 5px;
  margin-bottom: 3px;
}
#page #contents #leftSide #lnaviSearch a.detailLink {
  background-image: url(/books/images/common/icon_arrow.gif);
  background-position: left;
  background-repeat: no-repeat;
  outline: none;
  padding: 1px 0 0 12px;
  margin-left: 5px;
  font-size: 10px;
}
#page #contents #leftSide #hnaviSearchSubmit {
  width: 50px;
  margin-left: 70px;
}
#page #contents #leftSide ul.firstMenu {
  margin-bottom: 21px;
  border-bottom: 2px solid #05285E;
}
#page #contents #leftSide ul.firstMenu li {
  width: 210px;
  border-top: 1px solid #1251A6;
  border-bottom: 1px solid #5D94DD;
  background-repeat: no-repeat;
  background-color: #1765CF;
  background-repeat: no-repeat;
  background-position: 12px 15px;
}
#page #contents #leftSide ul.firstMenu li p {
  color: #fff;
  padding: 12px 0 12px 35px;
  font-weight: bold;
  font-size: 109%;
}
#page #contents #leftSide ul.firstMenu li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#page #contents #leftSide ul.firstMenu li a:hover {
  text-decoration: underline;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu li {
  width: auto;
  background-color: #7FAAE4;
  border-bottom: none;
  border-top: none;
  font-size: 82%;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu li p {
  padding: 7px 0 7px 43px;
  text-indent: -1em;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu li.arrow {
  background-repeat: no-repeat;
  background-image: url("/books/images/common/sideNavi_icon_01.png");
  background-repeat: no-repeat;
  background-position: 23px 6px;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu li.arrow p {
  padding-left: 43px;
  text-indent: 0;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu li.arrow p:before {
  content: none;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu li.arrowDown {
  background-repeat: no-repeat;
  background-image: url("/books/images/common/sideNavi_icon_02.png");
  background-repeat: no-repeat;
  background-position: 23px 6px;
  border-bottom: none;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu li.arrowDown p {
  padding-left: 43px;
  text-indent: 0;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu li.arrowDown p:before {
  content: none;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu ul.thirdMenu li p:before, #page #contents #leftSide ul.firstMenu li ul.secondMenu p.border:before {
  content: "- ";
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu ul.thirdMenu li {
  width: auto;
  background-image: none;
  background-color: #7FAAE4;
  border-bottom: none;
  font-size: 100%;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu ul.thirdMenu li p {
  padding-left: 55px;
  text-indent: -1em;
}
#page #contents #leftSide ul.firstMenu li ul.secondMenu p.border {
  border-top: 1px solid #A6C4EC;
  text-indent: -1em;
}
#page #contents #leftSide ul.firstMenu li.arrow {
  background-image: url("/books/images/common/sideNavi_icon_01.png");
}
#page #contents #leftSide ul.firstMenu li.arrowDown {
  background-image: url("/books/images/common/sideNavi_icon_02.png");
}
#page #contents #leftSide ul.firstMenu li.last {
  border-bottom: none;
}
#page #contents #leftSide .sideBunner {
  width: 180px;
  margin: 0 auto;
}
#page #contents #leftSide .sideBunner li {
  margin-bottom: 15px;
}
#page #contents .btnBrowse {
  padding-top: 10px;
  text-align: center;
}
#page .pageTop {
  *zoom: 1;
  width: 960px;
  margin: -31px auto 0;
  text-align: right;
}
#page .pageTop:after {
  content: "";
  display: block;
  clear: both;
}

#footer {
  padding-bottom: 35px;
}
#footer .footerNavi {
  background-color: #F0F0F0;
  border-top: 3px solid #1765CF;
}
#footer .section {
  width: 960px;
  margin: 0 auto;
  padding: 22px 0;
}
#footer .section a {
  color: #666666;
  font-weight: bold;
}
#footer .footnavi {
  width: 500px;
  text-align: center;
}
#footer .footnavi ul {
  *zoom: 1;
  display: inline-block;
}
#footer .footnavi ul:after {
  content: "";
  display: block;
  clear: both;
}
#footer .footnavi ul li {
  float: left;
  padding: 0 10px;
  margin: 1px 0;
  border-right: 1px solid #929292;
  font-size: 96%;
}
#footer .footnavi ul li.last {
  border-right: none;
}
#footer .linkWrap {
  *zoom: 1;
  width: 960px;
}
#footer .linkWrap:after {
  content: "";
  display: block;
  clear: both;
}
#footer .linkWrap .footCopy {
  width: 480px;
  float: left;
  color: #797979;
}
#footer .linkWrap .footCopy ul {
  *zoom: 1;
  margin-bottom: 8px;
}
#footer .linkWrap .footCopy ul:after {
  content: "";
  display: block;
  clear: both;
}
#footer .linkWrap .footCopy ul li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #999999;
  font-weight: bold;
}
#footer .linkWrap .footCopy p {
  margin-bottom: 6px;
}
#footer .linkWrap .footCopy p.copyrights {
  font-size: 92%;
}
#footer .linkWrap .logo {
  width: 78px;
  float: right;
}