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: 395px;
    width: 118px;
/*	height:200px;  */
    border:dashed 1px #A39B8E;
    float: right;	
	color:#000000;
 	font-size: 85%;	
}
	
#main{
	padding-left:120px;
    width:640px;
	float: left;
}

.pagetop{
	display:none; 
}

#build01{
	width:200px;
	height:210px;
 	font-size: 75%;
	text-align:center;
	padding:5px;
	float:left;
}

#build02{
	width:200px;
	height:300px;
 	font-size: 75%;
	text-align:center;
	padding:5px;
	float:left;
}

#build03{
	width:625px;
	height:180px;
 	font-size: 75%;
	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: #CC3333;
	 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;
}

/* イベント・講座ページ　table内部分 */
#table1_style{
	width:700px;
}

#table2_style{
	width:450px;	
	padding:0px;
	margin:0px;
}

#table2_style td{
    font-size:80%;	
	padding:0px;
	margin:0px;
}

#table1_style img{
	width:140px;
	height:auto;
}

/* 施設のご案内ページ */
#td1{
	width:80px;
	margin:0px;
	padding:0px;
	text-align:center;
	background: #FFFFFF;
	color:#CACCB2;
	border:solid 1px #A5A5A5;
}

#td2{
	width:80px;	
	margin:0px;
	padding:0px;	
	text-align:center;
	background: #FFFF99;
	border:solid 1px #A5A5A5;	
}

#td3{
	width:80px;	
	margin:0px;
	padding:0px;	
	text-align:center;
	background: #CCFFFF;	
	border:solid 1px #A5A5A5;	
}

#td4{
	width:80px;	
	margin:0px;
	padding:0px;	
	text-align:center;
	background: #FFCCFF;	
	border:solid 1px #A5A5A5;	
}

#td5{
	font-size:90%;
	width:80px;	
	margin:0px;
	padding:0px;	
	text-align:center;	
	background: #FFFFFF;	
	border:solid 1px #A5A5A5;	
}

#td6{
	font-size:95%;
	width:80px;	
	margin:0px;
	padding:0px;	
	text-align:center;	
	background: #FFFFFF;
	color:#CACCB2;	
	border:solid 1px #A5A5A5;	
}

/* 【ものづくりひろば】表部分 */
#td1_2{
	width:65px;
	margin:0px;
	padding:0px;
	text-align:center;
	background: #FFFFFF;
	color:#CACCB2;
	border:solid 1px #A5A5A5;
}

#td6_2{
	font-size:90%;	
	width:65px;
	margin:0px;
	padding:0px;
	text-align:center;
	background: #FFFFFF;
	color:#CACCB2;
	border:solid 1px #A5A5A5;
}

#td3_2{
 	width:120px;	
	margin:0px;
	padding:0px;	
	text-align:center;
	background: #CCFFFF;	
	border:solid 1px #A5A5A5;   
}

#td5_2{
 	width:120px;	
	font-size:90%;	
	margin:0px;
	padding:0px;	
	text-align:center;	
	background: #FFFFFF;	
	border:solid 1px #A5A5A5;   
}

#td4_2{
 	width:120px;	
	margin:0px;
	padding:0px;	
	text-align:center;
	background: #FFCCFF;	
	border:solid 1px #A5A5A5;   
}

#time,#fee,#caution{
	font-size:90%;	
}

#tbl_guide{
	font-size:90%;	
}

#fee table{
	width:95%;
	border-collapse:collapse;
}