@import "base.css";
@import "layout.css";
@import "fancybox.css";
@import "jquery.jscrollpane.css";
       
#index                                  {width:1040px; height:1000px; background:url(../images/top/bg.png) no-repeat; margin:0 auto; padding:0; position:relative;}

#index h2                               {top:15px; left:29px; z-index:100px; margin:0; padding:0; position:absolute;}

#index ul#top_navi                      {width:280px; top:163px; left:45px; z-index:90; margin:0; padding:0; position:absolute;}
#index ul#top_navi li                   {margin:0 15px 5px 5px; padding:0; float:left;}

#index #whatsnew                        {width:250px; height:219px; top:635px; left:45px; z-index:90; background:url(../images/top/whatsnew_bg.png) no-repeat; margin:0; padding:16px 0 0 0; position:absolute;}
#index #whatsnew h3                     {text-align:center; margin:0; padding:0 0 21px 0;}
#index #whatsnew dl#text                {width:197px; height:150px; margin:0 auto; padding:0 5px 0 0; overflow:auto;}
#index #whatsnew dl#text dt             {font-weight:bold; margin:0; padding:0; display:block;}
#index #whatsnew dl#text dd             {line-height:16px; border-bottom:1px dotted #000000; margin:0 0 7px 0; padding:0 0 5px 0; display:block;}
#index #whatsnew dl#text dd p           {margin:0; padding:0 0 5px 0; display:block;}
#index #whatsnew dl#text dd.noborder    {border-bottom:none;}

#index #release                         {top:873px; left:28px; z-index:80; margin:0; padding:0; position:absolute;}

/*#index #banner_sp                       {top:28px; right:65px; z-index:80; margin:0; padding:0; position:absolute;}*/
#banner_sp                       		{margin:10px 0 0 0; padding:0; text-align:right;}
#index #btn_info                        {top:10px; left:585px; z-index:80; margin:0; padding:0; position:absolute;}

#index #chara_01                        {top:227px; left:319px; z-index:60; margin:0; padding:0; position:absolute;}
#index #chara_02                        {top:55px; left:605px; z-index:50; margin:0; padding:0; position:absolute;}
#index #chara_03                        {top:365px; left:658px; z-index:40; margin:0; padding:0; position:absolute;}
#index #chara_04                        {top:108px; left:495px; z-index:30; margin:0; padding:0; position:absolute;}
#index #chara_05                        {top:706px; left:697px; z-index:70; margin:0; padding:0; position:absolute;}

#twitter                                {width:940px; margin:0 auto; padding:5px 0 10px 0;}
#twitter #left                          {width:460px; margin:0; padding:0; float:left;}
#twitter #right                         {width:460px; margin:0; padding:0; float:right;}

#footer_bg #footer                      {width:940px; margin:0 auto; padding:0;}
#footer_bg #footer #left                {margin:0; padding:0; float:left;}
#footer_bg #footer #left ul#share       {width:260px; margin:0 0 5px 0; padding:0;}
#footer_bg #footer #left ul#share li    {width:120px; margin:0 10px 0 0; padding:0; float:left;}
#footer_bg #footer #left p#copy         {font-size:10px; line-height:14px; color:#ffffff; text-align:left; margin:0; padding:0;}
#footer_bg #footer #right               {margin:0; padding:0; float:right;}
#footer_bg #footer #right ul#banner li  {margin:0 0 0 10px; padding:0; float:left;}