*{ margin:0; padding:0; border:none;}

body { margin: 0px; background:#000; font: smaller/1.4 'Lucida Grande','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN',sans-serif; font-size:small;}

#tl{ background:url(../img/index_bg_l.jpg) right top no-repeat #000;}
#tr{ background:url(../img/index_bg_r.jpg) left top no-repeat #000;}



#menuL { float:left; width:225px; height:126px;}
#menuR { float:left; width:660px; height:126px;}
#menuR #line1 { margin:0px auto; width:475px;}
#menuR #line2 { margin:0px auto; width:550px;}
#menuR #line1 img { margin:34px 5px 0;}
#menuR #line2 img { margin:6px 5px 0;}

#indexInfo {display:none; margin:0 0 0 25px;}
#mainLogo { margin:6px 0 0 33px;}



.footer1{ background:url(../img/index_bg_footer1.jpg) top no-repeat #000;}
.footer2{ background:url(../img/index_bg_footer2.jpg) top no-repeat #000;}

.footerText{ margin:10px 0 0 30px; color:#6f6e8e; font-size:smaller;/* color:#99F;*/}
.footerText a:link { color: #88d; text-decoration: none;}
.footerText a:visited { color: #88d; text-decoration: none;}
.footerText a:hover { color: #88d; text-decoration: underline;}
.footerText a:active { color: #88d;}

p { font:12px/1.2 Arial, Helvetica, sans-serif;}



#blogparts{ position:relative; left:192px; top:115px; width:180px; height:260px;}
#blogtag{ position:relative; left:488px; top:0px; width:284px; height:67px;}



#introBtn{ position:relative; left:635px; top:423px; width:175px; height:37px;}



#storyBtn{ position:relative; left:605px; top:440px; width:254px; height:35px;}



#charaBox1{ width:272px; float:left;}
#charaBox2{ width:640px; float:left;}

#charaBtn01{ display:block; position:relative; left:65px; top:128px; width:78px; height:31px;}
#charaBtn02{ display:block; position:relative; left:144px; top:97px; width:98px; height:31px;}
#charaBtn03{ display:block; position:relative; left:65px; top:116px; width:176px; height:31px;}
#charaBtn04{ display:block; position:relative; left:65px; top:116px; width:176px; height:31px;}
#charaBtn05{ display:block; position:relative; left:65px; top:116px; width:176px; height:31px;}
#charaBtn06{ display:block; position:relative; left:65px; top:131px; width:176px; height:31px;}
#charaBtn07{ display:block; position:relative; left:65px; top:131px; width:176px; height:31px;}
#charaBtn08{ display:block; position:relative; left:65px; top:131px; width:176px; height:31px;}
#charaBtn09{ display:block; position:relative; left:65px; top:131px; width:176px; height:31px;}
#charaBtn10{ display:block; position:relative; left:65px; top:131px; width:176px; height:31px;}

#charaPct{ position:relative; left:83px; top:80px;}

