body {font-family: Arial, sans-serif; font-size: 12px;  padding-left: 5%; padding-right: 5%; background: #cacaca; }
table, tr, td {font-size: 100%; margin: 0px; padding: 0px;}
td {vertical-align: top; }
.main {border: solid 2px; border-top-color: #dddddd; border-left-color: #dddddd; border-bottom-color: #bbbbbb; border-right-color: #bbbbbb; }
.top {font-size: 200%; text-align: center; font-weight: bold;}
.navi {width: 20%; text-align: center;}
.navi i {display: block; width: 100%; background: #dddddd; color: black; border: solid black 1px; padding: 1px; }
.navi b {display: block; width: 100%; background: blue; color: white; padding: 1px; }
.navi a {display: block; width: 100%; background: #eeeeee; color: black; border: solid #dddddd 1px; padding: 1px; text-decoration: none; }
.navi a:hover {border: solid black 1px; background: #dddddd;}
.content {padding-left: 5px; }
.copyright {font-size: 90%; text-align: center;}