@charset "utf-8";
/*
 * name:top.css
 * author:Manabu Kushimoto(web-park.org)
*/

/* main_slide
------------------------------------------------ */
#main_slide {
	position: relative;
	width: 100%;
	height: 580px;
	overflow: hidden;
}

	#main_slide .frame {
		height: 100%;
		background: url(../../img/share/ajax-loader.gif) no-repeat center center;
		z-index: 1;
	}

		#main_slide .move {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
		}

			#main_slide .move li {
				float: left;
				display: none;
				width: 950px;
				height: 100%;
			}

				#main_slide .move li .data_answer { display: none; }

		#main_slide .next {
			position: absolute;
			top: 265px;
			right: -55px;
			display: block;
			width: 48px;
			height: 48px;
			background: url(../../img/share/slide_next.png) no-repeat left top;
			text-indent: -9999px;
		}
		@media screen and (max-width: 940px) {
			#main_slide .next { right: 10px; }
		}

		#main_slide .prev {
			position: absolute;
			top: 265px;
			left: -55px;
			display: block;
			width: 48px;
			height: 48px;
			background: url(../../img/share/slide_prev.png) no-repeat left top;
			text-indent: -9999px;
		}
		@media screen and (max-width: 940px) {
			#main_slide .prev { left: 10px; }
		}

/* top_bnr */
#top_bnr {
	position: absolute;
	top: 20px;
	right: 20px;
}

	#top_bnr .close {
		position: absolute;
		top: -10px;
		right: -10px;
		display: block;
		width: 30px;
		height: 30px;
	}

/* opening
------------------------------------------------ */
#opening {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 580px;
	z-index: 2;
}

	#opening .character { position: absolute; top: 125px; left: -76px; display: none; z-index: 2; }
	#opening .balloon { position: absolute; top: 93px; left: 0; display: none; z-index: 2; }
		#opening .balloon img { width: 100%; }
	/*
	#opening .plane { position: absolute; top: 580px; left: 0; display: none; width: 596px; height: 287px; z-index: 2; }
		#opening .plane .num { position: absolute; top: 80px; left: 270px; width: 100px; text-align: center; }
			#opening .plane .num img { padding: 0 2px; }
	*/
	#opening .plane { position: absolute; top: 580px; left: 0; display: none; width: 830px; height: 272px; z-index: 2; }
		#opening .plane .num { position: absolute; top: 138px; left: 415px; width: 100px; text-align: center; }
			#opening .plane .num img { padding: 0 2px; }
	#opening .fume { position: absolute; top: -400px; left: -1280px; width: 6000px; height: 1742px; z-index: 1; }