@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/top/bg.jpg);
	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:0;
	top:603px;
	width:640px;
	height:295px;
}
#top h2 {
	position:absolute;
	left:0;
	top:5px;
	width:136px;
	height:138px;
}
#top .ttl01 {
	position:absolute;
	right:0;
	top:20px;
	width:73px;
	height:536px;
}
#top .ttl02 {
	position:absolute;
	left:0;
	top:160px;
	width:58px;
	height:537px;
}
#top .img_border {
	position:absolute;
	left:0;
	top:880px;
	width:640px;
	height:81px;
}
#wrap {
	width:640px;
	overflow-x:hidden;
	margin:0 auto;
}
.present {
	margin:20px 0 20px;
}
#toparea {
	background:url(../images/top/bg_main.jpg) center top no-repeat;
	position:relative;
	height:952px;
	width:640px;
}
#txt02 {
	width:640px;
	text-align:center;
}
#txt03 {
	padding-left:20px;
}
#Menu{
	padding:20px 0 40px;
}
#Menu li{
	font-size:2px;
	line-height:2px;
}
#Menu li span{
}

#footer {
	width:640px;
	text-align:center;
}
#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 {
	padding:40px 0;
}

#header div {
	width:640px;
	height:286px;
}
.contents {
	margin:-30px 0 30px;
}
.repeat_area{
	background-image:url(../images/common/bg_repeat.jpg);
}
.osharebnr{
	margin-bottom:40px;
}

/* news--------------------------------------------------------- */

#divRss {
	padding-bottom:20px;
}
#divRss ul {
	margin-top:-20px;
}
#divRss li {
	width:640px;
	margin:20px auto 0;
	padding:10px 0 20px;
	text-align:left;
	background:url(../images/news/bg_newsttl.png ) left bottom no-repeat;
}
#divRss li.loading {
	width:100px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
	background:none;
}
#divRss img {
	max-width:500px;
	margin:15px auto;
}
.itemTitle {
	padding:0 0 0 70px;
	font-size:20px;
	font-weight:bold;
	line-height:120%;
	color:#E62E8B;
}
.itemTitle a{
	text-decoration:none;
	color:#F09;
}
.itemDate {
	padding:0 0 0 70px;
	color:#E62E8B;
}
.itemContent {
	padding:10px 0 25px;
	font-size:18px;
}

/* intro--------------------------------------------------------- */

.intro_back{
	margin-bottom:40px;
}

/* movie--------------------------------------------------------- */

.movie_area .movie_box{
	padding-bottom:50px;
}
.movie_area h2 img{
	margin-top:-20px;
}
.movie_area .movie_one{
	background: url(../images/movie/movie_bg.png) center no-repeat;
	width:640px;
	margin:20px auto 0;
	height:376px;
}
.movie_area .movie_one iframe{
	padding:29px 37.5px 0 37.5px;
	width:565px;
}

/* link--------------------------------------------------------- */

.link_area ul {
	padding-top: 20px;
	width: 550px;
	margin: 0 auto;
	text-align: left;
}
.link_area ul li {
	padding: 20px 0 20px 40px;
	background: url(../images/link/ico_link.png) left center no-repeat;
}
.link_area ul li a {
	color: #CC66CC;
	font-size:18px;
	font-weight:bold;
	text-decoration: none;
}
.link_area ul li a:hover {
	text-decoration: underline;
}

/*character--------------------------------------------------------- */

.character_area .repeat_area .character_wrap ul.menu {
	padding:10px 0 0 20px;
}
.character_area .repeat_area .character_wrap ul.menu li{
	width:280px;
	float:left;
	margin:0 10px 20px 10px;
}
.character_area .repeat_area .character_wrap ul.menu li img {
	width:280px;
}

.character_area .repeat_area .character_wrap ul.chara {
	width:600px;
	margin:0 auto;
	padding:20px 0;
}

.character_area .repeat_area .character_wrap ul.chara li{
	margin:0 0 55px 0;
}
.character_area .repeat_area .character_wrap ul.chara li.c_mb0{
	margin:0;
}
.character_area .backbtn{
	margin:55px 0 60px 0;
}


.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 */