@charset "utf-8";
/* core	================================================	*/
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ",　Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #ffffff;
	text-align: center;
	background: #000000;
}

a{
	color: #ffffff;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000000;
	z-index: 9999;
}

#loading .loadMain {
	width: 470px;
	height: 156px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -235px;
	margin-top: -78px;
}

#wrap {
	width: 100%;
	min-width: 980px;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

article {
	position: relative;
}

header {
	position: relative;
}

header .frame {
	left: 10px;
	top: 10px;
	border: 1px solid #fab526;
	position: absolute;
	opacity: 0.45;
	-moz-opacity: 0.45;
	filter: alpha(opacity=45);
}

header h1 {
	position: absolute;
	width: 710px;
	height: 0;
	padding-top: 110px;
	overflow: hidden;
	top: 58%;
	left: 50%;
	margin-left: -355px;
	background: url(../img/head/catch_main.png) no-repeat left top;
}

header h2 {
	width: 350px;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -175px;
	background: url(../img/head/catch_specialsite.png) no-repeat left top;
}

header .tl, header .tr {
	width: 170px;
	height: 170px;
	position: absolute;
	top: 0;
}

header .tl {
	left: 0;
}

header .tr {
	right: 0;
}

header .btnScroll {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
	bottom: 29px;
}

header .btnScroll:hover {
	cursor: pointer;
}
article .no {
	width: 106px;
	height: 107px;
	position: absolute;
	left: 0;
	top: 0;
}

#release {
	height: 1330px;
	margin-bottom: 210px;
}

#release .curtain {
	width: 170px;
	height: 696px;
	position: absolute;
	top: 0;
}

#release .curtainL {
	left: 0;
}

#release .curtainR {
	right: 0;
}

#release .chandelier {
	width: 330px;
	height: 220px;
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -165px;
}

#release .chandelier.chandOn {
	display: none;
}
#release .txtArea {
	width: 780px;
	height: 1130px;
	background: url(../img/releaseAl/release.png) no-repeat left top;
	position: relative;
	top: 200px;
	margin: 0 auto;
	display: none;
}

#release .txtArea .btnBuy {
	width: 236px;
	position: absolute;
	left: 7px;
	top: 356px;
}

#release .txtArea .btnBuy li {
	width: 112px;
	height: 112px;
	display: inline;
	float: left;
	margin: 0 3px;
	overflow: hidden;
}

#release .txtArea .btnBuy2 {
	width: 118px;
	margin: 0 auto;
}

#release .txtArea .btnBuy li:hover img,
#release .txtArea .dl li:hover img {
	margin-top: -112px;
}

#release .txtArea .btnSound {
	width: 48px;
	height: 58px;
	position: absolute;
}

#release .txtArea .btnSound:hover {
	cursor: pointer;
}

#release .txtArea .btnSound.btn1 {
	left: 406px;
	top: 335px;
}

#release .txtArea .btnSound.btn2 {
	left: 408px;
	top: 535px;
}

#release .txtArea .dl {
	width: 236px;
	position: absolute;
	left: 7px;
	top: 697px;
}

#release .txtArea .dl li{
	width: 112px;
	height: 112px;
	display: inline;
	float: left;
	margin: 0 3px;
	overflow: hidden;
}

#release .sound {
	position: absolute;
	left: 311px;
	top: 494px;
	width: 40px;
}

#release .sound li{
	width: 40px;
	height: 19px;
	overflow: hidden;
	margin-bottom: 7px;
}

#release .sound li img {
	margin-top: -19px;
}

#release .sound li:hover img {
	margin-top: 0;
	cursor: pointer;
}

#campaign {
	margin-bottom: 113px;
	padding-top: 87px;
}

#campaign .txtArea {
	width: 845px;
	position: relative;
	left: 50%;
	margin-left: -380px;
	text-align: left;
}

#campaign .txtArea .contLeft {
	width: 238px;
	height: 339px;
	float: left;
	position: relative;
}

#campaign .txtArea .contLeft p {
	left: 0;
	position: absolute;
}

#campaign .txtArea .contRight {
	width: 580px;
	float: left;
}

#campaign .contRight h3 {
	margin-bottom: 19px;
}

#campaign .contRight section {
	margin-bottom: 35px;
}

#campaign .contRight section h3 {
	margin-bottom: 35px;
}

#campaign .contRight .present {
	padding-left: 55px;
	margin-bottom: 55px;
}

#campaign .contRight .prize1 {
	background: url(../img/campaign/1.png) no-repeat left top;
	width: 545px;
}

#campaign .contRight .prize1 p{
	width: 395px;
}


#campaign .contRight .prize1 .image{
	width: 110px;
	float: right;
	padding:0;
}

#campaign .contRight .prize2 {
	background: url(../img/campaign/2.png) no-repeat left top;
}


#campaign .contRight section .present h4 {
	padding-left: 0;
	background: none;
	font-size: 16px;
	margin-bottom: 5px;
	color: #f8b425;
	font-weight: bold;
}

#campaign .contRight section .present p {
	font-size: 12px;
	line-height: 190%;
}

