* {
margin: 0px;
padding: 0px;
font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

a {
text-decoration: none;
color:#330066;
}
a:hover {
color:#D2691E
}

body{
width:100%;
user-select: none;
-ms-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
background-color: #000;
box-sizing: border-box;
overflow-x: hidden;
background-image:url(../img/back2.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: auto 100%;
background-position: center bottom;
color:#330066;
line-height: 30px;
-webkit-text-size-adjust: 100%;
}

.top{
background-image:url(../img/back1.png);
}


img {
max-width: 100%;
-webkit-user-drag: none;
vertical-align: bottom;
}
img.text{
float:right;
}


#wrap {
width:900px;
margin:0 auto;
}
#wrap2 {
width:1000px;
margin:0 auto;
}
#wrap3 {
width:1100px;
margin:0 auto;
}
.headbox{
width: 900px;
height: 200px;
position: relative;
background-image:url(../img/title.png);
background-repeat: repeat-x;
background-size: 900px 200px;
-webkit-animation: bgscroll 100s linear infinite;
animation: bgscroll 100s linear infinite;
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
@-webkit-keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: 900px 0;}}
@keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: 900px 0 ;}}


header{
height:130px;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.title{
width: 380px;
height: 110px;
position: absolute;
top: 20px;
left: 15px;
background-image:url(../img/logo.png);
background-size: 380px 110px;
}

.huyo{
width: 140px;
height: 80px;
position: absolute;
top: 30px;
right: 130px;
background-image:url(../img/huyo.png);
background-size: 140px 80px;
animation-name: huyoyo;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1s;
}
@keyframes huyoyo {0% {
transform: translate(0,0px);
}
100% {
transform: translate(0,10px)}
}



.menu{
width: 900px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
position: absolute;
bottom: 0px;
}
.menu ul{
list-style-type:none;
}
.menu ul li{
display: inline;
transition:all 3s ease-out;
background:url(../img/menuA2.png)no-repeat;
background-size: 0px 0px;
}

.menu img {
width:140px;
height: 60px;
vertical-align: bottom;
background:url(../img/menuA1.png)no-repeat;
background-size: 140px 60px;

}
.menu li a :hover {
background:url(../img/menuA2.png)no-repeat;
background-size:140px 60px;
backface-visibility:hidden;
overflow:hidden;
}



#box {
border-radius:10px 10px 0px 0px ;
width:900px;
height:auto;
padding: 0px 0px 200px 0px;
margin:0px 0px 0px 0px;
background-image:url(../img/waku.png);
position: relative;
}

#box2 {
border-radius:10px;
width:900px;
height:auto;
padding: 10px 0px 200px 0px;
margin:150px 0px 0px 0px;
background-image:url(../img/waku.png);
position: relative;
}
#box3 {
text-align:center;
border-radius:10px;
width:100%;
height:auto;
padding: 40px 0px 40px 0px;
margin:150px 0px 0px 0px;
background-image:url(../img/waku.png);
position: relative;
}
#box3 img {
margin:10px 0px 10px 0px;
width:70%;
height:70%;
}

#box4 {
border-radius:10px;
width:1100px;
height:auto;
padding: 30px 0px 20px 0px;
margin:120px 0px 0px 0px;
background-image:url(../img/waku2.png);
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}

.boxx{
padding: 10px 2em 10px 2em;
}

.minibox{
width:auto;
height:auto;
margin:20px 5em 20px 5em;
padding:20px 10px 20px 10px;
background-color: #483d8b;
color: #FFF;
border-radius: 30px;
user-select: text;
-ms-user-select: text;
-moz-user-select: -moz-text;
-khtml-user-select: text;
-webkit-user-select: text;
}
.minibox p{
margin:0px 0em 0px 4em;
}

.minibox2{
width:auto;
height:auto;
top: 20;
margin:20px 5em 20px 5em;
padding:20px 10px 20px 10px;
background-color: #CD853F;
color: #FFF;
border-radius: 30px;
user-select: text;
-ms-user-select: text;
-moz-user-select: -moz-text;
-khtml-user-select: text;
-webkit-user-select: text;
}
.minibox2 p{
margin:0px 0px 0px 1em;
}


