﻿@charset "utf-8";
pre,p {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
}

*{
	margin:0;
	padding:0;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#FF9ACD;
	padding:0;
	margin:0;
	position:relative;
	height:100%;
	background-image:url(../images/common/bg_pattern.png);
	background-position:center top;
	-webkit-text-size-adjust: 100%;

}
img{vertical-align:bottom;}
ul,li {margin:0;padding:0;list-style-type:none;}
#top h1 {
	position:absolute;
	left:151px;
	top:548px;
	width:338px;
	height:253px;
}
#top h2 {
	position:absolute;
	left:475px;
	top:700px;
	width:157px;
	height:87px;
}

#top .img_border {
	position:absolute;
	left:0;
	top:825px;
}

#top .present {
	margin:20px 0;
}

#Menu{
	padding:20px 0 30px;
}
#Menu li{
	font-size:2px;
	line-height:2px;
}
#Menu li span{
}

#top .ticket {
	position:absolute;
	top:850px;
	width:640px;
	height:517px;
}
#top .catch_c {
	margin:10px 0 0 0;
}

#top .move_w{
	margin:-40px 0 40px 0;
}

#wrap {
	width:640px;
	overflow-x:hidden;
	margin:0 auto;
}
#toparea {
	background:url(../images/top/main_img.jpg) center top no-repeat;
	position:relative;
	height:886px;
	width:640px;
}
#footer {
	width:640px;
	text-align:center;
}
#footer #animalArea {
	padding:0 0 30px;
}
#banner a {
	padding:0 10px;
}
.share {
	padding: 40px 0;
	width: 640px;
	height: 40px;
	position: relative;
}
.share div {
	position: absolute;
}
.fb {
	transform:scale(2.8);
	-webkit-transform:scale(2.8);
	-moz-transform:scale(2.8);
	left: 330px;
	top: 25px;
}
.tw {
	transform: scale(2);
	-webkit-transform: scale(2);
	left: 190px;
	top: 40px;
}
.credit {
	background-color:#660099;
	padding:20px;
	margin-top:40px;
}

#header div {
	width:640px;
	height:224px;
}
.contents {
	margin:-30px 0 30px;
}
.repeat_area{
	background-image:url(../images/common/bg_repeat.jpg);
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* intro--------------------------------------------------------- */
.intro_btn{
	padding:20px 0 40px;
}
.intro_back{
	padding-bottom:30px;
}

/* character--------------------------------------------------------- */
.chara_btn div{
	padding-top:10px;
}
.chara_btn div:last-child{
	padding-bottom:30px;
}
.chara_list{
	margin-top:-30px;
}
.chara_list div{
	padding-bottom:30px;
	text-align:center;
}
.chara_back{
	padding-bottom:30px;
}

/* movie--------------------------------------------------------- */

.movie_area .movie_box{
	padding-bottom:50px;
}
.movie_area h2 img{
	margin-top:0px;
}
.movie_area .movie_one{
	background: url(../images/movie/bg_movie.png) center no-repeat;
	width:640px;
	margin:0px auto;
	height:363px;
}
.movie_area .movie_one iframe{
	padding:5px 37.5px 0 37.5px;
	width:565px;
}

/* news--------------------------------------------------------- */

.news .contents{
	background-image: url(../images/news/bg_top.png);
	background-repeat: no-repeat;
	background-position: 0px 90px;
	background-color: #FFE3FF;
}
.news .news_detail{
	padding-bottom: 60px;
	background-image: url(../images/news/bg_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;;
}
.news #divRss{
	width: 94%;
	margin: 0 auto;
}
.news .updates li:after{
	display: block;
	content: "";
	height: 4px;
	margin: 15px 0px;
	background-image: url(../images/news/line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.news .updates li{
	background-image: url(../images/news/ico.png);
	background-repeat: no-repeat;
}
.news .updates p{
	font-size: 18px;
	padding-left: 15%;
	color: #FF33CC;
}
.news .updates a{
	display: block;
	font-size: 25px;
	text-decoration: none;
	color: #FF33CC;
}

/* link--------------------------------------------------------- */

.link ul {
	width: 550px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 30px;
}

.link ul li {
	padding: 25px 0 20px 70px;
	background: url(../images/link/bg_link.png) left center no-repeat;
}

.link ul li a {
	color: #FF33CC;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}