@charset "UTF-8";
#header {
  padding-top: 10px;
  position: relative;
  z-index: 20;
  width: 100%;
  min-width: 950px;
  width: expression(document.body.clientWidth < 952? "950px" : "auto");
}
#header a {
  text-decoration: none;
  color: #0033cc;
}
#header a:hover {
  text-decoration: underline;
}
#header a:active {
  text-decoration: none;
}
#header a:link {
  font-weight: bold;
}
#header a:visited {
  font-weight: bold;
}

#headerBox {
  padding-top: 1em;
}
#headerBox > img {
  height: 0;
  display: block;
}

#tagLine {
  line-height: 1.1;
  color: #999999;
  font-size: 82%;
  text-align: right;
  margin-bottom: 10px;
  display: none;
}

#grpheader {
  text-align: left;
  padding-top: 8px;
  font-weight: bold;
}
#grpheader .navSkip {
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}
#grpheader .noCSS {
  display: none;
}

#siteID {
  float: left;
  width: 185px;
  margin: 10px 10px 6px 0;
}
#siteID .serviceLogo {
  border: none;
  margin: 5px 0 2px 11px;
  background-image: url(//image.books.rakuten.co.jp/books/img/common/head/head-image_130226.gif);
  background-top: 0;
  background-left: 0;
  background-repeat: no-repeat;
}

#commonAppeal {
  float: left;
  display: inline;
  line-height: 1.4;
  padding: 0 10px;
  font-size: 75%;
  margin: 13px 0 5px 0;
}
#commonAppeal img {
  border: none;
}

#remoteNav {
  display: block;
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 950px;
  font-size: 75%;
  float: right;
  vertical-align: bottom;
}
#remoteNav dt,
#subRemoteNav dt,
#myPageMenu dt,
#sectionNav dt,
#subSectionNav dt,
#topicPath dt,
#grpheader .navSkip{
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}
#remoteNav .grpRelation ul {
  clear: right;
  float: right;
  padding-right: 2px;
}
#remoteNav .grpRelation li {
  float: left;
  padding: 9px 0;
  line-height: 1;
  list-style-type: none;
}
#remoteNav .grpRelation li a {
  white-space: nowrap;
  padding: 0 9px 0 8px;
  display: block;
  border-right: 1px solid #999999;
}
#remoteNav .grpRelation .grpHome a {
  border-right: none;
}

#subRemoteNav {
  display: block;
  width: 66%;
  float: right;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  font-size: 75%;
}
#subRemoteNav dt {
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}
#subRemoteNav .siteUtility ul {
  clear: right;
  float: right;
  padding-right: 2px;
}
#subRemoteNav .siteUtility li {
  padding: 8px 0;
  float: left;
  line-height: 1;
  list-style-type: none;
}
#subRemoteNav .siteUtility li a {
  white-space: nowrap;
  padding: 0 9px 0 8px;
  display: block;
  border-right: 1px solid #999999;
}
#subRemoteNav .siteUtility li.last a {
  border-right: none;
}

