@media screen and (max-width:800px){img{max-width:100%;height:auto;width:auto;　}
@charset "UTF-8";<style type="text/css">
*{padding:0px;margin:0px;}
#site-box{width:100%;margin:5px auto}
#a-box{border-bottom:1px solid #FF9900;}
#navi{width:100%;}
#news{float:left;width:44%;margin:3px auto}
#main{float:right;width:55%;font-size:100%;margin:3px auto}
#link{clear:both;width:100%;font-size:100%;padding:10px 0px 10px 0px;border-top:1px solid #0066ff;}
#footer{clear:both;width:100%;background-color:#EEEEEE;font-size:90%;padding:10px 0px 10px 0px;text-align:center;}
h1{font-size:90%;line-height:100%;color: blue;text-align: center;}
h2{font-size:130%;color:red;text-align: center;line-height: 130%;background-color: #FFFFFF;}
h3, h4 { margin: 0; padding: 0; }
h3 {
	margin: 0 0 5px 0;
	font-size: 120%;
	color: #FFFFFF;
	background-color: blue;
	font-weight: bold;
	text-align: center;
}

h4{
    margin: 10px 0 3px 0;
    padding: 0.5em;
    border-left: 7px solid blue;
    border-bottom: 1px dashed blue;
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    text-align: left;
    background-color: #FFFFCC;
    line-height:130%;
}
p{font-size:100%;margin:10px;
line-height:150%;}
.category{font-size:120%;color:#FFFFFF;background-color:#FF9900;}
.category2{border: 2px solid red;line-height: 200%;font-size:120%;color:#FFFFFF;background-color:#CCCCFF;text-align: center;font-weight: bold;}
.style1{font-size:100%;line-height:150%;}
.style2{font-size:130%;line-height:130%;}
.style3{font-size:150%;ling-height:130%;}
.style4{font-size:80%;line-height:150%;}
.style5{font-size:90%;line-height:150%;}
.style6{font-size:90%;line-height:180%;}
a{font-size:100%;font-weight:bold;color:#0000CC;text-decoration:none;}
a:hover{color:#9900FF;text-decoration:underline;}
hr.style-one{border:0;height:1px;background:#333;background-image:-webkit-linear-gradient(left, #ccc, #00C, #ccc);background-image:-moz-linear-gradient(left, #ccc, #00C, #ccc);background-image:-ms-linear-gradient(left, #ccc, #00C, #ccc);background-image:-o-linear-gradient(left, #ccc, #00C, #ccc);}
hr.style-two{border:0;border-bottom:1px dashed #00C;background:#999;}
img.logo{border:3px solid rgba(255,255,255,0.8);}

#newsblock{
	width:100%;
	background-color: #EEEEFF;
	padding:0 0 0px 0px;
}

#topmenu{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}
#topmenu li{
  display: block;
  float: left;
  width: 24.8%;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  margin: 0;
  padding: 0; }
#topmenu li a{
  display: block;
  padding: 12px 0 10px;
  background: #55f;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#topmenu li a:hover{
  background: #00f;
}
#toggle{ 
 display: none;
}

#classmenu{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}
#classmenu li{
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  padding: 0; }
#classmenu li a{
  display: block;
  padding: 1px auto;
  background: #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#classmenu li a:hover{
  background: #f00;
}
#toggle{ 
 display: none;
}

</style>