@charset "UTF-8";

/*
 * Based on Gridless version 2.0
 * http://thatcoolguy.github.com/gridless-boilerplate/
 */

/* HTML5 display definitions
---------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
	visibility: hidden;
}

/* Base structure
---------------------------------------- */
html {
	height: 100%;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0 auto;
	min-height: 100%;
}
body, button, input, select, textarea {
	font-size: 1em; /* 10px */
	line-height: 2.3; /* 23px */
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", osaka, sans-serif;
	color: #333;
}
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, th, td, fieldset, menu, h6, img, figcaption, button, hr {
	font-size: 1.2em; /* 12px */
	line-height: 1.6667em; /* 20px */
	margin: 0 0 1.6667em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	font-size: 5.6em;
	line-height: 1.2321em;
	margin: 0 0 0.4107em;
}
h2 {
	font-size: 3.7em;
	line-height: 1.2432em;
	margin: 0 0 0.6216em;
}
h3 {
	font-size: 2.8em;
	line-height: 1.6429em;
	margin: 0 0 0.8214em;
}
h4 {
	font-size: 2.1em;
	line-height: 1.0952em;
	margin: 0 0 1.0952em;
}
h5 {
	font-size: 1.8em;
	line-height: 1.2778em;
	margin: 0 0 1.2778em;
}
small {
	font-size: 0.8em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code, kbd, samp {
	font: 1.2em/1.6429em Menlo, Consolas, 'DejaVu Sans Mono', Monaco, 'Courier New', Courier, monospace;
}

/* Tables
---------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}

/* Forms
---------------------------------------- */
form {
	margin: 0;
}
fieldset {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
legend {
	border: 0;
	*margin-left: -7px;
}
button, input, select, textarea {
	vertical-align: baseline;
	*vertical-align: middle;
}
button, input {
	line-height: normal;
	*overflow: visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
input[type="hidden"] {
	display: none;
	margin: 0;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
label{cursor:pointer;}
/* for IE6/7 bug fix */
table button, table input { 
	_overflow: hidden;
}


/* Quotes
---------------------------------------- */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
blockquote, q, cite {
	font-style: italic;
}
blockquote {
	padding-left: 1.625em;
	border-left: 1px solid #ddd;
}
blockquote > p {
	padding: 0;
}

/* Lists
----------------------------------------
ul, ol {
	list-style-position: inside;
	padding: 0;
}
li ul, li ol {
	margin: 0 1.625em;
}
dl dd {
	margin-left: 1.625em;
}
*/
ul, ol {
	list-style:none outside;
	padding: 0;
}
li {
	list-style:none outside;
	vertical-align:top;
}

/* Links
---------------------------------------- */
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: none;
}

/* Figures
---------------------------------------- */
figure {
	margin: 0;
}

/* Embedded content
---------------------------------------- */

img, object, video {
	max-width: 100%;
	max-width : none\0/;
	*max-width : 100%;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/* for IE9 bug */
svg:not(:root) {
	overflow: hidden;
}

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

/* Marked/inserted/deleted text
---------------------------------------- */
mark {
	background: #ff0;
}
ins {
	text-decoration: none;
	background: #ff9;
}
del {
	text-decoration: line-through;
}

/* Others
---------------------------------------- */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #ddd;
}
strong, b, dt {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
var, address {
	font-style: normal;
}
sub, sup {
	font-size: 0.625em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/* clearfix , semantically titled with 'group'
---------------------------------------- */
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	*zoom: 1;
}




/* Primary styles
---------------------------------------- */

/* -- Base ---------------------------------------------- */
html {}
body {
	padding:0 auto;
	text-align:center;
	background:#fff url(../img/bdy_bk.png) 50% 0% repeat-x;
}

a {
	text-decoration: none;
	color: #2096e8;
}
a:visited {
	text-decoration: none;
	color: #2096e8;
}
a:hover, a:visited:hover {
	text-decoration: underline;
	color:#2096e8;
}

/* -- HEADER ---------------------------------------------- */

#top{
	margin:0 auto;
	padding:0 0 20px;
	width:900px;
	height:118px;
	position:relative;
	text-align:left;
}

/*-- HDR BAR -- */
#subnav{
	position:absolute;
	top:7px;
	left:5px;
	width:900px;
	height:13px;
}
#subnav li{
	float:left;
	display:inline;
	height:13px;
	padding-left:15px;
	overflow:hidden;
}
#subnav li a{
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/hdr_sn.png);
	height:13px;
	border: 0;
}
#subnav li#sn01{padding-left:0;padding-right:285px;}
#subnav li#sn01 a      {background-position:   0px   0px; width:216px;}
#subnav li#sn01 a:hover{background-position:   0px -13px; width:216px;}
#subnav li#sn02 a      {background-position:-221px   0px; width:88px;}
#subnav li#sn02 a:hover{background-position:-221px -13px; width:88px;}
#subnav li#sn03 a      {background-position:-313px   0px; width:88px;}
#subnav li#sn03 a:hover{background-position:-313px -13px; width:88px;}
#subnav li#sn04 a      {background-position:-405px   0px; width:33px;}
#subnav li#sn04 a:hover{background-position:-405px -13px; width:33px;}
#subnav li#sn05 a      {background-position:-442px   0px; width:66px;}
#subnav li#sn05 a:hover{background-position:-442px -13px; width:66px;}
#subnav li#sn06 a      {background-position:-512px   0px; width:45px;}
#subnav li#sn06 a:hover{background-position:-512px -13px; width:45px;}

