@charset "UTF-8";
#pack{
  width : 900px;
}
#top{
  background-color : white;
  padding-top : 12px;
  padding-bottom : 12px;
}
#link{
  background-color : #000099;
  font-size : 14pt;
  font-family : "Meiryo UI";
  vertical-align : 50%;
  color : white;
  padding-top : 10px;
  padding-bottom : 10px;
  text-align : center;
  transition : 1s;
}
#sub{
  height : 20px;
}
#main{
  width : 654px;
  float : right;
  text-align : left;
  padding-left : 7px;
  padding-right : 7px;
  padding-top : 5px;
  border-left-width : 1px;
  border-left-color : silver;
  border-left-style : solid;
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : #cccccc;
  color : #000099;
  line-height : 1.5em;
  font-family : "Meiryo UI";
}
.side{
  width : 240px;
  clear : none;
  float : left;
  padding-left : 5px;
  margin-left : 0px;
  padding-top : 5px;
  padding-right : 5px;
  font-family : "Meiryo UI";
  font-size : 11pt;
  background-color : #cccccc;
  text-align : left;
  position:fixed;
}
#foot{
  clear : both;
  background-color : #999999;
}
#link a{
  color : #cccccc;
  text-decoration : none;
  transition :0.3s;
}
#link a:hover{
  color : white;
  text-decoration : none;
  background-color : gray;
}
.photoClass{
  padding-top : 5px;
  padding-left : 15px;
  padding-bottom : 5px;
  text-align : left;
}
#main a{
  font-family: "Meiryo UI";
  text-decoration: none;
  transition: 0.5s;
  color: #0000cc;
}
.side a{
  display:block;
  scrollbar-base-color : #ffffff;
  text-decoration : none;
}
#side a:hover{
  background-color : navy;
  transition : 0.7s;
}
#main a:visited{
  color : #0000cc;
}
#main a:hover{
  background-color : white;
}
.members{
  font-size : 10pt;
  font-family : "Meiryo UI";
  line-height : 1.5em;
}
.side a visited{
  color : #0000ff;
}
.schedule a:hover{
  background-color : #dcdcdc;
  display:block;
}
.schedule a:visited{
  color : blue;
}
.date{
  font-size : 9pt;
  font-family : "Meiryo UI";
}
.schedule a{
  color : blue;
  transition:0.6s;
}