@charset "UTF-8";

/* header globalNavi
=======================================*/
ul#globalNavi li#cat02 a { top: -30px; }

#product h2 { margin: 3px 0 6px 0; }
#product .notice { font-size: 93%; }
#product .notice span { color: #f00; }

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

	content main
	
=======================================*/

#product #main { width: 730px; }


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

	content main mainColumn

=======================================*/
#mainColumn { float: left; width: 175px; margin: 16px 0 0 0; }
#mainColumn p { margin-bottom: 14px; }
#mainColumn p img { margin: 0 0 6px 0; border: 1px solid #666; }
#mainColumn p span { display: block; font-size: 85%; }
#mainColumn p span span { display: inline; margin: 0 0 0 0.7em; }

#mainColumn dl { margin: 10px 0 10px 0; padding: 0 0 10px 5px; background: #ccc url(/common/img/product/column_header3_fotter.gif) no-repeat left bottom; }
#mainColumn dl.category { margin: 22px 0 10px 0; }
#mainColumn dt { margin: 0 0 0 -5px; padding: 3px 5px; background: #6e7b74 url(/common/img/product/column_header3.gif) no-repeat; font-size: 85%; font-weight: bold; color: #fff; }
#mainColumn dd { padding: 3px 0  0 10px; background: url(/common/img/product/arrow_glay.gif) no-repeat left center; }
#mainColumn dd a { margin: 4px; }

#mainColumn p#preview {
	text-align : center;
}
#mainColumn p#preview img  {
	margin-left : -7px;
	border : 0;
}

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

	content main mainContent

=======================================*/
#mainContent { float: left; width: 535px; margin: 16px 0 0 20px; }
#mainContent #buy { width: 535px; margin-bottom : 10px; padding-bottom : 5px; position: relative; border-bottom: 3px solid #666;}
#mainContent #buy h1 { position: relative; width: 500px; margin: 0; font-size: 240%; font-weight: bold; color: #666; }
#mainContent #buy h1 img { position: absolute; bottom: 0; right: -35px; }

#mainContent #buy p.description { padding-bottom: 8px; font-size: 123.1%; font-weight: bold; border-bottom: 1px solid #666; }
#mainContent #buy p.noprint {font-size:120%; color:#FF0000; margin:5px;}

#mainContent #buy ul {
	width : 276px;
	margin : 10px 0 0 0;
	padding: 0 5px;
	float : left;
}
#ie6 #mainContent #buy ul { height: 1%; }
#mainContent #buy li { clear: both; padding: 3px 0; }
#mainContent #buy li span { float: left; width: 80px; }
#mainContent #buy ul.sp li span { float: left; width: 145px; }
#mainContent #buy li span.tax { float: none; width: auto; font-size:80%; }
#mainContent #buy ul.sp li span.tax { float: none; width: auto; font-size:80%; }

#mainContent #buy .btn {
	width : 249px;
	float : left;
	margin : 10px 0 0 0;
}
#mainContent #buy .btn p {
	margin : 0 0 5px 0;
}

#mainContent #yotolevel { width: 535px; }
#mainContent #yotolevel ul#yoto { width: 284px; float : left; }
#mainContent #yotolevel ul#yoto li { width: 70px; float : left; }
#mainContent #yotolevel table#level { width: 251px; float : left; padding-bottom : 10px; color : #646464; font-size : 80%; background : url(/book/img/levelbak.gif) no-repeat left top; }
#mainContent #yotolevel table#level th.headingA { width : 41px;  height : 31px; background : url(/book/img/levellabel.gif) no-repeat left top; }
#mainContent #yotolevel table#level th.headingA span { display : none; }
#mainContent #yotolevel table#level th.headingB { width : 70px; height : 14px; padding : 2px 0; color : #646464; font-weight : normal;  text-align : center; }
#mainContent #yotolevel table#level td { width : 70px; height : 22px; color : #646464; text-align : center; vertical-align : top; }


