body { 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   animation: fadeIn 3s ease 0s 1 normal;
   -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


@keyframes my-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 10;
  }
}

.box {  
  /* .boxが「my-fade-in」で状態変化するように指定 */
  animation-name:     my-fade-in;
  animation-duration: 500s;
	background: url(../img/top_bg2.png) no-repeat; 
}

/********************/
.menulogo {
	z-index: 10;
	text-align: right;
	 display: none;
	 width: 100%;
	 height: 50px;
	position: relative; top: -40px; left:-40px;
}

.topTxt {
	z-index: 101;
	display: none;
	width: 100px;
	height: 450px;
	position: relative; top: -320px; left:0px;
}
.topArrow {
	z-index: 0;
	display: none;
	position: relative; top: 280px; left:0px;
}
.topArrow2 {
	z-index: 0;
	display: none;
	position: relative; top: 350px; left:0px;
}
.topArrow3 {
	z-index: 0;
	display: none;
	position: relative; top: 350px; left:0px;
}