/* ------------------------------------------------------------------------ */
 /* ----------- COMMON ----------------------------------------------------- */
/* ------------------------------------------------------------------------ */
body {
	min-width:1366px;
	_display: inline;
	_zoom:1;
}

#fullwrapper {
	width: 100%;
	height:1080px;
	z-index: 0;
	position: relative;
}
.fullwrapper_top {
	height:1200px !important;
}
#bggold {
	position: absolute;
	width: 100%;
	height:1200px;
	background: url(../images/top/bg-gold.png) center top no-repeat;
	z-index: 500;
}
/*uppatch link*/
#bggold .uppatch{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
#bggold .uppatch img{
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translateX(-50%);
}
/*uppatch link end*/
#commonbg_top {
	position: absolute;
	width: 100%;
	height:1200px;
	background: url(../images/common/bg-common.png) center top no-repeat;
	z-index: 500;
}

#commonbg {
	position: absolute;
	width: 100%;
	height:1080px;
	background: url(../images/common/bg-common.png) center top no-repeat;
	z-index: 500;
}
#wrapper {
	width: 1350px;
	height: 1080px;
	position: relative;
	margin: 0 auto;
	background: none;
}
#contents-area {
	min-width: 1350px;
	height: 1080px;
	margin: 0 auto;
	position: relative;
}
#contents-area a:hover {
	opacity: 0.7;
}
#contents-area #kamenjoshi a:hover,
#contents-area #topmodal a:hover{
	opacity:1;
}

  /* ------------------------------------------------------------------------ */
 /* ----------- HEADER ----------------------------------------------------- */
/* ------------------------------------------------------------------------ */

header {
	position: absolute;
	top: -4px;
	left: -27px;
	transform: rotate(-30.1deg);
	-webkit-transform: rotate(-30.1deg);
	-moz-transform: rotate(-30.1deg);
	z-index: 1200;
}
h1#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1190;
}
header nav#gnav {
	background: url(../images/common/gnav_bg.png) 0 10px no-repeat;
	width: 675px;
	height: 135px;
	padding-left: 80px;
	margin-left: -95px;
	margin-top: 220px;
}
header nav#gnav ul li {
	float: left;
	position: relative;
}
header nav#gnav ul li a {
	display: block;
	position: relative;
}
header nav#gnav ul li a img.default {
	position: absolute;
	z-index: 1110;
}
header nav#gnav ul li a img.rover {
	position: absolute;
	z-index: 1100;
}
header nav#gnav ul li.nav-top a {
	width: 175px;
	height: 55px;
}
header nav#gnav ul li.nav-story a {
	width: 141px;
	height: 55px;
}
header nav#gnav ul li.nav-about a {
	width: 161px;
	height: 55px;
	margin: -8px 20px 0 -20px;
}
header nav#gnav ul li.nav-keyword a {
	width: 148px;
	height: 55px;
}
header nav#gnav ul li.nav-character a {
	width: 175px;
	height: 66px;
}
header nav#gnav ul li.nav-system a {
	width: 141px;
	height: 66px;
}
header nav#gnav ul li.nav-special a {
	width: 161px;
	height: 66px;
}
header nav#gnav ul li.nav-pguide a {
	width: 148px;
	height: 66px;
}
header nav#gnav ul li.nav-about a .nav-new {
	position: absolute;
	top: -13px;
	right: -30px;
	z-index: 1120;
	transform: rotate(30.1deg);
	-webkit-transform: rotate(30.1deg);
	-moz-transform: rotate(30.1deg);
}
header nav#gnav ul li.nav-keyword a .nav-new {
	position: absolute;
	top: -23px;
	right: -24px;
	z-index: 1120;
	transform: rotate(30.1deg);
	-webkit-transform: rotate(30.1deg);
	-moz-transform: rotate(30.1deg);
}
header nav#gnav ul li.nav-system a .nav-new {
	position: absolute;
	top: -3px;
	right: -4px;
	z-index: 1120;
	transform: rotate(30.1deg);
	-webkit-transform: rotate(30.1deg);
	-moz-transform: rotate(30.1deg);
}
header nav#gnav ul li.nav-story a .nav-new {
	position: absolute;
	top: -13px;
	right: -4px;
	z-index: 1120;
	transform: rotate(30.1deg);
	-webkit-transform: rotate(30.1deg);
	-moz-transform: rotate(30.1deg);
}
header nav#gnav ul li.nav-character a .nav-new {
	position: absolute;
	top: -3px;
	right: -4px;
	z-index: 1120;
	transform: rotate(30.1deg);
	-webkit-transform: rotate(30.1deg);
	-moz-transform: rotate(30.1deg);
}

header nav#gnav ul li.nav-special a .nav-new {
	position: absolute;
	top: -3px;
	right: -4px;
	z-index: 1120;
	transform: rotate(30.1deg);
	-webkit-transform: rotate(30.1deg);
	-moz-transform: rotate(30.1deg);
}
header nav#gnav ul li.nav-pguide a .nav-new {
	position: absolute;
	top: -18px;
	right: -12px;
	z-index: 1120;
	transform: rotate(30.1deg);
	-webkit-transform: rotate(30.1deg);
	-moz-transform: rotate(30.1deg); 
}
#right-down {
	position: relative;
}
#fullwrapper.top-page #right-down .new-badge {
	top: 20px;
	left: 82px;
	z-index: 1120;
	transform: rotate(54deg);
	-webkit-transform: rotate(54deg);
	-moz-transform: rotate(54deg); 
	position: absolute;
}


