@charset "utf-8";

* {outline:0;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../image/bg.png);
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
}

a {
	color: #e4007f;
}

.top_header{
	width:1100px;
	height:800px;
	margin:0 auto;
	background-image:url(../image/top_header_160901.png);
}

.top_footer{
	width:1100px;
	height:190px;
	margin:0 auto;
	background-image:url(../image/top_footer.png);
}

.header{
	width:1100px;
	height:160px;
	margin:0 auto;
	background-image:url(../image/header.png);
}

.footer{
	width:1100px;
	height:230px;
	margin:0 auto;
	background-image:url(../image/footer.png);
}

.title_logo{
	width:318px;
	height:141px;
	position:relative;
	left:397px;
	top:-2px;
}

.story_icon{
	width:140px;
	height:140px;
	position:relative;
	left:53px;
	top:-169px;
}

.about_icon{
	width:140px;
	height:140px;
	position:relative;
	left:154px;
	top:-280px;
}

.character_icon{
	width:140px;
	height:140px;
	position:relative;
	left:268px;
	top:-403px;
}

.gallery_icon{
	width:140px;
	height:140px;
	position:relative;
	left:692px;
	top:-543px;
}

.special_icon{
	width:140px;
	height:140px;
	position:relative;
	left:806px;
	top:-700px;
}

.spec_icon{
	width:140px;
	height:140px;
	position:relative;
	left:907px;
	top:-869px;
}

.fukidashi_01{
	width:160px;
	height:120px;
	position:relative;
	left:190px;
	top:-560px;
}

.fukidashi_02{
	width:160px;
	height:140px;
	position:relative;
	left:225px;
	top:-525px;
}

.block_news{
	width:388px;
	height:498px;
	position:relative;
	background-image:url(../image/block_news_160901.png);
	background-repeat:no-repeat;
	left:141px;
	top:234px;
}

.news_160901_01{
	width: 200px;
    height: 30px;
    position: relative;
    left: 30px;
    top: 134px;
}

.news_151210_01{
	width:290px;
	height:30px;
	position:relative;
	left:30px;
	top: 342px;
}

.news_151210_02{
	width:200px;
	height:30px;
	position:relative;
	left:30px;
	top: 347px;
}

.news_151113_01{
	width:255px;
	height:30px;
	position:relative;
	left:30px;
	top:295px;
}

.news_151113_02{
	width:200px;
	height:30px;
	position:relative;
	left:30px;
	top:300px;
}

.news_151023_01{
	width:225px;
	height:30px;
	position:relative;
	left:30px;
	top:255px;
}

.news_151023_02{
	width:200px;
	height:30px;
	position:relative;
	left:30px;
	top:260px;
}

.news_151023_03{
	width:295px;
	height:30px;
	position:relative;
	left:30px;
	top:265px;
}

.block_theme {
    width: 818px;
    height: 155px;
    position: relative;
    left: 122px;
    top: -471px;
}

.block_tokuten{
	width:388px;
	height:238px;
	position:relative;
	left:570px;
	top: -419px;
}

.block_limited{
	width:388px;
	height:238px;
	position:relative;
	left:570px;
	top: -419px;
}

.block_twitter{
	width:388px;
	height:238px;
	position:relative;
	left:141px;
	top:-420px;
}

.block_movie{
	width:388px;
	height:238px;
	position:relative;
	left:570px;
	top:-610px;
}

.character_link{
	width:1100px;
	height:80px;
	margin:0 auto;
}

.character_new{
	width:280px;
	height:50px;
	position:relative;
	left:100px;
	top:0px;
}

.character_main{
	width:280px;
	height:50px;
	position:relative;
	left:410px;
	top:-50px;
}

.character_sub{
	width:280px;
	height:50px;
	position:relative;
	left:720px;
	top:-100px;
}

.interview_link{
	width:1100px;
	height:80px;
	margin:0 auto;
}

.interview_01{
	width:172px;
	height:50px;
	position:relative;
	left:100px;
	top:0px;
}

