#main_content{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
div#top_wrap{
	width:980px;
	height:589px;
	margin-top:60px;
	position:relative;
}
div#loading{
	width:158px;
	height:67px;
	background-image:url(../images/loading.gif);
	overflow:hidden;
	background-repeat: none;
	position:absolute;
	left:412px;
	top:269px;
}
div#game_wrap{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width:980px;
	height:591px;
	display:block;
	position:relative;
	display:none;
}
div#canvas{
	background-image:url(../images/canvasbase.png);
	background-repeat:no-repeat;
	width:980px;
	height:509px;
	display:block;
	position:absolute;
}

div#map_layer,div#middle_layer{
	position:absolute;
	width:894px;
	height:429px;
	top:10px;
	left:43px;
	background-repeat: none;
	overflow:hidden;
	display:block;
}
div#map_layer{
	background-image:url(../images/room.jpg);
	background-position:0 0;
}
div#middle_layer{
	overflow: hidden;
}
div#middle_layer img{
	position:absolute;
}


div#canvas_cover{
	width:980px;
	height:509px;
	background-image:url(../images/canvascover.png);
	position:absolute;
	top:0;
	left:0;
	display:none;
}
div#top_layer{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
}
div#time_mater{
	position:absolute;
	top:94px;
	left:896px;
}
div#btn_howto{
	width:126px;
	height:126px;
	background-image:url(../images/btn_howto.png);
	position:absolute;
	cursor:pointer;
	text-indent:-999px;
	overflow:hidden;
	top:463px;
	left:557px;
}
div#btn_start{
	background-image:url(../images/btn_start.png);
	width:349px;
	height:77px;
	position:absolute;
	cursor:pointer;
	overflow:hidden;
	text-indent:-999px;
	top:484px;
	left:196px;
}
div#btn_close{
	background-image:url(../images/btn_close.png);
	width:249px;
	height:77px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
	position:absolute;
	top:482px;
	left:365px;
	cursor:pointer;
}
div#btn_close_result{
	background-image:url(../images/btn_close_result.png);
	width:209px;
	height:57px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
	position:absolute;
	top:334px;
	left:220px;
	cursor:pointer;
}
div#btn_next{
	background-image:url(../images/btn_next.png);
	width:47px;
	height:50px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
	position:absolute;
	top:493px;
	left:903px;
	cursor:pointer;
}
div#btn_prev{
	background-image:url(../images/btn_prev.png);
	width:47px;
	height:50px;
	overflow:hidden;
	text-indent:-999px;
	display:block;
	position:absolute;
	top:493px;
	left:30px;
	cursor:pointer;
}
div#header_area{
	width:980px;
	height:83px;
	display:block;
	position:relative;
}
div#header_area_result{
	width:980px;
	height:83px;
	display:block;
	position:relative;	
}
h2#title{
	background-image:url(../images/title.png);
	width:433px;
	height:51px;
	display:block;
	left:0px;
	top:19px;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
	cursor:pointer;
}
div#a_comment{
	background-image:url(../images/a_comment.png);
	width:340px;
	height:72px;
	display:block;
	left:600px;
	top:7px;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
}
div.border_5px{
	width:980px;
	height:5px;
	line-height:0;
	font-size:0;
	display:block;
	background-color:#000;
}
div#end_img{
	width:894px;
	height:487px;
	display:block;
	position:absolute;
	overflow:hidden;
	top:10px;
	left:43px;
}
div#hazure{
	background-image:url(../images/hazure.png);
	width:119px;
	height:36px;
	left:493px;
	top:355px;
	display:block;
	position:absolute;
}
.buruburu{
	-webkit-animation-name: 'buruburu';
	-webkit-animation-duration: 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: linear;

	animation-name: 'buruburu';
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;

	-moz-animation-name: buruburu;
	-moz-animation-duration: 0.3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	-moz-animation-timing-function: linear;

	-o-animation-name: buruburu;
	-o-animation-duration: 0.3s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;
	-o-animation-timing-function: linear;

	-ms-animation-name: buruburu;
	-ms-animation-duration: 0.3s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;
	-ms-animation-timing-function: linear;

}
@-webkit-keyframes 'buruburu' {
	  0% { 
	    -webkit-transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  25% { 
	    -webkit-transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  50% { 
	    -webkit-transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  75% { 
	    -webkit-transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  100% { 
	    -webkit-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
@keyframes 'buruburu' {
	  0% { 
	    transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  25% { 
	    transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  50% { 
	    transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  75% { 
	    transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  100% { 
	    transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
@-moz-keyframes buruburu {
	  0% { 
	    -moz-transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  25% { 
	    -moz-transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  50% { 
	    -moz-transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  75% { 
	    -moz-transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  100% { 
	    -moz-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
@-o-keyframes buruburu {
	  0% { 
	    -o-transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  25% { 
	    -o-transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  50% { 
	    -o-transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  75% { 
	    -o-transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  100% { 
	    -o-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
@-ms-keyframes buruburu {
	  0% { 
	    -ms-transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  25% { 
	    -ms-transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  50% { 
	    -ms-transform: translate(-5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  75% { 
	    -ms-transform: translate(5px,0px) scale(1.0,1.0) rotate(0deg);
	  }
	  100% { 
	    -ms-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
div#atari{
	background-image:url(../images/atari.png);
	width:82px;
	height:40px;
	left:494px;
	top:351px;
	display:block;
	position:absolute;

	-webkit-animation-name: 'atari';
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'atari';
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: atari;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: atari;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: atari;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease;

}
@keyframes 'atari' {
	  0% { 
	    transform: translate(0px,0px) scale(0,0) rotate(0deg);
	  }
	  50% { 
	    transform: translate(0px,0px) scale(1.3,1.3) rotate(0deg);
	  }
	  100% { 
	    transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
@-webkit-keyframes 'atari' {
	  0% { 
	    -webkit-transform: translate(0px,0px) scale(0,0) rotate(0deg);
	  }
	  50% { 
	    -webkit-transform: translate(0px,0px) scale(1.3,1.3) rotate(0deg);
	  }
	  100% { 
	    -webkit-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
@-moz-keyframes atari {
	 0% { 
	    -moz-transform: translate(0px,0px) scale(0,0) rotate(0deg);
	  }
	  50% { 
	    -moz-transform: translate(0px,0px) scale(1.3,1.3) rotate(0deg);
	  }
	  100% { 
	    -moz-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
@-o-keyframes atari {
	 0% { 
	    -o-transform: translate(0px,0px) scale(0,0) rotate(0deg);
	  }
	  50% { 
	    -o-transform: translate(0px,0px) scale(1.3,1.3) rotate(0deg);
	  }
	  100% { 
	    -o-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
@-ms-keyframes atari {
	  0% { 
	    -ms-transform: translate(0px,0px) scale(0,0) rotate(0deg);
	  }
	  50% { 
	    -ms-transform: translate(0px,0px) scale(1.3,1.3) rotate(0deg);
	  }
	  100% { 
	    -ms-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
	  }
}
div#hanamaru{
	background-image:url(../images/hanamaru.png);
	width:46px;
	height:49px;
	left:576px;
	top:347px;
	display:block;
	position:absolute;

	-webkit-animation-name: 'hanamaru';
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'hanamaru';
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;

	-moz-animation-name: hanamaru;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: hanamaru;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: infinite;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: hanamaru;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease;
}
@keyframes 'hanamaru' {
	  0% { 
	    transform: translate(0px,0px) scale(.9,.9) rotate(0deg);
	  }
	  50% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    transform: translate(0px,0px) scale(0.9,0.9) rotate(0deg);
	  }
}
@-webkit-keyframes 'hanamaru' {
	  0% { 
	    -webkit-transform: translate(0px,0px) scale(.9,.9) rotate(0deg);
	  }
	  50% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -webkit-transform: translate(0px,0px) scale(0.9,0.9) rotate(0deg);
	  }
}
@-moz-keyframes hanamaru {
	 0% { 
	    -moz-transform: translate(0px,0px) scale(.9,.9) rotate(0deg);
	  }
	  50% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -moz-transform: translate(0px,0px) scale(0.9,0.9) rotate(0deg);
	  }
}
@-o-keyframes hanamaru {
	  0% { 
	    -o-transform: translate(0px,0px) scale(.9,.9) rotate(0deg);
	  }
	  50% { 
	    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -o-transform: translate(0px,0px) scale(0.9,0.9) rotate(0deg);
	  }
}
@-ms-keyframes hanamaru {
	  0% { 
	    -ms-transform: translate(0px,0px) scale(.9,.9) rotate(0deg);
	  }
	  50% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -ms-transform: translate(0px,0px) scale(0.9,0.9) rotate(0deg);
	  }
}
div#timeup_top{
	background-image:url(../images/timeup_top.gif);
	width:894px;
	height:244px;
	position:absolute;
	display:block;
	top:0;
	left:0;
	-webkit-animation-name: 'timeup_top';
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'timeup_top';
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: timeup_top;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: timeup_top;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: timeup_top;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease;
}
@keyframes 'timeup_top' {
	  0% { 
	    transform: translate(0px,-244px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    transform: translate(0px,-50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    transform: translate(0px,-20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-webkit-keyframes 'timeup_top' {
	  0% { 
	    -webkit-transform: translate(0px,-244px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    -webkit-transform: translate(0px,-50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    -webkit-transform: translate(0px,-20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-moz-keyframes timeup_top {
	  0% { 
	    -moz-transform: translate(0px,-244px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    -moz-transform: translate(0px,-50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    -moz-transform: translate(0px,-20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-o-keyframes timeup_top {
	  0% { 
	    -o-transform: translate(0px,-244px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    -o-transform: translate(0px,-50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    -o-transform: translate(0px,-20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-ms-keyframes timeup_top {
	  0% { 
	    -ms-transform: translate(0px,-244px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    -ms-transform: translate(0px,-50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    -ms-transform: translate(0px,-20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
div#timeup_bottom{
	background-image:url(../images/timeup_bottom.gif);
	width:894px;
	height:243px;
	position:absolute;
	display:block;
	top:244px;
	left:0;
	-webkit-animation-name: 'timeup_bottom';
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'timeup_bottom';
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: timeup_bottom;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: timeup_bottom;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: timeup_bottom;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease;
}
@-webkit-keyframes 'timeup_bottom' {
	  0% { 
	    -webkit-transform: translate(0px,243px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    -webkit-transform: translate(0px,50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    -webkit-transform: translate(0px,20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@keyframes 'timeup_bottom' {
	  0% { 
	    transform: translate(0px,243px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    transform: translate(0px,50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    transform: translate(0px,20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-moz-keyframes timeup_bottom {
	  0% { 
	    -moz-transform: translate(0px,243px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    -moz-transform: translate(0px,50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    -moz-transform: translate(0px,20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-ms-keyframes timeup_bottom {
	  0% { 
	    -ms-transform: translate(0px,243px) scale(1,1) rotate(0deg);
	  }
	  50% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  70% { 
	    -ms-transform: translate(0px,50px) scale(1,1) rotate(0deg);
	  }
	  80% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
	  90% { 
	    -ms-transform: translate(0px,20px) scale(1,1) rotate(0deg);
	  }
	  100% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
div#congratulation_top{
	background-image:url(../images/congratulation_top.gif);
	width:894px;
	height:162px;
	position:absolute;
	display:block;
	top:0px;
	left:0;
	-webkit-animation-name: 'congratulation_top';
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'congratulation_top';
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: congratulation_top;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: congratulation_top;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: congratulation_top;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease;
}
@-webkit-keyframes 'congratulation_top' {
	  0% { 
	    -webkit-transform: translate(894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@keyframes 'congratulation_top' {
	  0% { 
	    transform: translate(894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-moz-keyframes congratulation_top {
	  0% { 
	    -moz-transform: translate(894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-o-keyframes congratulation_top {
	  0% { 
	    -o-transform: translate(894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-ms-keyframes congratulation_top {
	  0% { 
	    -ms-transform: translate(894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
div#congratulation_middle{
	background-image:url(../images/congratulation_middle.gif);
	width:894px;
	height:162px;
	position:absolute;
	display:block;
	top:162px;
	left:0;
	-webkit-animation-name: 'congratulation_middle';
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'congratulation_middle';
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: congratulation_middle;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: congratulation_middle;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: congratulation_middle;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease;
}
@-webkit-keyframes 'congratulation_middle' {
	  0% { 
	    -webkit-transform: translate(-894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@keyframes 'congratulation_middle' {
	  0% { 
	    transform: translate(-894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-moz-keyframes congratulation_middle {
	  0% { 
	    -moz-transform: translate(-894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-o-keyframes congratulation_middle {
	  0% { 
	    -o-transform: translate(-894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
@-ms-keyframes congratulation_middle {
	  0% { 
	    -ms-transform: translate(-894px,0px) scale(1,1) rotate(0deg);
	  }
	  
	  100% { 
	    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
	  }
}
div#congratulation_bottom{
	background-image:url(../images/congratulation_bottom.gif);
	width:894px;
	height:163px;
	position:absolute;
	display:block;
	top:324px;
	left:0;
	-webkit-animation-name: 'congratulation_top';
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'congratulation_top';
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: congratulation_top;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: congratulation_top;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: congratulation_top;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease;
}
div#items{
	position:absolute;
	
}
div#itembox{
	position:absolute;
	top:454px;
	left:42px;
}
div#itembox ul li{
	width:58px;
	height:40px;
	background-image:url(../images/thumb_bg.gif);
	overflow:hidden;
	background-color:#fff;
	margin-right:18px;
	float:left;
}
div#itembox ul li.mr0{
	margin-right:0;
}
div#zoom{
	width:615px;
	height:495px;
	position:absolute;
	top:7px;
	left:192px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
div#ans{
	width:647px;
	height:421px;
	display:block;
	position:absolute;
	top:14px;
	left:167px;
}
div.btn_sp{
	background-image:url(../images/btn_sp.png);
	width:177px;
	height:55px;
	position:absolute;
	top:189px;
	left:456px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	cursor:pointer;
}
div.btn_db{
	background-image:url(../images/btn_db.png);
	width:129px;/*//177px*/
	height:47px;
	position:absolute;
	top:189px;
	left:504px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	cursor:pointer;
}
div#timer_icon{
	background-image:url(../images/timer_icon.png);
	background-position:0 0;
	position:absolute;
	overflow:hidden;
	width:69px;
	height:79px;
left:-32px;
	top:-79px;
	display:block;
}
div#remain_time{
	width:21px;
	height:333px;
	background-image:url(../images/mater.gif);
	
}
div#remain_time #gage_wrap{
	width:11px;
	height:323px;
	padding:5px;
	position:relative;
}
div#remain_time #gage_wrap #gage{
	height:323px;
	width:11px;
	background-color:#baef00;
	position:absolute;
	left:5px;
	bottom:5px;
}
div#count{
	width:117px;
	height:173px;
	display:block;
	position:absolute;
	top:137px;
	left:437px;
}
div#start{
	width:522px;
	height:122px;
	display:block;
	position:absolute;
	top:157px;
	left:229px;

	-webkit-animation-name: 'start';
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'start';
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: start;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: start;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: start;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease-out;	
}
@-webkit-keyframes 'start' {
  0% { 
    -webkit-transform: translate(0px,0px) scale(0.6,0.6) rotate(0deg);
  }
  100% { 
    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}
@keyframes 'start' {
  0% { 
    transform: translate(0px,0px) scale(0.6,0.6) rotate(0deg);
  }
  100% { 
    transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}
@-moz-keyframes start {
 0% { 
    -moz-transform: scale(0.6,0.6);
  }
  100% { 
    -moz-transform: scale(1.0,1.0);
  }
}
@-ms-keyframes start {
 0% { 
    -ms-transform: translate(0px,0px) scale(0.6,0.6) rotate(0deg);
  }
  100% { 
    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}
@-o-keyframes start {
 0% { 
    -o-transform: translate(0px,0px) scale(0.6,0.6) rotate(0deg);
  }
  100% { 
    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}
div#bird{
	width:55px;
	height:38px;
	background-image:url(../images/bird.png);
	display:block;
	position:absolute;
	top:285px;
	right:10px;
}


div#hint{
	background-image:url(../images/hint.png);
	width:52px;
	height:46px;
	position:absolute;
	display:block;
	pointer-events:none;
	-webkit-animation-name: 'hint';
	-webkit-animation-duration: 0.4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	
	animation-name: 'hint';
	animation-duration: 0.4s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: hint;
	-moz-animation-duration: 0.4s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: hint;
	-o-animation-duration: 0.4s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: hint;
	-ms-animation-duration: 0.4s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	animation-timing-function: ease;
}
@-webkit-keyframes 'hint' {
  0% { 
    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    -webkit-transform: translate(0px,-10px) scale(1,1) rotate(0deg);
  }
  75% { 
    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  90% { 
    -webkit-transform: translate(0px,-5px) scale(1,1) rotate(0deg);
  }
  100% { 
    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}
@keyframes 'hint' {
  0% { 
    transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    transform: translate(0px,-10px) scale(1,1) rotate(0deg);
  }
  75% { 
    transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  90% { 
    transform: translate(0px,-5px) scale(1,1) rotate(0deg);
  }
  100% { 
    transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}
@-moz-keyframes hint {
 0% { 
    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    -moz-transform: translate(0px,-10px) scale(1,1) rotate(0deg);
  }
  75% { 
    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  90% { 
    -moz-transform: translate(0px,-5px) scale(1,1) rotate(0deg);
  }
  100% { 
    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}
@-ms-keyframes hint {
 0% { 
    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    -ms-transform: translate(0px,-10px) scale(1,1) rotate(0deg);
  }
  75% { 
    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  90% { 
    -ms-transform: translate(0px,-5px) scale(1,1) rotate(0deg);
  }
  100% { 
    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}
@-o-keyframes hint {
 0% { 
    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    -o-transform: translate(0px,-10px) scale(1,1) rotate(0deg);
  }
  75% { 
    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  90% { 
    -o-transform: translate(0px,-5px) scale(1,1) rotate(0deg);
  }
  100% { 
    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
}

div#btn_done{
	background-image:url(../images/btn_yes.png);
	width:199px;
	height:57px;
	display:block;
	position:absolute;
	text-indent:-999px;
	overflow:hidden;
	top:366px;
	left:280px;
	cursor:pointer;
}
div#btn_cancel{
	background-image:url(../images/btn_no.png);
	width:199px;
	height:57px;
	display:block;
	position:absolute;
	text-indent:-999px;
	overflow:hidden;
	top:366px;
	left:492px;
	cursor:pointer;
}
div#btn_continue{
	position:absolute;
	width:209px;
	height:57px;
	background-image:url(../images/btn_continue.png);
	overflow:hidden;
	text-indent:-999px;
	top:333px;
	left:220px;
	cursor:pointer;
}

div#footer_buttons{
	width:980px;
	margin-top:30px;
	margin-bottom:20px;
	display:block;
}
object#sound_swf{
	width:100px;
	height:15px;
	margin-top:4px;
	/*margin-right:10px;
	float:right;*/
	float:left;
}
div#gototop{
	width:187px;
	height:24px;
	margin-left:10px;
	float:right;
}
div#gototop a{
	background-image:url(../../images/gototop.jpg);
	width:187px;
	height:24px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
}
div#gototop a:hover{
	background-position:0 -24px;
}
/* css3 animation */
.countdown{
	-webkit-animation-name: 'countdown';
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;

	animation-name: 'countdown';
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: countdown;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: countdown;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: countdown;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

	  animation-timing-function: ease;	
}
@-webkit-keyframes 'countdown' {
  0% { 
    -webkit-transform: translate3d(0px,0px,0px) scale(0.2,0.2) rotate(720deg);
    opacity: 0;
  }
  50% { 
    -webkit-transform: translate3d(0px,0px,0px) scale(1,1) rotate(0deg);
    opacity: 1;
  }
  100% { 
    -webkit-transform: translate3d(0px,0px,0px) scale(1.5,1.5) rotate(0deg);
    opacity: 0;
  }
}
@keyframes 'countdown' {
  0% { 
    transform: translate3d(0px,0px,0px) scale(0.2,0.2) rotate(720deg);
    opacity: 0;
  }
  50% { 
    transform: translate3d(0px,0px,0px) scale(1,1) rotate(0deg);
    opacity: 1;
  }
  100% { 
    transform: translate3d(0px,0px,0px) scale(1.5,1.5) rotate(0deg);
    opacity: 0;
  }
}
@-moz-keyframes countdown {
  0% { 
    -moz-transform: translate3d(0px,0px,0px) scale(0.2,0.2) rotate(720deg);
    opacity: 0;
  }
  50% { 
    -moz-transform: translate3d(0px,0px,0px) scale(1,1) rotate(0deg);
    opacity: 1;
  }
  100% { 
    -moz-transform: translate3d(0px,0px,0px) scale(1.5,1.5) rotate(0deg);
    opacity: 0;
  }
}
@-o-keyframes countdown {
  0% { 
    -o-transform: translate3d(0px,0px,0px) scale(0.2,0.2) rotate(720deg);
    opacity: 0;
  }
  50% { 
    -o-transform: translate3d(0px,0px,0px) scale(1,1) rotate(0deg);
    opacity: 1;
  }
  100% { 
    -o-transform: translate3d(0px,0px,0px) scale(1.5,1.5) rotate(0deg);
    opacity: 0;
  }
}
@-ms-keyframes countdown {
  0% { 
    -ms-transform: translate3d(0px,0px,0px) scale(0.2,0.2) rotate(720deg);
    opacity: 0;
  }
  50% { 
    -ms-transform: translate3d(0px,0px,0px) scale(1,1) rotate(0deg);
    opacity: 1;
  }
  100% { 
    -ms-transform: translate3d(0px,0px,0px) scale(1.5,1.5) rotate(0deg);
    opacity: 0;
  }
}
.zoomin{
	-webkit-animation-name: 'zoomin';
	  -webkit-animation-duration: 0.5s;
	  -webkit-animation-iteration-count: 1;
	  -webkit-animation-fill-mode: forwards;
	  animation-timing-function: ease;	
}
@-webkit-keyframes 'zoomin' {
  0% { 
    -webkit-transform: translate3d(0px,0px,0px) scale(0.9,0.9) rotate(0deg);
    opacity: 1;
  }
  
  100% { 
    -webkit-transform: translate3d(0px,0px,0px) scale(1.0,1.0) rotate(0deg);
    opacity: 1;
  }
}

/*item jump*/
.get-item {
  -webkit-animation-name: 'getitem';
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;

  animation-name: 'getitem';
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

	-moz-animation-name: getitem;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;

	-o-animation-name: getitem;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode: forwards;

	-ms-animation-name: getitem;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode: forwards;

  animation-timing-function: ease;
}
@-webkit-keyframes 'getitem' {
  0% { 
    -webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    -webkit-transform: translate(0px,-20px) scale(1.0,1.0) rotate(0deg);
  }
  75% { 
    -webkit-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
  90% { 
    -webkit-transform: translate(0px,-10px) scale(1.0,1.0) rotate(0deg);
  }
  100% { 
    -webkit-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
}
@keyframes 'getitem' {
  0% { 
    transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    transform: translate(0px,-20px) scale(1.0,1.0) rotate(0deg);
  }
  75% { 
    transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
  90% { 
    transform: translate(0px,-10px) scale(1.0,1.0) rotate(0deg);
  }
  100% { 
    transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
}
@-moz-keyframes getitem {
  0% { 
    -moz-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    -moz-transform: translate(0px,-20px) scale(1.0,1.0) rotate(0deg);
  }
  75% { 
    -moz-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
  90% { 
    -moz-transform: translate(0px,-10px) scale(1.0,1.0) rotate(0deg);
  }
  100% { 
    -moz-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
}
@-o-keyframes getitem {
  0% { 
    -o-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    -o-transform: translate(0px,-20px) scale(1.0,1.0) rotate(0deg);
  }
  75% { 
    -o-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
  90% { 
    -o-transform: translate(0px,-10px) scale(1.0,1.0) rotate(0deg);
  }
  100% { 
    -o-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
}
@-ms-keyframes getitem {
  0% { 
    -ms-transform: translate(0px,0px) scale(1,1) rotate(0deg);
  }
  50% { 
    -ms-transform: translate(0px,-20px) scale(1.0,1.0) rotate(0deg);
  }
  75% { 
    -ms-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
  90% { 
    -ms-transform: translate(0px,-10px) scale(1.0,1.0) rotate(0deg);
  }
  100% { 
    -ms-transform: translate(0px,0px) scale(1.0,1.0) rotate(0deg);
  }
}
div#result_wrap{
	width:980px;
	position:relative;
	display:none;
}
div#found{
	background-image:url(../images/found.png);
	width:806px;
	height:22px;
	line-height:0;
	font-size:0;
	text-indent:-999px;
	overflow:hidden;
	margin:0 auto;
}
div#notfound{
	background-image:url(../images/notfound.png);
	width:806px;
	height:24px;
	line-height:0;
	font-size:0;
	text-indent:-999px;
	overflow:hidden;
	margin:0 auto;
}
div#btn_replay{
	background-image:url(../images/btn_replay.png);
	width:249px;
	height:77px;
	overflow:hidden;
	display:block;
	text-indent:-999px;
	text-align:left;
	font-size:0;
	cursor:pointer;
	margin:30px auto;
}

ul.result_icon li{
	width:126px;
	height:83px;
	margin-right:10px;
	float:left;
	display:block;
	cursor:pointer;
}
div.icon_cover{
	background-image:url(../images/icon_cover.png);
	width:58px;
	height:40px;
	display:none;
}
ul.result_icon li.mr0{
	margin-right:0;
}
ul.result_icon li.mb10{
	margin-bottom:10px;
}
.hit{
	cursor:pointer;
}
div#fake{
	position:absolute;
	width:381px;
	height:232px;
	background-image:url(../images/fake.png);
	top:100px;
	left:300px;
	display:block;
}
/*----------------------------------*/
#rt_close_img,#rt_open_img,#rz_close_img,#rz_open_img,#door_kitchen_open_img,#door_kitchen_close_img,#door_room_open_img,#door_room_close_img{
	pointer-events:none;
	position:absolute;
	display:none;
}
#rz_close_img{
	top:7px;
	left:139px;
}
#rz_open_img{
	left:240px;
top:2px;
}
#rt_close_img{
	top:232px;
	left:141px;
}
#rt_open_img{
	top:240px;
	left:141px;
}
#door_room_close_img,#door_room_open_img{
	left:453px;
	top:-13px;
	display:none;
}
#door_kitchen_close_img{
	left:386px;
	top:-33px;
	display:none;
}
#door_kitchen_open_img{
	left:386px;
	top:-34px;
	display:none;
}
ul#lineup{
	display:none;
}
/*------------ social ------------*/
div#social_bttons{

  position:relative;
  padding-left:165px;
  

}
div#social_bttons div{
  float:left;
}

div.likebtn_wrap{
	width:77px;
  position:absolute;
  left:-77px;
  overflow:hidden;
  display:block;
}

.fb_edge_widget_with_comment iframe
{
    width:72px !important;
}
* html .fb_edge_widget_with_comment iframe
{
    width:73px !important;
}