@charset 'utf-8';

html,body{
  width:100%; height:100%;
  min-height:100%;
}

img{
  border:none;
}

#sqexHeader-white{
  min-width:1000px;
}
#footer{
  position:relative;
}

#sceneswitcher{
  display:none;
  width:100%; height:100%;
  min-width:1000px;
  min-height:100%;
  position:absolute;
  background:black;
  opacity:0.8;
}
#sceneswitcher div.progressbar{
  width:0; height:1px;
  margin:-60px 0 0;
  background:url(../image/sceneswitcher_ph01.gif) repeat-x left top;
  position:fixed;
  top:50%; left:0;
}

div.wrapper{
  width:100%; height:728px;
  min-width:1000px;
  min-height:630px;
  overflow:hidden;
  position:relative;
}

div.wrapper h1{
  width:406px; height:231px;
  margin:0; padding:0;
  position:absolute;
  bottom:60px; right:4px;
  text-indent:-65535px;
  background:url(../image/index_ph01.png) no-repeat left top;
}
div.wrapper h1.forcetop{ z-index:10; }
div.wrapper h2{
  width:668px; height:166px;
  margin:0; padding:0;
  position:absolute;
  top:-19px; right:-668px;
  text-indent:-65535px;
  background:url(../image/title_ph01.png) no-repeat 0 0;
}
div.wrapper h2.introduction{ background-position:0 0; }
div.wrapper h2.spmessage{ background-position:0 -166px; }
div.wrapper h2.ps4overview{ background-position:0 -1826px; }
div.wrapper h2.hdoverview{ background-position:0 -332px; }
div.wrapper h2.story{ background-position:0 -498px; }
div.wrapper h2.character{ background-position:0 -664px; }
div.wrapper h2.system{ background-position:0 -830px; }
div.wrapper h2.download{ background-position:0 -1162px; }
div.wrapper h2.movie{ background-position:0 -1328px; }
div.wrapper h2.products{ background-position:0 -1494px; }
div.wrapper h2.news{ background-position:0 -1660px; }

#menu{
  width:280px; height:628px;
  position:fixed;
  top:0; left:0;
  margin:auto 0;
  background:url(../image/menu_bg01.png) no-repeat left top;
}

#menu div.pickup{
  width:52px; height:9px;
  position:absolute;
  top:388px; left:21px;
  text-indent:-65535px;
  background:url(../image/menu_ph01.png) no-repeat -428px 0;
}

#menu ul.index{
  width:241px; height:auto;
  margin:0; padding:0;
  position:absolute;
  top:29px; left:0;
}
#menu ul.index li{
  width:241px; height:27px;
  text-indent:-65535px;
  cursor:pointer;
  background:url(../image/menu_ph01.png) no-repeat 0 -46px;
  list-style-type:none;
}
#menu ul.index li.index_top{ background-position:-241px -54px; }
#menu ul.index li.index_top:hover{ background-position:-482px -54px; }
#menu ul.index li.index_top.active{ background-position:-482px -54px; }
#menu ul.index li.index_introduction{ background-position:-241px -81px; }
#menu ul.index li.index_introduction:hover{ background-position:-482px -81px; }
#menu ul.index li.index_introduction.active{ background-position:-482px -81px; }
#menu ul.index li.index_specialmessage{ background-position:-241px -108px; }
#menu ul.index li.index_specialmessage:hover{ background-position:-482px -108px; }
#menu ul.index li.index_specialmessage.active{ background-position:-482px -108px; }
#menu ul.index li.index_ps4overview{ background-position:-241px -324px; }
#menu ul.index li.index_ps4overview:hover{ background-position:-482px -324px; }
#menu ul.index li.index_ps4overview.active{ background-position:-482px -324px; }
#menu ul.index li.index_hdoverview{ background-position:-241px -135px; }
#menu ul.index li.index_hdoverview:hover{ background-position:-482px -135px; }
#menu ul.index li.index_hdoverview.active{ background-position:-482px -135px; }
#menu ul.index li.index_story{ background-position:-241px -162px; }
#menu ul.index li.index_story:hover{ background-position:-482px -162px; }
#menu ul.index li.index_story.active{ background-position:-482px -162px; }
#menu ul.index li.index_story.deactive{ background-position:-241px -162px; cursor:auto; }
#menu ul.index li.index_characters{ background-position:-241px -189px; }
#menu ul.index li.index_characters:hover{ background-position:-482px -189px; }
#menu ul.index li.index_characters.active{ background-position:-482px -189px; }
#menu ul.index li.index_system{ background-position:-241px -216px; }
#menu ul.index li.index_system:hover{ background-position:-482px -216px; }
#menu ul.index li.index_system.active{ background-position:-482px -216px; }
#menu ul.index li.index_screenshot{ background-position:-241px -243px; }
#menu ul.index li.index_screenshot:hover{ background-position:-482px -243px; }
#menu ul.index li.index_screenshot.active{ background-position:-482px -243px; }
#menu ul.index li.index_screenshot.deactive{ background-position:-241px -243px; cursor:auto; }
#menu ul.index li.index_download{ background-position:-241px -270px; }
#menu ul.index li.index_download:hover{ background-position:-482px -270px; }
#menu ul.index li.index_download.active{ background-position:-482px -270px; }
#menu ul.index li.index_movie{ background-position:-241px -297px; }
#menu ul.index li.index_movie:hover{ background-position:-482px -297px; }
#menu ul.index li.index_movie.active{ background-position:-482px -297px; }