#campaign .contRight .prize li {
	padding-left: 25px;
	background: url(../img/campaign/icon.png) no-repeat left 3px;
	font-size: 15px;
	margin-bottom: 6px;
}

#campaign .contRight section h4 {
	padding-left: 22px;
	background: url(../img/campaign/icon.png) no-repeat left 5px;
	font-size: 16px;
	margin-bottom: 15px;
}

#campaign .contRight section p {
	font-size: 14px;
}

#campaign .contRight section p .bold{
	font-size: 14px;
	font-weight: bold;
}

#campaign .contRight section p a {
	color: #fcb525;
}

#campaign .contRight section.attention p,
#campaign .contRight section.attention p a {
	font-size: 11px;
}

#movie {
	margin-bottom: 220px;
	padding-top: 80px;
}

#movie .playerWrap {
	width: 904px;
	height: 440px;
	position: relative;
	margin: 0 auto 15px auto;
}

#movie .playerWrap .player {
	width: 780px;
	height: 440px;
	background: url(../img/movie/main/frame.png) no-repeat left top;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#movie .playerWrap .player iframe{
	width: 778px;
	height: 438px;
	position: relative;
	top: 1px;
	left: 0;
}

#movie .playerWrap .player ul{
	width: 3120px;
	height: 440px;
	position: absolute;
	left: 0;
	top: 0;
}

#movie .playerWrap .player ul li{
	width: 780px;
	height: 440px;
	position: relative;
	display: inline;
	float: left;
}

#movie .playerWrap .player:hover {
	cursor: pointer;
}

#movie .playerWrap .player p {
	position: absolute;
	left: 0;
	top: 0;
}

#movie .playerWrap .player.playing .thumb {
	display: none;
}
#movie .playerWrap .player.pause .thumb {
	display: none;
}
#movie .playerWrap .player.playing p.playBtn {
	display: none;
}
#movie .playerWrap .player:hover .thumbOff {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);

}

#movie .playerWrap .player.playing ul,
#movie .playerWrap .player.pause ul{
	display: none;
}


#movie .playerWrap .player:hover .thumbOn {
	width: 780px;
	height: 440px;
	background: #000000;
}


#movie .playerWrap .player p.frame {
	width: 780px;
	height: 440px;
	background: url(../img/movie/main/frame.png) no-repeat left top;
}

#movie .playerWrap .player p.playBtn {
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	background: url(../img/movie/main/icon_off.png) no-repeat left top;
}

#movie .playerWrap .player:hover p.playBtn {
	background: url(../img/movie/main/icon_on.png) no-repeat left top;
}

#movie .playerWrap .movieNav {
	width: 64px;
	height: 64px;
	position: absolute;
	top: 189px;
}

#movie .playerWrap .movieNav.active:hover {
	cursor: pointer;
}

#movie .playerWrap .movieNav.navL {
	left: 0;
	background: url(../img/movie/navi/navi_left.png) no-repeat left top;
}

#movie .playerWrap .movieNav.navL.break {
	background: url(../img/movie/navi/navi_left_gray.png) no-repeat left top;
}

#movie .playerWrap .movieNav.navR {
	right: 0;
	background: url(../img/movie/navi/navi_right.png) no-repeat left top;
}

#movie .playerWrap .movieNav.navR.break {
	background: url(../img/movie/navi/navi_right_gray.png) no-repeat left top;
}

#movie .movieList{
	width: 520px;
	margin: 0 auto;
}

#movie .movieList li {
	width: 120px;
	height: 68px;
	margin: 0 5px;
	display: inline;
	float: left;
	position: relative;
}

#movie .movieList li p {
	position: absolute;
	left: 0;
	top: 0;
}

#movie .movieList li:hover  {
	cursor: pointer
}

#movie .movieList li:hover p.off {
	display: none;
}

#movie .movieList li.select:hover {
	cursor: default;
}
#movie .movieList li.select p.off{
	display: none;
}

#movie .movieList li.select p.frame{
	width: 120px;
	height: 68px;
	background: url(../img/movie/thumbnail/frame_select.png) no-repeat left top;
}

#movie h4 {
	width: 780px;
	margin: 0 auto 24px auto;
	text-align: left;
	line-height: 0;
}

#movie .profile {
	margin-bottom: 80px;
}

#movie .about{
	font-size: 23px;
	color: #f8b425;
	font-weight: bold;
	margin-bottom: 30px;
}

#movie .profile h3{
	margin-bottom: 8px;
}

#movie .profile h3 a {
	font-size: 23px;
	color: #ffffff;
	font-weight: bold;
}

#movie .profile p {
	line-height: 180%;
}

#movie .movieTitle {
	width: 780px;
	margin: 0 auto 22px auto;
	text-align: left;
}


#disco {
	width: 100%;
	max-width: 1280px;
	min-width: 980px;
	margin: 0 auto 180px auto;
}

#disco h3 {
	width: 580px;
	margin: 0 auto 40px auto;
	text-align: left;
	padding-top: 52px;
}