#mainContent .contentDesc h2 { margin: 10px 0 0 0; }
#mainContent .contentDesc p { padding: 5px 10px 20px 10px; background: #cefefe url(/common/img/product/procust_h2_1_footer.gif) no-repeat left bottom; line-height: 1.4; font-size: 93%; }
#mainContent .contentDesc p.child {
	background: #f8e7ed url(../img/product/product_h2_1f_child.gif) no-repeat left bottom;
}
#mainContent .contentDesc p.reference {
	background: #e7e7ff url(../img/product/product_h2_1f_reference.gif) no-repeat left bottom;
}
#mainContent .contentDesc p.book_m {
	background: #e7ffef url(../img/product/product_h2_1f_book_m.gif) no-repeat left bottom;
}
#mainContent .contentDesc p.practical {
	background: #cefefe url(../img/product/product_h2_1f_practical.gif) no-repeat left bottom;
}
#mainContent .contentDesc p.comic {
	background: #fffff7 url(../img/product/product_h2_1f_comic.gif) no-repeat left bottom;
}
#mainContent .contentDesc p.intellectual {
	background: #f8f8f0 url(../img/product/product_h2_1f_intellectual.gif) no-repeat left bottom;
}
#mainContent .contentDesc p.magazine {
	background: #e7f7ae url(../img/product/product_h2_1f_magazine.gif) no-repeat left bottom;
}


#mainContent .contentDesc .contentNavi { height: 1%; margin: 14px 0 4px; border-bottom: 1px solid #ccc; }
#mainContent .contentDesc .contentNavi .upper,
#mainContent .contentDesc .contentNavi .lower { height: 1%; margin: 0 auto; border-top: 1px solid #ccc; } 

#mainContent .contentDesc .contentNavi ul { clear: both; overflow: auto; }
#mainContent .contentDesc .contentNavi li { float: left; margin: 0 8px 0 0; padding: 6px 0; font-size: 93%; white-space:nowrap; }
#mainContent .contentDesc .contentNavi li a { margin: 0 8px 0 0; }
#mainContent .contentDesc .contentNavi .upper ul { margin: 0 0 0 30px; }
#mainContent .contentDesc .contentNavi .lower ul { margin: 0 0 0 150px; }
#ie7 #mainContent .contentDesc .contentNavi .upper ul { margin: 0 0 0 40px; padding: 1px 0; letter-spacing: 0.1em; }
#ie7 #mainContent .contentDesc .contentNavi .lower ul { margin: 0 0 0 154px; padding: 1px 0; letter-spacing: 0.1em; }
#ie6 #mainContent .contentDesc .contentNavi .upper ul { margin: 0 0 0 40px; padding: 1px 0; letter-spacing: 0.1em; }
#ie6 #mainContent .contentDesc .contentNavi .lower ul { margin: 0 0 0 154px; padding: 1px 0; letter-spacing: 0.1em; }

#banner_468x60 { margin: 20px 0 10px; text-align: center; }
#banner_468x60 object,
#banner_468x60 embed,
#banner_468x60 img { margin: 0 auto; padding: 0; }

#mainContent #b_highlight,
#mainContent #b_author,
#mainContent #b_fromEditor,
#mainContent #b_fromSales,
#mainContent #b_info,
#mainContent #b_news,
#mainContent #b_web,
#mainContent #b_content,
#mainContent #b_free { clear: both; width: 100%; overflow: auto; }

#mainContent h2 { margin: 10px 0 10px 0;  }
.text { margin: 0 0 16px 0; }
.text h3 { margin: 4px 0; font-weight: bold; }
p.more { float: right; margin: 5px 8px 10px 0; padding: 0 0 0 16px; background: url(/common/img/arrow/arrow_blue.gif) no-repeat left center; font-size: 85%; }
	#ie7 p.more { padding-top: 1px; font-size: 93%; }
	#ie6 p.more { padding-top: 1px; font-size: 93%; }
	
