@charset "utf-8";

/* CSS Document */


body {
margin: 0px;
padding: 0px;
background-color: #000000;
}


/* LOADING */

#loading-wrapper {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

#loading-text {
display: block;
margin-bottom: 0px;
top: 50%;
left: 50%;
color: #999;
width: 100px;
height: 30px;
margin: -7px 0 0 -45px;
text-align: center;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 20px;
}

#loading-content {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 170px;
height: 170px;
margin: -85px 0 0 -85px;
border: 3px solid #F00;
}

#loading-content:after {
content: "";
margin-bottom: 0px;
border: 3px solid #0F0;
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
}

#loading-content:before {
content: "";
margin-bottom: 0px;
border: 3px solid #00F;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
}

#loading-content {
border: 3px solid transparent;
border-top-color: #4D658D;
border-bottom-color: #4D658D;
border-radius: 50%;
-webkit-animation: loader 2s linear infinite;
-moz-animation: loader 2s linear infinite;
-o-animation: loader 2s linear infinite;
animation: loader 2s linear infinite;
}

#loading-content:before {
border: 3px solid transparent;
border-top-color: #D4CC6A;
border-bottom-color: #D4CC6A;
border-radius: 50%;
-webkit-animation: loader 3s linear infinite;
-moz-animation: loader 2s linear infinite;
-o-animation: loader 2s linear infinite;
animation: loader 3s linear infinite;
}

#loading-content:after {
border: 3px solid transparent;
border-top-color: #84417C;
border-bottom-color: #84417C;
border-radius: 50%;
-webkit-animation: loader 1.5s linear infinite;
animation: loader 1.5s linear infinite;
-moz-animation: loader 2s linear infinite;
-o-animation: loader 2s linear infinite;
}

@-webkit-keyframes loaders {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}




/* CONTENTS */

#contents {
width: 750px;
margin: 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
}

img {
vertical-align: top;
margin: 0px;
padding: 0px;
}


#movie {
width: 750px;
height: 1200px;
margin: 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
position: fixed;
z-index: 1!important;
}

#page {
	width: 750px;
	position: relative;
	z-index: 10;
	height: 10600px;
}


.item01_1 {
position: relative;
margin-top: 0px;
margin-bottom: 500px !important;
}

.item01_2 {
position: relative;
margin-bottom: 500px;
}




.item01_1, .item01_2 {
z-index: 30!important;
}



.item01_1 img, .item01_2 img {
vertical-align: top;
margin: 0px;
padding: 0px;
}


/* 03 */

.item03_1 {
margin-top: 0px;
margin-bottom: 300px;
}

.item03_2 {
margin-bottom: 500px;
}


.item03_1, .item03_2 {
z-index: 30!important;
}

.item03_1 img, .item03_2 img {
vertical-align: top;
margin: 0px;
padding: 0px;
}



/* 02 */

.item02_1 {
position: relative;
margin-top: 0px;
margin-bottom: 50px;
}

.item02_2 {
position: relative;
margin-top: 0px;
margin-bottom: 500px;
}

.item04_1, .item04_2 {
z-index: 30!important;
}

.item04_1 img, .item04_2 img {
vertical-align: top;
margin: 0px;
padding: 0px;
}



/* 07 */

.item07_1 {
margin-bottom: 0px;

}

.item07_2 {
margin-bottom: 0px;

}

.item07_3 {
margin-bottom: 0px;

}

.item07_4 {
margin-bottom: 0px;

}

.item07_5 {
margin-bottom: 0px;

}


.item07_1, .item07_2, .item07_3, .item07_4, .item07_5 {
z-index: 20!important;
}

.item07_1 img, .item07_2 img, .item07_3 img, .item07_4 img, .item07_5 img {
vertical-align: top;
margin: 0px;
padding: 0px;
}



/* プライバシ- */


.aboutlink {
width: 100%;
margin-bottom: 20px;
text-align: center;
font-size: 16px;
color: #FFF;
text-shadow: 1px 1px 5px #000000;
}

.aboutlink a:link {
color: #FFF !important;
text-decoration:none;
}

.aboutlink a:visited {
color: #FFF !important;
text-decoration:none;
}

.aboutlink a:hover {
color: #FFF !important;
text-decoration:none;
}





/* CONTACT */

#contact {
width: 100%;
height: 160px;
position: fixed;
bottom: 0px;
left: 0px;
z-index: 9999999!important;
}

.contact_bg {
width: 750px;
height: 160px;
margin-left: auto;
margin-right: auto;
background-color: rgba(0,0,0,0.60);
position: relative;
}

.contact_1 {
position: absolute;
top: 0px;
left: 0px;
}

.contact_2 {
position: absolute;
top: 0px;
left: 320px;
}

.contact_3 {
position: absolute;
top: 0px;
left: 560px;
}

.contact_4 {
position: absolute;
top: 70px;
left: 0px;
}

.contact_5 {
position: absolute;
top: 70px;
left: 640px;
}