@import url(../common/pc-common.css);
body {
background:url(../../img/top/bg-opening.jpg) top center no-repeat #53c2df;
}

.menu-home a {
background:url(../../img/common/btn_menu_on.png) 0 0!important;
}

#loading-top {
position:absolute;
z-index:-1000;
width:100%;
height:100%;
overflow:hidden;
left:0;
top:0;
}

#loading-top img {
position:absolute;
left:50%;
top:25px;
margin-left:-45px;
}

#top-appears-block {
background:url(../../img/common/bg_all.jpg) top center repeat;
display:none;
}

#top-appears-block-in {
opacity:0;
}

#top-contents-block {
width:100%;
margin:auto;
height:auto;
background:url(../../img/common/bg_shadow.png) top center repeat-x;
}

#top-contents-top {
width:960px;
margin:auto;
height:475px;
position:relative;
}

.txt-top01 {
width:70px;
height:309px;
position:absolute;
top:48px;
left:776px;
}

.txt-top01-in {
position:relative;
}

.txt-top01-in img {
top:0;
left:0;
}

.txt-top02 {
width:70px;
height:156px;
position:absolute;
top:48px;
left:674px;
}

.txt-top02-in {
position:relative;
}

.txt-top02-in img {
top:0;
left:0;
width:50px;
}


.tit-logo {
width:119px;
height:376px;
position:absolute;
top:48px;
left:427px;
}

.txt-top03 {
width:50px;
height:381px;
position:absolute;
top:48px;
left:288px;
}

.txt-top04 {
width:50px;
height:381px;
position:absolute;
top:223px;
left:95px;
}

.btn-comment {
width:161px;
height:161px;
position:absolute;
top:39px;
left:60px;
}

#top-contents-bottom {
background:url(../../img/top/bg_black.jpg) top left repeat;
height:580px;
position:relative;
width:100%;
}

#top-contents-bottom-in {
background:url(../../img/top/bg_footer.jpg) top left repeat-x;
height:500px;
	animation: cloudmove 80s linear infinite;
	-webkit-animation: cloudmove 80s linear infinite;
	-moz-animation: cloudmove 80s linear infinite;
}
	@keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}
	@-webkit-keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}
	@-moz-keyframes cloudmove {
	    0% {background-position: 0 0;}
		25% {background-position: 200px 0;}
	    50% {background-position: 400px 0;}
		75% {background-position: 600px 0;}
	    100% {background-position: 800px 0;}
	}

.bottom-shadow {
background:url(../../img/top/bg_bottom_shadow.png) top center repeat-x;
width:100%;
height:auto;
color:#ccc;
text-align:center;
position:absolute;
top:0;
left:0;
z-index:100;
font-size:12px;
line-height:16px;
}

#top-contents-bottom-main {
position:relative;
width:960px;
margin:auto;
z-index:1;
}

.img-top-ayase {
width:492px;
height:553px;
position:absolute;
top:-140px;
left:493px;
}

.img-top-hako {
width:530px;
height:555px;
position:absolute;
top:0px;
left:-20px;
}

.txt-shutsuen {
font-size:18px;
line-height:22px;
padding-bottom:10px;
}


.txt-top05 {
width:613px;
height:63px;
position:absolute;
top:20px;
left:25px;
}

.txt-bottom01 {
margin:340px 0 15px;
}

.txt-bottom02 {
margin:15px 0 15px;
}



#top-contents-bottom a {
  color:#fff;
  overflow:hidden;
  outline:none;
  text-decoration:underline;
}

#top-contents-bottom a:visited {
  text-decoration:underline;
  color:#ccc;
}

#top-contents-bottom a:hover {
  text-decoration:none;
  color:#fff;
}