.interview_02{
	width:172px;
	height:50px;
	position:relative;
	left:282px;
	top:-50px;
}

.interview_03{
	width:172px;
	height:50px;
	position:relative;
	left:464px;
	top:-100px;
}

.interview_04{
	width:172px;
	height:50px;
	position:relative;
	left:646px;
	top:-150px;
}

.interview_05{
	width:172px;
	height:50px;
	position:relative;
	left:828px;
	top:-200px;
}

.ss_01_01{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:704px;
}

.ss_01_02{
	width:252px;
	height:142px;
	position:relative;
	left:436px;
	top:562px;
}

.ss_02_01{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:904px;
}

.ss_02_02{
	width:252px;
	height:142px;
	position:relative;
	left:436px;
	top:762px;
}

.ss_03_01{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:704px;
}

.ss_03_02{
	width:252px;
	height:142px;
	position:relative;
	left:436px;
	top:562px;
}

.ss_04_01{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:704px;
}

.ss_04_02{
	width:252px;
	height:142px;
	position:relative;
	left:436px;
	top:562px;
}

.ss_05_01{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:704px;
}

.ss_05_02{
	width:252px;
	height:142px;
	position:relative;
	left:436px;
	top:562px;
}

.ss_06_01{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:704px;
}

.ss_06_02{
	width:252px;
	height:142px;
	position:relative;
	left:436px;
	top:562px;
}

.ss_07_01{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:704px;
}

.ss_07_02{
	width:252px;
	height:142px;
	position:relative;
	left:436px;
	top:562px;
}

.ss_sub_01{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:430px;
}

.ss_sub_02{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:430px;
}

.ss_sub_03{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:430px;
}

.ss_sub_04{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:430px;
}

.ss_sub_05{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:690px;
}

.ss_sub_06{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:430px;
}

.ss_sub_07{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:430px;
}

.ss_sub_08{
	width:252px;
	height:142px;
	position:relative;
	left:170px;
	top:430px;
}
	
.footer_logo{
	width:318px;
	height:141px;
	position:relative;
	left:397px;
	top:38px;
}

.kc_icon{
	width:83px;
	height:70px;
	position:relative;
	left:780px;
	top:16px;
}

.qoo_icon{
	width:182px;
	height:54px;
	position:relative;
	left:865px;
	top:-38px;
}

.qoo_icon_top{
	width:182px;
	height:54px;
	position:relative;
	left:865px;
	top:-78px;
}

.top_footer_logo{
	width:318px;
	height:141px;
	position:relative;
	left:397px;
	top:-2px;
}

.top_kc_icon{
	width:83px;
	height:70px;
	position:relative;
	left:780px;
	top:-24px;
}

.top_qoo_icon{
	width:182px;
	height:54px;
	position:relative;
	left:865px;
	top:-78px;
}