.animating { -webkit-animation-duration: 500ms; animation-duration: 400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes bound {
   0% { width: 50px;
		transform:rotate(30.1deg);-webkit-transform:rotate(30.1deg);-moz-transform:rotate(30.1deg); 
		}
  33% { width: 45px;
		transform:rotate(30.1deg);-webkit-transform:rotate(30.1deg);-moz-transform:rotate(30.1deg); 
		}
  66% { width: 65px;
		transform:rotate(30.1deg);-webkit-transform:rotate(30.1deg);-moz-transform:rotate(30.1deg); 
		}
  100% { width: 50px;
		transform:rotate(30.1deg);-webkit-transform:rotate(30.1deg);-moz-transform:rotate(30.1deg); 
		}
  }
@keyframes bound {
   0% { width: 50px;
		transform:rotate(30.1deg);-webkit-transform:rotate(30.1deg);-moz-transform:rotate(30.1deg); 
		}
  33% { width: 45px;
		transform:rotate(30.1deg);-webkit-transform:rotate(30.1deg);-moz-transform:rotate(30.1deg); 
		}
  66% { width: 65px;
		transform:rotate(30.1deg);-webkit-transform:rotate(30.1deg);-moz-transform:rotate(30.1deg); 
		}
  100% { width: 50px;
		transform:rotate(30.1deg);-webkit-transform:rotate(30.1deg);-moz-transform:rotate(30.1deg); 
		}
  }
.bound { -webkit-animation-name: bound; animation-name: bound; }

#social-btn {
	position: absolute;
	top: 7px;
	right: 20px;
	z-index: 1000;
}
#social-btn a {
	margin-right: -8px
}
#social-btn a:hover {
	opacity: 0.7;
}


  /* ------------------------------------------------------------------------ */
 /* ----------- NAV -------------------------------------------------------- */
/* ------------------------------------------------------------------------ */

  /* ------------------------------------------------------------------------ */
 /* ----------- TOP -------------------------------------------------------- */
/* ------------------------------------------------------------------------ */

#fullwrapper.top-page {	
	background: url(../images/top/bg-top.jpg) center top no-repeat;
}
#fullwrapper.top-page #contents-area {
	background: url(../images/top/vis_main.png) right 0 no-repeat;
}

#fullwrapper.top-page #contents-area #bnr1 {
	position: absolute;
	top: 481px;
	left: 27px;
	z-index: 1100;
}
#fullwrapper.top-page #contents-area #bnr3 {
	position: absolute;
	top: 267px;
	left: 421px;
	z-index: 1100;
}
#fullwrapper.top-page #contents-area #bnr2 {
	position: absolute;
	top: 361px;
	left: 214px;
	z-index: 1100;
}
#fullwrapper.top-page #contents-area #bnr4 {
	position: absolute;
	top:500px;
	left: 420px;
	z-index: 1100;
}
#fullwrapper.top-page #contents-area #link_shortstory #hnew {
	position: absolute; 
	bottom:60px;
	right: 2px;	
}

#fullwrapper.top-page #contents-area #twitter-box {
	position: absolute;
	bottom: 110px;
	left: 0px;
	background: url(../images/top/vis_twitterbox.png) 0 0 no-repeat;
	width: 697px;
	height: 315px;
	z-index: 1100;
}
#fullwrapper.top-page #contents-area #twitter-box #twitter-cont {
	margin: 45px 270px 60px 215px;
	color: #fff;
	z-index: 1100;
}
#fullwrapper.top-page #contents-area #twitter-box .btn_follow{
	position:absolute;
	top:270px;
	left:290px;
}
#fullwrapper.top-page #contents-area #right-down {
	position: absolute;
	bottom: 180px;
	right: 30px;
	background: url(../images/top/vis_release.png) 340px 40px no-repeat;
	width: 610px;
	height: 280px;
	transform: rotate(-29.6deg);
	-webkit-transform: rotate(-29.6deg);
	-moz-transform: rotate(-29.6deg);
	z-index: 1100;
}
#fullwrapper.top-page #contents-area #htanaka {
	position: fixed;
	right: 0px;
	top:50%;
	transform:translateY(-50%);
	cursor: pointer;
	z-index: 3000;
}
#fullwrapper.top-page #contents-area #htanaka #htanaka-kiri {
	cursor: pointer;
	margin-right: -5px;
}
#fullwrapper.top-page #contents-area #htanaka #htanaka-kiri:hover {
	opacity: 0.8;
}
#fullwrapper.top-page #contents-area #htanaka #hnew {
	position: absolute; 
	bottom: -10px;
	right: 2px;	
}
#hnew {
	position: absolute; 
	bottom: 71px;
	right: 17px;	
}
#fullwrapper.top-page #contents-area #bnr1 #hnew2 {
	position: absolute; 
	bottom: 86px;
	right: 17px;	
}




  /* ------------------------------------------------------------------------ */
 /* ----------- SUB PAGES COMMON ------------------------------------------- */
/* ------------------------------------------------------------------------ */
#fullwrapper.subpage #caption {
	position: absolute;
	top: 300px;
	left: 0px;
	z-index: 500;
}
#fullwrapper.subpage #subcaption {
	position: absolute;
	top: 470px;
	left: 15px;
	z-index: 500;
}
#fullwrapper.subpage #cats-area {
	position: absolute;
	bottom: 0;
	left: -45px;
	z-index: 500;
}