#menu ul.banner{
  width:214px; height:auto;
  margin:0; padding:0;
  position:absolute;
  top:302px; left:13px;
  list-style-type:none;
}
#menu ul.banner_products{
  top:302px;
}
#menu ul.banner_pickup{
  top:488px;
  background:url(../image/menu_ph01.png) no-repeat 0 0;
}
#menu ul.banner li{
  width:214px; height:52px;
  position:relative;
}
#menu ul.banner li.banner_products{
  height:50px;
}
#menu ul.banner li.banner_twitter{
  height:34px;
  background-position:-214px -5px;
}
#menu ul.banner li.banner_lastmission{
  height:50px;
}
#menu ul.banner li.banner_privilege{
  height:45px;
  background-position:0 -5px;
}
#menu ul.banner li.middle{
  height:38px;
  position:relative;
}

#menu ul.banner li span{
  display:block;
  width:200px; height:40px;
  position:absolute;
  top:7px; left:7px;
  text-indent:-65535px;
  cursor:pointer;
  background:url(../image/menu_ph02_1.jpg) no-repeat 0 0;
}
#menu ul.banner li span:hover{
  opacity:0.7;
}
#menu ul.banner li.middle span{
  top:0;
}
#menu ul.banner li.banner_twitter span{
  height:25px;
  top:2px;
  background:url(../image/menu_ph02_2.jpg) no-repeat 0 0;
}
#menu ul.banner li.banner_lastmission span{
  background:url(../image/menu_ph02_3.jpg) no-repeat 0 0;
}
#menu ul.banner li.banner_privilege span{
  top:2px;
  background:url(../image/menu_ph02_4.jpg) no-repeat 0 0;
}
#menu ul.banner li.banner_campaign span{
  background:url(../image/menu_ph02_5.jpg) no-repeat 0 0;
}
#menu ul.banner li.banner_finaltrailer span{
  background:url(../image/menu_ph02_6.jpg) no-repeat 0 0;
}
#menu ul.banner li.banner_shortmovie span{
  background:url(../image/menu_ph02_7.jpg) no-repeat 0 0;
}
#menu ul.banner li.banner_evxmas span{
  background:url(../image/menu_ph02_8.jpg) no-repeat 0 0;
}
#menu ul.banner li.banner_soundtrack span{
  background:url(../image/menu_ph02_9.jpg) no-repeat 0 0;
}
#menu ul.banner li.banner_soundtrack2 span{
  height:41px;
  background:url(../image/menu_ph02_11.jpg) no-repeat 0 0;
}

#bgmcontroller {
  width:215px; height:32px;
  position:absolute;
  top:580px; left:13px;
}
#bgmcontroller div.jp-mute{
  width:32px; height:32px;
  position:absolute;
  top:0; left:0;
  text-indent:-65535px;
  cursor:pointer;
  background:url(../image/menu_ph01.png) no-repeat -604px 0;
}
#bgmcontroller div.jp-unmute{
  width:32px; height:32px;
  position:absolute;
  top:0; left:0;
  text-indent:-65535px;
  cursor:pointer;
  background:url(../image/menu_ph01.png) no-repeat -636px 0;
}
#bgmcontroller div.jp-volume-bar{
  width:126px; height:7px;
  position:absolute;
  top:12px; left:30px;
  cursor:pointer;
  background:url(../image/menu_ph01.png) no-repeat -604px -32px;
}
#bgmcontroller div.jp-volume-bar-value{
  width:126px; height:7px;
  cursor:pointer;
  background:url(../image/menu_ph01.png) no-repeat right -39px;
}
#bgmcontroller div.musicselect{
  width:14px; height:21px;
  position:absolute;
  top:6px; left:159px;
  text-indent:-65535px;
  opacity: 0.3;
  cursor:pointer;
  background:url(../image/menu_ph01.png) no-repeat -668px 0;
}
#bgmcontroller div.music1{
  top:6px; left:159px;
  background-position:-668px 0;
}
#bgmcontroller div.music2{
  top:6px; left:173px;
  background-position:-682px 0;
}
#bgmcontroller div.music3{
  top:6px; left:187px;
  background-position:-696px 0;
}
#bgmcontroller div.playing{
  opacity: 1.0;
}

