@charset "shift_jis";

#wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/* ========================================
	bg
======================================== */
#wrapper01 {
	background-image: url(../shot/images/bg01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

#wrapper02 {
	background-image: url(../shot/images/bg02.jpg);
	background-position: center 300px;
	background-repeat: no-repeat;
}

#wrapper03 {
	background-image: url(../shot/images/bg03.jpg);
	background-position: center 600px;
	background-repeat: no-repeat;
}

#wrapper04 {
	background-image: url(../shot/images/bg04.jpg);
	background-position: center 900px;
	background-repeat: no-repeat;
}

#wrapper05 {
	background-image: url(../shot/images/bg05.jpg);
	background-position: center 1200px;
	background-repeat: no-repeat;
}

#wrapper06 {
	background-image: url(../shot/images/bg06.jpg);
	background-position: center 1500px;
	background-repeat: no-repeat;
}

#wrapper07 {
	background-image: url(../shot/images/bg07.jpg);
	background-position: center 1800px;
	background-repeat: no-repeat;
}

/* ========================================
	#main
======================================== */
#main {
	position: relative;
	padding: 135px 0 0;
	background: url(../common/bg_main_top.png) no-repeat center top;
}

#main h1 {
	position: absolute;
		top: 17px;
		left: -174px;
	z-index: 100;
}

#main .inner {
	background: url(../common/bg_main_body.png) repeat-y center top;
}


/* --------------------------------
	#shot01
-------------------------------- */
#shot01 {
	position: relative;
	height: 536px;
}

#shot01 #shot01-daisy {
	position: absolute;
		top: 53px;
		left: 40px;
}

#shot01 #img-ball {
	position: absolute;
		top: 133px;
		left: 166px;
}

#shot01 #shot01-txt {
	position: absolute;
		top: 133px;
		left: 166px;
}

#shot01 #img-3ds {
	position: absolute;
		top: 0;
		right: 0;
}

/* --------------------------------
	#shot02
-------------------------------- */
#shot02 {
	position: relative;
	height: 618px;
}

#shot02 h2 {
	padding-left: 25px;
}

#shot02 #shot02-movie {
	float: left;
	padding-top: 11px;
	padding-left: 55px;
}

#shot02 #shot02-movie a:hover img {
	filter: none !important;
}

#shot02 p.txt {
	float: left;
	padding-top: 20px;
	padding-left: 18px;
}

#shot02 #shot02-diddy {
	position: absolute;
		top: 168px;
		left: 496px;
}

#shot02 #shot02-donkey {
	position: absolute;
		top: 194px;
		left: 670px;
}


/* --------------------------------
	#shot02
-------------------------------- */
#shot03 {
	position: relative;
	height: 653px;
}

#shot03 h2 {
	padding-left: 25px;
}

#shot03 p.txt {
	float: left;
	padding-top: 10px;
	padding-left: 40px;
}

#shot03 #shot03-movie {
	position: absolute;
		top: 3px;
		left: 507px;
}

#shot03 #shot03-movie a:hover img {
	filter: none !important;
}

#shot03 .fukidashi {
	position: absolute;
		top: 248px;
		left: 41px;
}


/* ========================================
	popWrap
======================================== */
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
	left: 50%;
	width: 526px;
	height: 632px;
	margin-left: -345px;
}

#popBody {
	padding-top: 15px;
	background: transparent;
}

#popWrap {
	position: relative;
	width: 526px;
	height: 618px;
	margin: 0 auto;
	background: url("../shot/images/popup_bg.png") no-repeat scroll left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../shot/images/popup_bg.png",sizingMethod="crop");
}

#popWrap #moviearea-wrap {
	position: relative;
	width: 506px;
	padding-top: 40px;
}

#popWrap #shot02-moviearea {
	width: 408px;
	height: 539px;
	margin: 0 auto;
	text-align: center;
}

#popWrap #shot02-moviearea video,
#popWrap #shot02-moviearea #stagePoster {
	margin-top: 29px;
}

#popWrap #shot03-moviearea {
	width: 408px;
	height: 539px;
	margin: 0 auto;
	text-align: center;
}

#popWrap #shot03-moviearea video,
#popWrap #shot03-moviearea #stagePoster {
	margin-top: 29px;
}

#popWrap #pop-close {
	position: absolute;
	top: -15px;
	right: 0;
}