#fullwrapper.subpage .new-badge {
	position: absolute;
	top: 45px;
	right: 150px;
}
#fullwrapper.subpage .new-badge.nb2 {
	top: 35px;
}
@-webkit-keyframes bound_s {
   0% { width: 50px;
		}
  33% { width: 45px;
		}
  66% { width: 65px;
		}
  100% { width: 50px;
		}
  }
@keyframes bound_s {
   0% { width: 50px;
		}
  33% { width: 45px;
		}
  66% { width: 90px;
		}
  100% { width: 50px;
		}
  }
.bound_s { -webkit-animation-name: bound_s; animation-name: bound_s; }


  /* ------------------------------------------------------------------------ */
 /* ----------- STORY ------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

#fullwrapper.story-page {	
	background: url(../images/story/bg-story.jpg) center top no-repeat;
	overflow: hidden;
}
#fullwrapper.story-page #vis-story {
	position: absolute;
	bottom: 275px;
	right: -285px;
	z-index: 300;
}
#fullwrapper.story-page #story-cont {
	position: absolute;
	background: url(../images/story/cont-story.png) center top no-repeat;
	width: 1608px;
	height: 2800px;
}
#fullwrapper.story-page #story-cont .storynext {
	cursor: pointer;
	z-index: 1100;
}
#fullwrapper.story-page #story-cont .storynext:hover {
	opacity: 0.7;
}
#fullwrapper.story-page #story-cont #storynext1 {
	position: absolute;
	top: 625px;
	left: 1370px;
}
#fullwrapper.story-page #story-cont #storynext2 {
	position: absolute;
	top: 1425px;
	left: 970px;
}
#fullwrapper.story-page #story-cont #storynext3 {
	position: absolute;
	top: 1820px;
	left: 330px;
}
#fullwrapper.story-page #story-controler {
	position: absolute;
	top: 580px;
	left: 1000px;
}
#fullwrapper.story-page #story-controler img:hover {
	opacity: 0.7;
}
#fullwrapper.story-page #story-controler #storynext {
	cursor: pointer;
	z-index: 1100;
	position: absolute;
	top: 80px;
	left: 10px;
}
#fullwrapper.story-page #story-controler #storyback {
	cursor: pointer;
	z-index: 1100;
	position: absolute;
	top: 0px;
	left: 90px;
}
#fullwrapper.story-page #story-controler #controler-cover {
	position: absolute;
	z-index:1200;
	width: 300px;
	height: 300px;
	display: none;
}


  /* ------------------------------------------------------------------------ */
 /* ----------- ABOUT ------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

#fullwrapper.about-page {	
	background: url(../images/about/bg-about.jpg) center top no-repeat;
	overflow: hidden;
}
#fullwrapper.about-page #about_copy,
#fullwrapper.about-page #about_lead {
	position: absolute;
	top: 376px;
	left: 134px;
	z-index: 600;
}
#fullwrapper.about-page #vis-about {
	position: absolute;
	right: -320px;
	top: 0;
	z-index: 200;
}


  /* ------------------------------------------------------------------------ */
 /* ----------- KEY WORD --------------------------------------------------- */
/* ------------------------------------------------------------------------ */

#fullwrapper.keyword-page {	
	background: url(../images/keyword/bg-keyword.jpg) center top no-repeat;
	overflow: hidden;
}
#fullwrapper.keyword-page section.keyword-area {
	width: 1000px;
	height: 1080px;
	position: relative;
	left: 200px;
}
#fullwrapper.keyword-page section.keyword-area #kwmapper {
	width: 1000px;
	height: 1080px;
	position: absolute;
	z-index: 800;
	
}
#fullwrapper.keyword-page section.keyword-area ul#kw-img li {
	display: block;
	width: 1000px;
	height: 1080px;
	position: absolute;
	z-index: 180;
	opacity: 0;
}
#fullwrapper.keyword-page section.keyword-area ul#kw-img li#kw-off,
#fullwrapper.keyword-page section.keyword-area ul#kw-img li#kw-off2 {
	opacity: 1;
}
#fullwrapper.keyword-page section.keyword-area ul#kw-img li#kw-off2 {
	z-index: 170;
}
#fullwrapper.keyword-page #vis-keyword {
	position: absolute;
	right: -310px;
	top: 0;
	z-index: 200;
}
#fullwrapper.keyword-page #cats-area {
	cursor: pointer;
	z-index: 900;
}
#fullwrapper.keyword-page #cats-area #btn-enjmodal:hover {
	opacity: 0.7;
}
#fullwrapper.keyword-page #enjmodal {
	width: 1920px;
	height: 1090px;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -960px;
	z-index: 3000;
	background: rgba(0,0,0,0.7);
	display: none;
	text-align: center;
}
#fullwrapper.keyword-page #enjmodal #enjmodal-close {
	position: absolute;
	top: 50px;
	right: 370px;
	z-index: 3100;
	cursor: pointer;
}
#fullwrapper.keyword-page #enjmodal #enjmodal-close:hover {
	opacity: 0.7;
}


  /* ------------------------------------------------------------------------ */
 /* ----------- CHARACTER -------------------------------------------------- */
