body {
  margin: 0 0px; /** 0909 */
  padding: 0;
  background: url("img/bg2.jpg") repeat top center;
  text-align: center;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  
}

.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;
  /** min-height: 761px;	*/
  width: 100%;
  margin-bottom: 20px;
}

div#SubTopMainStage {
  background: url("img/SubStageBG.jpg") repeat-x top center;
  /** min-height: 541px;	*/
  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#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; 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: 18px; font-size: 14px; 
  text-align: left; 
  color: #E0E0FF;
  font-weight: bold;
}
div#NaviBar p a {
  display: inline;
  color: #dcba16;
  text-decoration: none;
}
div#NaviBar p a:hover {
  display: inline;
  text-decoration: underline;
}

div.SubCenterBody { margin: 0 auto; width: 1032px; background: url("img/SubContentBody.jpg") repeat-y left top; text-align: center; }
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-image:url("img/SubContentHeadInfo.jpg");    } /** きもいけど、高さ固定...orz 456  + 160xN にすること */
div#SubCenterEvent   { background-image:url("img/SubContentHeadEvent.jpg");    }
div#SubCenterTwitter { background-image:url("img/SubContentHeadTwitter.jpg");  }
div#SubCenterMqma    { background-image:url("img/SubContentHeadMqma.jpg");     }
div#SubCenterUpdate  { background-image:url("img/SubContentHeadUpdate.jpg");  }
div#SubCenterSupport { background-image:url("img/SubContentHeadSupport.jpg");  }

div.SubContent {
  margin: 0 auto;
  width: 860px;
  padding: 90px 0 0 0;  
}
div.SubContent h1.single { height: 0px; overflow:hidden; margin: 0; padding: 0; }
div.SubContent h1.dual   { width: 860px; height: 49px; overflow:hidden; margin: 0 auto; padding: 0 0 10px 0; text-indent: -10000px;  }

div.SubContent h1#Mqma3Char { background:url("img/H1BarChar.jpg") no-repeat left top; }
div.SubContent h1#Mqma3Intro { background:url("img/H1BarIntro.jpg") no-repeat left top; }
div.SubContent h1#Mqma3Mode { background:url("img/H1BarMode.jpg") no-repeat left top; }


div.SubContentL {
  width: 160px;
  float: left;
  margin: 10px 0 0 0;
}
div.SubContentR {
  width: 670px;
  float: right;
}

div.H2BoxM {
  width: 668px;
  background: url("img/H2BoxMBody.jpg") repeat-y left top;
  margin: 0 0 10px 0;
}
div.H2BoxL {
  width: 668px;
  margin: 0 0 10px 0;
}
div.H2BoxM p, div.H2BoxL p{
  font-size: 0.8em; 
  text-align: left;
  padding: 0 30px 0 40px;
  line-height: 1.4;
}
div.H2BoxM h2, div.H2BoxL h2 {
  background-repeat: no-repeat; 
  background-position: left top;
  text-indent: -10000px;
  margin:0; padding: 0;
  height: 64px;
}
div.H2BoxM div.H2BoxMFoot {
  height: 15px;
  background: url("img/H2BoxMFoot.jpg") no-repeat left top;
}

div.SubContentL h3 {
  text-indent: -10000px;
  margin:0; padding: 0 10px 10px 0;
  height: 40px;
}
div.SubContentL h3 a { display: block;  background-repeat: no-repeat;  margin:0; padding: 0; height: 40px; width: 150px; overflow:hidden; 
		       background-image: url("img/SideBtAsset.jpg"); }
div.SubContentL h3 a:hover { display: block; height: 40px; width: 150px; overflow:hidden; background-image: url("img/SideBtAsset.jpg"); }


