@charset "utf-8";

/* layout */
#header {
	position: relative;
	z-index: 2;
	width: 100%;
	height:878px;
	background: url(../images/mainimg_top01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

	#headerInner {
		position: relative;
		z-index: 3;
		width: 960px;
		height: inherit;
		margin: 0 auto;
	}

		#headerTrailer {
			position: absolute;
			z-index: 97;
			width: 300px;
			height: 300px;
			right: 1px;
			bottom: 80px;
		}
		
		#headerDvd {
			position: absolute;
			z-index: 97;
			width: 295px;
			height: 296px;
			right: -40px;
			bottom: 80px;
		}

		#sns {
			position: absolute;
			z-index: 96;
			left: 10px;
			bottom: 65px;
		}

			#sns ul {
				overflow: hidden;
			}

				#sns li {
					float: left;
				}

#interview {
	position: relative;
	z-index: 4;
	width: 100%;
	height: 349px;
	background: url(../images/bg_top_interview01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

	#interviewInner {
		position: relative;
		z-index: 5;
		width: 960px;
		height: inherit;
		margin: 0 auto;
	}

		#interviewHeader {
			position: absolute;
			z-index: 95;
			width: 101px;
			height: 369px;
			left: 5px;
			top: -10px;
		}

		#interviewSuzuki {
			display: block;
			float: left;
			width: 423px;
			height: 313px;
			margin: 20px 0 0 100px;
		}

		#interviewKaneko {
			display: block;
			float: left;
			width: 425px;
			height: 313px;
			margin: 20px 0 0 11px;
		}

#intro {
	width: 100%;
	height: 952px;
	background: url(../images/txt_top_intro01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

	#introInner {
		width: 960px;
		height: inherit;
		margin: 0 auto;
	}

#story {
	width: 100%;
	height: 1380px;
	background: url(../images/bg_top_story01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

	#storyInner {
		width: 960px;
		height: inherit;
		margin: 0 auto;
	}

		#storyText01 {
			width: inherit;
			height: 174px;
			margin-top: 190px;
			background: url(../images/txt_top_story01.png) no-repeat;
		}

		#storyText02 {
			width: inherit;
			height: 333px;
			margin-top: 37px;
			background: url(../images/txt_top_story02.png) no-repeat;
		}

		#storyText03 {
			width: inherit;
			height: 286px;
			background: url(../images/txt_top_story03.png) no-repeat;
		}

		#storyText04 {
			width: inherit;
			height: 258px;
			background: url(../images/txt_top_story04.png) no-repeat;
		}

#chart {
	width: 100%;
	height: 1150px;
	background: url(../images/bg_top_chart01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

	#chartInner {
		position: relative;
		z-index: 6;
		width: 960px;
		height: inherit;
		margin: 0 auto;
	}

		#chartHeader {
			position: absolute;
			z-index: 7;
			width: 242px;
			height: 254px;
			right: 8px;
			top: 67px;
			background: url(../images/tit_top_chart01.png) no-repeat;
		}

		#chartTitle {
			position: absolute;
			z-index: 8;
			width: 259px;
			height: 67px;
			left: 349px;
			top: 100px;
			background: url(../images/tit_top_chart02.jpg) no-repeat;
		}

		#chartInner a { display: block; position: absolute; z-index: 9; }
		#chartChara01 { width: 142px; height: 228px; left: 151px; top: 184px; }
		#chartChara02 { width: 142px; height: 228px; left: 366px; top: 184px; }
		#chartChara03 { width: 142px; height: 228px; left: 580px; top: 184px; }
		#chartChara04 { width: 231px; height: 242px; left: 211px; top: 494px; }
		#chartChara05 { width: 232px; height: 242px; left: 515px; top: 494px; }
		#chartChara06 { width: 142px; height: 228px; left: 235px; top: 823px; }
		#chartChara07 { width: 142px; height: 228px; left: 509px; top: 823px; }
		#chartChara08 { width: 142px; height: 228px; left: 1px; top: 508px; }
		#chartChara09 { width: 141px; height: 228px; left: 818px; top: 505px; }
		#chartChara10 { width: 141px; height: 228px; left: 818px; top: 787px; }
		#chartText01 { width: 101px; height: 307px; left: 58px; top: 790px; }

#cast {
	width: 100%;
	height: 1150px;
	background: url(../images/txt_top_cast01.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

	#castInner {
		width: 960px;
		height: inherit;
		margin: 0 auto;
	}