@charset "UTF-8";


body {
	font-family: "ヒラギノ明朝 ProN W3", serif;
	background-color:#F7F7F7;
	background: linear-gradient(-45deg, #f9c2e , #a8c2ee) fixed;
	 background-size: 100% 100%;
  animation: GradietionAnimation 9s ease infinite;
  
	
	
	background:#96DBDC
		
	
}


h1 {
	font-size:90px;
	color:#909BA2;
	
	text-align: center
		
}

h2 { 
	
	font-size: 20px;
	text-align: center;
	color: #7E888B
		
		
}

li { 
	font-size: 18px;
	color:aliceblue;
	text-align: center;
		
}

a {
	font-size: 17px;
	color: aliceblue;
	text-decoration: none;
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, "serif";
	font-size: 20px;
	opacity: 0.1;
}



p {
	color:aliceblue;
	font-size: 30px;
	background-color:#FFFFFF;
	font-style: normal;
	animation-timing-function: ease-in
		
		
		
		
}

#siteheader {
	position: absolute;
	top: 20;
	right: 10;
	width: 1220px;
	height: 17%;
	background-color:aliceblue;
	color: #FFF;

	
}

.bg { z-index: 30;
	
	}

.bg img {width:100%;
	height: 100%;
	z-index: 2;
	
	
	
	}

.button01 a{
    display:block;
    width:220px;
    height:70px;
    background-image:url("E.jpg");
    background-repeat:no-repeat;
	margin: auto
	
   
		
	
}
/*未訪問のリンク*/
.button01 a:link{
}
/*訪問済みのリンク*/
.button01 a:visited{
}
/*マウスホバー時*/
.button01 a:hover{
    background-image:url("E2.jpg");
}
/*選択中*/
.button01 a:active{
}

.weather {
	
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-390px;
	height: 80px;
	
	opacity: 0;	
}

.bt1 {
	text-decoration: none;
	text-decoration-line: none;
	
	
	width: 150px;
	
	margin-top:180px;
	margin-left: 30px;
	height: 170px;
	top:20px;
	left: 360px;
	opacity: 1;	
	background-image:url("saa.png")
}




.bt3 {
	text-decoration: none;
	text-decoration-line: none;
	position:fixed;

	width: 150px;
	
	margin-top:auto;
	height: 70px;
	top:20px;
	left: 760px;
	opacity: 1;	
}
.bt4 {
	text-decoration: none;
	text-decoration-line: none;
	position:fixed;
	
	width: 150px;
	
	margin-top:auto;
	height: 70px;
	top:20px;
	left: 960px;
	opacity: 1;	
}


.wind {
	position: absolute;
	width: 12%;
	
	margin-top: -15%;
	margin-left: 88.7%;
	
	z-index: 1000;
	
	
	
}

.wind2 {
	position: absolute;
	width: 10%;
	
	margin-top: -13%;
	margin-left: 8%;
	
	z-index: 1000;
	
	
	
}

.wind3 {
	position: absolute;
	width: 9%;
	
	margin-top: -10%;
	margin-left: 24%;
	
	z-index: 1000;
	
	
	
}

.wind4 {
	position: absolute;
	width: 8%;
	
	margin-top: -15%;
	margin-left: 80.7%;
	
	z-index: 1000;
	opacity: 0.7;
	
	
}

.wind5 {
	position: absolute;
	width: 40%;
	
	margin-top: -9.2%;
	margin-left: 65%;
	
	z-index: 1000;
	
	
	
}

.wind6 {
	position: absolute;
	width: 40%;
	
	margin-top: -9.2%;
	margin-left: -3%;
	
	z-index: 1000;
	
	
	
}
	
	
.wind7 {
	position: absolute;
	width: 15%;
	
	margin-top: -12%;
	margin-left: 81%;
	
	z-index: 1000;
	
	
	
}

.wind8 {
	position: absolute;
	width: 7%;
	
	margin-top: -13%;
	margin-left:5%;
	opacity: 0.7;
	z-index: 1000;
	
	
	
}

.wind9 {
	position: absolute;
	width: 18%;
	
	margin-top: -11%;
	margin-left: 55%;
	
	z-index: 1000;
	
	
	
}

.wind10 {
	position: absolute;
	width: 18%;
	
	margin-top: -11%;
	margin-left: 0%;
	
	z-index: 1000;
	
	
	
}