* { border: 0; margin: 0; padding: 0; }
html { height: 100%; }
body { background: #f3f3f3; color: #999; font-family: 'Arial', 'Helvetica', sans-serif; font-size: 12px; line-height: 20px; height: 100%; text-align: center; }

a { color: #5aa6ff; }
a:hover { color: #9cf; }
a.doc, a.pdf, a.xls, a.file, a.mov, a.audio { display: block; font-weight: bold; height: 24px; line-height: 24px; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 0 29px; text-decoration: none; }
a.doc { background: transparent url(../img/all/a-doc.png) no-repeat 0 0; }
a.pdf { background: transparent url(../img/all/a-pdf.png) no-repeat 0 0; }
a.xls { background: transparent url(../img/all/a-xls.png) no-repeat 0 0; }
a.file { background: transparent url(../img/all/a-file.png) no-repeat 0 0; }
a.xls { background: transparent url(../img/all/a-mov.png) no-repeat 0 0; }
a.audio { background: transparent url(../img/all/a-audio.png) no-repeat 0 0; }
a.doc:hover, a.pdf:hover, a.xls:hover, a.file:hover, a.mov:hover, a.audio:hover { background-position: 0 -80px; }

a.back, a.home { float: right; font-size: 14px; font-weight: bold; line-height: 24px; margin: 10px 0 0 0; padding: 0 29px 0 0; text-decoration: none; }
a.home { background: transparent url(../img/all/a-home.png) no-repeat 100% 0; }
a.back { background: transparent url(../img/all/a-back.png) no-repeat 100% 0; }
a.back:hover, a.home:hover { background-position: 100% 100%; }

div.submit { overflow: hidden; text-align: center; width: 100%; }
a.submit { background: transparent url(../img/all/a-submit.png) no-repeat 0 0; color: #fff; display: block; font-size: 14px; font-weight: bold; line-height: 24px; margin: 10px auto 0 auto; text-align: center; text-decoration: none; width: 70px; }
a.submit:hover { background-position: 0 -80px; }

span.prev, span.next, span.no { background-position: 0 0; background-repeat: no-repeat; color: #fff; cursor: pointer; float: left; height: 24px; line-height: 24px; overflow: hidden; width: 24px; }
span.prev { background-image: url(../img/all/span-prev.png); font-size: 0; text-indent: -1000px;  }
span.next { background-image: url(../img/all/span-next.png); font-size: 0; text-indent: -1000px;  }
span.no { background-image: url(../img/all/span-no.png); font-size: 14px; font-weight: bold; }
span.prev:hover, span.next:hover, span.no:hover { background-position: 0 -40px; }
li.here span.no, li.here span.no:hover { background-position: 0 -80px; color: #999; }

h1 { color: #9cf; font-family: 'Georgia', 'Times New Roman', 'Times', serif; font-size: 18px; font-style: italic; font-weight: normal; line-height: 24px; margin: 10px 0 0 0;  }
h2 { color: #9cf; font-size: 14px; line-height: 24px; margin: 10px 0 0 0; }
h3 { color: #9cf; font-size: 12px; margin: 10px 0 0 0; }
h1 a, h2 a, h3 a { color: #9cf; text-decoration: none; }
p { margin: 10px 0 0 0; }
ul { list-style-type: none; margin: 10px 0 0 0; padding: 0; }
ul li { list-style-type: square; margin: 0 0 0 20px; padding: 0 0 0 5px; }
ul.menu, ul.menu li { background: none; line-height: normal; list-style-type: none; margin: 0; padding: 0; }

img { border: 0; display: block; margin: 0; }
table { border: none; border-collapse: collapse; border-spacing: 0; border: 1px solid #e5e5e5; margin: 10px 0 0 0; padding: 0; width: 100%; }
th { background: #f3f3f3; border: 1px solid #e5e5e5; padding: 5px; text-align: left; }
td { border: 1px solid #e5e5e5; padding: 5px; text-align: left; }
td.na { background: transparent url(../img/all/td-na.png) repeat 0 0; }

div.js { overflow: hidden; position: relative; width: 100%; }

div#load { margin: 0 auto; text-align: center; width: 400px; }
div#all { position: relative; width: 100%; }
div#page { margin: 0 auto; overflow: hidden; position: relative; text-align: left; width: 960px; }

div#head { background: transparent url(../img/all/div-head.png) no-repeat 0 0; height: 120px; margin: 10px 0 0 0; position: relative; width: 100%; }
div#head div.head-01, div#head div.head-11 { bottom: 9px; height: 10px; position: absolute; width: 10px; }
div#head div.head-01 { background: transparent url(../img/all/div-head-01.png) no-repeat 0 0; left: 9px; }
div#head div.head-11 { background: transparent url(../img/all/div-head-11.png) no-repeat 0 0; right: 9px; }
div#head img.logo { left: 30px; position: absolute; top: 30px; }
div#head ul.menu { bottom: 12px; float: left; font-weight: bold; left: 12px; position: absolute; width: 936px; }
div#head ul.menu li { background: none; float: left; font-size: 14px; font-weight: bold; margin: 0; }
div#head ul.menu li#last { float: right; }
div#head ul.menu li a { background: transparent url(../img/all/div-head-menu-a.png) repeat-x 0 0; color: #fff; float: left; line-height: 24px; padding: 0 20px; text-decoration: none; }
div#head ul.menu li a:hover { background-position: 0 -40px; }
div#head ul.menu li.here a, #head ul.menu li.here a:hover { background-position: 0 -80px; color: #9cf; }

div#body { overflow: hidden; width: 100%; }
div#body > ul.menu { float: left; margin: 15px 10px 0 0; padding: 0 0 20px 0; width: 240px; }
div#body > ul.menu a { background: transparent url(../img/all/div-body-menu-a9.png) no-repeat 100% 0; display: block; font-size: 11px; line-height: 26px; padding: 0 20px 0 20px; text-align: right; text-decoration: none; width: 200px; }
div#body > ul.menu a:hover { background-position: 100% 50%; }
div#body > ul.menu li.here { background: transparent url(../img/all/div-body-menu-here.png) no-repeat 0 0; }
div#body > ul.menu li.here a, div#body > ul.menu li.here a:hover { background-position: 100% 100%; color: #fff; }






div#foot { border-top: 1px solid #ccc; color: #999; font-size: 11px; height: 80px; line-height: 16px; margin: 10px 0 0 10px; overflow: hidden; width: 940px; } 
div#foot ul.menu { float: left; margin: 10px 10px 0 0; }
div#foot ul.menu li { float: left; font-size: 11px; line-height: 14px; margin: 4px 0 0 0; }
div#foot ul.menu li a { border-bottom: 1px solid #f3f3f3; border-right: 1px solid #ccc; border-top: 1px solid #f3f3f3; color: #999; float: left; padding: 0 9px; text-decoration: none; }
div#foot ul.menu li a:hover { color: #0d405a; }
div#foot ul.menu li:first-child a { border-left: 1px solid #ccc; }
div#foot ul.menu li.here a, div#foot ul.menu li.here a:hover { border-bottom-color: #ccc; border-top-color: #ccc; line-height: 14px; text-decoration: none; }
div#foot p { border-right: 1px solid #ccc; float: left; line-height: 16px; margin: 14px 10px 0 0; padding-right: 10px; }