body{
	background-color: #cdcdcd;	
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
    width:770px;
    margin-right: auto;
    margin-left : auto;
	margin-top: 0px;
	position: relative;
    left: 5px;
}	

.inner{
	margin:0px;
    padding:0px;	
}

.inner2{
	display:none;
/*    clear: both;	*/
}
	
.inner2 img{
	height: auto;
    width :380px;	
}
	
#nav1,#nav2,#nav3,#nav4,#nav5{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;	
	text-align:center;
	float:left;
	margin:1px;
	width :150px;
	height:30px;
    background-color: #027eb4;	
	text-decoration:none;
    color:#FFFFFF;	
} 


#nav1:hover,#nav2:hover,#nav3:hover,#nav4:hover,#nav5:hover{
    background-color:#ffe4b5 ;
    color:#000000;    
}	

#nav_all .current{
	background-color:#BCC8DB ;
	color:#000000;
}

#sidebar {
    position: fixed;  /*スクロールしても位置を固定 */
    top: 393px;
    width: 118px;
    border:solid 1px black;
    float: right;	
	color:#000000;
}
	
#main{
	padding-left:120px;
    width:640px;
	float: left;
}

.pagetop{
	display:none; 
}

#build01,#build02,#build03,#build04,#build05,#build06{
	width:200px;
	height:250px;
 	font-size: 90%;
	text-align:center;
	padding:5px;
	float:left;
}

li{
	color : #ff7f50 ;
}

#time{
	clear: both;　
	margin-top:200px;
}

h3{
	background-color: #027eb4;
	width:630px;
	color:#ffffff;
	padding: 3px;	
}

dt{
    padding:3px;
	font-size:90%;
}

#eventtab {
	display:none;   
}

.footer{
	 padding:3px;
	 clear: both;
	 background-color: #800000;
	 color:#ffffff;
	 font-size:15;
	 width:755px;
	 text-align:center;
}

ul li {
  display: inline-block;
  text-align: left;
  margin-left: 5px;;
}

.footer a{
  color: #ffffff;	
}

/* イベント詳細部分 */
label {
    background: #9CA7E2;
    color: #fff;
    padding: 5px;
    display: block;
    margin: 5px;
    border: 1px solid #fff;
	width:35%;
	text-align:center;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 3px;
	color: #000;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 130px;
}