@charset "utf-8";

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

 // Site Outline //

	Site Name:  国書刊行会
	URL:  http://www.kokusho.co.jp/


 // Font-size Adjustment //

    62% = 10px
	68% = 11px
	75% = 12px
	81% = 13px
	87% = 14px
	93% = 15px
	100% = 16px
	106% = 17px
	112% = 18px
	118% = 19px
	125% = 20px


 // CSS Index //

	1: subtitle
	2: search
	3: genreMenu
	4: authorList、seriesList
	5: leftBanner

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

/*------------------------------
 // 1: subtitle
------------------------------ */
.s-box_bgtop .subtitleSrch,
.s-box_bgtop .subtitleGenre {
	margin: 0 0 0 18px;
	text-indent: -9999px;
	font-size: xx-small;
}
.s-box_bgtop .subtitleSrch {
	width: 77px;
	height: 21px;
	background: url(img/sub_title_search.jpg) no-repeat;
}
.s-box_bgtop .subtitleGenre {
	width: 107px;
	height: 21px;
	background: url(img/sub_title_genre.jpg) no-repeat;
}


/*------------------------------
 // 2: search
------------------------------ */
.s-box_bgmiddle .booksrchBox {
	width: 180px;
	margin:0 0 0 20px;
}
.s-box_bgmiddle .keyword {
	width: 61px;
	height: 14px;
	margin: 0 0 0 20px;
	display: block;
	background: url(img/keyword.jpg) no-repeat;
	text-indent: -9999px;
}
.s-box_bgmiddle .booksrchBox .searchfield input {
	width: 175px;
	height: 15px;
	margin: 5px 0;
	color: #CCC;
}
.s-box_bgmiddle .booksrchBox .searchbtn {
	float: right;
}
.s-box_bgmiddle .booksrchBox .searchmore {
	width: 75px;
	height: 14px;
	margin: 5px 0 0;
	float: left;
	background: url(img/goto_searchdetail.jpg) no-repeat;
	text-indent: -9999px;
}
.s-box_bgmiddle .booksrchBox .searchmore a{
	display: block;
	outline:none;
	width: 75px;
	height: 14px;
}

/*------------------------------
 // 3: genreMenu
------------------------------ */
.s-box_bgmiddle .genreList {
	width: 94px;
	height: 14px;
	margin: 0 15px 0 0;
	float: right;
	display: block;
	background: url(img/goto_genre.jpg) no-repeat;
	text-indent: -9999px;
}
.s-box_bgmiddle .genreList a {
	width: 94px;
	height: 14px;
	display: block;
}
.s-box_bgmiddle .genreBox {
	width: 185px;
	margin:0 0 0 23px;
	clear:both;
}

/* 大ジャンル
--------------------*/
.genreBox li a.lgl{
	display: block;
	outline:none;
	height: 28px;
	text-indent: -9999px;
}
.genreBox li.lgm01 {
	width: 156px;
	background: url(img/genre01_off.jpg) no-repeat;
}
.genreBox li.lgm01 a.lgl:hover {
	width: 156px;
	background: url(img/genre01_on.jpg) no-repeat;
}
.genreBox li.lgm02 {
	width: 156px;
	background: url(img/genre02_off.jpg) no-repeat;
}
.genreBox li.lgm02 a.lgl:hover {
	width: 156px;
	background: url(img/genre02_on.jpg) no-repeat;
}
.genreBox li.lgm03 {
	width: 156px;
	background: url(img/genre03_off.jpg) no-repeat;
}
.genreBox li.lgm03 a.lgl:hover {
	width: 156px;
	background: url(img/genre03_on.jpg) no-repeat;
}
.genreBox li.lgm04 {
	width: 156px;
	background: url(img/genre04_off.jpg) no-repeat;
}
.genreBox li.lgm04 a.lgl:hover {
	width: 156px;
	background: url(img/genre04_on.jpg) no-repeat;
}
.genreBox li.lgm05 {
	width: 156px;
	background: url(img/genre05_off.jpg) no-repeat;
}
.genreBox li.lgm05 a.lgl:hover {
	width: 156px;
	background: url(img/genre05_on.jpg) no-repeat;
}
.genreBox li.lgm06 {
	width: 156px;
	background: url(img/genre06_off.jpg) no-repeat;
}
.genreBox li.lgm06 a.lgl:hover {
	width: 156px;
	background: url(img/genre06_on.jpg) no-repeat;
}
.genreBox li.lgm07 {
	width: 156px;
	background: url(img/genre07_off.jpg) no-repeat;
}
.genreBox li.lgm07 a.lgl:hover {
	width: 156px;
	background: url(img/genre07_on.jpg) no-repeat;
}
.genreBox li.lgm08 {
	width: 156px;
	background: url(img/genre08_off.jpg) no-repeat;
}
.genreBox li.lgm08 a.lgl:hover {
	width: 156px;
	background: url(img/genre08_on.jpg) no-repeat;
}
.genreBox li.lgm09 {
	width: 156px;
	background: url(img/genre09_off.jpg) no-repeat;
}
.genreBox li.lgm09 a.lgl:hover {
	width: 156px;
	background: url(img/genre09_on.jpg) no-repeat;
}
.genreBox li.lgm10 {
	width: 156px;
	background: url(img/genre10_off.jpg) no-repeat;
}
.genreBox li.lgm10 a.lgl:hover {
	width: 156px;
	background: url(img/genre10_on.jpg) no-repeat;
}

/* 小ジャンル
--------------------*/
.genreBox ul.sg {
	margin:0 0 0 9px;
	padding-bottom: 10px;
}
.genreBox ul.sg li {
	padding-top: 5px;
}
.genreBox ul.sg li a{
    background: url(img/arrow_black.gif) no-repeat 0 center;
	padding-left: 20px;
}
.genreBox ul.sg li a:hover{
    background: url(img/arrow_red.gif) no-repeat 0 center;
	padding-left: 20px;
}

/*------------------------------
 // 4: authorList、seriesList
------------------------------ */
.ln_listMenu {
	margin-bottom: 15px;
}
.ln_listMenu li {
	margin-top: 3px;
}
.ln_listMenu li a{
	display: block;
	outline:none;
	height: 42px;
	text-indent: -9999px;
}
.ln_listMenu li.llm01 {
	width: 220px;
	background: url(img/l-menu_author_off.jpg) no-repeat;
}
.ln_listMenu li.llm01 a:hover {
	width: 220px;
	background: url(img/l-menu_author_on.jpg) no-repeat;
}
.ln_listMenu li.llm02 {
	width: 220px;
	background: url(img/l-menu_series_off.jpg) no-repeat;
}
.ln_listMenu li.llm02 a:hover {
	width: 220px;
	background: url(img/l-menu_series_on.jpg) no-repeat;
}

/*------------------------------
 // 5: leftBanner
------------------------------ */
.ln_bannerBox {
	margin-bottom: 15px;
}
.ln_bannerBox li {
	width: 220px;
	height: 50px;
	margin-top: 3px;
	margin-bottom: 20px;
}
.ln_bannerBox li a {
	outline: none;
}