#myPageMenu {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 60%;
  float: right;
  margin-top: 5px;
  margin-bottom: 2px;
  padding-right: 12px;
  vertical-align: bottom;
  font-size: 75%;
}
#myPageMenu dt {
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}
#myPageMenu ul {
  width: auto;
  background: #f0f0f0;
  font-weight: bold;
}
#myPageMenu .myMenu ul {
  clear: right;
  float: right;
  padding-right: 2px;
}
#myPageMenu .myMenu li {
  float: left;
  padding: 8px 0;
  line-height: 1;
  list-style-type: none;
}
#myPageMenu .myMenu li a {
  white-space: nowrap;
  padding: 0 9px 0 8px;
  display: block;
  border-right: 1px solid #999999;
}
#myPageMenu .myMenu li.last a {
  border-right: none;
}
#myPageMenu .myMenu .cartArea {
  border-right: 10px solid #FFF;
  padding: 0;
}
#myPageMenu .myMenu .cartArea .inner {
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px solid #A0A7A8;
  padding: 3px 6px;
  min-height: 20px;
}
#myPageMenu .myMenu .cartArea .inner .iconCart {
  display: inline-block;
  width: 28px;
  height: 20px;
  margin-right: 6px;
  background: url(//image.books.rakuten.co.jp/books/img/common/head/head-image_131130.gif) no-repeat 0 -42px;
  vertical-align: text-bottom;
}
#myPageMenu .myMenu .cartArea .inner .num {
  color: #666;
  font-size: 150%;
  padding: 3px 3px 0 0;
  vertical-align: top;
  display: inline-block;
  line-height: 1;
  font-weight: bold;
}
#myPageMenu .myMenu .cartArea .inner .cartBook {
  margin-right: 5px;
}
#myPageMenu .myMenu .cartArea .inner .cartBook, #myPageMenu .myMenu .cartArea .inner .cartEbook {
  font-weight: bold;
  background-color: #ECECEC;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
}
#myPageMenu .myMenu .cartArea .inner .cartBook a, #myPageMenu .myMenu .cartArea .inner .cartEbook a {
  display: block;
  border: none;
  padding: 5px 9px 3px 9px;
  line-height: 1;
}

#sectionNav {
  clear: both;
  font-size: 82%;
}
#sectionNav dt {
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}
#sectionNav .menuList {
  position: relative;
  display: block;
  border-bottom: 2px solid #bf0000;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
}
#sectionNav .menuList ul {
  padding-left: 12px;
  display: inline;
  float: left;
  min-height: 1%;
}
#sectionNav .menuList ul li {
  float: left;
  position: relative;
  margin-right: 1px;
}
@media screen and (max-width: 1060px) {
  #sectionNav .menuList ul li a,
  #sectionNav .menuList ul li a:visited {
    padding: 8px !important;
  }
  #sectionNav .menuList ul li span a,
  #sectionNav .menuList ul li span a:visited {
    padding: 0 10px !important;
  }
  #sectionNav .menuList ul li.current a {
    padding-bottom: 9px !important;
  }
}
#sectionNav .menuList a, #sectionNav .menuList a:link, #sectionNav .menuList a:visited {
  display: block;
  padding: 8px 12px;
  padding: expression(document.body.clientWidth < 1062 ? "8px" : "8px 12px");
  color: #ffffff;
  white-space: nowrap;
  text-decoration: none;
  background: #7f7d7d;
}
#sectionNav .menuList a:hover {
  background-color: #4e4e4e;
}
#sectionNav .menuList .current a, #sectionNav .menuList .current a:link, #sectionNav .menuList .current a:visited {
  margin-top: -1px;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 9px;
  position: relative;
  background: #bf0000;
  color: #ffffff;
  padding: expression(document.body.clientWidth < 1062 ? "8px 8px 9px" : "8px 12px 9px");
}
#sectionNav .menuListKoboTab, #sectionNav .menuListEntameTab {
  background: url(//image.books.rakuten.co.jp/books/img/common/main/ebook_header_border_r.gif);
  background-repeat: repeat-x;
  float: right;
  position: absolute;
  bottom: 0;
  right: 0px;
  padding: 10px 10px 2px;
  margin: 2px 10px 0 0;
  border-top: 0px solid #63c8d5;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
#sectionNav .menuListKoboTab:not(:target), #sectionNav .menuListEntameTab:not(:target) {
  padding: 10px 10px 2px;
}
#sectionNav .menuListKoboTab img, #sectionNav .menuListEntameTab img {
  border: none;
  margin: -2px 0 2px;
}
#sectionNav .menuListKoboTab a, #sectionNav .menuListKoboTab a:link, #sectionNav .menuListKoboTab a:visited, #sectionNav .menuListEntameTab a, #sectionNav .menuListEntameTab a:link, #sectionNav .menuListEntameTab a:visited {
  display: inline;
  background: none;
  color: #989898;
  padding: 0px 10px;
  vertical-align: top;
  font-size: 85%;
  border-right: 1px solid #cccccc;
  white-space: nowrap;
  text-decoration: none;
}
#sectionNav .menuListKoboTab a.last, #sectionNav .menuListKoboTab a:link.last, #sectionNav .menuListKoboTab a:visited.last, #sectionNav .menuListEntameTab a.last, #sectionNav .menuListEntameTab a:link.last, #sectionNav .menuListEntameTab a:visited.last {
  border-right: none;
  padding-right: 0px;
}
#sectionNav .menuListKoboTab a:hover, #sectionNav .menuListEntameTab a:hover {
  text-decoration: underline;
}
#sectionNav .menuListKoboTabTab {
  background-image: url(//image.books.rakuten.co.jp/books/img/common/main/ebook_header_border_r.gif);
}
#sectionNav .menuListEntameTab {
  background-image: url(//image.books.rakuten.co.jp/books/img/common/main/dvd_header_border.gif);
}

