@charset "utf-8";
/* CSS Document */

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* ページトップ */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:10000;
}
#page-top a {
	background: #eb6d9a;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}
#page-top a:hover {
	text-decoration: none;
	background: #ff3980;
}

/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* 全体・枠作り */

html,body {
  height:100%;
}

img { display:block; }

body {
	font-family: Verdana, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../img/grand_bg.png) left top repeat;
}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background:url(../img/bg_header.png) left top repeat-x;
}

header {
	height:122px;
	width:100%;
}

#Head_01 {
	height:60px;
	width:100%;
	background:url(../img/head_lake.jpg) center top no-repeat;
	background-size:cover;
}

.head_wrap {
	width:1000px;
	height:46px;
	margin:0 auto;
	padding-top:18px;
	position:relative;
}

.home {
	width:489px;
	height:24px;
	margin:0 auto;
}

.bt_home {
	width:40px;
	height:40px;
	position:absolute;
	top:10px;
	left:900px;
}

.bt_twitter {
	width:40px;
	height:40px;
	position:absolute;
	top:10px;
	left:960px;
}

#Head_01 h1 {
	display:none;
}


#head_02 {
	height:60px;
	width:100%;
	background:#FFF;
}

#Menu {
	width:836px;
	height:60px;
	margin:0 auto;
}

#Menu ul li {
	float:left;
}

#Head_underline {
	height:2px;
	width:100%;
	background-color:#59d4dc;
}

article {
	padding-bottom:230px;
}

.mainvisual_wrap {
	width:1000px;
	height:550px;
	padding:5px;
	background:url(../img/mainvisual_bg.png) left top no-repeat;
	margin:19px auto 27px;
}

#Mainvisual {
	width:1000px;
	height:550px;
	background:url(../img/mainvisual.jpg) left top no-repeat;
	position:relative;
}

#Mainlogo {
	width:492px;
	height:138px;
	position:absolute;
	left:10px;
	top:400px;
}

#Date {
	width:440px;
	height:125px;
	position:absolute;
	left:555px;
	top:418px;
}

#Topics_wide {
	width:1010px;
	height:240px;
	margin:0 auto 14px;
}

#Topics_wide ul li {
	float:left;
	background:url(../img/topics_bg_wide.png) left top no-repeat;
	width:487px;
	height:230px;
	padding:5px;
	position:relative;
}

#Topics_wide ul li.topics_y {
	margin-right:16px;
}

#Topics {
	width:1010px;
	height:240px;
	margin:0 auto;
}

#Topics ul li {
	float:left;
	background:url(../img/topics_bg.png) left top no-repeat;
	width:230px;
	height:230px;
	padding:5px;
	position:relative;
}

#Topics ul li.topics_x {
	margin-right:17px;
}

#Topics ul li.topics_y {
	margin-right:16px;
}

#Topics ul li.topics_z {
}

.new {
	position:absolute;
	left:10px;
	top:10px;
	width:50px;
	height:50px;
}

#Logarea {
	background:url(../img/logarea_bg.png) center top no-repeat;
	background-size:cover;
	width:100%;
	height:auto;
	min-height:340px;
	margin-top:31px;
}

.log_wrap {
	width:1000px;
	min-height:340px;
	margin:0 auto;
}

#Log_left {
	width:600px;
	min-height:340px;
	float:left;
	background-color:#ffffff;
}

#Log_right {
	width:400px;
	min-height:340px;
	float:left;
	background-color:#59d4dc;
}

