@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;}

body.fixed .menu_fix {
	margin-bottom:100px;
}

body.fixed #Menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8888;
}


/* 点滅 */
.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, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size:62.5%;
	text-align:center;
	background:url(../img/llpr.png) left top repeat;
}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
}

#Mainvisual {
	width:100%;
	height:850px;
	background:url(../img/mainc_bg.jpg) left top repeat;
	position:relative;
	overflow:hidden;
}

header {
	width:100%;
	height:52px;
	background:url(../img/header_pink.png) left top repeat-x;
	z-index:15;
}

#Title {
	width:476px;
	height:30px;
	background:url(../img/header_txt.png) left top no-repeat;
	margin:0 auto;
}

#Title h1 {
	display:none;
}

#Mainvisual .mainc_ange {
	width:596px;
	height:612px;
	background:url(../img/mainc_ange.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:234px;
	top:-112px;
	z-index:20;
}

#Mainvisual .mainc_paru {
	width:462px;
	height:756px;
	background:url(../img/mainc_paru.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:-809px;
	top:-221px;
	z-index:30;
}

#Mainvisual .mainc_sefi {
	width:691px;
	height:699px;
	background:url(../img/mainc_sefi.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:-463px;
	top:22px;
	z-index:40;
}

#Mainvisual .mainc_ana {
	width:724px;
	height:754px;
	background:url(../img/mainc_ana.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:-198px;
	top:176px;
	z-index:50;
}

#Mainvisual .mainc_mio {
	width:692px;
	height:626px;
	background:url(../img/mainc_mio.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:67px;
	top:305px;
	z-index:60;
}

#Mainvisual .mainc_mary {
	width:705px;
	height:664px;
	background:url(../img/mainc_mary.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:-682px;
	top:266px;
	z-index:70;
}

#Mainvisual .flower_left {
	width:475px;
	height:475px;
	background:url(../img/bg_underleft.png) left top no-repeat;
	position:absolute;
	left:-475px;
	top:375px;
	z-index:10;
}

#Mainvisual .flower_right {
	width:475px;
	height:475px;
	background:url(../img/bg_underright.png) left top no-repeat;
	position:absolute;
	left:100%;
	margin-left:0;
	top:375px;
	z-index:10;
}

#Main_txt {
	width:1010px;
	height:798px;
	margin:0 auto;
	position:relative;
}

#Mainvisual .catch {
	width:802px;
	height:121px;
	background:url(../img/mv_catch.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:-401px;
	top:-30px;
	z-index:90;
}

#Mainvisual .logo {
	width:392px;
	height:250px;
	background:url(../img/mv_logo.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:-196px;
	top:390px;
	z-index:90;
}

#Mainvisual .sellday {
	width:1002px;
	height:125px;
	background:url(../img/sellday.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:-501px;
	top:655px;
	z-index:90;
}

#Mainvisual .sellday_b {
	width:1002px;
	height:263px;
	display:block;
	background:url(../img/sellday_b.png) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	margin-left:-501px;
	top:517px;
	z-index:90;
}

#Menu {
	width:100%;
	height:100px;
	background:url(../img/menu.png) left top repeat-x;
}

#Menu ul {
	width:1020px;
	height:83px;
	margin:0 auto;
}

#Menu ul li.menulist {
	float:left;
	height:83px;
	position:relative;
	overflow:hidden;
}

#Menu01 {width:91px; height:83px;}
#Menu02 {width:126px; height:83px;}
#Menu03 {width:128px; height:83px;}
#Menu04 {width:170px; height:83px;}
#Menu05 {width:195px; height:83px;}
#Menu06 {width:169px; height:83px;}
#Menu07 {width:141px; height:83px;}

.menu_bg01, .menu_bg02, .menu_bg03, .menu_bg04, .menu_bg05, .menu_bg06, .menu_bg07 {
	width:100%; height:166px; background:url(../img/menu_white.png); position:absolute; left:0; top:-83px; z-index:100;
}

.menu_fold {
	position:absolute;
	left:0;
	top:0;
	z-index:150;
}

#Rireki_new {
	width:100%;
	height:43px;
	background:url(../img/rireki_new.png) left top repeat-x;
}

#Rireki_new .recent_wrap {
	width:1000px;
	height:41px;
	margin:0 auto;
}

#Rireki_new .recent {
	width:235px;
	height:41px;
	background:url(../img/recent_a.png) left top no-repeat;
	float:left;
}

#Rireki_new .recent_txt {
	width:645px;
	height:30px;
	margin-top:10px;
	padding-left:10px;
	float:left;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	text-align:left;
}

#Rireki_new .recent_txt a {
	color:#fff;
	text-decoration:underline;
}

#Rireki_new .recent_txt a:hover {
	color:#fff;
	text-decoration:none;
}

