@charset "UTF-8";
*{
   margin: 0;padding: 0;
}
body{
   font-family: メイリオ,sans-serif;
   font-size: 16px;
   
}
.theme {
   text-align: right;
   margin-top: -2em;
   padding-right: 0.5em;
   font-size: 20px;
}
.center {
   text-align: center;
}
.right {
   text-align: right;
}
#container {
   width: 960px;
   margin: auto;
   display: flex;
   flex-wrap:wrap;
   justify-content:space-around;
}
ul{
   list-style-type: none;
}
header {
   width: 100%;
   height: 150px;
   margin-bottom: 20px;
   background-image: url("../images/bg.gif");
   background-repeat: no-repeat;
   background-position: 0px 50px;
}
header h1{
   font-size: 35px;
   text-align: center;
   padding-top: 40px;
   color: white;
   text-shadow: 2px 2px 2px #f00, -2px 2px 2px #f00, 2px -2px 2px #f00, -2px -2px 2px #f00;
}
nav {
   width: 220px;
   margin-right: 20px

}
nav li a{
   display: block;
   padding: 15px 10px;
   text-decoration: none;
   border-bottom: 1px solid #000;
}
nav li.current >a{
   background-color: #d6e0e0;
}
nav li a:hover{
   background-color: #d6e0e0;
}
main {
   width: 720px;
}
footer{
   width: 100%;
   margin-top: 20px;
   border-top: 1px dotted #c9bbbb;   
}
footer ul{
   text-align: right;
}
footer li{
   display: inline-block;
   margin-left: 1.5em;
}
address {
   text-align: center;
   color: fuchsia;
   margin: 20px;
}