body { background: #eff2f5 url(../graphic/all/body.png) repeat-y 50% 0; color: #333; font-family: arial, helvetica, sans-serif; font-size: 13px; margin: 0; text-align: center; }
a { color: #c03; }
a:hover { color: #036; }
img { border: 0; display: block; margin: 0; }
ul, ul li { list-style-type: none; margin: 0; padding: 0; }
form { display: inline; margin: 0; padding: 0; }

#wrap { background: transparent url(../graphic/all/wrap.png) repeat-y 0 0; margin: 20px auto 0 auto; overflow: hidden; position: relative; text-align: left; width: 1000px; }

#head { background: #036 url(../graphic/all/head.png) no-repeat 0 0; font-weight: bold; height: 130px; overflow: hidden; position: relative; width: 100%; }
#head #head-logo { position: absolute; left: 0; top: 0; }
#head ul.menu { bottom: 0; font-size: 13px; font-weight: bold; overflow: hidden; position: absolute; right: 20px; }
#head ul.menu li { float: left; }
#head ul.menu li a { background: transparent url(../graphic/all/head-menu-a.png) repeat-x 0 0; color: #fff; float: left; line-height: 30px; padding: 0 20px; text-decoration: none; text-transform: uppercase; }
#head ul.menu li a:hover { background-position: 0 100%; }
#head ul.menu li.here a, #head .menu li.here a:hover { background: #036;  }

#main { background: transparent url(../graphic/all/main.png) no-repeat 100% 0; overflow: hidden; width: 100%; }

#side { color: #036; float: left; font-size: 11px; padding: 0 0 0 20px; width: 240px; }
#side h1 { color: #8099b3; font-size: 11px; line-height: 40px; margin: 20px 0 0 0; padding: 0 0 7px 0; }
#side img { border: 2px solid #dfe5ec; margin: 20px 0 0 0; padding: 2px; }
#side p.note { color: #8099b3; margin: 5px 0 0 0; }
#side ul { margin: 40px 0 0 0; text-align: right; }
#side li { margin: 5px 0 0 0; }

#page { float: right; overflow: hidden; padding: 0 20px; width: 640px; }
#page ul.menu { border-bottom: 2px solid #036; font-size: 11px; font-weight: bold; margin: 20px 0 0 -20px; overflow: hidden; width: 660px; }
#page ul.menu li { background: none; float: left; margin: 0; padding: 0; }
#page ul.menu li a { color: #036; float: left; line-height: 30px; padding: 5px 20px; text-decoration: none; }
#page ul.menu li a:hover {  border-bottom: 5px solid #8099b3; padding-bottom: 0; }
#page ul.menu li.here a, #page ul.menu li.here a:hover { border-bottom: 5px solid #036; padding-bottom: 0; }

#foot { border-top: 2px solid #dfe5ec; color: #036; font-size: 11px; margin: 40px 0 0 0; overflow: hidden; padding: 0 0 20px 0; width: 100%; }
#foot a { color: #036; }
#foot ul.menu { float: left; margin: 10px 0 0 0; }
#foot ul.menu li { float: left; line-height: 20px; }
#foot ul.menu li a { border-left: 2px solid #dfe5ec; float: left; padding: 0 10px; }
#foot ul.menu li:first-child a { border-left: none; padding-left: 0; }
#foot p { border-right: 2px solid #dfe5ec; float: right; line-height: 20px; margin: 10px 0 0 0; padding: 0 10px; }
#foot p:first-child { border-right: none; padding-right: 0; }