body{
background-color:floralwhite;
background-repeat:no-repeat;
background-position:center top  ;
background-attachment:fixed;

}

div{
max-width:1000px;
margin-right:auto;
margin-left:auto;
color:white;
border-radius:0px;
}

#wrap{
max-width:1000px;
float:none;
}

#side{
width:350px;
float:left;
color:black;
background-color:snow;
}

#content{
width:640px;
float:right;
color:black;
background-color:snow;
}

#foot{
width:640px;
float:right;

padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#d3d3d;
}

#adress{
width:640px;
float:right;
color:white;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
background-color:#696969;
}

clearfix:after{
clear:both;
display:block;
}

h1{
color:white;
font-size:200%;
text-align:left;
font-family: 'Sawarabi Mincho', sans-serif;
}

h2{
color:white;
font-size:100%;
text-align:right;
}

h3{
color:crimson;
font-size:120%;
text-align:left;
}

h4{
color:black;
font-size:100%;
text-align:left;
}

h5{
color:none;
font-size:205%;
text-align:left;
}

h6{
color:white;
font-size:100%;
text-align:left;
}

h7{
color:#C0C0C0;
font-size:100%;
text-align:left;
}

h8{
color:yellow;
font-size:100%;
text-align:left;
}

li{
padding-top:10px;
padding-right:0px;
padding-bottom:10px;
padding-left:0px;
text-align:center;
list-style:none;
background-color:#191970;
opacity:0.7;
width:24%;
float:left;
border:solid 1px white;
border-radius:1px;
}

li a{
color:white;
font-size:140%;
text-decoration:none;

}

li a:hover{
color:darkorange;
}

ul{
font-size:100%;
text-decoration:none;
}

ul:after{
content:"";
display:block;
clear:both;
color:black;
font-size:100%;
}

table{
width:100%;
}

th{
text-align:left;
padding-top:10px;
}

td{
text-align:left;
padding-left:10px;
}

header{
width:600px;
margin-right:auto;
margin-left:auto;
padding-top:0px;
padding-right:0;
padding-bottom:0px;
padding-left:0;
background-color:#191970;
opacity:0.7;
border:solid 1px white;
border-radius:1px;
}

footer{
width:auto;
color:white;
background-color:#d3d3d;
float:center;

}

section{
background-position:left top;
padding-top:0px;
padding-right:20px;
padding-bottom:0px;
padding-left:20px;
border-radius:0px;
border:solid 1px #696969;
border-top:solid 3px;
}

img{
max-width:100%;

}

iframe{
max-width:100%;
}

@media(max-width:1000px){

header{
width:auto;
margin-right:auto;
margin-left:auto;
padding-top:0px;
padding-right:0;
padding-bottom:0px;
padding-left:0;
background-color:midnightblue;
opacity:0.7;
border-radius:5px;
}

footer{
width:100%;
color:#696969;
background-color:#d3d3d;
text-align:center;
}

li{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
width:60%;
float:left;
background-color:midnightblue;
}

li a{
font-size:120%;
padding:0.3em;
margin-bottom:0.3em;
display:block;
background-color:midnightblue;
border-radius:2px;
text-aligin:center;
text-decoration:none;
}

h1{
color:white;
font-size:140%;
text-aligin:left;
text-decoration:none;
}

h2{
color:white;
font-size:120%;
text-align:right;
}

h3{
font-size:120%;
text-align:left;
}

h5{
color:none;
font-size:90%;
text-align:left;
}

h6{
font-size:100%;
text-align:right;
}

div{
width:auto;
float:none;
}

#wrap{
width:auto;
float:none;
text-aligin:center;
text-decoration:none;
}

#side{
width:auto;
float:none;
}

#content{
width:auto;
float:none;
}

#foot{
width:auto;
float:none;
text-aligin:center;
}

#adress{
width:auto;
padding-top:5px;
float:none;
text-aligin:center;
}

clearfix:after{
clear:both;
display:block
}

section{
background-position:left top;
padding-top:0px;
padding-right:10px;
padding-bottom:0px;
padding-left:10px;
border-radius:0px;
}

th{
float:left;

width:100%;
text-align:left;
}

td
{
float:left;
width:auto;
text-align:left;
}


}