/* CSS Document */
div#base{
width: 800px;
margin: 0 auto;
padding: 13px 0 0 0;
}
*html div#base{
padding: 0;
}
*:first-child+html div#base{
padding: 0;
}
a{
color: #000;
}
a:hover{
color: #000;
}
div#clear{
width: 100%;
height: 1px;
line-height: 1px;
clear: both;
}
img{
border: none;
}
span.red{
font-size: 80%;
color: #CC0000;
font-weight: normal;
}


/*左メニュー*/
div#col_left{
width: 140px;
float: left;
display: inline;/*IE6用*/
}
h1{
width: 140px;
margin: 0 0 6px 0;
padding: 0;
}
h1 a{
display: block;
width: 140px;
height: 140px;
background: url(/book/html/images/cmp_logo_title.gif) no-repeat top left;
text-indent: -999em;
overflow: hidden;
}
ul#menu{
width: 135px;
margin: 0 0 17px 0;
padding: 3px 0px 3px 5px;
background: #4B4B4B;
list-style: none;
}
ul#menu li{
width: 135px;
margin: 0;
padding: 0;
list-style: none;
}
ul#menu a{
width: 105px;
height: 23px;
margin: 0;
padding: 9px 22px 0 8px;
display: block;
font-size: 12px;
background: url(/book/html/images/cmp_bg_menu_1.gif) no-repeat top center;
color: #4b4b4b;
text-decoration: none;
}
*:first-child+html ul#menu a{
width: 135px;
height: 32px;
margin: 0;
padding: 9px 22px 0 8px;
}
*html ul#menu a{
width: 135px;
height: 32px;
margin: 0;
padding: 9px 22px 0 8px;
}

/*メニューの先頭*/
ul#menu a.lead{
height: 21px;
margin: 0 0 3px 0;
background: url(/book/html/images/cmp_bg_menu_0.gif) no-repeat top center;
}
/*
ul#menu a.guidance{
background: url(/book/html/images/cmp_images/menu_guidance.gif) no-repeat top center;
}
ul#menu a.shopping{
background: url(/book/html/images/cmp_menu_shopping.gif) no-repeat top center;
}
ul#menu a.payment{
background: url(/book/html/images/cmp_menu_payment.gif) no-repeat top center;
}
ul#menu a.point{
background: url(/book/html/images/cmp_menu_point.gif) no-repeat top center;
}
ul#menu a.postage{
background: url(/book/html/images/cmp_menu_postage.gif) no-repeat top center;
}
*/

div#postage{
width: 140px;
background: #E6E6E6;
padding: 0 0 5px 0;
}
h3#post{
width: 140px;
height: 40px;
margin: 0;
padding: 0;
background: url(/book/html/images/cmp_head_postage.gif) no-repeat top left;
text-indent: -999em;
overflow: hidden;
}
div#postage input{
display: block;
margin: 2px auto;
}
p.postcmnt{
width: 115px;
margin: 8px auto 5px auto;
font-size: 0.8em;
line-height: 1.3;
}
h3#related{
width: 140px;
height: 15px;
margin: 16px 0 6px 0;
padding: 0;
background: #fff url(/book/html/images/cmp_head_related.gif) no-repeat top left;
text-indent: -999em;
overflow: hidden;
}
ul#websites{
width: 140px;
margin: 0;
padding: 0;
list-style: none;
}
ul#websites li{
margin: 0 0 3px 0;
padding: 0;
list-style: none;
}


/*右メニュー*/
div#col_right{
width: 630px;
float: right;
display: inline;/*IE6用*/
}

div#bnr_large{
width: 470px;
height: 60px;
float: left;
display: inline;/*IE6用*/
}
div#bnr_small{
width: 160px;
height: 60px;
float: right;
display: inline;/*IE6用*/
}
/* CSS Document */
html,body{
color: #4b4b4b;
font-size: 12px;
}
a{
color: #0066cc;
text-decoration: none;
}
a:hover{
color: #4092e3;
text-decoration: underline;
}
div.clear{
width: 100%;
height: 1px;
line-height: 1;
clear: both;
}
div#in_left{
width: 380px;
float: left;
display: inline;/*IE6用*/
}
div#in_right{
width: 240px;
float: right;
display: inline;/*IE6用*/
}

