@charset "utf-8";

/* CSS Document */

/* ====================================================================

   サイト共通設定

==================================================================== */

/* ブラウザ表示対策------------------------------------------------- */
html, body {
    width: 100%;
    height: 100%;
}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
}



/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */


/* 共通設定--------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
a {
	/* macIE対策\*/
	overflow: hidden;
	outline: none;
	/* macIE対策*/
	}
a img {
	border: 0;
}

ul,ol,dl{
	list-style:none;
}

img {
	vertical-align: bottom;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/common/bg.jpg) top center;
	font-size: 13px;
	line-height: 1.6em;
	text-align:center;
	color:#333;
	position:relative;
	word-break: break-all;
	overflow-x:hidden;
	min-width:1280px;
}


a {
	color: #F09;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/* head--------------------------------------------------------- */


#head{
	width:1280px;
	margin:0 auto;
	position:relative;
}
#contents {
	width:1280px;
	margin:0 auto;
	position:relative;
	padding:30px 0 0;
}
.present {
	margin-bottom:25px;
}

#footer {
	padding:10px 0 0;
	position:relative;
	z-index:800;
}
#footer a {
	padding:0 5px;
}
#footer a img {
	margin:5px 0;
}

#footer .banner {
	width: 1280px;
	margin: 0 auto 30px auto;
}
#footer .banner li {
	display: inline;
	width: 190px;
}
#footer .banner li img {
	margin: 0 5px 0 5px;
	padding-bottom: 15px;
}
.mouseicon {
	display:inline-block;
	position:absolute;
	left:0px;
	top:0px;
	z-index: 9999;
}
.credit{
	background:#FF6182;
	margin-top:15px;
	padding:20px 0;
}

/* Second class--------------------------------------------------------- */

#pagetop {
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:10000;
}

#wrap{
	width:1280px;
	margin:0 auto;
	position:relative;
}

.head_menu ul{
	width:1280px;
	margin:0 auto;
	position:relative;
	z-index:9990;
	
}
.head_menu li{
	float:left;
}
.head_menu li.menu01,
.head_menu li.menu02,
.head_menu li.menu03,
.head_menu li.menu04,
.head_menu li.menu05,
.head_menu li.menu06,
.head_menu li.menu07{
	padding-top:20px;
}
#wrap .bg_area .bg_01{
	position:absolute;
	top:0;
	left:-360px;
	z-index:1;
}
#wrap .bg_area .bg_02{
	position:absolute;
	top:0;
	left:140px;
	z-index:1;
}
#wrap .bg_area .bg_03{
	position:absolute;
	top:0;
	right:140px;
	z-index:1;
}
#wrap .bg_area .bg_04{
	position:absolute;
	top:0;
	right:-360px;
	z-index:1;
}
#main_area{
	position:relative;
	z-index:9990;
	margin:30px auto;
	width:1112px;
}
/* base--------------------------------------------------------- */
#main_area.base .top {
	background-image:url("../images/common/bg_top.png");
	background-repeat:no-repeat;
	height:132px;
	margin:0 auto;
	padding-bottom:18px;
	text-align:center;
	position:relative;
	z-index:2;
}
#main_area .top h1 {
	position:absolute;
	top:-30px;
	left:239px;
}
#main_area .base_detail{
	background:url("../images/common/bg_repeat.png") repeat-y;
	position:relative;
	z-index:1;
	min-height:500px;
	margin-top:-18px;
}
#main_area .base_bottom{
	background:url("../images/common/bg_btm01.png") no-repeat;
	height:128px;
}
/* news--------------------------------------------------------- */

.news_bottom{
	position:relative;
	z-index:9990;
}
#divRss li {
	width:887px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
	background:url("../images/top/sub_news.png") left bottom no-repeat;
}
#divRss li.loading {
	width:100px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
	background:none;
}
.itemTitle {
	padding:0 0 0 60px;
	font-size:18px;
	font-weight:bold;
	line-height:120%;
	color:#E62E8B;
}
.itemTitle a{
	text-decoration:none;
}
.itemDate {
	padding:0 0 0 60px;
	color:#E62E8B;
}
.itemContent {
	padding:10px;
	font-size:16px;
}
.itemContent img {
	max-width:500px;
	margin:10px auto;
}

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

