body { background: #ffffff; font-family: Arial, sans-serif; font-size: 9pt; line-height: 1.2em; color: #333; margin-top: 0; }
h1 { margin: 10px 0 15px 0; padding: 0; font-size: 12pt; color: #5180b3; }
h2 { margin: 15px 0 5px 0; padding: 0; font-size: 10pt; color: #ef1c25; }
h4 { margin: 0; padding: 0; font-size: 10pt; font-weight: bold; color: #5180b3; margin-bottom: 10px; }
h4.red { color: #ef1c25; }

a { color: #666; text-decoration: none; }
a:hover { color: #333; font-weight: bold; }

form { margin: 0; padding: 0; }
p { margin: 5px 0; padding: 0; }
ul { padding-left: 15px; }

#wrap { width: 100%; text-align: center; }
#page { width: 900px; margin: 10px auto; text-align: left; border: 1px solid #999; -webkit-box-shadow: 0px 0px 10px #333; -moz-box-shadow: 0px 0px 10px #333; }
#head { position: relative; width: 900px; height: 130px; background: #ffffff right top no-repeat; border-bottom: 1px dashed #bbb; }

#logo { position: absolute; top: 10px; left: 10px; width: 250px; height: 85px; background: transparent left top no-repeat; }

#navi { position: absolute; bottom: 0; height: 28px; background: transparent; }
#navi ul { list-style: none; margin: 0; padding: 0; white-space: nowrap; }
#navi ul li { display: inline; float: left; position: relative; height: 28px; margin-left: 2px; }
#navi ul li:first-child { margin-left: 10px; }
#navi ul li a { display: block; height: 28px; line-height: 28px; text-decoration: none; font-weight: bold; color: #eee; background: #5180b3; color: #ffffff; padding: 0 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; }
#navi ul li a:hover { background: #6d9ec6; }
#navi ul li.dd ul { display: none; background: #5180b3; -webkit-box-shadow: 3px 3px 6px #333; -moz-box-shadow: 3px 3px 6px #333; opacity: .9; }
#navi ul li.dd:hover ul { display: block; position: absolute; top: 28px; }
#navi ul li.dd ul li { display: block; float: none; position: relative; height: 25px; margin:0 ; padding: 0; border-top: 1px solid #ffffff; }
#navi ul li.dd ul li:first-child { border-top: 1px solid #fff; }
#navi ul li.dd ul li a { display: block; height: 25px; line-height: 25px; padding: 0 10px; background: #5180b3; color: #ffffff; font-weight: bold; -webkit-border-radius: 0; -moz-border-radius: 0; }
#navi ul li.dd ul li a:hover { background: #6d9ec6; }
#navi ul li a.sel, #navi ul li.dd ul li a.sel {}

.rbox { margin: 0 0 10px; background: #ffffff; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; padding: 10px; color: #333; }
.rbox:first-child { margin-top: 10px; }
.rbox b { color: #829e55; }
.rbox a { color: #333; text-decoration: none; }
.rbox a:hover { text-decoration: underline; }

.bar { height: 1px; margin: 10px -10px; border-top:1px dashed #bbb; }

#sitemap { position: absolute; top: 20px; left: 730px; width: 160px; height: 20px; color: #ef1c25; font-weight: bold; text-align: right; }
#sitemap a { text-decoration: none; color: #333; }
#sitemap a.sel { color: #ef1c25; }
#sitemap a:hover { text-decoration: underline; }

#sitemaptree ul { list-style-type: circle; }
#sitemaptree li, #sitemaptree li li { margin: 5px 0 0 30px; }
#sitemaptree a { color: #829e55; font-weight: bold; }
#sitemaptree a:hover { color: #; text-decoration: underline; }

#search { position: absolute; top: 105px; left: 690px; width: 200px; height: 25px; padding-right: 10px; text-align: right; }
#search td { font-weight: bold; padding-left: 5px; }
#search input { border: 1px solid #333; }