.history {
	width:305px;
	height:22px;
	background:url(../img/history.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:18px;
}

.history_log {
	width:580px;
	margin-top:20px;
}

.history_log dl {
	background:url(../img/history_line.png) left bottom no-repeat;
	width:580px;
	height:28px;
	padding-top:12px;
	color:#59d4dc;
}

.history_log dl a {
	color:#59d4dc;
	text-decoration:underline;
}

.history_log dl a:hover {
	color:#59d4dc;
	text-decoration:none;
}

.history_log dl dt {
	float:left;
	font-size:1.4em;
	font-weight:bold;
	background:url(../img/txt_joint.png) right center no-repeat;
	padding-right:34px;
	margin-right:8px;
}

.history_log dl dd {
	font-size:1.4em;
	float:left;
}

.log_01 {
	width:60px;
	height:20px;
	margin:10px 506px;
}


.publish {
	width:283px;
	height:22px;
	background:url(../img/publish.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:24px;
	margin-top:18px;
}

.publish_log {
	width:580px;
	margin-top:20px;
	margin-left:24px;
}

.publish_log dl {
	background:url(../img/publish_line.png) left bottom no-repeat;
	width:346px;
	height:28px;
	padding-top:12px;
	color:#ffffff;
}


.publish_log dl dt {
	float:left;
	font-size:1.4em;
	background:url(../img/txt_joint2.png) right center no-repeat;
	padding-right:34px;
	margin-right:8px;
}

.publish_log dl dd {
	font-size:1.4em;
	font-weight:bold;
	float:left;
}

.log_01 {
	width:60px;
	height:20px;
	margin:10px 506px;
}

.log_02 {
	width:60px;
	height:20px;
	margin:10px 286px;
}

footer {
	width:100%;
	height:230px;
	position: absolute;
	bottom: 0;
	*left:-1px;
	color:#fff;
	font-size:1.5em;
	line-height:1.3;
	text-align:left;
}

.foot_wrap {
	width:1000px;
	height:230px;
	margin:0 auto;
	position:relative;
}

.foot_txt {
	margin:66px auto 25px;
	background:url(../img/foot_txt.png) left top no-repeat;
	width:845px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
}

.foot_logo {
	width:140px;
	height:40px;
	margin:0 auto 3px;
}

.foot_copyright {
	width:200px;
	margin:0 auto;
	text-align:center;
}

small {
	color:#59d4dc;
}


* html footer {
	bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}


/* サブコンテンツ汎用 */

#Title {
	width:1000px;
	height:66px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Title h2 {
	height:66px;
}

#Story h2 {background:url(../img_sub/title_story.png) left top no-repeat;}
#World h2 {background:url(../img_sub/title_world.png) left top no-repeat;}
#Character h2 {background:url(../img_sub/title_character.png) left top no-repeat;}
#Gallery h2 {background:url(../img_sub/title_gallery.png) left top no-repeat;}
#Download h2 {background:url(../img_sub/title_download.png) left top no-repeat;}
#Product h2 {background:url(../img_sub/title_product.png) left top no-repeat;}
#Banner h2 {background:url(../img_sub/title_banner.png) left top no-repeat;}
#Special h2 {background:url(../img_sub/title_special.png) left top no-repeat;}
#Shop h2 {background:url(../img_sub/title_shop.png) left top no-repeat;}
#Privilege h2 {background:url(../img_sub/title_privilege.png) left top no-repeat;}


/* STORY */

.story_wrap {
	background:url(../img_sub/story_bg.png) left top no-repeat;
	width:1000px;
	height:500px;
	padding:5px;
	margin:31px auto 9px;
	font-size:1.4em;
	color:#00134a;
	text-shadow: 1px 1px 0 #FFF;
}

.story_01 {
	background:url(../img_sub/story_01.jpg) left top no-repeat;
	width:960px;
	height:460px;
	text-align:right;
	padding:20px;
	line-height:2;
}

.story_02 {
	background:url(../img_sub/story_02.jpg) left top no-repeat;
	width:960px;
	height:460px;
	text-align:left;
	padding:20px;
	line-height:2;
}

/* WORLD */

.world_wrap {
	background:url(../img_sub/world_bg.png) left top no-repeat;
	width:1000px;
	height:310px;
	padding:5px;
	margin:31px auto 0;
	font-size:1.5em;
	color:#ffffff;
	text-align:right;
	text-shadow: 1px 1px 0 #5f5f5f;
	line-height:1.7;
}

.world_wrap span{
	font-size:130%;
	font-weight:bold;
}

.world_01 {
	background:url(../img_sub/world_01.jpg) left top no-repeat;
	width:960px;
	height:270px;
	padding:20px;
}

.world_02 {
	background:url(../img_sub/world_02.jpg) left top no-repeat;
	width:960px;
	height:270px;
	padding:20px;
}

.world_03 {
	background:url(../img_sub/world_03.jpg) left top no-repeat;
	width:960px;
	height:270px;
	padding:20px;
}

.world_04 {
	background:url(../img_sub/world_04.jpg) left top no-repeat;
	width:960px;
	height:270px;
	padding:20px;
}

/* GALLERY */

.gallery_wrap {
	width:1000px;
	margin:36px auto;
}

ul.eventcg li{
	float:left;
	margin-bottom:43px;
}

/* CHARACTER */

.chara_select {
	margin-left:50%;
	position:relative;
	left:-219px;
	margin-top:31px;
	margin-bottom:24px;
}

.chara_select ul li {
	float:left;
	margin-right:26px;
	width:80px;
	height:80px;
	padding:5px;
	background:url(../img_sub/chara/select_bg.png) left top no-repeat;
}

.chara_select_sub {
	margin-left:50%;
	position:relative;
	left:-172px;
	margin-top:31px;
	margin-bottom:24px;
}

.chara_select_sub ul li {
	float:left;
	margin-right:26px;
	width:80px;
	height:80px;
	padding:5px;
	background:url(../img_sub/chara/select_bg.png) left top no-repeat;
}

.genre_select {
	width:920px;
	padding-left:60px;
	position:relative;
	margin:31px auto 24px;
}

.genre_select ul li {
	float:left;
	margin-right:60px;
	width:400px;
	height:30px;
}

.chara_bg {
	width:100%;
	height:770px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

#Chara01 {
	background:url(../img_sub/chara/chara01_bg.png) center top no-repeat;
	padding-top:85px;
}

.chara01_visual {
	background:url(../img_sub/chara/chara_visual_01.jpg) center top no-repeat;
	width:100%;
	height:500px;
	position:relative;
	margin:0 auto;
}

.chara01_stand {
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
	background:url(../img_sub/chara/chara01_stand.png) center top no-repeat;
}

.chara01_stpat {
	background:url(../img_sub/chara/chara01_stpat_a.png) left top no-repeat;
	width:490px;
	height:770px;
	position:absolute;
	top:-85px;
	left:50%;
	margin-left:70px;
}

.chara01_txt {
	background:url(../img_sub/chara/chara01_txt.png) center top no-repeat;
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
}

.voice_wrap {
	height:25px;
	width:500px;
	padding-left:152px;
	position:absolute;
	top:606px;
	left:50%;
	margin-left:-150px;
}

#Chara01 .voice_wrap {
	background:url(../img_sub/chara/samplevoice_01.png) left top no-repeat;
}

#Chara02 .voice_wrap {
	background:url(../img_sub/chara/samplevoice_02.png) left top no-repeat;
}

