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

/* Structure */
body {
	background:#fff500 url(images/bg_summer.gif) no-repeat fixed center;
}
#frame-wrap, #stage-wrap, #corner-tl-wrap, #corner-tr-wrap, #corner-br-wrap, #corner-bl-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:-253px;
}
#stage-wrap {
	z-index:1;
	margin-top:-250px;
}
#corner-tl-wrap {
	z-index:2;
	margin-top:-250px;
}
#corner-tr-wrap {
	z-index:3;
	margin-top:-250px;
}
#corner-br-wrap {
	z-index:4;
	margin-top:117px;
}
#corner-bl-wrap {
	z-index:5;
	margin-top:117px;
}
#logo-wrap {
	z-index:6;
	margin-top:108px;
/*	margin-left:-411px; */
	overflow: hidden;
}
#menu-wrap {
	z-index:7;
	margin-top:115px;
}
#toggler-wrap {
	z-index:8;
	margin-top:-260px;
}
#frame, #stage, #corner-tl, #corner-tr, #corner-br, #corner-bl, #logo, #menu, #largestage, #toggler {
	background:transparent;
	position:relative;
	text-align:left;
	width:750px;
	height:375px;
	margin:0 auto;
	overflow:hidden;
}
#frame {
	background:transparent url(images/bg_frame.gif) no-repeat center;
	width:756px;
	height:381px;
}
#largestage {
	background:#fff;
	width:2250px;
}
#corner-tl, #corner-tr, #corner-br, #corner-bl {
	width:750px;
	height:8px;
}
#corner-tl { background:transparent url(images/bg_corner_tl.gif) no-repeat top left; }
#corner-tr { background:transparent url(images/bg_corner_tr.gif) no-repeat top right; }
#corner-br { background:transparent url(images/bg_corner_br.gif) no-repeat top right; }
#corner-bl { background:transparent url(images/bg_corner_bl.gif) no-repeat top left; }
#logo {
	background:transparent url(images/bg_logo.gif) no-repeat center left;
	width:208px;
	height:59px;
	margin-left:5000px;
}
#menu {
	height:165px;
}
#toggler {
	height:20px;
	text-align:center;
}
#content {
	background:#fff;
	width:750px;
	height:375px;
	margin-left:750px;
}

/* Menu */
#menu {
	visibility:hidden;
}
#menu div {
	margin:4px 0 0 50px;
}
#menu div div.level1 {
	float:left;
	display:inline;
	margin:0 0 0 35px;
	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:14px;
}
#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;
	margin-top:-30px;
}
#menu .level2 .mainmenu-wrap div {
	margin-top:0;
}
#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;
}
#menu div div div.on div {
	visibility:visible;
}
#menu div div div.submenu-wrap div {
	margin:0;
}
#menu img {
	display:block;
}
#toggler a {
	margin:0 4px;
}
#toggler span {
	margin:0 8px;
}