@charset "utf-8";
@import "content.css";

/* Structure */
body {
	background:#16225f;
}
#frame-wrap, #stage-wrap, #logo-wrap, #menu-wrap, #toggler-wrap {
	background:transparent;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
}
#frame-wrap {
	z-index:0;
	margin-top:-256px;
}
#stage-wrap {
	z-index:1;
	margin-top:-250px;
	overflow:hidden;
}
#logo-wrap {
	z-index:2;
	margin-top:76px;
}
#menu-wrap {
	z-index:3;
	margin-top:115px;
	overflow: hidden;
}
#toggler-wrap {
	z-index:4;
	margin-top:-264px;
}
#cover {
	position:absolute;
	z-index:4;
	background:#16225f;
	height:100%;
}
#frame-pos, #stage, #menu, #largestage, #toggler {
	background:transparent;
	position:relative;
	text-align:left;
	width:750px;
	height:375px;
	margin:0 auto;
	overflow:hidden;
}
#frame-pos {
	width:762px;
	height:387px;
}
#frame {
	position:absolute;
	bottom:0;
	width:762px;
	height:0px;/*INTRO-ANIM:0px->387px*/
	background:transparent;
	overflow:hidden;
}
#frame-inner {
	height:375px;
	background:#fff;
	border:6px solid #fecc2e;
}
#largestage {
	width:2250px;
}
#logo {
	background:transparent url(images/bg_logo.gif) no-repeat center;
	height:70px;
}
#menu {
	height:145px;
}
#toggler {
	height:22px;
	text-align:center;
	visibility:hidden;
}
#content {
	background:transparent;
	width:750px;
	height:375px;
	margin-left:750px;
}

/* Menu */
#menu div {
	margin:5px 0 0 27px;
}
#menu div div.level1 {
	float:left;
	display:inline;
	margin:0 0 0 48px;
	height:142px;
}
#menu div div a img {
	display:block;
	margin:0 auto;
}
#menu div div div {
	clear:both;
	margin:0;
	overflow:hidden;
	position:absolute;
	width:116px;
}
#menu div div.on div {
	margin-top:9px;
}
#menu div div div.mainmenu-wrap {
	position:relative;
	width:auto;
	margin-top:0;
	overflow:hidden;
}
#menu div div div.mainmenu-wrap div {
	position:relative;
	width:auto;
}
#menu .level2 .mainmenu-wrap div {
	margin-top:0;
}
#menu div div a .but {
	visibility:hidden;
}
#menu div div div div a .but {
	display:none;
}
.submenu-wrap {
	visibility:hidden;
	height:0;
}
.on .submenu-wrap {
	visibility:visible;
	height:100%;
}
#menu div div.on div div {
	position:relative;
	margin:0;
}
#menu div div div.on div {
	visibility:visible;
}
#menu img {
	display:block;
}
.level1 .mainmenu-wrap div { opacity:0; }
.level2 .mainmenu-wrap div { opacity:1; }
#toggler a {
	margin:0 6px;
}
#toggler span {
	margin:0 8px;
}