/* ------------------------------------------------------------------------ */
#fullwrapper.character-page {	
	background: url(../images/character/bg-character.jpg) center top no-repeat;
	overflow: hidden;
}
#fullwrapper.character-page #whole-cover {
	position: fixed;
	width: 1980px;
	height: 1090px;
	z-index: 10000;
}
#fullwrapper.character-page #area-character {
	position: relative;
}
#fullwrapper.character-page #area-character #chara-master-area {
	position: absolute;
	z-index: 510;
	transform: rotate(-69deg);
	-webkit-transform: rotate(-69deg);
	-moz-transform: rotate(-69deg);	
	width: 2000px;
	height: 2000px;
	left: -1620px;
	top: -500px;
	overflow: hidden;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master {
	position: absolute;
	transform: rotate(39deg);
	-webkit-transform: rotate(39deg);
	-moz-transform: rotate(39deg);
	top: 1630px;
	left: 600px;
	width: 714px;
	height: 634px;
	opacity: 0;
	overflow: hidden;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master img {
	position: absolute;
	top: 0;
	left: 0;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master img.c0,
#fullwrapper.character-page #area-character #chara-master-area #chara-master img.c1,
#fullwrapper.character-page #area-character #chara-master-area #chara-master img.c2 {
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master img.c0 {
	top: -162px;
	left: -42px;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master img.c1 {
	top: 158px;
	left: 300px;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master img.c2 {
	top: 107px;
	left: 210px;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master a {
	position: absolute;
	z-index: 810;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master a.c0 {
	top: 0;
	left: 400px;
	width: 300px;
	height: 300px;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master a.c1 {
	top: 145px;
	left: 320px;
	width: 100px;
	height: 150px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	z-index: 820;
}
#fullwrapper.character-page #area-character #chara-master-area #chara-master a.c2 {
	top: 100px;
	left: 240px;
	width: 100px;
	height: 150px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	z-index: 820;
}



#fullwrapper.character-page #area-character div#chara-hierarchy {
	display: block;
	position: absolute;
	width: 2000px;
	top: -70px;
	left: -350px;
	
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	
	z-index: 500;
}
#fullwrapper.character-page #area-character div#chara-hierarchy img {
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1,
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2,
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3,
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4,
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie5 {
	position: relative;
	overflow: hidden;
	opacity: 0;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 {
	background: url(../images/character/bg_king.png) center 0px no-repeat;
	height: 450px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 {
	background: url(../images/character/bg_l4.png) center 0px no-repeat;
	height: 570px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 {
	background: url(../images/character/bg_rea.png) center 0px no-repeat;
	height: 700px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 {
	background: url(../images/character/bg_gomi.png) center 0px no-repeat;
	height: 830px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie5 {
	background: url(../images/character/bg_zombie.png) center 0px no-repeat;
	height: 960px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div .bottomer1,
#fullwrapper.character-page #area-character div#chara-hierarchy div .bottomer2,
#fullwrapper.character-page #area-character div#chara-hierarchy div .bottomer3,
#fullwrapper.character-page #area-character div#chara-hierarchy div .bottomer4,
#fullwrapper.character-page #area-character div#chara-hierarchy div .bottomer5 {
	position: absolute;
	height: 130px;
	width: 2000px;
	bottom: 0;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div img {
	position: absolute;
	opacity: 0;
}


#fullwrapper.character-page #area-character div#chara-hierarchy div#hie5 > img.c0 {
	top: 650px;
	left: 590px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie5 > img.c1 {
	top: 780px;
	left: 1080px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie5 > img.cap {
	top: 830px;
	left: 1350px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie5 > img.rankz {
	top: 865px;
	left: 1120px;
}

#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > img.c0 {
	top: 620px;
	left: 1060px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > img.c1 {
	top: 660px;
	left: 1110px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > img.c2 {
	top: 710px;
	left: 860px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > img.cap {
	top: 720px;
	left: 1430px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > img.rankg {
	top: 735px;
	left: 1060px;
}

#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.c0 {
	top: 480px;
	left: 670px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.c1 {
	top: 520px;
	left: 590px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.c2 {
	top: 510px;
	left: 960px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.c3 {
	top: 490px;
	left: 780px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.c4 {
	top: 480px;
	left: 1170px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.c5 {
	top: 520px;
	left: 1200px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.cap {
	top: 580px;
	left: 1480px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.rankd {
	top: 585px;
	left: 1430px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.ranke {
	top: 590px;
	left: 1180px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > img.rankf {
	top: 600px;
	left: 940px;
}


#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.c0 {
	top: 335px;
	left: 790px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.c1 {
	top: 355px;
	left: 750px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.c2 {
	top: 345px;
	left: 1000px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.c3 {
	top: 375px;
	left: 1010px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.c4 {
	top: 375px;
	left: 1200px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.c5 {
	top: 375px;
	left: 1120px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.cap {
	top: 365px;
	left: 900px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.ranka {
	top: 470px;
	left: 1510px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.rankb {
	top: 490px;
	left: 1250px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > img.rankc {
	top: 500px;
	left: 980px;
}

#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 > img.c0 {
	top: 190px;
	left: 1020px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 > img.c1 {
	top: 290px;
	left: 1300px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 > img.cap {
	top: 280px;
	left: 1030px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 > img.rankking {
	top: 260px;
	left: 1380px;
}

#fullwrapper.character-page #area-character div#chara-hierarchy div a {
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 900;
	width: 200px;
	height: 500px;
/*	background: rgba(255,255,255,0.5); */
}

#fullwrapper.character-page #area-character div#chara-hierarchy div#hie5 > a {
	z-index: 600;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > a
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 .bottomer4 {
	z-index: 610;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > a
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 .bottomer3 {
	z-index: 620;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > a
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 .bottomer2 {
	z-index: 630;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 > a
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 .bottomer1 {
	z-index: 640;
}

#fullwrapper.character-page #area-character div#chara-hierarchy div#hie5 > a.c1 {
	top: 800px;
	left: 1140px;
	width: 160px;
}

#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > a.c0 {
	top: 580px;
	left: 1130px;
	width: 100px;
	z-index: 900;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > a.c1 {
	top: 580px;
	left: 1230px;
	width: 200px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie4 > a.c2 {
	top: 720px;
	left: 860px;
	width: 180px;
}

#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > a.c0 {
	top: 520px;
	left: 720px;
	width: 150px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > a.c1 {
	top: 520px;
	left: 870px;
	width: 130px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > a.c2 {
	top: 520px;
	left: 1000px;
	width: 120px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > a.c3 {
	top: 520px;
	left: 1100px;
	width: 140px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > a.c4 {
	top: 520px;
	left: 1240px;
	width: 120px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie3 > a.c5 {
	top: 520px;
	left: 1360px;
	width: 130px;
}


#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > a.c0 {
	top: 400px;
	left: 800px;
	width: 100px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > a.c1 {
	top: 400px;
	left: 900px;
	width: 130px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > a.c2 {
	top: 400px;
	left: 1030px;
	width: 120px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > a.c3 {
	top: 400px;
	left: 1150px;
	width: 120px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > a.c4 {
	top: 380px;
	left: 1270px;
	width: 150px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie2 > a.c5 {
	top: 380px;
	left: 1420px;
	width: 150px;
}

#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 > a.c0 {
	top: 200px;
	left: 1050px;
	width: 300px;
}
#fullwrapper.character-page #area-character div#chara-hierarchy div#hie1 > a.c1 {
	top: 300px;
	left: 1350px;
	width: 300px;
}

  /* ------------------------------------------------------------------------ */
 /* ----------- SYSTEM ---------------------------------------------------- */
/* ------------------------------------------------------------------------ */
#fullwrapper.system-page {	
	background: url(../images/system/bg-system.jpg) center top no-repeat;
	overflow: hidden;
}

#fullwrapper.system-page #vis-system {
	position: absolute;
	top: 260px;
	right: -285px;
	z-index: 430;
}


#fullwrapper.system-page .system-box {
	width: 1920px;
	margin-left: -285px;
	position: absolute;
	z-index: 400;
}
#fullwrapper.system-page .system-box h3 {
	position: absolute;
	z-index: 420;
}
#fullwrapper.system-page .system-box .box-bg {
	position: absolute;
	top: 0;
	width: 1920px;
	opacity: 0;
	z-index: 410;
}
#fullwrapper.system-page .box-mask {
	position: absolute;
	width: 1920px;
	z-index:510
}
#fullwrapper.system-page .box-mask .box-cont {
	position: absolute;
	width: 1000px;
	opacity: 0;
}
#fullwrapper.system-page .system-box .box-c {
	background: #000;	
}



#fullwrapper.system-page .system-box#box-game {
	top: 100px;
}
#fullwrapper.system-page .system-box#box-game h3 {
	top: 85px;
}
#fullwrapper.system-page .system-box#box-game .box-bg {
	height: 578px;
	background: url(../images/system/box_game_bg.png) center top no-repeat;
}
#fullwrapper.system-page .system-box#box-game .box-h {
	background: url(../images/system/box_game_h.png) center top no-repeat;
	height: 128px;
}
#fullwrapper.system-page .system-box#box-game .box-b {
	background: url(../images/system/box_game_b.png) center top no-repeat;
	height: 137px;
}
#fullwrapper.system-page .box-mask#maskfor-game {
	top: 100px;
	height: 265px;
}
#fullwrapper.system-page .box-mask#maskfor-game .box-cont {
	top: 160px;
	left: 600px;	
}
#fullwrapper.system-page .box-mask#maskfor-game .box-cont .btn-box {
	margin-left: -70px;
}
#fullwrapper.system-page .box-mask#maskfor-game .box-cont .btn-box ul li {
	float: left;
	margin-right: -26px;
}
#fullwrapper.system-page .box-mask#maskfor-game .box-cont #game-arrow {
	margin-top: -7px;
	margin-left: 15px;
}

#fullwrapper.system-page .system-box#box-rj {
	top: 300px;
}
#fullwrapper.system-page .system-box#box-rj h3 {
	top: 90px;
}
#fullwrapper.system-page .system-box#box-rj .box-bg {
	height: 645px;
	background: url(../images/system/box_rj_bg.png) center top no-repeat;
}
#fullwrapper.system-page .system-box#box-rj .box-h {
	background: url(../images/system/box_rj_h.png) center top no-repeat;
	height: 120px;
}
#fullwrapper.system-page .system-box#box-rj .box-b {
	background: url(../images/system/box_rj_b.png) center top no-repeat;
	height: 128px;
}
#fullwrapper.system-page .box-mask#maskfor-rj {
	top: 300px;
	height: 248px;
}
#fullwrapper.system-page .box-mask#maskfor-rj .box-cont {
	top: 170px;
	left: 420px;	
}
#fullwrapper.system-page .box-mask#maskfor-rj .box-cont .btn-box {
	margin-left: -100px;
}
#fullwrapper.system-page .box-mask#maskfor-rj .box-cont .btn-box ul li {
	float: left;
	margin-right: -50px;
}

#fullwrapper.system-page .system-box#box-explosion {
	top: 500px;
}
#fullwrapper.system-page .system-box#box-explosion h3 {
	top: 110px;
}
#fullwrapper.system-page .system-box#box-explosion .box-bg {
	height: 765px;
	background: url(../images/system/box_explosion_bg.png) center top no-repeat;
}
#fullwrapper.system-page .system-box#box-explosion .box-h {
	background: url(../images/system/box_explosion_h.png) center top no-repeat;
	height: 136px;
}
#fullwrapper.system-page .system-box#box-explosion .box-b {
	background: url(../images/system/box_explosion_b.png) center top no-repeat;
	height: 201px;
}
#fullwrapper.system-page .box-mask#maskfor-explosion {
	top: 500px;
	height: 337px;
}
#fullwrapper.system-page .box-mask#maskfor-explosion {
	top: 300px;
	height: 248px;
}
#fullwrapper.system-page .box-mask#maskfor-explosion .box-cont {
	top: 235px;
	left: 360px;	
}
#fullwrapper.system-page .box-mask#maskfor-explosion .box-cont .btn-box {
	margin-left: -50px;
}
#fullwrapper.system-page .box-mask#maskfor-explosion .box-cont .btn-box ul li {
	float: left;
	margin-right: -50px;
}





  /* ------------------------------------------------------------------------ */
 /* ----------- SPECIAL ---------------------------------------------------- */
/* ------------------------------------------------------------------------ */
#fullwrapper.special-page {	
	background: url(../images/special/bg-special.jpg) center top no-repeat;
	overflow: hidden;
}
#fullwrapper.special-page ul#special-cont {
	display: block;
	width: 1180px;
	height: 1080px;
	position: relative;
	z-index: 800;
}
#fullwrapper.special-page ul#special-cont li {
	width: 380px;
	height: 380px;
	position: absolute;
	text-indent: -9999px;
	z-index: 800;
}
#fullwrapper.special-page ul#special-cont li#special-01 {
	top: 376px;
	left: 295px;
	background: url(../images/special/btn_special_01.png) center top no-repeat;
	background-size: contain;
}
#fullwrapper.special-page ul#special-cont li#special-02 {
	top: 30px;
	left: 860px;
	background: url(../images/special/btn_special_02.png) center top no-repeat;
	background-size: contain;
}
/*
#fullwrapper.special-page ul#special-cont li#special-03 {
	top: 120px;
	left: 830px;
	background: url(../images/special/btn_special_00.png) center top no-repeat;
	background-size: contain;
}
#fullwrapper.special-page ul#special-cont li#special-02 {
	top: 300px;
	left: 500px;
	background: url(../images/special/btn_special_02.png) center top no-repeat;
	background-size: contain;
}
*/
#fullwrapper.special-page ul#special-cont li#special-03 {
	top: 190px;
	left: 560px;
	background: url(../images/special/btn_special_03.png) center top no-repeat;
	background-size: contain;
}
#fullwrapper.special-page ul#special-cont li#special-04 {
	top: 650px;
	left: 440px;
	background: url(../images/special/btn_special_06.png) center top no-repeat;
	background-size: contain;
}
#fullwrapper.special-page ul#special-cont li#special-05 {
	top: 500px;
	left: 720px;
	background: url(../images/special/btn_special_05.png) center top no-repeat;
	background-size: contain;
}
#fullwrapper.special-page ul#special-cont li#special-06 {
	top: 346px;
	left: 1020px;
	background: url(../images/special/btn_special_04.png) center top no-repeat;
	background-size: contain;
}
#fullwrapper.special-page ul#special-cont li#special-07 {
	top: 790px;
	left: 150px;
	background: url(../images/special/btn_special_07.png) center top no-repeat;
	background-size: contain;
}
#fullwrapper.special-page ul#special-cont li#special-08{
	top:525px;
	left:14px;
	background: url(../images/special/btn_special_08.png) center top no-repeat;
	background-size: contain;
}
#fullwrapper.special-page ul#special-cont li a {
	top: 0px;
	left: 0;
	display: block;
	width: 300px;
	height: 280px;
	margin-top: 60px;
	margin-left: 100px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	z-index: 800;
}
#fullwrapper.special-page #kamenslider_box {
	width: 1920px;
	height: 1090px;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -960px;
	z-index: 3000;
	background: rgba(255,255,255,0.8);
	display: none;
}
#fullwrapper.special-page #kamenslider_box .bx-wrapper .bx-viewport {
	width: 1920px !important;
	height: 1080px !important;	
	background: none;
}
#fullwrapper.special-page #kamenslider_box .kamenslider li {
	position: relative;
}
#fullwrapper.special-page #kamenslider_box .kamenslider li ul.jp-controls {
	display: block;
	position: absolute;
	top: 550px;
	right: 420px;
	cursor: pointer;
}
#fullwrapper.special-page #kamenslider_box .kamenslider li ul.jp-controls li:hover {
	opacity: 0.8;
}
#fullwrapper.special-page #kamenslider_box .bx-wrapper .bx-controls-direction {
	position: fixed;
	width: 1920px;
	top: -5px;
	left: 50%;
	margin-left: -960px;
}
#fullwrapper.special-page #kamenslider_box .bx-wrapper .bx-controls-direction .bx-prev {
	width: 174px;
	height: 175px;
	position: absolute;
	text-indent: -9999px;
	top: 400px;
	left: 210px;
	background: url(../images/special/btn_slider_back.png) no-repeat;
}
#fullwrapper.special-page #kamenslider_box .bx-wrapper .bx-controls-direction .bx-next {
	width: 174px;
	height: 175px;
	position: absolute;
	text-indent: -9999px;
	top: 400px;
	left: 1530px;
	background: url(../images/special/btn_slider_next.png) no-repeat;
}
#fullwrapper.special-page #kamenslider_box #kamenslider_close {
	position: absolute;
	top: 100px;
	right: 370px;
	z-index: 3100;
	cursor: pointer;
}