#subSectionNav {
  clear: both;
  position: relative;
  background-color: #ffffff;
}
#subSectionNav dt {
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}
#subSectionNav .menuList {
  line-height: 1.1;
  padding-left: 10px;
  font-size: 75%;
}
#subSectionNav .menuList ul {
  display: block;
  width: 100%;
  min-height: 1%;
  float: left;
}
#subSectionNav .menuList ul li {
  display: inline;
  float: left;
  list-style-type: none;
  padding: 8px 0;
}
#subSectionNav .menuList ul li a {
  display: block;
  color: #666666;
  white-space: nowrap;
  padding: 0 10px;
  border-right: 1px solid #999999;
}
#subSectionNav .menuList ul li a:link, #subSectionNav .menuList ul li a:visited {
  color: #666666;
  font-weight: bold;
}
#subSectionNav .menuList ul li.last a {
  padding-right: 0;
  border: none;
}
#subSectionNav .menuList ul li.current {
  font-weight: bold;
}
#subSectionNav .menuList ul li.kobo img {
  margin-top: -1px;
  padding-bottom: 1px;
}
#subSectionNav .menuList ul li.alignRight {
  float: right;
  margin-right: 10px;
  padding-left: 5px;
  background-image: url(//image.books.rakuten.co.jp/books/img/common/main/icon/subMenuArrow.gif);
  background-position: left 50%;
  background-repeat: no-repeat;
}

/* ==============================================
   search
============================================== */
#search {
  position: relative;
  padding-top: 7px;
  background: #ececec;
  border-top: 1px solid #a6a6a6;
  border-bottom: 1px solid #a6a6a6;
  z-index: 1;
  zoom: 1;
}
#search .banner {
  position: absolute;
  right: 18px;
  top: 7px;
  z-index: auto;
}
#search .searchInner {
  margin-right: 330px;
  z-index: 10;
}
#search .searchBox {
  background: #ececec;
  zoom: 1;
}
#search .searchBox .cartArea {
  border: medium none;
  border: none;
}
#search .searchBoxGr {
  background: #bf0000;
  padding: 7px 0;
  position: relative;
}
#search .searchOption {
  position: absolute;
  top: 7px;
  left: 12px;
  width: 246px;
  border: 1px solid #ffffff;
  border-bottom-color: #6b6b6b;
  border-right-color: #939393;
  height: 26px;
  background: #ffffff;
  line-height: 22px;
  padding: 4px 6px;
  *font-size: 17px;
}
#search .searchInput {
  position: relative;
  margin-left: 256px;
  margin-right: 109px;
  padding-left: 5px;
  background: url(//image.books.rakuten.co.jp/books/img/common/head/bg-search-input.gif) no-repeat 0 0 transparent;
  zoom: 1;
}
#search .searchInput input {
  width: 100%;
  height: 26px;
  line-height: 26px;
  border: none;
  background: url(//image.books.rakuten.co.jp/books/img/common/head/bg-search-input-m.gif) repeat-x 0 0 transparent;
}
#search .sggstInputWrap {
  padding-right: 5px;
  background: url(//image.books.rakuten.co.jp/books/img/common/head/bg-search-input.gif) no-repeat 100% 0 transparent;
}
#search .sggstInputWrap input {
  width: 100%;
  height: 26px;
  margin: 0;
  padding: 0;
  line-height: 26px;
  border: none;
  background: url(//image.books.rakuten.co.jp/books/img/common/head/bg-search-input-m.gif) repeat-x 0 0 transparent;
}
#search .sggstInputWrap input#searchWords {
  width: 100%;
  min-width: 100px;
  *position: relative;
  *top: -1px;
}
#search .sggstInputWrap .openSuggest {
  display: block;
  background: url(//image.books.rakuten.co.jp/books/img/common/suggest/new_off_23.gif) no-repeat center center;
  cursor: pointer;
  height: 27px;
  right: 2px;
  position: absolute;
  bottom: 0;
  width: 112px;
}
#search .searchButton {
  position: absolute;
  top: 7px;
  right: 12px;
  width: 94px;
  height: 0;
  padding-top: 26px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  background: url(//image.books.rakuten.co.jp/books/img/common/head/head-image_130226.gif) no-repeat -75px -36px;
  text-indent: -9999px;
}
#search .searchButton:hover {
  background: url(//image.books.rakuten.co.jp/books/img/common/head/head-image_130226.gif) no-repeat -177px -36px;
}
#search #nowordLine, #search #koboNowordLine {
  margin: 7px 0 7px 261px;
  font-size: 82%;
  color: #ff0000;
}
#search .hotKeywords {
  zoom: 1;
  overflow: hidden;
  padding-left: 12px;
  clear: both;
  font-size: 82%;
  line-height: 1.2;
}
#search .hotKeywords dt {
  margin-right: 5px;
  color: #d30000;
}
#search .hotKeywords dt, #search .hotKeywords dd {
  width: auto;
  float: left;
  padding: 0 0 7px 0;
  font-weight: bold;
}
#search .hotKeywords ul li {
  display: inline;
  margin-right: 15px;
  list-style-type: none;
}
#search .hotKeywords ul li.start {
  border: none;
}
#search .hotKeywords ul li a {
  white-space: nowrap;
}

