@charset "utf-8";
/* CSS Document */


body {
font-family: 'Sitka Display','Helvetica','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}


* { 
    margin-top: 0px; 
	padding-right: 1px;
    padding-left: 1px; 
}



ul.topnav {
	overflow: hidden;
	margin-top:0px;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	position:fixed ;
	background: #fff ;
	list-style-type: none;
	border: none;
	width:100%;
    background-color: rgba(255,255,255,0.80);
    color:black ;
	z-index: 7;
	
}
ul.topnav li {
	float:left;
}
ul.topnav li a {
	display:block;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-right: 20px;
	text-align: start;
	text-decoration: none;
	font-weight:bolder ;
	font-size:small ;
	color: #000000;
	border: none;

	
}
ul.topnav li a:hover:not(.active) {
	 background-color: rgba(0,0,0,0.50);
}
ul.topnav li a.active {
	text-decoration: underline ;
}


main { padding-top: 100px;
       padding-bottom: 40px;
}


a {
color: black;  
text-decoration:none;
}
	
p {
   margin: 0.5em 0px;
}
h5 {
   margin: 0.5em 0px;
　　font-weight: 100;	
}

h6 {
   margin: 0.5em 0px;
　　font-weight: 100;	
}

#stage {
position: relative;
max-width:900px;
}

.pic img {
	position: absolute;
    width: 900px;
	max-height: 600px;
	opacity: 0;
    -moz-animation: imgTrans 40s infinite;
    -webkit-animation: imgTrans 40s ease-in infinite;
    animation: imgTrans 40s infinite;
}

#photo1 img {
-moz-animation-delay:0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#photo3 img {
-moz-animation-delay: 16s;
-webkit-animation-delay:16s;
animation-delay:16s;
}

#photo4 img {
-moz-animation-delay: 24s;
-webkit-animation-delay: 24s;
animation-delay: 24s;

}

#photo5 img {
-moz-animation-delay: 32s;
-webkit-animation-delay: 32s;
animation-delay: 32s;

}



@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
20% { opacity:1; }
40% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
20% { opacity:1; }
40% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
20% { opacity:1; }
40% { opacity:0; }
100% { opacity:0; }
}