@charset "UTF-8";

html{background:#efe;margin:0;padding:0;}
body{margin:0 auto;width:800px;background:#fff;padding:0 2em 2em;border:1px solid silver;border-width:0 1px 1px;}
h1{text-align:center;border-bottom:3px solid #063;margin:0;padding:0.5em;color:#063;}
div.example{margin:1em;padding:0.5em 1em;background:#eee;border:1px solid silver;border-right:7px solid #063;}
div.wrong{border-right:7px double red;}
h3{margin-top:2em;padding-bottom:0.15em;border-bottom:3px solid silver;}
p.menu{text-align:center;font-size:90%;width:10em;background:#eee;margin:1em auto;padding:0;}
p.menu a{text-decoration:none;display:block;padding:3px 10px;border:1px solid silver;}
p.menu a:hover{background:#ccc;border:1px solid #333;}

div.flyer{width:6em;text-align:center;padding:0.5em;background:#fff;border:1px solid silver;position:absolute;}

div.result{border:1px solid silver;margin:0.5em 0;padding:0.5em 1em;background:#fff;}
table td{padding:0.5em;text-align:center;}
table{border:1px solid silver;border-width:1px 0;margin:1em;}

dd{margin-bottom:0.5em;}
dt{font-weight:bold;}