@charset "utf-8";
body{margin:0; padding:0;}
#notice{margin:0 auto; padding:0; width:80%;}

h1{border-bottom:4px double #006699; text-align:center; padding:4px;}
h2{text-align:center; padding:4px; color:#336699;}

div.list{text-align:center;}
ul{margin:0; padding:0; line-height:1.6em; display:inline-block;}
li{margin-bottom:8px; text-align:left;}

p.link{text-align:center; margin-top:20px; clear:both;}
p.link a{border:1px solid #666666; background-color:#CCCCCC; color:#333333; text-decoration:none; padding:6px 12px; border-radius: 5px; -webkit-radius: 5px; -moz-border-radius:5px;}
p.link a:hover{background-color:#999999;}

@media screen and (max-width:1240px){
ul{width:76%;}
}
@media screen and (max-width:880px){
#notice{width:98%;}
}

@media screen and (max-width:600px){
h1 span{display:block;}
}