@charset "utf-8";



/*			右ナビ
 ============================================================== */




#sub_nav{
	width:230px;
	float:right;
}

#sub_nav #todaybook{
	width:220px;
	background:url(../../../images/parts/main_contents/1oshi_bg.gif);
	padding:5px;
	margin:0 0 10px 0;
}

#sub_nav #maintenance{
	width:230px;
	background:url(../../../images/parts/common/bg06.gif) left top repeat;
	padding:5px 0;
	margin:0 0 10px 0;
}


#sub_nav #maintenance ul{
	margin:0 5px;
	background:url(../../../images/parts/common/bg07.gif) left top no-repeat;
}

#sub_nav #maintenance ul li{
	background:url(../../../images/parts/common/ic02.png) 5px 6px no-repeat;
	padding:6px 15px 6px 25px;
}

#sub_nav #maintenance ul li a{
	color:#F00;
	font-weight:bold;
	text-decoration: underline;
}

#sub_nav #maintenance ul li a:hover{
	text-decoration:none;
}


#sub_nav #member_info{
	width:230px;
	background:url(../../../images/parts/common/bg08.gif) left top repeat;
	padding:5px 0;
	margin:0 0 10px 0;
}

#sub_nav #member_info h2{
	padding:0 5px;
}

#sub_nav #member_info ul{
	margin:0 5px;
	padding:0 0 5px 0;
	background: #FFFFF2;
}

#sub_nav #member_info ul li{
	padding:3px 7px 0 7px;
}

#sub_nav #member_info ul li {
	font-size:0px;
}

#sub_nav #login_box{
	width:230px;
	background:url(../../../images/parts/common/bg09_1.gif) left top no-repeat;
	margin:0 0 0 0;
	padding: 0 0 15px 0;
}

#sub_nav #login_box h2{
	padding:24px 0 20px 14px;
	background: url(../../../images/parts/common/h02.png) no-repeat scroll 14px 11px transparent;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0px;
	line-height:0;
}

#sub_nav #login_box form{
	width:230px;
	background:url(../../../images/parts/common/bg09_2.gif) left bottom no-repeat;
	margin:0 0 15px 0;
	padding: 0 0 15px 0;
}

#sub_nav #login_box form #member_name{
	font-weight:bold;
	color:#FFF;
	padding:10px 14px 10px 14px;
}

#sub_nav #login_box form #member_name a{
  display: block;
  text-align: left;
  font-size: 10px;
	font-weight:normal;
	color:#FFF;
	margin: 5px 0 0 0;
}


#sub_nav #login_box p{
	margin:9px 0 0 13px;
	font-size:0px;
	line-height:0;
}

#sub_nav #login_box p.pass, #sub_nav #login_box p.ssl{
	margin:9px 0 0 15px;
}

#sub_nav #login_box form input.id_text{
  background:url(../../../images/parts/common/id_blur.jpg) left 1px no-repeat #FFF;
	height:20px;
	line-height:1.6;
	border: 1px solid #01517C;
	display:block;
	padding:0 0 0 20px;
	color:#333;
	margin:8px 0 0 15px;
	width:174px;
}

#sub_nav #login_box form input.id_text.toFocus{
	background:url(../../../images/parts/common/ic04.gif) left 1px no-repeat #FFF;
}

#sub_nav #login_box form input.pass_text{
	background:url(../../../images/parts/common/pass_blur.jpg) left 1px no-repeat #FFF;
	height:20px;
	line-height:1.6;
	border: 1px solid #01517C;
	display:block;
	padding:0 0 0 20px;
	color:#333;
	margin:8px 0 0 15px;
	width:174px;
}

#sub_nav #login_box form input.pass_text.toFocus{
	background:url(../../../images/parts/common/ic05.gif) left 1px no-repeat #FFF;
}

#sub_nav #login_box form .login{
	display:block;
	width:94px;
	height:27px;
	background: url(../../../images/parts/common/sprite05.png) left top no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	margin:8px 0 0 15px;
	overflow:hidden;
	font-size:0px;
	line-height:0;
}