#fullwrapper.special-page #kamenslider_box .bx-wrapper .bx-controls-direction .bx-prev:hover,
#fullwrapper.special-page #kamenslider_box .bx-wrapper .bx-controls-direction .bx-next:hover,
#fullwrapper.special-page #kamenslider_box #kamenslider_close:hover {
	opacity: 0.7;
}


#fullwrapper.special-page #twitter-modal {
	width: 1920px;
	height: 1090px;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -960px;
	z-index: 3000;
	background: none;
	display: none;
	text-align: center;
}
#fullwrapper.special-page #twitter-modal #twitter-close {
	position: absolute;
	top: 100px;
	right: 250px;
	z-index: 3100;
	cursor: pointer;
}
#fullwrapper.special-page #twitter-modal #twitter-close:hover {
	opacity: 0.7;
}
#fullwrapper.special-page #twitter-modal #icon-list {
	position: absolute;
	width: 768px;
	height: 348px;
	top: 188px;
	left: 823px;
}
#fullwrapper.special-page #twitter-modal #icon-list ul li {
	float: left;
	margin-right: 12px;
	margin-bottom: 9px;
	background: #fff;
	width: 74px;
	height: 73px;
	padding: 2px;
}
#fullwrapper.special-page #twitter-modal #icon-list ul li a:hover {
	opacity: 0.7;
}
#fullwrapper.special-page #twitter-modal #icon-list ul li img {
	width: 72px;
	height: 72px;
}