div.H2BoxM h2#CircleInfo   { background: url("img/H2BoxMHeadCircleInfo.jpg");   }
div.H2BoxM h2#CircleLink   { background: url("img/H2BoxMHeadCircleLink.jpg");   }
div.H2BoxM h2#Blog   { background: url("img/H2BoxMHeadBlog.jpg");   }
div.H2BoxM h2#Pixiv   { background: url("img/H2BoxMHeadPixiv.jpg");   }
div.H2BoxM h2#Twitter   { background: url("img/H2BoxMHeadTwitter.jpg");   }
div.H2BoxM h2#M9H   { background: url("img/H2BoxMHeadM9H.jpg");   }
div.H2BoxM h2#C79   { background: url("img/H2BoxMHeadC79.jpg");   }
div.H2BoxM h2#C78   { background: url("img/H2BoxMHeadC78.jpg");   }
div.H2BoxM h2#S49   { background: url("img/H2BoxMHeadS49.jpg");   }
div.H2BoxM h2#Koromu { background: url("img/H2BoxMHeadKoromu.jpg");   }
div.H2BoxM h2#Update20100613 { background: url("img/H2BoxMHead20100613.jpg");   }
div.H2BoxM h2#Update20100621 { background: url("img/H2BoxMHead20100621.jpg");   }
div.H2BoxM h2#Update20100628 { background: url("img/H2BoxMHead20100628.jpg");   }

div.H2BoxM h2#Mqma3Quiz { background: url("img/H2BoxMHeadQuiz.jpg");   }
div.H2BoxM h2#Mqma3Online { background: url("img/H2BoxMHeadOnline.jpg");   }

div.H2BoxM h2#Faq { background: url("img/H2BoxMHeadFaq.jpg");   }
div.H2BoxM h2#Forum { background: url("img/H2BoxMHeadForum.jpg");   }
div.H2BoxM h2#Ask { background: url("img/H2BoxMHeadAsk.jpg");   }
div.H2BoxM h2#Schedule { background: url("img/H2BoxMHeadSchedule.jpg");   }

div.H2BoxL h2#CircleMember { background: url("img/H2BoxLHeadCircleMember.jpg"); }
div.H2BoxL h2#Mqma3Intro { background: url("img/H2BoxMHeadMqma3.jpg");   }
div.H2BoxL h2#Mqma3Player { background: url("img/H2BoxMHeadPlayer.jpg");   }
div.H2BoxL h2#Mqma3Guide { background: url("img/H2BoxMHeadGuide.jpg");   }



div.SubContentL h3#NaviCircleInfo a         { background-position: right 0px;   } 
div.SubContentL h3#NaviCircleInfo a:hover   { background-position: left  0px;   }
div.SubContentL h3#NaviCircleMember a       { background-position: right -40px; } 
div.SubContentL h3#NaviCircleMember a:hover { background-position: left  -40px; }
div.SubContentL h3#NaviCircleLink a       { background-position: right -640px; } 
div.SubContentL h3#NaviCircleLink a:hover { background-position: left  -640px; }
div.SubContentL h3#NaviNewInfo a       { background-position: left  -80px; }  
div.SubContentL h3#NaviNewInfo a:hover { background-position: left  -80px; }
div.SubContentL h3#NaviBlog a       { background-position: right  -120px; }  
div.SubContentL h3#NaviBlog a:hover { background-position: left  -120px; }
div.SubContentL h3#NaviPixiv a       { background-position: right  -160px; }  
div.SubContentL h3#NaviPixiv a:hover { background-position: left  -160px; }
div.SubContentL h3#NaviTwitter a       { background-position: right  -200px; }  
div.SubContentL h3#NaviTwitter a:hover { background-position: left  -200px; }

div.SubContentL h3#Intro a           { background-position: right  -240px; }  
div.SubContentL h3#Intro a:hover     { background-position: left  -240px; }
div.SubContentL h3#Mode a            { background-position: right  -280px; }  
div.SubContentL h3#Mode a:hover      { background-position: left  -280px; }
div.SubContentL h3#Genre a           { background-position: right  -320px; }  
div.SubContentL h3#Genre a:hover     { background-position: right  -320px; }
div.SubContentL h3#Character a       { background-position: right  -360px; }  
div.SubContentL h3#Character a:hover { background-position: left  -360px; }
div.SubContentL h3#UserCode a        { background-position: right  -400px; }  
div.SubContentL h3#UserCode a:hover  { background-position: right  -400px; }
div.SubContentL h3#NaviUpdate a        { background-position: left  -440px; }  
div.SubContentL h3#NaviUpdate a:hover  { background-position: left  -440px; }

