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

 *{padding:0; margin:0;}

 html{height:100%;}
 body{
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		font-size: 15px;
		line-height:170%;
		color:#600;
		font-family: "メイリオ","Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック", sans-serif;
		overflow-x: hidden;overflow-y:scroll;
		}

 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%;}

 #main{width:1000px;margin:0 auto;}


/*-------------------- top --------------------*/
 #fdi{display: none;}

/*-------------------- global --------------------*/
 #menu_wrap{
		height:60px;
		background:url(../images/menu_bg.jpg) repeat-x;}

 #menu{
		width:1000px;
		margin:0 auto;
		text-align:left;
		height:60px;
		background:url(../images/menu.png) repeat-x left top;}

 #menu li{
		width:200px;
		float:left;}

 #menu a.btn{
		display:block;
		width:200px;height:0px;
		padding:60px 0 0;
		overflow:hidden;}

 #mn_top a.btn:hover, #mn_top a.now{
		background:url(../images/menu.png) no-repeat 0px bottom;}

 #mn_story a.btn:hover, #mn_story a.now{
		background:url(../images/menu.png) no-repeat -200px  bottom;}

 #mn_chara a.btn:hover, #mn_chara a.now{
		background:url(../images/menu.png) no-repeat -400px  bottom;}

 #mn_spe a.btn:hover, #mn_spe a.now{
		background:url(../images/menu.png) no-repeat -600px  bottom;}

 #mn_eve a.btn:hover, #mn_eve a.now{
		background:url(../images/menu.png) no-repeat -800px  bottom;}
/*-------------------- header --------------------*/
 #attention{
		display: none;
		z-index:2px;
		position:absolute;
		top:0px;right:10px;
		width:222px;margin:0 auto;}

 #talkshow{
		display: none;
		position:absolute;
		top:0px;right:0px;
		width:222px;margin:0 auto;
		z-index:102;}
 #guide{
		display: none;
		position:relative;
		bottom:100px;
		width:1000px;margin:0 auto;
		margin-bottom:250px;}

 #header {
		margin:0 auto;
		width:467px;}

 #backindex01{
		width:150px;height:auto;
		position:absolute;
		z-index:102;
 		top:10px;
		left:10px;}

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

/*--------------- menu ---------------*/
 #global{
		display: none;
		position:fixed;
		z-index:2;
		width:467px;
		background:url(../images/menu.png) repeat-x left top;}

 #global li{
		width:130px;
		float:left;}

 #global ul li a {display: block;}
 
 #global a.btn{
		display:block;
		width:132px;height:0px;
		padding:132px 0 0;
		overflow:hidden;}

 #mn_guide a.btn:hover, #mn_guide a.now{
		background:url(../images/menu.png) no-repeat 0px bottom;}

 #mn_talk a.btn:hover, #mn_talk a.now{
		background:url(../images/menu.png) no-repeat -170px  bottom;
		margin-left:40px;}

 #mn_goods a.btn:hover, #mn_goods a.now{
		background:url(../images/menu.png) no-repeat -335px  bottom;
		margin-left:75px;}

 .fixed {
		position: fixed;
		width:550px;}

 #foot{
		width:100%;
		background-color:#ffa1bc;
		color:#fff;
		font-size:10px;
		text-align:center;}

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

/*--------------- box01 ** story ---------------*/
 .box01{
		width:100%;
		margin:0px 0px 250px 0px;
		padding:40px 0px 40px 0px;
		background:url(../images/background.jpg) repeat;}

 .box01_mn{
		width:950px;
		margin:0 auto;
		padding:20px;
		background-color:#fff;
		filter: alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		-khtml-border-radius: 20px 20px 20px 20px;
		border-radius: 20px 20px 20px 20px;
		margin-bottom:30px;}

 .box01_in{
			text-align:left;
			padding:10px;}
			

 iframe { border:none;margin-right:10px;}

/*--------------- box02 ** story ---------------*/
 .box02{
		width:100%;
		margin:0px 0px 250px 0px;
		background:url(../images/background.jpg) repeat;}

 .box02_mn{
		width:700px;
		margin:0 auto;}

 .box02_in{
			text-align:left;
			padding:10px;}
			
/*-------------------- title --------------------*/
 h1.cont{
		font-size:24px;
		line-height:24px;
		margin:0 0 20px;}

 h2.cont{
		font-size:17px;
		margin:0 0 10px;}
		
 h3.cont{
		font-size:13px;
		margin:5px 0 5px;}

 ul.flower{
		height:auto;
		margin-bottom:10px;
		padding:0px 0px 0px 5px;}

 ul.flower li{
		padding:3px 0px 10px 40px;
		background:url(../../../images/list_bg.png) no-repeat left 4px;}

 .presents{
		float:left;
		width:300px;
		margin:5px 0px 10px 10px;
		text-align:center;
		font-size:12px;line-height:150%;}

 .box01 span{
		display: inline-block;
		width:60px;}

 img.bn{margin-bottom:10px;}

/*-------------------- mailform --------------------*/
 fieldset {padding: 2em 0;border:none}

 label {
		float:left;
 		width:15%;
 		margin-right:10px;margin-left:100px;
 		text-align:right;line-height:22px;
		-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;}

 input{
		width:60%;
		padding:5px;
		color:#fff;
		background:#ee7299;
		font-size:12px;
		line-height:13px;
		margin-bottom:20px;
		border:0;
		-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;}

 textarea{
		width:60%;
		padding:5px;
		font-size:12px;
		color:#fff;
		background:#ee7299;
		line-height:1em;
		height:100px;
		margin-bottom:20px;
		border:0;
		-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;}

 select{
		padding:5px;
		color:#fff;
		background:#ee7299;
		font-size:12px;
		line-height:20px;
		margin-bottom:20px;
		border:0;
		-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;}

 input.submit{
		width:100px;
		height:30px;
		color:#fff;
		background:#ee7299;
		line-height:30px;
		padding:0;
		cursor:pointer
		-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;}

 input.submit:hover{
		background:#ffd9e5;
		-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;}

/*-------------------- event --------------------*/

 .event_pop{
		width:250px;
		float:left;
		margin:20px 0px 10px 0px;
		font-size:12px;
		text-align:center;
		line-height:140%;}

 .event_pop img{margin-bottom:5px;}

 .line01 {border-bottom:dashed 1px #ff81a2;
		margin:5px;}

 .goods{
		float:left;
		width:313px;height:auto;
		margin:10px 10px 10px 0px;
		padding:5px 5px 5px; 5px;
		text-align:center;}

 .goods_tx{
		float:left;
		width:970px;height:auto;
		margin:0px 10px 10px 0px;
		padding:10px 10px 10px; 10px;
		background-color:#ffeaf4;}
		
 .goods_tx2{
		float:left;
		width:636px;height:auto;
		margin:80px 10px 10px 0px;
		padding:10px 10px 10px; 10px;
		background-color:#ffeaf4;}

 .goods_at{
		float:left;
		width:970px;height:auto;
		margin:0px 10px 10px 0px;
		padding:10px 10px 10px; 10px;}

 h6.gd{
		width:313px;
		height:13px;
		font-weight: bold;
		font-size:11px;
		line-height:150%;
		text-align:center;
		padding-bottom:3px;}

 h6.gd_tx{
		width:120px;
		height:20px;
		font-weight: bold;
		font-size:20px;
		line-height:150%;
		text-align:center;
		padding:20px 0px 10px 0px;}

/*-------------------- 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;}
