/* reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* style */
body { font: 11px/2em tahoma, arial, sans-serif; color: #5e7791; background: #061128; }
a { font-weight: bold; text-decoration: none; color: #9cb9d6; }
a b { position: absolute; left: 0; width: 100%; top: 0; height: 100%; cursor: pointer; }

h1 { position: absolute; left: 50%; width: 370px; top: 410px; margin: 0 0 0 -430px; }
h1 a { position: relative; display: block; height: 140px; }
h1 b { background: url(../image/header.png) 0 -410px; }

ul { position: relative; width: 860px; height: 680px; margin: 0 auto;  background: url(../image/header.png) 0 0; }
li { position: absolute; }

/* */ li.s { left: 502px; width: 239px; top: 429px; }

li.f { left: 510px; width: 90px; top: 500px; }
li.m { left: 600px; width: 120px; top: 500px; }
li.y { left: 720px; width: 95px; top: 500px; }
li.c { left: 240px; width: 180px; top: 600px; }
li.i { left: 450px; width: 170px; top: 600px; }
li.h { left: 660px; width: 180px; top: 600px; padding: 20px 0 0 5px; line-height: 20px; }
ul a { position: relative; display: block; }

/* */ li.s a { height: 71px; }

li.f a { height: 40px; }
li.m a { height: 40px; }
li.y a { height: 40px; }
li.c a { height: 70px; }
li.i a { height: 70px; }
li.h a { position: static; display: inline; }
ul b { background: url(../image/header.png); }

/* */ li.s b { background-position: -502px -429px; }

li.f b { background-position: -510px -500px; }
li.m b { background-position: -600px -500px; }
li.y b { background-position: -720px -500px; }
li.c b { background-position: -240px -600px; }
li.i b { background-position: -450px -600px; }
li.h em { font-style: normal; color: #fff; }
li.h strong { font-weight: bold; }

#footer { position: relative; width: 860px; height: 40px; margin: 25px auto 0; border-top: 1px solid #122e55; }
#footer p { line-height: 35px; color: #596376; }
#footer p span { margin: 0 10px 0 0; border-right: 1px solid #596376; padding: 0 10px 0 0; color: #93a9bf; }
a#lightbox { position: absolute; right: 0; width: 51px; top: 2px; height: 38px; }
a#lightbox b { background: url(../image/lightbox.png) 0 0; }