/* 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,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* reset+ */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

/* style */
html { height: 100%; }
body { height: 100%; font: 12px/1.6em arial, sans-serif; color: #fff; background: #c41230; }

#wrapper { position: relative; min-height: 100%; }
* html #wrapper { height: 100%; }

br.clear { clear: both; }

#header { width: 660px; margin: 0 auto; }
#header a { position: relative; display: block; height: 220px; }
#header span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/header.png) no-repeat 0 0; }
#header p { position: relative; height: 87px; }
#header p span { background-position: 0 -220px; }
body.main #header a { height: 710px; }
body.main #header span { background-image: url(../image/header.main.png); }
body.main #header p { height: 130px; }
body.main #header p span { background-position: 0 -300px; }

#layout { width: 660px; margin: 0 auto; padding: 0 0 120px; }

ul#menu { float: left; width: 220px; }
ul#menu a { position: relative; display: block; }
ul#menu span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/menu.png) no-repeat 0 0; }
ul#menu li.a1 a { height: 90px; }

ul#menu li.b1 a { height: 80px; }
ul#menu li.b1 span { background-position: 0 -90px; }
ul#menu li.b2 a { height: 90px; }    
ul#menu li.b2 span { background-position: 0 -170px; }
ul#menu li.b3 a { height: 72px; }
ul#menu li.b3 span { background-position: 0 -260px; }

ul#menu li.c1 a { height: 50px; }
ul#menu li.c1 span { background-position: 0 -485px; }
ul#menu li a.pdf { height: 155px; } 
ul#menu li a.pdf span { background-position: 0 -330px; }

body.main ul#menu { position: relative; float: none; margin: 0 auto; padding: 0 220px; background: transparent url(../image/menu.main.png) no-repeat 0 0; }
body.main ul#menu span { background-image: url(../image/menu.main.png); cursor: pointer; }
body.main ul#menu li.a1 { position: absolute; left: 0; top: 80px; }
body.main ul#menu li.a1 a { width: 220px; height: 57px; }
body.main ul#menu li.a1 span { background-position: 0 -80px; }

body.main ul#menu li.b1 a { height: 80px; }
body.main ul#menu li.b1 span { background-position: -220px 0; }
body.main ul#menu li.b2 a { height: 90px; }
body.main ul#menu li.b2 span { background-position: -220px -80px; }
body.main ul#menu li.b3 a { height: 72px; }
body.main ul#menu li.b3 span { background-position: -220px -170px; }

body.main ul#menu li.c1 { position: absolute; left: 440px; top: 80px; }
body.main ul#menu li.c1 a { width: 220px; height: 57px; }
body.main ul#menu li.c1 span { background-position: -440px -80px; }

#content { float: right; width: 440px; padding: 20px 0 10px; }
#content h2 { margin: 0 0 1em; font-size: 1.6em; text-align: center; }
#content h3 { margin: 1em 0 0; font-weight: bold; }
#content p { margin: 0 0 1em; }
#content ul,
#content ol { margin: 0 0 1em; padding: 0 0 0 1.5em; }
#content ul li { list-style: circle; }
#content a { color: #fff; }
#content strong.big { font-size: 2em; }

body.main p#deadline { position: relative; width: 660px; height: 320px; margin: 0 auto; padding: 0 0 120px; }
body.main p#deadline span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/deadline.png) no-repeat 0 0; }

#footer { position: relative; width: 660px; height: 120px; margin: -120px auto 0; }
#footer a { position: relative; display: block; height: 120px; }
#footer span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/footer.png) no-repeat 0 0; cursor: pointer; }