#Rireki_new .twitter_button {
	width:110px;
	height:20px;
	margin-top:10px;
	float:left;
}

#Contents_back {
	width:100%;
	background:url(../img/back_flower.png) center top repeat-y;
	padding-bottom:320px;
}

#Contents {
	width:1000px;
	margin:0 auto;
}

#Contents_left {
	width:702px;
	float:left;
	padding-bottom:30px;
}

ul#Topics {
	margin-top:22px;
}

ul#Topics li {
	background:url(../img/topicslist_bg.png) left top no-repeat;
	width:702px;
	height:102px;
	margin-bottom:14px;
	position:relative;
}

.to_new {
	position:absolute;
	width:700px;
	height:111px;
	top:-11px;
	left:0;
	background:url(../topics/new_a.png) left top no-repeat;
}

#Contents_right {
	width:298px;
	float:left;
	padding-bottom:30px;
}

#Demo {
	width:284px;
	height:230px;
	margin:16px 0 16px 14px;
	background:url(../img/moviebox.png) left top no-repeat;
	position:relative;
}

#Demo .playbutton {
	width:85px;
	height:85px;
	position:absolute;
	left:99px;
	top:85px;
}

#Blog {
	width:276px;
	height:79px;
	margin-top:22px;
	margin-left:22px;
}

#Twitter {
	width:276px;
	height:460px;
	margin-top:22px;
	margin-left:22px;
	background:url(../img/wrap_twitter.png) left top no-repeat;
}

.twibox {
	width:236px;
	padding-top:45px;
	margin-left:20px;
	margin-bottom:15px;
}

#Rireki_old {
	width:100%;
	height:178px;
	background:url(../img/old_rireki_bg.png) left top repeat-x;
}

.rireki_old_wrap {
	width:1000px;
	height:178px;
	margin:0 auto;
	background:url(../img/old_rireki_mbnb.png) right top no-repeat;
	position:relative;
}

.rireki_old_title {
	width:238px;
	height:37px;
	background:url(../img/old_rireki_title.png) left top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:-18px;
	left:0;
}

#Rireki_old ul {
	padding-top:30px;
}

#Rireki_old ul li {
	width:500px;
	color:#fff;
	font-size:1.5em;
	line-height:1.7;
	text-align:left;
	border-bottom:1px solid #e6b1b1;
}

#Rireki_old ul li a {
	color:#fff;
	text-decoration:underline;
}

#Rireki_old ul li a:hover {
	color:#fff;
	text-decoration:none;
}

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

footer a {
	color:#ffffff;
	text-decoration:none;
}

footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#Foot_wrap {
	width:1000px;
	height:284px;
	background:url(../img/foot_center.png) left top no-repeat;
	padding-top:16px;
	margin:0 auto;
	position:relative;
	z-index:100;
}

.foot_01 {
	width:190px;
	height:214px;
	float:left;
}

.foot_02 {
	width:375px;
	height:214px;
	float:left;
}

.foot_03 {
	width:230px;
	height:214px;
	float:left;
}

.foot_04 {
	width:205px;
	float:left;
	height:214px;
}

.banner {
	float:left;
	width:200px;
	height:40px;
	margin-top:34px;
	background:#ffffff;
}

.copyright {
	float:left;
	width:600px;
	margin-top:40px;
	height:45px;
	font-size:80%;
	text-align:center;
}

.brand {
	float:left;
	width:200px;
	margin-top:10px;
	height:70px;
	position:relative;
}

.skfs {
	width:84px;
	height:60px;
	position:absolute;
	top:3px;
	left:20px;
}

.pjex {
	width:59px;
	height:55px;
	position:absolute;
	top:5px;
	left:131px;
}

.foot_flower_left {
	width:290px;
	height:257px;
	background:url(../img/foot_flower_left.png) left top no-repeat;
	position:absolute;
	left:0;
	top:63px;
	z-index:10;
}
.foot_flower_right {
	width:290px;
	height:257px;
	background:url(../img/foot_flower_right.png) left top no-repeat;
	position:absolute;
	left:100%;
	margin-left:-290px;
	top:63px;
	z-index:10;
}

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

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

#Subvisual {
	background:url(../img/mainc_bg.jpg) left top repeat;
	width:100%;
	height:215px;
	position:relative;
	overflow:hidden;
}

.sub_leftflower {
	background:url(../img/sub_leftflower.png) left top no-repeat;
	width:209px;
	height:215px;
	position:absolute;
	left:-209px;
	top:0;
	z-index:5;
}

.sub_rightflower {
	background:url(../img/sub_rightflower.png) left top no-repeat;
	width:209px;
	height:215px;
	position:absolute;
	left:100%;
	top:0;
	z-index:5;
}