#cartnav{
	position:absolute;
	top:38px;
	right:0px;
	width:210px;
	height:21px;
}
#cartnav li{
	float:left;
	display:inline;
	height:21px;
}
#cartnav li a{
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/hdr_cn.png);
	height:21px;
	border: 0;
}
#cartnav li#cn01{padding-right:4px;}
#cartnav li#cn01 a      {background-position:   0px 0px; width:137px;}
#cartnav li#cn01 a:hover{background-position:-214px 0px; width:137px;}
#cartnav li#cn02 a      {background-position:-141px 0px; width:69px;}
#cartnav li#cn02 a:hover{background-position:-355px 0px; width:69px;}

/*-- LOGO -- */
#hdrlogo h2{
	position:absolute;
	top:67px;
	left:0px;
	width:265px;
	height:50px;
}
#hdrlogo h2 a{
	display:block;
	width:265px;
	height:50px;
	border: 0;
	text-indent:-9999px;
	background:transparent url(../img/hdr_logo.png) 0 0 no-repeat;
}
#hdrlogo p{
	position:absolute;
	top:67px;
	left:282px;
	width:183px;
	height:50px;
	text-indent:-9999px;
	background:transparent url(../img/hdr_cpy.png) 0 0 no-repeat;
}
#hdrlogo h1.genre,
#hdrlogo h2.genre{
	position:absolute;
	top:67px;
	left:282px;
	width:204px;
	height:50px;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position: 0 0;
}
#hdrlogo #english{background-image:url(../img/hdr_lang_english.png);}
#hdrlogo #german{background-image:url(../img/hdr_lang_german.png);}
#hdrlogo #french{background-image:url(../img/hdr_lang_french.png);}
#hdrlogo #spanish{background-image:url(../img/hdr_lang_spanish.png);}
#hdrlogo #chinese{background-image:url(../img/hdr_lang_chinese.png);}
	
/*-- SEARCH -- */
#hdrsrch{
	position:absolute;
	top:67px;
	right:0px;
	width:381px;
	height:51px;
/*	background:transparent url(../img/hdr_srch_bk.png) 0 0 no-repeat;*/
}
#hdrsrchkw{
	position:absolute;
	top:15px;
	left:31px;
	font-size:12px;
	line-height:1em;
	padding:1px;
	width:197px;
	height:16px;
	background:#fff url(../img/hdr_srch_kwbk.png) 3px 3px no-repeat;
	vertical-align: top;
}
#hdrsrchbtn{
	position:absolute;
	top:12px;
	left:240px;
	text-indent:-9999px;
	*padding-top:18px;
	width:46px;
	height:27px;
	background:transparent url(../img/hdr_srch_btn.png) 0px -2px no-repeat;
	border:none;
	cursor:pointer;cursor:hand;
	vertical-align: top;
}
#hdrsrchbtn,x:-moz-any-link{padding-top:4px;*padding-top:18px;}
#hdrsrchbtn:hover{background-position:0px -33px;}
#hs02{
	position:absolute;
	top:10px;
	right:9px;
	width:78px;
	height:31px;
}
#hs02 a{
	display:block;
	text-indent:-9999px;
	width:78px;
	height:31px;
	background:transparent url(../img/hdr_srch_btn.png) -54px 0px no-repeat;
	border:none;
}
#hs02 a:hover{background-position:-54px -31px;}

/*-- FOOTER ---------------------------------------------- */
#footer{
	clear:both;
	position:relative;
	margin:auto auto 0;
	padding:0 auto;
	text-align:center;
	background:#2096e8 url(../img/line_pattern.png) 50% 0% repeat-x;
}

#ftrlink{
	position:relative;
	text-align:left;
	margin:0px auto;
	width:820px;
	padding:0 0 20px 80px;
}
#ftrlink a {color: #fff; text-decoration: none;}
#ftrlink a:visited {color: #fff;}
#ftrlink a:hover, 
#ftrlink a:visited:hover {color:#fff; text-decoration: underline;}

#ftrlink ul{
	float:left;
	display:inline;
	width: 190px;
	margin:20px 0 0;
	padding-left:14px;
	border-left: 1px solid #1a80c7;
	font-size: 1.2em;
}
#ftrlink ul li{
	margin:5px 0 5px 0;
}
#ftrlink ul li a{
	background:transparent url(../img/ftr_arw.png) 0px 4px no-repeat;
	padding-left:10px;
}
#ftrlink ul li.fst{
	width: 300px;
	margin-left: 0px;

}

#ftrrights{
	margin:auto auto 0;
	padding:0 auto;
	text-align:center;
	background-color:#0b314c;
}

#ftrrights p{
	position:relative;
	text-align:center;
	margin:0 auto;
	width:900px;
	padding:5px 0 15px;
	color: #afafaf;
	font-size: 1.0em;
}

/* -- CONTENTS ---------------------------------------------- */
#contents{
	width:900px;
	height:100%;
	margin:0 auto;
	padding:0 0 20px;
	text-align:left;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}

#contents .content h2{
	width:722px;
	height: 30px;
	margin: 40px 0 22px;
	background:#fff url(../img/line_pattern.png) 0% 100% repeat-x;
}
#contents .content h2 span{
	display:block;
	text-indent: -9999px;
	width:722px;
	height: 26px;
	border-bottom:1px solid #545454;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#single{
	margin:8px 0 0;
	padding:0px 0 40px;
	width:900px;
	text-align:left;
	/* border-top:1px solid #545454; */
}
#contents #single .content h2{width:900px;}
#contents #single .content h2 span{width:900px;}

