@charset "euc-jp";
/* ==============================================
   Global Navigation
============================================== */
#header {
	padding-top:10px;
}
.bookstop #header {
	margin-bottom: 10px;
}
#header a:link,
#header a:visited{
	color: #0033cc;
	font-weight:bold;
}
* html #headerBox{
	zoom:1;
}
*:first-child+html #headerBox{
	zoom:1;
}
#headerBox table font a:link{
	color:#1d54a7;
}


/* ==============================================
   Group header
============================================== */

#grpheader {
    text-align: left; /* for Quirks Mode */
    padding-top: 8px;
	font-weight: bold;
}
#headerBox{
	padding-top:1em;
}
* html #headerBox{
	padding-top:0;
}
#headerBox > img{
	height:0;
	display:block;
}
*:first-child+html #grpheader {
	padding-top: 10px;
}
* html #grpheader {
	padding-top: 10px;
}

/* tagline */
#tagLine {
    line-height: 1.1;
    color: #999999;
    font-size: 82%;
    text-align: right;
    margin-bottom: 10px;
	display:none;
}
* html #tagLine { /* win IE 6.0 */
    margin-bottom: -10px;
}
*:first-child+html #tagLine { /* win IE 7.0 */
    margin-bottom: -8px;
}


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

/* Promo area next to the logo */
#commonAppeal {
	float: left;
	display: inline;
	line-height: 1.4;
	padding: 0 10px;
	font-size: 75%;
	margin: 13px 0 5px 0;
}
#commonAppeal p span {
	color: #bf0000;
}

/* ==============================================
   Utility
============================================== */
#remoteNav,
#myPageMenu {
	float:right;
	width:50%;
	font-size: 75%;
}

#subRemoteNav {
	float:right;
	width:58%;
	font-size: 75%;
}

#remoteNav,
#subRemoteNav,
#myPageMenu {
	vertical-align:bottom;
}
#remoteNav {
	background:#f0f0f0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width: 950px;
}
#myPageMenu {
	margin-top:5px;
	margin-bottom:2px;
	padding-right:12px;
}
*:first-child+html #myPageMenu {
	margin-top:-5px;
}
* html #myPageMenu {
	margin-top:-5px;
}
#myPageMenu ul {
	width:auto;
	background:#f0f0f0;
	font-weight: bold;
}
.grpRelation ul,
.siteUtility ul,
.myMenu ul {
	clear:right;
	float:right;
	padding-right:2px;
}
.siteUtility ul,
.myMenu ul {
	float: right;
}
.grpRelation li,
.siteUtility li,
.myMenu li {
	float: left;
	line-height: 1;
	list-style-type: none;
}
.grpRelation .grpHome {
	font-weight: bold;
}
.grpRelation li,
.siteUtility li,
.myMenu li {
	padding: 8px 0;
}
.grpRelation li a,
.siteUtility li a,
.myMenu li a {
	white-space: nowrap;
	padding: 0 9px 0 8px;
	display: block;
	border-right:1px solid #999999;
}
.grpRelation .grpHome a {
	border-right: none;
}
.grpRelation li{
	padding: 9px 0 9px;
}
.grpRelation .last a,
.siteUtility .last a,
.myMenu .last a{
	border-right: none;
}
#myPageMenu .cartBox {
	min-height: 28px;
	padding:0;
}
* html #myPageMenu .cartBox {
	height: 28px;
}
#myPageMenu .cart {
	display: none;
	background:#bf0000;
	border-right:2px solid #ffffff;
}
#myPageMenu .cart.inactive {
	background:#7f7d7d;
}
#myPageMenu .cart a {
	padding:3px 10px 4px;
	border-right: none;
}
#myPageMenu .cart .num {
	color:#ffffff;
	font-size:133%;
	padding-top:3px;
	vertical-align:top;
	display:inline-block;
}
#myPageMenu .iconCart {
	display:inline-block;
	width:28px;
	height:21px;
	margin-right:6px;
	background: url(//image.books.rakuten.co.jp/books/img/common/head/head-image_130226.gif) no-repeat 0 -41px;
	vertical-align:text-bottom;
}
#myPageMenu .inactive .iconCart {
	background-position:-39px -41px;
}
*:first-child+html .iconCart {
	display:inline;
}
* html .iconCart {
	display:inline;
}

/* ==============================================
   Section menu
============================================== */
#sectionNav {
	clear: both;
	font-size:82%;
}
#sectionNav #favorite,
#sectionNav #purchaseBox,
#sectionNav #purchaseHistory {
    float: right;
    width: 104px;
    height: 25px;
    margin: 3px 0 0 10px;
}
#sectionNav .menuList {
	border-bottom:2px solid #bf0000;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic",Sans-Serif !important;
}
#sectionNav .menuList ul {
	padding-left:12px;
}
#sectionNav .menuList li {
	float: left;
	position: relative;
    margin-right: 1px;
}
#sectionNav .menuList a,
#sectionNav .menuList a:link,
#sectionNav .menuList a:visited {
	display:block;
	padding: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:visited {
	margin-top:-1px;
	padding-right:20px;
	padding-left:20px;
	padding-top:9px;
	position:relative;
	background:#bf0000;
	color: #ffffff;
}
#sectionNav .menuList ul li.current img{
    margin-top: 0;
    margin-bottom: 0;
}
#sectionNav .menuList ul li.ebook {
	margin-left: 10px;
}
#sectionNav .menuList ul li.ebook a,
#sectionNav .menuList ul li.ebook a:link,
#sectionNav .menuList ul li.ebook a:visited{
	width: 140px;
	padding-bottom: 7px;
	background: url(//image.books.rakuten.co.jp/books/img/common/head/head-image_130226.gif) no-repeat 0 -63px #ffffff;
zoom:1;
	color: #333333;
	border: 1px solid #cccccc;
	border-bottom: none;
	text-indent: -1000px;
}

