@charset "utf-8";


/*↓反応メッセージ↓*/
.alert_box { width:672px; color:#FFF; position:relative; z-index:1000;}
#SYS_box_loading, #SYS_box_message { position:absolute; z-index:1000; right:0; top:0; margin:4px; padding:4px;}
/*↑反応メッセージ↑*/

/*↓見隠メニュー↓*/
.SYS_box_item_buttons p { position:absolute; right:0; top:0;}
.SYS_box_item_buttons img { cursor:pointer;}
/*↑見隠メニュー↑*/

p.main_message {/* 右列＞中身が空の時などで表示するメッセージ枠 */
	background:#999F9F;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	line-height:1.25;
	border:solid 2px #C9CFCF;
	padding:8px;
	text-align:center;
}
p.group_description {
	font-size:12px;
	line-height:1.25;
	background:#E9EFEF;
	padding:6px;
	border:solid 2px #999F9F;
	margin:4px 0 0;
}

td.SYS_box_item_data { color:#696F6F;}
td.SYS_box_item_data strong { color:#393F3F;}

p.SYS_box_memo {/* アイテム＞マイリストコメント(文字サイズ設定も入れないと表示が狂う) */
	background:#F9FFFF;
	color:#393F3F;
	font-size:12px;
	line-height:1.25;
	border:solid 2px #C9CFCF;
	margin-top:4px;
	padding:4px;
}

.SYS_box_item table tbody tr td .imgContainer{
	width: 96px;
	text-align: center;
	border: solid 2px #393F3F;
}
.SYS_box_item table tbody tr td .imgContainer a img.book{
	width: auto;
	height: 76px;
}

.fav_mylist_btn{
	margin:4px 8px 4px 0;
	font-size:10px;
	background:url(../img/favtag/fav_btn_bg.png) repeat-x bottom #f0f0f0;
	display:block;
	float:left;
	padding:4px 8px;
	border:1px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px; 
}

.fav_mylist_btn img{
	vertical-align:middle;
	margin:0 0 0 -3px;
}

.active{
	cursor:pointer;
	text-shadow:-1px -1px 1px #ccc;
}

.active:hover{
	color:#666;
}

.disable{
	cursor:default;
	color:#ccc;
}

.nicorepo_tab_table {
	width: 100%;
	border-collapse:collapse;
	border-bottom: 1px solid #39393f;
	margin: 2px 0;
}

.nicorepo_tab_row {
	padding: 0 8px;
	line-height: 1;
}

.nicorepo_tab_row div {
	display: block;
	float: left;
	padding: 8px;
	border:1px solid #393f3f;
	border-bottom:0;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0; 
	background-color: #393f3f;
	color: #eee;
}
.nicorepo_tab_row div.active_tab {
	background-color: transparent;
	color: #393f3f;
}
.nicorepo_tab_row div:hover {
	background-color: transparent;
	color: #393f3f;
	text-decoration: underline;
}
.nicorepo_tab_row div a {
	text-decoration: none;
}

/* for tabMenu */

.tabMenu{
	width: 98%;
	border-bottom: #ccc solid 1px;
	padding: 0 0 0 8px;
	zoom: 1;
}

.tabMenu:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.tabMenu li.tab{
	list-style: none;
	float: left;
}

.tabMenu li.tab a{
	display: inline-block;
	font-size: 13px;
	padding: 4px 6px 2px;
	text-decoration: none;
	color: #000;
	border: #ccc solid 1px;
	margin: 0 -1px -2px 0;
	background-color: #dedede;
	outline: none;
}

.tabMenu li.tab.active a{
	background: #fff;
  background: -webkit-gradient(liner, left top, left bottom, from(#f0f0f0), to(#fff));
  background: -webkit-linear-gradient(top, #f0f0f0 0, #fff 100%);
  background: -moz-linear-gradient(top, #f0f0f0, #fff);
  background: -ms-linear-gradient(top, #f0f0f0, #fff);
  background: -o-linear-gradient(top, #f0f0f0, #fff);
  background: linear-gradient(to bottom, #f0f0f0, #fff);
	padding: 8px 8px 4px;
	text-shadow: none;
	font-weight: bold;
	margin-top: -6px;
	border-color: #ccc #ccc #fff;
	cursor: default;
}

/* baloon */

.watchedCount { position: relative; background: #fff; border: 1px solid #ccc; padding:2px 8px; display:inline-block; border-radius:4px; font-size:11px; font-weight:bold; text-shadow:1px 1px 1px #ccc; margin:0 0 0 -8px;}
.watchedCount:after, .watchedCount:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.watchedCount:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 5px; top: 50%; margin-top: -5px; }
.watchedCount:before { border-color: rgba(204, 204, 204, 0); border-right-color: #ccc; border-width: 6px; top: 50%; margin-top: -6px; }

/* re thumb size */
.imgContainer.blomaga{
  
}

.imgContainer.blomaga a{
  display: block;
}


.imgContainer.blomaga .img_std96.blomaga{
  height: auto;
  border: none;
}