#Chara03 .voice_wrap {
	background:url(../img_sub/chara/samplevoice_03.png) left top no-repeat;
}

#Chara04 .voice_wrap {
	background:url(../img_sub/chara/samplevoice_04.png) left top no-repeat;
}

#Chara05 .voice_wrap {
	background:url(../img_sub/chara/samplevoice_05.png) left top no-repeat;
}

#Chara06 .voice_wrap {
	background:url(../img_sub/chara/samplevoice_06.png) left top no-repeat;
}

#Chara07 .voice_wrap {
	background:url(../img_sub/chara/samplevoice_07.png) left top no-repeat;
}

#Chara08 .voice_wrap {
	background:url(../img_sub/chara/samplevoice_08.png) left top no-repeat;
}

.voice_wrap ul li {
	float:left;
	margin-right:16px;
}

.voice_wrap ul li a:hover img {
	position:relative;
	top:2px;
	left:0;
}

.costume_wrap {
	height:25px;
	width:500px;
	padding-left:172px;
	position:absolute;
	top:606px;
	left:50%;
	margin-left:130px;
}

#Chara01 .costume_wrap {
	background:url(../img_sub/chara/costumechange_01.png) left top no-repeat;
}

#Chara02 .costume_wrap {
	background:url(../img_sub/chara/costumechange_02.png) left top no-repeat;
}

#Chara03 .costume_wrap {
	background:url(../img_sub/chara/costumechange_03.png) left top no-repeat;
}

#Chara04 .costume_wrap {
	background:url(../img_sub/chara/costumechange_04.png) left top no-repeat;
}

#Chara05 .costume_wrap {
	background:url(../img_sub/chara/costumechange_05.png) left top no-repeat;
}

#Chara06 .costume_wrap {
	background:url(../img_sub/chara/costumechange_06.png) left top no-repeat;
}

#Chara07 .costume_wrap {
	background:url(../img_sub/chara/costumechange_07.png) left top no-repeat;
}

.costume_wrap ul li {
	float:left;
	margin-right:16px;
}

.costume_wrap ul li a:hover img {
	position:relative;
	top:2px;
	left:0;
}

#Chara02 {
	background:url(../img_sub/chara/chara02_bg.png) center top no-repeat;
	padding-top:85px;
}

.chara02_visual {
	background:url(../img_sub/chara/chara_visual_02.jpg) center top no-repeat;
	width:100%;
	height:500px;
	position:relative;
	margin:0 auto;
}

.chara02_stand {
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
	background:url(../img_sub/chara/chara02_stand.png) center top no-repeat;
}

.chara02_stpat {
	background:url(../img_sub/chara/chara02_stpat_a.png) left top no-repeat;
	width:490px;
	height:770px;
	position:absolute;
	top:-85px;
	left:50%;
	margin-left:70px;
}

