@charset "utf-8";
 @import "/common/css/seasons.css";
/*=============================================================================
	Font-size Adjustment
	*default size 12px
				| 	122% = 15px	|	167% = 21px	|
	85% = 10px	|	129% = 16px	|	174% = 22px	|
	92% = 11px	|	136% = 17px	|	182% = 23px	|
	100% = 12px	|	144% = 18px	|	189% = 24px	|
	107% = 13px	|	152% = 19px	|	197% = 25px	|
	114% = 14px	|	159% = 20px	|
==============================================================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body {
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
 *font:x-small;
	line-height: 1.0;
	font-size: 12px;
	color: #444444;
}
/* for IE6 */

* html body { font-size: 75%; }
/* for IE7 */

*:first-child+html body { font-size: 75%; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
fieldset { border:none; }
img {
	border: none;
	vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: #003399;
}
a:hover {
	text-decoration: none;
	color: #003399;
}
br { letter-spacing: normal; }
hr { display: none; }
/*===================================================================

#2 LAYOUT

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

html { /* firefoxのスクロールバーを常に表示 */ overflow-y: scroll; }
body { text-align:center; }
#wrapper {
	width: 975px;
	margin: 0 auto 60px;
	text-align: left;
}
/* #header

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

#header {
	position: relative;
	height: 135px;
	background: url(../../images/bg_book_top.png) no-repeat 0 bottom;
}
#header #logo {
	position: absolute;
	top: 28px;
	left: 7px;
	width: 126px;
	height: 49px;
}
#header #logo a {
	display: block;
	width: 126px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/png_other/logo.png) no-repeat 0 0;
	_background: url(../images/png_ie6/logo_w.png) no-repeat 0 0;
}
#header #anniversary25 {
	position: absolute;
	top: 28px;
	left: 143px;
	width: 305px;
	height: 49px;
}
#header #anniversary25 strong {
	display: block;
	width: 305px;
	height: 49px;
	background: url(../images/png_other/anniversary25.png) no-repeat 0 0;
	_background: url(../images/png_ie6/anniversary25.png) no-repeat 0 0;
	text-indent: -9999px;
}
#header #lead_txt {
	position: absolute;
	top: 2px;
	left: 7px;
	width: 486px;
	height: 20px;
	background: url(../images/png_other/lead_txt.png) no-repeat 0 0;
	_background: url(../images/png_ie6/lead_txt_spring.png) no-repeat 0 0;
	text-indent: -9999px;
}
#header #link {
	position: absolute;
	top: 0;
	right: 7px;
}
#header_nav {
	height: 0;
	line-height:0;
	font-size:0;
	text-indent: -9999px;
	display: none;
}
#catch {
	position: absolute;
	right: 260px;
	top: 0;
	width: 208px;
	height: 69px;
	background: url(../../images/catch.png) no-repeat 1px 0;
	text-indent: -9999px;
}
/*  #gnav

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

#header #gnav {
	position: absolute;
	overflow: hidden;
	bottom: -2px;
	left: 166px;
	width: 640px;
	height: 60px;
}
#header #gnav li {
	float: left;
	padding-left:2px;/*height: 30px;*/
}
#header #gnav li a {
	display: block;
	overflow: hidden;
	width: 75px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#header #gnav li.gnav_home a {
	width: 38px;
	height:50px;
	background-image: url(../../images/gnav_top_home.png);
}
#header #gnav li.gnav_ikebukuro a {
	width: 117px;
	background-image: url(../../images/gnav_top_ikebukuro.png);
}
#header #gnav li.gnav_ikebukuro a:hover,
#BD_corporate #header #gnav li.gnav_ikebukuro a { background-image: url(../../images/gnav_top_ikebukuro_on.png); }
#header #gnav li.gnav_news a { background-image: url(../../images/gnav_top_news.png); }
#header #gnav li.gnav_news a:hover,
#bd_news #header #gnav li.gnav_news a { background-image: url(../../images/gnav_top_news_on.png); }
#header #gnav li.gnav_recommend a { background-image: url(../../images/gnav_top_recommend.png); }
#header #gnav li.gnav_recommend a:hover,
#bd_recommend #header #gnav li.gnav_recommend a { background-image: url(../../images/gnav_top_recommend_on.png); }
#header #gnav li.gnav_ranking { padding-left: 20px; }
#header #gnav li.gnav_ranking a { background-image: url(../../images/gnav_top_ranking.png); }
#header #gnav li.gnav_ranking a:hover,
#bd_ranking #header #gnav li.gnav_ranking a { background-image: url(../../images/gnav_top_ranking_on.png); }
#header #gnav li.gnav_service a { background-image: url(../../images/gnav_top_service.png); }
#header #gnav li.gnav_service a:hover,
#bd_service #header #gnav li.gnav_service a { background-image: url(../../images/gnav_top_service_on.png); }
#header #gnav li.gnav_shop_list a { background-image: url(../../images/gnav_top_shop_list.png); }
#header #gnav li.gnav_shop_list a:hover,
#bd_shop_list #header #gnav li.gnav_shop_list a { background-image: url(../../images/gnav_top_shop_list_on.png); }
#header #gnav li.gnav_yomuyomu a { background-image: url(../../images/gnav_top_yomuyomu.png); }
#header #gnav li.gnav_yomuyomu a:hover,
#gnav_yomuyomu_on #header #gnav li.gnav_yomuyomu a { background-image: url(../../images/gnav_top_yomuyomu_on.png); }
#bd_corporate #header #gnav li.gnav_ikebukuro a,
#bd_news #header #gnav li.gnav_news a,
#bd_recommend #header #gnav li.gnav_recommend a,
#bd_ranking #header #gnav li.gnav_ranking a,
#bd_shop_list #header #gnav li.gnav_shop_list a,
#bd_yomuyomu #header #gnav li.gnav_yomuyomu a,
#bd_service #header #gnav li.gnav_service a { height: 55px; }
/* #content

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

#content {
	width: 830px;
	/*height: 626px;*/

	padding: 0 73px 0 70px;
	background: url(../../images/bg_book.png) no-repeat 0 top;
	font-size: 100%;
}
.section {
	overflow: hidden;
	width: 830px;
}
.col_l {
	overflow: hidden;
	float: left;
	width: 395px;
}
.col_r {
	overflow: hidden;
	float: right;
	width: 395px;
}
/*	メインFlashバナー
-----------------------------------------------------*/