#sub_nav #login_box form .login:hover{
	background-position:0 -27px;
}


#sub_nav #login_box form input{
	font-size:13px;
	width:1em;
	height:1em;
	margin:0 5px 5px 2px;
	vertical-align:middle;
}


#sub_nav #login_box form p label{
	text-indent:-9999px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:182px;
	height:13px;
	vertical-align:top;
	font-size:0px;
	overflow:hidden;
}

#sub_nav #login_box form p label.omission{
	background: url(../../../images/parts/common/tx07.png) left top no-repeat;
}

#sub_nav #login_box form p label.pass-show{
	background: url(../../../images/parts/common/tx13.png) left top no-repeat;
}


#sub_nav #login_box form .entry{
	margin:20px 0 0 15px;
}


#sub_nav #login_box form .entry a{
	display:block;
	width:201px;
	height:31px;
	background: url(../../../images/parts/common/sprite06.png) left top no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	font-size:0px;
}

#sub_nav #login_box form .entry a:hover{
	background-position:0 -31px;
}

#sub_nav #login_box form .cart{
	margin:25px 0 0 15px;
	line-height:0;
	font-size:0;
}

#sub_nav #login_box form .cart a{
	display:block;
	width:200px;
	height:32px;
	background:url(../../../images/parts/common/bt01.png) left top no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	line-height:0;
	font-size:0;
}

#sub_nav #login_box form p.pass{
	line-height:0;
	font-size:0;
	margin: 5px 0 0 15px;
}

#sub_nav #login_box form p.pass a{
	display:block;
	width:200px;
	height:14px;
	background: url(../../../images/parts/common/tx08.png) left top no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	font-size:0px;
	overflow:hidden;
}

#sub_nav #login_box form p.ssl{
	line-height:0;
	font-size:0;
}

#sub_nav #login_box form p.ssl a{
	display:block;
	width:200px;;
	height:13px;
	background: url(../../../images/parts/common/sslrogin.png) left top no-repeat;
	text-indent:-9999px;
	border:0;
	cursor: pointer;
	font-size:0px;
	overflow:hidden;
}


#sub_nav #login_box_after{
	width:230px;
	background: url(../../../images/parts/common/bg16.gif) left top no-repeat;
	margin:0 0 10px 0;
}

#sub_nav #login_box_after_inner{
	background: url(../../../images/parts/common/bg17.gif) left bottom no-repeat;
	padding:0 0 14px 0;
}

#sub_nav #login_box_after_inner h2{
	background:url(../../../images/parts/common/hr02.png) 14px bottom no-repeat;
}

#sub_nav #login_box_after_inner h2 span{
	display:block;
	height:40px;
	background:url(../../../images/parts/common/h05.png) 16px 8px no-repeat;
	text-indent:-9999px;
	font-size:0px;
	overflow:hidden;
}


#sub_nav #login_box_after_inner form #member_name{
	font-weight:bold;
	color:#FFF;
	padding:16px 14px 16px 14px;
}

#sub_nav #login_box_after_inner form #menber_rank_disp{
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#FFF;
	font-size:80%;
	margin:0 10px 0 15px;
	float:left;
	line-height:13px;
}


#sub_nav #login_box_after_inner form #member_icon{
	margin:0 0 12px 15px;
	width: 200px !important;
}


#sub_nav #login_box_after_inner form #member_icon ul{
	display:inline-block;
	/display:inline;
	/zoom:1;
}

#sub_nav #login_box_after_inner form #member_icon li{
	float:left;
	/*
	text-indent:-9999px;
	font-size:0px;
	overflow:hidden;
	*/
}



#sub_nav #login_box_after_inner form #member_icon li.general{
	background:url(../../../images/parts/common/ic27.png) left top no-repeat;
	width:59px;
	height:13px;
	margin:0 6px 0 0;
}
#sub_nav #login_box_after_inner form #member_icon li.premium{
	background:url(../../../images/parts/common/ic28.png) left top no-repeat;
	width:69px;
	height:13px;
}

