body {
  margin: 0 0px; /** 0909 */
  padding: 0;
  background: url("img/bg.jpg") repeat top center;
  text-align: center;
}

.cb {
  clear:both;    
}

a img { border: 0; }
a:hover img { 
  -moz-opacity:0.8;
  opacity:0.8;
  filter: alpha(style=0, opacity=80);  
}

div#TopMainStage {
  background: url("img/StageBG.jpg") repeat-x top center;
  width: 100%;
  margin-bottom: 20px;
}

div#SubTopMainStage {
  background: url("img/SubStageBG.jpg") repeat-x top center;
  width: 100%;
}

div#Header {
  position:absolute;
  top: 0;
  height: 27px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: url("img/TopBar.png") repeat-x top left;
}

div#TopContainer {
  width:  1032px;
  height: 550px;
  margin: 0 auto;
  background: url("img/StageHead.jpg") no-repeat top center;
  text-align: left;
}

div#SubTopContainer {
  width:  1032px;
  height: 320px;
  margin: 0 auto;
  background: url("img/SubStageHead.jpg") no-repeat top center;
  text-align: left;
}

div#TopContainer h1, div#SubTopContainer p {
  display:block;		 
  margin: 0 0 0 72px; 
  padding: 64px 0 0 0;
  line-height: 1;
}
div#TopContainer h1 a, div#SubTopContainer p a{
  display: block;
  height: 72px;
  width: 340px;
  text-indent: -10000px;
  overflow: hidden;
}
div#TopContainer div.LinkContainer {
  /*background: #FF0000;*/
  margin: 0 0 0 72px; 
  width: 340px;
  height: 241px;
}

div#ServerStatusLive {
  margin: 0 auto;
  background: url("img/ServerLive.jpg") no-repeat left bottom;
  padding-top: 80px;
  width: 240px;
  height: 80px;  
  text-indent: -10000px;
}
div#ServerStatusDead {
  margin: 0 auto;
  background: url("img/ServerDead.jpg") no-repeat left bottom;
  padding-top: 80px;
  width: 240px;
  height: 80px;  
  text-indent: -10000px;
}

div#SubTopContainer div.LinkContainer {
  margin: 0 0 0 72px; 
  width: 340px;
  height: 21px;
}
div#TopContainer div.MenuContainer, div#SubTopContainer div.MenuContainer {
  width:  818px; /** 816 だけど、おまじない */
  height: 163px;
  margin: 0 0 0 107px;
  _margin: 0 0 0 106px;
  /**background: #FFff00;*/
}

div#TopContainer div.MenuContainer ul, div#SubTopContainer div.MenuContainer ul {
  margin: 0;
  padding: 0;
}
div#TopContainer div.MenuContainer ul li, div#SubTopContainer div.MenuContainer ul li {
  list-style-type: none;
  width: 128px;
  height: 145px;
  float: left;
  display: block;
  overflow:hidden;
  /**background: #FFffEE;*/
  text-indent: -10000px;
}
div#TopContainer div.MenuContainer ul li a {
  width: 128px;
  height: 145px;
  display: block;
  overflow:hidden;
  background: url("img/MenuAsset.jpg") no-repeat;
}
div#SubTopContainer div.MenuContainer ul li a {
  width: 128px;
  height: 145px;
  display: block;
  overflow:hidden;
  background: url("img/MMenuAsset.jpg") no-repeat;
}

div#TopContainer div.MenuContainer ul li a:hover, div#SubTopContainer div.MenuContainer ul li a:hover {
  width: 128px;
  height: 145px;
  display: block;
  overflow:hidden;
}

div#TopContainer div.MenuContainer ul li.info    { margin:  0px 0 0 1px;  }
div#TopContainer div.MenuContainer ul li.event   { margin: 12px 0 0 9px;  }
div#TopContainer div.MenuContainer ul li.twitter { margin: 18px 0 0 9px;  }
div#TopContainer div.MenuContainer ul li.mqma    { margin: 18px 0 0 12px; }
div#TopContainer div.MenuContainer ul li.update  { margin: 12px 0 0 9px;  }
div#TopContainer div.MenuContainer ul li.support { margin:  0px 0 0 9px;  }
div#TopContainer div.MenuContainer ul li.info    a  { background-position: 0px    0px; }
div#TopContainer div.MenuContainer ul li.event   a  { background-position: -128px 0px; }
div#TopContainer div.MenuContainer ul li.twitter a  { background-position: -256px 0px; }
div#TopContainer div.MenuContainer ul li.mqma    a  { background-position: -384px 0px; }
div#TopContainer div.MenuContainer ul li.update  a  { background-position: -512px 0px; }
div#TopContainer div.MenuContainer ul li.support a  { background-position: -640px 0px; }
div#TopContainer div.MenuContainer ul li.info    a:hover  { background-position: 0px    -145px; }
div#TopContainer div.MenuContainer ul li.event   a:hover  { background-position: -128px -145px; }
div#TopContainer div.MenuContainer ul li.twitter a:hover  { background-position: -256px -145px; }
div#TopContainer div.MenuContainer ul li.mqma    a:hover  { background-position: -384px -145px; }
div#TopContainer div.MenuContainer ul li.update  a:hover  { background-position: -512px -145px; }
div#TopContainer div.MenuContainer ul li.support a:hover  { background-position: -640px -145px; }

