/*reset*/
@charset "utf-8";

 *{padding:0; margin:0;}

 html{height:100%;}
 body{
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		font-size: 14px;
		line-height:180%;
		color:#87617b;
		background-color:#ffc2d5;
		font-family: "メイリオ","Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック", sans-serif;}

 img{border:0 none;}

 a:link,a:visited,a:active{color:#EA5283;text-decoration:none;}
 a:hover{color:#FAD1DF;text-decoration:underline;border-bottom:none;}
 a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter: “alpha( opacity=70 )”;}

 .h1{
		font-size:17px;
		font-weight: bold;
		text-align:center;
		line-height:180%;
    	line-break:strict;}

 ul li{ list-style-type:none;}

 .clear {clear:both;}


/*-------------------- page top --------------------*/
 #page-top {
	position: fixed;
	z-index:100;
	bottom:10px;right:20px;
	font-size: 77%;}

/*-------------------- top --------------------*/
 #all {
		display: none;
		position: relative;
		min-height: 100%;}

/*-------------------- header --------------------*/
 #header {
		margin:0 auto;
		width:1000px;}

 #backindex{
		width:150px;height:auto;
		position:absolute;
		z-index:101;
 		top:10px;
		left:5px;}

 #backindex02{
		width:150px;height:auto;
		position:absolute;
		z-index:101;
 		top:10px;
		right:5px;}

/*--------------- menu ---------------*/
 #global{
		position:fixed;
		z-index:100;
		top:7px;right:0px;
		width:600px;}

 #global ul{width:600px;}

 #global li {
		float:left;
		margin: 0 20px 0 0;}

 #global ul li a {display: block;}

 .fixed {
		position: fixed;
		width:1100px;
		margin:0 auto;}
/*-------------------- top --------------------*/
 #main_img{
		display:block;
		position: relative;
		width:1000px;height:1500px;
		margin:0 auto;}

 #mobile{
		position:absolute;
		z-index:99;
 		top:705px;
		left:180px;
		text-align:center;}

 #banner{
		position:absolute;
		margin:0 auto;
		width:1100px;height:auto;
		text-align:center;}

 #media{
		margin:0 auto;
		width:1000px;height:150px;
		background-color:#ff99b9;
		padding:30px 0px 20px 50px;
		margin-bottom:200px;
	-moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -khtml-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;}

		#media img{margin-bottom:40px;margin-left:-10px;}

		
/*--------------- box01 ** story ---------------*/
 .box01{
		width:100%;
		padding-top:40px;}

 .box01_mn{
		margin:50px 0px 300px 0px;
		background-color:#ff99b9;}

 .box01_in{
		z-index:90;
		display:block;
		position: relative;
		margin:0 auto;
		width:950px;height:1180px;
		padding:30px 10px 50px 10px;}

	.box01 img{margin-top:50px;}

 #story_l{
		width:500px;
		float:left;
		margin-right:40px;margin-top:40px;
		padding-left:10px;}

 #story_r{
		width:400px;
		float:left;
		margin-top:10px;}


/*--------------- box02 ** character ---------------*/
 .box02{
		width:100%;
		padding-top:40px;}

 .box02_mn{
		width:100%;
		margin:50px 0px 200px 0px;
		background-color:#ff99b9;}

 .box02_in{
		display:block;
		position: relative;
		margin:0 auto;
		width:950px;height:600px;
		padding:20px 10px 30px 10px;}

	.box02 img{margin-bottom:40px;margin-left:-10px;}

 .chara_tx{
		display:block;
		float:left;
		width:250px;
		height:250px;
		margin:60px 20px 0px 20px;
		padding:10px 10px 10px 10px;
		background-color:#ffc2d5;
		line-height:150%;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		-khtml-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;}

 .chara_img{
		display:block;
		float:left;}

/*--------------- box03 ** sample ---------------*/
 .box03{
		width:100%;
		padding-top:40px;}

 .box03_mn{
		height:500px;
		margin:50px 0px 300px 0px;
		background-color:#ff99b9;}

 .box03_in{
		display:block;
		position: relative;
		margin:0 auto;
		width:950px;
		padding:30px 10px 50px 10px;}

	.title{margin-bottom:40px;margin-left:-10px;}
	
 .cg ul{width:1000px;}

 .cg li {
		width:215px;height:161px;
		float:left;
		margin:0px 22px 22px 0px;}

/*--------------- box04 ** download ---------------*/
 .box04{
		width:100%;
		padding-top:40px;}

 .box04_mn{
		height:650px;
		margin:50px 0px 300px 0px;
		background-color:#ff99b9;}

 .box04_in{
		display:block;
		position: relative;
		margin:0 auto;
		width:950px;
		padding:30px 10px 50px 10px;}

	.title{margin-bottom:40px;margin-left:-10px;}

 .ban ul{width:1000px;}

 .ban li{
		float:left;
 		text-align:center;
 		color:#fff;
 		margin-right:20px;}

/*--------------- box05 ** product ---------------*/
 .box05{
		width:100%;
		padding-top:40px;}

 .box05_mn{
		margin:50px 0px 300px 0px;
		background-color:#ff99b9;}

 .box05_in{
		display:block;
		position: relative;
		margin:0 auto;
		width:950px;
		padding:30px 10px 50px 10px;}

	.box05 img{margin-bottom:40px;margin-left:-10px;}

 .box05 span{
		display: inline-block;
		width:150px;
		font-weight: bold;}

 #story_bg{
		width:500px;}

 #product_info_table{width:950px; margin:0 auto;line-height:180%;}
 #product_info_table th{padding:7px 0 0; width:150px; vertical-align:top;text-align:left;}
 #product_info_table td{padding:7px 0 0;}

 #box06_in{
		display:block;
		position: relative;
		margin:0 auto;
		width:950px;
		height:1620px;
		padding:30px 10px 50px 10px;}

 .product{
		display:block;
		float:left;
		width:410px;
		margin:0px 20px 50px 20px;
		padding:10px 10px 10px 10px;}

 h1{
		color:#fff;
		font-size:20px;
		margin-bottom:5px;}

 hr.border {
		border: 0;
		border-bottom: 2px dashed #ffc2d5;
		margin-bottom:50px;}

/*--------------- box07 ** RT ---------------*/
 #rt_img{
		display:block;
		position: relative;
		width:1000px;
		margin:0 auto;
		margin-bottom:10px;}

 .box07{
		width:100%;
		padding-top:30px;}

 .box07_mn{
		margin:50px 0px 200px 0px;
		background-color:#ff99b9;}

 .box07_in{
		z-index:90;
		display:block;
		position: relative;
		margin:0 auto;
		width:950px;
		padding:30px 10px 50px 10px;}

 h2{
		font-size:22px;
		margin-bottom:15px;}

/*--------------- box08 ** レビュー ---------------*/

 .box08{
		width:100%;
		padding-top:30px;}

 .box08_mn{
		margin:0px 0px 50px 0px;
		background-color:#ff99b9;}

 .box08_in{
		z-index:90;
		display:block;
		position: relative;
		margin:0 auto;
		width:950px;
		padding:30px 10px 50px 10px;}


/*-------------------- footer --------------------*/
 .footer {
		width:100%;
		height:20px;
		bottom: 0px;
		padding: 10px 0;
		background-color:#fff;}

 .footer_in{
		font-size:10px;
		text-align: center;
		height:20px;
		margin: auto;}