#fullwrapper.special-page #blog-modal {
	width: 1920px;
	height: 1090px;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -960px;
	z-index: 3000;
	background: none;
	display: none;
	text-align: center;
}
#fullwrapper.special-page #blog-modal #blog-close {
	position: absolute;
	top: 90px;
	right: 280px;
	z-index: 3100;
	cursor: pointer;
}
#fullwrapper.special-page #blog-modal #blog-close:hover {
	opacity: 0.7;
}
#fullwrapper.special-page #blog-modal #banner-list {
	position: absolute;
	width: 768px;
	height: 348px;
	top: 124px;
	left: 774px;
}
#fullwrapper.special-page #blog-modal #banner-list ul li {
	float: left;
	width: 150px;
	margin-right: 30px;
}
#fullwrapper.special-page #blog-modal img[src="images/special/modal_blogparts.png"]{
	position: relative;
	top:5px;
}



  /* ------------------------------------------------------------------------ */
 /* ----------- PURCHASE GUIDE --------------------------------------------- */
/* ------------------------------------------------------------------------ */
#fullwrapper.guide-page {	
	background: url(../images/guide/bg-guide.jpg) center top no-repeat;
	overflow: hidden;
}
#fullwrapper.guide-page #vis-guide-hime {
	position: absolute;
	top: 0px;
	right: -150px;
	z-index: 300;
}
#fullwrapper.guide-page #vis-guide-butler {
	position: absolute;
	bottom: -10px;
	left: -50px;
	z-index: 300;
}
#fullwrapper.guide-page #cats-area {
	position: absolute;
	bottom: 0px;
	left: 330px;
	z-index: 300;
}
#fullwrapper.guide-page ul#guide-cont {
	display: block;
	width: 1180px;
	height: 1080px;
	position: relative;
	z-index: 800;
}
#fullwrapper.guide-page ul#guide-cont li {
	width: 418px;
	height: 398px;
	position: absolute;
	text-indent: -9999px;
	z-index: 800;
}
#fullwrapper.guide-page ul#guide-cont li#guide-shop {
	top: 450px;
	left: 123px;
	background: url(../images/guide/btn_guide_shop.png) center top no-repeat;
}
#fullwrapper.guide-page ul#guide-cont li#guide-fcfsbonus {
	top: 250px;
	left: 440px;
	background: url(../images/guide/btn_guide_fcfsbonus.png) center top no-repeat;
}
#fullwrapper.guide-page ul#guide-cont li#guide-shopbonus {
	top: 60px;
	left: 770px;
	background: url(../images/guide/btn_guide_shopbonus.png) center top no-repeat;
}
#fullwrapper.guide-page ul#guide-cont li#guide-dl {
	top: 429px;
	left: 724px;
	background: url(../images/guide/btn_guide_dl.png) center top no-repeat;
}