div#SubTopContainer div.MenuContainer ul li.info    { margin:  0px 0 0 1px;  }
div#SubTopContainer div.MenuContainer ul li.event   { margin: 12px 0 0 9px;  }
div#SubTopContainer div.MenuContainer ul li.twitter { margin: 18px 0 0 9px;  }
div#SubTopContainer div.MenuContainer ul li.mqma    { margin: 18px 0 0 12px; }
div#SubTopContainer div.MenuContainer ul li.update  { margin: 12px 0 0 9px;  }
div#SubTopContainer div.MenuContainer ul li.support { margin:  0px 0 0 9px;  }
div#SubTopContainer div.MenuContainer ul li.info    a  { background-position: 0px    0px; }
div#SubTopContainer div.MenuContainer ul li.event   a  { background-position: -128px 0px; }
div#SubTopContainer div.MenuContainer ul li.twitter a  { background-position: -256px 0px; }
div#SubTopContainer div.MenuContainer ul li.mqma    a  { background-position: -384px 0px; }
div#SubTopContainer div.MenuContainer ul li.update  a  { background-position: -512px 0px; }
div#SubTopContainer div.MenuContainer ul li.support a  { background-position: -640px 0px; }
div#SubTopContainer div.MenuContainer ul li.info    a:hover  { background-position: 0px    -145px; }
div#SubTopContainer div.MenuContainer ul li.event   a:hover  { background-position: -128px -145px; }
div#SubTopContainer div.MenuContainer ul li.twitter a:hover  { background-position: -256px -145px; }
div#SubTopContainer div.MenuContainer ul li.mqma    a:hover  { background-position: -384px -145px; }
div#SubTopContainer div.MenuContainer ul li.update  a:hover  { background-position: -512px -145px; }
div#SubTopContainer div.MenuContainer ul li.support a:hover  { background-position: -640px -145px; }

div#BodyContainer { width: 1032px; min-height: 268px; margin: 0 auto; 
		    background: url("img/BodyBG.jpg") repeat-x top center; clear: both; }

div#NaviBar {
  margin: 0 auto;
  width: 1032px;
  height: 40px;
  background: url("img/NaviBar.jpg") no-repeat left top;
}
div#NaviBar p {
  margin: 0; padding: 14px 0 0 0; text-indent: 80px; line-height: 20px; font-size: 14px; 
  text-align: left; 
  color: #E0E0FF;
}
div#NaviBar p a {
  color: #dcba16;
  text-decoration: none;
}
div#NaviBar p a:hover {
  text-decoration: underline;
}

div.SubCenterBody { margin: 0 auto; width: 1032px; background: url("img/SubContentBody.jpg") repeat-y left top; }
div.SubCenterFoot { margin: 0 auto; width: 1032px; height: 20px; background: url("img/SubContentFoot.jpg") no-repeat left top; }

div.SubCenter { margin: 0 auto; width: 1032px; background-position: left top; background-repeat: no-repeat; }

div#SubCenterInfo    { background:url("img/SubContentHeadInfo.jpg");    height: 456px; } /** きもいけど、高さ固定...orz + 160xN にすること */
div#SubCenterEvent   { background:url("img/SubContentHeadEvent.jpg");   height: 456px; }
div#SubCenterTwitter { background:url("img/SubContentHeadTwitter.jpg"); height: 456px; }
div#SubCenterMqma    { background:url("img/SubContentHeadMqma.jpg");    height: 456px; }
div#SubCenterUpdate  { background:url("img/SubContentHeadUpdate.jpg");  height: 456px; }
div#SubCenterSupport { background:url("img/SubContentHeadSupport.jpg"); height: 456px; }

