html{
    width:100%;
    padding:0px;
    margin:0px;
}
body{
    font-family:'Meiryo', 'Courier New', Courier;
    background-color:white;
    width:90%;
    padding-left:4em;
    margin: 0px;
    margin-top: 0px;
    overflow-x: hidden;
}
body h1{
    color:steelblue;
}
body h2{
    color:steelblue;
}
body h3{
    color:steelblue;
}

body header {
    background-color:steelblue;
    color:white;
    margin-left:-8em;
    margin-right:-10%;
    margin-top:-3px;
    margin-bottom:1em;
    padding-top: 0.51em;
    padding-left:8em;
    border:none;
}
body header h1{
    font-size: 1.2em;
    font-weight: bold;
    text-shadow: 0.04em 0.04em 0.01em grey;
    position: relative;
    padding:0.1em;
    display: inline;
    color:white;
}
header p{
    position: relative;
    display: inline;
    left:30%;
}
main{
    background-color: white;
    min-width:800px;
}
main  p{
    text-indent: 1em;
    margin-left:1em;
}
main time{
    background-color: steelblue;
    color:white;
    font-weight: bold;
   border-radius: 0.2em; 
   padding:0.2em 0.5em;
   margin-left:1em;
}
main p>time{
    background-color: steelblue;
    color:white;
    font-weight: bold;
   border-radius: 0.2em; 
   padding:0.2em 0.5em;
   margin-left:-1em;
}
/*display img */
main img{
	width:60%;
	display:block;
}
/*PDF LINK TABLE*/
.pdflink{
    width:90%;
    min-width:800px;

}
main>nav> div{
	width:390px;
	height:280px;
    display:inline-block;
    vertical-align:top;
}
.pdflinktable{
    width:400px;
    height:auto;
    font-size: 0.9em;
    border-spacing: 0;
    margin-left:2em;
    display:inline-block;
    vertical-align:top;
}
.pdflinktable td{
    text-align: right;
    padding: 0.1em;
}
.pdflinktable td:nth-child(3n+2){
    text-align:center;
}
.pdflinktable td:nth-child(3n+1){
    text-align: left;
    padding-left: 1em;
}
.pdflinktable td:nth-child(3n){
    text-align: right;
    padding-right: 1em;
}
.pdflinktable tr:nth-child(odd){
    background-color:azure;
}
.pdflinktable tr:nth-child(even){
    background-color:lavender;
}
.pdflinktable th{
    text-align: center;
    color:white;
    background-color: steelblue;
    font-size:1.1em;
    padding:0.2em 0.5em;
}
.pdflinktable th:nth-child(3n+1){
    border-top-left-radius: 0.2em;
    width:15em;
}
.pdflinktable th:nth-child(3n){
    border-top-right-radius: 0.2em;
    width:3em;
}
.updatetable{
    border-spacing: 1em;
    min-width:500px;
}
.updatetable td:nth-child(3n+1){
   min-width:12em;
}
/*gradepage*/
#menu{
    text-align: center;
    border: solid 2px darkblue;
}
#menu p{
    text-indent: 0em;
}
.gradenav{
    font-size: 0.9em;
    width:90%;
    columns: 2;
}
.gradenav p{
    text-indent: 0;
}
.gradenav>div{
    width:90%;
    height:auto;
    display:inline-block;
}
.gradenav a{
    display:block;
}
.gradelabel{
    background-color: steelblue;
    color:white;
    font-weight: bold;
   border-radius: 0.2em; 
   padding:0.2em 0.5em;
   display:inline-block;
   margin-top:1em;
   margin-bottom:1em;
}
/*footer */
footer{
    font-size: 1.0em;
    min-width:820px;
    padding:0.2em;
    padding-left: 6em;
    padding-right:6em;
    background-color:aliceblue;
    margin-left:-6em;
    margin-right:-8em;
    margin-top:2em;
}
footer h1{
    font-size:1.5em;
}
nav#relation{
    columns:3;
    color:white;
}

#relation  a {
	display:inline-block;
    width:313px;
    height:150px;
    background-color: steelblue;
    border-radius: 0.2em;
	padding: 1.0em;
    text-decoration:none;
    margin-bottom:2em;
    color:white;
}

#relation h1{
	font-size:1.1em;
	display:block;
    margin-top:0px;	
    color:white;
}

#relation p{
    font-size: 0.9em;
    display:block;
}

.footercopyright{
    text-align: center;
}