#topic{
  width:983px; height:50px;
  margin:0 0 0 -491px;
  position:absolute;
  bottom:0; left:50%;
  background:url(../image/topic_bg01.png) no-repeat left top;
}
#topic div.categoryslot{
  width:130px; height:10px;
  overflow:hidden;
  position:absolute;
  top:29px; left:246px;
}
#topic div.categoryslot div.category{
  width:130px; height:10px;
  position:absolute;
  top:0; left:0;
  background:url(../image/topic_ph01.png) no-repeat 0 0;
}
#topic div.categoryslot div.category1{
  top:0;
}
#topic div.categoryslot div.category2{
  top:15px;
}
#topic div.categoryslot div.category_awards{
  background-position:0 -10px;
}
#topic div.categoryslot div.category_topics{
  background-position:0 -20px;
}
#topic div.topicslot{
  width:540px; height:24px;
  overflow:hidden;
  position:absolute;
  top:21px; left:402px;
}
#topic div.topicslot div.topic{
  width:540px; height:24px;
  overflow:hidden;
  position:absolute;
  top:5px; left:0;
}
#topic div.topicslot div.topic1{
  top:0;
}
#topic div.topicslot div.topic2{
  top:18px;
}
#topic div.topicslot div.topic div.category{
  width:44px; height:18px;
  position:absolute;
  top:3px; left:0;
  background:url(../image/topic_ph01.png) no-repeat -130px 0;
}
#topic div.topicslot div.topic div.category1{
  left:0;
}
#topic div.topicslot div.topic div.category2{
  left:47px;
}
#topic div.topicslot div.topic div.topic_japan{
  background-position:-130px -18px;
}
#topic div.topicslot div.topic div.topic_ffx{
  background-position:-130px -36px;
}
#topic div.topicslot div.topic div.topic_ffx2{
  background-position:-130px -54px;
}
#topic div.topicslot div.topic div.date{
  position:absolute;
  top:0; left:0;
  font-size:12px; line-height:24px;
  color:rgb(255,255,255);
}
#topic div.topicslot div.topic div.topic{
  position:absolute;
  top:0; left:104px;
  font-size:12px; line-height:24px;
  color:rgb(255,255,255);
}
#topic div.topicslot div.topic div.twin{
  font-size:10px; line-height:12px;
}

#content{
  display:none;
  width:100%; height:100%;
  min-width:100%;
  position:absolute;
  top:0; left:0;
  border:none;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  background:transparent;
}

div.content_foreground,div.content_background{
  display:none;
  width:100%;
  height:100%;
  position:absolute;
  top:0; left:0;
  background-color:rgb(0,0,0);
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100% auto;
}
#content_bg_top{
  display:block;
}
#content_fg_spmessage,#content_bg_spmessage{
  background-image:url(../image/spmessage_bg01.jpg);
}
#content_fg_hdoverview,#content_bg_ps4overview{
  background-image:url(../image/ps4overview_bg01.jpg);
}
#content_fg_hdoverview,#content_bg_hdoverview{
  background-image:url(../image/hdoverview_bg01.jpg);
}
#content_fg_movie,#content_bg_movie{
  background-image:url(../image/movie_bg01.jpg);
}
#content_fg_products,#content_bg_products{
  opacity:0.5;
}
#content_fg_system,#content_bg_system{
  background-image:url(../image/system_bg01.jpg);
}
#content_fg_download,#content_bg_download{
  background-image:url(../image/download_bg01.jpg);
  background-position:center center;
}
#content_fg_news,#content_bg_news{
  opacity:0.5;
}

