@charset "utf-8";
/*=============================================================================

	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 {
	/* 秋
	background: url(../images/bg_autumn.jpg) repeat 0 0;　*/
	/* 冬
	background: url(../images/bg_winter.jpg) repeat 0 0; */
	/* 春
	background: url(../images/bg_spring.jpg) repeat 0 0; */
	/* 夏 */
	background: url(../images/bg_summer.jpg) repeat 0 0;
	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.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: 382px;
	height: 128px;
	margin-bottom: 15px;
	padding: 7px 0 0 13px;
	background: url(../../images/bg_search.gif) no-repeat 0 0;
}

#search table {
	width: 372px;
}

#search table th {
	padding: 0 5px 9px 0;
	width: 137px;
	height: 28px;
}

html>/**/body #search table th {
	padding: /*\**/0 5px 0 0\9;
	width: /*\**/137px\9;
	height: /*\**/37px\9;
}

#search table td {
	padding: 3px 5px 14px 0;
	height: 20px;
}

html>/**/body #search table td { 
	padding: /*\**/0 5px 0 0\9;
	height: /*\**/37px\9;
}

#search table td.text_area {
	width: 110px;
}
#search table td.text_area input {
	margin:0;
	width: 108px;
	height: 15px;
	padding: 1px 0;
	border: 1px solid #ddd;
}

html>/**/body #search table td.text_area input{ 
	position: /*\**/relative\9;
	top: /*\**/-12px\9;
}




#search table td.btn_search {
	margin:0;
	width: 45px;
}
#search table td.btn_search input {
	margin:0;
	padding:0;
	height: 20px;
}

html>/**/body #search table td.btn_search input { 
	position: /*\**/relative\9;
	top: /*\**/-5px\9;
}

html>/**/body #search table td.btn_search_d a { 
	position: /*\**/relative\9;
	top: /*\**/-5px\9;
}


/*#search table td.btn_search_d {
	width: 60px;
}
*/

#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;
}

/* 冬用

#symbol {
	position: absolute;
	top: 50px;
	left: -35px;
	width: 117px;
	height: 119px;
	background: url(../images/png_other/symbol_winter.png) no-repeat 0 0;
	_background: url(../images/png_ie6/symbol_winter.png) no-repeat 0 0;
	text-indent: -9999px;
}*/

/* 春用 */
#symbol {
	position: absolute;
	top: 35px;
	left: -35px;
	width: 99px;
	height: 113px;
	background: url(../images/png_other/symbol_spring.png) no-repeat 0 0;
	/*_background: url(../images/png_ie6/symbol_winter.png) no-repeat 0 0;*/
	text-indent: -9999px;
}

#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.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:after*/ {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix,  .category_txt/*,
#content*/ {
	min-height: 1px;
}
* html .clearfix,  * html .category_txt/*,
* html #content*/ {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.mT-35 {margin-top: -5px!important;}
.pT35 {padding-top: 35px!important;}