#navibord { margin-bottom: 15px; }
h2 {
	margin-bottom: 10px;
	background: url(../../images/bg_ttl.gif) repeat-x 0 bottom;
	line-height: 25px;
}
/*	新着情報
-----------------------------------------------------*/

dl#news_list {
	overflow: hidden;
	/* margin-bottom: 15px; */
	/* height: 185px; */
	/* 通常時 155px */
	zoom:1;
}
dl#news_list dt {
	float: left;
	width: 60px;
}
dl#news_list dt img {
	padding: 5px 0 5px 0;
	vertical-align: top;
}
dl#news_list dd {
	font-size: 11px;
	padding: 5px 0 5px 60px;
	background: url(../../images/border_lb_top.gif) repeat-x 0 bottom;
}
dl#news_list dd a {
	display: block;
	color: #777;
	line-height: 12px;
}
dl#news_list dd a:hover { color: #003399; }
dl#news_list dd a strong {
	display: block;
	font-weight: bold;
	color: #444;
}
dl#news_list dd a:hover strong { color: #003399; }

/* リンク集
-----------------------------------------------------*/
ul#btn_list {
	overflow: hidden;
	width: 400px;
	margin-right: -5px;
	margin-bottom: 10px;
}
ul#btn_list li {
	float: left;
	width: 195px;
	padding: 0 5px 5px 0;
}
/*	おすすめ本
-----------------------------------------------------*/
#recommend { margin-bottom: 15px; }

/*	ランキング
-----------------------------------------------------*/
h2.add_btn {
	overflow: hidden;
	position: relative;
	width: 395px;
	height: 25px;
}
h2.add_btn a {
	position: absolute;
	top: 0;
	right: 0;
}
p#ranking_cat {
	margin-bottom: 9px;
	padding-left: 7px;
	font-size: 12px;
	line-height: 20px;
	color: #637ba9;
	background-color: #d8eaff;
	font-weight: bold;
}
#ranking_list { height: 207px; /* 通常時 177px */ }
#ranking_list table {
	width: 100%;
	color: #333;
	font-size: 11px;
}
#ranking_list table td {
	padding: 0 0 2px 0;
	line-height: 1.2em;
	vertical-align: top;
}
#ranking_list table td.col1 {
	padding: 0 0 2px 4px;
	text-align: right;
	white-space: nowrap;
}
#ranking_list table td.col2 {
	width: 200px;
	padding: 0 4px 2px 7px;/*line-height: 12px;*/
}

