@charset "utf-8";

@import url(reset.css);

body {
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:13px;
}

h1 a{
	background:url(../images/title.png);
	width:246px;
	height:38px;
	text-indent:-9999px;
	margin:10px 0;
	display:block;
	text-align:center;
}

#wrapper {
	width:800px;
	margin:0 auto;
	
}

#menu {
	margin-bottom:20px;
	overflow:hidden;
}


#menu li a{
	float:left;
	height:54px;
	display:block;
	text-indent:-9999px;
	margin-right:10px;
}

.m00 a{
	background:url(../images/menu_top.png);
	width:128px;
}

.m01 a{
	background:url(../images/menu_news.png);
	width:148px;
}

.m02 a{
	background: url(../images/menu_intro.png);
	width:271px;
}

.m03 a{
	background: url(../images/menu_story.png);
	width:157px;
}

.m04 a{
	background: url(../images/menu_chara.png);
	width:233px;
}

.m05 a{
	background:url(../images/menu_dvd.png);
	width:131px;
}

.m06 a{
	background:url(../images/menu_dl.png);
	width:246px;
}

.m07 a{
	background:url(../images/menu_media.png);
	width:148px;
}


iframe {
	float:none;
	clear:both;
}


/*イントロ*/

.intro {
	background:#e4ffda;
	padding:20px;
}


.intro h2 {
	background:url(../images/h2intro.jpg);
	width:248px;
	height:35px;
	text-indent:-9999px;
	margin-bottom:31px;
}

.intro .txt {
	width:100%;
	background-color:#e4ffda;
}

/*ストーリー*/

.story {
	background:#fffde0;
	padding:20px;
}


.story h2 {
	background:url(../images/h2story.jpg);
	width:121px;
	height:35px;
	text-indent:-9999px;
	margin-bottom:31px;
}

.story .txt {
	margin:10px 0;
	width:100%;
	background-color:#fffde0;
	position:relative;
}

.story b{
	color:#de215e;
	font-size:18px;  
}


/*キャラ*/

.charaS {
	background:#FFF;
	padding:20px;
}


.charaS h2,.chara h2 {
	background: url(../images/h2chara.png);
	width:219px;
	height:35px;
	text-indent:-9999px;
}

.chara h2 {
	margin-bottom:31px;
}

.chara #container{  
width: 100%;  
float: left;  
margin-right: -333px;  
}  
  
.chara #content{  
position: relative;  
margin: 0 340px 0 0;  
}

.chara .txt{ 
background-color:#e5fffc;
}
  
.chara .pin{  
width: 333px;  
float: right;
bottom:0;
text-align:right;
margin-top:-36px;
}  


.chara {
	background:#e5fffc url(../images/chara_bg.gif) bottom right no-repeat;
	padding:20px;
}

.chara h3 {
	width:506px;
	height:41px;
	margin-bottom:20px;
}



.close a{
	background: url(../images/bt_sokan.png);
	height: 24px;
	width: 117px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 25px;
	left: 246px;
}




/*ニュース*/

.news {
	background:#ffe6ff;
	padding:20px;
}

.news h2 {
	background: url(../images/h2news.png);
	width:102px;
	height:35px;
	text-indent:-9999px;
	margin-bottom:31px;
}



.news .box {
	border-bottom:1px #0caa83 dotted;
	margin-bottom:20px;
	padding-bottom:20px;
}


.news .txt {
	background-color:#ffe6ff;
}


.news .title {
	color:#de215e;
	font-size:18px;
	font-weight:bold;
	padding-bottom:20px;
	background-color:#ffe6ff;
	
}

.news a{
	color: #139D69;
}



/*DVD*/

.dvd {
	background:#e0e5ff;
	padding:20px;
}

.dvd h2 {
	background: url(../images/h2dvd.png);
	width:65px;
	height:35px;
	text-indent:-9999px;
	margin-bottom:31px;
}


.dvd #container{  
width: 100%;  
float: left;  
margin-right: -400px;  
}  
  
.dvd #content{  
position: relative;  
margin: 0 410px 0 0;  
}  

.dvd .txt {
	background-color:#e0e5ff;
}


.dvd .vis{  
width: 400px;  
float: right;  
}  


.dvd .title {
	color:#de215e;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
	
}


.font10 {
	font-size:10px;
}


.pink1{
	color:#de215e;
	font-weight: bold;
}

.pink2{
	color:#de215e;
}


.pink3{
	color:#de215e;
	font-size:16px;
	font-weight:bold;
}

/*media*/

.media {
	background: #FFC;
	padding:20px;
}

.media h2 {
	background: url(../images/h2news.png);
	width:102px;
	height:35px;
	text-indent:-9999px;
	margin-bottom:31px;
}



.media .box {
	margin-bottom:20px;
	padding-bottom:20px;
}


.media .txt {
}


.media .title {
	color:#de215e;
	font-size:18px;
	font-weight:bold;
	
}

.media a{
	color: #139D69;
}

.white {
	color:#FFF;
}