#hdov_grp_prev{
  display:none;
  width:36px; height:61px;
  margin:0; padding:0;
  position:absolute;
  left:0; top:0;
  text-indent:-65535px;
  cursor:pointer;
  background:url(../image/hdoverview_ph05.png) no-repeat 0 0;
  z-index:10000;
}
#hdov_grp_next{
  display:none;
  width:36px; height:61px;
  margin:0; padding:0;
  position:absolute;
  left:0; top:0;
  text-indent:-65535px;
  cursor:pointer;
  background:url(../image/hdoverview_ph05.png) no-repeat -36px 0;
  z-index:10000;
}
#hdov_grp_sd{
  display:none;
  width:90px; height:25px;
  margin:0; padding:0;
  position:absolute;
  left:0; top:0;
  text-indent:-65535px;
  cursor:pointer;
  background:url(../image/hdoverview_ph05.png) no-repeat -72px -50px;
  z-index:10000;
}
#hdov_grp_hd{
  display:none;
  width:90px; height:25px;
  margin:0; padding:0;
  position:absolute;
  left:0; top:0;
  text-indent:-65535px;
  cursor:pointer;
  background:url(../image/hdoverview_ph05.png) no-repeat -72px 0;
  z-index:10000;
}

#menu_spmessage{
  display:none;
  width:690px; height:375px; /* 1行だと寂しいので1.5行(+40) 2行になったら40引いて下さい */
  position:fixed;
  top:77px; left:241px;
  background:url(../image/menu_bg02.png) repeat left top;
  z-index:5;
}
#menu_spmessage div{
  width:auto; height:16px;
  position:absolute;
  text-indent:-65535px;
  background:url(../image/menu_ph02.png) repeat left top;
}
#menu_spmessage div.cast{
  width:80px;
  top:11px; left:10px;
  background-position:0 0;
}
#menu_spmessage div.creator{
  width:75px;
  top:11px; left:271px;
  background-position:-80px 0;
}
#menu_spmessage ul{
  width:auto; height:auto;
  margin:0; padding:0;
  position:absolute;
}
#menu_spmessage ul li{
  display:block;
  width:60px; height:70px;
  margin:0 0 15px;
  float:left;
}
#menu_spmessage ul li span.image{
  display:block;
  width:50px; height:50px;
  margin:0 5px 5px;
  background:url(../image/menu_ph02.png) repeat 0 -16px;
}
#menu_spmessage ul li span.name{
  display:block;
  width:60px; height:13px;
  font-size:10px; line-height:13px;
  text-align:center;
  color:rgb(255,255,255);
}
#menu_spmessage ul.cast{
  width:245px; height:auto;
  top:41px; left:6px;
}
#menu_spmessage ul.creator{
  width:425px; height:auto;
  max-width:421px;
  top:41px; left:265px;
}
#menu_spmessage ul li.cast01 span.image{ background-position:-50px -16px; }
#menu_spmessage ul li.cast02 span.image{ background-position:-100px -16px; }
#menu_spmessage ul li.cast03 span.image{ background-position:-250px -16px; }
#menu_spmessage ul li.cast04 span.image{ background-position:-400px -16px; }
#menu_spmessage ul li.cast05 span.image{ background-position:-300px -66px; }
#menu_spmessage ul li.cast06 span.image{ background-position:-300px -116px; }
#menu_spmessage ul li.cast07 span.image{ background-position:-350px -116px; }
#menu_spmessage ul li.cast08 span.image{ background-position:-150px -166px; }
#menu_spmessage ul li.cast09 span.image{ background-position:-200px -166px; }
#menu_spmessage ul li.creator01 span.image{ background-position:-150px -16px; }
#menu_spmessage ul li.creator02 span.image{ background-position:-200px -16px; }
#menu_spmessage ul li.creator03 span.image{ background-position:-300px -16px; }
#menu_spmessage ul li.creator04 span.image{ background-position:-350px -16px; }
#menu_spmessage ul li.creator05 span.image{ background-position:-450px -16px; }
#menu_spmessage ul li.creator06 span.image{ background-position:0 -66px; }
#menu_spmessage ul li.creator07 span.image{ background-position:-200px -66px; }
#menu_spmessage ul li.creator08 span.image{ background-position:-50px -66px; }
#menu_spmessage ul li.creator09 span.image{ background-position:-100px -66px; }
#menu_spmessage ul li.creator10 span.image{ background-position:-150px -66px; }
#menu_spmessage ul li.creator11 span.image{ background-position:-250px -66px; }
#menu_spmessage ul li.creator12 span.image{ background-position:-350px -66px; }
#menu_spmessage ul li.creator13 span.image{ background-position:-400px -66px; }
#menu_spmessage ul li.creator14 span.image{ background-position:-150px -116px; }
#menu_spmessage ul li.creator15 span.image{ background-position:-450px -66px; }
#menu_spmessage ul li.creator16 span.image{ background-position:-200px -116px; }
#menu_spmessage ul li.creator17 span.image{ background-position:0 -116px; }
#menu_spmessage ul li.creator18 span.image{ background-position:-50px -116px; }
#menu_spmessage ul li.creator19 span.image{ background-position:-100px -116px; }
#menu_spmessage ul li.creator20 span.image{ background-position:-250px -116px; }
#menu_spmessage ul li.creator21 span.image{ background-position:-400px -116px; }
#menu_spmessage ul li.creator22 span.image{ background-position:-450px -116px; }
#menu_spmessage ul li.creator23 span.image{ background-position:0 -166px; }
#menu_spmessage ul li.creator24 span.image{ background-position:-50px -166px; }
#menu_spmessage ul li.creator25 span.image{ background-position:-100px -166px; }
#menu_spmessage ul li.creator26 span.image{ background-position:-250px -166px; }