/*on xml quirks mode*/
* html #sectionNav .menuList ul li.ebook a,
* html #sectionNav .menuList ul li.ebook a:link,
* html #sectionNav .menuList ul li.ebook a:visited{
	width: 166px;
	padding-right:0;
	padding-left:0;
}
#sectionNav .menuList ul li.current a.ebook,
#sectionNav .menuList ul li.ebook a:hover {
	background-position: -176px -63px;
	background-color:#ffffff;
	border-color: #bf0000;
}
* html #sectionNav .menuList ul li.ebook a:active{
	width: 166px;
	padding-right:0;
	padding-left:0;
}

/* ==============================================
   Sub Section
============================================== */
#subSectionNav {
  clear: both;
	position:relative;
  background-color: #ffffff; /* menu background color */
}

/* Start clearfix ------------------------------ */

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

/* Hides from IE-mac \*/
* html .clearfix,
* html #subSectionNav { 
	height: 1%; 
}
.clearfix,
#subSectionNav { 
	display: block; 
}
/* End hide from IE-mac */

/* -------------------------------- end clearfix */

#subSectionNav .menuList {
    line-height: 1.1;
    padding-left: 10px;
    font-size: 75%;
}
#subSectionNav .menuList ul li {
    display: inline; /* for Quirks Mode */
    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;
}
#remoteNav dt,
#subRemoteNav dt,
#myPageMenu dt,
#sectionNav dt,
#subSectionNav dt,
#topicPath dt,
#grpheader .navSkip {
	overflow: hidden;
	width: 0;
	height: 0;
	position: absolute;
}
#siteID img,
#sectionNav img,
#subSectionNav img,
#commonAppeal img {
    border: none;
}
#grpheader p.noCSS {
    display: none;
}

/* ==============================================
   search
============================================== */
#koboForm {
	display: none;
}
#search{
	position:relative;
	padding-top: 7px;
	background: #ececec;
	border-top: 1px solid #a6a6a6;
	border-bottom: 1px solid #a6a6a6;
  	z-index: 1;
}
#search .banner{
	position:absolute;
	right:18px;
	top:7px;
	z-index:10;
}
#search .searchInner {
	margin-right: 330px;
}
#search .searchBox{
	background:#ececec;
}
#search .searchBoxGr{
	background:#bf0000;
	padding:7px 0;
	position:relative;
}
div#searchCart{
	position:absolute;
	top:10px;
	right:0;
	width:200px;
	background:#bf0000;
	color:#ffffff;
	font:12px "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic",Sans-Serif !important;
}
div#searchCart a{
    color:#ffffff;
}
div#searchCart #searchCartIcon {
	width: 26px;
	height: 26px;
	margin: 0;
	padding:0;
	vertical-align: middle;
	border: none;
}
#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;	
}
* html #search .searchOption{
	margin-top:2px;
}
*:first-child+html #search .searchOption{
	margin-top:2px;
}
#search #nowordLine,
#search #koboNowordLine {
	margin:7px 0 7px 220px;
    font-size: 82%;
    color: #ff0000;
}
#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 .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 .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;
}
*:first-child+html #search .searchInput input{
	margin-top:-1px;
	padding-top:5px;
	height:21px;
	line-height:1.2;
}
* html .searchBoxGr{
	zoom:1;
}
* html #search .searchInput input{
	margin-top:-1px;
	padding-top:5px;
	height:26px;
	line-height:1.2;
}
#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;
}
* html #search .searchButton{
	height:26px;
	padding:0;
}
#search .hotKeywords  {
    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;
}

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

p#userNotice {
    line-height: 1;
    background: #fefb88;
    text-align: center;
    width: auto;
    margin: 30px auto 5px auto;
    padding: 5px;
    border: 1px solid #000000;
}
p#userNotice a {
    color: #000000;
    font-weight: bold;
}
p#information,
p#noJs {
    font-size: 82%;
    line-height: 1;
    background: #fefb88;
    text-align: center;
    width: auto;
    margin: 5px auto;
    padding: 5px;
    border: 1px solid #fe0000;
}
p#information a,
p#noJs {
    color: #fe0000;
    font-weight: bold;
}

/* ==============================================
   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;
}
#search dl.hotKeywords {
    overflow: hidden;
}

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

* 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 ------------------------------ */
	
#myPageMenu:after,
#remoteNav:after,
#subRemoteNav:after,
#sectionNav .menuList:after,
#search:after,
#search .searchBox:after,
#anaHeader:after,
#anaHeaderSsl:after {	
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
#myPageMenu,
#remoteNav,
#subRemoteNav,
#sectionNav .menuList,
#search,
#search .searchBox,
#anaHeader,
#anaHeaderSsl {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #myPageMenu,
* html #remoteNav,
* html #subRemoteNav,
* html #sectionNav .menuList,
* html #search .searchBox,
* html #anaHeader,
* html #anaHeaderSsl {
	height: 1%;
}
#myPageMenu,
#remoteNav,
#subRemoteNav,
#sectionNav .menuList,
#search,
#search .searchBox,
#anaHeader,
#anaHeaderSsl {
	display: block;
}
/* End hide from IE-mac */

/* -------------------------------- end clearfix */