@charset "UTF-8";

body {background:#153a54; margin:0px; font-family:'Arial Rounded','Comic Sans MS';}

#hat          {position:absolute; width:100%; height:28px; top:0px; background-image:url('images/BG_hat.gif');}
#hatcontainer {position:relative; width:1000px; height:27px; left:50%; margin-left:-500px;}
#hatvmlogo    {position:relative;  padding: 3px 0px 0px 35px}
#othersites   {float:right; padding: 2px 32px 0px 0px}

#content      {position:relative; width:1000px; height:700px; left:50%; margin-left:-500px; top:28px; background-image:url('images/BG_main.jpg');}

#logo         {position:absolute; left:0px; top:0px;}

#mainnav {position: absolute; left:501px; top:0px; width:499px; height:150px; background:transparent url('images/BG_navbox.gif') no-repeat;}

#mainnav ul#nav,
#mainnav ul#nav li a{background:transparent url('images/BG_nav.gif') no-repeat;}

#mainnav ul#nav {position:absolute;width:499px;height:130px;left:10px;top:20px;text-indent:0px; margin:0px; padding:0px;}

#mainnav ul#nav li a{display:block;text-indent:-9999px;overflow:hidden;height:130px;}

#mainnav ul#nav li {float:left; list-style-type:none;}

#mainnav ul#nav li#nav1	a	             {background-position:0px 0px; width:97px;}
#mainnav ul#nav li#nav1	a:hover,
#mainnav ul#nav li#nav1	a.childOn,
#mainnav ul#nav li#nav1	a.active,
#mainnav ul#nav li#nav1	a.active:hover  {background-position:0px -130px;}

#mainnav ul#nav li#nav2	a	             {background-position:-97px 0px; width:149px;}
#mainnav ul#nav li#nav2	a:hover,
#mainnav ul#nav li#nav2	a.childOn,
#mainnav ul#nav li#nav2	a.active,
#mainnav ul#nav li#nav2	a.active:hover  {background-position:-97px -130px;}

#mainnav ul#nav li#nav3	a	             {background-position:-246px 0px; width:131px;}
#mainnav ul#nav li#nav3	a:hover,
#mainnav ul#nav li#nav3	a.childOn,
#mainnav ul#nav li#nav3	a.active,
#mainnav ul#nav li#nav3	a.active:hover  {background-position:-246px -130px;}

#mainnav ul#nav li#nav4	a	             {background-position:-377px 0px; width:99px;}
#mainnav ul#nav li#nav4	a:hover,
#mainnav ul#nav li#nav4	a.childOn,
#mainnav ul#nav li#nav4	a.active,
#mainnav ul#nav li#nav4	a.active:hover  {background-position:-377px -130px;}

#leftBox {position:absolute; width:501px; height:556px; left:0px; top:91px; background-image:url('images/BG_left.gif'); background-position: top left;}

#leftBoxHome {position:absolute; width:460px; height:518px; left:19px; top:18px; background-image:url('images/BG_home_left.jpg'); background-position: top left;}

#leftBoxHome #twitter {position:absolute; width:290px; height:45px; left:0px; top:473px;}
#leftBoxHome #manga {position:absolute; width:185px; height:45px; left:0px; top:0px;}
#leftBoxHome #newsletter {position:absolute; width:105px; height:45px; left:355px; top:0px;}

#leftBoxStory {position:absolute; width:472px; height:528px; left:17px; top:16px; background-image:url('images/BG_story_left.jpg'); background-position: top left;}
#leftBoxExtra {position:absolute; width:472px; height:528px; left:17px; top:16px; background-image:url('images/BG_extra_left.jpg'); background-position: top left;}


#leftBoxProducts {position:absolute; width:459px; height:516px; left:19px; top:18px; background-image:url('images/BG_prods_left.jpg'); background-position: top left;}

#rightBox {position:absolute; width:499px; height:497px; left:501px; top:150px; background-image:url('images/BG_right.gif'); background-position: top left;}
#rightBox #rightShading {position:absolute; width:499px; height:9px; left:0px; top:0px; background-image:url('images/BG_right_shading.gif'); background-position: top left; background-repeat: repeat-x;}


#footer {position:absolute; width:1000px; height:53px; left:50%; margin-left:-500px; top:675px; background:transparent url('images/BG_footer.gif') no-repeat;}

#copyrightfooter {position:absolute; width:500px; left:250px; top:30px; text-align:center;}
#termsfooter {position:absolute; width:500px; left:250px; top:14px; text-align:center;}
#vmfooter {position:absolute; left:18px; top:12px;}
#sbfooter {position:absolute; left:902px; top:8px;}
#teenfooter {position:absolute; left:855px; top:1px;}

.footertext {font-family: Arial; font-size:9px; color:#000; line-height:11px; font-weight:bold;}

#footer #termsfooter p.footertext {font-size:11px; margin:0px; padding:0px;}

#footer #termsfooter p.footertext a {color:#fff; text-decoration:none; }

#footer #copyrightfooter p.footertext {line-height:10px; margin:0px; padding:0px;}

.charbio {position:absolute; width:415px; left:0px; top:0px; display:none;}

.charbio .thumb {position:absolute; left:4px; top:2px;}

#hagu {position:absolute; width:415px; left:0px; top:0px; display:block;}

.charbio h2 {font-family:"Arial Rounded MT Bold", "Comic Sans MS Bold"; font-weight:bold; margin:100px 0px 30px 205px; padding:0px; font-variant:small-caps; font-size:18px; color:#68b9d3;}

.charbio p {font-family:"Arial Rounded MT Bold", "Comic Sans MS Bold"; font-weight:normal; margin:0px 0px 14px 205px; padding:0px; font-size:14px; line-height:18px;}