.chara02_3size {
	background:url(../img_sub/chara/chara02_3size.png) center top no-repeat;
	width:180px;
	height:105px;
	position:absolute;
	top:489px;
	left:50%;
	margin-left:269px;
}

#Chara03 {
	background:url(../img_sub/chara/chara03_bg.png) center top no-repeat;
	padding-top:85px;
}

.chara03_visual {
	background:url(../img_sub/chara/chara_visual_03.jpg) center top no-repeat;
	width:100%;
	height:500px;
	position:relative;
	margin:0 auto;
}

.chara03_stand {
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
	background:url(../img_sub/chara/chara03_stand.png) center top no-repeat;
}

.chara03_stpat {
	background:url(../img_sub/chara/chara03_stpat_a.png) left top no-repeat;
	width:490px;
	height:770px;
	position:absolute;
	top:-85px;
	left:50%;
	margin-left:70px;
}

.chara03_3size {
	background:url(../img_sub/chara/chara03_3size.png) center top no-repeat;
	width:180px;
	height:105px;
	position:absolute;
	top:489px;
	left:50%;
	margin-left:269px;
}

#Chara04 {
	background:url(../img_sub/chara/chara04_bg.png) center top no-repeat;
	padding-top:85px;
}

.chara04_visual {
	background:url(../img_sub/chara/chara_visual_04.jpg) center top no-repeat;
	width:100%;
	height:500px;
	position:relative;
	margin:0 auto;
}

.chara04_stand {
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
	background:url(../img_sub/chara/chara04_stand.png) center top no-repeat;
}

.chara04_stpat {
	background:url(../img_sub/chara/chara04_stpat_a.png) left top no-repeat;
	width:490px;
	height:770px;
	position:absolute;
	top:-85px;
	left:50%;
	margin-left:70px;
}

.chara04_txt {
	background:url(../img_sub/chara/chara04_txt.png) center top no-repeat;
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
}

#Chara05 {
	background:url(../img_sub/chara/chara05_bg.png) center top no-repeat;
	padding-top:85px;
}

.chara05_visual {
	background:url(../img_sub/chara/chara_visual_05.jpg) center top no-repeat;
	width:100%;
	height:500px;
	position:relative;
	margin:0 auto;
}

.chara05_stand {
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
	background:url(../img_sub/chara/chara05_stand.png) center top no-repeat;
}

.chara05_stpat {
	background:url(../img_sub/chara/chara05_stpat_a.png) left top no-repeat;
	width:490px;
	height:770px;
	position:absolute;
	top:-85px;
	left:50%;
	margin-left:70px;
}

.chara05_txt {
	background:url(../img_sub/chara/chara05_txt.png) center top no-repeat;
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
}

#Chara06 {
	background:url(../img_sub/chara/chara06_bg.png) center top no-repeat;
	padding-top:85px;
}

.chara06_visual {
	background:url(../img_sub/chara/chara_visual_06.jpg) center top no-repeat;
	width:100%;
	height:500px;
	position:relative;
	margin:0 auto;
}

.chara06_stand {
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
	background:url(../img_sub/chara/chara06_stand.png) center top no-repeat;
}

.chara06_stpat {
	background:url(../img_sub/chara/chara06_stpat_a.png) left top no-repeat;
	width:490px;
	height:770px;
	position:absolute;
	top:-85px;
	left:50%;
	margin-left:70px;
}

.chara06_txt {
	background:url(../img_sub/chara/chara06_txt.png) center top no-repeat;
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
}

#Chara07 {
	background:url(../img_sub/chara/chara07_bg.png) center top no-repeat;
	padding-top:85px;
}

.chara07_visual {
	background:url(../img_sub/chara/chara_visual_07.jpg) center top no-repeat;
	width:100%;
	height:500px;
	position:relative;
	margin:0 auto;
}

.chara07_stand {
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
	background:url(../img_sub/chara/chara07_stand.png) center top no-repeat;
}

.chara07_stpat {
	background:url(../img_sub/chara/chara07_stpat_a.png) left top no-repeat;
	width:490px;
	height:770px;
	position:absolute;
	top:-85px;
	left:50%;
	margin-left:70px;
}

.chara07_txt {
	background:url(../img_sub/chara/chara07_txt.png) center top no-repeat;
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
}

#Chara08 {
	background:url(../img_sub/chara/chara08_bg.png) center top no-repeat;
	padding-top:85px;
}

.chara08_visual {
	background:url(../img_sub/chara/chara_visual_08.jpg) center top no-repeat;
	width:100%;
	height:500px;
	position:relative;
	margin:0 auto;
}