div.SubContentL h3#NaviFaq a        { background-position: right  -480px; }  
div.SubContentL h3#NaviFaq a:hover  { background-position: left  -480px; }
div.SubContentL h3#NaviForum a        { background-position: right  -520px; }  
div.SubContentL h3#NaviForum a:hover  { background-position: left  -520px; }
div.SubContentL h3#NaviAsk a        { background-position: right  -560px; }  
div.SubContentL h3#NaviAsk a:hover  { background-position: left  -560px; }
div.SubContentL h3#NaviSchedule a        { background-position: right  -600px; }  
div.SubContentL h3#NaviSchedule a:hover  { background-position: left  -600px; }


div.SubContentL ul { margin: 0; padding:0; }
div.SubContentL li { display:block; list-style-type:none; font-size: 0.8em; text-align: left; height: 28px; line-height: 28px; }
div.SubContentL li a { display:block; padding-left:30px; text-decoration: none; font-weight: bold; height: 28px; 
		       color: #092269; background:url("img/ListMark.jpg") no-repeat left center; }
div.SubContentL li a:hover { display:block; text-decoration:underline; height: 28px; }

div.UpdateDescription {
  text-align: left;
  padding: 0 60px;
}

div.UpdateDescription ul li {
  font-size: 0.9em;
  line-height: 1.5;
}

div.TwitterContainer {
  text-align: center;
  width: 400px;
  margin: 10px auto;
}

p.GotoTop {
  margin: 10px 10px 10px 0;
  padding: 0;
  text-indent: -10000px;
  float: right;
  width: 162px;
  height: 14px;
  overflow:hidden;
}

p.GotoTop a { display: block;  
	background-repeat: no-repeat;  
	margin:0; 
			padding: 0; 
			height: 14px; 
			width: 162px; 
			overflow:hidden; 
		       background-image: url("img/GotoTop.jpg"); background-position: left -14px; }

p.GotoTop a:hover { 
	display: block; 
	height: 14px; 
	width: 162px; 
	overflow:hidden; 	
	background-image: url("img/GotoTop.jpg"); 
	background-position: left top; 
}

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;
}

/*******************************************************/


h3#c7801 {
	display: block;
	text-indent: -10000px;
	overflow:hidden;
	padding: 0;
	width: 500px;
	height: 660px;
	background: url(img/C78_01.jpg) no-repeat left top;
	margin: 0 auto;	
}

/*******************************************************/

div.IntroCharL {
 float: left;
 width:  328px;
 height: 228px;
 margin: 10px 0;
 background-position: right top; background-repeat: no-repeat; 
 overflow: hidden;
}

div.IntroCharR {
 float:  right;
 width:  328px;
 height: 228px;
 margin: 10px 0;
 background-position: left top; background-repeat: no-repeat; 
 overflow: hidden;
}

div.IntroCharL h3, div.IntroCharR h3 {
	text-indent: -10000px;
}

div#IntroChiruno { background-image: url(img/IntroChiruno.jpg); }
div#IntroSuwako  { background-image: url(img/IntroSuwako.jpg); }

div#IntroMarisa { background-image: url(img/IntroMarisa.jpg); }

div#IntroMarron { background-image: url(img/IntroMarron.jpg); }
div#IntroPache  { background-image: url(img/IntroPache.jpg); }

div#IntroSanae  { background-image: url(img/IntroSanae.jpg); }

ul.standardList {
	margin: 10px 0 10px 80px; 
	padding:0;
	text-align: left;
}

ul.standardList li {
	list-style-type: square;
	font-size: 0.8em;
}

p.caution {
	font-style: italic;
	font-size: 0.8em;
	color: #660000;
}

div.profile {
	text-align: left;
	margin: 20px;
	padding: 20px;
	background: #FEFEFE;
	border: 2px solid #121212;
	color: #232323;
	position: relative;
	border-left: 10px solid #121212;	
}

div.profile h3 {
	margin-top: 0;
	margin-right: 20px;
	text-align: right;
	color: #707070;
	position: absolute;
	right: 0;
}

div.profile h4 {
	margin-top: 10px;
	text-decoration: underline;
}