h1{
margin: 0 0 0 0;
color:#4682B4;
font-size:32px;
background-color:#f08080;
}
div{
max-width:720px;
margin-right:auto;
margin-left:auto;
}

h1,h2,li,footer{
text-align:center;
font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
li{
list-style:none;
width:24%;
float:left;
}
ul:after{
content:"";
display:block;
clear:both;
}
ul{
padding:0;
}

table{
width:100%;
border: solid 1px #BDB76B;
border-collapse: collapse;
}

table td{
border: solid 1px #BDB76B;
padding: 8px;
line-height: 1.2;
}

li a{
color:#000;
}
li a:hover{
text-decoration:none;
}
header{
border-top:solid 20px #f08080;
}
h2{
background-color: #F0FFFF;
}
section{
margin-top:20px;
padding-top:10px;
padding-right:20px;
padding-bottom:10px;
padding-left:20px;
}

img{
max-width:100%;
}
iframe{
max-width:100%;
}

dl.topP dt{
float:left;
font-weight:bold;
}
dl.topP dd{
margin-left:100px;
margin-bottom:10px;
line-height:1.4;
}

dl.proF dt{
float:left;
}
dl.proF dd{
margin-left:100px;
margin-bottom:10px;
}

@media(max-width:640px){
li{
width:auto;
float:none;
}
li a{
padding:0.5em;
margin-bottom:0.5em;
display:block;
background-color:#87CEFA;
border-radius:6px;
text-align:center;
text-decoration:none;
}
}