@charset "utf-8";
/* CSS Document */
body{
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	margin:0 auto;
	background: #fafafa;
	}

#wrap{
      width:100%;
	  margin: 0 auto;
    padding: 0;
	  }

nav{
      width:100%;
	  padding:16px 0px;
	  position:fixed;
	  top:0;
	  background:hsla(0,0%,100%,0.8);
	  }
	  
nav li{
	  padding:0px 25px;
	  display:inline-block;
	  vertical-align:middle;
	  list-style:none;
	  font-size:18px;
	  cursor:pointer;
	  }
	  
#content{
	margin-top:80px;
	}
 

#schedule{
	width:100%;
	display:block;
	margin:0 auto;
	padding-top:60px;
	font-size:78%;
	line-height:23px;
	}
	
#schedule ul{
	width:800px;
	margin:0 auto;
	text-align:center;
	list-style:none;
	padding:15px 0px 15px 0px;
	border-bottom:solid rgba(255,255,255,1.00);
	}

#schedule li{
	padding:15px 0px 15px 0px;
	}
	
#schedule p{
	text-align:left;
	}	
	  
#footer{
      width:100%;
	  height:15px;
	  margin:0 auto;
	  padding-top:30px;
	  display:block;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px;
	  font-style:italic;
	  letter-spacing:3px;
	  clear:both;
	  }

.animation{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(60px);
}


.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.le{
	display: block;
	text-align: left;
}

.ri{
	display: block;
	text-align: right;
}


.viewer {
	margin: 0 auto;
	width: 700px;
	height: 600px;
	text-align: left;
	overflow: hidden;
}
.viewer ul {
	width: 700px;
	height: 600px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 700px;
	height: 600px;
	display: none;
	position: absolute;
}	

#top{
     width:85%;
	display:block;
	margin:0 auto;
	padding-top:10px;
	font-size:84%;
}

#top p{
	padding-top:25px;
}	
#about{
         width:100%;
	display:block;
	margin:0 auto;
	padding-top:25px;
	font-size:78%;
	line-height:23px;
}	 

#about ul{
	width:800px;
	margin:0 auto;
	text-align:center;
	list-style:none;
	padding:15px 0px 15px 0px;
	border-bottom:solid rgba(255,255,255,1.00);
	}

#about li{
	padding:15px 0px 15px 0px;
	}
	 

.event{
		 width:800px;
		 margin:auto 0;
		 border-bottom:dotted #333333;
		 padding-top:20px;
		 padding-left:20px;
		 text-align:left;
		 }		 
#event2{
		 width:800px;
		 height:auto;
		 margin:auto 0;
		 border-bottom:dotted #333333;
		 padding-top:20px;
		 padding-left:20px;
		 }		 		
#event3{
		 width:800px;
		 height:auto;
		 margin:auto 0;
		 border-bottom:dotted #333333;
		 padding-top:20px;
		 padding-left:20px;
		 }		 		
#next4{
		 width:800px;
		 height:800px;
		 margin:auto 0;
         background:url(../img/next4.jpg) no-repeat right;
		 border-bottom:dotted #333333;
		 padding-top:20px;
		 padding-left:20px;
		 }		 	
#next5{
		 width:800px;
		 height:800px;
		 margin:auto 0;
         background:url(../img/next5.jpg) no-repeat right;
		 border-bottom:dotted #333333;
		 padding-top:20px;
		 padding-left:20px;
		 }		 			 	
#t3g{
		 width:800px;
		 height:auto;
		 margin:auto 0;
		 padding-top:20px;
		 padding-left:20px;
		 }		 				  
#past{
		 border-bottom:dotted #333333;
		 padding-bottom:10px;	
		 padding-left:20px;	 
		  }	
#calendar{
         padding-top:20px;
		 padding-bottom:20px;	 
		  }	
#access{
		 width:100%;
	display:block;
	margin:0 auto;
	padding-top:25px;
	font-size:78%;
	line-height:23px;
		 }
#link_l{
		 padding-top:40px;
		 padding-left:20px;
		 width:300px;
		 display:block;
		 float:left;
		 }
#link_r{
		  padding-top:120px;
		  padding-left:0px;
		  width:300px;
		  display:block;
		  float:left;
		 } 	  
.logo {
         font-size:30px;
		 font-weight:bold;
         font-family:Arial, Helvetica, sans-serif;
		 letter-spacing:3px;
		 line-height:20px;
}

h2{
		 font-family:Arial, Helvetica, sans-serif;
} 

h3{
         font-family:Arial, Helvetica, sans-serif;
		 }	

.st1 {   font-size:14px;
	     letter-spacing:1px;
		 line-height:18px;
}

.st2 {
		 font-size:14px;
	     font-weight:bolder;
	     letter-spacing:1px;
		 line-height:18px;
}

.style1 {
		 font-size:11px;
		 font-style:italic;
         font-family:Arial, Helvetica, sans-serif;
		 letter-spacing:3px;
		 line-height:20px;
}
.style2 {
         font-size:10px;
		 font-style:italic;
         font-family:Arial, Helvetica, sans-serif;
		 letter-spacing:2px;
}
.style3 {
         font-size:11px;
		 font-style:italic;
         font-family:Arial, Helvetica, sans-serif;
		 line-height:16px;
}
.style4 {
         font-size:14px;
		 font-weight:bold;
         font-family:Arial, Helvetica, sans-serif;
		  letter-spacing:3px;
		 line-height:20px;
}
.style5 {
         font-size:22px;
		 font-weight:bold;
         font-family:Arial, Helvetica, sans-serif;
		 letter-spacing:3px;
		 line-height:20px;
}
.style6 {
         font-size:14px;
		 font-weight:bold;
		 color:#0099FF;
         font-family:Arial, Helvetica, sans-serif;
		  letter-spacing:3px;
		 line-height:20px;
}
a:link {color: #8C8C8C;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #8C8C8C;
}
a:hover {
	text-decoration:none;
	color:#CCCCCC;
}
a:active {
	text-decoration: none;
	color: #000000;
}
.fotorama{
	text-align:center;
}
.border{
	color:rgba(213,0,3,1.00);
	text-decoration:line-through;
	}
	
.red{
	color:hsla(359,100%,45%,1.00);
	}

.top{ width: 480px;
	}

hr{
	display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
	border: 0; }