*{margin:0; padding:0;}
img{border-style:none;}

/* ______________ テキストカラー ______________ */

.normal {color:#51525a;}
.normal a:link, a:link.normal{ color:#5c50cc; text-decoration:underline;  }
.normal a:visited, a:visited.normal { color:#8e7faa; text-decoration:underline; }
.normal a:hover, a:focus.normal, a:hover.normal , .normal a:focus { color:#fec5a9; text-decoration:none; }
.normal a:active, a:active.normal{ color:#ff9c9e; text-decoration:none; }

.blk {color:white;}
.blk a:link, a:link.blk{ color:#afa9e8; text-decoration:none;  }
.blk a:visited, a:visited.blk { color:#afa9e8; text-decoration:none; }
.blk a:hover, a:focus.blk, a:hover.blk , .blk a:focus { color:#ffd5c0; text-decoration:underline; }
.blk a:active, a:active.blk{ color:#ffa9ab; text-decoration:none; }

/* ______________ 汎用クラス ______________ */

.centertext {
	text-align:center;
	width:auto;
	margin: 3px 0;
}

/* ____ふつう  ______________  */

body {
	font-size:85%;
}

html,body, #container0, #container1, #container2 {
	overflow-x:hidden;
	overflow-y:hidden;
	width:100%; height:100%;
}

#container0 {
	background: url(../_img/bkg0.jpg) no-repeat 50% 30%;
}

#container1 {
	background: url(../_img/bkg2.png) no-repeat right bottom;
}

#container2 {
	background: url(../_img/bkg1.png) no-repeat top left;
	text-align: center;
	width: 100%;
}
b, strong, #container_mf dl.dl_text dt {
	font-weight:bold; 
	color:#13152c;
}

/* ________ メインコンテナ ________  */
#container_m {
	width:656px;
	height: 600px;
	margin:20px auto 0px;
	text-align: left;
}

#container_mf {
	width:656px;
	height:528px;
	background: url(../_img/mf_bkg0.png) repeat-y top left;
	overflow-x:hidden;
	overflow-y:auto;
	padding:9px 9px 20px;
	/*position:absolute;*/
	margin: 0 auto;
	top:92px; 
	text-align:left;
}

h1 {
font-size:90%;
position:absolute;
left: 0px; top:-150px;
}

h2 {
	color:#13152c;
	font-size:130%;
	margin: 6px 0 11px;
	width: 638px; height:44px;
	padding-top:3px;
	padding-left:28px;
	background: url(../_img/bkg_h2__9.png) no-repeat left top;
}
h3 {
	color:#13152c;
	font-size:100%;
	width: 540px; height:48px;
	margin: 0 49px 3px;
	padding: 13px 50px ;
	background: url(../_img/h3b.png) no-repeat left top;

}

.items-imgcenter {
	margin: 12px 0 12px;
	width:638px;
	text-align:center;

}
.items-centera {
	width:456px;
	text-align:center;
	margin: 2px auto 26px;
}
.items-left {
	margin: 2px 3.9em 26px;
}
.items-left2 {
	margin: 2px 8.2em 26px;
}

.items-left p  {
	margin: 0 0 0.36em;
}
.items-left2 p {
	text-indent: 0.7em;
	margin: 0 0 0.82em;
}

dl.dl_text {
}
dl.dl_text dt {
	float:left;
	_float: none;
	>float: none;
	padding: 0.19em 0; 
	_padding-left: 2.2em;
	>padding-left: 2.2em;
	clear:both;
	/zoom : 1; /* IE6,7のclearfix代替 */
}
dl.dl_text dd {
	float:left;
	padding: 0.19em 2.4em;
}


dl.dl_image {
}
dl.dl_image dt {
	float:left;
	_float: none;
	>float: none;
	clear:both;
	padding: 0.19em 0 1.0em 20px;   
	_padding-left: 2.2em;
	>padding-left: 2.2em;
	/zoom : 1; /* IE6,7のclearfix代替 */
}
dl.dl_image dd {
	float:left;
	padding: 0.89em 0px 0.89em 40px;
}
.ie dl.dl_text dt ,.ie dl.dl_image dt {
	float: none;
	padding-left: 2.2em;
}

/* clearfix */
dl.dl_text dd:after , dl.dl_image dd:after{
 content : '';
 display : block;
 clear : both;
}

.cboth {clear:both;}


.mfline {
width:279px;margin: 12px 179px 18px;
}

#footer_to_nltop {
	width:656px;
	font-size:90%;
	color:#000000;
	text-align: center;
	padding:2px;
	/*position:absolute;*/
	margin: 0 auto;
	bottom:20px;
}

#footer_to_nltop a,#footer_to_nltop a:visited  {color:#000000; text-decoration:underline; }
#footer_to_nltop a:focus,#footer_to_nltop a:hover  {color:#000000; text-decoration:none; }
#footer_to_nltop a:active  {color:#2d337c;; text-decoration:none; }

/* _______________ メニュー ________________ */

#men { /* menは縦72px */
	width:656px;
	padding-bottom: 4px;
	/*position:absolute;*/
	top:20px; /*left:60px;*/
	text-align:left;
	margin: 20px auto 0;
}

