@charset "utf-8"; 

/* BASE
---------------------------------------------------- */
html {
	overflow-y: hidden;
}
body {
	width: 100%;
	height: 100%;
	font: normal 12px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #1b1b1b;
	overflow: hidden;
}
p#graLogo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
}

/* GRANAVI
---------------------------------------------------- */
#granavi {
	width: 150px;
	height: 100%;
	font: normal 1px/1px Verdana;
	overflow: auto;
	top: 0px;
	right: 0px;
	z-index: 100;
	position: absolute;
}
#granaviBG {
	width: 150px;
	height: 100%;
	top: 0px;
	right: 0px;
	z-index: 99;
	position: absolute;
	background-color: #1b1b1b;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#granaviInner {
	width: 120px;
	padding: 0px 0px 20px 10px;
}
#granavi h2 {
	width: 120px;
	height: 5px;
	margin: 10px 0px;
}
#granavi ul {
	width: 120px;
}
#granavi ul li {
	width: 36px;
	height: 36px;
	font: normal 1px/1px Verdana;
	float: left;
}
#granavi ul li a {
	width: 30px;
	height: 30px;
	margin: 1px;
	padding: 2px;
	background: #E6E6E6;
	border-style: none;
	display: block;
}
#granavi ul li a:hover {
	margin: 0px;
	padding: 3px;
	height: 30px;
	width: 30px;
	background: #f3d929;
	display: block;
}
#granavi ul li a img {
	height: 30px;
	width: 30px;
	border-style: none;
}

img#loadingIcon {
	position: absolute;
	top: 35px;
	right: 75px;
	z-index: 100;
}