#koboForm {
  display: none;
}

div#searchCart {
  position: absolute;
  top: 7px;
  right: 10px;
  width: 250px;
  background: #bf0000;
  color: #ffffff;
  font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;
}
div#searchCart #searchCartIcon {
  width: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: none;
}

* html #search .searchOption {
  margin-top: 2px;
}

*:first-child + html #search .searchOption {
  margin-top: 2px;
}

* html .searchBoxGr {
  zoom: 1;
}

*:first-child + html #search .searchInput input {
  margin-top: -1px;
  padding-top: 5px;
  height: 21px;
  line-height: 1.2;
}

* html #search .searchInput input {
  margin-top: -1px;
  padding-top: 5px;
  height: 26px;
  line-height: 1.2;
}

* html #search .searchButton {
  height: 26px;
  padding: 0;
}

#searchWords {
  min-width: 100px;
  width: expression(document.body.clientWidth < 102? "100px" : "auto");
}

/* ==============================================
   information
============================================== */

#userNotice {
  line-height: 1;
  background: #fefb88;
  text-align: center;
  width: auto;
  margin: 30px auto 5px auto;
  padding: 5px;
  border: 1px solid #000000;
}
#userNotice a {
  color: #000000;
  font-weight: bold;
}



#information, #noJs {
  font-size: 82%;
  line-height: 1;
  background: #fefb88;
  text-align: center;
  width: auto;
  margin: 5px auto;
  padding: 5px;
  border: 1px solid #fe0000;
}

#information a, #noJs {
  font-weight: bold;
}