#Svchara {
	background:url(../img/subvisual.png) left top no-repeat;
	width:1160px;
	height:215px;
	position:absolute;
	left:50%;
	margin-left:-580px;
	top:80px;
	z-index:10;
}

.subtitle_shadow {
	background:url(../img/subtitle_shadow.png) left top repeat-x;
	width:100%;
	height:50px;
}


.subtitle {
	width:100%;
	height:50px;
}

.subtitle h2 {
	display:none;
}


#Character {background:url(../img_sub/hr_character.png) center top no-repeat;}
#Graphics {background:url(../img_sub/hr_graphics.png) center top no-repeat;}
#Download {background:url(../img_sub/hr_download.png) center top no-repeat;}
#Privilege {background:url(../img_sub/hr_privilege.png) center top no-repeat;}
#Special {background:url(../img_sub/hr_special.png) center top no-repeat;}

/* アバウト */

#Story {
	width:100%;
	height:1033px;
	margin:32px auto 48px;
	background:url(../img_sub/story_bg.png) center top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.product_image {
	margin:0 auto 32px;
}

#About {
	width:1000px;
	height:50px;
	background:url(../img_sub/hr_story.png) center top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 40px;
}

#Spec {
	width:1000px;
	height:50px;
	background:url(../img_sub/hr_product.png) center top no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 40px;
}

#Info {
	width:870px;
	height:520px;
	margin:0 auto 32px;
	background:url(../img_sub/product_txt.png) center top no-repeat;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

.shokai_link {
	position:absolute;
	top:247px;
	left:144px;
	width:240px;
	height:20px;
}

/* キャラクター */

#Chara_wrap {
	width:1000px;
	height:900px;
	padding-top:40px;
	margin:0 auto;
	position:relative;
}

#Chara_wrap_Sub {
	width:1000px;
	padding-top:40px;
	margin:0 auto;
	position:relative;
}

.sub_wrap {
	width:890px;
	float:left;
}

.chara01 {background:url(../img_sub/chara_bg01.png) no-repeat; background-position:0 40px;}
.chara02 {background:url(../img_sub/chara_bg02.png) no-repeat; background-position:0 40px;}
.chara03 {background:url(../img_sub/chara_bg03.png) no-repeat; background-position:0 40px;}
.chara05 {background:url(../img_sub/chara_bg05.png) no-repeat; background-position:0 40px;}
.chara06 {background:url(../img_sub/chara_bg06.png) no-repeat; background-position:0 40px;}
.chara08 {background:url(../img_sub/chara_bg08.png) no-repeat; background-position:0 40px;}
.chara09 {background:url(../img_sub/chara_bg09.png) no-repeat; background-position:0 40px;}

.chara04 {
	width:1000px;
	height:1500px;
	background:url(../img_sub/chara_bg04.png) no-repeat;
	padding-top:40px;
	margin:0 auto;
	position:relative;
}

#Chara_menu {
	width:110px;
	float:left;
	padding-bottom:40px;
	position:relative;
	z-index:200;
}

#Chara_menu ul li {
	width:110px;
	height:110px;
	margin-bottom:8px;
	float:left;
}

.chara_body {
	height:900px;
	position:absolute;
	top:-150px;
	z-index:20;
	text-indent:-9999px;
	overflow:hidden;
}

#Body_01 {width:826px; background:url(../img_sub/chara_01.png) left top no-repeat; left:372px;}
#Body_02 {width:802px; background:url(../img_sub/chara_02.png) left top no-repeat; left:398px;}
#Body_03 {width:750px; background:url(../img_sub/chara_03.png) left top no-repeat; left:405px;}
#Body_05 {width:798px; background:url(../img_sub/chara_05.png) left top no-repeat; left:225px;}
#Body_06 {width:762px; background:url(../img_sub/chara_06.png) left top no-repeat; left:438px;}
#Body_08 {width:733px; background:url(../img_sub/chara_08.png) left top no-repeat; left:438px;}
#Body_09 {width:709px; background:url(../img_sub/chara_09.png) left top no-repeat; left:438px;}

#Body_04 {
	width:1130px;
	height:1099px;
	position:absolute;
	background:url(../img_sub/chara_04.png) left top no-repeat;
	left:26px;
	top:90px;
	z-index:20;
	text-indent:-9999px;
	overflow:hidden;
}

.chara_name {
	width:576px;
	height:300px;
	position:absolute;
	top:-60px;
	left:115px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:30;
}

#Name_01 {background:url(../img_sub/name_01.png) left top no-repeat;}
#Name_02 {background:url(../img_sub/name_02.png) left top no-repeat;}
#Name_03 {background:url(../img_sub/name_03.png) left top no-repeat;}
#Name_05 {background:url(../img_sub/name_05.png) left top no-repeat;}
#Name_06 {background:url(../img_sub/name_06.png) left top no-repeat;}
#Name_08 {background:url(../img_sub/name_08.png) left top no-repeat;}
#Name_09 {background:url(../img_sub/name_09.png) left top no-repeat;}