#main_area .intro_top{
	background-image:url("../images/intro/bg_intro_top.png");
	background-repeat:no-repeat;
	height:78px;
	margin:0 auto;
	text-align:center;
	padding:50px 0;
	position:relative;
	z-index:2;
}
#main_area h1.intro_ttl {
	position:absolute;
	top:-30px;
	left:239px;
}
#main_area.intro ul.intro_menu {
	width:1010px;
	padding:0 50px;
	float:left;
}
#main_area.intro ul.intro_menu li {
	padding:50px 15px 0 15px;
	float:left;
}
#main_area.intro ul.intro_menu li.guest_btn {
	padding-top:45px;
}
#main_area.intro .cont_main {
	margin:-80px 16px 0 16px;
	background-image:url("../images/intro/bg_intro_main.jpg");
	background-repeat:no-repeat;
	height:1014px;
	width:1080px;
	position:relative;
	z-index:0;
}
#main_area.intro .cont_main h2 {
	padding-top:100px;
}
#main_area.intro .cont_main .text_area {
	margin-top:200px;
}
#main_area.intro .cont_main .still_area {
	margin-top:20px;
}
#main_area .intro_bottom {
	background:url("../images/common/bg_btm02.png") no-repeat;
	height:34px;
	margin:0 16px;
}

/* guest--------------------------------------------------------- */

#main_area .guest_ttl{
	position: absolute;
	top: 50px;
	left: 35%;
}
#main_area .guest_area{
	padding-top: 50px;
}
/* story--------------------------------------------------------- */

#main_area h1.intro_ttl {
	position:absolute;
	top:-30px;
	left:239px;
}
#main_area.story ul.intro_menu {
	width:1010px;
	padding:0 50px;
	float:left;
}
#main_area.story ul.intro_menu li {
	padding:50px 15px 0 15px;
	float:left;
}
#main_area.story ul.intro_menu li.guest_btn {
	padding-top:45px;
}
#main_area.story .cont_main {
	margin:-20px auto 0px;
	background-image:url("../images/story/bg_story_main.jpg");
	background-repeat:no-repeat;
	height:1346px;
	width:1080px;
	position:relative;
	z-index:0;
}
#main_area.story .story_ttl {
	padding-top:52px;
}
#main_area.story .story_subttl {
	padding: 300px 0 0 600px;
}
#main_area.story .text_area {
	padding-bottom:20px;
}


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

#main_area .character_top{
	background-image:url("../images/character/bg_character_top.png");
	background-repeat:no-repeat;
	height:65px;
	margin:0 auto;
	text-align:center;
	padding:50px 0;
	position:relative;
	z-index:2;
}
#main_area h1.character_ttl {
	position:absolute;
	top:-30px;
	left:239px;
}
#main_area.character .base_detail {
	background-image:url("../images/character/bg_character_main.png");
	background-repeat:no-repeat;
	height:778px;
	position:relative;
	z-index:0;
}
#main_area .character_bottom {
	background:url("../images/common/bg_btm02.png") no-repeat;
	height:34px;
	margin:0 16px;
}

.logo_area{
	width:239px;
	margin: 98px 0 0 38px;
}
.slick-vertical .slick-slide{
	border:none!important;
	height:92px!important;
	margin:20px 0;
	cursor: pointer;
}
.logo_area .slick-list{
	overflow:hidden;
	height:515px!important;
	padding:140px 0 0!important;
}
.slider-for .slick-list{
	height:811px!important;
	overflow:visible!important;
}
.slider-nav .slick-slide img{
	width:239px;
}
.slider-for .slick-slide{
}
.slick-prev,
.slick-next{
	font-size:0;
	display: block;
	cursor: pointer;
	border: none;
	outline: none;
	position:absolute;
	width:54px;
	height:58px;
}

.slick-prev{
	top:-60px;
	left:92px;
	background:url("../images/character/img_prev.png") no-repeat;
}
.slick-next{
	bottom:-80px;
	left:92px;
	background:url("../images/character/img_next.png") no-repeat;
}
.txt_chara{
	position:absolute;
	top:120px;
	left:510px;
	z-index:1000;
}
.slider-for{
	position:absolute!important;
	left:330px;
	top:100px;
	z-index:999;
	height:811px!important;
	width:765px!important;
	overflow:hidden;
}

/* staff--------------------------------------------------------- */

#main_area .staff_area{
	padding-top:40px;
}

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

#main_area.movie h2{
	padding-top:30px;
}
#main_area.movie iframe{
	padding-top:33px;
}
#main_area.movie .movie_one{
	background: url("../images/movie/img_movie.png") center no-repeat;
	height: 426px;
	margin-top:10px;
}

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

#main_area.link ul {
	padding-top: 20px;
	width: 550px;
	margin: 0 auto;
	text-align: left;
}
#main_area.link ul li {
	padding: 30px 0 30px 40px;
	background: url("../images/link/ico_link.png") left center no-repeat;
}
#main_area.link ul li a {
	color: #CC66CC;
	font-size:18px;
	font-weight:bold;
	text-decoration: none;
}
#main_area.link ul li a:hover {
	text-decoration: underline;
}
@media only screen and (max-device-width: 960px) {
#footer {
	padding:10px 0 0;
	position:relative;
	z-index:800;
	width:1280px;
}
#wrap{
	width:1280px;
	overflow-x:hidden;
	margin:0 auto;
	position:relative;
}

}