#menu_character{
  display:none;
  width:380px; height:339px;
  position:fixed;
  top:167px; left:241px;
  background:url(../image/menu_bg02.png) repeat left top;
}

#menu_character div{
  width:auto; height:16px;
  position:absolute;
  text-indent:-65535px;
  background:url(../image/menu_ph03.png) no-repeat left top;
}
#menu_character div.ffx{
  width:27px;
  top:11px; left:10px;
  background-position:0 0;
}
#menu_character div.ffx2{
  width:34px;
  top:11px; left:200px;
  background-position:-27px 0;
}

#menu_character ul{
  width:190px; height:auto;
  margin:0; padding:0;
  position:absolute;
}
#menu_character ul li{
  display:block;
  width:190px; height:27px;
  margin:0; padding:0;
  text-indent:-65535px;
  background:url(../image/menu_ph03.png) no-repeat 0 -16px;
}
#menu_character ul.ffx{
  width:190px; height:297px;
  top:32px; left:0;
}
#menu_character ul.ffx li.tidus{ background-position:0 -16px; }
#menu_character ul.ffx li.tidus:hover{ background-position:-190px -16px; }
#menu_character ul.ffx li.yuna{ background-position:0 -43px; }
#menu_character ul.ffx li.yuna:hover{ background-position:-190px -43px; }
#menu_character ul.ffx li.wakka{ background-position:0 -70px; }
#menu_character ul.ffx li.wakka:hover{ background-position:-190px -70px; }
#menu_character ul.ffx li.lulu{ background-position:0 -97px; }
#menu_character ul.ffx li.lulu:hover{ background-position:-190px -97px; }
#menu_character ul.ffx li.kimari{ background-position:0 -124px; }
#menu_character ul.ffx li.kimari:hover{ background-position:-190px -124px; }
#menu_character ul.ffx li.auron{ background-position:0 -178px; }
#menu_character ul.ffx li.auron:hover{ background-position:-190px -178px; }
#menu_character ul.ffx li.rikku{ background-position:0 -151px; }
#menu_character ul.ffx li.rikku:hover{ background-position:-190px -151px; }
#menu_character ul.ffx li.seymour{ background-position:0 -205px; }
#menu_character ul.ffx li.seymour:hover{ background-position:-190px -205px; }
#menu_character ul.ffx li.jecht{ background-position:0 -232px; }
#menu_character ul.ffx li.jecht:hover{ background-position:-190px -232px; }
#menu_character ul.ffx li.global{ background-position:0 -259px; }
#menu_character ul.ffx li.global:hover{ background-position:-190px -259px; }
#menu_character ul.ffx li.sin{ background-position:0 -286px; }
#menu_character ul.ffx li.sin:hover{ background-position:-190px -286px; }
#menu_character ul.ffx2{
  width:190px; height:297px;
  top:32px; left:190px;
}
#menu_character ul.ffx2 li.yuna{ background-position:0 -313px; }
#menu_character ul.ffx2 li.yuna:hover{ background-position:-190px -313px; }
#menu_character ul.ffx2 li.rikku{ background-position:0 -340px; }
#menu_character ul.ffx2 li.rikku:hover{ background-position:-190px -340px; }
#menu_character ul.ffx2 li.paine{ background-position:0 -367px; }
#menu_character ul.ffx2 li.paine:hover{ background-position:-190px -367px; }
#menu_character ul.ffx2 li.nooj{ background-position:0 -394px; }
#menu_character ul.ffx2 li.nooj:hover{ background-position:-190px -394px; }
#menu_character ul.ffx2 li.baralai{ background-position:0 -421px; }
#menu_character ul.ffx2 li.baralai:hover{ background-position:-190px -421px; }
#menu_character ul.ffx2 li.gippal{ background-position:0 -448px; }
#menu_character ul.ffx2 li.gippal:hover{ background-position:-190px -448px; }
#menu_character ul.ffx2 li.lenne{ background-position:0 -475px; }
#menu_character ul.ffx2 li.lenne:hover{ background-position:-190px -475px; }
#menu_character ul.ffx2 li.spherehunter{ background-position:0 -502px; }
#menu_character ul.ffx2 li.spherehunter:hover{ background-position:-190px -502px; }
#menu_character ul.ffx2 li.formermembers{ background-position:0 -529px; }
#menu_character ul.ffx2 li.formermembers:hover{ background-position:-190px -529px; }


