img { 
 filter:   contrast(100%)  saturate(150%);
 box-shadow: 0 5px 5px 0 silver;
 image-rendering: -webkit-optimize-contrast;
}

.topbutton{
font-weight:900; font-size:12px; font-family:BIZ UDPゴシック;
 width:100px; margin:10px 5px 0 0; padding:10 0 10 0;
 white-space:nowrap; overflow:hidden; 
 box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
}

.schoolbutton{
font-weight:900; font-size:12px; font-family:BIZ UDPゴシック; 
 width:180px; margin:10px 5px 0 0; text-align:left; 
 white-space:nowrap; overflow:hidden; 
 box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
}


a { box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3); margin:10px 5px 0 0; }


UL.CHENGE {display: list-item; list-style-type: none;: none;}
LI.CHENGE {display: list-item; list-style-type: none; color: #000000; border-left: solid 8px #DD0000;  background: #eeeeff; padding-left:8px; margin-bottom: 4px; line-height: 1.2; width:250px; font-weight:700; font-size:16px; text-align:left; float: left;}

Input.DOHSBTN{	background-color: #550055;	font-size:10pt;	color:#FFFFFF;
	width:120px;	margin:2px 2px 2px 2px ;	line-height:2em;	border-radius: 5px;	}
Input.DOHSBTN:hover {background-color: #FF0000; }

.button{
display: inline-block; border: solid 1px; border-color:#0000FF; background-color:rgba(240 , 240 , 240 , 90%);  width:280px; color:#000099; font-weight:400; font-size:14px; font-family:century,BIZ UDPゴシック; text-align:left; padding:3px 3px 3px 10px ; text-decoration: none; border-radius: 4px; line-height:2em; margin:5px 2px 8px 2px ; box-shadow: 2px 2px 2px #990099;  border-left: 5px solid #EE0000;
}
.button:hover{box-shadow:none;color:#FFFFFF;background:#DD0000;text-decoration:none;}

.a_button {display: inline-block; border: solid 1px; border-color:#000000; background-color:rgba(100 , 0 , 200 , 60%);  width:100; color:#FFFFFF; font-weight:900; font-size:16px; font-family:century,BIZ UDゴシック; text-align:center; text-decoration: none; border-radius: 4px; line-height:2em; box-shadow: 2px 2px 2px #8888FF;}
.a_button:hover {display: inline-block; border: solid 1px; border-color:#000000; background-color:#FF0000; width:100; color:#FFFFFF; font-weight:90; font-size:16px; font-family:century,BIZ UDゴシック; text-align:center; text-decoration: none; border-radius: 4px; line-height:2em; box-shadow: 2px 2px 2px #222288;}


.full-img{
    background-image:url(dohs_back2.jpg); /* 画像のURLを指定       */
    background-size:cover;                 /* 画像のサイズを指定    */
    width:100%;                              /* 横幅のサイズを指定    */
    height:400px;                            /* 縦幅のサイズを指定    */
}


.fixed01{  position: sticky;  top: 0;  color: #000000;  background: #FFF;  text-align: center;  font-family: メイリオ;  font-weight: 900;  font-size: 14px;  padding: 5px 5px 5px 5px ;  
&:before{  content: "";  position: absolute;    top: -1px;    left: -1px;  width: 100%;  height: 100%;  border: 1px solid #ccc;
  }
}
.fixed02{  position: sticky;  top: 0;  &:before{    content: "";    position: absolute;
  }
}

th.CLASS12 {border: solid 1px; border-color:#888888; width:150px; text-align:center; font-family:メイリオ; font-weight:900; line-height:2em; background-color:#CCCCFF;}

TD.CLASS12 {border: solid 1px; border-color:#888888; width:150px; text-align:left; padding:2px 2px 2px 20px ; font-family:メイリオ; font-weight:900; line-height:2em; background-color:#EEEEEE;}

th.CLASS13 {border: solid 1px; border-color:#888888; width:80px; text-align:center; font-family:メイリオ; font-weight:900; line-height:2em; background-color:#CCCCFF;}

TD.CLASS13 {border: solid 1px; border-color:#888888; width:80px; text-align:left; padding:2px 2px 2px 20px ; font-family:メイリオ; font-weight:900; line-height:2em; background-color:#EEEEEE;}