.image { float: right; margin: 0 0 16px 10px; }
.image span { display: block; margin: 2px 0 5px 0; font-size: 85%; color: #666; }
	#ie7 .image span { font-size: 93%; }
	#ie6 .image span { font-size: 93%; }
.w152 span { width:152px;}
.image img { display: block; border: 1px solid #999; }

.backToTop { white-space:nowrap; clear : both;float: right; margin : 0 8px 10px 0; padding: 0 0 0 16px; background: url(/common/img/arrow/arrow_blue.gif) no-repeat left center; font-size: 85%; }
	#ie7 .backToTop { font-size: 93%; }
	#ie6 .backToTop { font-size: 93%; }
.attn { clear: both; margin: 0 0 6px 0; padding: 6px 0 0 0; font-size: 85%; color: #ed0055; }
#ie7 .attn { font-size: 93%; }
#ie6 .attn { font-size: 93%; }

#b_author p { margin: 0 0 16px 0; font-size: 85%; }

.entry { margin: 0 0 10px 0; width: 100%; overflow: auto; border-bottom: 1px solid #666; }
.entry .additional { margin: 10px 0 0 0; font-size: 85%; } 
.entryLast { border: 0; }

#b_web ul { width: 100%; overflow: auto; margin: 0 0 26px 0; }
#b_web li { float: left; margin: 0 10px 0 0; }
#b_web li a { display: block; }
#b_web li a img { border: 0; }
#b_web span { display: block; color: #039; margin: 5px 0 0 5px; }
#b_web .b1 a img { margin: 10px 0 11px 0; }
#b_web .b3 a img { margin: 10px 0 8px 0; }

#b_sample ul { width: 100%; overflow: auto; margin: 0 0 26px 0; }
#b_sample li { width : 33%; float: left; text-align : center;}
#b_sample li a { display: block; }
#b_sample li a img { border: 0; }
#b_sample span { display: block; color: #039; margin: 5px 0 0 5px; }
#b_sample .b1 a img { margin: 10px 0 11px 0; }
#b_sample .b3 a img { margin: 10px 0 8px 0; }


#mainContent #access ul li span { float: left; width: 90px; }
#mainContent #access ul li ul { float: left; background: none; margin-top: -3px; padding: 0 0 5px 0; }
#mainContent #access ul li li { padding: 3px 0; }
#mainContent #access ul li li span { float: left; width: 70px; }
#mainContent #access ul li li img { position: relative; top: -1px; margin: 0 8px 0 0; vertical-align: middle; }
#ie7 #mainContent #access ul li li img { top: 1px; }
#ie6 #mainContent #access ul li li img { top: 1px; }
#mainContent #access li { clear: both; }

#mainContent #qrcode ul { height: 130px; margin: 10px 0 0 0; padding: 0 0 0 5px; background: url(/common/img/dot/dot.gif) repeat-x left bottom; zoom: 100%; }
#mainContent #qrcode ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
#mainContent #qrcode ul li span { float: left; width: 90px; }
#mainContent #qrcode ul li ul { float: left; width: 435px; background: none; }
#ie6 #mainContent #qrcode ul li ul { width: 440px;}
#mainContent #qrcode ul li li { float: left; width: 66px; margin: 0 57px 0 0; text-align: center; }
#ie7 #mainContent #qrcode ul li li { margin: 0 57px 0 0; }
#ie6 #mainContent #qrcode ul li li { margin: 0 57px 0 0; }
#mainContent #qrcode ul li li.last { margin: 0; }
#ie7 #mainContent #qrcode ul li li.last { margin: 0; }
#ie6 #mainContent #qrcode ul li li.last { margin: 0; }
#mainContent #qrcode ul li li img { display: block; clear: both; margin: 0 0 20px 0; }

#mainContent #charge ul { margin: 10px 0 0 0; padding: 0 0 5px 5px; zoom: 100%; }
#mainContent #charge ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
#mainContent #charge ul li li { padding: 3px 0; }
#mainContent #charge ul li span { float: left; width: 90px; }
#mainContent #charge ul li ul { float: left; background: none; margin-top: -3px; padding: 0 0 5px 0; }
#mainContent #charge ul li li span { float: left; width: 120px; }


#mainContent #b_free #ttl {
	margin: 10px 0;
	width: 535px;
}
#mainContent #b_free #ttl_inner {
	width: 535px;
}
#mainContent #b_free #ttl h2 {
	padding: 4px 6px 3px;
	width: 523px;
	margin:0;
	font-size:100%;
	color:#FFFFFF;
	font-weight:normal;
}

#mainContent #b_free.cat02 #ttl { background : url(../img/product/product_h2_15_child.gif) repeat-y left top; }
#mainContent #b_free.cat02 #ttl_inner { background : url(../img/product/product_h2_15u_child.gif) no-repeat left top; }
#mainContent #b_free.cat02 #ttl h2 { background : url(../img/product/product_h2_15b_child.gif) no-repeat left bottom; }

#mainContent #b_free.cat03 #ttl { background : url(../img/product/product_h2_15_reference.gif) repeat-y left top; }
#mainContent #b_free.cat03 #ttl_inner { background : url(../img/product/product_h2_15u_reference.gif) no-repeat left top; }
#mainContent #b_free.cat03 #ttl h2 { background : url(../img/product/product_h2_15b_reference.gif) no-repeat left bottom; }

#mainContent #b_free.cat04 #ttl { background : url(../img/product/product_h2_15_practical.gif) repeat-y left top; }
#mainContent #b_free.cat04 #ttl_inner { background : url(../img/product/product_h2_15u_practical.gif) no-repeat left top; }
#mainContent #b_free.cat04 #ttl h2 { background : url(../img/product/product_h2_15b_practical.gif) no-repeat left bottom; }

#mainContent #b_free.cat05 #ttl { background : url(../img/product/product_h2_15_book_m.gif) repeat-y left top; }
#mainContent #b_free.cat05 #ttl_inner { background : url(../img/product/product_h2_15u_book_m.gif) no-repeat left top; }
#mainContent #b_free.cat05 #ttl h2 { background : url(../img/product/product_h2_15b_book_m.gif) no-repeat left bottom; }

#mainContent #b_free.cat06 #ttl { background : url(../img/product/product_h2_15_comic.gif) repeat-y left top; }
#mainContent #b_free.cat06 #ttl_inner { background : url(../img/product/product_h2_15u_comic.gif) no-repeat left top; }
#mainContent #b_free.cat06 #ttl h2 { background : url(../img/product/product_h2_15b_comic.gif) no-repeat left bottom; }

#mainContent #b_free.cat07 #ttl { background : url(../img/product/product_h2_15_intellectual.gif) repeat-y left top; }
#mainContent #b_free.cat07 #ttl_inner { background : url(../img/product/product_h2_15u_intellectual.gif) no-repeat left top; }
#mainContent #b_free.cat07 #ttl h2 { background : url(../img/product/product_h2_15b_intellectual.gif) no-repeat left bottom; }

#mainContent #b_free.cat08 #ttl { background : url(../img/product/product_h2_15_magazine.gif) repeat-y left top; }
#mainContent #b_free.cat08 #ttl_inner { background : url(../img/product/product_h2_15u_magazine.gif) no-repeat left top; }
#mainContent #b_free.cat08 #ttl h2 { background : url(../img/product/product_h2_15b_magazine.gif) no-repeat left bottom; }

#ie6 #mainContent #b_free #ttl h2{

}

#mainContent #b_recommend { clear: both; width: 535px; overflow: auto; }
#b_recommend ul { width: 535px; margin: 0 0 26px 0; zoom: 100%; }
#b_recommend ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

#b_recommend li { float: left; width: 80px; margin: 0 10px 0 0; }
#b_recommend li.last { margin: 0; }
#b_recommend li a { display: block; }
#b_recommend li img { display: block; margin: 0 0 6px 0; }


/* 2012/12/06 add */
*{
	margin:0px;
	padding:0px;
	}
	
li{
	padding:0px;
	margin:0px;
	list-style-type:none;
	}
image{
	border:none;
	}

.shop_btn_box{
	width:249px;
	}
.btn_padding_bottom{
	padding-bottom:3px;
	}