#single2{
	margin:8px 0 0;
	padding:0;
	width:722px;
	float: left;
	display: inline;
	text-align:left;
	/* border-top:1px solid #545454; */
	/* border-top:1px solid #545454; */
}
#contents #single2 .content h2{width:722px;}
#contents #single2 .content h2 span{width:722px;}


#contents table.data{
	margin:0 0 5px;
	width: 100%;
	border-collapse: collapse;
	border-top:1px dotted #bbb;
}
#contents table.data thead th{
	background-color:#ededed;
	padding:10px 10px 8px;
}
#contents table.data tbody td,
#contents table.data tbody th{
	padding:10px 5px;
	border-bottom:1px dotted #bbb;
}

/* -- SIDE ---------------------------------------------- */
#sub{
	width: 152px;
	height: 100%;
	float: right;
	display: inline;
	text-align: left;
	background-color: transparent;
	/* border-top:1px solid #545454; */
	border-bottom:1px solid #545454;
	margin-top:8px;
	padding-bottom:1px;
}
#genrefeature{
	width: 152px;
	/* padding-top:23px; */
}
#genrefeature li{
	width: 152px;
	height: 26px;
	margin-bottom: 5px;
}
#genrefeature li a{
	display:block;
	width: 122px;
	height: 22px;
	padding:4px 5px 0px 25px;
	background:#fff url(../img/sub_btnbk.png) 0px 0px no-repeat;
}
#genrenav{
	width: 152px;
	margin:0px;
	border-top:1px solid #545454;
	border-bottom:1px solid #545454;
	padding:5px 0;
	line-height: 1.2em;
}

#genrenav li{
	width: 152px;
	border-top:1px dotted #8c8c8c;
}
#genrenav li.fst{
	border-top:none;
}
#genrenav li a{
	display: block;
	width: 122px;
	padding:5px 5px 4px 25px;
	background:#fff url(../img/sub_arw.png) 7px 6px no-repeat;
}


/* -- MAIN ---------------------------------------------- */

#main{
	margin:8px 0 0;
	padding:0;
	width:722px;
	float: left;
	display: inline;
	text-align:left;
	/* border-top:1px solid #545454; */
}

#main .content{
	width:722px;
}

#main h1.genre,
#main h2.genre{
	text-indent: -9999px;
	position: relative;
	margin:-9px 0px 20px 21px;
	width: 701px;
	height: 18px;
	font-size:1.0em;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#main h1#english,
#main h2#english{background-image:url(../img/lang_h1_english.png);}
#main h1#german,
#main h2#german{background-image:url(../img/lang_h1_german.png);}
#main h1#french,
#main h2#french{background-image:url(../img/lang_h1_french.png);}
#main h1#spanish,
#main h2#spanish{background-image:url(../img/lang_h1_spanish.png);}
#main h1#chinese,
#main h2#chinese{background-image:url(../img/lang_h1_chinese.png);}

/* -- INDEX ---------------------------------------------- */
#index #top{
	height:119px;
	background:transparent url(../img/bdy_bk.png) 50% 0% repeat-x;
}
#index #hdrlogo h1{
	position:absolute;
	top:58px;
	left:4px;
	width:341px;
	height:61px;
	text-indent:-9999px;
	background:transparent url(../img/top_hdr_logo.png) 0 0 no-repeat;
}
/*
#index #hdrsrch{
	position:absolute;
	background:transparent url(../img/top_hdr_srch_bk.png) 0 0 no-repeat;
}
#index #hdrsrchkw{
	width:277px;
}
#index #hdrsrchbtn{
	left:320px;
}
*/
#index #contents p.lead{
	border-top:1px solid #545454;
	border-bottom:1px solid #545454;
	padding:10px;
	width:880px;
}
#index #contents ul{
	width:888px;
	margin:40px 6px 80px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
#index #contents li{
	float:left;
	display:inline;
	width:288px;
	height:116px;
	margin:0 0 15px 12px;
	background:#fff url(../img/top_btn_bk.png) 0 0 no-repeat;
}
#index #contents li#eng,
#index #contents li#spa,
#index #contents li#onseiSite{margin-left:0px;}
#index #contents li a{
	text-indent:-9999px;
	display:block;
	width:262px;
	height:90px;
	margin:13px 0 0 13px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/top_btn.png);
	border: 0;
}
#index #contents li#eng a      {background-position:   0px    0px;}
#index #contents li#eng a:hover{background-position:   0px -180px;}
#index #contents li#ger a      {background-position:-262px    0px;}
#index #contents li#ger a:hover{background-position:-262px -180px;}
#index #contents li#fre a      {background-position:-524px    0px;}
#index #contents li#fre a:hover{background-position:-524px -180px;}
#index #contents li#spa a      {background-position:   0px  -90px;}
#index #contents li#spa a:hover{background-position:   0px -270px;}
#index #contents li#chi a      {background-position:-262px  -90px;}
#index #contents li#chi a:hover{background-position:-262px -270px;}
#index #contents li#oth a      {background-position:-524px  -90px;}
#index #contents li#oth a:hover{background-position:-524px -270px;}
#index #contents li#onseiSite a      {background-position:0px  -360px;}
#index #contents li#onseiSite a:hover{background-position:0px -450px;}

/* -- LANGUAGE ---------------------------------------------- */

body#language #contents .content #frontlist h2{margin-top:0px;}

