table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;

}
td, th {
	padding: 10px;
	width: 30px;
	height: 25px;
  text-align: center;
}
th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}

hr{
  border-color:skyblue;
  border-width: 0.5px;

}

img{
  margin : 10px;
}

@font-face {
	font-family: 'YuGo';
	src: url(../font/Yu Gothic Medium.otf);
}


header a{
   text-decoration: none;
 }

 a:link,a:visited{
   color: black;
 }

a:hover{
  cursor: pointer;
}


/*aaa*/

header{
  background: skyblue;
  padding-left:10px;
  margin-top: -20px;
  margin-bottom: 0px;
  height: 100px;
  width: 100%;
  position: fixed;
}

header h1{
    color: white;
    font-family: YuGo;
}

header p{
  margin-top: -20px;
  color: black;
}

 /*menu accordion */

main{
  width: 1200px; /*100%だと折り返される*/
  border: 1px black;
  padding-top: 100px;
}

.content{
  float: left;
  /*width: 500px;*/
}

.content p{
  font-family: YuGO;
}

.menu{
  float: left;
  margin-top: 0px;
  margin-right:10px;
  margin-left: -30px;
  padding-right:10px;
  width:200px;
  /*border-right: 1px black solid;*/
}


.acdn-child{
  display: none;
}

.menu ul{
  padding: 0;
}

.menu  li{
	list-style: none ;
}

#acdn01 li{
  border-bottom: skyblue solid 2px;
}

#acdn01 li:hover{
  background: skyblue;
}

.acdn:hover{
  text-decoration: underline;
}

footer{
  clear:both;
  height: 50px;
  width: 100%;
  background: gray;
  bottom: 0;
  position: relative;
}