#Name_04A {
	width:885px;
	height:409px;
	background:url(../img_sub/name_04a.png) left top no-repeat;
	position:absolute;
	top:-60px;
	left:115px;
	text-indent:-99999px;
	overflow:hidden;
	z-index:30;
}

#Name_04B {
	width:885px;
	height:375px;
	background:url(../img_sub/name_04b.png) left top no-repeat;
	position:absolute;
	top:983px;
	left:115px;
	text-indent:-99999px;
	overflow:hidden;
	z-index:30;
}

.chara_txt {
	width:627px;
	height:427px;
	position:absolute;
	top:410px;
	left:115px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:30;
}

#Txt_01 {background:url(../img_sub/txt_01.png) left top no-repeat;}
#Txt_02 {background:url(../img_sub/txt_02.png) left top no-repeat;}
#Txt_03 {background:url(../img_sub/txt_03.png) left top no-repeat;}
#Txt_05 {background:url(../img_sub/txt_05.png) left top no-repeat;}
#Txt_06 {background:url(../img_sub/txt_06.png) left top no-repeat;}
#Txt_08 {background:url(../img_sub/txt_08.png) left top no-repeat;}
#Txt_09 {background:url(../img_sub/txt_09.png) left top no-repeat;}

.chara_phrase {
	width:178px;
	height:900px;
	position:absolute;
	top:-150px;
	left:840px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:30;
}

#Phrase_01 {background:url(../img_sub/phrase_01.png) left top no-repeat;}
#Phrase_02 {background:url(../img_sub/phrase_02.png) left top no-repeat;}
#Phrase_03 {background:url(../img_sub/phrase_03.png) left top no-repeat;}
#Phrase_05 {background:url(../img_sub/phrase_05.png) left top no-repeat;}
#Phrase_06 {background:url(../img_sub/phrase_06.png) left top no-repeat;}
#Phrase_08 {background:url(../img_sub/phrase_08.png) left top no-repeat;}
#Phrase_09 {background:url(../img_sub/phrase_09.png) left top no-repeat;}

#Phrase_04A {
	width:160px;
	height:635px;
	background:url(../img_sub/phrase_04a.png) left top no-repeat;
	position:absolute;
	top:352px;
	left:115px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:30;
}

#Phrase_04B {
	width:130px;
	height:634px;
	background:url(../img_sub/phrase_04b.png) left top no-repeat;
	position:absolute;
	top:430px;
	left:879px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:30;
}

.chara_hr {
	background:url(../img_sub/chara_hr.png) left top no-repeat;
	width:748px;
	height:20px;
	margin:40px auto;
}

#Chara07_A {
	background:url(../img_sub/chara_07_a.png) left top no-repeat;
	width:880px;
	height:500px;
	margin-left:10px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

#Chara07_B {
	background:url(../img_sub/chara_07_b.png) left top no-repeat;
	width:880px;
	height:500px;
	margin-left:10px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

#Chara07_C {
	background:url(../img_sub/chara_07_c.png) left top no-repeat;
	width:880px;
	height:500px;
	margin-left:10px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

#Chara07_D {
	background:url(../img_sub/chara_07_d.png) left top no-repeat;
	width:880px;
	height:500px;
	margin-left:10px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

#Chara07_E {
	background:url(../img_sub/chara_07_e.png) left top no-repeat;
	width:880px;
	height:500px;
	margin-left:10px;
	margin-bottom:50px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

.chara_voice {
	width:390px;
	height:50px;
	padding-left:210px;
	position:absolute;
	left:370px;
	top:754px;
	z-index:50;
}

.chara_voice_sub {
	width:310px;
	height:51px;
	background:url(../img_sub/charavoice_10.png) left top no-repeat;
	padding-left:178px;
	position:absolute;
	left:195px;
	top:442px;
	z-index:50;
}

.chara_voice_fio {
	width:390px;
	height:50px;
	padding-left:210px;
	position:absolute;
	left:160px;
	top:277px;
	z-index:50;
}

.chara_voice_ses {
	width:390px;
	height:50px;
	padding-left:210px;
	position:absolute;
	left:260px;
	top:1390px;
	z-index:50;
}

.sister_explain {
	width:314px;
	height:64px;
	position:absolute;
	left:660px;
	top:810px;
	z-index:50;
}

.voice_bt01 {
	float:left;
	width:50px;
	height:50px;
	margin-right:145px;
}

.voice_bt02 {
	float:left;
	width:50px;
	height:50px;
	margin-right:16px;
}