#fullwrapper.guide-page ul#guide-cont li a {
	top: 0px;
	left: 0;
	display: block;
	width: 300px;
	height: 280px;
	margin-top: 30px;
	margin-left: 100px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	z-index: 800;
}

#fullwrapper.guide-page #guide_sb_slider_box {
	width: 1920px;
	height: 1090px;
	position: fixed;
	top: -5px;
	left: 50%;
	margin-left: -960px;
	z-index: 3000;
	background: rgba(255,255,255,0.8);
	display: none;
}
#fullwrapper.guide-page #guide_sb_slider_box .bx-wrapper .bx-viewport {
	width: 1920px !important;
	height: 1080px !important;	
	background: none;
}
#fullwrapper.special-page #guide_sb_slider_box .bx-wrapper .bx-controls-direction {
	position: fixed;
	width: 1920px;
	top: -5px;
	left: 50%;
	margin-left: -960px;
}
#fullwrapper.guide-page #guide_sb_slider_box .bx-wrapper .bx-controls-direction .bx-prev {
	width: 214px;
	height: 249px;
	position: absolute;
	text-indent: -9999px;
	top: 400px;
	left: 240px;
	background: url(../images/guide/btn_slider_back.png) no-repeat;
}
#fullwrapper.guide-page #guide_sb_slider_box .bx-wrapper .bx-controls-direction .bx-next {
	width: 214px;
	height: 249px;
	position: absolute;
	text-indent: -9999px;
	top: 400px;
	left: 1450px;
	background: url(../images/guide/btn_slider_next.png) no-repeat;
}
#fullwrapper.guide-page #guide_sb_slider_box #guide_sb_slider_close {
	position: absolute;
	top: 150px;
	right: 340px;
	z-index: 3100;
	cursor: pointer;
}

