@charset "utf-8";

/*
Copyright (c) 2009/04/09,
*/


#navi_left {
	float:left;
	width:155px;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index:10;
}


 /*　共通メニュー部分のタイトル　*/
.menu_title{
	width: 145px;
	height: 28px;
	line-height:28px;
	background-image: url(../image/common/title_side_bg01-2.gif);
	padding-left: 10px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	background-repeat: no-repeat;
	overflow: hidden;
}

.menu_title2{
	width: 150px;
	height: 28px;
	line-height:28px;
	background-image: url(../image/common/title_side_bg01-2.gif);
	padding-left: 5px;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	background-repeat: no-repeat;
	overflow: hidden;
}

 /*menu_title end*/
.menu_title_end{
	height: 13px;
	width: 155px;
	background-image: url(../image/common/menu_side_under.gif);
	color: #FFF;
	padding-bottom: 10px;
	background-repeat: no-repeat;
}


/*　メニューカテゴリー　*/
#category {
	width:155px;
	background: url(../image/common/category_bg.gif) repeat-y;
	padding-top:2px;
}

.menu_category{
	height: 25px;
	line-height:25px;
	width: 117px;
	background-image: url(../image/common/title_side_bg02.jpg);
	padding-left: 18px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
}


.menu_category a:link { color: #ffffff; text-decoration: none; }
.menu_category a:visited { color: #ffffff; text-decoration: none; }
.menu_category a:hover { color: #d41d24; text-decoration: underline; }
.menu_category a:active { color: #d41d24; font-weight: bold; }


.menu_category2{
	height: 40px;
	line-height:15px;
	width: 125px;
	background-image: url(../image/common/title_side_bg02_2.jpg);
	padding-top: 5px;
	padding-left: 18px;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	margin-left: 6px;
	margin-top: 10px;
	background-repeat: no-repeat;
}


.menu_category2 a:link { color: #ffffff; text-decoration: none; }
.menu_category2 a:visited { color: #ffffff; text-decoration: none; }
.menu_category2 a:hover { color: #d41d24; text-decoration: underline; }
.menu_category2 a:active { color: #d41d24; font-weight: bold; }


#category ul {
	width:155px;
	margin: 0px;
	padding-left: 10px;
	font-size: 90%;
}

#category li{
	margin: 0px;
	background: url(../image/common/category.gif) no-repeat left bottom;
	font-size: 90%;
	width:135px;
}

.category a {
	padding-right:10px;
	line-height:130%;
	padding: 4px 8px 4px 0;
	display:block;
}

.category a:link,
.category a:visited { color: #000; text-decoration: none;}
.category a:hover,
.category a:active { color: #d41d24; background:url(../image/common/category2.gif) no-repeat  left bottom;}

.left_subemenu {
	width:135px;
}

.left_submenu li{
	width:135px;
}	

#category_search{
	margin: 0px;
	padding-top:5px;
}

#category_search a {
	color:#333;
}

#category_search ul {
	font-size: 90%;
}

#category_search li{
	margin: 0px;
	font-size: 70%;
	width:135px;
	background-image: url(../image/common/menu_arrow2.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

#category_search li a{
	background:none;
	display:block;
	line-height:130%;
	padding: 4px 0 4px 10px;
}

 /*　左ナビメニュー*/
#navi_right {
	float:right;
	width:155px;
	margin: 0px;
	padding: 0px;
}


 /*　ユーザー閲覧ランキング*/
#userrank {
	width:155px;
	background: url(../image/common/category_bg.gif) repeat-y;
	padding-top:2px;
}

.userrank_t{
	height: 25px;
	line-height:25px;
	width: 135px;
	background-image: url(../image/top/title_side_bg03.gif);
	padding-top: 0px;
	padding-left: 10px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
}

#userrank ul {
	width:155px;
	margin: 0px;
	padding-left: 10px;
	font-size: 90%;
}

#userrank li{
	margin: 0px;
	font-size: 90%;
	height: 18px;
	width: 135px;
	padding-top: 8px;
	padding-left: 2px;
}


 /*　マンガ人気著者　*/
#personrank {
	background-image: url(../image/common/category_bg.gif);
}