#menu_ps4overview{
  display:none;
  width:190px; height:101px;
  position:fixed;
  top:135px; left:241px;
  background:url(../image/menu_bg02.png) repeat left top;
}
#menu_ps4overview ul{
  width:190px; height:auto;
  margin:0; padding:0;
  position:absolute;
  top:10px; left:0;
}
#menu_ps4overview ul li{
  display:block;
  width:190px; height:27px;
  margin:0; padding:0;
  text-indent:-65535px;
  background:url(../image/menu_ph06.png) repeat 0 0;
}
#menu_ps4overview ul li.graphics{ background-position:0 0; }
#menu_ps4overview ul li.graphics:hover{ background-position:-190px 0; }
#menu_ps4overview ul li.music1{ background-position:0 -27px; }
#menu_ps4overview ul li.music1:hover{ background-position:-190px -27px; }
#menu_ps4overview ul li.music2{ background-position:0 -54px; }
#menu_ps4overview ul li.music2:hover{ background-position:-190px -54px; }


#menu_hdoverview{
  display:none;
  width:190px; height:198px;
  position:fixed;
  top:135px; left:241px;
  background:url(../image/menu_bg02.png) repeat left top;
}
#menu_hdoverview ul{
  width:190px; height:auto;
  margin:0; padding:0;
  position:absolute;
  top:10px; left:0;
}
#menu_hdoverview ul li{
  display:block;
  width:190px; height:27px;
  margin:0; padding:0;
  text-indent:-65535px;
  background:url(../image/menu_ph04.png) repeat 0 0;
}
#menu_hdoverview ul li.graphics{ background-position:0 0; }
#menu_hdoverview ul li.graphics:hover{ background-position:-190px 0; }
#menu_hdoverview ul li.specialcredit{ background-position:0 -27px; }
#menu_hdoverview ul li.specialcredit:hover{ background-position:-190px -27px; }
#menu_hdoverview ul li.music{ background-position:0 -54px; }
#menu_hdoverview ul li.music:hover{ background-position:-190px -54px; }
#menu_hdoverview ul li.trophies{ background-position:0 -81px; }
#menu_hdoverview ul li.trophies:hover{ background-position:-190px -81px; }
#menu_hdoverview ul li.crosssave{ background-position:0 -108px; }
#menu_hdoverview ul li.crosssave:hover{ background-position:-190px -108px; }
#menu_hdoverview ul li.pickup{ height:43px; background-position:0 -135px; }
#menu_hdoverview ul li.pickup:hover{ background-position:-190px -135px; }


#menu_system{
  display:none;
  width:380px; height:220px;
  position:fixed;
  top:194px; left:241px;
  background:url(../image/menu_bg02.png) repeat left top;
}

