html {
 height: 100%;
 margin: 0;
 -webkit-text-size-adjust:100%;
}

body {
 margin: 0;
 padding-bottom:24px;
 padding-top:160px;
 font-size:100%;
}

body, .item {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 height: 100%;
 overflow: auto;
}

#header {
 background-color:#ffffff;
 -webkit-background:linear-gradient(#e0ffe0,#ffffff);
 -moz-background:linear-gradient(#e0ffe0,#ffffff);
 background:linear-gradient(#e0ffe0,#ffffff);
 height:160px;
 margin-top:-160px;
 padding-top:0px;
 padding-left:8px;
 padding-right:8px;
 border-bottom: solid 1px #cccccc;
 line-height:100%;
}

#header h1{
 font-family:sans-serif;
 font-size:166%;
 line-height:0.5em;
 white-space:nowrap;
}

#header h2{
 font-family:sans-serif;
 font-size:125%;
 line-height:0.5em;
}

.list{
 white-space:pre;
 font-size:90%;
}

#toplink{
 position:absolute;
 display:block;
 top:106px;
 right:0px;
}
#toplink a{
 display:block;
 width:170px;
 height:48px;
 text-align:center;
 font-size:110%;
 line-height:48px;
 color:white;
 font-weight:bold;
 text-decoration:none;
 background:-wbkit-linear-gradient(#339933,#006600);
 background:-moz-linear-gradient(#339933,#006600);
 background:linear-gradient(#339933,#006600);
 border-top:solid 3px #66cc66;
 border-left:solid 3px #00a900;
 border-right:solid 3px #004900;
 border-bottom:solid 3px #003300;
}

@media screen and (min-device-width:641px){
	#toplink{
	 top:136px;
	 right:8px;
	}
	#toplink a{
	 color:blue;
	 display:inline;
	 line-height:150%;
	 border:none;
	 background:none;
	 text-decoration:underline;
	}
	#toplink a:hover{
	 color:white;
	 background-color:#0000ff;
	 border-radius:0px;
	}
}

#menu{
 display:block;
 position:absolute;
 bottom:24px;
 left:0px;
 width:178px;
 height:48px;
 color:white;
 line-height:48px;
 text-align:center;
 font-size:110%;
 font-family:sans-serif;
 font-weight:bold;
 border-bottom:1px solid white;
 background:-wbkit-linear-gradient(#339933,#006600);
 background:-moz-linear-gradient(#339933,#006600);
 background:linear-gradient(#339933,#006600);
 border-top:solid 3px #99cc99;
 border-left:solid 3px #33a933;
 border-right:solid 3px #004900;
 border-bottom:solid 3px #003300;
}
@media screen and (min-device-width:641px){
	#menu{
	 display:none;
	}
}

#menu:after{
 content: 'を開く';
}
#menu_button:checked ~ #menu:after {
 content: 'を閉じる';
}

#menu_button:checked ~ #menu{
 background:-wbkit-linear-gradient(#006600,#339933);
 background:-moz-linear-gradient(#006600,#339933);
 background:linear-gradient(#006600,#339933);
 border-top:solid 3px #003300;
 border-left:solid 3px #004900;
 border-right:solid 3px #00a900;
 border-bottom:solid 3px #66cc66;
}

#middle input {
 display:none;
}

#kyougi_frame{
 float:left;
 width:184px;
 padding-top:8px;
 padding-left:8px;
 border-right:solid 1px #999999;
 background-color:white;
 color:black;
 font-size:150%;
 line-height:250%;
}
@media screen and (min-device-width:641px){
	#kyougi_frame{
	 font-size:100%;
	 line-height:200%;
	}
}

#left_frame{
 float:left;
 width:0px;
 padding-top:8px;
 padding-left:0px;
 padding-bottom:56px;
 border-right:solid 1px #999999;
 background-color:white;
 color:black;
 font-size:150%;
 line-height:250%;
 white-space:nowrap;
 transition-property:width padding-left;
 transition-duration:0.3s;
}
@media screen and (min-device-width:641px){
	#left_frame {
	 width:184px;
	 padding-left:8px;
	 font-size:100%;
	 line-height:200%;
	}
}

#menu_button:checked ~ #left_frame {
	 padding-left:8px;
	 width:184px;
}

#right_frame {
 padding-top:8px;
 padding-left:8px;
 padding-bottom:64px;
 color:black;
 background-color: #ffffff;
 font-size:150%;
 line-height:200%;
 white-space:nowrap;
}
@media screen and (min-device-width:641px){
	#right_frame {
	 font-size:100%;
	}
}

