@charset "utf-8";
body  { text-align: center; margin: 0px }
.top { color: white; font-weight: 600; font-size: 105%; background-color: #696969; text-align: left; padding: 15px; border-bottom: 1px solid #dc143c; width: 100% }
.top a { color: white }
.foot { color: white; font-size: 70%; background-color: #696969; margin-top: 10px; padding: 10px; border-top: 1px solid #dc143c; width: 100% }
.title { font-weight: 500; font-size: 90%; text-align: left; padding: 8px; border-bottom: 1px solid gray; width: 85% }
.main  { margin-top: 20px; width: 800px }
.left  { font-size: 85%; line-height: 180%; text-align: left; float: left; width: 490px }
.right  { font-size: 80%; line-height: 170%; text-align: left; float: right; padding-left: 10px; width: 300px }
a { color: #039; text-decoration: none }
a:hover { text-decoration: underline }
.mm { color: #039; font-weight: 600; border-bottom: 1px dotted #dcdcdc }
.sitemap { font-size: 80%; text-align: left; margin-top: 20px; width: 700px }
.a8 { font-size: 93%; line-height: 190%; text-align: left; margin-top: 40px; width: 700px }
.aaa { color: #4169e1; font-weight: 600; font-size: 105%; background-color: #fafad2; padding: 10px }
.bbb { color: #000080; font-weight: 500; font-size: 102%; margin-left: 5px; padding-left: 10px; border-bottom: 1px dotted #9acd32; border-left: 10px solid #006400 }
.ccc { padding-left: 21px }
.ddd { color: blue; font-weight: bold; font-size: 100%; text-align: center; margin-top: 25px; margin-bottom: 45px }
.a8b { margin-top: 10px }