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

 *{padding:0; margin:0;}

 html{height:100%;}
 body{
		height:100%;
		font-size: 14px;
		line-height:180%;
		color:#87617b;
		font-family: "メイリオ","Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック", sans-serif;
		background-color: #fce3f2;
		background-image: url(../images/top/back.jpg);
		background-position: center top;
		background-repeat: repeat-x;
		background-attachment: fixed;}

 p{margin:0 0 20px;}
 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.9;filter:alpha(opacity=90);-ms-filter: “alpha( opacity=90 )”;}

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

 h2{
		font-size:25px;
		font-weight: bold;
		text-align:center;
    	line-break:strict;
    	margin:10px 0px 20px 0px;}

 ul li{ list-style-type:none; font-size:14px; }

 .clear {clear:both;}

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

/*-------------------- top --------------------*/
 .backindex{
		width:150px;height:auto;
		position:absolute;
		z-index:102;
 		top:10px;
		right:10px;}

 .backindex02{
		width:150px;height:auto;
		position:absolute;
		z-index:100;
 		top:10px;
		left:10px;}

 #main{
		display:block;
		width:1000px;
		margin:0 auto;
		text-align:left;}

 .page{
		height:auto;
		margin-top:100px;}

 .global{
		float:left;
		display:block;
		width:200px;
		height:2300px;/*随時変更*/
		margin-bottom:900px;
		padding:0px 10px 10px 10px;}

 .global_in {
		text-align:center;
		background-color:#fff;
		padding:10px 0px 10px 0px;
		filter: alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;
		-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;}

 .global img{padding-bottom:10px;}

 .contents {
		display:block;
		float:right;
		width:740px;
		height:auto;
		text-align:left;
		background-color:#fff;
		padding:10px 10px 10px 20px;
		margin-bottom:30px;
		filter: alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;
		-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;}

 .title {
		display:block;
		float:right;
		width:740px;
		height:auto;
		text-align:center;
		background-color:#fff;
		padding:10px 10px 10px 20px;
		margin-bottom:30px;
		filter: alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;
		-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;}

 .title span{
		display: inline-block;
		width:70px;}

 .title img{padding-bottom:10px;}

/*-------------------- キャラクター --------------------*/
 .chara{
		display:block;
		float:left;
		width:370px;height:210px;
		background-color:#fff;
		padding:10px 10px 10px 0px;
		margin-left:10px;
		margin-bottom:20px;
		filter: alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;
		-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_l{
		display:block;
		float:left;
		width:180px;height:auto;}

 .chara_r{
		display:block;
		float:right;
		font-size:12px;
		text-align:left;
		line-height:140%;
		width:190px;height:180px;
		margin-top:20px;}

/*-------------------- story --------------------*/

 .bg{
		height:300px;margin-bottom:10px;margin-top:10px;}

 .bg_l{
		float:left;
		display:block;
		width:400px;}

 .bg_r{
		float:left;
		width:250px;
		margin:130px 0px 0px 20px;
		text-align:left;
		line-height:170%;}

 .bg_r2{
		float:left;
		width:180px;
		margin:130px 0px 0px 150px;
		text-align:left;
		line-height:170%;}

 .bg2{
		height:400px;margin-bottom:10px;margin-top:10px;}

 .text{
		height:130px;
		padding-top:10px;
		background-color:#fff;}

 .tx_l{
		float:left;
		display:block;
		width:110px;}

 .tx_r{
		float:left;
		width:585px;height:130px;
		margin:0px 0px 0px 20px;
		background:url(../images/text.png) no-repeat;}

 .tx_in{
		width:480px;
		color:#fff;
		padding-top:50px;padding-left:60px;}

 .tx_inl{
		width:480px;
		color:#fff;
		padding-top:40px;padding-left:60px;}

 .tx_inll{
		width:480px;
		color:#fff;
		padding-top:30px;padding-left:60px;}

 .tx{
		height:auto;
		margin-top:20px;
		margin-bottom:20px;
		background-color:#fff;}

/*-------------------- footer --------------------*/

 #footer_wrp {
		position:absolute;
		bottom:0;
		height:185px;
		min-width: 100%;
		background:url(../images/top/footer.png) no-repeat center bottom;}

 .footer{
		font-size:10px;
		text-align: center;
		width:1000px;
		margin:0 auto;
		padding:15px 0 0;}