body#language #contents .content #frontlist h2.y2012 span{background-image:url(../img/lang_h2_fl_2012.png);}
body#language #contents .content #frontlist h2.y2013 span{background-image:url(../img/lang_h2_fl_2013.png);}
body#language #contents .content #frontlist h2.y2014 span{background-image:url(../img/lang_h2_fl_2014.png);}
body#language #contents .content #frontlist h2.y2015 span{background-image:url(../img/lang_h2_fl_2015.png);}
body#language #contents .content #frontlist h2.y2016 span{background-image:url(../img/lang_h2_fl_2016.png);}
body#language #contents .content #frontlist h2.y2017 span{background-image:url(../img/lang_h2_fl_2017.png);}
body#language #contents .content #frontlist h2.y2018 span{background-image:url(../img/lang_h2_fl_2018.png);}
body#language #contents .content #frontlist h2.y2019 span{background-image:url(../img/lang_h2_fl_2019.png);}
body#language #contents .content #frontlist h2.y2020 span{background-image:url(../img/lang_h2_fl_2020.png);}
body#language #contents .content #frontlist h2.y2021 span{background-image:url(../img/lang_h2_fl_2021.png);}
body#language #contents .content #backlist h2 span{background-image:url(../img/lang_h2_bl.png);}

body#language #contents .content #frontlist h2.other span{background-image:url(../img/lang_h2_other.png);}

body#language #main .book{
	width:340px;
	float:left;
	display:ininie;
	margin-bottom:20px;
}
body#language #main .fst{
	margin-right:42px;
}
body#language #main .book p.sgenre{
	width:330px;
	background-color:#00467a;
	color:#fff;
	padding:2px 5px 1px;
	margin-bottom:7px;
	font-size:1.0em;
	line-height:1em;
}
body#language #main .book p.bkimg{
	float:left;
	display:ininie;
	width:114px;
	margin-bottom:0;
	background:#fff url(../img/bkm_shdw_btm.png) 0% 100% no-repeat;
	line-height:1px;
}
body#language #main .book p.bkimg a{
	display:block;
	padding:0 6px 8px 0;
	margin:0;
	background:transparent url(../img/bkm_shdw_top.png) 0 0 no-repeat;
}
body#language #main .book p.bkimg img{
	margin:0;
}

body#language #main .book .bktxt{
	float:left;
	display:ininie;
	width:226px;
}
body#language #main .book .bktxt h3{
	width:226px;
	padding: 0px 0px 10px;
	font-size: 1.2em;
	border-bottom:1px solid #a8b4bd; 
}
body#language #main .book .bktxt p.detail{
	margin-bottom:10px;
}
body#language #main .book .bktxt p.sample span{
	float:left;
	display:inline;
	text-indent: -9999px;
	width:67px;
	height:14px;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
body#language #main .book .bktxt p.sample span.pages{background-image:url(../img/list_icon_pages.png);margin-right:6px;}
body#language #main .book .bktxt p.sample span.sounds{background-image:url(../img/list_icon_sounds.png);}



/* -- DETAIL ---------------------------------------------- */

/*-- BKIMG -- */
body#detail #main #bkimg{
	float:left;
	display:inline;
	width:235px;
}
body#detail #main #bkimg p.bkimg{
	width:219px;
	background:#fff url(../img/bkl_shdw_btm.png) 0% 100% no-repeat;
	line-height:1px;
}
body#detail #main #bkimg p.bkimg img{
	display:block;
	padding:0 6px 8px 0;
	margin:0;
	background:transparent url(../img/bkl_shdw_top.png) 0 0 no-repeat;
}
/*20121210追加*/
body#detail #main #bkimg p.zaiko{

	display:block;
	background-color: #EDEDED;
	background:#fff url(../img/zaiko.png) 0px 0px no-repeat;
	width: 211px;
	border: 1px solid #8C8C8C;
        text-align: center;
        line-height: 20px;
	padding: 5px 0 5px 0px;
	margin-bottom: 10px;
}

body#detail #main #bkimg p.nozaiko{

	display:block;
	font-weight: bold;
	color: #CC0000;
/*	background-color: #EDEDED;*/
	background:#fff url(../img/zaiko.png) 0px 0px no-repeat;
	width: 211px;
	border: 1px solid #8C8C8C;
        text-align: center;
        line-height: 20px;
	padding: 5px 0 5px 0px;
	margin-bottom: 10px;
}
/*20121210追加*/
body#detail #main #bkimg dl.volume{
	width:213px;
	height:89px;
	position:relative;
	margin-bottom:10px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
	background:transparent url(../img/dtl_vlm_bk.png) 0 0 no-repeat;
}
body#detail #main #bkimg dl.volume dt{
	position:absolute;
	left:0px;
	display:block;
	width:42px;
	height:23px;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_vlm_bk.png);
}
body#detail #main #bkimg dl.volume dt.vread{top:0px;background-position:0px -89px;}
body#detail #main #bkimg dl.volume dt.vwrite{top:22px;background-position:0px -111px;}
body#detail #main #bkimg dl.volume dt.vlisten{top:44px;background-position:0px -133px;}
body#detail #main #bkimg dl.volume dt.vspeak{top:66px;background-position:0px -155px;}
body#detail #main #bkimg dl.volume dd{
	position:absolute;
	left:42px;
	display:block;
	width:151px;
	height:18px;
	font-size:1em;
	line-height:160%;
	margin:0;
	padding:3px 10px 2px 10px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_vlm_bk.png);
}
body#detail #main #bkimg dl.volume dd.vread{top:0px;background-position:-42px -89px;}
body#detail #main #bkimg dl.volume dd.vwrite{top:22px;background-position:-42px -111px;}
body#detail #main #bkimg dl.volume dd.vlisten{top:44px;background-position:-42px -133px;}
body#detail #main #bkimg dl.volume dd.vspeak{top:66px;background-position:-42px -155px;}

