@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;
position: absolute;
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: "";
position: absolute;
border: 3px solid #0F0;
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
}

#loading-content:before {
content: "";
position: absolute;
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;
}


/* 01 */

#page01 {
width: 750px;
height: 2800px;
position: relative;
}

.item01_1 {
position: absolute;
top: 0px;
left: 0px;
}

.item01_1 img {
vertical-align: top;
margin: 0px;
padding: 0px;
}


/* 02 */

#page02 {
width: 750px;
height: 3080px;
position: relative;
}

.item02_1 {
position: absolute;
top: 0px;
left: 0px;
}

.item02_1 img {
vertical-align: top;
margin: 0px;
padding: 0px;
}


/* 03 */

#page03 {
width: 750px;
height: 1000px;
position: relative;
}

.item03_1 {
position: absolute;
top: 0px;
left: 0px;
}

.item03_1 img {
vertical-align: top;
margin: 0px;
padding: 0px;
}


/* 07 */

#page07 {
width: 750px;
height: 2070px;
position: relative;
}

.item07_1 {
position: absolute;
top: 0px;
left: 0px;
}

.item07_1 img {
vertical-align: top;
margin: 0px;
padding: 0px;
}



/* プライバシ- */


.aboutlink {
width: 100%;
margin-bottom: 20px;
text-align: center;
font-size: 16px;
position: absolute;
top: 1850px;
left: 0px;
color: #000000;
}

.aboutlink a:link {
color: #000000 !important;
text-decoration:none;
}

.aboutlink a:visited {
color: #000000 !important;
text-decoration:none;
}

.aboutlink a:hover {
color: #000000 !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: 290px;
}

.contact_3 {
position: absolute;
top: 0px;
left: 515px;
}

.contact_4 {
position: absolute;
top: 68px;
left: 0px;
}

.contact_5 {
position: absolute;
top: 68px;
left: 640px;
}