#fullwrapper.guide-page #guide_sb_slider_box .bx-wrapper .bx-controls-direction .bx-prev:hover,
#fullwrapper.guide-page #guide_sb_slider_box .bx-wrapper .bx-controls-direction .bx-next:hover,
#fullwrapper.guide-page #guide_sb_slider_box #guide_sb_slider_close:hover {
	opacity: 0.7;
}
#fullwrapper.guide-page #guide_sb_slider_box li {
	position: relative;
}
#fullwrapper.guide-page #guide_sb_slider_box li a {
	display: block;
	width: 254px;
	height: 98px;
	position: absolute;
}
#fullwrapper.guide-page #guide_sb_slider_box li a#sb01-buy01 {
	top: 630px;
	left: 500px;
}
#fullwrapper.guide-page #guide_sb_slider_box li a#sb01-buy02 {
	top: 630px;
	left: 830px;
}
#fullwrapper.guide-page #guide_sb_slider_box li a#sb01-buy03 {
	top: 630px;
	left: 1160px;
}
#fullwrapper.guide-page #guide_sb_slider_box li a img {
	position: absolute;
	top: 0;
	left: 0;
}
#fullwrapper.guide-page #guide_sb_slider_box li a img.btn-buy {
	z-index: 3000;
}
#fullwrapper.guide-page #guide_sb_slider_box li a img.btn-buy:hover {
	opacity: 0;
}
#fullwrapper.guide-page #guide_sb_slider_box li a img.btn-buy_on {
	z-index: 3100;
}
#fullwrapper.guide-page #guide-fcfsbonus-modal,#fullwrapper.guide-page #guide-dl-modal {
	width: 1920px;
	height: 1090px;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -960px;
	z-index: 3000;
	background: none;
	display: none;
	text-align: center;
}
#fullwrapper.guide-page #guide-fcfsbonus-modal #guide-fcfsbonus-close,#fullwrapper.guide-page #guide-dl-modal #guide-dl-close {
	position: absolute;
	top: 140px;
	right: 370px;
	z-index: 3100;
	cursor: pointer;
}
#fullwrapper.guide-page #guide-fcfsbonus-modal #guide-fcfsbonus-close:hover,#fullwrapper.guide-page #guide-dl-modal #guide-dl-close:hover {
	opacity: 0.7;
}


  /* ------------------------------------------------------------------------ */
 /* ----------- Colorbox Custom -------------------------------------------- */
/* ------------------------------------------------------------------------ */
#cboxOverlay {
	background: #000;
}
#cboxContent {
	background: none;
}
#cboxLoadedContent {
	border: none;
	background: none;
}
#cboxLoadingOverlay {
	background: none;
}
#cboxClose {
	background: url(../images/common/btn_modal_close.png) no-repeat !important;
	top: 60px;
	right: 20px;
	width: 222px;
	height: 97px;
}
#cboxClose:hover {
	opacity: 0.7;
	background: url(../images/common/btn_modal_close.png) no-repeat !important;
}


 /* ----------- Twitter Custom -------------------------------------------- */
/* ------------------------------------------------------------------------ */
#tw-btn {
	width: 78px;
	height: 78px;
	cursor:pointer; float: left;
	display:inline-block;
}

#tw-btn img:hover {
	opacity: 0.7;
}
.btn_fb_head {
	
	width: 78px;
	height: 78px;
	float: left;
}


/*MOVIE*/
/*******************************************************************/
	body#moviemodal {
	min-width:853px !important;
	position: relative;
	height: 100%;
	background: #000;
	}

	body#moviemodal .moviemodal_main {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}