@charset "UTF-8";

.clearfloat {
	clear:both;
	font-size: 1%;
	line-height: 0px;
	height: 0px;
}
div#content_wrapper
 {
	background-image: url(../images/backpattern.gif);
	background-repeat: repeat;
}
div#content_wrapper2
 {
	background-image: url(../images/backpattern-dra.gif);
	background-repeat: repeat;
}
div#content_wrapper3
 {
	background-image: url(../images/backpattern-kty.gif);
	background-repeat: repeat;
}
div#main {
	width: 985px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	z-index:10;
}
#main #btn {
	height: 75px;
	width: 119px;
	position: relative;
	left: 856px;
	top: 402px;
}
#main #block1 {
	height: 853px;
	width: 985px;
	background-image: url(../images/toppage01.jpg);
	float: left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#block1 #movie {
	width: 320px;
	position: relative;
	left: 650px;
	top: 10px;
}
#block1 #contest {
	width: 402px;
	position: relative;
	left: 528px;
	top: 53px;
	height: 78px;
}
#block1 #drabtn {
	height: 147px;
	width: 423px;
	position: relative;
	left: 56px;
	top: 132px;
}
#block1 #ktybtn {
	height: 147px;
	width: 423px;
	position: relative;
	left: 500px;
	top: -13px;
}
#main #block2 {
	width: 985px;
	height: 685px;
	background-image: url(../images/toppage02.jpg);
	float: left;
}
#main #block3 {
	width: 985px;
	height: 890px;
	background-image: url(../images/toppage03.jpg);
	float: left;
}
#block3 #recipebtn {
	height: 61px;
	width: 147px;
	position: relative;
	left: 695px;
	top: 544px;
}
#main #block4 {
	width: 985px;
	height: 489px;
	background-image: url(../images/toppage04.jpg);
	float: left;
}
#block4 h3 {
	float: left;
}
#block4 #scenebtn {
	position: relative;
	padding-top: 118px;
	float: left;
}
#block4 #topbtn {
	height: 31px;
	width: 149px;
	position: relative;
	left: 778px;
	top: 177px;
}
#recipe {
	height: 1987px;
	width: 985px;
	background-image: url(../images/recipepage-back.jpg);
	background-position: bottom;
	float: left;
}
#recipe #topbtn {
	height: 31px;
	width: 149px;
	position: relative;
	left: 778px;
	top: 0px;
}
#scene {
	height: 2031px;
	width: 985px;
	background-image: url(../images/scenepage-back.jpg);
	background-position: bottom;
	float: left;
}
#scene #topbtn {
	height: 31px;
	width: 149px;
	position: relative;
	left: 778px;
	top: 0px;
}
#dra {
	float: left;
}
/* ------ mega -----------*/
a#btn_mega{
	background-image:url(../images/btn_mega.png);
	width:192px;
	height:192px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
	position:absolute;
	top:300px;
	left:10px;
}
a#btn_mega:hover{
	background-position:0 -192px;
}

div#mega_wrap{
	width:100%;
	height:100%;
	position:absolute;
	z-index:20;
	left:0;
}
div#mega_bg{
	width:100%;
	height:100%;
	position:absolute;
	background-image:url(../images/alpha_bg.png);
	top:0;
	left:0;	
}
div#mega_img{
	width:900px;
	height:529px;
	position:absolute;
}
a#btn_close{
	background-image:url(../images/btn_close.png);
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	top:-24px;
	left:900px;
	cursor:pointer;
}

a#btn_close:hover{
	background-position:0 -24px;
}