#men ul {
	list-style: none;
	margin-bottom: 2px;
	height:32px;
	width:655px;
	position: relative;
}
#men li {
	width: 131px;
	height:32px;
	position:absolute;
	top:0px;
}
#men li a{
	width: 131px;
	height:32px;
	text-indent:-9999px;
}

#men li ,#men, #men ul,#men li a{
	display:block;
}


#men ul#menlist0 a {
	background-image: url(../_img/men0.png);
}
#men ul#menlist1 a {
	background-image: url(../_img/men1.png);
}


#men .menli0 {left:0px; }
#men .menli1 {left:131px; }
#men .menli2 {left:262px; }
#men .menli3 {left:393px; }
#men .menli4 {left:524px; }

#men .menli0 a {
	background-position: 0px 0px;
}
#men .menli1 a {
	background-position: -131px 0px;
}
#men .menli2 a {
	background-position: -262px 0px;
}
#men .menli3 a {
	background-position: -393px 0px;
}
#men .menli4 a {
	background-position: -524px 0px;
}

#men .menli0 a:hover, #men .menli0 a:focus {
	background-position: 0px -32px;
}
#men .menli1 a:hover, #men .menli0 a:focus {
	background-position: -131px -32px;
}
#men .menli2 a:hover, #men .menli0 a:focus {
	background-position: -262px -32px;
}
#men .menli3 a:hover, #men .menli0 a:focus {
	background-position: -393px -32px;
}
#men .menli4 a:hover,#men .menli0 a:focus {
	background-position: -524px -32px;
}

#men .menli0 a:active {
	background-position: 0px -64px;
}
#men .menli1 a:active {
	background-position: -131px -64px;
}
#men .menli2 a:active {
	background-position: -262px -64px;
}
#men .menli3 a:active {
	background-position: -393px -64px;
}
#men .menli4 a:active {
	background-position: -524px -64px;
}

.top #menlist0 .menli0 a {
	background-position: 0px -64px !important;
}
.story #menlist0 .menli1 a {
	background-position: -131px -64px !important;
}
.charac #menlist0 .menli2 a {
	background-position: -262px -64px !important;
}
.howto #menlist0 .menli3 a {
	background-position: -393px -64px !important;
}
.screen #menlist0 .menli4 a {
	background-position: -524px -64px !important;
}

.items #menlist1 .menli0 a {
	background-position: 0px -64px !important;
}
.world #menlist1 .menli1 a {
	background-position: -131px -64px !important;
}
.faq #menlist1 .menli2 a {
	background-position: -262px -64px !important;
}
.staff #menlist1 .menli3 a {
	background-position: -393px -64px !important;
}
.download #menlist1 .menli4 a {
	background-position: -524px -64px !important;
}

ul.menulist2 {
	position:absolute;
	padding: 2px;
	width:147px;
	background-image: url(../_img/blackcapt.png);
	list-style: none;
}
ul.menulist2 li{
}
ul.menulist2 li a {
	padding: 2px 6px 3px 1.7em;
	text-indent: -1.2em;
	display:block;
}

/*_______________ 宣伝枠 _______________  */

#announce {
	position:absolute;
	width:508px;
	height:100px;
	top: -100px;
	left:0;
	text-align: center;
	/*IE*/
	_position: static;
	*position: static;
	_margin: 0 auto;
	*margin: 0 auto;
}

#announce_cont {
	
	position:relative;
	width:508px;
	height:100px;
	top: 0;
	left:0;
	text-indent: -9999px;
	/*IE*/
	_position: static;
	*position: static;
}
#announce_cont a {
	position:relative;
	top: 0;
	left:0;
	display: block;
	width:508px;
	height:100px;
	background: url(../_announce/dl001.png) no-repeat;
}
#announce_cont a:hover , #announce_cont a:focus {
  opacity:0.8;
  filter: alpha(opacity=80);
-webkit-opacity:0.8;
  -moz-opacity:0.8;
  
}
#announce_cont a:active {
	top: 5px;
	left:5px;
  opacity:1.0;
  filter: alpha(opacity=100);
-webkit-opacity:1.0;
  -moz-opacity:1.0;
  
}


/*_______________ 固有 _______________  */

#titlefield { position:relative; }
.blackcaption {
	position:absolute; right:35px; bottom:15px;
	background-image: url(../_img/blackcapt.png);
	padding: 1px 2px;
	color:white;
}

.charac #container_mf div{position:relative;}
.voice_play {
position:absolute !important;
width: 130px; height:24px;
}
 .voice_comming {
position:absolute !important;
width: 130px; height:24px;
}
.voice_play a, .voice_comming a{
display:block;width: 130px; height:24px;
}
.voice_play a{
background: url(../_img/charac_voice__0000.png) no-repeat top left;
}
.voice_comming a{
background: url(../_img/charac_voice__0001.png) no-repeat top left;
}
.voice_play a:normal, .voice_comming a:normal{
background-position: 0 0;
}
.voice_play a:hover, .voice_comming a:hover,
.voice_play a:focus, .voice_comming a:focus{
background-position: -130px 0;
}

.voice0 {
	bottom: 20px; right:30px;
}
.voice1 {
	bottom: 20px; left:40px;
}

.voice2, .voice3 {
	bottom: 9px; left:50px;
}
.voice5 {
	bottom: 72px; right:20px;
}
.voice7 {
	bottom: 3px; left:166px;
}
.voice6 {
	bottom: 3px; left:50px;
}