/* cartArea new design */
.cartArea {
  border-right: 10px solid #FFF;
  padding: 0 !important;
}
.cartArea .inner {
  vertical-align: middle;
  background-color: #FFFFFF;
  border: 1px solid #A0A7A8;
  padding: 2px 6px;
  min-height: 20px;
  height: 20px;
}
.cartArea .inner .iconCart {
  display: inline-block;
  width: 28px;
  height: 20px;
  margin-right: 6px;
  background: url(//image.books.rakuten.co.jp/books/img/common/head/head-image_131130.gif) no-repeat 0 -42px;
  vertical-align: text-bottom;
}
.cartArea .inner .num {
  color: #666;
  font-size: 150%;
  padding: 3px 3px 0 0;
  vertical-align: top;
  display: inline-block;
  line-height: 1;
  font-weight: bold;
}
.cartArea .inner .cartBook {
  margin-right: 5px;
}
.cartArea .inner .cartBook, .cartArea .inner .cartEbook {
  font-weight: bold;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #ECECEC;
  vertical-align: top;
}
.cartArea .inner .cartBook a, .cartArea .inner .cartEbook a {
  display: block;
  border: none;
  padding: 5px 9px 3px 9px;
  line-height: 1;
}

*:first-child + html .cartArea .inner .iconCart {
  display: inline;
}

* html .cartArea .inner .iconCart {
  display: inline;
}



/* ==============================================
   maintenance
============================================== */

/* maintenance */
ul#maintenance  {
    text-align: center;
    margin: 20px auto 30px auto;
    width: 30%;
}
* html ul#maintenance  {
    width: 100%;
}
ul#maintenance li  {
    font-size: 82%;
    line-height: 1;
    text-align: center;
    background: #fefb88;
    padding: 5px;
    border: 1px solid #000000;
}
* html ul#maintenance li  {
    width: 30%;
}
ul#maintenance li a  {
    color: #000000;
    font-weight: bold;
}


/* Sprite Image
------------------------------------------------------ */

/* clearfix */
#search,
#search div.searchBox,
#search dl.hotKeywords {
    zoom: 1;
}


/*
==========================================================

* ANA header2009.03.09

==========================================================
*/

div#anaHeader {
    width: auto;
    height: 50px;
    position: relative;
    min-width: 760px;
    margin-top: 4px;
}
div#anaHeader a{
    background: url(//books.rakuten.co.jp/RBOOKS/include/ANA/bk.gif) repeat-x left top;
    display: block;
    width: 100%;
    height: 50px;
}
div#anaHeader img {
    float: right;
    margin-left: 270px;
}
div#anaHeader img.anaLogo {
    float: left;
    margin-left: 0;
    margin-right: -269px;
    position: relative;
}
* html div#anaHeader img.anaLogo {
    margin-left: -3px;
}

/* SSL */
div#anaHeaderSsl {
    width: auto;
    height: 50px;
    position: relative;
    min-width: 760px;
}
div#anaHeaderSsl a{
    background: url(https://books.rakuten.co.jp/RBOOKS/include/ANA/bk.gif) repeat-x left top;
    display: block;
    width: 100%;
    height: 50px;
}
div#anaHeaderSsl img {
    float: right;
    margin-left: 270px;
}
div#anaHeaderSsl img.anaLogo {
    float: left;
    margin-left: 0;
    margin-right: -269px;
    position: relative;
}
* html div#anaHeaderSsl img.anaLogo {
    margin-left: -3px;
}

/* main contents */
div#mainBoxArea {
	width: auto;
}

div#containerArea {
	margin: 10px 0;
}

/*Start Clearfix*/
.clearfix:after, dl#subSectionNav:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0.1em;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.clearfix, #subSectionNav {
  display: inline-block;
}

* html .clearfix, * html #subSectionNav {
  height: 1%;
}

.clearfix, #subSectionNav {
  display: block;
}

#remoteNav:after, #subRemoteNav:after, #myPageMenu:after, #sectionNav .menuList:after, #subSectionNav:after, #subSectionNav .menuList ul:after, #search:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}

#remoteNav, #subRemoteNav, #myPageMenu, #sectionNav .menuList, #subSectionNav, #subSectionNav .menuList ul, #search {
  display: inline-block;
}

/* Hides from IE Mac */
* html #remoteNav, * html #subRemoteNav, * html #myPageMenu, * html #sectionNav .menuList, * html #subSectionNav, #subSectionNav .menuList, * html #search, #search .searchBox {
  height: 1%;
}

#remoteNav, #subRemoteNav, #myPageMenu, #sectionNav .menuList, #subSectionNav, #subSectionNav .menuList, #search, #search .searchBox {
  display: block;
}

/* End Hack */