/*in_left*/
h2.new{
width: 380px;
height: 38px;
background: url(images/cmp_head_new.gif) no-repeat top left;
margin: 0 0 15px 0;
padding: 0;
text-indent: -999em;
overflow: hidden;
}
div.book_area{
width: 380px;
}
div.book_area img{
width: 140px;
margin: 0 10px 0 0;
float: left;
}
div.book_area img.new{
width: 19px;
height: 9px;
float: none;
display: inline;
}
div.book_info{
width: 230px;
float: right;
}
div.book_info h3{
margin: 0;
padding: 0 0 5px 0;
font-size: 14px;
line-height: 1.3;
}
div.book_info h4{
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 1.3;
}
div.book_info ul{
font-size: 11px;
margin: 0;
padding: 15px 0;
list-style: none;
line-height: 1.5;
}
div.book_info ul li{
margin: 0 0 0 5px;
}
div.book_info p.genre{
font-size: 11px;
padding: 7px 0 15px 2px;
margin: 0;
background: url(images/cmp_line_white.gif) repeat-x top;
}
span.genreblue{
color: #59acff;
}
div.book_info a.detail{
display: block;
width: 38px;
height: 20px;
margin: 10px 0 0 0;
background: url(images/cmp_btn_detail.gif) no-repeat top left;
text-indent: -999em;
overflow: hidden;
}
div.book_info a:hover.detail{
background-position: 0 -20px;
}
div.bookclear{
width: 380;
height: 35px;
clear: both;
background: url(images/cmp_bg_line.gif) repeat-x center;
}


div.kikan_area{
width: 380px;
margin: 15px 0 0 0;
padding: 0 0 34px 0;
background: #f5f3ef url(images/cmp_bg_kikan.gif) no-repeat bottom center;
}

h2.kikan{
width: 380px;
height: 48px;
background: url(images/cmp_head_kikan.gif) no-repeat top left;
margin: 0;
padding: 0;
text-indent: -999em;
overflow: hidden;
}
div.kikan_bg{
width: 360px;
margin: 0 auto;
padding: 10px 0 0 0;
background: #fff url(images/cmp_line_tate.gif) repeat-y center;
}
*html div.kikan_bg{
margin: 0 10px;
}
dl.kikan_listL{
width: 180px;
margin: 0;
padding: 0;
float: left;
}
dl.kikan_listR{
width: 180px;
margin: 0;
padding: 0;
float: right;
}
div.dl_clear{
width: 100%;
height: 10px;
clear: both;
background:  url(images/cmp_bg_dlclear.gif) center center;
}
dl.kikan_listL dt,dl.kikan_listR dt{
width: 180px;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
}
dl.kikan_listL dt img,dl.kikan_listR dt img{
width: 80px;
}
dl.kikan_listL dd,dl.kikan_listR dd{
width: 130px;
margin: 0 auto;
padding: 5px 0;
font-size: 11px;
}

/*in_right*/
div.info_area{
width: 240px;
background: #ebe8e0 url(images/cmp_bg_info.gif) no-repeat bottom center;
padding: 0 0 11px 0;
margin: 0 0 10px 0;
}
h2.info{
width: 240px;
height: 39px;
background: url(images/cmp_head_info.gif) no-repeat top left;
margin: 0;
padding: 0;
text-indent: -999em;
overflow: hidden;
}
dl.info_list{
width: 210px;
margin: 0 auto;
padding: 0 8px;
background: #fff;
font-size: 11px;
}
*html dl.info_list{
width: 226px;
margin: 0 7px;
}
dl.info_list dt{
font-weight: bold;
color: #0066cc;
margin: 0;
padding: 5px 0 0 0;
}
dl.info_list dd{
margin: 0;
padding: 3px 0 5px 2px;
background: url(images/cmp_line_white.gif) repeat-x bottom;
line-height: 1.3;
}
dl.info_list dd.end{
background: none;
}
dl.info_list dd a{
color: #4b4b4b;
text-decoration: none;
}
dl.info_list dd a:hover{
color: #9E9E9E;
text-decoration: underline;
}

div.sp_area{
width: 240px;
padding: 0 0 25px 0;
margin: 0 0 15px 0;
background: #F5F3EF url(images/cmp_bg_pickup.gif) no-repeat bottom center;
}
h2.special{
width: 240px;
height: 48px;
margin: 0;
padding: 0;
background: url(images/cmp_head_special.gif) no-repeat top center;
text-indent: -999em;
overflow: hidden;
}
ul.sp_list{
width: 214px;
margin: 0 auto;
padding: 0;
list-style: none;
}
*html ul.sp_list{
margin: 0 13px;
}
ul.sp_list li{
margin: 0 0 15px 0;
padding: 0;
}

h2.pick{
width: 240px;
height: 52px;
margin: 0;
padding: 0;
background: url(images/cmp_head_pickup.gif) no-repeat top center;
text-indent: -999em;
overflow: hidden;
}
dl.pick_list{
width: 214px;
margin: 0 auto 17px auto;
padding: 0;
}
*html dl.pick_list{
margin: 0 13px 17px 13px;
}
dl.pick_list dt{
margin: 0 0 8px 0;
}
dl.pick_list dd{
width: 190px;
font-size: 11px;
line-height: 1.3;
margin: 0 auto;
padding: 0;
}
*html dl.pick_list dd{
margin: 0 12px;
}
ul.pick_img{
width: 214px;
margin: 0 auto;
padding: 15px 0 0 0;
list-style: none;
background: url(images/cmp_line_gray.gif) repeat-x top;
}
ul.pick_img{
margin: 0 13px;
}
ul.pick_img li{
margin-bottom: 8px;
}