@charset "shift_jis";







/*-------------------------------------------------



GLOBAL PAGE LAYOUT ELEMENTS



-------------------------------------------------*/



* {



	margin: 0;



	padding: 0;



}







body{



	color:#000;



	background:#FFFFFF;



	font-family:"‚l‚r ‚oƒSƒVƒbƒN", 'Hiragino Kaku Gothic Pro', "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;



	font-size:x-small;	/* <- IE5.x */



	voice-family:"\"}\""; voice-family:inherit; font-size:small;	/* <- IE6, Firefox */



}	html>body{font-size:small;}	/* <- Opera */







body.innerbody{



	width:721px;



	background:#fff;



}







body.smallWindow{



	width:500px;



	background:#fff;



}



/* Normal links */



a,a[name]:hover{color:#000; text-decoration:none;}



a:link {color:#069; text-decoration:underline;}



a:visited {color:#669; text-decoration:underline;}



a:hover, a:visited:hover {color:#39c; text-decoration:underline;}







/* black links */



a.black,a.black[name]:hover{color:#333; text-decoration:underline;}



a.black:link {color:#333; text-decoration:underline;}



a.black:visited {color:#333; text-decoration:underline;}



a.black:hover, a.black:visited:hover {color:#39c; text-decoration:underline;}







/* white links */



a.white,a.white[name]:hover{color:#fff; text-decoration:none;}



a.white:link {color:#fff; text-decoration:none;}



a.white:visited {color:#fff; text-decoration:none;}



a.white:hover, a.white:visited:hover {color:#39c; text-decoration:none;}











/* Image border and background color fixes */



a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {border:none; background-color:transparent;}







textarea{



	line-height:120%;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body textarea{font-size:small;}







.linkList{



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .linkList{font-size:small;}







ul.linkList{



	list-style-type: none;



}







ul.linkList li{



	padding:0 0 0 10px;



	background:url(../img/arrow-s.gif) 0em 0.5em no-repeat;



}







ul.linkList li.child{



	margin:0 0 0 150px;



	padding:0 0 0 10px;



	background:url(../img/arrow-sb.gif) 0em 0.5em no-repeat;



}







ul.linkList li.childr{



	margin:0 0 0 10px;



	padding:0 0 0 10px;



	background:url(../img/arrow-sb.gif) 0em 0.5em no-repeat;



}







ol.linkList{



	list-style-type:decimal;



}



ol.linkList li{



	margin:0 0 0.3em 2.3em;



	padding:0 0 0 -20px;



}







ul.linkList li.stores{



	font-weight:bold;



}











/*-------------------------------------------------



HEADER ELEMENTS



-------------------------------------------------*/







#header input, #header form img{



	vertical-align:middle;



}







#header input.keyword{



	width: 120px;



	height: 16px;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body #header input.keyword{font-size:small;}







#header input.topkeyword{



	width: 106px;



	height: 16px;



	border:1px solid #cccccc;



	background:#ffffff;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body #header input.topkeyword{font-size:small;}







.topnavi1 {



	margin:0 0 20px 0;



} 







.topnavi2 {



	margin:0 0 8px 0;



} 







.topnavi3 {



	margin:0 0 4px 0;



} 



/*-------------------------------------------------



CONTENTS ELEMENTS



-------------------------------------------------*/



.defaultContent{



	line-height:200%;



	font-size:xx-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:x-small;



}	html>body .defaultContent{font-size:x-small;}







.blockXS{



	line-height:130%;



	margin:0 0 6px 0;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .blockXS{font-size:small;}







.blockSM{



	line-height:165%;



	margin:0 0 6px 0;



}



.blockME{



	margin:0 0 6px 0;



}



.blockMESM{



	margin:0 0 6px 0;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .blockMESM{font-size:small;}







.bookImage{



	margin:1px 0 0 0;



	border:solid 1px #999;



}







.description{



	color:#666;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .description{font-size:small;}







.more{



	text-align:right;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .more{font-size:small;}







.btn{



	margin:4px 0 0 0;



}







.xs{



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .xs{font-size:small;}







.sm{



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .sm{font-size:small;}







.sm666{



	font-size:x-small;



	color:#666;



	line-height:140%;



	font-weight:normal;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .sm666{font-size:small;}







.me{



	font-size:small;



	voice-family:"\"}\""; voice-family:inherit; font-size:medium;



}	html>body .me{font-size:medium;}







.la{



	font-size:small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .la{font-size:small;}







.delimiter{



	color:#ddd;



	font-size:x-small;



}







.stock{



	color:#2A549A;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .stock{font-size:small;}







/*-------------------------------------------------



FOOTER ELEMENTS



-------------------------------------------------*/



.footerlink {



	margin-top:8px;



	margin-bottom:24px;



	line-height:120%;



}







/*-------------------------------------------------



PAGE ELEMENTS



-------------------------------------------------*/







#webonly .bookImage{



	margin:0 10px 0 0;



}







#detail h5{



	margin:13px 0 6px 0;



}







#detail h4{



	margin:20px 0 6px 0;



}



#detail h4.blue{



	padding:3px 0 0 0;



	border-top:3px solid #ccc;



	color:#666;



	font-weight:normal;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body #detail h4.blue{font-size:small;}



#detail h4.blue img{



	margin-right:20px;



	vertical-align:text-bottom;



}







#detail h4.red{



	padding:3px 0 5px 0;



	border-bottom:1px solid #2A549A;



}



#detail h4.blue2{



	padding:3px 0 5px 0;



	border-top:1px solid #ccc;



}



#rightcolumn h4{margin:23px 0 0 0;}







#rightcolumn table{margin:5px 0 5px 0;}







#detail .buy{



	margin:10px 0 0 0;



	padding:0 0 0 8px;



	border-left:1px dotted #069;



}



div.rightcolumn{



	padding:10px;



	background-color:#f5f5eb;



	border-bottom:1px solid #900;



}



.gtCopy{



	color:#900;



	font-weight: bold;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .gtCopy{font-size:small;}







.detailBHGenre{



	font-weight: bold;



	vertical-align:text-bottom;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .detailBHGenre{font-size:small;}







.detailBHGenre img{



	vertical-align:text-bottom;



}



.detailInnerLink img{



	margin:0 0 5px 0;



	vertical-align:middle;



}



.detailCopy{



	font-weight: bold;	



	color: #C60;



	line-height:130%;



	font-size:small;



	voice-family:"\"}\""; voice-family:inherit; font-size:medium;



}	html>body .detailCopy{font-size:medium;}







.basketdata{



	line-height:140%;



	padding:0 10px 0 0;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .basketdata{font-size:small;}







.basketdataLS{



	line-height:140%;



	padding:0 10px 0 0;



	font-size:x-small;



	voice-family:"\"}\""; voice-family:inherit; font-size:small;



}	html>body .basketdataLS{font-size:small;}







.basketdataL{



	line-height:140%;



	padding:0 10px 0 0;



	font-size:small;



	voice-family:"\"}\""; voice-family:inherit; font-size:medium;



}	html>body .basketdataL{font-size:medium;}


.digitalbookstore dt {
    font-size: 15px;
    margin-bottom: 10px;
}

.digitalbookstore ul {
    list-style: none;
}

.digitalbookstore li {
    float: left;
    margin: 0 7px 3px 0;
}

span.degital_icon{
    display: block;
    padding: .2em .2em;
    border-radius: 4px;
    background-color: #ec861d;
    font-size: .65rem;
    letter-spacing: .01em;
    color: #fff;
    text-align: center;
    margin-top: .5em;}

span.digital_store{
    display: block;
    padding: .2em .2em;
    border-radius: 4px;
    background-color: #065fa5;
    font-size: .75rem;
    letter-spacing: .01em;
    color: #fff;
    text-align: center;
    margin-top: .2em;}

td.blockMESM.serch_digital {
    max-width: 300px;
}
td.blockMESM.serch_digital input {
    margin-right: 5px;
}
td.blockMESM.serch_digital label {
    margin-right: 7px;
}

/*.buycheck {margin:8px 0 0 0;}*/


.buycheck {margin:3px 0 0 0;}





img.gotop{



	margin:20px 0 10px 0;



}







.errmsg{



	font-size:12px;



	font-weight:bold;



	color:#CC0000;



}



/*-------------------------------------------------



PRINT ELEMENTS



-------------------------------------------------*/







@media print {



.noprint{display: none;}



}







/*-------------------------------------------------



HIDDEN ELEMENTS



-------------------------------------------------*/







.hide {



	font-size: 1px;



	line-height: 1px;



	text-indent: -9999px;		



}







/*-------------------------------------------------



Guide page



-------------------------------------------------*/



.carriageBox {



	margin: 5px 0 10px 20px;



}







strong.underlinetext {



	text-decoration: underline;



}







.break-word{



white-space: -moz-pre-wrap;



white-space: -pre-wrap;



white-space: -o-pre-wrap;



white-space: pre-wrap;



word-wrap: break-word;



}







.cl {



 display: inline-block;

 min-height:280px;



}



.cl:after {



 content: "";



 display: block;



 clear: both;



}



div.vertical {



 display: table-cell;



 height: 260px;



}



div.vertical_middle {



 vertical-align: middle;



}



div.vertical_bottom {



 vertical-align: bottom;



}



* html div.vertical {



 display:inline;



 zoom:1;



}



*:first-child+html div.vertical {



 display:inline;



 zoom:1;



}