.chara08_stand {
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
	background:url(../img_sub/chara/chara08_stand.png) center top no-repeat;
}

.chara08_stpat {
	background:url(../img_sub/chara/chara08_stpat_a.png) left top no-repeat;
	width:490px;
	height:770px;
	position:absolute;
	top:-85px;
	left:50%;
	margin-left:70px;
}

.chara08_txt {
	background:url(../img_sub/chara/chara08_txt.png) center top no-repeat;
	width:100%;
	height:770px;
	position:absolute;
	top:-85px;
}

.kouryaku {
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	top:230px;
	background:url(../img_sub/chara/kanou.png) left top no-repeat;
}

#Soukanzu {
	background:url(../img_sub/chara/soukanzu.png) center top no-repeat;
	width:1010px;
	height:1010px;
	margin:0 auto 60px;
	position:relative;
}

.soukan_bg {
	background:url(../img_sub/chara/soukanzu_bg.jpg) center center no-repeat;
	width:1010px;
	height:1010px;
	position:relative;
}

.chara01_jump {
	width:148px;
	height:160px;
	position:absolute;
	left:427px;
	top:749px;
}

.chara02_jump {
	width:148px;
	height:160px;
	position:absolute;
	left:782px;
	top:732px;
}

.chara03_jump {
	width:148px;
	height:160px;
	position:absolute;
	left:137px;
	top:283px;
}

.chara04_jump {
	width:148px;
	height:160px;
	position:absolute;
	left:718px;
	top:283px;
}

.chara05_jump {
	width:148px;
	height:160px;
	position:absolute;
	left:427px;
	top:90px;
}

.chara06_jump {
	width:148px;
	height:160px;
	position:absolute;
	left:72px;
	top:732px;
}

.chara07_jump {
	width:148px;
	height:160px;
	position:absolute;
	left:827px;
	top:28px;
}


/* PRODUCT */

.productvisual_wrap {
	width:1000px;
	height:370px;
	padding:5px;
	background:url(../img_sub/productvisual_bg.png) left top no-repeat;
	margin:19px auto 60px;
}

.productvisual {
	width:1000px;
	height:370px;
	background:url(../img_sub/productvisual.jpg) left top no-repeat;
	position:relative;
}

.productlogo {
	width:492px;
	height:138px;
	position:absolute;
	left:254px;
	top:280px;
}

h3.prd_product {
	background:url(../img_sub/prd_product.png) left top no-repeat;
	width:151px;
	height:14px;
	margin:85px auto 18px;
	text-indent:-9999px;
	overflow:hidden;
}

h3.prd_staff {
	background:url(../img_sub/prd_staff.png) left top no-repeat;
	width:151px;
	height:14px;
	margin:36px auto 18px;
	text-indent:-9999px;
	overflow:hidden;
}

h3.prd_spec {
	background:url(../img_sub/prd_spec.png) left top no-repeat;
	width:151px;
	height:14px;
	margin:36px auto 18px;
	text-indent:-9999px;
	overflow:hidden;
}

.prd_tablewrap {
	width:720px;
	margin:0 auto;
}

.prd_tablewrap table {
	background-color:#dcdcf6;
}

.prd_tablewrap table th {
	height:24px;
	width:180px;
	background-color:#5590f9;
	border:1px solid #cee0ff;
	font-size:1.3em;
	color:#ffffff;
	text-align:right;
	padding-right:10px;
}

.prd_tablewrap table td {
	height:24px;
	background-color:#f0f5ff;
	border:1px solid #cee0ff;
	font-size:1.4em;
	text-align:left;
	padding:4px 0 4px 10px;
	color:#00134a;
	text-shadow: 1px 1px 0 #FFF;
	line-height:1.5;
}

/* 応援バナー */

#Banner_explain {
	background:url(../banner/explain.png) left top no-repeat;
	width:910px;
	height:510px;
	text-indent:-9999px;
	overflow:hidden;
	margin:24px auto 16px;
	position:relative;
}

.explain_btn {
	width:500px;
	height:60px;
	position:absolute;
	left:383px;
	top:320px;
}

#Banner_menu {
	width:980px;
	margin:32px auto 32px;
	font-size:1.2em;
}

#Banner_menu table th {
	height:24px;
	width:980px;
	background-color:#26cfb5;
	border:1px solid #c0fff5;
	color:#ffffff;
	text-align:center;
}

#Banner_menu table td {
	height:24px;
	width:140px;
	background-color:#effffd;
	border:1px solid #c0fff5;
	color:#26cfb5;
	text-align:center;
}

#Banner_menu table td a {
	color:#26cfb5;
	text-decoration:underline;
}