.voice_bt03 {
	float:left;
	width:50px;
	height:50px;
	margin-right:16px;
}

.voice_bt04 {
	float:left;
	width:50px;
	height:50px;
}

.voice_bt_sub01 {
	float:left;
	width:50px;
	height:50px;
	margin-right:16px;
}

.voice_bt_sub02 {
	float:left;
	width:50px;
	height:50px;
}

#Voice_chara01 {background:url(../img_sub/charavoice_01.png) left top no-repeat;}
#Voice_chara02 {background:url(../img_sub/charavoice_02.png) left top no-repeat;}
#Voice_chara03 {background:url(../img_sub/charavoice_03.png) left top no-repeat;}
#Voice_chara04a {background:url(../img_sub/charavoice_04.png) left top no-repeat;}
#Voice_chara04b {background:url(../img_sub/charavoice_04.png) left top no-repeat;}
#Voice_chara05 {background:url(../img_sub/charavoice_05.png) left top no-repeat;}
#Voice_chara06 {background:url(../img_sub/charavoice_06.png) left top no-repeat;}
#Voice_chara07 {background:url(../img_sub/charavoice_07.png) left top no-repeat;}
#Voice_chara08 {background:url(../img_sub/charavoice_08.png) left top no-repeat;}
#Voice_chara09 {background:url(../img_sub/charavoice_09.png) left top no-repeat;}


/* グラフィック */

#EX_wrap {
	width:998px;
	margin:32px auto 40px;
}

#EX_wrap ul li {
	float:left;
	margin-bottom:20px;
}

#Graphics_wrap {
	width:998px;
	margin:32px auto 40px;
}

#Graphics_wrap ul li {
	float:left;
	margin-bottom:20px;
}

.mg1 {
	margin-right:22px;
}

#CG02 {
	display:none;
}

.evcg {
	width:960px;
	height:540px;
}

#BGM_wrap {
	width:998px;
	margin:32px auto 40px;
}

/* ダウンロード */