body#detail #main #bkimg dl.score{
	width:213px;
	margin-bottom:10px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#detail #main #bkimg dl.score dt{
	float:left;
	display:inline;
	width:73px;
	min-height:10px; _height:10px;
	/*\*/clear:both;/**/
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 4px;
	background-repeat:no-repeat;
}
body#detail #main #bkimg dl.score dt.stoeic{background-image:url(../img/dtl_toeic.png);}
body#detail #main #bkimg dl.score dd{
	float:left;
	*float:none;
	width:140px;
	_width:137px;
	font-size:1em;
	line-height:160%;
	margin:0;
	padding:0;
}

body#detail #main #bkimg p.level{
	position:relative;
	width:213px;
	height:28px;
	text-indent:-9999px;
	background:transparent url(../img/dtl_lvl_msr.png) 0% 100% no-repeat;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#detail #main #bkimg p.level span{
	position:absolute;
	top:0;
	display:block;
	width:20px;
	height:14px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_lvl_bar.png);
}
body#detail #main #bkimg p.level span.lvl1 {left: 5px;background-position:    0px 0px;}
body#detail #main #bkimg p.level span.lvl2 {left: 26px;background-position: -21px 0px;}
body#detail #main #bkimg p.level span.lvl3 {left: 47px;background-position: -42px 0px;}
body#detail #main #bkimg p.level span.lvl4 {left: 67px;background-position: -62px 0px;}
body#detail #main #bkimg p.level span.lvl5 {left: 87px;background-position: -82px 0px;}
body#detail #main #bkimg p.level span.lvl6 {left:108px;background-position:-103px 0px;}
body#detail #main #bkimg p.level span.lvl7 {left:128px;background-position:-123px 0px;}
body#detail #main #bkimg p.level span.lvl8 {left:148px;background-position:-143px 0px;}
body#detail #main #bkimg p.level span.lvl9 {left:168px;background-position:-163px 0px;}
body#detail #main #bkimg p.level span.lvl10{left:189px;background-position:-184px 0px;}
body#detail #main #bkimg dl.link li a{
	display: block;
	width: 122px;
	padding:2px 2px 2px 25px;
	background:#fff url(../img/sub_arw.png) 7px 6px no-repeat;
}
/*-- BKTXT -- */
body#detail #main #bktxt{
	float:left;
	display:inline;
	width:487px;
	background:transparent url(../img/dtl_txt_bk.png) 0 0 no-repeat;
}

body#detail #main #bktxt h1{
	font-size:2.0em;
	margin:10px 10px 10px 10px;
	width:467px;
	color:#00467a;
}
body#detail #main #bktxt h1 span{
	display:block;
	font-size:0.7em;
	font-weight:normal;
}

body#detail #main #bktxt p.author{
	margin:10px;
}

body#detail #main #bktxt dl.data{
	width:487px;
	margin-bottom:10px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#detail #main #bktxt dl.data dt{
	float:left;
	display:inline;
	width:62px;
	/*\*/clear:both;/**/
	font-weight:normal;
	line-height:160%;
	margin:00;
	padding:5px 0px 5px 10px;
}
body#detail #main #bktxt dl.data dd{
	float:left;
	*float:none;
	width:405px;
	_width:402px;
	line-height:160%;
	margin:0;
	padding:5px 0 5px 10px;
}
body#detail #main #bktxt dl.data dt.odd,
body#detail #main #bktxt dl.data dd.odd{
	background-color:#ededed;
}

body#detail #main #bktxt #detail,
body#detail #main #bktxt #content,
body#detail #main #bktxt #handbook{
	border-top: 1px solid #e2e2e2;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#detail #main #bktxt #detail p,
body#detail #main #bktxt #content p,
body#detail #main #bktxt #handbook p{
	padding:0 10px;
}
body#detail #main #bktxt #detail h3{
	margin-top:9px;
	font-size:1.2em;
	color:#00467a;
	padding:0 10px;
}
body#detail #main #bktxt #content h3,
body#detail #main #bktxt #handbook h3{
	height:29px;
	font-size:1.2em;
}
body#detail #main #bktxt #content h3 a,
body#detail #main #bktxt #handbook h3 a{
	display:block;
	height:23px;
	background:transparent url(../img/dtl_toggle_btn.png) 0px -30px no-repeat;
	padding:6px 0 0 30px;
}
body#detail #main #bktxt #content h3 a.close,
body#detail #main #bktxt #handbook h3 a.close{
	background-position: 0px 0px;
}

body#detail #main #bktxt #icon,
body#detail #main #bktxt #cart,
body#detail #main #bktxt #buy{
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}

body#detail #main #bktxt #icon p{
	float:left;
	display:inline;
}
body#detail #main #bktxt #icon p.icon{
	display:block;
	width:83px;
	height:31px;
	margin:15px 5px 0 0;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_icon.png);
	border: 0;
}
body#detail #main #bktxt #icon p#rcd{background-position:   0px   0px;}
body#detail #main #bktxt #icon p#acd{background-position: -88px   0px;}

