/*=====================================
最終修正日　2014.12.26
=====================================*/

/*================================================
ランキング・新着レビュー・作家紹介・声優紹介
サイドバーアイテム
================================================*/
.SideBarItemBox {
	width: 180px;
	height: 158px;
	padding: 5px;
	background: url(../img/ranking_sidebar_itembox_BG.gif) no-repeat 0 0;
	overflow: hidden;
	border-bottom: 1px solid #FE9EB9;
	margin-bottom: 15px !important;
	text-align: left;
	margin: 0 auto;
}
.SideBarItemBox h4 {
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
.SideBarItemBox h4 a {
	color: #B20E40;
	text-decoration: none;
}
.SideBarItemBox a:hover {
	color: #FF2C69;
}
.SideBarItemImg {
	width: 70px;
	float: left;
	padding-top: 3px;
}
.SideBarItemImg img {
	width: 70px;
}
.SideBarItemText {
	width: 105px;
	float: right;
	line-height: 1.5em;
	font-size: 11px;
}
.SideBarItemText h5 {
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	color: #B20E40;
	font-weight: normal;
}
.SideBarItemText h5 a {
	color: #B20E40;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.SideBarItemText p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #5B3737;
	line-height: 1.3em;
	padding-bottom: 3px;
}
.SideBarItemText p a {
	font-size: 10px;
	color: #634bc8;
}
.SideBarItemBtnBox {
	line-height: 1.5em;
}
.SideBarItemBtnBox img {
	vertical-align: bottom;
	padding-bottom: 2px;
}
.SideBarMyHondana {
	clear: both;
	text-align: right;
	display: block;
	overflow: hidden;
}
.SideBarMyHondana a {
	color: #5B3737;
	font-size: 10px;
}
/* 特典情報追加　2012.11.13*/
.SideBarItemTokuBox {
	line-height: 1.1em;
	clear: both;
}
.SideBarItemTokuBox span {
	float: left;
	/* width: 22px;*/
	width: 73px;
	/*height: 11px;*/
	margin-right: 3px;
	padding: 0px 1px 0px 1px;
	font-size: 10px !important;
	line-height: 1.4;
	color: #FFFFFF;
	background-color: #fd3a55;
	/*border: solid 1px #fb3c57;*/
	text-align: center;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
.SideBarItemTokuBox {
	padding-top: 1px;
	float: left;
	font-size: 9px;
	color: #fc2644;
	line-height: 1.1em;
}
/* My本棚整理 */
.MyHondanaWrapper {
	/* ---------開く位置設定--------- */
	/* margin-left:-200px; */
	margin-left: -160px;
	width: 340px;
	position: absolute;
	padding: 5px;
	background: url(../img/alpha_BG_cream.png);
	clear: both;
	text-align: left;
	z-index: 11;
	box-shadow: 0px 1px 3px #CCC;
	border-radius: 5px;
	/* 初期設定 */
	display: none;
	/* IE6 */
	_background-color: #FCF7EF;
}
/* メインコンテンツ（ページ左）の設定 */
#ContLeft .MyHondanaWrapper {
	margin-left: -260px;
}
.MyHondanaBorder {
	border: 2px dotted #FBB0D2;
	border-radius: 3px;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.MyHondanaWrapper .MyHondanaClose a {
	background: url(../img/subwin_close_btn.gif) no-repeat 0 0;
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	text-indent: -9999px;
	cursor: pointer;
}
.MyHondanaWrapper .MyHondanaClose a:hover {
	background-position: 0 -20px;
}
.MyHondanaWrapper p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FF2C69;
	font-weight: bold;
	padding-top: 5px;
	float: left;
}
.MyHondanaWrapper form {
	clear: both;
}
.MyHondanaWrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
}
.MyHondanaWrapper li {
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	width: 160x;
	float: left;
	text-align: left;
	padding-right: 10px;/*width:170px;*/
}
.MyHondanaWrapper li a {
	display: block;
	background: url(../img/mypage_list_allow_pink.gif) no-repeat left;
	color: #B20E40;
	font-size: 12px;
	text-decoration: none;
	padding-left: 15px;
	text-align: left;
}
.MyHondanaWrapper li a:hover {
	color: #FF2C69;
}
/* My本棚 ステータスメッセージ 2012.1.23追加 */
.SideBarStatusText {
	color: #FF0000;
	font-weight: bold;
	float: right;
	padding-top: 5px;
	font-size: 12px;
}
/*==========================================
作品データベース・CD作品データベース用
==========================================*/
/* My本棚整理 */
#MyHondanaWrapper {
	width: 340px;
	position: absolute;
	padding: 5px;
	background: url(../img/alpha_BG_cream.png);
	box-shadow: 0px 1px 3px #CCC;
	border-radius: 5px;
	clear: both;
	text-align: left;
	z-index: 20;
	/* 初期設定 */
	display: none;
	
	/* IE6・7 */
	*margin-left:-85px;
	/* IE6 */
	_background-color: #FCF7EF;
}
#MyHondanaBorder {
	border: 2px dotted #FBB0D2;
	border-radius: 3px;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#MyHondanaWrapper p {
	margin: 0;
	padding: 0;
	font-size: 12px !important;
	color: #FF2C69 !important;
	font-weight: bold;
	padding-top: 5px !important;
	float: left;
}
#MyHondanaWrapper td a:hover img {
	opacity: 0.8;
	/* for IE */
	zoom: 1;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#MyHondanaWrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
}
#MyHondanaWrapper li {
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	padding-right: 10px;
	/*width:170px;*/
	float: left;
}
#MyHondanaWrapper li a {
	display: block;
	background: url(../img/mypage_list_allow_pink.gif) no-repeat left;
	color: #B20E40;
	font-size: 12px;
	text-decoration: none;
	padding-left: 15px;
}
#MyHondanaWrapper li a:hover {
	color: #FF2C69;
}
/* ===============================
2012.2.4追加
===============================*/
/* プルダウン回り込み回避 */
.MyHondanaWrapper form, #MyHondanaWrapper form {
	clear: both !important;
}
.MyHondanaWrapper p, #MyHondanaWrapper p {
	clear: both !important;
}
/* IE7でのプルダウン対策用 */
.MyHondanaWrapper td, #MyHondanaWrapper td {
	height: 22px;
}
/* サイドバー等のMy本棚の高さ固定 */
.MyHondanaBorder {
	height: 142px;
	/* IE7 */
	*height:150px;
}
/* 作品データベースのみ My本棚の高さ固定 */
#MyHondanaBorder {
	height: 142px;
	/* IE7 */
	*height:150px;
}