#Banner_menu table td a:hover {
	color:#26cfb5;
	text-decoration:none;
}

.bannertitle {
	height:24px;
	width:900px;
	padding-top:6px;
	margin:0 auto 16px;
	background-color:#26cfb5;
	border:1px solid #c0fff5;
	color:#ffffff;
	text-align:center;
	font-size:1.3em;
	border-radius:15px;
}

.urlbox {
	border:0;
	background-color:#ffffff;
	font-size:80%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#26cfb5;
}

.banner_wrap_twitter {
	width:980px;
	margin:0 auto 36px;
}

.banbox_twitter {
	width:450px;
	padding:10px 20px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#26cfb5;
}

.banner_wrap250 {
	width:870px;
	margin:0 auto 36px;
}

.banbox_250 {
	width:250px;
	padding:10px 20px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#26cfb5;
}

.banbox_250 textarea {
	width:250px;
	height:80px;
	margin-top:8px;
}

.banner_wrap200 {
	width:960px;
	margin:0 auto 36px;
}

.banbox_200 {
	width:200px;
	padding:10px 20px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#26cfb5;
}

.banbox_200 textarea {
	width:200px;
	height:40px;
	margin-top:8px;
}

.banner_wrap380 {
	width:840px;
	margin:0 auto 36px;
}

.banbox_380 {
	width:380px;
	padding:10px 20px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#26cfb5;
}

.banbox_380 textarea {
	width:380px;
	height:60px;
	margin-top:8px;
}

.banner_wrap600 {
	width:640px;
	margin:0 auto 36px;
}

.banbox_600 {
	width:600px;
	padding:10px 20px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#26cfb5;
}

.banbox_600 textarea {
	width:600px;
	height:60px;
	margin-top:8px;
}

.banner_wrap150 {
	width:760px;
	margin:0 auto 36px;
}

.banbox_150 {
	width:150px;
	padding:10px 20px;
	float:left;
	font-size:1.4em;
	text-align:center;
	color:#26cfb5;
}

.banbox_150 textarea {
	width:150px;
	height:100px;
	margin-top:8px;
}

.toku_wrap {
	width:900px;
	height:730px;
	padding:5px;
	background:url(../special/tokuten/tokuten_wrap.png) left top no-repeat;
	margin:0 auto 36px;
}

.toku_wrap_sofmap {
	width:900px;
	height:1320px;
	padding:5px;
	background:url(../special/tokuten/tokuten_wrap_sofmap.png) left top no-repeat;
	margin:0 auto 36px;
}

.toku_wrap_original {
	width:310px;
	height:320px;
	float:left;
	padding:5px;
	background:url(../special/tokuten/tokuten_wrap_original.png) left top no-repeat;
	margin-bottom:36px;
}

.m35 {
	margin-right:20px;
}

.original_area {
	width:1000px;
	margin:0 auto;
}

.shop_button {
	width:250px;
	height:25px;
	position:absolute;
	top:686px;
	left:50%;
	margin-left:-125px;
}

.shop_button2 {
	width:250px;
	height:25px;
	position:absolute;
	top:1276px;
	left:50%;
	margin-left:-125px;
}

.shop_button_mini {
	width:250px;
	height:25px;
	position:absolute;
	top:278px;
	left:30px;
}


.toku_sofmap {
	background:url(../special/tokuten/toku_sofmap.jpg) left top no-repeat;
	width:900px;
	height:1320px;
	position:relative;
}

.drama_sof1 {
	width:237px;
	position:absolute;
	top:435px;
	left:50%;
	margin-left:104px;
}

.drama_sof1_sample {
	width:237px;
	position:absolute;
	top:493px;
	left:50%;
	margin-left:104px;
}

.drama_sof2 {
	width:237px;
	position:absolute;
	top:1027px;
	left:50%;
	margin-left:-335px;
}

.drama_sof2_sample {
	width:237px;
	position:absolute;
	top:1085px;
	left:50%;
	margin-left:-335px;
}

.drama_button {
	width:237px;
	height:42px;
	position:absolute;
	top:435px;
	left:50%;
	margin-left:104px;
}

.drama_button_sample {
	width:237px;
	height:42px;
	position:absolute;
	top:493px;
	left:50%;
	margin-left:104px;
}

.drama_official {
	width:237px;
	height:42px;
	position:absolute;
	top:491px;
	left:50%;
	margin-left:-335px;
}

.drama_sof1 a:hover {
	position:relative;
	top:2px;
}

.drama_sof2 a:hover {
	position:relative;
	top:2px;
}

.drama_sof1_sample a:hover {
	position:relative;
	top:2px;
}