#sub_nav #login_box_after_inner form #member_icon li.rank{
	margin-left:2px;
	background:url(../../../images/parts/common/ic32.png) left top no-repeat;
	width:69px;
	height:13px;
	color:#333;
	font-size:10px;
	line-height:13px;
	font-weight:bold;
	text-align:center;
	letter-spacing:-0.3px
}


#sub_nav #login_box_after_inner form #member_point{
	width:inherit !important;
	padding:0 0 8px 0;
	width:230px;
}

#sub_nav #login_box_after_inner form #member_point dt{
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#FFF;
	font-size:80%;
	margin:0 10px 0 15px;
	float:left;
	line-height:1.8;
}


*html #sub_nav #login_box_after_inner form #member_point dt{
	display:inline;
}

#sub_nav #login_box_after_inner form #member_point dd{
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#ffffff;
	float:right;
	padding:0 20px 0 0;
}

#sub_nav #login_box_after_inner form #member_point dd span{
	color:#FF9900;
	font-weight:bold;
	font-size:120%;
}



#sub_nav #login_box_after_inner form #lose_point{
	background:url(../../../images/parts/common/hr02.png) 14px bottom no-repeat;
	width:inherit !important;
	padding:0 0 12px 0;
	width:230px;
}

#sub_nav #login_box_after_inner form #lose_point dt{
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#FFF;
	font-size:80%;
	margin:0 10px 0 15px;
	float:left;
	line-height:1.8;
}


*html #sub_nav #login_box_after_inner form #lose_point dt{
	display:inline;
}

#sub_nav #login_box_after_inner form #lose_point dd{
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#ffffff;
	float:right;
	padding:0 20px 0 0;
}

#sub_nav #login_box_after_inner form #lose_point dd span{
	color:#FF9900;
	font-weight:bold;
	font-size:120%;
}








#sub_nav #login_box_after_inner form #member_list{
	width:200px;
	margin:12px 0 0 15px;
}

#sub_nav #login_box_after_inner form #member_list li{
	width:200px;
	line-height:0;
	font-size:0;
}

#sub_nav #login_box_after_inner form #member_list li a{
	display:block;
	background:url(../../../images/parts/common/bt02.png) left top no-repeat;
	text-indent:-9999px;
	font-size:0px;
	overflow:hidden;
	vertical-align:top;
	height:0;
	line-height:0;
	text-decoration:none;
}



#sub_nav #login_box_after_inner form #member_list li#in_cart a{
	padding-top:33px;
	background-position:0 0;
}

#sub_nav #login_box_after_inner form #member_list li#order_situation a{
	padding-top:34px;
	background-position:0 -33px;
}

#sub_nav #login_box_after_inner form #member_list li#your_Bookshelf a{
	padding-top:34px;
	background-position:0 -67px;
}
#sub_nav #login_box_after_inner form #member_list li#member_menu a{
	padding-top:33px;
	background-position:0 -101px;
}





#sub_nav #login_box_after_inner form .logout {
    background: url(../../../images/parts/common/sprite07.png) no-repeat scroll left -27px transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 27px;
    margin: 9px 0 0 15px;
    text-indent: -9999px;
    width: 94px;
}


#sub_nav #login_box_after_inner form .logout:hover {
	background-position:0 0px;
}












#sub_nav #special{
	background-color:#C2A366;
	margin:0 0 10px 0;
}

#sub_nav #special h2{
}

#sub_nav #special dl{
	padding:0 5px 5px 5px;
}

#sub_nav #special dl dd{
	background:#F4F4EA;
}

#sub_nav #special dl dd a{
	padding:4px 10px 4px 10px;
	display:block;
	color:#990000;
	font-weight:bold;
	line-height:1.3;
}

#sub_nav #right_banner{

}

#sub_nav #right_banner ul li{
	margin:0 0 10px 0;
}


#sub_nav .links{
	width:228px;
	border: solid 1px #CCC;
	padding:1px 0 0 0;
	margin:0 0 10px 0;
}