body#detail #main #bktxt #icon p.btn{
	width:310px;
	height:48px;
	margin:11px 0 0;
	background:transparent url(../img/dtl_icon_btn_bk.png) 0 0 no-repeat;
}
body#detail #main #bktxt #icon p.btn a{
	float:left;
	display:inline;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/dtl_icon_btn.png);
	height:35px;
	border: 0;
}
body#detail #main #bktxt #icon p.btn a#spdf      {background-position:   0px   0px;margin:2px 7px 0 6px;width:146px;}
body#detail #main #bktxt #icon p.btn a#spdf:hover{background-position:   0px -35px;margin:2px 7px 0 6px;width:146px;}
body#detail #main #bktxt #icon p.btn a#smp3      {background-position:-153px   0px;margin:2px 0 0 0;width:148px;}
body#detail #main #bktxt #icon p.btn a#smp3:hover{background-position:-153px -35px;margin:2px 0 0 0;width:148px;}

body#detail #main #bktxt #cart{
	width:487px;
	height:72px;
	margin-top:20px;
	background:transparent url(../img/dtl_cart_bk.png) 0 0 no-repeat;
}
body#detail #main #bktxt #cart p{
	text-indent:-9999px;
	width:334px;
	height:42px;
	margin:16px 0px 0px 146px;
}
body#detail #main #bktxt #cart p a{
	float:left;
	display:inline;
	width:160px;
	height:42px;
	margin:0px 7px 0px 0px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
body#detail #main #bktxt #cart p a.sample{background-image:url(../img/dtl_cart_btn1.png);}
body#detail #main #bktxt #cart p a.acceptance{background-image:url(../img/dtl_cart_btn2.png);}
body#detail #main #bktxt #cart p a:hover{background-position: -160px 0px;}

body#detail #main #bktxt #buy{
	width:487px;
	height:46px;
	margin-top:6px;
	background:transparent url(../img/dtl_buy_bk.png) 0 0 no-repeat;
}
body#detail #main #bktxt #buy p.note{
	float:left;
	display:inline;
	text-indent:-9999px;
	width:330px;
	height:46px;
	margin:0px 14px 0px 0;
}
body#detail #main #bktxt #buy p.buy{
	float:left;
	display:inline;
	width:110px;
	height:31px;
	margin:0px;
}
body#detail #main #bktxt #buy p.buy a{
	display:block;
	text-indent:-9999px;
	width:110px;
	height:31px;
	margin:8px 0 0 0px;
	background:transparent url(../img/dtl_buy_btn.png) 0 0 no-repeat;
	border: 0;
}
body#detail #main #bktxt #buy p.buy a:hover{background-position:-110px 0px;}


/*-- RELTEXT -- */
body#detail #reltext{
	clear:both;
	width:900px;
	text-align:left;
	padding-top:20px;
}
body#detail #reltext h2{
	width:900px;
	height: 30px;
	margin: 20px 0 22px;
	background:#fff url(../img/line_pattern.png) 0% 100% repeat-x;
}
body#detail #reltext h2 span{
	display:block;
	text-indent: -9999px;
	width:900px;
	height: 26px;
	border-bottom:1px solid #545454;
	background:transparent url(../img/dtl_h2_reltxt.png) 0px 0px no-repeat;
}

body#detail #reltext .book{
	float:left;
	display:inline;
	width:210px;
	margin:0 0 0 20px;
}
body#detail #reltext .fst{margin:0;}
body#detail #reltext .book p.bkimg{
	float:left;
	display:ininie;
	width:91px;
	margin-bottom:0px;
	background:#fff url(../img/bks_shdw_btm.png) 0% 100% no-repeat;
	line-height:1px;
}
body#detail #reltext .book p.bkimg a{
	display:block;
	padding:0 6px 8px 0;
	margin:0;
	background:transparent url(../img/bks_shdw_top.png) 0 0 no-repeat;
}
body#detail #reltext .book p.bkimg img{
	margin:0;
}

body#detail #reltext .book .bktxt{
	float:left;
	display:ininie;
	width:119px;
}
body#detail #reltext .book .bktxt h3{
	width:119px;
	font-size: 1.2em;
	font-weight: normal;
}


/* -- CART ---------------------------------------------- */

body#cart #contents .content #sample h2{margin-top:0px;}
body#cart #contents .content #sample h2 span{background-image:url(../img/cart_h2_sample.png);}
body#cart #contents .content #acceptance h2 span{background-image:url(../img/cart_h2_acceptance.png);}
body#cart #contents .content #applicant h2{margin-top:0px;}
body#cart #contents .content #applicant h2 span{background-image:url(../img/cart_h2_applicant.png);}

body#cart #contents #sample table.data,
body#cart #contents #acceptance table.data{border-top:none;}
body#cart #contents table.data thead th.delete{width:60px;}
body#cart #contents #sample table.data thead th.name{width:660px;}
body#cart #contents #sample table.data thead th.price{width:150px;}

body#cart #contents #acceptance table.data thead th.name{width:240px;}
body#cart #contents #acceptance table.data thead th.price{width:70px;}
body#cart #contents #acceptance table.data thead th.school{width:200px;}
body#cart #contents #acceptance table.data thead th.quantity{width:70px;}
body#cart #contents #acceptance table.data thead th.comment{width:200px;}

