@charset "utf-8";

div.section h2, div.section h3, div.popup_window > *, div.section p, div.mod-page-title li {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 30px;
	margin: 0 0 0 10px;
}
div.content-header-title h1 {
	margin: 38px 0 0 0px;
}
div.content-header-title h1 a:hover {
	opacity: 0.6;
}
div.header, div.header *, div.section, div.section * {
	background-repeat: no-repeat;
}
div.contents01 .dlbtn {
	width: 298px;
	height: 58px;
	line-height: 58px;
	margin-left: auto;
	margin-right: 20px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid white;
}
div.contents01 .dlbtn:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
div.contents01 .dlbtn a {
	display: block;
	font-size: 10.5pt;
	color: white;
}
.white {
	color: white;
	}
a {
	inline-block;
	text-decoration: none;
}
ul.top00 li img:first-child {
	margin-bottom: 10px;
}
ul.top00 li ul {
	margin-top: 5px;
	list-style-type: disc !important;
	padding-left: 8px;
}
ul.top00 li li {
	display: list-item;
	font-size: 10pt;
	line-height: 15pt;
}
.popup, p.popup_close, ul.menu img:hover, .slidebtn:hover, .thumbtn:hover {
	cursor: pointer;
}
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	body {
		background-color: #dbdbdb;
		margin: 0;
		min-width: 945px;
	}
	div.section p {
		font-size: 10.5pt;
	}
	div.header, div.section {
		position: relative;
		left: 50%;
		width: 1200px;
		margin-left: -600px;
	}
	div.content-header-title h1 {
		margin-left: 10px;
	}
	div.content-header-title > div.section {
		height: 80px;
		position: fixed !important;
		top: 0 !important;
		background-image: url(../img/00top_BG.jpg);
		z-index: 99;
	}
	div.content-header-title div.content-area {
		position: relative;
	}
	div.content-header-title div.content-area > * {
		display: inline-block;
		vertical-align: middle;
	}
	.mobile {
		display: none;
	}
	.content-area_dark {
		width: 1200px;
		height: 80px;
		position: absolute;
		background-image: url(../img/00top_BG0dark.jpg);
		top: 0;
		z-index: 99;
	}
	.header_dark {
		width: 1200px;
		height: 927px;
		position: absolute;
		background-image: url(../img/00top_BG0dark.jpg);
		background-position: 0 -80px;
		z-index: 99;
		top: 0;
	}
	.header_dark img {
		position: absolute;
	}
	.title01 {
		top: 25px;
		left: 409px;
		opacity: 0;
	}
	.title02 {
		top: 91px;
		left: 407px;
		opacity: 0;
	}
	.title03 {
		top: 25px;
		left: 407px;
		opacity: 0;
	}
	.fade-in {
		opacity: 0;
	}
	div.content-area, div.mod-page-title {
		width: 960px;
		margin: 0 auto;
	}
	div.mod-page-title h1 {
		width: 385px;
		height: 109px;
		margin: 0 auto;
		padding-top: 25px;
		padding-bottom: 290px;
	}
	div.mod-page-title p {
		margin-left: 10px;
		margin-bottom: 25px;
	}
	div.header {
		height: 927px;
		background-image: url(../img/00top_BG.jpg);
		background-position: 0 -80px;
		position: relative;
		top: 80px;
	}
	div.top00 p {
		margin-bottom: 30px;
	}
	div.contents01 h2 > img, div.contents04 h2 > img {
		margin-top: 70px;
	}
	div.contents02 h2 > img, div.contents03 h2 > img {
		margin-top: 90px;
	}
	div.contents01 {
		height: 1145px;
		background-color: black;
		background-image:url(../img/01contents_BG01.jpg), url(../img/01contents_BG02.jpg);
		background-position: top, bottom;
	}
	div.contents01 div.movie > p {
		margin-top: 85px;
		font-size: 9pt;
		line-height: 16pt;
	}
	div.contents01 div.movie div {
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
		height: 280px;
	}
	div.contents01 div.movie h3, .popup_window h3 {
		margin: 30px 0 15px 10px;
		font-size: 16pt;
		font-weight: normal;
	}
	div.contents01 div.other h3 {
		margin: 48px 0 12px 10px;
		font-size: 16pt;
		font-weight: normal;
	}
	div.contents01 div.other p {
		margin-top: 0px;
		margin-right: 5px;
	}
	div.contents01 .dlbtn {
		width: 298px;
		height: 58px;
		line-height: 58px;
		margin-left: auto;
		margin-right: 20px;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.2);
		border: 1px solid white;
	}
	div.contents01 .dlbtn:hover {
		background-color: rgba(255, 255, 255, 0.4);
	}
	div.contents01 .dlbtn a {
		display: block;
		font-size: 10.5pt;
		color: white;
	}
	div.contents01 .dlbtn a span:after {
		content: "\02003\02003\025b6";
	}
	div.contents02 {
		height: 978px;
		background-image:url(../img/02contents_BG01.jpg);
	}
	div.contents02 p {
		width: 380px;
		margin-bottom: 30px;
	}
	div.contents02 p.first {
		margin-top: 100px;
	}
	div.contents03 {
		height: 1100px;
		background-color: black;
		background-image:url(../img/03contents_BG01.jpg);
	}
	div.contents03 p {
		margin-top: 80px;
		margin-bottom: 16px;
	}
	div.slide-area {
		margin-left: 10px;
		width: 940px;
		height: 540px;
		overflow: hidden;
		position: relative;
	}
	div.slide-list {
		position: absolute;
	}
	div.slide-area div.slide {
		width: 940px;
		height: 540px;
		float: left;
	}
	p.slidebtn {
		font-size: 32pt !important;
		font-weight: bold;
		color: white;
		text-shadow: 
			1px 2px 0px #aaa, 
			2px 1px 0px #aaa, 
			-1px 2px 0px #aaa, 
			-1px 1px 0px #aaa;
		position: relative;
	}
	p.slide-prev {
		top: 185px;
	}
	p.slide-next {
		top: 75px;
		left: 870px;
	}
	div.contents03 ul {
		margin-top: 53px;
		margin-left: 10px;
	}
	div.contents03 ul li {
		margin-left: 20px;
	}
	div.contents03 ul li:first-child {
		margin-left: 0;
	}
	div.contents04 {
		height: 838px;
		background-image:url(../img/04contents_BG01.jpg);
	}
	div.contents04 p {
		text-align: right;
	}
	div.contents04 p.btn01 {
		width:261px;
		position: relative;
		top: 51px;
		left: 68px
	}
	div.contents04 p.btn02 {
		width:177px;
		position: relative;
		top: 5px;
		left: 613px;
	}
	div.contents04 p.btn03 {
		width:124px;
		position: relative;
		top: 435px;
		left: 23px
	}
	div.contents04 p.btn04 {
		width:193px;
		position: relative;
		top: 389px;
		left: 341px
	}
	div.contents04 p.btn05 {
		width:299px;
		position: relative;
		top: 322px;
		left: 641px
	}
	div.contents04 p a:hover {
		opacity: 0.6;
	}
	div.contents04 p span {
		font-size: 9pt;
		text-decoration: underline;
	}
	div.contents04 p a:after {
		content: " " url(../img/04contents_btn_red.png);
	}
	div.contents05 {
		height: 933px;
		background-image:url(../img/05contents_BG01.jpg);
	}
	div.contents05 h2 > img {
		margin-top: 80px;
	}
	div.contents05 h3, .contents05 p {
		width: 455px;
	}
	.popup_bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
		z-index: 999;
		display: none;
	}
	.popup_window {
		position:fixed;
		width: 860px;
		height:515px;
		top: 50%;
		left: 50%;
		margin-top: -300px;
		margin-left: -430px;
		z-index:9999;
		display: none;
	}
	.popup_window h3 {
		margin: 0;
	}
	.popup_window p.popup_close {
		width: 30px;
		height: 30px;
		font-size: 24pt;
		text-align: center;
		position:relative;
		top: -30px;
		left: 820px;
	}
	.popup_window iframe {
		position: absolute;
		top: 35px;
		left: -10px;
		width: 100%;
		height:100%;
	}
	ul.hr {
		list-style-type: none;
		padding-left: 0;
		font-size: 0;
	}
	ul.hr li {
		display: inline-block;
		vertical-align: top;
	}
	ul.menu {
		border-left: 2px solid black;
		margin-top: 20px;
		margin-left: 10px;
		padding-left: 0;
		font-size: 0;
	}
	ul.menu li {
		width: 185px;
		text-align: center;
		border-right: 2px solid black;
	}
	ul.top00 {
		width: 940px;
		margin-left: 10px;
	}
	ul.top00 > li {
		width: 250px;
		margin-left: 95px;
	}
	ul.top00 > li:first-child {
		margin-left: 0;
	}