.linkbutton{
text-align: center;
padding-top: 30px;
margin:20px 0px 20px 0px;
}
.linkanime {
  border-radius: 30px;
  display: inline-block;
  min-width: 120px;
  text-align: center;
  background-color: #483d8b;
  font-size: 17px;
  color: #e6e6fa;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 40px 10px 40px;
  position: relative;
  transition: .9s;
  border: 1px solid #FFF;
}

.linkanime:before {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -10px;
}

.linkanime span {
  display: block;
  position: absolute;
  background-color: #CD853F;
  left: 0;
  bottom:0;
  width: 100%;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  border-radius: 0 0 10px 10px;
  z-index: -1;
  transition: .5s;
}

.linkanime:hover  {
  border-radius: 10px 10px 0 0;
  color: #e6e6fa;
}

.linkanime:hover span {
 z-index: 0;
 transform: translateY(30px);
}



p{
margin-left : 2em;
margin-right : 2em;
}

h2{
font-size:23px;
letter-spacing: 2px;
padding-bottom: 0px;
margin:10px 0px 20px 0px;
line-height: 35px;
border-bottom: 5px solid #B0C4DE;
background-color: #483d8b;
color: #e6e6fa;
border-radius: 10px;
}
h2 img{
width:40px;
height:40px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
vertical-align:bottom;
}
.ore{
color:#CD853F;
}

h3{
font-size:20px;
letter-spacing: 2px;
padding-top: 5px;
padding-left: 35px;
padding-bottom: 3px;
margin:30px 20px 20px 20px;
line-height: 35px;
background: linear-gradient(to right, #333366, #000);
color: #e6e6fa;
}

.midashi{
padding:0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
font-size:16px;
color:#CC3333;
}

.back {
margin-top: 30px;
margin-right: auto;
margin-left: auto;
width: 100px;
height: 50px;
font-weight: bold;
text-align:center;
background-color:#333366;
color: #e6e6fa;
border-radius: 10px;
}
.back a{
padding:10px 0px 10px 0px;
color: #e6e6fa;
display:block;
}
.back:hover {
background-color:#D2691E;
}

.text1{
line-height: 30px;
}

.sp1{
margin-left : 10px;
}
.sp2{
margin-left : 10px;
margin-right : 10px;
color:#B0C4DE;
}
.sp3{
margin-left : 10px;
margin-right : 10px;
color:#FFF;
}

.mark{
background:linear-gradient(transparent 80%, #B0C4DE 0%);
}

.line{
border-bottom:solid 2px #D2691E;
}
.line2{
border-bottom:dashed 2px #B0C4DE;
padding-bottom: 1em;
margin-bottom: 1em;
text-align:center;
}
.bold{
font-weight: bold;
}
.bold2{
font-weight: bold;
letter-spacing: 3px;
}

.bold3{
font-weight: bold;
letter-spacing: -1px;
}

.mail{
user-select: text;
-ms-user-select: text;
-moz-user-select: -moz-text;
-khtml-user-select: text;
-webkit-user-select: text;
margin: 0 auto;
text-align:center;
}

.left {
text-align:left;
display: inline-block;
}
.center {
margin: 0 auto;
text-align:center;
}

.hidden {
visibility: hidden;
}

.error{
width:575px;
height:500px;
background-size: 575px 500px;
background-image:url(../img/404.png);
margin:0 auto;
}


.boxsita{
position: absolute;
height: 200px;
width: 900px;
bottom: 0px;
right:0px;
background-image:url(../img/boxsita.png);
background-size: 900px 200px;

}

#pagetop {
position: fixed;
bottom:30px;
right: 30px;
z-index:2;
}

#pagetop a{
width: 100px;
height: 100px;
display: block;
}


#footerwrap{
width:900px;
margin:0 auto;
}
#footerwrap2{
width:1000px;
margin:0 auto;
}
#footerwrap3{
width:1100px;
margin:0 auto;
}
footer {
text-align:center;
margin:0px 0px 0px 0px;
background:#000000;
color:#CD853F;
padding:30px;
position: relative;

bottom:0;
border-radius:0px 0px 10px 10px;
}

center{
text-align:center;
margin: 0 auto;
width:960px;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
 }