/*===============================================
●style.css 画面の横幅801px以上
===============================================*/
@media screen and (min-width:801px){
img{
max-width:100%;
height:auto;
width:auto;　}


@charset "UTF-8";
<style type="text/css">
*{padding:0px;margin:0px;}
#site-box{
		width:800px;
		#border:1px solid #FF9900;
		margin:5px auto
}
#title{
		#border-bottom:1px solid #005522;
}

#navi{width:100%;}
#menu{width:100%;}

#side{float:left;width:250px;background-color:rgba(255,255,255,1);padding:3px}
#main{float:right;width:535px;font-size:100%;background-color:rgba(255,255,255,1);padding:3px}
#link{clear:both;width:100%;font-size:100%;padding:10px 0px 10px 0px;border-top:1px solid #03F;}
#footer{clear:both;width:100%;background-color:#CCCCCC;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:120%;line-height:130%;color:red;text-align: center;}
h3, h4 { margin: 0; padding: 0; }
h3 {
    margin: 0 0 5px 0;
    padding: 0.4em;
          font-size: 120%;
          color: #FFFFFF;
          background-color: #0022ff;
          font-weight: bold;
          text-align: center;
	text-align: center;
}

h4{
    margin: 10px 0 3px 0;
    padding: 0.5em;
    border-left: 7px solid  #0099ff;
    border-bottom: 1px dashed  #0099ff;
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    text-align: left;
    background-color: #FFEECC;
    line-height:120%;
}
p{font-size:100%;margin:10px
line-height:150%;}
.category{font-size:120%;color:#FFFFFF;background-color:#0033AA;padding:5px;font-weight: bold;text-align: center;}
.category2{font-size:120%;color:#FFFFFF;background-color:#0066FF;padding:5px;font-weight: bold;text-align: center;}
.style1{font-size:100%;line-height:150%;}
.style2{font-size:120%;line-height:130%;}
.style3{font-size:150%;ling-height:130%;}
.style4{font-size:80%;line-height:130%;}
.style5{font-size:90%;line-height:130%;}
.style6{font-size:90%;line-height:180%;}
a{font-size:100%;font-weight:bold;color:#0033FF;text-decoration:none;}
a:hover{color:#9900FF;text-decoration:underline;}
hr.style-one{border:0;height:1px;background:#FFF;background-image:-webkit-linear-gradient(left, #EEE, #03F, #EEE);background-image:-moz-linear-gradient(left, #EEE, #03F, #EEE);background-image:-ms-linear-gradient(left, #EEE, #03F, #EEE);background-image:-o-linear-gradient(left, #EEE, #03F, #EEE);}
hr.style-two{border:0;border-bottom:1px dashed #03F;background:#FFF;}

ul li {
	position: relative;
	line-height: 180%;
	font-size: 90%;
}
ul li::after,
ul li::before {
	display: block;
	content: '';
	position: absolute;
}
ul li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
ul li::before {
	z-index: 2;
	top: .3em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#topmenu{
  width: 100%;
  mini-width: 801px;
  margin: 0 auto;
  padding: 0;
}
#topmenu li{
  display: block;
  float: left;
  width: 12.3%;
  border-right: 1px solid #FFF;
  margin: 0;
  padding: 0; }
#topmenu li a{
  display: block;
  padding: 12px 0 10px;
  background: #0099ff;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#topmenu li a:hover{
  background: #0022ff;
}
#toggle{ 
 display: none;
}

#classmenu{
  width: 100%;
  mini-width: 801px;
  margin: 0 auto;
  padding: 0;
}
#classmenu li{
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  padding: 0; }
#classmenu li a{
  display: block;
  padding: 0px;
  background: #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#classmenu li a:hover{
  background: #fff;
}
#toggle{ 
 display: none;
}
#sidemenu{
  width: 100%;
  mini-width: 801px;
  margin: 0 auto;
  padding: 0;
  font-size: 120%;
}
#sidemenu li{
  display: block;
  float: left;
  width: 100%;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  margin: 0;
  padding: 0; }

#sidemenu li a{
  display: block;
  padding: 12px 0 10px;
  background: #0066FF;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#sidemenu li a:hover{
  background: #0000FF;
}
#toggle{ 
 display: none;
}
</style>