#disco ul {
	width: 580px;
	margin: 0 auto;
}

#disco ul li{
	margin-bottom: 29px;
}


#tour {
	margin-bottom: 80px;	
}

#tour h3 {
	padding-top: 90px;
	margin-bottom: 53px;
}

#tour ul {
	width: 500px;
	margin: 0 auto;
	position: relative;
}
#tour li {
	margin-bottom: 25px;
	position: relative;
}

#tour li h5 {
	font-size: 20px;
	color: #fcb527;
	font-weight: bold;
	margin-bottom: 1px;
}

#tour li span {
	font-size: 11px;
}

#tour .ticket {
	padding-top: 30px;
	font-size: 14px;
	line-height: 200%;
}

#tour .ticket span{
	color: #fcb527;
	font-size: 14px;
	line-height: 200%;
}

#tour .horse {
	width: 235px;
	height: 285px;
	position: absolute;
	left:0;
	top: 183px;
}

#tour .horse .image {
	position: absolute;
	top: 0;
	left: -20px;
}

#tour .horse .shadow {
	position: absolute;
	bottom: 0;
	right: 23px;
}

#tour .bird {
	width: 235px;
	height: 288px;
	position: absolute;
	left: 0;
	top: 888px;
}

#tour .bird p {
	position: absolute;
}

#tour .bird .gage {
	left: -205px;
	top: -188px;
}

#tour .bird p.image {
	left: 127px;
	top: 119px;
}

#tour .bird p.image {
	left: 127px;
	top: 119px;
}

#tour .bird p.wing1 {
	left: 184px;
	top: 43px;
}
#tour .bird p.wing2 {
	left: 180px;
	top: 84px;
}
#tour .bird p.wing3 {
	left: 123px;
	top: 104px;
}
#tour .bird p.wing4 {
	left: 177px;
	top: 214px;
}
#tour .bird p.wing5 {
	left: 151px;
	top: 316px;
}

#bddvd {
	height: 900px;
}

#bddvd .hideBox {
	height:0;
	overflow:hidden;
}

#bddvd .txt {
	font-size: 14px;
	margin-bottom: 47px;
}
#bddvd h3 {
	padding-top: 96px;
	margin-bottom: 26px;
}

#bddvd ul {
	width: 545px;
	margin: 0 auto;
	text-align: left;
}

#bddvd .dvd {
	width: 250px;
	float: right;
}

#bddvd .bd {
	width: 280px;
	float: left;
}

#bddvd li p {
	font-size: 11px;
}

#bddvd li p.jk {
	margin-bottom: 20px;
}

#bddvd li h4 {
	font-size: 20px;
	margin-bottom: 5px;
	color: #c22c2d;
}

#bddvd .btn {
	margin-top: 25px;
}

footer {
	background: #242424;
	padding: 40px 0 50px 0;
	display: none;
}

footer ul.banner {
	width: 338px;
	margin: 0 auto;
}

footer ul.banner li {
	margin: 0 15px;
	display: inline;
	float: left;
}

.copy {
	padding-top: 50px;
	font-size: 9px;
}

.copy a {
	font-size: 9px;
}

nav {
	width: 89px;
	height: 648px;
	position: fixed;
	right: -189px;
	top: 50%;
	margin-top: -288px;
}

nav ul {
	padding-top: 72px;
	background: url(../img/navi/title.png) no-repeat right top;
}

nav li {
	width: 72px;
	height: 72px;
	padding-left: 17px;
	position: relative;
	background: url(../img/navi/icon_off.png) no-repeat left top;
}

nav li:hover {
	cursor: pointer;
	background-image: url(../img/navi/icon_on.png)
}

nav li.select {
	cursor: default;
	background-image: url(../img/navi/icon_select.png)
}

nav li.select .base,
nav li:hover .base {
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
}

nav li.select:hover {
	cursor: default;
	background-image: url(../img/navi/icon_select.png)
}

nav li p {
	position: absolute;
	right: 0;
	top: 0;
}

nav li.select p.hover {
	display: block;
	background: url(../img/navi/select.png) no-repeat left top;
}

nav li p.hover {
	display: none;
}

nav li:hover p.hover {
	display: block;
}

#floatboxWrapper {
	width: 100%;
	min-width: 980px;
	min-height: 550px;
	height: 100%;
	position: fixed;
	left:0;
	top: 0;
	z-index: 10000;
	display: none;
}

#floatboxWrapper #floatboxBg{
	position: fixed;
	left:0;
	top: 0;
	background: #000000;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

.floatBox {
	width: 530px;
	height: 312px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -265px;
	margin-top: -156px;
}

.floatBox iframe {
	width: 530px;
	height: 312px;
}

#floatboxWrapper .btnClose {
	width: 98px;
	height: 98px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 255px;
	margin-top: -268px;
}

#floatboxWrapper .btnClose:hover{
	cursor:pointer;
}

.share {
	width: 180px;
	margin: 35px auto 0 auto;
}

.share li {
	width: 90px;
	display: inline;
	float: left;
	overflow: hidden;
}