.person_t{
	padding-top:10px;
	color: #333;
}

.person_t a{
	color: #333;
}

.person_t li{
	width:125px;
	background:url(../image/common/menu_list.gif) no-repeat;
	padding-left:10px;
	padding-bottom:4px;
	line-height:110%;
	font-size:80%;
	margin:0;
	margin-left:9px;
}

.person_t li.end_more{
	width:125px;
	background:url(../image/common/menu_list2.gif) no-repeat;
	padding-left:10px;
	padding-bottom:8px;
	line-height:110%;
	font-size:11px;
	margin:0;
	margin-left:9px;
	text-align:right;
}

 /*　人気キーワード　*/

#keyword {
	background-image: url(../image/common/category_bg.gif);
}

.keyword_list{
	padding-top:10px;
	color: #333;
}

.keyword_list a{
	color: #333;
}

.keyword_list li{
	width:125px;
	background:url(../image/common/menu_list.gif) no-repeat;
	padding-left:10px;
	padding-bottom:4px;
	line-height:110%;
	font-size:80%;
	margin:0;
	margin-left:9px;
}

.keyword_list li.end_more{
	width:145px;
	background:url(../image/common/menu_list2.gif) no-repeat;
	padding-left:0px;
	padding-bottom:8px;
	line-height:110%;
	font-size:11px;
	margin:0;
	margin-left:2px;
	text-align:right;
}




.leftbanners {
width:155px;
}


.leftbanners .leftbanners_t {
	background:url(../image/common/menu_side_t.png) no-repeat;
	height:5px;
}


.leftbanners .leftbanners_m {
	background:url(../image/common/menu_side_m.png) repeat-y;
	padding-top:2px;
	padding-bottom:2px;
}

.leftbanners .leftbanners_b {
	background:url(../image/common/menu_side_b.png) left bottom no-repeat;
	height:5px;
}


.leftbanners ul{
margin:0;
padding:0;
}

.leftbanners ul li{
text-align:center;
padding:0;
margin:8px;
}

.leftbanners ul li img{
padding:0;
margin:0;
}

#navi_left .left_search {
	background-image: url(../image/common/category_bg.gif);
	padding-top: 10px;
	padding-left: 10px;
	font-size: 12px;
	valign: center;
}

.btn_search {
	background:url(https://haishin.ebookjapan.jp/kotoha/ebj/shared/img/header/btn_search.gif) no-repeat;
	width : 23px;
	height : 23px;
	border:none;
	vertical-align : top;

}




/* genre */


#genre_l {
	width:155px;
	margin: 0px;
	padding: 0px;
}

#genre_l h5.menu_title {
	height: 28px;
	background-image: url(../image/common/title_side_bg01-2.gif);
	padding-left: 10px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	line-height:28px;
	overflow: hidden;
	color:#FFF;
}

.genre_end{
	height: 13px;
	width: 155px;
	background-image: url(../image/common/menu_side_under.gif);
	margin-bottom:10px;
}

#genre_l_box{
	width:155px;
	background:url(../image/common/category_bg.gif) repeat-y;
	padding:10px 0px;
}

/* ハーレクイン（左サイドメニュー）*/
#genre_l_box h3 {
	width:135px;
	background:url(../image/common/title_side_bg02.jpg) no-repeat;
	height:22px;
	padding-left:5px;
	padding-top:5px;
	margin:20px 0px 5px 9px;
	font-size:80%;
	color:#FFF;
}

#genre_l_box h6 {
	width:135px;
	background:url(../image/common/title_side_bg02.jpg) no-repeat;
	height:22px;
	padding-left:5px;
	padding-top:5px;
	margin:0px 0px 5px 9px;
	font-size:80%;
	color:#FFF;
}

#genre_l_box h6.line2 {
	width:135px;
	background:url(../image/common/title_side_bg03.jpg) no-repeat;
	height:36px;
	padding-left:5px;
	padding-top:5px;
	margin:0px 0px 12px 9px;
	font-size:80%;
	color:#FFF;
}

