@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------
	全体の設定
---------------------------------------------------- */

body {
  height: 100%;	
  min-height: 100%;
  line-height: 1.6;
  background: #000 url(../images/bg.png) center top no-repeat;
  color:  #ff0066;	
  font-family: "メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
  letter-spacing:0.1em;

}


/* for win */body { font-size: 73.5%;}
/* for safari *//*\*/html:\66irst-child body { font-size: 70%;}/* end */
/* for macIE *//* \*//*/body { font-size: 74%; font-size: 11px;}/**/
.smoller-text { font-size: 0.9em;}

img{
	vertical-align: bottom;
	}

/* ----------------------------------------------------
	リンクカラー
---------------------------------------------------- */
a:link {color: #ff0066; text-decoration:none;}
a:visited {color: #ff0066; text-decoration:none;}
a:active {color: #ff0066; text-decoration:none;}
a:hover {color: #ff0066; text-decoration:underline;}


/* ----------------------------------------------------
	#base
---------------------------------------------------- */

#base{
	width: 1470px;
	margin: 0px auto;
	position: relative;
	}
	
#main{
	width: 1470px;
	height: 870px;
	position: relative;
	}	
		
#main h1{
	position: absolute;
	left: 101px;
	top: 380px;
	width: 400px;
	height: 390px;
	z-index: 5;
	}
#main #catch01{
	display: block;
	position: absolute;
	left: 101px;
	top: 0px;
	width: 151px;
	height: 380px;
	z-index: 5;
	}
#main #cast{
	display: block;
	position: absolute;
	left: 489px;
	top: 0px;
	width: 886px;
	height: 215px;
	z-index: 5;
	}
#main #catch02{
	display: block;
	position: absolute;
	left: 501px;
	top: 435px;
	width: 874px;
	height: 143px;
	z-index: 5;
	}	
#main #info{
	display: block;
	position: absolute;
	width: 874px;
	height: 176px;
	z-index: 6;
	left: 501px;
	top: 594px;
}
#main #btn01{
	display: block;
	position: absolute;
	left: 476px;
	top:640px;
	width: 336px;
	height: 96px;
	z-index:7;
	}	
#main #btn02{
	display: block;
	position: absolute;
	left: 840px;
	top:594px;
	width: 600px;
	height: 150px;
	z-index:7;
}	
#main #btn02 ul{
margin: 0;
padding: 0;
font-size:0;
}
#main #btn02 ul li{
font-size:12px;
margin:0;
padding: 0;
list-style-type: none;    
display:inline;  	
}

#main #main_img01{
	position: absolute;
	left: 480px;
	top: 0;
	width: 955px;
	height:706px;	
	z-index: 1;	
	}	
#main #main_img02{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 706px;
	height: 706px;	
	z-index: 2;	
	}	

	
#footer{
	position: absolute;
	left:0px;
top:785px;
	width: 1470px;
height: 80px;
	margin: 0px auto;
	text-align:center;	
	z-index: 6;	
	}	
	
#footer ul {
margin: 0;
padding: 0;
font-size:0;
	}	
	
#footer ul li{
font-size:12px;
margin:0px 10px;
list-style-type: none;    
display:inline;  
	}	
	
.nocss{
display:none;
}

/*インライン*/
.modalarea{
width:940px;
height:630px;
background-color:#fff;
}
.charaarea{	
width:865px;
height:630px;
}

.charabox{
width:300px;
margin-left: 50px;
padding:43px 20px 40px 517px;
background-repeat:no-repeat;
text-align:right;
}
.c01{
height:300px;
background-image:url(../images/characast01.png);	
}
.c02{
height:528px;
background-image:url(../images/characast02.png);	
}
.c03{
height:365px;
background-image:url(../images/characast03.png);	
}
.c04{
height:299px;
background-image:url(../images/characast04.png);	
}
.c05{
height:299px;
background-image:url(../images/characast05.png);	
}
.c06{
height:300px;
background-image:url(../images/characast06.png);	
}

.samplearea{
background-image:url(../images/bg_sample.jpg);
background-repeat:no-repeat;
}
.sampleinner{
padding:100px 60px;
text-align:left;
}