div#BodyContainer div.CenterContainer {
  width: 430px;		   
  height: 394px;
  /** background: #FFFFFF; */
   background: #FFFFFF; 
  float: left;
  margin-left: 1px; 
  background: url("img/CenterBox.jpg") no-repeat top center;
  overflow: hidden;
}

div#BodyContainer div.CenterContainer h2 {
  text-indent: -10000px;
  margin: 0;
  pading: 0; 
  height: 90px;		    
}

div#BodyContainer div.CenterContainer dl {
  width:  360px; 
  height: 280px;
  margin: 0 0 0 35px;
  overflow: auto;
  text-align: left; 
}

div#BodyContainer div.CenterContainer dl dt {
  font-weight: bold;
  font-size: 0.8em;
}

div#BodyContainer div.CenterContainer dl dd {
  font-size: 0.8em;
  margin: 0;
  padding: 5px 5px 10px 60px;  
}


div#BodyContainer div.LeftContainer {
  width: 300px;
  height: 394px;
  float:left;		   		 
  background: url("img/LeftBox.jpg") no-repeat top left;
  overflow: hidden;
  text-align: left;
}

div#BodyContainer div.LeftContainer h2 {
  text-indent: -10000px;
  margin: 0;
  pading: 0; 
  height: 70px;		  
}

div#BodyContainer div.LeftContainer div.Event {
  width: 210px; 
  height: 120px;
  margin: 20px 0 0 66px;
  text-align: center;
}

div#BodyContainer div.LeftContainer div.Event ul {
  margin: 0;
  padding: 0;
}

div#BodyContainer div.LeftContainer div.Event ul li {
  list-style-type: none; 
  font-size: 0.8em;
  text-align: left; 
  text-indent: 0px;
  display:block; padding-left:30px; text-decoration: none; line-height: 1.8; font-weight: bold;	
  		                      color: #092269; background:url("img/ListMark2.jpg") no-repeat left center;
}

div#BodyContainer div.RightContainer {
  width: 300px;
  height: 394px;
  float:right;
  background: url("img/RightBox.jpg") no-repeat top right;
  overflow: hidden;
  text-align: left;
}


div#BodyContainer div.RightContainer h2 {
  text-indent: -10000px;
  margin: 0;
  pading: 0; 
  height: 70px;		 
  /** background: #FFFF00; */
}

div#BodyContainer div.RightContainer div.MQMA {
  width: 210px; 
  height: 106px;
  margin: 0 0 15px 24px;
  /** background: #FF0000; */
  text-align: left;
  overflow: hidden;
}

div#BodyContainer div.RightContainer div.MQMA p {
  margin: 0 5px;
  padding: 5px 0 5px 0;
  line-height: 1;
  font-size: 0.8em;
  font-weight: bold; 
}
div#BodyContainer div.RightContainer div.MQMA dl {
  margin: 0 5px;
  padding:5px 10px;
  background: #fbfff6;
}
div#BodyContainer div.RightContainer div.MQMA dl dt {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  font-weight: bold; 
  line-height: 1.4;
}
div#BodyContainer div.RightContainer div.MQMA dl dd {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  line-height: 1.4;
}


div#BodyContainer div.RightContainer div.DemoMovie p {
	margin: 0;
	padding:0;
}

div#BodyContainer div.RightContainer div.DemoMovie {
  width: 210px; 
  height: 116px;
  margin: 0px 0 0 24px; 
  /**background: #FF0000;*/
  overflow: hidden;
}
div#BodyContainer div.RightContainer div.DemoMovie h3 { 		  
  width: 210px; 
  height: 116px;
  margin: 0px 0 0 0px;
  padding: 0;
  background: #FFF000;
  overflow: hidden;
}
div#BodyContainer div.RightContainer div.DemoMovie h3 a { 		  
  display: block;		  
  width: 210px; 
  height: 116px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div#BodyContainer div.RightContainer div.DemoMovie h3 a img { 		  
  display: block;
  width: 210px; 
  height: 116px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}


p.canceler {
  height: 1px;
  display: block;
  overflow:hidden;
  clear:both;
  margin: 0;
  padding: 0;
}

div#Footer {
  width: 100%;
  height: 48px;
  background: #00217e url("img/Footer.jpg") repeat-x top center;
  text-align: center; 
}

div#Footer p {	   
  width: 1032px;  
  height: 48px;
  margin :0 auto;
  line-height: 60px;
  font-size: 0.8em;
  color: #d5e0ff;
  font-weight: bold; 
  background: #00217e url("img/Footer.jpg") repeat-x top center;
  overflow: hidden;
}