@charset "UTF-8";
@import "reset.css";

body { color: #333; line-height:1.2; }

* html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
*:first-child+html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
head‾/* */body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic" }
html:not(:target) body { font-family: sans-serif; }
img { -ms-interpolation-mode: bicubic; }

* { zoom: 1; }

/* !font-size 12px default setting */
body { font-size:12px; }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }

.autoW { overflow: hidden; zoom: 1; }

/* clearfix */
hr { display: none; }
.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* !Links */
a:link,
a:visited { color:#36C; text-decoration:none; }
a:hover,
a:active { color:#33C; text-decoration:underline;}

body { background: #ededed url(../images/bg_wrapper.png) repeat-y top center; }
.wrapper { background: #fff; width: 958px; padding: 15px 10px 30px; margin: 0 auto; }

#header { line-height: 1.2; padding: 0 0 15px;}
#header #sholderCopy { font-weight: normal; margin: 0 0 0 4px; }
#header #logo { margin: -10px 0 0;}
#header li { float: left; }
#header .fltL { width: 330px;}
#header #hdrBros { float: right; font-size: 108%; margin: 0 0 10px }

#header #hdrBros li { padding: 0 10px; }
#header #hdrFunc { float: right; clear: right; font-size: 117%; }
#header #hdrFunc li { padding: 0 10px; border-right: 2px solid #cfcfcf; }
#header #hdrFunc li.last { border: none; }

#pageFunc { height: 39px; padding: 0 0 0 209px; background: url(../images/bg_pagefunc.png) no-repeat; position: relative; }
#pageFunc #search td { padding: 7px 10px 0 0;}
#pageFunc #search .searchField { width: 460px; border: 1px solid #b5ada5; font-size: 14px; padding: 2px;}
#pageFunc #search .btn {}
#pageFunc #checkCart { position: absolute; top: 9px; right: 11px; }

#subLeft { width: 192px; float: left; }

#nav { position: relative; line-height: 1.2; font-size: 14px; margin: 0 0 20px; background: url(../images/bg_nav_rpt.png) top left; }
#nav * { display: block; zoom: 1; _height: 1%; }
#nav .parentDT { color: #fff; font-weight: bold; position: absolute; top: -24px; left: 10px; }
#nav .parentDD { padding: 1px 3px 15px 3px; background: url(../images/bg_nav_btm.png) no-repeat bottom left; }
#nav li {  font-family: sans-serif; }
#nav a { display: block; }
#nav .parent { height: 1%; position: relative; }
#nav .child { position: absolute; top: -2px; padding: 4px 0; left: 187px; width: 172px; background: #fcf8f4; border: 2px solid #adadad; display: none; font-size: 13px; }
#nav .child a { padding: 2px 12px; }
#nav .child dt { font-size: 12px; padding: 4px 12px 4px; color: #666;}
#nav .trigger { height: 1%; padding: 4px 7px 3px; border-bottom: 1px dotted #cdcdcd; font-weight: bold; color: #666; background: #fcf8f4 url(../images/nav_arrow.png) no-repeat 170px 10px; }
#nav .trigger:hover { font-weight:bold; color:#36C; }
#nav .clone { height: auto; position: absolute; top: -1px; left: 0; width: 175px; background: #fcf8f4; border-bottom: 1px solid #adadad; border-top: 1px solid #adadad; }

#footer { margin: 70px 0 0; }
#footer #jasrac { text-align: right; color: #999; font-size: 9px; padding: 0 0 10px; border-bottom: 1px solid #dadada; margin: 0 0 15px; line-height: 1.5;}
#footer #footerFunc { float: right; font-size: 11px; }
#footer #footerFunc li  { float: left; padding: 2px 10px; border-right: 1px solid #dadada; }
#footer #footerFunc li.last { border: none; }
#footer address { float: left; font-style: normal; font-family: Arial, Helvetica; color: #666; font-size: 11px; }

.thum img,
img.thum,
#bookthum { border: 1px solid #d0d0d0; }


#container { }
#leftWrap { width: 764px; float: left; }
#mainArea { float: right; width: 555px; padding: 20px 0 0; }

#subRight { width: 177px; float: right; padding: 20px 0 0; }

.roundBox { border: 1px solid #999; padding: 0 0 0; margin: 0 0 20px; }
.roundBox dt.hdr { padding: 10px; font-weight: bold; font-size: 13px; }
.roundBox .item { border-top: 1px dotted #fff; padding: 13px 13px 13px 63px; min-height: 60px; position: relative; line-height: 1.2; _height:60px;}
.roundBox .item a { display: block; }
.roundBox .item .thum { position: absolute; top: 10px; left: 10px; }
.roundBox .item span { display: block; }
.roundBox .item .ttl { font-weight: bold; margin: 0 0 4px; font-size: 13px; }

#recommend { background: url(../images/bg_rec_btm.png) repeat-x left bottom; }
#recommend dt { background: url(../images/bg_rec_top.png) repeat-x left bottom; }

#history { border: 3px solid #909090; background: #fff url(../images/bg_rec_btm.png) repeat-x left bottom; padding-top: 2px; }
#history dt { font-size: 13px; color: #fff; font-weight: bold; background: url(../images/bg_his_top.png); margin: 0 2px; padding: 10px; }

#newsinfo { background: #fff url(../images/bg_new_btm.png) repeat-x left bottom; font-size: 11px; }
#newsinfo dt { background: url(../images/bg_new_top.png) repeat-x left bottom; }
#newsinfo .item { padding: 13px;  line-height: 1.4; }
#newsinfo span { zoom: normal; }
#newsinfo .date { font-weight: bold; margin: 0 0 4px; }
#newsinfo .fltL { margin: 0 10px 4px 0; }

#beginner { background: #f6f9ff url(../images/bg_beg_btm.png) repeat-x left bottom; font-size: 13px; padding: 0; }
#beginner dt { background: url(../images/bg_new_top.png) repeat-x left bottom; }
#beginner .item { padding: 10px 13px;  line-height: 1.2; min-height: 10px; _height:10px; }
#beginner .date { font-weight: bold; margin: 0 0 4px; }
#beginner .fltL { margin: 0 10px 4px 0; }

#bestseller { position: relative; background: #fffef7 url(../images/bg_bes_btm.png) repeat-x left bottom; }
#bestseller .hdr { padding-bottom: 30px;}
#bestseller dt { background: url(../images/bg_rec_top.png) repeat-x left bottom; }
#bestseller #tab01 { font-family: sans-serif; background: url(../images/bg_bes_item.png) repeat-y; }
#bestseller #tab02 { font-family: sans-serif; background: url(../images/bg_bes_item2.png) repeat-y; display: none; }
#bestseller #tab03 { font-family: sans-serif; background: url(../images/bg_bes_item3.png) repeat-y; display: none; }
#bestseller .item { padding-left: 78px; background: url(../images/bg_bes_dots.png) bottom repeat-x; border: none; }
#bestseller .thum { left: 28px; }
#bestseller .rank { position: absolute; left: 6px; top: 9px; font-weight: bold; color: #fff;}
#bestseller #tab { position: absolute; top: 30px; left: 4px; font-size: 1px; }
#bestseller #tab li { float: left; margin: 0 2px 0 0; }
#bestseller #tab li a { display: block; overflow: hidden; height: 17px; width: 54px; text-indent: -1000px; }
#bestseller #tab #btn01 { background: url(../images/rank_btn01.png) no-repeat top left;}
#bestseller #tab #btn02 { background: url(../images/rank_btn02.png) no-repeat top left;}
#bestseller #tab #btn03 { background: url(../images/rank_btn03.png) no-repeat top left;}
#bestseller #tab li .current{ background-position: bottom left !important; cursor: default; }
#bestseller #tab li a:hover { background-position: bottom left !important;}

.catttl { border-bottom: 1px solid #7a7a7a; padding: 4px 2px; position: relative; }
.catttl span { display: block; padding: 6px 10px 4px; font-size: 16px; }
.catttl a { position: absolute; top: 14px; right: 0; font-weight: normal; text-decoration: underline; font-size: 11px; }
.orange span { border-left: 8px solid #ffc189; }
.green span { border-left: 8px solid #b8dbac; }
.purple span { border-left: 8px solid #FF99FF; }

#newRelease { margin: 10px 0 0; }
#special { margin: 30px 0 0; }

#content { width: 748px; float: right; padding: 20px 0 0; }
#breadCrumbs { margin: 0 0 10px; }

.pagenate { background: #f6f6f6; padding: 8px 10px; position: relative; }
.pagenate dt { position: absolute; top: 14px; left: 8px; }
.pagenate dd { text-align: center; }
.pagenate dd span,
.pagenate dd a { display: inline-table; padding: 5px 8px; margin: 0 2px; }
.pagenate dd a { border: 1px solid #e7e5e6; background: #fff; }
.pagenate dd a:link,
.pagenate dd a:visited { color:#00a0e9; text-decoration:underline; }
.pagenate dd a:hover,
.pagenate dd a:active { color:#ccc; text-decoration:underline;}


.items { width: 267px; padding: 0 10px 0 0; float: left; margin: 15px 0 0; }
.items h3 { font-size: 14px; margin: 0 0 4px; }
.items .auth { font-size: 12px; margin: 0 0 8px; }
.items .body { padding: 0 0 0 90px; position: relative; zoom: 1; font-size: 13px; }
.items .thum { position: absolute; top: 0; left: 0; }
.items .thum img { display: block; }
.items .copy { line-height: 1.6; margin: 0 0 10px; min-height: 82px; _height:82px; }
.items ul li { width: 82px; float: left; cursor: pointer; }
.items ul a { zoom:1; display: block; cursor: pointer; }
.items ul a .round  { zoom:1; display: block; padding: 5px 0; border: 1px solid #d6d6d6; text-align: center; font-size: 13px; cursor: pointer; }
.items ul .detail a { margin: 0 7px 0 0; }
.items ul .detail a .round { background: url(../images/bg_btn_detail.png) repeat-x center left;}
.items ul .read a .round { background: url(../images/bg_btn_read.png) repeat-x center left; }

#searchResult { padding: 20px 0 0; }
.itemsResult { line-height: 1.4; width:334px; padding: 15px 40px 10px 0; float: left; position: relative; min-height: 150px; _height: 150px; }
.itemsResult h3 { margin: 0 0 7px; font-size: 13px; }
.itemsResult .info { margin: 0 0 7px; }
.itemsResult .thum { float: left; margin: 0 10px 0 0;  }
.itemsResult .body { overflow: hidden; }
.itemsResult ul { clear: left; padding: 10px 0 0; }
.itemsResult ul li { width: 100px; margin: 0 10px 0 0; float: left; }
.itemsResult ul a { zoom:1; display: block; cursor: pointer; }
.itemsResult ul a .round { zoom:1; display: block; padding: 5px 0; border: 1px solid #d6d6d6; text-align: center; font-size: 13px; }
.itemsResult ul .detail a .round { background: url(../images/bg_btn_detail.png) repeat-x center left;}
.itemsResult ul .read a .round { background: url(../images/bg_btn_read.png) repeat-x center left; }

.itemsResult2 { border-bottom: 1px dotted #8b8b8b; line-height: 1.4; padding: 15px 0 10px 0; position: relative; min-height: 150px; _height: 150px; }
.itemsResult2 h3 { margin: 0 0 7px; font-size: 15px; }
.itemsResult2 .info { margin: 0 0 7px; }
.itemsResult2 .thum { float: left; margin: 0 10px 0 0;  }
.itemsResult2 .body { overflow: hidden; }
.itemsResult2 ul { clear: left; padding: 10px 0 0; }
.itemsResult2 ul li { width: 100px; margin: 0 10px 0 0; float: left; cursor: pointer; }
.itemsResult2 ul a { zoom:1; display: block; cursor: pointer; }
.itemsResult2 ul a .round { zoom:1; display: block; padding: 5px 0; border: 1px solid #d6d6d6; text-align: center; font-size: 13px; }
.itemsResult2 ul .detail a .round { background: url(../images/bg_btn_detail.png) repeat-x center left;}
.itemsResult2 ul .read a .round { background: url(../images/bg_btn_read.png) repeat-x center left; }

.borderbtm { border-bottom: 1px dotted #8b8b8b; clear: both; }

.bdTop { border-top: 1px dotted #8b8b8b; padding: 18px 0 0;  }
.bdBtm { border-bottom: 1px dotted #8b8b8b; padding: 18px 0 18px; }

.pagetop { text-align: right; padding: 20px 0 0;}

#detailWrap { padding: 0px 0 0;}
#detailWrap .fltL { width: 184px;}
#detailWrap .fltR { width: 544px;}
#detailWrap .fltR #genre { background: #fcf9f4; margin: 0 0 10px; padding: 6px; font-size: 12px; }
#detailWrap .fltR .title { font-size: 18px; line-height: 1.4; margin: 0 5 0 0px; }
#detailWrap .fltR .subTitle { font-size: 14px; line-height: 1.4; margin: 0 0 15px; }
#detailWrap .fltR .auth { font-size: 15px; margin: 0 0 30px; }
#detailText {}
#detailText dt { font-size: 16px; color: #999; margin: 0 0 10px; }
#detailText dd { font-size: 13px; margin: 0 0 30px; line-height: 1.5; }
#detailText dd a:link,
#detailText dd a:visited { color:#00a0e9; text-decoration:none; }
#detailText dd a:hover,
#detailText dd a:active { color:#00a0e9; text-decoration:underline;}

#related { margin: 0 0 30px; background: #fff url(../images/bg_rec_btm.png) repeat-x left bottom; }
#related dt { background: url(../images/bg_rec_top.png) repeat-x left bottom; }
#related .indent { padding: 0 8px; }
#related table { table-layout: fixed; width: 100%; }
#related th,
#related td { vertical-align: bottom; padding: 10px 0; line-height: 1.5; }
#related th { width: 90px;}
#related td strong { font-size: 13px; }
#related .bdrBtm th,
#related .bdrBtm td { border-bottom: 1px dotted #ccc; }

#review { background: #fff url(../images/bg_new_btm.png) repeat-x left bottom; font-size: 11px; }
#review dt { background: url(../images/bg_new_top.png) repeat-x left bottom; position: relative; }
#review dt a { position: absolute; top: 10px; right: 10px; font-weight: normal;}
#review dt a:link,
#review dt a:visited { color:#00a0e9; text-decoration:none; }
#review dt a:hover,
#review dt a:active { color:#00a0e9; text-decoration:underline;}
#review dd { padding: 0 15px; line-height: 1.5; }
#review dd .review { padding: 15px 0; }
#review dd .bdrBtm { border-bottom: 1px dotted #ccc; }
#review dd h3 { font-size: 13px; margin: 0 0 4px; }
#review dd .reviewer { color: #999; margin: 0 0 10px; }
#review .input_item_head { background-color: #AFDCEC; font-size: 12px; font-weight: normal; }

#detailWrap #bookthum { margin: 0 0 2px; }
#detFunc { background: url(../images/bg_detail_grad.png) repeat-x top left; padding: 10px 0 0; }
#buy { text-align: center; margin: 0 auto 10px; width: 146px; }
#buy a { direction: block; cursor: pointer; }
#buy a span { display: block; background: url(../images/bg_buy.png) center center; border: 2px solid #464646; padding: 7px 10px; font-size: 18px; text-align: center; font-weight: bold; white-space:nowrap; }
#buy a:link,
#buy a:visited { color:#fff; text-decoration:none; }
#buy a:hover,
#buy a:active { color:#e1f7dc; text-decoration:none;}
#read { text-align: center; margin: 0 auto 10px; width: 110px; }
#read a { display: block; cursor: pointer; }
#read a span { background: url(../images/bg_btn_read.png) repeat-x center left; display: block; padding: 7px 20px; border: 1px solid #d6d6d6; text-align: center; font-size: 16px; cursor: pointer; }
#bookInfo { margin: 0 auto 15px; }
#bookInfo th,
#bookInfo td { padding: 0 0 4px;}
#bookInfo th { text-align: right; }
#otherfile { text-align: center; margin: 0 auto 10px; width: 160px; }
#otherfile a { display: block; cursor: pointer; }
#otherfile a span { display: block; background: url(../images/bg_otherfile.png) center center; border: 1px solid #d6d6d6; padding: 5px 0; text-align: center; }
#otherfile a:link,
#otherfile a:visited { color:#fff; text-decoration:none; }
#otherfile a:hover,
#otherfile a:active { color:#e1f7dc; text-decoration:none;}

#otherstore { margin: 0 0 15px; }
#otherstore dt { text-align: center; font-weight: bold; margin: 0 0 4px; }
#otherstore li { text-align: center; margin: 0 auto 7px; width: 160px; }
#otherstore li a { display: block; cursor: pointer; }
#otherstore li a span { display: block; background: url(../images/bg_otherstore.png) center center; border: 1px solid #d6d6d6; padding: 5px 0; text-align: center; }
#otherstore li a:link,
#otherstore li a:visited { color:#333; text-decoration:none; }
#otherstore li a:hover,
#otherstore li a:active { color:#666; text-decoration:none;}

#note { font-size: 11px; background: #fff; padding: 10px; border: 1px solid #ccc; line-height: 1.4;}

#news { padding: 20px 0; min-height: 500px; border-bottom: 1px dotted #ccc; }
#news .newsItem { padding: 20px 0 0; }
#news .newsItem dt { background: #f6f6f6; padding: 6px; font-size: 13px; }
#news .newsItem dd { padding: 20px 0 0;}
#news .newsItem dd h3 { font-size: 18px; margin: 0 0 20px; }
#news .newsItem dd p { font-size: 14px; line-height: 1.5; margin: 0 0 1em; }
#news a:link,
#news a:visited { color:#00a0e9; text-decoration:none; }
#news a:hover,
#news a:active { color:#00a0e9; text-decoration:underline;}