.story_h1{
	width:1100px;
	height:120px;
	position:relative;
	background-image:url(../image/h1_story.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:10px;
}

.story_bg{
	width:1100px;
	height:1300px;
	position:relative;
	background-image:url(../image/story_bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.about_h1{
	width:1100px;
	height:120px;
	position:relative;
	background-image:url(../image/h1_about.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:10px;
}

.about_bg{
	width:1100px;
	height:1300px;
	position:relative;
	background-image:url(../image/about_bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_h1{
	width:1100px;
	height:120px;
	position:relative;
	background-image:url(../image/h1_character.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:10px;
}

.character_bg_01{
	width:1100px;
	height:900px;
	position:relative;
	background-image:url(../image/character_bg_01.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_bg_02{
	width:1100px;
	height:1100px;
	position:relative;
	background-image:url(../image/character_bg_02.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_bg_03{
	width:1100px;
	height:900px;
	position:relative;
	background-image:url(../image/character_bg_03.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_bg_04{
	width:1100px;
	height:900px;
	position:relative;
	background-image:url(../image/character_bg_04.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_bg_05{
	width:1100px;
	height:900px;
	position:relative;
	background-image:url(../image/character_bg_05.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_bg_06{
	width:1100px;
	height:900px;
	position:relative;
	background-image:url(../image/character_bg_06.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_bg_07{
	width:1100px;
	height:900px;
	position:relative;
	background-image:url(../image/character_bg_07.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_sub_01{
	width:1100px;
	height:640px;
	position:relative;
	background-image:url(../image/character_bg_sub_01.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_sub_02{
	width:1100px;
	height:640px;
	position:relative;
	background-image:url(../image/character_bg_sub_02.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_sub_03{
	width:1100px;
	height:640px;
	position:relative;
	background-image:url(../image/character_bg_sub_03.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_sub_04{
	width:1100px;
	height:640px;
	position:relative;
	background-image:url(../image/character_bg_sub_04.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_sub_05{
	width:1100px;
	height:900px;
	position:relative;
	background-image:url(../image/character_bg_sub_05.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_sub_06{
	width:1100px;
	height:640px;
	position:relative;
	background-image:url(../image/character_bg_sub_06.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_sub_07{
	width:1100px;
	height:640px;
	position:relative;
	background-image:url(../image/character_bg_sub_07.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.character_sub_08{
	width:1100px;
	height:640px;
	position:relative;
	background-image:url(../image/character_bg_sub_08.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.gallery_h1{
	width:1100px;
	height:120px;
	position:relative;
	background-image:url(../image/h1_gallery.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:10px;
}

.gallery_bg{
	width:1100px;
	height:1300px;
	position:relative;
	background-image:url(../image/gallery_bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.movie_02{
	width:500px;
	height:290px;
	position:relative;
	left:300px;
	top:230px;
}

.movie_01{
	width:500px;
	height:290px;
	position:relative;
	left:300px;
	top:400px;
}

.special_h1{
	width:1100px;
	height:120px;
	position:relative;
	background-image:url(../image/h1_special.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:10px;
}

.special_bg{
	width:1100px;
	height:2100px;
	position:relative;
	background-image:url(../image/special_bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.link_animete{
	width:220px;
	height:100px;
	position:relative;
	left:240px;
	top:200px;
}

.link_imagine{
	width:400px;
	height:120px;
	position:relative;
	left:550px;
	top:100px;
}

.ss_shop_animate{
	width:300px;
	height:100px;
	position:relative;
	left:210px;
	top:120px;
}

.ss_shop_imagine{
	width:300px;
	height:100px;
	position:relative;
	left:600px;
	top:20px;
}

.link_gamers{
	width:350px;
	height:100px;
	position:relative;
	left:175px;
	top:80px;
}

.link_sofmap{
	width:225px;
	height:100px;
	position:relative;
	left:640px;
	top:-20px;
}

.ss_shop_gamers{
	width:300px;
	height:100px;
	position:relative;
	left:210px;
	top:20px;
}

.ss_shop_sofmap{	
	width:300px;
	height:100px;
	position:relative;
	left:600px;
	top:-80px;
}

.link_wonder{
	width:230px;
	height:100px;
	position:relative;
	left:235px;
	top:-20px;
}

.ss_shop_wonder{
	width:300px;
	height:100px;
	position:relative;
	left:210px;
	top:20px;
}

.link_amazon{
	width:320px;
	height:70px;
	position:relative;
	left:190px;
	top:80px;
}

.link_amiami{
	width:200px;
	height:70px;
	position:relative;
	left:650px;
	top:10px;
}

.ss_shop_amazon{
	width:300px;
	height:100px;
	position:relative;
	left:210px;
	top:40px;
}

.ss_shop_amiami{
	width:300px;
	height:100px;
	position:relative;
	left:600px;
	top:-60px;
}

.link_enterking{
	width:260px;
	height:70px;
	position:relative;
	left:220px;
	top:40px;
}

.link_comg{
	width:200px;
	height:70px;
	position:relative;
	left:650px;
	top:-30px;
}

.ss_shop_enterking{
	width:300px;
	height:100px;
	position:relative;
	left:210px;
	top:0px;
}

.ss_shop_comg{
	width:300px;
	height:100px;
	position:relative;
	left:600px;
	top:-100px;
}

.link_takarajima{
	width:320px;
	height:70px;
	position:relative;
	left:190px;
	top:-5px;
}

.link_neowing{
	width:230px;
	height:70px;
	position:relative;
	left:635px;
	top:-75px;
}

.ss_shop_takarajima{
	width:300px;
	height:100px;
	position:relative;
	left:210px;
	top:-45px;
}

.ss_shop_neowing{
	width:300px;
	height:100px;
	position:relative;
	left:600px;
	top:-145px;
}

.pre_order_bg{
	width:1100px;
	height:1300px;
	position:relative;
	background-image:url(../image/pre_order_bg_151126.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.interview_01_bg{
	width:1100px;
	height:2200px;
	position:relative;
	background-image:url(../image/interview_bg_01.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.interview_02_bg{
	width:1100px;
	height:1200px;
	position:relative;
	background-image:url(../image/interview_bg_02.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.interview_03_bg{
	width:1100px;
	height:1300px;
	position:relative;
	background-image:url(../image/interview_bg_03.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.interview_04_bg{
	width:1100px;
	height:800px;
	position:relative;
	background-image:url(../image/interview_bg_04.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.interview_05_bg{
	width:1100px;
	height:1800px;
	position:relative;
	background-image:url(../image/interview_bg_05.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.spec_h1{
	width:1100px;
	height:120px;
	position:relative;
	background-image:url(../image/h1_spec.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:10px;
}

.spec_bg{
	width:1100px;
	height:1300px;
	position:relative;
	background-image:url(../image/spec_bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.limited_bg{
	width:1100px;
	height:1300px;
	position:relative;
	background-image:url(../image/limited_re_bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.interval_bg{
	width:1100px;
	height:100px;
	position:relative;
	background-image:url(../image/interval.png);
	background-repeat:no-repeat;
	margin:0 auto;
	left:0px;
	top:0px;
}

.main{
	width:1100px;
	height:1300px;
	margin:0 auto;
}

.top_block{    
	width: 1100px;
    height: 758px;
    margin: 0 auto;
    background: url(../image/top_block.png) no-repeat;
    overflow: hidden;
}

#floating {
	position: fixed;
	top: 40%;
	right: 10px;
	margin: -48px 0px 0px;
	z-index: 10;
}

#floating ul {
	width: 40px;
}

#floating ul li {
	text-indent: -9999px;
	height: 50px;
	overflow: hidden;
}

#floating ul li a {
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}

#floating ul .mm1 a {
	background-image: url(../image/sns_twitter_icon.png);
}

#floating ul .mm1 a:hover {
	background-image: url(../image/sns_twitter_icon_hover.png);
}

#floating ul .mm2 a {
	background-image: url(../image/sns_facebook_icon.png);
}

#floating ul .mm2 a:hover {
	background-image: url(../image/sns_facebook_icon_hover.png);
}

#floating ul .mm3 a {
	background-image: url(../image/sns_line_icon.png);
}

#floating ul .mm3 a:hover {
	background-image: url(../image/sns_line_icon_hover.png);
}

#floating ul .mm4 a {
	background-image: url(../image/sns_google_icon.png);
}

#floating ul .mm4 a:hover {
	background-image: url(../image/sns_google_icon_hover.png);
}

#page-top {
    position: fixed;
	z-index: 100;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
	font-weight:bold;
}

#page-top a {
    background: #f9c;
    text-decoration: none;
    color: #fff;
    padding: 15px 10px;
    text-align: center;
    display: block;
    border-radius: 15px;
	border:3px solid #9cf;
}

#page-top a:hover {
    text-decoration: none;
    background: #c69;
}