@charset "utf-8";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  東京創元社
	URL:  http://www.tsogen.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //

	1: common
	2: booksearch
	3: genreMenu
	4: bannerBox

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

/*------------------------------
 // 1: common
------------------------------ */

#main .naviTitle {
	position:relative; /* RSSアイコンがある場合のために指定 */
	height: 46px;
	background: url(img/l_t_search.jpg) no-repeat;
	text-indent: -9999px;
}

#main .naviBox {
	background: url(img/l_bg_body.jpg) repeat-y;
}

#main .naviBoxBody {
	padding: 10px;
	background: url(img/l_bg_foot.jpg) no-repeat left bottom;
}

/*------------------------------
 // 2: booksearch
------------------------------ */

#main .naviBox .booksrch {
	padding: 0 0 5px 0;
	background: url(img/l_dottedline.jpg) no-repeat left bottom;
}

#main .naviBox .booksrchForm {
	position:relative;
}

#main .naviBox .booksrchForm .searchfield input {
	width: 94px;
	height: 14px;
	color: #666;
}

#main .naviBox .booksrchForm .searchbtn {
	position: absolute;
	top: 1px;
	left: 103px;
}

/* morelink
--------------------*/
#main .naviBox .morelink {
	margin-top: 7px;
	padding-bottom: 7px;
}

/*------------------------------
 // 3: genreMenu
------------------------------ */
#main .genreMenu {
	margin-bottom: 20px;
}

/* genreMenu01
--------------------*/

#main .genreMenu01 {
	padding-top: 10px;
}

#main .genreMenu01 li {
	margin-bottom: 5px;
}

#main .genreMenu01 li a{
	display: block;
	outline:none;
	width: 120px;
	height: 44px;
	text-indent: -9999px;
}

#main .genreMenu01 li.lm_webkawade {
	background: url(img/l_webkawade_off.jpg) no-repeat;
}

#main .genreMenu01 li.lm_webkawade a:hover {
	background: url(img/l_webkawade_on.jpg) no-repeat;
}

#main .genreMenu01 li.lm_otonano {
	background: url(img/l_otonano_off.jpg) no-repeat;
}

#main .genreMenu01 li.lm_otonano a:hover {
	background: url(img/l_otonano_on.jpg) no-repeat;
}

#main .genreMenu01 li.lm_kawade {
	background: url(img/l_kawade_off.jpg) no-repeat;
}

#main .genreMenu01 li.lm_kawade a:hover {
	background: url(img/l_kawade_on.jpg) no-repeat;
}

#main .genreMenu01 li.lm_bungo {
	background: url(img/l_bungo_off.jpg) no-repeat;
}

#main .genreMenu01 li.lm_bungo a:hover {
	background: url(img/l_bungo_on.jpg) no-repeat;
}

/* genreMenu02
--------------------*/

#main .genreMenu02 {
	padding-bottom: 15px;
	margin-bottom: 10px;
	background: url(img/l_dottedline.jpg) no-repeat left bottom;
}

#main .genreMenu02 li a{
	display: block;
	outline:none;
	width: 120px;
	height: 24px;
	text-indent: -9999px;
}