#sub_nav .links ul{
	background: url(../../../images/parts/common/bg10.gif) left bottom no-repeat;
}

#sub_nav .links2 ul{
    background-position: left -270px;
}

#sub_nav .links ul li{
	margin:0 2px 0 2px;
	padding:5px 0 6px 0;
	background:url(../../../images/parts/common/hr01.png) left bottom repeat-x;
}


*+html #sub_nav .links ul{
	width:228px;

}

*html #sub_nav .links ul{
	width:228px;
}


#sub_nav .links ul li.last{
	background: none;
}

#sub_nav .links ul li.last dl{
	width:215px;
	padding:0 0 0 8px;
}

#sub_nav .links ul li.last dl dt{
	padding:0 0 4px 0;
}

#sub_nav .links ul li.last dl dd{
	float:left;
	font-size:80%;
	padding:0 0 0 10px;
	margin:0 7px 0 0;
	background:url(../../../images/parts/common/ic08.png) 0px 2px no-repeat;
}

*+html #sub_nav .links ul li.last dl dd{
	padding:0 0 0 8px  /* for IE7 */;
}

*html #sub_nav .links ul li.last dl dd{
	padding:0 0 0 8px  /* for IE6 */;
}


#sub_nav .links ul li.last dl dd a{
	text-decoration:none;
}


#sub_nav #twitter_box{
	margin:0 0 10px 0;

}

#sub_nav #ranking_box{
	width:230px;

}

#sub_nav #ranking_box h2{
	background:#EEEEEE;
	height:34px;
	text-indent:-9999px;
	background:url(../../../images/parts/common/h04.gif) left top no-repeat;
}

#sub_nav #ranking_box p{
	background:#EEEEEE;
	text-align:right;
	padding:3px 13px 5px 7px;
	font-size:80%;
}

#sub_nav #ranking_box ol{
	border:#cccccc 1px solid;
	background:url(../../../images/parts/common/bg12.gif) left top repeat;
	padding:10px 0 0 0;
}

#sub_nav #ranking_box ol li{
	margin:0 10px 10px 10px;
	padding:0 0 8px 0;
	background:url(../../../images/parts/common/bg11.gif) left bottom repeat-x;
}


#sub_nav #ranking_box ol li a{
	display:block;
	padding:0 0 0 31px;
	color:#000;
	font-size:88%;
	min-height:24px;
	height: auto !important;
	height: 24px;
}

#sub_nav #ranking_box ol li.rank_10{
	margin:0 10px 4px 10px;
}


#sub_nav #ranking_box ol li.rank_1 a{
	background:url(../../../images/parts/common/ic10.png) left top no-repeat;
}

#sub_nav #ranking_box ol li.rank_2 a{
	background:url(../../../images/parts/common/ic11.png) left top no-repeat;
}

#sub_nav #ranking_box ol li.rank_3 a{
	background:url(../../../images/parts/common/ic12.png) left top no-repeat;
}
#sub_nav #ranking_box ol li.rank_4 a{
	background:url(../../../images/parts/common/ic13.png) left top no-repeat;
}
#sub_nav #ranking_box ol li.rank_5 a{
	background:url(../../../images/parts/common/ic14.png) left top no-repeat;
}
#sub_nav #ranking_box ol li.rank_6 a{
	background:url(../../../images/parts/common/ic15.png) left top no-repeat;
}
#sub_nav #ranking_box ol li.rank_7 a{
	background:url(../../../images/parts/common/ic16.png) left top no-repeat;
}
#sub_nav #ranking_box ol li.rank_8 a{
	background:url(../../../images/parts/common/ic17.png) left top no-repeat;
}
#sub_nav #ranking_box ol li.rank_9 a{
	background:url(../../../images/parts/common/ic18.png) left top no-repeat;
}
#sub_nav #ranking_box ol li.rank_10 a{
	background:url(../../../images/parts/common/ic19.png) left top no-repeat;
}

#sub_nav div.smLink{
  display:block;
	width:230px;
	height: 38px;
	margin: 10px 0 0 0;
}