body{
 margin: 0;
}
.div{
 overflow: auto;
 width: 100%;
 height: 500px;
}
.menustyle{
 text-align: center;
 color: #ffffff;
 background: #000099;
 cursor: pointer;
 border-bottom: solid 0px #99ff00;
 font-size: 80%;
}
.menustyle-top{
 text-align: center;
 font-weight: bold;
 color: #000000;
 background: #ffff33;
 border-bottom: solid 1px #00cc00;
 border-right: solid 1px #00cc00;
 font-size: 100%;
}
.menustyle-index{
 text-align: center;
 font-weight: bold;
 color: #000000;
 background: #ffffcc;
 border-bottom: solid 1px #00cc00;
 border-right: solid 1px #00cc00;
 font-size: 80%;
 cursor: pointer;
}
.menuupday{
 text-align: right;
 color: #000000;
 background: #ffffff;
 font-size: 80%;
 border-bottom: solid 0px #00cc00;
 border-right: solid 1px #00cc00;
}
.tabresstyle TR{
 background: #ffffff;
 color: #000000;
 text-align: center;
}
.tabresstyle TD{
 padding: 2px;
}
.tabresstyle TD.day{
 background-color: #006633;
 color: white;
 font-weight: bold;
}
.tabhead{
 background: #330099;
 color: white;
 font-size: 125%;
 font-weight: bold;
 text-align: center;
 padding: 3px;
}
.tabfoot{
 background: #330099;
 color: white;
 padding: 3px;
 text-align: right;
}
.tabfoot a{text-decoration: none; font-weight: bold; background: #ffffff;}
.tabfoot a:link{color:blue}
.tabfoot a:visited{color:blue}
.tabfoot a:hover{color:white; background:#ff0000;}
.tabwin{
 background: #ff6666;
 color: #000000;
 text-align: center;
}
.tabdraw{
 background: #ffff00;
 color: #000000;
 text-align: center;
}
.tabresstyle table.tabres{
 background: #6666ff;
 border: solid 2px #0000ff;
 font-size: 80%;
}
.tabresstyle{
 position: absolute;
 left: 30%;
 border: outset 8px #009999;
 overflow: auto;
 padding: 8px 48px 16px 48px;
 white-space: nowrap;
 visibility: hidden;
 text-align: center;
 z-index: 1;
 background: #ffffff;
}
.oshirasehead, #oshirasebox{
 position: relative;
 width: 43%;
 left: 55%;
}
.oshirasehead{
 padding: 4px;
 font-size: 90%;
 background-color: #990000;
 color: white;
 text-align: center;
 clear: both;
}
#oshirasebox{
 padding: 2px 4px;
 font-size: 80%;
 height: 250px;
 border: double 3px red;
 overflow: auto;
 visibility: visible;
 background-color: #ffffff;
}
.newsfield{
 font-weight: bold;
 color: #660099;
 font-size: 120%;
 border: dotted 1px #009900;
 text-align: center;
 padding: 4px 0px;
 background-color: #ffffff;
}
.noticehead{
 position: relative;
 width: 20%;
 left: 0%;
 top: 4em;
 padding: 4px;
 font-size: 90%;
 background-color: #003300;
 color: white;
 text-align: center;
}
#noticebox{
 width: 100%;
 font-size: 80%;
 border: double 3px #006600;
 visibility: hidden;
 background-color: #ffffff;
}
#noticebox ul{
 margin: 0px 0px 0px 2em ;
 padding: 3px;
}
.contents{
 position: absolute;
 width: 120px;
 left: 0px;
 top: 0px;
 padding: 0px;
 background-color: #003300;
 color: white;
 text-align: center;
}
.contentshead{
 position: absolute;
 width: 33%;
 left: 20%;
 padding: 4px;
 font-size: 90%;
 background-color: #ff6600;
 color: black;
 visibility: hidden;
 text-align: center;
}
.contentsbox{
 position: absolute;
 width: 33%;
 left: 20%;
 padding: 2px 4px;
 font-size: 80%;
 height: 250px;
 border: double 3px #ff6600;
 overflow: auto;
 visibility: hidden;
 background-color: #ffffff;
}
.contentsbox dt{
 font-weight: bold;
 padding: 10px 0px 0px 0px;
}
.contentsbox dt a{
 font-size: 125%;
 color: blue;
 background-color: white;
 text-decoration: none;
}
.contentsbox dt a:link{color:blue}
.contentsbox dt a:visited{color:blue}
.contentsbox dt a:hover{color:white; background:#000099;}