*{margin:0;
padding:0;}

img{
vertical-align:bottom;
}

header{
width:725px;
margin:auto;
background-color:#fff;
}

body{
color:#191970;
}


#wrap{
width:1000px;
margin:auto;
}


h1{
background-color:#6495ed;
height:120px;
width:100%;
margin:20px auto 30px;
background-image:url(img/icon.png);
background-repeat:no-repeat;
background-position:center center;
display:block;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

ul{
list-style-type:none;
display:flex;
}

li{
background-color:#fff;
width:150px;
text-align:center;
}

li a{
color:#6495ed;	
text-decoration:none;
padding:10px 0;
display:block;
}

li a:hover{
background-color:#4169e1;
color:#fff;
}

#top{
float:right;
width:700px;
}

#side{
width:300px;
float:right;
padding-bottom:100px;
}


#yotei{
width:300px;
}

#yotei h2{
font-size:35px;
}

#yotei th,td{
line-height:2.0;
}


#main{
width:600px;
padding-top:30px;
}

#main h2{
font-size:45px;
}

#main p{
font-size:20px;
}

footer{
clear:both;
background-color:#6495ed;
text-align:center;
padding:10px 0;
width:100%;
margin-top:30px;
}

#map{
width:300px;
margin:20px auto;
}

#map p{
color:#6495ed;
}