body#cart #contents #acceptance input.school{width:150px;}
body#cart #contents #acceptance input.quantity{width:30px;margin-right:3px;}
body#cart #contents #acceptance textarea.comment{
	width:170px;
	padding:3px;
	border:1px solid #aaa;
	line-height:1.6em;
	height:3.2em;
}
body#cart #contents a.deletebtn{
	display:block;
	text-indent:-9999px;
	width:60px;
	height:26px;
	background:transparent url(../img/crt_delete_btn.png) 0px 0px no-repeat;
}
body#cart #contents a.deletebtn:hover{background-position: 0px   -26px;}
body#cart #contents a.plusbtn{
	display:inline-block;
	text-indent:-9999px;
	height:23px;
	background:transparent url(../img/dtl_toggle_btn.png) 0px 0px no-repeat;
	padding:6px 0 0 30px;
	filter: alpha(opacity=80);opacity:0.80;
}
body#cart #contents a.plusbtn:hover{filter: alpha(opacity=100);opacity:1.00;}

body#cart #contents p.btn{
	margin-top:20px;
	height:66px;
	background:transparent url(../img/crt_btn_bk.png) 450px 0px no-repeat;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#cart #contents a.backbtn{
	float:left;
	display:inline;
	text-indent:-9999px;
	width:156px;
	height:32px;
	margin:12px 0 0 220px;
	background:transparent url(../img/crt_bk_btn.png) 0px 0px no-repeat;
}
body#cart #contents #sample a.backbtn,
body#cart #contents #acceptance a.backbtn{
	background-image:url(../img/crt_back_btn.png);
}
body#cart #contents a.backbtn:hover{background-position: 0px   -32px;}
body#cart #contents a.submitbtn{
	float:left;
	display:inline;
	text-indent:-9999px;
	width:186px;
	height:42px;
	margin:7px 0 0 85px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	
}
body#cart #contents #sample a.submitbtn{background-image:url(../img/crt_smpl_btn.png);}
body#cart #contents #acceptance a.submitbtn{background-image:url(../img/crt_accptnc_btn.png);}
body#cart #contents a.submitbtn:hover{background-position: 0px   -42px;}

body#cart #contents #acceptance #document{
	width:860px;
	padding:20px 20px 14px;
	background-color:#ededed;
}
body#cart #contents #acceptance #document strong{color:#f00;}
body#cart #contents #acceptance #document h3{
	font-size:1.4em;
}
body#cart #contents #acceptance #document p{
	margin-bottom:0.5em;
}

body#cart #contents #applicant table.data tbody td{line-height:3em;}
body#cart #contents #applicant table.data tbody td input{_margin-top: 5px;_margin-bottom: 5px;}
body#cart #contents #applicant table.data tbody th{
	width:100px;
	background-color:#ededed;
	padding-left:15px;
}
body#cart #contents #applicant table.data tbody td{padding-left:15px;}
body#cart #contents #applicant input.name,
body#cart #contents #applicant input.kana{width:200px;}
body#cart #contents #applicant input.school{width:300px;margin-right:10px;}
body#cart #contents #applicant input.zip1{width:80px;margin-left:5px;margin-right:5px;}
body#cart #contents #applicant input.zip2{width:100px;margin-left:5px;margin-right:5px;}
body#cart #contents #applicant input.address{width:600px;}
body#cart #contents #applicant input.phone{width:200px;}
body#cart #contents #applicant input.mail{width:200px;margin-right:10px;}
body#cart #contents #applicant label{margin-right:10px;}
body#cart #contents #applicant textarea.comment{
	width:600px;
	padding:3px;
	border:1px solid #aaa;
	line-height:1.6em;
	height:6.4em;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align:top;
}

body#cart #contents #applicant p.btn{
	margin-top:20px;
	height:66px;
	background:transparent url(../img/crt_btn_bk.png) 450px 0px no-repeat;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}

body#cart #contents #applicant .submitbtn{
	float:left;
	display:inline;
	text-indent:-9999px;
	width:186px;
	height:42px;
	margin:7px 0 0 85px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	border:none;
	background-image:url(../img/crt_applcnt_btn.png);
}


/* -- SEARCH ---------------------------------------------- */

body#search #contents .content h2{margin-top:0px;}
body#search #contents .content #srch h2 span{background-image:url(../img/srch_h2_search.png);}
body#search #contents .content #result h2 span{background-image:url(../img/srch_h2_result.png);}

body#search #contents #srch table.data tbody td{line-height:3em;}
body#search #contents #srch table.data tbody td input,
body#search #contents #srch table.data tbody td select{_margin-top: 5px;_margin-bottom: 5px;}
body#search #contents #srch table.data tbody th{
	background-color:#ededed;
	padding-left:15px;
}
body#search #contents #srch table.data tbody th.thjp{text-align:right;width:80px;padding-right:0px;}
body#search #contents #srch table.data tbody th.then{padding-left:0px;width:135px;font-weight:normal;}

body#search #contents #srch table.data tbody td{padding-left:15px;}
body#search #contents #srch input.bookname{width:400px;}
body#search #contents #srch input.author{width:400px;}
body#search #contents #srch input.isbn{width:100px;margin-left:5px;margin-right:5px;}
body#search #contents #srch select.level1{margin-right:5px;}
body#search #contents #srch select.level2{margin-left:5px;}
body#search #contents #srch tr.lvl,
body#search #contents #srch tr.gnr{display:none;}
body#search #contents #srch tr.gnr td ul{
	float:left;
	display:inline;
	width:330px;
	margin-right;20px;
}
body#search #contents #srch tr.gnr td ul{display:none;}
body#search #contents #srch p.btn{
	margin-top:20px;
	height:66px;
	background:transparent url(../img/crt_btn_bk.png) 450px 0px no-repeat;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