UL {
 list-style-type:none;
 margin:0;
 padding:0;
}
EM{
 color:yellow;
 font-weight:bold;
 font-style:normal;
}

A{
 color:blue;
 transition-property: all;
 transition-duration: 300ms;
 transition-delay: 0s;
 transition-timing-function: ease;
 font-family:sans-serif;
 line-height:250%;
}
A:visited{
 color:purple;
}
A:hover{
 color:white;
 background-color:#0000ff;
}

@media screen and (min-device-width:640px){
	A{
	 padding:0;
	 line-height:200%;
	}
}

SPAN.m{
 display:inline-block;
 width:100%;
 background:linear-gradient(#ccffff,#ffffff);
}
SPAN.w{
 display:inline-block;
 width:100%;
 background:linear-gradient(#ffe0e0,#ffffff);
}

.banhen{
 color:#00cc00;
 font-weight:bold;
}

.tocyu{
 color:#0000cc;
 font-weight:bold;
}

.kekka{
 color:#cc00cc;
 font-weight:bold;
}

.NextPage{
 display:none;
}

.Red{
 color:red;
}
EM{
 color:red;
 text-decoration:none;
}

SMALL{
 font-size:66%;
}

TABLE{
 border-collapse:collapse;
 border:2px solid black;
 white-space:pre;
 font-family:monospace;
}

CAPTION{
 white-space:pre;
 line-height:150%;
 text-align:left;
 font-family:monospace;
 font-weight:bold;
}

tr.h{background-color:#f0f0f0;}
tr.m0{background-color:#80ffff; vertical-align:bottom;}
tr.m1{background-color:#d0ffff; vertical-align:bottom;}
tr.m2{background-color:#f0ffff; vertical-align:bottom;}
tr.m3{background-color:#d0ffff; vertical-align:middle;}
tr.m4{background-color:#f0ffff; vertical-align:middle;}
tr.w0{background-color:#ffa0a0; vertical-align:bottom;}
tr.w1{background-color:#ffe0e0; vertical-align:bottom;}
tr.w2{background-color:#fff7f7; vertical-align:bottom;}
tr.w3{background-color:#ffe0e0; vertical-align:middle;}
tr.w4{background-color:#fff7f7; vertical-align:middle;}

TH{
 padding:4px 4px;
 border:1px solid black;
 white-space:nowrap;
 line-height:100%;
}

th.z{width:2.5em; min-width:2.5em;}
th.n{width:9em; min-width:9em;}
th.s{width:7em; min-width:7em;}
th.k{width:5em; min-width:5em;}
th.b{width:6em; min-width:6em;}

/* 1列目〜6列目までの文字位置 */
tr td{text-align:center;}
tr td+td{text-align:right;}
tr td+td+td{text-align:left;}
tr td+td+td+td{text-align:left;}
tr td+td+td+td+td{text-align:right;}
tr td+td+td+td+td+td{text-align:left;}

TD{
 padding:4px 4px;
 border:1px solid black;
 white-space:nowrap;
 line-height:100%;
}

TD A{
 line-height:150%;
}
@media screen and (min-device-width:640px){
	TD A{
	 line-height:100%;
	}
}

td.l{text-align:left;}
td.c{text-align:center;}
td.r{text-align:right;}
td.b{text-align:center; color:#00cc00; font-weight:bold;}
td.t{text-align:center; color:#0000cc; font-weight:bold;}
td.k{text-align:center; color:#cc00cc; font-weight:bold;}

tr.ch{text-align:center; background-color:#e0ffe0;}
tr.c0{background-color:#ffffc0;}
tr.c1{background-color:#ffffc0;}
tr.c2{background-color:#f0f0f0;}
tr.c3{background-color:#d7ffff;}
tr.c4{background-color:#ffffff;}
tr.c5{background-color:#d7ffff;}
tr.c6{background-color:#d7ffff;}
tr.c7{background-color:#d7ffff;}
tr.c8{background-color:#ffffff;}
tr.c9{background-color:#ffffff;}
td.day{text-align:right; background-color:#ffffff;}

#footer {
 bottom: 0;
 height: 24px;
 overflow: hidden;
 position: absolute;
 width: 100%;
 text-align:center;
 background-color: #ffffff;
 background:linear-gradient(#ffffff,#e0ffe0);
 border-top:solid 1px #999999;
 line-height:150%;
 font-size:90%;
 color:black;
}