body { overflow:hidden; color:#989ba8; height:100%; background:url(i/intro/bg.gif) #000626 }
body.select_disable { cursor:hand; cursor:pointer; -moz-user-select:none; -webkit-user-select:none; user-select:none } 
div#page { height:100%; font-size:0.85em }
div#page-wrapper { position:relative; height:100%; margin:0 50px }
a { color:#fff }
a:hover { color:#989ba8 }


#bg { position:absolute; left:0; width:100%; height:100%; background:url(i/intro/bg-hd.gif) no-repeat 50% 50%; }
#bg-illn { position:absolute; left:0; top:0; width:100%; height:100%; }
#bg-illn div.wrapper { padding:40px 0 50px  } 
#bg-illn #illn { width:100%; height:100% }
#bg-illn #illn img { position:absolute; top:50%; left:50%; margin:-250px 0 0 -250px }
#bg-illn a { z-index:1; cursor:hand; cursor:pointer; position:absolute; top:50%; left:50%; width:25%; height:50%; margin:-15% 0 0 -12% }


header { padding:25px 0 0 0; text-align:center }
header h1 { width:35em; margin:0 auto; color:#fff3c9; letter-spacing:0.05em;  font-size:1.5em; font-family:Georgia; font-style:italic; font-weight:normal }
header h1 span { display:block; font-weight:bold }

footer { position:absolute; left:0; bottom:40px; width:100%; }
footer h1 { color:#ffbf00; font-size:1.5em; font-family:Georgia; font-style:italic; font-weight:bold }
footer div.col { width:33.3%; line-height:1.3em } 
footer div.text01 { float:left }
footer div.text02 { float:right; text-align:right }
footer div.col { width:20em; }
footer div.col img { position:absolute; margin:-10em 0 0 0 }
footer div.text02 div.wrapper { float:right; padding:0 15px 0.1em 0 }
footer div.text02 img { margin-top:-8em; margin-left:-1.4em  }
footer div.text02 a, footer div.text02 span { color:#ffc000; font-size:1.2em; font-weight:bold; text-decoration:none; border:solid 0px #ffc000; border-width:0 0 0px 0  }
footer div.text02 a:hover { color:#fff3c9; border:0 }
footer div.text03 { position:absolute; bottom:0; left:50%; width:14em; margin:0 0 0 -7em; text-align:center }


#noscript { position:absolute; right:0px; bottom:74%; width:49px; font-size:0.8em; font-style:italic; line-height:1.6em }
#noflash { display:none; position:absolute; right:0px; bottom:60%; width:49px; font-size:0.8em; font-style:italic; line-height:1.6em }

#setting { display:none; position:absolute; right:0px; bottom:74%; width:49px; font-size:0.8em; font-style:italic; line-height:1.6em }
#setting div.checkbox { cursor:hand; cursor:pointer; position:relative; width:13px; height:13px; border:solid #fff 1px; margin:0 0 5px 0 }
#setting div.checkbox div.checked { margin:2px 0 0 2px; width:9px; height:9px; background:#fff }
#setting div.checkbox span { position:absolute; width:1px; height:1px; background:#000626 }
#setting div.checkbox .cnr-tl { top:-1px; left:-1px }
#setting div.checkbox .cnr-tr { top:-1px; right:-1px }
#setting div.checkbox .cnr-bl { bottom:-1px; left:-1px }
#setting div.checkbox .cnr-br { bottom:-1px; right:-1px }

#soundplayer-volume { display:none; position:absolute; right:35px; bottom:48%; width:10px; height:80px; /*margin:-30px 0 0 0;*/ border:solid 1px #d3d5db }
#soundplayer-volume img.ico { position:absolute; top:-25px; left:-3px }
#soundplayer-volume div.memory { display:none }
#soundplayer-volume div.container { cursor:hand; cursor:pointer; position:relative; margin:2px; }
#soundplayer-volume div.slider { cursor:hand; cursor:pointer; position:absolute; left:0; top:0; width:100%; height:5px; background:#fff }
#soundplayer-volume span { position:absolute; width:1px; height:1px; background:#000626 }
#soundplayer-volume .cnr-tl { top:-1px; left:-1px }
#soundplayer-volume .cnr-tr { top:-1px; right:-1px }
#soundplayer-volume .cnr-bl { bottom:-1px; left:-1px }
#soundplayer-volume .cnr-br { bottom:-1px; right:-1px }
#soundplayer-volume div.slider .cnr-tl { top:0px; left:0px }
#soundplayer-volume div.slider .cnr-tr { top:0px; right:0px }
#soundplayer-volume div.slider .cnr-bl { bottom:0px; left:0px }
#soundplayer-volume div.slider .cnr-br { bottom:0px; right:0px }