body#search #contents #srch a.rstbtn{
	float:left;
	display:inline;
	text-indent:-9999px;
	width:156px;
	height:32px;
	margin:12px 0 0 220px;
	background:transparent url(../img/srch_rst_btn.png) 0px 0px no-repeat;
}
body#search #contents #srch a.rstbtn:hover{background-position: 0px   -32px;}
body#search #contents #srch .submitbtn{
	float:left;
	display:inline;
	text-indent:-9999px;
	width:186px;
	height:42px;
	margin:7px 0 0 85px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-image:url(../img/srch_search_btn.png);
}
body#search #contents #srch .submitbtn:hover{background-position: 0px   -42px;}

body#search #contents #result #sort{
	width:700px;
	padding:10px 10px 4px;
	margin-bottom:20px;
	border:1px solid #ccc;
}
body#search #contents #result #sort p{
	float:left;
	display:inline;
	margin-bottom:0.5em;
	margin-right:40px;
}
body#search #contents #result #sort p select{
	margin-right:5px;	
}
body#search #contents #result #sort p.btn{
	float:right;
	display:inline;
	width:120px;
	height:26px;
	margin-right:0px;
}
body#search #contents #result #sort p.btn a{
	display:block;
	text-indent:-9999px;
	width:120px;
	height:26px;
	background:transparent url(../img/srch_sort_btn.png) 0px 0px no-repeat;
}
body#search #contents #result #sort p.btn a:hover{background-position: 0px   -26px;}

body#search #contents #result .hint{
	width:682px;
	padding:20px 20px 14px;
	background-color:#ededed;
	margin-bottom:20px;
}
body#search #contents #result .hint strong{color:#f00;}
body#search #contents #result .hint h3{
	font-size:1.2em;
}
body#search #contents #result .hint p{
	margin-bottom:0.5em;
}

body#search #contents #result ul.pagenavi{
	margin:20px 0;
	padding:3px 0;
	clear: both;
}
body#search #contents #result ul.pagenavi li{
	display:inline;
	margin:0 2px;
	text-align:center;
}
body#search #contents #result ul.pagenavi li.prev{margin-right:10px;}
body#search #contents #result ul.pagenavi li.next{margin-left:10px;}
body#search #contents #result ul.pagenavi li a,
body#search #contents #result ul.pagenavi li span{
	padding:6px 6px 5px;
	margin:0;
	border: 1px solid #ccc;
}
body#search #contents #result ul.pagenavi li span{
	color:#fff;
	background:#ccc;
}
body#search #contents #result ul.pagenavi li a:hover{
	color:#fff;
	background:#2096e8;
	border-color:#2096e8;
}

body#search #contents #resultlist{
	float: left;
	border-top:2px solid #a8b4bd; 
	padding-top:20px;
	width: 722px;

}
body#search #contents .book{
	width:722px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:2px solid #a8b4bd; 
}
body#search #contents .book p.bkimg{
	float:left;
	display:ininie;
	width:95px;
	margin-bottom:0;
	background:#fff url(../img/bks_shdw_btm.png) 0% 100% no-repeat;
	line-height:1px;
}
body#search #contents .book p.bkimg a{
	display:block;
	padding:0 6px 8px 0;
	margin:0;
	background:transparent url(../img/bks_shdw_top.png) 0 0 no-repeat;
}
body#search #contents .book p.bkimg img{
	margin:0;
}

body#search #contents .book .bktxt{
	float:left;
	display:ininie;
	width:627px;
}
body#search #contents .book .bktxt h3{
	width:621px;
	padding: 0px 0px 10px;
	font-size: 1.4em;
	border-bottom:1px dotted #a8b4bd; 
}
body#search #contents .book .bktxt p.detail{
	margin-bottom:10px;
}
body#search #contents .book .bktxt p.sample span{
	float:left;
	display:inline;
	text-indent: -9999px;
	width:67px;
	height:14px;
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
body#search #contents .book .bktxt p.sample span.pages{background-image:url(../img/list_icon_pages.png);margin-right:6px;}
body#search #contents .book .bktxt p.sample span.sounds{background-image:url(../img/list_icon_sounds.png);}



/* TOOLTIP ------------------------------------------------ */

#alpha-inner,
.asset{
overflow: visible;
}
span.toolTip,
body#cart a.plusbtn{
cursor: pointer; 
position: relative;
display:inline-block;
padding:0px 7px;
font-weight:bold;
background-color:#f0efec;
/* border-bottom:1px dotted #777; */
zoom:1;
}
.toolTipWrapper{
width: 175px;
position: absolute;
top: 20px;
left: 0px;
display: none;
color: #000;
font-weight:normal;
font-size:0.9em;
z-index:9999;
}
.toolTipWrapperL{
right: -20px;
left: auto;
}

.toolTipTop { width:175px; height:30px; background:transparent url(../img/bubble-top.png) no-repeat;}
.toolTipWrapperL .toolTipTop { background:transparent url(../img/bubble-topl.png) 100% 100% no-repeat;}
.toolTipMid { padding:0 15px; background:#f0efec; text-align:left; line-height: 1.4;text-indent:0;}
.toolTipBtm { height:13px; background:#f0efec;}


.errmsg{
	background-color:#ffffff;
	color:red;
}
.errhead{
	color:white;
	width:100%;
	background-color:red;
}


/* 120920 追加  */
body#about #contents .content #sample h2 span {
	background-image:url(../img/about_h2_sample.png); }
body#about #contents .content #offer h2 span {
	background-image:url(../img/about_h2_offer.png); }
body#about #contents .content #help h2 span {
	background-image:url(../img/about_h2_help.png); }
body#about #contents .content h2 {
	margin-top: 0px;
}