/* 検索
-----------------------------------------------------*/
#search {
	width: 380px;
	height: 91px;
	margin-bottom: 15px;
	padding: 12px 0 0 15px;
	background: url(../../images/bg_search_02.png) no-repeat 0 0;
}
#search h2 {
	background: none;
	margin-bottom: 9px;
}
#search #searchBox {
	position: relative;
	width: 366px;
	height: 21px;
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	background: url(../../images/border_search.gif) repeat-x 0 bottom;
}
#search #searchBox .text_area {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 21px;
	background: url(../../images/btn_search_input.png) no-repeat 0 0;
}
#search #searchBox .text_area input {
	width: 298px;
	height: 21px;
	padding: 0 4px;
	margin:0;
	line-height: 21px;
	background: none;
	border: none;
}
#search  #searchBox .btn_search {
	width: 47px;
	height: 21px;
	position: absolute;
	left: 318px;
	top: 0;
	margin:0;
	text-align: right;
}
#search table td.btn_search input {
	margin:0;
	padding:0;
	height: 21px;
}
#search table img,
#search p {
	line-height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

/*	バナー
-----------------------------------------------------*/
.bnrbox {
	overflow: hidden;
	margin-rihgt: -15px;
	padding-top: 11px;
	background: url(../../images/border_lg.gif) repeat-x 0 0;
	width : 410px;
	height: 40px;
	zoom: 1;
}
.bnrbox li {
	float: left;
	margin-right: 15px;
}

/* #footer
------------------------------------------------------------------*/
#footer {
	clear: both;
	position: relative;
	width: 978px;
	height: 50px;
	margin: 0 auto;
	padding: 63px 0 10px;
	text-align: left;
	background: url(../../images/bg_book_bottom.png) no-repeat 0 0;
}
#fnav {
	position: absolute;
	top: 59px;
	left: 47px;
	height: 21px;
}
#fnav li {
	float: left;
	height: 21px;
	padding-right: 10px;
	background: url(../images/png_other/fnav_separater.png) no-repeat right -1px;
	_background: url(../images/png_ie6/fnav_separater.png) no-repeat right -1px;
}
#fnav li a {
	display: block;
	overflow: hidden;
	height: 21px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#fnav li.fnav_corporate a {
	width: 58px;
	background: url(../images/png_other/fnav_corporate.png);
	_background: url(../images/png_ie6/fnav_corporate.png);
}
#fnav li.fnav_corporate a:hover {
	background: url(../images/png_other/fnav_corporate_on.png);
	_background: url(../images/png_ie6/fnav_corporate_on.png);
}
#fnav li.fnav_inquiry a {
	width: 82px;
	background: url(../images/png_other/fnav_inquiry.png);
	_background: url(../images/png_ie6/fnav_inquiry.png);
}
#fnav li.fnav_inquiry a:hover {
	background: url(../images/png_other/fnav_inquiry_on.png);
	_background: url(../images/png_ie6/fnav_inquiry_on.png);
}
#fnav li.fnav_privacy a {
	width: 125px;
	background: url(../images/png_other/fnav_privacy.png);
	_background: url(../images/png_ie6/fnav_privacy.png);
}
#fnav li.fnav_privacy a:hover {
	background: url(../images/png_other/fnav_privacy_on.png);
	_background: url(../images/png_ie6/fnav_privacy_on.png);
}
#fnav li.fnav_recruite a {
	width: 59px;
	background: url(../images/png_other/fnav_recruite.png);
	_background: url(../images/png_ie6/fnav_recruite.png);
}
#fnav li.fnav_recruite a:hover {
	background: url(../images/png_other/fnav_recruite_on.png);
	_background: url(../images/png_ie6/fnav_recruite_on.png);
}
#fnav li.fnav_sitemap a {
	width: 75px;
	background: url(../images/png_other/fnav_sitemap.png);
	_background: url(../images/png_ie6/fnav_sitemap.png);
}
#fnav li.fnav_sitemap a:hover {
	background: url(../images/png_other/fnav_sitemap_on.png);
	_background: url(../images/png_ie6/fnav_sitemap_on.png);
}
p#copyright {
	position: absolute;
	top : 61px;
	right: 15px;
	width: 314px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/png_other/copyright.png) no-repeat 0 0;
	_background: url(../images/png_ie6/copyright_spring.png) no-repeat 0 0;
}
em.dot { margin-left: -2px; }

/* alpha */
h2.add_btn a:hover img,
.bnrbox li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/* clearfix  */
.clearfix:after,
.category_txt:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix,
.category_txt { min-height: 1px; }
* html .clearfix,
* html .category_txt { 
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.mT-5 { margin-top: -5px!important; }
.mT-10 { margin-top: -10px!important; }
.mT10 { margin-top: 10px!important; }
.mT15 { margin-top: 15px!important; }
.mT20 { margin-top: 20px!important; }
.mB20 { margin-bottom: 20px!important; }
.pT35 { padding-top: 35px!important; }
.pT32 { padding-top: 32px!important; }