#main .genreMenu02 li.lm01 {
	background: url(img/l_m01_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm01 a:hover {
	background: url(img/l_m01_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm02 {
	background: url(img/l_m02_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm02 a:hover {
	background: url(img/l_m02_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm03 {
	background: url(img/l_m03_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm03 a:hover {
	background: url(img/l_m03_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm04 {
	background: url(img/l_m04_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm04 a:hover {
	background: url(img/l_m04_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm05 {
	background: url(img/l_m05_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm05 a:hover {
	background: url(img/l_m05_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm06 {
	background: url(img/l_m06_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm06 a:hover {
	background: url(img/l_m06_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm07 {
	background: url(img/l_m07_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm07 a:hover {
	background: url(img/l_m07_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm08 {
	background: url(img/l_m08_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm08 a:hover {
	background: url(img/l_m08_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm09 {
	background: url(img/l_m09_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm09 a:hover {
	background: url(img/l_m09_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm10 {
	background: url(img/l_m10_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm10 a:hover {
	background: url(img/l_m10_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm11 {
	background: url(img/l_m11_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm11 a:hover {
	background: url(img/l_m11_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm12 {
	background: url(img/l_m12_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm12 a:hover {
	background: url(img/l_m12_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm13 {
	background: url(img/l_m13_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm13 a:hover {
	background: url(img/l_m13_on.jpg) no-repeat;
}

#main .genreMenu02 li.lm14 {
	background: url(img/l_m14_off.jpg) no-repeat;
}

#main .genreMenu02 li.lm14 a:hover {
	background: url(img/l_m14_on.jpg) no-repeat;
}

/* genreMenu03
--------------------*/

#main .genreMenu03 {
}

#main .genreMenu03 li {
	margin-bottom: 5px;
}

#main .genreMenu03 li a{
	display: block;
	outline:none;
	width: 120px;
	height: 44px;
	text-indent: -9999px;
}

#main .genreMenu03 li.lm_bungo {
	background: url(img/l_bungo_off.jpg) no-repeat;
}

#main .genreMenu03 li.lm_bungo a:hover {
	background: url(img/l_bungo_on.jpg) no-repeat;
}

/* genreList
--------------------*/

#main .genreList {
	padding-top: 15px;
	margin-top: 10px;
	background: url(img/l_dottedline.jpg) no-repeat left top;
}

#main .genreList li {
	margin-top: 2px;
	line-height: 1;
}


/*------------------------------
 // 4: bannerBox
------------------------------ */
#main .bannerBox {
	padding-top: 15px;
}

#main .bannerBox li a{
	display: block;
	outline:none;
	width: 140px;
	text-indent: -9999px;
}

#main .bannerBox .l_review a{
	height: 52px;
	background: url(img/l_review_off.jpg) no-repeat;
}

#main .bannerBox .l_review a:hover{
	height: 52px;
	background: url(img/l_review_on.jpg) no-repeat;
}

#main .bannerBox .l_WINB{
	margin-top: 15px;
}

#main .bannerBox .l_WINB a{
	height: 75px;
	background: url(img/l_WINB_off.jpg) no-repeat;
}

#main .bannerBox .l_WINB a:hover{
	height: 75px;
	background: url(img/l_WINB_on.jpg) no-repeat;
}

#main .bannerBox .l_mobile{
	margin-top: 5px;
	width: 140px;
	height: 181px;
	background: url(img/l_mobile.jpg) no-repeat;
	text-indent: -9999px;
}

#main .bannerBox .l_st a{
	height: 45px;
}

#main .bannerBox .l_st{
	margin-top: 5px;
	margin-left: 3px;
	width: 135px;
	height: 45px;
	background: url(img/bnr_simple.jpg?201409) no-repeat;
	text-indent: -9999px;
}

#main .bannerBox .l_kb a{
	height: 45px;
}

#main .bannerBox .l_kb{
	margin-top: 5px;
	margin-left: 3px;
	width: 135px;
	height: 45px;
	background: url(img/bnr_kawadebooks.gif) no-repeat;
	text-indent: -9999px;
}

#main .bannerBox .l_inori a{
	height: 45px;
}

#main .bannerBox .l_inori{
	margin-top: 5px;
	margin-left: 3px;
	width: 134px;
	height: 40px;
	background: url(img/araremonai_booklog134_40.jpg) no-repeat;
	text-indent: -9999px;
}


#main .bannerBox .l_ya a{
	height: 45px;
}

#main .bannerBox .l_ya{
	margin-top: 5px;
	margin-left: 3px;
	width: 135px;
	height: 45px;
	background: url(img/ya_banner.gif) no-repeat;
	text-indent: -9999px;
}

#main .bannerBox .l_bargain a{
	height: 36px;
}

#main .bannerBox .l_bargain{
	margin-top: 5px;
	margin-left: 3px;
	width: 135px;
	height: 36px;
	background: url(img/bargain18-1.jpg) no-repeat;
	text-indent: -9999px;
}

#main .bannerchi {
/*	padding-top: 15px;*/
}

#main .bannerchi li a{
	display: block;
	outline:none;
	width: 140px;
/*	text-indent: -9999px;*/
}

#main .bannerchi .l_chide a{
	height: 45px;
}

#main .bannerchi .l_chide{
	margin-top: 5px;
	margin-bottom: 35px;
	margin-left: 3px;
	width: 135px;
/*	height: 45px;
	background: url(http://epub-tw.com/image/common/chichikakako_banner.jpg) no-repeat;
	text-indent: -9999px;*/
}

#main .bannerchi .l_chitw a{
	height: 45px;
}

#main .bannerchi .l_chitw{
/*	margin-top: 5px;*/
	margin-left: 3px;
	width: 135px;
/*	height: 45px;
	background: url(http://epub-tw.com/image/common/chichikakako_twitter_banner.jpg) no-repeat;
	text-indent: -9999px;*/
}