@charset "UTF-8";

/* reset */	
html, body, div, header, nav, ul{
	margin: 0;
	padding: 0;
}

ul li{
	list-style-type: none;
}
/* 基本のレイアウト */
.wrapper{
	margin: 10px;
	width: 100%;
}

body{
margin 10px;
padding 10px;
text-align:center;
margin-right: auto;
margin-left : auto;
}


#container{
	max-width:960px;margin-left:auto;margin-right:auto;
}

#header p{
	background-color:gray;text-align:center;
}

#menu p{
	background-color:lavender;
}

.clear{
	clear:both;
}

.clearfix::after{
	 /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
} 
.clearfix{
	 
    min-height: 1px; /*IE6、7対策*/ 
} 

#leftside{
	float:left;width:100px;
}

#main{
   
   margin: 10px 10px 30px 10px;
   padding: 10px 10px 30px 10px;
   border-bottom: 1px solid #2d5d8e;
   display: block;/* ディスプレイの幅や高さが指定できる*/
   min-width: 360px;

}

.contents{
   margin-right: 20px;
   <!--width: 100%;-->
}

header h1{
   float: right;
   margin:1px 1px 1px 1px;
   padding:1px 1px 1px 1px;
   width: 140px;
   height:30px;
   text-indent: -5000px;
   background : url(logo.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
   border-color:white;
}

header ul{
	overflow: hidden;
}
*
header ul li{
	float: left;
	background-color:#ffffff;
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
}

header ul li a{
	display: block;
	padding: 1px 1px 1px 1px;
	margin: 0px 1px 0px 1px;
	/*width: 200px;*/
	text-align: center;
	color: #111111;
	text-decoration: none;
}

nav .additional{
	overflow: hidden;
	margin: 10px 0 0 0;
}

nav p{
	float: left;
	<!--width: 50%; -->
	font-size: smaller;
}
nav form{
	float: left;
	<!--width: 50%;-->
	text-align: right;
}

/* sidebar1, sidebar2 */
form#login{
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #2d5d8e;
}


.hed1{
	/*display:inline;*/
   	margin-bottom: 15px ;
}

.scbox{
	display: block;
	<!--width 100%;-->
	<!--height :300px;-->
	overflow:auto;
	background-color: #fffdcc;
}

.bbox{
  <!--width :100%;-->
  display: block;
}
/* 分数のテーブル　*/
table.bunsu{
  border:0px;
}
table.bunsu td{
  text-align: center; 
}
table.bunsu th{
  padding: 0px; 
}


/*　ボタン形式のリンク１　リンク　２*/
ul.link1{
   margin:10px 10px 60px 10px;
}
ul.link1 li {
}

ul.link2{
   margin:10px 10px 60px 10px;
}
ul.link2 li {
}

.clearboth{
 clear:both;

}

.ue_koukoku{
  text-align:left;
}

.mondai{
   margin: 15px 15px 15px 15px;
   font-size : 1.1em;
   font-weight:bold; 
   background-color : #ebe5e5;
   <!--width : 100%;-->
   border-width : 1px;
   border-style : solid;
   border-color : gray; 
   padding : 1ex 1ex 1ex 1ex;
}

#side{
   float:left;
   margin: 20px 20px 20px 0;
   border-top: 1px solid #2d5d8e;
   margin-right:auto;
}

#footer{
    clear:both;
    float: lert;
    text-align: left;
    margin: 20px 30px 20px 10px;
    padding-top: 40px;

} 


/* ここから算数ページボタン:*/
a.button1, a.button2, a.button0{
	font-size:1em;
font-weight: bold; 
margin-left : 5px;
margin-bottom : 5px;
display:block;
padding:5px 5px 5px 5px;
text-align:center;
border:2px solid;
border-color:#aaaaaa #444444 #444444 #aaaaaa;
background:white;
float:left;
}

a.button0{
	border-color:#aaaaaa #aaaaaa #aaaaaa #aaaaaa;
background:white;
}

a.button1{
	border-color:#aaaaaa #444444 #444444 #aaaaaa;
background:white;
}
a.button2{
	clear:both;
border-color:#aaaaaa #444444 #444444 #aaaaaa;
background:white;
}

a:hover.button1{
	background:#777777;
}
a:hover.button2{
	background:#777777;
}


H1{
   border-top-width : 1px;
   border-bottom-width : 1px;
   border-style : solid solid solid;
   border-left-style : solid;
   border-top-color : black;
   border-bottom-color : black;
   font-size : 1.5em;
   font-weight : bold;
   padding-left : 10px;
   padding-right : 10px;
   
   border-right-style : solid;
   text-indent : 0px;
   padding-top : 2px;
   padding-bottom : 2px;
   letter-spacing : 4px;
    
     text-align: center;
   
    background-color : aqua;
   border-left-width : 3px;
   border-right-width : 3px;
   border-left-color : black;
   border-right-color : black;
}

H2,H3,H4,H5{
   margin-right :1px;
   border-width :1px;
   border-style : solid;
   border-color : gray;
   font-size : 1em;
   font-weight : bold;
   padding-left : 1px;
   padding-right : 1px;
   margin-left : 0px;
   border-right-style : solid;
   text-indent : 0px;
   margin-top : 1em;
   margin-bottom : 3px;
}
h2{
   padding-top : 3px;
   padding-bottom : 3px;
   margin-left : 1px;
   margin-right : 1px;
   font-size : 1.1em;
   background-color : #e0e040;
}
H3{
   margin-left : 1px;
   background-color : #fcc672;
}