#genre_l_box .title {
	padding-left:3px;
	font-size:90%;
	color:#FFF;
	line-height:100%;
	padding-left:12px;
}

#genre_l_box .title2 {
	padding-left:3px;
	font-size:90%;
	color:#FFF;
	line-height:100%;
	display:block;
	padding-left:12px;
	line-height:140%;
}


#genre_l_box ul.menu {
margin:0 0 8px 10px;
}

#genre_l_box .menu li{
background:url("../image/common/category.gif") no-repeat scroll 0 0 transparent;
font-size:90%;
height:25px;
line-height:25px;
margin:0;
width:135px;
}

#genre_l_box .menu li.line2{
background:url("../image/common/category.gif") no-repeat scroll left bottom transparent;
font-size:90%;
height:40px;
line-height:18px;
margin:0;
width:135px;
}


#genre_l_box .menu2 ul{
	margin-bottom:20px;
}

#genre_l_box .menu2 li{
	width:125px;
	background:url(../image/common/menu_list.gif) no-repeat;
	padding-left:15px;
	padding-bottom:5px;
	line-height:110%;
	font-size:80%;
	margin:0;
	margin-left:9px;
}

/* 	ハーレクイン（左サイドボックス2）*/
#genre_l2 {
	width:155px;
	margin: 0px;
	padding: 0px;
}

#genre_l2 h2.menu_title {
	height: 28px;
	background:url(../image/common/title_side_bg01-2.gif) no-repeat;
	padding-left: 10px;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	line-height:28px;
	overflow: hidden;
	color:#FFF;
}

.genre_end2{
	height: 13px;
	width: 155px;
	background-image: url(../image/common/menu_side_under.gif);
	margin-bottom:10px;
}

#genre_l_box2{
	width:155px;
	background:url(../image/common/category_bg.gif) repeat-y;
	padding:10px 0px;
}

/* ハーレクイン（左サイドメニュー2）*/
#genre_l_box2 h6 {
	width:135px;
	background:url(../image/common/title_side_bg02.jpg) no-repeat;
	height:22px;
	padding-left:5px;
	padding-top:8px;
	margin:0px 0px 5px 9px;
	font-size:80%;
	color:#FFF;
}

#genre_l_box2 .title {
	padding-left:3px;
	font-size:90%;
	color:#FFF;
	line-height:100%;

	padding-left:12px;
}


#genre_l_box2 .menu ul{
	margin-bottom:20px;
}

#genre_l_box2 .menu li{
	width:130px;
	height:24px;
	background:url(../image/mediasite/menu_bg1.gif) no-repeat;
	padding-left:5px;
	padding-top:3px;
	line-height:100%;
	font-size:90%;
	margin:0;
	margin-left:9px;
}

#genre_l_box2 .menu2 ul{
	margin-bottom:20px;
}

#genre_l_box2 .menu2 li{
	width:125px;
	background:url(../image/mediasite/menu_list.gif) no-repeat;
	padding-left:15px;
	padding-bottom:5px;
	line-height:110%;
	font-size:80%;
	margin:0;
	margin-left:9px;
}

#genre_l_box .menu a {
display:block;
height:25px;
width:135px;
text-decoration:none;
}

#genre_l_box .menu a:hover,
#genre_l_box .menu a:active {
background:url("../image/common/category2.gif") no-repeat scroll 0 0 transparent;
color:#D41D24;
display:block;
height:25px;
width:135px;
text-decoration:none;
}

#genre_l_box .menu li.line2 a:hover,
#genre_l_box .menu li.line2 a:active {
background:url("../image/common/category2.gif") no-repeat scroll left bottom transparent;
color:#D41D24;
display:block;
height:40px;
width:135px;
text-decoration:none;
}

#genre_l_box ul li a:link,
#genre_l_box ul li a:visited,
{
color:#000000;
display:block;
text-decoration:none;
}

#genre_l_box ul li a:hover{
color:#D41D24;
display:block;
text-decoration:none;
}