.opshort {
	background:url(../img_sub/dl_opshort.png) left top no-repeat;
	width:900px;
	height:500px;
	margin:0 auto 36px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

.edshort {
	background:url(../img_sub/dl_edshort.png) left top no-repeat;
	width:900px;
	height:500px;
	margin:0 auto;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

.opshort_button {
	position:absolute;
	width:430px;
	height:60px;
	left:450px;
	top:425px;
}

.trial_table {
	width:1000px;
	margin-top:36px;
	background-color:#fff1f6;
}

.trial_table tr {
	height:30px;
}

.trial_table th {
	width:250px;
	background-color:#fc80ac;
	border:1px solid #fff1f6;
	font-size:1.3em;
	color:#ffffff;
	text-align:center;
}

.trial_table td {
	width:250px;
	text-align:center;
	background-color:#fff1f6;
	border:1px solid #fff1f6;
	padding:10px 0;
	line-height:1.5;
}

a.download {
	width:220px;
	height:27px;
	padding-top:3px;
	display:block;
	margin:0 auto;
	background-color:#ffab11;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;	
	border-radius: 15px;
	border-style: none;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

a:hover.download {
	background-color:#ffc06e;
}

/* 特典 */

.tokuten_wrap {
	width:1000px;
	margin:0 auto 40px;
}

.tokuten_wrap h3 {
	width:818px;
	height:105px;
	margin:32px auto 16px;
	text-indent:-9999px;
	overflow:hidden;
}

#About {background:url(../img_sub/hr_story.png) center top no-repeat;}
#Souki {background:url(../privilege/hr_souki.png) left top no-repeat;}
#Official {background:url(../privilege/hr_official.png) left top no-repeat;}
#Tenpo {background:url(../privilege/hr_tenpo.png) left top no-repeat;}
#Chara1 {background:url(../special/hr_chara1.png) left top no-repeat;}
#Sign {background:url(../special/hr_sign.png) left top no-repeat;}
#Flash {background:url(../special/hr_flash.png) left top no-repeat;}
#Teaser {background:url(../img_sub/hr_teaser.png) left top no-repeat;}
#Trial {background:url(../img_sub/hr_trial.png) left top no-repeat;}
#Opdemo {background:url(../img_sub/hr_demo.png) left top no-repeat;}
#Opshort {background:url(../img_sub/hr_opshort.png) left top no-repeat;}
#Shokai {background:url(../privilege/hr_shokai.png) left top no-repeat;}
#Tyuuki {background:url(../privilege/hr_tyuuki.png) left top no-repeat;}
#Yoyaku {background:url(../privilege/hr_yoyaku.png) left top no-repeat;}
#Midokoro {background:url(../img_sub/hr_highlight.png) center top no-repeat;}
#Graphics2 {background:url(../img_sub/hr_graphics2.png) center top no-repeat;}
#Bgm {background:url(../img_sub/hr_bgm.png) center top no-repeat;}

.toku_menu_wrap {
	width:1000px;
	margin:36px auto 0;
}

ul.toku_menu li {
	width:300px;
	height:45px;
	padding-top:15px;
	margin-bottom:24px;
	float:left;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;	
	border-radius: 30px;
	border-style: none;
	font-size:2em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

ul.toku_menu li:hover {
	background-color:#ffe400;
}

ul.toku_menu li a {
	color:#fff;
	text-decoration:none;
}

.tmenu01 {background-color:#ffc06e;margin-right:50px;}
.tmenu02 {background-color:#ff6e9b;margin-right:50px;}
.tmenu03 {background-color:#5ce586;}
.tmenu04 {background-color:#5ca1ff;margin-right:50px;}
.tmenu05 {background-color:#f95cff;margin-right:50px;}
.tmenu06 {background-color:#e375ff;}

.souki_contents {
	background:url(../privilege/souki_contents.png) left top no-repeat;
	width:1000px;
	height:612px;
	text-indent:-9999px;
	overflow:hidden;
}

.tyuuki_contents {
	background:url(../privilege/tyuuki_contents.png) left top no-repeat;
	width:1000px;
	height:612px;
	text-indent:-9999px;
	overflow:hidden;
}

.shokai_contents {
	background:url(../privilege/shokai_contents.png) left top no-repeat;
	width:1000px;
	height:420px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
}

.opshort_link {
	position:absolute;
	left:25px;
	top:270px;
	width:365px;
	height:30px;	
}

.yoyaku_contents {
	background:url(../privilege/yoyaku_contents.png) left top no-repeat;
	width:1000px;
	height:1300px;
	text-indent:-9999px;
	overflow:hidden;
}

.official_contents {
	background:url(../privilege/toku_off2_image.png) left top no-repeat;
	width:1000px;
	height:829px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.official_button {
	width:400px;
	height:170px;
	position:absolute;
	top:643px;
	left:583px;
}

.tenpo_wrap1 {
	width:1000px;
	height:549px;
	background:url(../privilege/bgpurple_base.png) left 24px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.tenpo_wrap2 {
	width:1000px;
	height:648px;
	background:url(../privilege/bgpurple_base2.png) left 24px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.shoplink1 {
	width:362px;
	height:45px;
	position:absolute;
	left:638px;
	top:479px;
}

.shoplink2 {
	width:362px;
	height:45px;
	position:absolute;
	left:638px;
	top:579px;
}

.chara_sof {background:url(../privilege/toku_sof_chara.png) left 24px no-repeat;	width:1000px; height:648px;}

.chara_get {background:url(../privilege/toku_get_chara.png) left 24px no-repeat;	width:1000px; height:549px;}

.chara_med {background:url(../privilege/toku_med_chara.png) left 24px no-repeat;	width:1000px; height:549px;}

.chara_mel {background:url(../privilege/toku_mel_chara.png) left 24px no-repeat;	width:1000px; height:549px;}

.chara_tra {background:url(../privilege/toku_tra_chara.png) left 24px no-repeat;	width:1000px; height:549px;}

.chara_goo {background:url(../privilege/toku_goo_chara.png) left 24px no-repeat;	width:1000px; height:549px;}

.chara_off {background:url(../privilege/toku_off_chara.png) left 24px no-repeat;	width:1000px; height:648px;}

.image_sof {background:url(../privilege/toku_sof_image.png) left top no-repeat;	width:1000px; height:648px;	position:relative;}

.image_get {background:url(../privilege/toku_get_image.png) left top no-repeat;	width:1000px; height:549px;	position:relative;}

.image_med {background:url(../privilege/toku_med_image.png) left top no-repeat;	width:1000px; height:549px;	position:relative;}

.image_mel {background:url(../privilege/toku_mel_image.png) left top no-repeat;	width:1000px; height:549px;	position:relative;}

.image_tra {background:url(../privilege/toku_tra_image.png) left top no-repeat;	width:1000px; height:549px;	position:relative;}

.image_goo {background:url(../privilege/toku_goo_image.png) left top no-repeat;	width:1000px; height:549px;	position:relative;}
	
.image_off {background:url(../privilege/toku_off_image.png) left top no-repeat;	width:1000px; height:648px;	position:relative;}

.tenpo_wrap3 {
	width:320px;
	height:290px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0 20px 40px 0;
}

.tenpo_wrap4 {
	width:320px;
	height:290px;
	position:relative;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 40px 0;
}

.shoplink3 {
	width:250px;
	height:30px;
	position:absolute;
	left:35px;
	top:250px;
}

.shop_amazon {	width:320px;	height:290px;	background:url(../privilege/toku_amazon.png) left top no-repeat;}
.shop_alice {	width:320px;	height:290px;	background:url(../privilege/toku_alice.png) left top no-repeat;}
.shop_furukawa {	width:320px;	height:290px;	background:url(../privilege/toku_furukawa.png) left top no-repeat;}
.shop_takarajima {	width:320px;	height:290px;	background:url(../privilege/toku_takarajima.png) left top no-repeat;}
.shop_amiami {	width:320px;	height:290px;	background:url(../privilege/toku_amiami.png) left top no-repeat;}
.shop_seagull {	width:320px;	height:290px;	background:url(../privilege/toku_seagull.png) left top no-repeat;}
.shop_prop {	width:320px;	height:290px;	background:url(../privilege/toku_prop.png) left top no-repeat;}
.shop_otachu {	width:320px;	height:290px;	background:url(../privilege/toku_otachu.png) left top no-repeat;}
.shop_famies {	width:320px;	height:290px;	background:url(../privilege/toku_famies.png) left top no-repeat;}
.shop_nankai {	width:320px;	height:290px;	background:url(../privilege/toku_nankai.png) left top no-repeat;}
.shop_mk {	width:320px;	height:290px;	background:url(../privilege/toku_mk.png) left top no-repeat;}
.shop_comrode {	width:320px;	height:290px;	background:url(../privilege/toku_comrode.png) left top no-repeat;}
.shop_gamers {	width:320px;	height:290px;	background:url(../privilege/toku_gamers.png) left top no-repeat;}
.shop_bisco {	width:320px;	height:290px;	background:url(../privilege/toku_bisco.png) left top no-repeat;}

/* スペシャル */

.special_topics {
	width:702px;
	margin:0 auto;
	height:800px;
}

/* 応援バナー */

.banner_reguration {
	background:url(../banner/regulation.png) left top no-repeat;
	margin:20px auto 0;
	text-indent:-9999px;
	overflow:hidden;
	width:1000px;
	height:600px;
}

.ban_box {
	padding-top:10px;
	padding-bottom:10px;
}

.ban_box table {
	margin:0 auto 0;
	border-collapse: collapse;
	margin:10px auto 10px;
}

.ban_box table th img {
	margin:0 auto 0;
}

.ban_box table th {
	text-align:center;
	color:#22c1b4;
	font-weight:bold;
	font-size:1.2em;
}

.ban_box table th span {
	color:#22c1b4;
	font-weight:normal;
}

.ban_box table td {
	text-align:center;
	color:#f80b5a;
}

.ban_box table td a {
	color:#f80b5a;
	text-decoration:none;
}

.ban_box table td a:hover {
	color:#f80b5a;
	text-decoration:underline;
}

.ban_box table td span {
	font-size:1.4em;
	font-weight:bold;
}

.urlbox {
	border:1px solid #f80b5a;
	background-color:#ffffff;
	font-size:100%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#f80b5a;
	margin-bottom:30px;
}

textarea.ban700150 {
	width:700px;
	height:30px;
	margin-top:1px;
}

textarea.ban150600 {
	width:150px;
	height:100px;
	margin-top:1px;
}

textarea.ban200200 {
	width:200px;
	height:60px;
	margin-top:1px;
}

textarea.ban800400 {
	width:800px;
	height:60px;
	margin-top:1px;
}

.banner_form {
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	font-size:1.4em;
	line-height:1.5;
	text-align:left;
	color:#a40000;
	background-color:rgba(255,255,255,0.8); 
	border-radius: 0 0 20px 20px;
    -webkit-border-bottom-right-radius: 20px;  
    -webkit-border-bottom-left-radius: 20px;   
    -moz-border-radius-bottomright: 20px;  
    -moz-border-radius-bottomleft: 20px; 
}

.banner_form table {
	width:800px;
	margin:0 auto;
	border:1px solid #ffffff;
}


.banner_form table th {
	border-bottom:1px dotted #ffc2e5;
	padding:10px;
}

.banner_form table td {
	border-bottom:1px dotted #ffc2e5;
	padding:10px;
}

.enquete_button {
	text-align:center;
	padding-top:20px;
	padding-bottom:40px;
}

.con_reset {
	width:80px;
	height:80px;
	margin-right:50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;	
	border-radius: 50px;
	background-color:#8cafe3;
	border-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
}

.con_reset:hover {
	background-color:#4a83d7;
}

.con_submit {
	width:80px;
	height:80px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;	
	border-radius: 50px;
	background-color:#ee88ad;
	border-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.con_submit:hover {
	background-color:#d44d7d;
}

.formline1 span {
	font-size:75%;
	color:#FF0004;
	font-weight:100;
}

.commentbox {
	width:900px;
	margin:0 auto;
	font-size:1.5em;
	line-height:1.5;
	text-align:left;
}

.character1 {
	width:1000px;
	height:2500px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../special/chara1.png) left top no-repeat;
	margin:0 auto;
	position:relative;
}

.signevent {
	width:1000px;
	height:1200px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../special/sign.jpg) left top no-repeat;
	margin:0 auto;
	position:relative;
}

.link_skyfish {
	width:450px;
	height:70px;
	position:absolute;
	left:537px;
	top:1510px;
}

.chara1_pagelink {
	width:800px;
	height:80px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	-khtml-border-radius: 40px;	
	border-radius: 40px;
	background-color:#6ebcff;
	border-style: none;
	z-index: 10;
    display: block;
	position: relative;
	font-size:3em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	line-height:80px;
}

.chara1_pagelink_wrap {
	width:800px;
	margin:48px auto 48px;
}

.chara1_pagelink_wrap a {
	color:#fff;
	text-decoration:none;
}

.chara1_pagelink::before {
    content: '';
    background-color: #6ebcff;
    display: block;
    position: absolute;
    width: 800px;
    height: 80px;
    z-index: -1;
    border-radius: 40px;
    box-shadow:
        0 0 0 0 #fff,
        0 0 0 0 #8b8eff;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.chara1_pagelink:hover::before {
    box-shadow:
        0 0 0 5px #fff,
        0 0 0 10px #8b8eff;
}

#Retweet {
	background:url(../special/retweet_bg.png) left top no-repeat;
	margin:36px auto 36px;
	width:1000px;
	height:2965px;
}

.rt_mio {
	background:url(../special/rt_mio.png) left top no-repeat;
	width:1000px;
	height:2965px;
}

.rt_txt1 {
	background:url(../special/rt_txt1.png) left top no-repeat;
	width:1000px;
	height:1160px;
	text-indent:-9999px;
	overflow:hidden;
}

.rt_txt2 {
	background:url(../special/rt_txt2.png) left top no-repeat;
	width:1000px;
	height:1183px;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
}

.link_pencil {
	position:absolute;
	left:432px;
	top:113px;
}

iframe.twitter-tweet    {
    width: 90% !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border:1px solid #ccc !important;
    padding:10px;
    backgrounf:#fff
}

.tweet1 {
	width:800px;
	position:absolute;
	left:100px;
	top:199px;
	padding:8px 0;
}

.tweet2 {
	width:800px;
	position:absolute;
	left:100px;
	top:539px;
	padding:8px 0;
}

.tweet3 {
	width:800px;
	position:absolute;
	left:100px;
	top:879px;
	padding:8px 0;
}

.rt_txt3 {
	background:url(../special/rt_txt3.png) left top no-repeat;
	width:1000px;
	height:622px;
	text-indent:-9999px;
	overflow:hidden;
}

.dl_youtube {
	width:800px;
	height:450px;
	margin:16px auto 48px;
}

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

.midokoro1 {
	background:url(../img_sub/midokoro_01.jpg) left top no-repeat;
	width:1000px;
	height:630px;
	text-indent:-9999px;
	overflow:hidden;
	margin:60px auto 60px;
}

.midokoro2 {
	background:url(../img_sub/midokoro_02.jpg) left top no-repeat;
	width:1000px;
	height:1020px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 60px;
}

.midokoro3 {
	background:url(../img_sub/midokoro_03.jpg) left top no-repeat;
	width:1000px;
	height:875px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 60px;
}

.midokoro4 {
	background:url(../img_sub/midokoro_04.jpg) left top no-repeat;
	width:1000px;
	height:630px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 60px;
}

a:hover div.midokoro4 {
	opacity:0.7;
}

#flashContent {
	margin-bottom:36px;
}

.game_attention {
	font-size:1.5em;
	margin-bottom:50px;
	color:#d44d7d;
	line-height:1.5;
}

.kukkoro_list {
	width:990px;
	padding-left:10px;
	margin:0 auto 36px;
}

.kukkoro_list a {
	display:block;
	background:#669eff;
	width:180px;
	height:52px;
	padding-top:8px;
	border-radius: 30px;
	box-shadow:
        0 0 0 2px #fff,
        0 0 0 4px #669eff;
	text-decoration:none;
	color:#FFF;
	float:left;
	margin-left:15px;
	margin-bottom:24px;
	font-size:1.3em;
	font-family: 'Russo One', sans-serif;
	line-height:1.5;
}

.kukkoro_list a span {
	font-size:150%;
}

.kukkoro_list a:hover {
	background:#a0c3ff;
}

.enquete {
	background:url(../special/enquete.png) left top no-repeat;
	width:1000px;
	height:600px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:36px auto 60px;
}