.drama_sof2_sample a:hover {
	position:relative;
	top:2px;
}

.drama_button a:hover {
	position:relative;
	top:2px;
}

.drama_button_sample a:hover {
	position:relative;
	top:2px;
}

.drama_official a:hover {
	position:relative;
	top:2px;
}

.toku_getchu {
	background:url(../special/tokuten/toku_getchu.jpg) left top no-repeat;
	width:900px;
	height:730px;
	position:relative;
}

.toku_medio {
	background:url(../special/tokuten/toku_medio.jpg) left top no-repeat;
	width:900px;
	height:730px;
	position:relative;
}

.toku_melonbooks {
	background:url(../special/tokuten/toku_melonbooks.jpg) left top no-repeat;
	width:900px;
	height:730px;
	position:relative;
}

.toku_trader {
	background:url(../special/tokuten/toku_trader.jpg) left top no-repeat;
	width:900px;
	height:730px;
	position:relative;
}

.toku_goodwill {
	background:url(../special/tokuten/toku_goodwill.jpg) left top no-repeat;
	width:900px;
	height:730px;
	position:relative;
}

.toku_gamers {
	background:url(../special/tokuten/toku_gamers.jpg) left top no-repeat;
	width:900px;
	height:730px;
	position:relative;
}

.toku_otachu {
	background:url(../special/tokuten/toku_otachu.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_seagull {
	background:url(../special/tokuten/toku_seagull.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_prop {
	background:url(../special/tokuten/toku_prop.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_takarajima {
	background:url(../special/tokuten/toku_takarajima.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_alice {
	background:url(../special/tokuten/toku_alice.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_bookmate {
	background:url(../special/tokuten/toku_bookmate.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_visco {
	background:url(../special/tokuten/toku_visco.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_chukyo_my {
	background:url(../special/tokuten/toku_chukyo_my.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_furukawa {
	background:url(../special/tokuten/toku_furukawa.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_furukawa {
	background:url(../special/tokuten/toku_furukawa.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_fammys {
	background:url(../special/tokuten/toku_fammys.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_mk {
	background:url(../special/tokuten/toku_mk.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_comroad {
	background:url(../special/tokuten/toku_comroad.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_rxgame {
	background:url(../special/tokuten/toku_rxgame.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_nankaibooks {
	background:url(../special/tokuten/toku_nankaibooks.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_toranoana {
	background:url(../special/tokuten/toku_toranoana.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_amazon {
	background:url(../special/tokuten/toku_amazon.jpg) left top no-repeat;
	width:310px;
	height:320px;
	position:relative;
}

.toku_official {
	background:url(../special/tokuten/toku_official.jpg) left top no-repeat;
	width:900px;
	height:730px;
	position:relative;
}

.karuta_wrap {
	width:900px;
	height:1275px;
	padding:5px;
	background:url(../special/karuta_bg.png) left top no-repeat;
	margin:0 auto;
}

.karuta_explain {
	background:url(../special/karuta_txt.jpg) left top no-repeat;
	widows:900px;
	height:1275px;
	text-indent:-9999px;
	overflow:hidden;
}

.koikake_explain {
	background:url(../special/koikake_txt.jpg) left top no-repeat;
	widows:900px;
	height:1275px;
	text-indent:-9999px;
	overflow:hidden;
}

.souki_wrap {
	width:900px;
	height:750px;
	padding:5px;
	background:url(../special/souki_bg.png) left top no-repeat;
	margin:0 auto;
}

.souki_explain {
	background:url(../special/souki_txt.jpg) left top no-repeat;
	widows:900px;
	height:750px;
	text-indent:-9999px;
	overflow:hidden;
}

.shokai_explain {
	background:url(../special/shokai_txt.jpg) left top no-repeat;
	widows:900px;
	height:750px;
	text-indent:-9999px;
	overflow:hidden;
}

#Souki_list {
	width:800px;
	margin:0 auto;
}

#Souki_list table th {
	height:24px;
	width:800px;
	background-color:#26cfb5;
	border:1px solid #c0fff5;
	color:#ffffff;
	padding-top:3px;
	padding-bottom:3px;
	font-size:1.3em;
	text-align:center;
}

#Souki_list table td {
	height:24px;
	width:400px;
	background-color:#effffd;
	border:1px solid #c0fff5;
	color:#5e5e5e;
	font-size:1.3em;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.nazenani_wrap {
	width:1000px;
	margin:0 auto;
	font-size:1.6em;
	line-height:1.5;
}

td.talk_icon {
	width:149px;
	height:149px;
}

td.talk_space {
	width:202px;
	height:149px;
}

td.talkbox_left1 {
	width:649px;
	height:149px;
	background:url(../special/nazenani/left_01.png) left center no-repeat;
	color:#4d4d4d;
}

td.talkbox_right1 {
	width:649px;
	height:149px;
	background:url(../special/nazenani/right_01.png) right center no-repeat;
	color:#4d4d4d;
}

td.talkbox_left2 {
	width:649px;
	height:149px;
	background:url(../special/nazenani/left_02.png) left center no-repeat;
	color:#4d4d4d;
}

td.talkbox_right2 {
	width:649px;
	height:149px;
	background:url(../special/nazenani/right_02.png) right center no-repeat;
	color:#4d4d4d;
}

td.talkbox_right4 {
	width:649px;
	height:149px;
	background:url(../special/nazenani/right_04.png) right center no-repeat;
	color:#4d4d4d;
}

.opening_wrap {
	width:800px;
	margin:36px auto 0;
}

.op_l {
	width:800px;
	height:200px;
	background:#FFF;
	float:left;
	margin-bottom:24px;
}

.op_left {
	width:380px;
	height:90px;
	margin-right:40px;
	float:left;
	background:#FFF;
}

.op_right {
	width:380px;
	height:90px;
	float:left;
	background:#FFF;
}

/* DOWNLOAD */

.dl_tablewrap {
	width:720px;
	margin:0 auto 60px;
}

.dl_tablewrap table {
	background-color:#f0f5ff;
}

.dl_tablewrap table td {
	color: #304654;
	line-height: 1.6;
	font-size: 93%;
	border: 1px solid #cee0ff;
	margin: 0px auto;
	padding: 3px;
}

#dl_tablewrap table .title {
	color: #3CABE3;
	text-align: right;
	font-weight: bold;
	background-color: #EFF9FF;
}

.select_nazenani {
	width:696px;
	height:30px;
	padding-left:24px;
	margin:0 auto 36px;
}

.select_nazenani ul li a {
	float:left;
	width:150px;
	height:30px;
	display:block;
	background:#59d4dc;
	color:#FFF;
	line-height:30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;	
	border-radius: 15px;
	border-style: none;
	font-weight:bold;
	margin-right:24px;
	font-size:1.5em;
	text-decoration:none;
}

.select_nazenani ul li a:hover {
	background:#98f2f8;
}

.kodawari_wrap01 {
	width:960px;
	height:500px;
	margin:0 auto 72px;
	background:url(../special/kodawari/bgwhite_01.png) center top no-repeat;
	padding:5px;
	position:relative;
}

.kodawari_wrap02 {
	width:960px;
	height:700px;
	margin:0 auto 72px;
	background:url(../special/kodawari/bgwhite_02.png) center top no-repeat;
	padding:5px;
	position:relative;
}

.kodawari_head {
	width:500px;
	height:72px;
	position:absolute;
	left:24px;
	top:-24px;
}

.kodawari_txt01 {
	width:960px;
	height:500px;
	background:url(../special/kodawari/kodawari_1.jpg) center top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.kodawari_txt02 {
	width:960px;
	height:700px;
	background:url(../special/kodawari/kodawari_2.jpg) center top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.kodawari_txt03 {
	width:960px;
	height:700px;
	background:url(../special/kodawari/kodawari_3.jpg) center top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.kodawari_txt04 {
	width:960px;
	height:700px;
	background:url(../special/kodawari/kodawari_4.jpg) center top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#Vote {
	width:1000px;
	background:#FFF;
	margin:0 auto;
	padding-top:24px;
	padding-bottom:36px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;	
	border-radius: 15px;
}

.vote_wrap {
	padding:5px;
	margin:31px auto 9px;
	font-size:1.4em;
	color:#00134a;
	text-shadow: 1px 1px 0 #FFF;
}

.table4 {
	margin: 0px auto;
}
.table4 td {
	color: #304654;
	line-height: 1.6;
	font-size:1.2em;
	margin: 0px auto;
	padding: 5px;
}

ul.underline li{
	line-height: 2.5;
	padding: 10px 5px 6px 5px;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #59d4dc;
}

.style2 {color: #5590f9}

.style4 {
	color: #38041D;
	font-weight: bold;
}

.style5 {font-size: medium}

.style6 {color: #38041D}

#Official {
	width:1000px;
	height:66px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}

#Official h2 {
	height:66px;
}

#Official h2 {background:url(../img_sub/title_official.png) left top no-repeat;}

ul.countdown li {
	width:600px;
	height:150px;
	margin:36px auto;
	background:#FFF;
}