#menu_system div{
  width:auto; height:16px;
  position:absolute;
  text-indent:-65535px;
  background:url(../image/menu_ph03.png) no-repeat left top;
}
#menu_system div.ffx{
  width:27px;
  top:11px; left:10px;
  background-position:0 0;
}
#menu_system div.ffx2{
  width:34px;
  top:11px; left:200px;
  background-position:-27px 0;
}
#menu_system ul{
  width:190px; height:auto;
  margin:0; padding:0;
  position:absolute;
  top:10px; left:0;
}
#menu_system ul li{
  display:block;
  width:190px; height:27px;
  margin:0; padding:0;
  text-indent:-65535px;
  background:url(../image/menu_ph05.png) repeat 0 0;
}
#menu_system ul.ffx{
  width:190px; height:297px;
  top:32px; left:0;
}
#menu_system ul.ffx li.ctb{ background-position:0 -16px; }
#menu_system ul.ffx li.ctb:hover{ background-position:-190px -16px; }
#menu_system ul.ffx li.sphere{ background-position:0 -43px; }
#menu_system ul.ffx li.sphere:hover{ background-position:-190px -43px; }
#menu_system ul.ffx li.overdrive{ background-position:0 -70px; }
#menu_system ul.ffx li.overdrive:hover{ background-position:-190px -70px; }
#menu_system ul.ffx li.summon{ background-position:0 -97px; }
#menu_system ul.ffx li.summon:hover{ background-position:-190px -97px; }
#menu_system ul.ffx li.subevent{ background-position:0 -124px; }
#menu_system ul.ffx li.subevent:hover{ background-position:-190px -124px; }
#menu_system ul.ffx li.international{ height:43px; background-position:0 -151px; }
#menu_system ul.ffx li.international:hover{ background-position:-190px -151px; }
#menu_system ul.ffx2{
  width:190px; height:297px;
  top:32px; left:190px;
}
#menu_system ul.ffx2 li.mission{ background-position:0 -194px; }
#menu_system ul.ffx2 li.mission:hover{ background-position:-190px -194px; }
#menu_system ul.ffx2 li.atb{ background-position:0 -221px; }
#menu_system ul.ffx2 li.atb:hover{ background-position:-190px -221px; }
#menu_system ul.ffx2 li.dressup{ background-position:0 -248px; }
#menu_system ul.ffx2 li.dressup:hover{ background-position:-190px -248px; }
#menu_system ul.ffx2 li.customize{ background-position:0 -275px; }
#menu_system ul.ffx2 li.customize:hover{ background-position:-190px -275px; }
#menu_system ul.ffx2 li.minigame{ background-position:0 -302px; }
#menu_system ul.ffx2 li.minigame:hover{ background-position:-190px -302px; }
#menu_system ul.ffx2 li.international{ height:43px; background-position:0 -329px; }
#menu_system ul.ffx2 li.international:hover{ background-position:-190px -329px; }



/* ##### ps4 ##### */
#menu div.pickup_ps4banner{
  width:214px; height:104px;
  margin:0; padding:0;
  position:absolute;
  top:393px; left:13px;
  list-style-type:none;
  background:url(../image/menu_ph02_10.png) no-repeat 0 0;
  cursor:pointer;
}
#menu div.pickup_ps4banner:hover{
  background-position:0 -104px;
}

#ps4{
  width:100%; height:100%;
  position:absolute;
  top:0; left:0;
  background:url(../image/ps4_bg01.png) repeat left top;
  cursor:pointer;
}

#ps4 div.ps4window{
  width:870px; height:563px;
  position:absolute;
  top:50%; left:50%;
  margin:-281px 0 0 -435px;
  background:url(../image/ps4_bg02.png) repeat left top;
  cursor:auto;
}

#ps4 div.ps4window h2{
  width:408px; height:214px;
  position:absolute;
  top:25px; left:68px;
  text-indent:-32767px;
  background:url(../image/ps4_ph01.png) no-repeat 0 0;
}

#ps4 div.ps4window h3{
  width:319px; height:171px;
  position:absolute;
  top:59px; left:484px;
  margin:0;
  text-indent:-32767px;
  background:url(../image/ps4_ph01.png) no-repeat 0 -214px;
}

#ps4 div.ps4window p{
  width:511px; height:120px;
  position:absolute;
  top:258px; left:176px;
  margin:0;
  text-indent:-32767px;
  background:url(../image/ps4_ph01.png) no-repeat 0 -385px;
}

#ps4 div.ps4window div{
  width:370px; height:119px;
  position:absolute;
  top:404px; left:249px;
  margin:0;
  text-indent:-32767px;
  background:url(../image/ps4_ph01.png) no-repeat 0 -505px;
}
#ps4 div.ps4window div.close{
  width:30px; height:31px;
  top:13px; left:825px;
  background-position:-408px 0;
  cursor:pointer;
}



/* ##### pickup ##### */
#menu div.pickup_steam{
  width:214px; height:55px;
  margin:0; padding:0;
  position:absolute;
  top:531px; left:13px;
  list-style-type:none;
  text-indent:-32768px;
  background:url(../image/menu_ph02_15.png) no-repeat 0 -55px;
  cursor:pointer;
}
#menu div.pickup_steam:hover{
  background-position:0 0;
}
#menu div.pickup_ps4banner2{
  width:214px; height:66px;
  margin:0; padding:0;
  position:absolute;
  top:393px; left:13px;
  list-style-type:none;
  text-indent:-32768px;
  background:url(../image/menu_ph02_12.png) no-repeat 0 0;
  cursor:pointer;
}
#menu div.pickup_ps4banner2:hover{
  background-position:0 -66px;
}

#menu div.pickup_ps4manual{
  width:214px; height:47px;
  margin:0; padding:0;
  position:absolute;
  top:493px; left:13px;
  list-style-type:none;
  text-indent:-32768px;
  background:url(../image/menu_ph02_13.png) no-repeat 0 0;
  cursor:pointer;
}
#menu div.pickup_ps4manual:hover{
  background-position:0 -47px;
}

