@charset "utf-8";

#contentsArea {
	z-index:10;
}

#footerArea {
	position:fixed !important;
	position:absolute;
    background-color:#1a0a08;
	bottom:0px;
	z-index:20;
}

#leftBox {
	position:absolute;
	left:20px;
	bottom:60px;
	z-index:13;
}

#rightBox {
	position:absolute;
	right:20px;
	bottom:60px;
	z-index:13;
}

#bannerBox {
	margin-bottom:12px;
}

#bannerBox img {
	border:#303030 solid 1px;
	border-radius:6px;
	margin-bottom:6px;
}

#newReleaseBox span {
	font-size:12px;
	font-weight:bold;
	color:#303030;
	padding-left:6px;
}

#newReleaseBox dl, #newReleaseBox a dl {
	margin:0 0 8px 0;
	padding:2px 10px 4px 10px;
	width:240px;
	border:rgba(0,0,0,0) solid 1px;
	border-radius:6px;
	background-color:rgba(50,50,50,0.8);
}

#newReleaseBox dt {
	font-size:11px;
	font-weight:bold;
	color:#f06060;
}

#newReleaseBox dd, #newReleaseBox a dd {
	margin:0;
	padding-left:4px;
	color:#f0f0f0;
	border-left:#ff3030 double 3px;
}

#newReleaseBox a {
	text-decoration:none;
}

#newReleaseBox a dl:hover {
	background-color:rgba(160,160,160,0.6);
	border:#f0f0f0 solid 1px;
}

#twitterBox {
	/*position:absolute;
	right:20px;
	bottom:60px;*/
	border:#ffffff solid 1px;
	border-radius:6px;
	background-color:rgba(246,246,246,0.6);
	padding:4px;
	margin-top:6px;
	width:220px;
	/*z-index:13;*/
}

#twitterBox span {
	font-size:13px;
	font-weight:bold;
}

#twitterBox .twitterBird {
	vertical-align:-3px;
}

#twitterBox hr {
	border:0;
	border-bottom:#ffffff solid 1px;
	margin:5px 0;
}

#imageSelectBox {
	position:absolute;
	right:20px;
	top:80px;
	z-index:13;
}

#imageSelectBox ul {
	margin:0;
	padding:0;
}

#imageSelectBox li {
	margin:0 4px;
	padding:0;
	list-style-type:none;
	float:left;
}

#imageSelectBox img {
	border:#303030 solid 1px;
	border-radius:4px;
	margin:1px;
	cursor:pointer;
}

#imageSelectBox .selected {
	border:#ff8811 solid 2px;
	margin:0;
}

#topImageBox {
	position:fixed !important;
	position:absolute;
	/*overflow:hidden;*/
	bottom:0;
	z-index:11;
}

#loadingView {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:12;
	background-color:rgba(0,0,0,0.5);
	opacity:0;
}

#loadingView canvas {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-30px;
}


#character{
	position:fixed !important;
	position:absolute;
	bottom:250px;
	right:200px;
	width:200px;
	height:200px;
	background-image:url(../img/char.png);
	z-index:40;
}