@charset "utf-8";


/* common.css */


/* body */

html {
	background:url(../images/bg.jpg) no-repeat top center #268035;
}

body {
  color:#eee;
  font-family:Verdana, "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  font-size:12px;
  line-height:1.9;
  text-align:center;
  letter-spacing:0.1em;
  color:#000;
  background:url(../images/bg_footer.png) no-repeat bottom center;

  }



/* IE7 hack */
*:first-child+html body {
  font-size:small;
  }

/* IE6 hack */
*html body {
  font-size:small;
  }




/* link */

a:link {
  border:none;
  color:#268035;
  text-decoration:underline;
  }

a:visited {
  border:none;
  color:#268035;
  text-decoration:underline;
  }

a:active {
  border:none;
  color:#268035;
  text-decoration:underline;
  }

a:hover {
  border:none;
  color:#268035;
  text-decoration:none;
  }



/* container */

#container {
  width:920px;
  margin:0 auto;
  text-align:left;
  position:relative;
  }



/* header */

#header {
  height:310px;
  position:relative;
  }

h1 {
  position:absolute;
  top:50px;
  left:-40px;
  }

#top h1 {
	text-indent:-9999px;
  }


#story h2 {
	position:absolute;
	top:230px;
	left:620px;
  }

#character h2 {
	position:absolute;
	top:230px;
	left:580px;
  }



 #navigation {
	 position:absolute;
	 top:60px;
	 left:280px;
 }



/* content */


#content {
  width:920px;
  padding-bottom:40px;
  background:url(../images/bg_content.png) no-repeat bottom;
  }








/* footer */

#footer {
	position:relative;
  width:900px;
  height:200px;
  margin:0 auto;
  }

#footer p {
	padding-top:20px;
	line-height:1.8;
	color:#fff;
	font-size:92%;
}

#footer p span {
	color:#7acc88;
}

#mmv a {
	position:absolute;
	width:100px;
	height:40px;
	display:block;
	top:120px;
	left:760px;
}













/* text.image */

p {
  margin-bottom:10px;
  }

.clear {
  clear:both;
  }

.center {
	text-align:center;
}

.mb10 {
  margin-bottom:10px;
  }

.mb20 {
  margin-bottom:20px;
  }

.mb30 {
  margin-bottom:30px;
  }

.mb40 {
  margin-bottom:40px;
  }

.ml10 {
	margin-left:10px;
}

.ml-10 {
	margin-left:-10px;
}

.ml20 {
	margin-left:20px;
}

 .mt20 {
	 margin-top:20px;
 }

  .mt10 {
	 margin-top:10px;
 }

.pt40 {
	padding-top:40px;
}

.smallcaps {
	font-size:84%;
}

.separate {
	padding-bottom:10px;
	border-bottom:1px #ccc solid;
}

/* HONEY PARADE GAMES*/

#mmv a.hpgames{
	position: absolute;
	top: 98px;
	left: 857px;

}

img.hpgames_logo{
		width: 84px;
}