#menu div.pickup_ps4store{
  width:214px; height:47px;
  margin:0; padding:0;
  position:absolute;
  top:455px; left:13px;
  list-style-type:none;
  text-indent:-32768px;
  background:url(../image/menu_ph02_18.png) no-repeat 0 0;
  cursor:pointer;
}
#menu div.pickup_ps4store:hover{
  background-position:0 -47px;
}

#menu div.pickup_switchxbox{
  width:214px; height:66px;
  margin:0; padding:0;
  position:absolute;
  top:399px; left:13px;
  list-style-type:none;
  text-indent:-32768px;
  background:url(../image/menu_ph02_17.png) no-repeat 0 0;
  cursor:pointer;
}
#menu div.pickup_switchxbox:hover{
  background-position:0 -66px;
}



/* ##### modalwindow ##### */
#modalwindow{
  visibility:hidden;
  width:100%; height:100%;
  position:absolute;
  top:0; left:0;
  background:rgba(0,0,0,0.4);
  opacity:0;
}
#modalwindow div.frame{
  width:588px; height:541px;
  position:fixed;
  top:0; bottom:0; left:280px; right:0;
  margin:auto;
  opacity:0;
}

#modalwindow div.frame div.head{
  width:auto; height:9px;
  position:relative;
  margin:0 9px;
  background:url(../image/modalwindow_bg02.png) repeat-x 0 0;
}
#modalwindow div.frame div.head:before{
  display:inline-block;
  content:" ";
  width:9px; height:9px;
  position:absolute;
  top:0; left:-9px;
  background:url(../image/modalwindow_bg01.png) no-repeat 0 0;
}
#modalwindow div.frame div.head:after{
  display:inline-block;
  content:" ";
  width:9px; height:9px;
  position:absolute;
  top:0; right:-9px;
  background:url(../image/modalwindow_bg01.png) no-repeat -9px 0;
}
#modalwindow div.frame div.body{
  width:auto; height:100%;
  position:relative;
  margin:0 9px;
  background:rgba(0,0,0,0.4);
}
#modalwindow div.frame div.body:before{
  display:inline-block;
  content:" ";
  width:9px; height:100%;
  position:absolute;
  top:0; left:-9px;
  background:url(../image/modalwindow_bg01.png) repeat-y -18px 0;
}
#modalwindow div.frame div.body:after{
  display:inline-block;
  content:" ";
  width:9px; height:100%;
  position:absolute;
  top:0; right:-9px;
  background:url(../image/modalwindow_bg01.png) repeat-y -27px 0;
}
#modalwindow div.frame div.body div.contents{
  width:auto; height:auto;
  position:absolute;
  top:0; bottom:0; left:0; right:0;
  margin:9px;
}
#modalwindow div.frame div.foot{
  width:auto; height:9px;
  position:relative;
  margin:0 9px;
  background:url(../image/modalwindow_bg02.png) repeat-x 0 -9px;
}
#modalwindow div.frame div.foot:before{
  display:inline-block;
  content:" ";
  width:9px; height:9px;
  position:absolute;
  top:0; left:-9px;
  background:url(../image/modalwindow_bg01.png) no-repeat 0 -9px;
}
#modalwindow div.frame div.foot:after{
  display:inline-block;
  content:" ";
  width:9px; height:9px;
  position:absolute;
  top:0; right:-9px;
  background:url(../image/modalwindow_bg01.png) no-repeat -9px -9px;
}
#modalwindow div.frame div.close{
  width:30px; height:31px;
  position:absolute;
  top:13px; right:15px;
  background:url(../image/modalwindow_ph01.png) no-repeat 0 0;
  cursor:pointer;
}


/* ********** information001 ********** */
#information001{
  width:444px; height:448px;
  position:absolute;
  top:0; bottom:0; left:0; right:0;
  margin:auto;
  background:url(../image/information_001_ph01.png) center / contain no-repeat;
}
#information001 .switch{
  width:49.3243%; height:auto;
  position:absolute;
  top:50%; left:0;
  margin:45% 0 0;
}
#information001 .switch img{
  width:100%; height:auto;
}
#information001 .switch img:hover{
  opacity:0.6;
}
#information001 .xbox{
  width:49.3243%; height:auto;
  position:absolute;
  top:50%; right:0;
  margin:45% 0 0;
}
#information001 .xbox img{
  width:100%; height:auto;
}
#information001 .xbox img:hover{
  opacity:0.6;
}