@charset "UTF-8";
@import "/stylesheets/top.css";

#Page{
	height:					92%;
	max-height:				594px;
}

article, #LocalScreen{
	display:				none;
}

#UpdateLinker{
	display:				block;
	width:					800px;
	height:					300px;
	position:				absolute;
	top:					0;
	left:					0;
	right:					0;
	bottom:					0;
	text-indent:			-2000px;
	overflow:				hidden;
	background-color:		transparent !important;
}

h3{
	display:				none;
}

#ImageFloat{
	position:				absolute;
	top:					0;
	left:					0;
	right:					0;
	bottom:					0;
	overflow:				hidden;
	margin:					0;
	padding:				0;
}
#ImageFloat img{
	vertical-align:			top;
	opacity:				0;
}
.trident #ImageFloat img{
	-ms-filter:				"alpha(opacity=0)";
	filter:					progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#Updates,
#DownThere{
}


/* 更新情報とページ下部スタイル */
#LocalUpdates{
	width:					500px;
}
#LocalUpdates h2{
	display:				none;
}

.darklist{
	position:				absolute;
	bottom:					0;
	left:					0;
	height:					72px;
	padding:				0 11px;
	overflow:				hidden;
	margin:					0;
}
.darklist li{
	margin:					15px 7px;
	display:				block;
	float:					left;
	height:					42px;
	line-height:			42px;
	font-size:				11px;
}

.darklist li a,
.darklist li a > span,
.darklist li a > time{
	display:				block;
	float:					left;
	height:					42px;
	line-height:			42px;
	color:					#FFFFFF;
}
.darklist li a{
	margin:					0;
	height:					42px;
	background:				url(/images/homeinfo/darkbg.png);
	
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
}

.darklist li a:hover,
.darklist li a:focus{
	background-color:		rgba(0, 0, 0, 0.4) !important;
}
.darklist li a:active{
	background-color:		black !important;
}
.darklist li a:active *{
	opacity:				0.9;
}

.darklist li .updateTitle{
	overflow:				hidden;
	text-indent:			-1000px;
	margin:					6px 12px;
	height:					30px;
	line-height:			30px;
	background-image:		url(/images/sugar/menu2-white.png);
}

.darklist li .updateOut{
	display:				none;
	speak:					normal;
}
.darklist li .updateContent{
	display:				none;
}
.darklist li:first-child .updateContent{
	display:				block !important;
	margin:					0 12px 0 0;
}

.darklist li time{
	margin:					0 12px 0 0;
}

/* 更新情報 */
/*.msie7 #LocalUpdates222{
	display:				none;
}*/

#LocalUpdates0 .updateTitle{
	width:					76px;
	background-position:	50% 0;
}
#LocalUpdates1 .updateTitle{
	width:					74px;
	background-position:	50% -30px;
}
/* Shift these numbers below after Video category appears */
#LocalUpdates2 .updateTitle{
	width:					88px;
	background-position:	50% -90px;
}
#LocalUpdates3 .updateTitle{
	width:					61px;
	background-position:	50% -120px;
}


/* ページ下部 */
#HomeTab{
	left:					auto;
	right:					0;
}

#HomeTab a span{
	content:				"";
	display:				block;
	width:					42px;
	height:					42px;
	overflow:				hidden;
	text-indent:			-1000px;
}
#HomeTab a.feed span{
	background:				url(/images/homeinfo/icon-feed.png) 50% 50% no-repeat transparent;
}
#HomeTab a.twitter span{
	background:				url(/images/homeinfo/icon-twitter.png) 50% 50% no-repeat transparent;
}
#HomeTab a.pixiv span{
	background:				url(/images/homeinfo/icon-pixiv.png) 50% 50% no-repeat transparent;
}

#Messenger{
	position:				absolute;
	bottom:					-2em;
	right:					0;
	height:					2em;
	line-height:			2em;
	font-size:				12px;
	text-shadow:			0 2px 2px rgba(0,0,0,0.1);
	text-align:				right;
	margin:					0;
	opacity:				0;
	
	-webkit-transition:		opacity 0.1s ease-out;
	-moz-transition:		opacity 0.1s ease-out;
	transition:				opacity 0.1s ease-out;
}
.touchUI #Messenger{
	display:				none;
}


/* IE7 */
.darklist a,
.darklist a *{
	cursor:					pointer !important;
}

#Notice{
	position:				absolute;
	left:					0;
	top:					3px;
	margin:					0;
	height:					2em;
	line-height:			2em;
}
#Notice, #Notice *{
	margin:					0;
	line-height:			2em;
}
#Notice a{
	display:				block;
	line-height:			2em;
}
#Notice.nissho, #Notice.mchk{
	padding-left:			2.5em;
	-webkit-background-size:	1.642857142857143em 1.142857142857143em;
	-moz-background-size:		1.642857142857143em 1.142857142857143em;
	-o-background-size:			1.642857142857143em 1.142857142857143em;
	background-size:			1.642857142857143em 1.142857142857143em;
}
#Notice.nissho{
	background:				url(/images/others/nisshoki.png) no-repeat 0.5em 50%;
}
#Notice.mchk{
	background:				url(/images/others/mcflag.png) no-repeat 0.5em 50%;
}
.mobile #Notice.nissho{
	background:				url(/images/others/nisshoki-large.png) no-repeat 0.5em 50%;
}
.mobile #Notice.mchk{
	background:				url(/images/others/mcflag-large.png) no-repeat 0.5em 50%;
}