@charset "UTF-8";

/*  TOP
----------------------------------------------------*/
div#index {
  height: 590px;
  position:relative;
  overflow: hidden;
  background: url(../images/top_main.jpg) center top no-repeat;
}
div#index div.main h1 {
  padding: 94px 0 0 213px;
}
div#index div.main p {
  margin: 53px 0 0 151px;
}
div#index div.main ul {
  margin: 3px 0 0 145px;
}
div#index div.main ul li {
  display: inline;
}


/*  PROLOGUE
----------------------------------------------------*/
div#prologue {
  height: 590px;
  position:relative;
  overflow: hidden;
  background: url(../images/prologue_bg.jpg) center top no-repeat;
}
div#prologue div.main {
  position: relative;
}
div#prologue div.main h1 {
  position: absolute;
  top: 132px; left:437px;
}
div#prologue div.main p {
  position: absolute;
  top: 130px; left: 752px;
}
div#prologue div.main p.lead2 {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
  top: 150px; left: 752px;
}
div#prologue div.main ul.pagebtn {
  width:60px; height:60px;
  position:absolute;
  top:100px; right:100px;
  padding:0;
  background:url(../images/ph05.png) no-repeat left top;
}
div#prologue div.main ul.pagebtn div.up {
  width:23px; height:16px;
  position:absolute;
  top:5px; left:5px;
  background: url(../images/ph05.png) no-repeat -60px top;
}
div#prologue div.main ul.pagebtn div.up.off {
  background-position: -83px top;
}
div#prologue div.main ul.pagebtn div.down {
  width:23px; height:16px;
  position:absolute;
  bottom:5px; right:5px;
  background: url(../images/ph05.png) no-repeat -60px -16px;
}
div#prologue div.main ul.pagebtn div.down.off {
  background-position:-83px -16px;
}

/*  CHARACTER
----------------------------------------------------*/
div#character {
  height: 590px;
  position:relative;
  overflow: hidden;
}
div#character div.main {
  position: relative;
  overflow: hidden;
}
div#character div.main div.inframe {
  width:2560px; height:590px;
  position: absolute;
  background: url(../images/chara_bg.gif) no-repeat left top;
}
div#character div.main div.inframe div.characters{
  height:590px;
  position: relative;
}
div#character div.main h1.main {
  position:absolute;
  top:76px; right:1300px;
}
div#character div.main li.chara01 {
  position: absolute;
  bottom: 0;
  left: 140px;
}
div#character div.main li.chara02 {
  position: absolute;
  bottom: 0;
  left: 332px;
}
div#character div.main li.chara03 {
  position: absolute;
  bottom: 0;
  left: 519px;
}
div#character div.main li.chara04 {
  position: absolute;
  bottom: 0;
  left: 787px;
}
div#character div.main p.otherbtn {
  position: absolute;
  right: 1280px;
  bottom: 0;
}

/* other */
div#character div.main h1.other {
  position:absolute;
  top:76px; right:20px;
}
div#character div.main h2 {
  position:absolute;
  top:120px; right:20px;
}
div#character div.main p.menu {
  position:absolute;
  bottom:83px; left:1563px;
}
div#character div.main p.mainbtn {
  position: absolute;
  top: 50px; left: 1280px;
}
div#character div.main p.copyright {
  position: absolute;
  bottom: 2px; right: 17px;
}

/* characterbox */
div#characterbox {
  display:none;
  width:1280px; height:590px;
  overflow:hidden;
  position: absolute;
  top:38px; left:50%;
  margin:0 0 0 -640px;
  background: url(../images/box_bg.png) repeat left top;
}
div#characterbox > div {
  width:1140px; height:500px;
  position:absolute;
  top:90px; left:140px;
}
div#characterbox div.panel {
  width:1000px; height:450px;
  position:absolute;
  top:0; left:0;
}
div#characterbox div.box1 div.panel {
  background: url(../images/chara01_1.jpg) no-repeat left top;
}
div#characterbox div.box2 div.panel {
  background: url(../images/chara02_1.jpg) no-repeat left top;
}
div#characterbox div.box3 div.panel {
  background: url(../images/chara03_1.jpg) no-repeat left top;
}
div#characterbox div.box4 div.panel {

  background: url(../images/chara04_1.jpg) no-repeat left top;
}
div#characterbox div.box5 div.panel {
  background: url(../images/others01.png) no-repeat left top;
}
div#characterbox div.box6 div.panel {
  background: url(../images/others02.png) no-repeat left top;
}
div#characterbox div.box7 div.panel {
  background: url(../images/others03.png) no-repeat left top;
}
div#characterbox div.box8 div.panel {
  background: url(../images/others04.png) no-repeat left top;
}
div#characterbox div.box9 div.panel {
  background: url(../images/chara_others05.png) no-repeat left top;
}
div#characterbox div.box10 div.panel {
  background: url(../images/chara_others06.png) no-repeat left top;
}
div#characterbox div.box11 div.panel {
  background: url(../images/chara_others07.png) no-repeat left top;
}
div#characterbox div.portrate {
  width:647px; height:534px;
  position:absolute;
  bottom:0; right:0;
}
div#characterbox div.box1 div.portrate {
  background: url(../images/chara01_2.png) no-repeat left top;
}
div#characterbox div.box2 div.portrate {
  background: url(../images/chara02_2.png) no-repeat left top;
}
div#characterbox div.box3 div.portrate {
  background: url(../images/chara03_2.png) no-repeat left top;
}
div#characterbox div.box4 div.portrate {
  background: url(../images/chara04_2.png) no-repeat left top;
}
div#characterbox div.buttonclose {
  width:50px; height:50px;
  position:absolute;
  top:1px; right:141px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_close.gif) no-repeat left top;
}
div#character_btnnext {
  width:50px; height:50px;
  position:absolute;
  top:285px; right:141px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_nextw.gif) no-repeat left top;
}
div#character_btnprev {
  width:50px; height:50px;
  position:absolute;
  top:285px; left:141px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_prevw.gif) no-repeat left top;
}


/*  SYSTEM
----------------------------------------------------*/
div#system div.main {
  position: relative;
  overflow: hidden;
  background: rgb(166,166,166);
}
div#system div.main h1 {
  position: absolute;
  left: 1036px; bottom: 0;
}
div#system div.background {
  display:none;
  width:1280px; height:590px;
  position: absolute;
  background:rgb(255,255,255);
}
div#system div.main div.systems {
  width:1280px; height:590px;
  position: absolute;
}
div#system div.main div.systems > div {
  width:1280px; height:590px;
  position: absolute;
}
div#system div.main h2 {
  position: absolute;
  top: 72px; left: 0;
}
div#system div.system1 {
  left:0;
}
div#system div.system1 ul.index li {
  float:left;
}
div#system div.system2 {
  left:1280px;
}
div#system div.system2 h2 {
  left: 507px;
}
div#system div.system2 p.text {
  position: absolute;
  top: 175px; left: 400px;
}
div#system div.system2 div.menu {
  position: absolute;
  top: 39px; right: 128px;
}
div#system div.system3 {
  left:1280px;
}
div#system div.system3 h2 {
  left: 507px;
}
div#system div.system3 p.text {
  position: absolute;
  top: 186px; left: 326px;
}
div#system div.system3 p.image {
  position: absolute;
  top: 250px; left: 140px;
}
div#system div.system3 div.menu {
  position: absolute;
  top: 39px; right: 128px;
}
div#system div.system4 {
  left:1280px;
}
div#system div.system4 h2 {
  left: 471px;
}
div#system div.system4 p.text {
  position: absolute;
  top: 160px; left: 297px;
}
div#system div.system4 p.image {
  position: absolute;
  top: 250px; left: 245px;
}
div#system div.system4 div.menu {
  position: absolute;
  top: 39px; right: 0;
}
div#system div.system5 {
  left:1280px;
}
div#system div.system5 h2 {
  left: 501px;
}
div#system div.system5 p.text {
  position: absolute;
  top: 160px; left: 367px;
}
div#system div.system5 p.image {
  position: absolute;
  top: 230px; left: 200px;
}
div#system div.system5 div.menu {
  position: absolute;
  top: 39px; right: 0;
}
div#system div.system6 {
  left:1280px;
}
div#system div.system6 h2 {
  left: 453px;
}
div#system div.system6 p.text {
  position: absolute;
  top: 198px; left: 366px;
}
div#system div.system6 p.image {
  position: absolute;
  top: 271px; left: 400px;
}
div#system div.system6 div.menu {
  position: absolute;
  top: 39px; right: 0;
}
div#system div.system7 {
  left:1280px;
}
div#system div.system7 h2 {
  left: 486px;
}
div#system div.system7 p.text {
  position: absolute;
  top: 160px; left: 385px;
}
div#system div.system7 p.image {
  position: absolute;
  top: 250px; left: 400px;
}
div#system div.system7 div.menu {
  position: absolute;
  top: 39px; right: 0;
}
div#system div.system8 {
  left:1280px;
}
div#system div.system8 h2 {
  left: 426px;
}
div#system div.system8 p.text {
  position: absolute;
  top: 160px; left: 349px;
}
div#system div.system8 p.image {
  position: absolute;
  top: 250px; left: 168px;
}
div#system div.system8 div.menu {
  position: absolute;
  top: 39px; right: 0;
}
div#system div.system9 {
  left:1280px;
}
div#system div.system9 h2 {
  left: 459px;
}
div#system div.system9 p.image1 {
  position: absolute;
  top: 221px; left: 138px;
}
div#system div.system9 p.image2 {
  position: absolute;
  top: 221px; left: 476px;
}
div#system div.system9 p.image3 {
  position: absolute;
  top: 221px; left: 814px;
}
div#system div.system9 div.menu {
  position: absolute;
  top: 39px; right: 0;
}
div#system div.system10 {
  left:1280px;
}
div#system div.system10 h2 {
  left: 476px;
}
div#system div.system10 p.text {
  position: absolute;
  top: 160px; left: 277px;
}
div#system div.system10 p.image1 {
  position: absolute;
  top: 250px; left: 138px;
}
div#system div.system10 p.image2 {
  position: absolute;
  top: 250px; left: 470px;
}
div#system div.system10 p.image3 {
  position: absolute;
  top: 250px; left: 810px;
}
div#system div.system10 div.menu {
  position: absolute;
  top: 39px; right: 128px;
}
div#system div.system11 {
  left:1280px;
}
div#system div.system11 h2 {
  left: 476px;
}
div#system div.system11 p.image {
  position: absolute;
  top: 175px; left: 400px;
}
div#system div.system11 div.job {
  width:80px; height:85px;
  position:absolute;
  text-indent:-10000px;
  z-index:5;
  background:url(../images/system_base10_ph02.jpg) no-repeat left top;
}
div#system div.system11 div.job1 {
  top: 370px; left: 194px;
  background-position:0 0;
}
div#system div.system11 div.job1:hover {
  background-position:0 -85px;
}
div#system div.system11 div.job2 {
  top: 370px; left: 280px;
  background-position:-80px 0;
}
div#system div.system11 div.job2:hover {
  background-position:-80px -85px;
}
div#system div.system11 div.job3 {
  top: 370px; left: 366px;
  background-position:-160px 0;
}
div#system div.system11 div.job3:hover {
  background-position:-160px -85px;
}
div#system div.system11 div.job4 {
  top: 370px; left: 452px;
  background-position:-240px 0;
}
div#system div.system11 div.job4:hover {
  background-position:-240px -85px;
}
div#system div.system11 div.job5 {
  top: 370px; left: 538px;
  background-position:-320px 0;
}
div#system div.system11 div.job5:hover {
  background-position:-320px -85px;
}
div#system div.system11 div.job6 {
  top: 370px; left: 624px;
  background-position:-400px 0;
}
div#system div.system11 div.job6:hover {
  background-position:-400px -85px;
}
div#system div.system11 div.job7 {
  top: 370px; left: 710px;
  background-position:-480px 0;
}
div#system div.system11 div.job7:hover {
  background-position:-480px -85px;
}
div#system div.system11 div.job8 {
  top: 370px; left: 796px;
  background-position:-560px 0;
}
div#system div.system11 div.job8:hover {
  background-position:-560px -85px;
}
div#system div.system11 div.job9 {
  top: 370px; left: 882px;
  background-position:-640px 0;
}
div#system div.system11 div.job9:hover {
  background-position:-640px -85px;
}
div#system div.system11 div.job10 {
  top: 370px; left: 968px;
  background-position:-720px 0;
}
div#system div.system11 div.job10:hover {
  background-position:-720px -85px;
}
div#system div.system11 div.job11 {
  top: 370px; left: 1054px;
  background-position:-800px 0;
}
div#system div.system11 div.job11:hover {
  background-position:-800px -85px;
}
div#system div.system11 div.menu {
  position: absolute;
  top: 39px; right: 128px;
}
div#system div.system11 div.job12 {
  top: 470px; left: 131px;
  background-position:0 -170px;
}
div#system div.system11 div.job12:hover {
  background-position:0 -255px;
}
div#system div.system11 div.job13 {
  top: 470px; left: 217px;
  background-position:-80px -170px;
}
div#system div.system11 div.job13:hover {
  background-position:-80px -255px;
}
div#system div.system11 div.job14 {
  top: 470px; left: 303px;
  background-position:-160px -170px;
}
div#system div.system11 div.job14:hover {
  background-position:-160px -255px;
}
div#system div.system11 div.job15 {
  top: 470px; left: 389px;
  background-position:-240px -170px;
}
div#system div.system11 div.job15:hover {
  background-position:-240px -255px;
}
div#system div.system11 div.job16 {
  top: 470px; left: 475px;
  background-position:-320px -170px;
}
div#system div.system11 div.job16:hover {
  background-position:-320px -255px;
}
div#system div.system11 div.job17 {
  top: 470px; left: 561px;
  background-position:-400px -170px;
}
div#system div.system11 div.job17:hover {
  background-position:-400px -255px;
}
div#system div.system11 div.job18 {
  top: 470px; left: 647px;
  background-position:-480px -170px;
}
div#system div.system11 div.job18:hover {
  background-position:-480px -255px;
}
div#system div.system11 div.job19 {
  top: 470px; left: 733px;
  background-position:-560px -170px;
}
div#system div.system11 div.job19:hover {
  background-position:-560px -255px;
}
div#system div.system11 div.job20 {
  top: 470px; left: 819px;
  background-position:-640px -170px;
}
div#system div.system11 div.job20:hover {
  background-position:-640px -255px;
}
div#system div.system11 div.job21 {
  top: 470px; left: 905px;
  background-position:-720px -170px;
}
div#system div.system11 div.job21:hover {
  background-position:-720px -255px;
}
div#system div.system11 div.job22 {
  top: 470px; left: 991px;
  background-position:-800px -170px;
}
div#system div.system11 div.job22:hover {
  background-position:-800px -255px;
}
div#system div.system11 div.menu {
  position: absolute;
  top: 39px; right: 128px;
}
div#system div.main div.next {
  display:none;
  width:50px; height:50px;
  position:absolute;
  top:300px; right:20px;
  text-indent:-10000px;
  background:url(../images/btn_nextw.gif)  no-repeat left top;
}
div#system div.main div.prev {
  display:none;
  width:50px; height:50px;
  position:absolute;
  top:300px; left:20px;
  text-indent:-10000px;
  background:url(../images/btn_prevw.gif)  no-repeat left top;
}
/* jobbox */
div#jobbox {
  display:none;
  width:1280px; height:590px;
  overflow:hidden;
  position: absolute;
  top:38px; left:50%;
  margin:0 0 0 -640px;
  background: url(../images/box_bg.png) repeat left top;
}
div#jobbox > div {
  width:800px; height:450px;
  position:absolute;
  top:90px; left:310px;
}
div#jobbox div.panel {
  width:800px; height:450px;
  position:absolute;
  top:0; left:0;
}
div#jobbox div.box1 div.panel {
  background: url(../images/system01_1.jpg) no-repeat left top;
}
div#jobbox div.box2 div.panel {
  background: url(../images/system01_2.jpg) no-repeat left top;
}
div#jobbox div.box3 div.panel {
  background: url(../images/system01_3.jpg) no-repeat left top;
}
div#jobbox div.box4 div.panel {
  background: url(../images/system01_4.jpg) no-repeat left top;
}
div#jobbox div.box5 div.panel {
  background: url(../images/system01_5.jpg) no-repeat left top;
}
div#jobbox div.box6 div.panel {
  background: url(../images/system01_6.jpg) no-repeat left top;
}
div#jobbox div.box7 div.panel {
  background: url(../images/system01_7.jpg) no-repeat left top;
}
div#jobbox div.box8 div.panel {
  background: url(../images/system01_8.jpg) no-repeat left top;
}
div#jobbox div.box9 div.panel {
  background: url(../images/system01_9.jpg) no-repeat left top;
}
div#jobbox div.box10 div.panel {
  background: url(../images/system01_10.jpg) no-repeat left top;
}
div#jobbox div.box11 div.panel {
  background: url(../images/system01_11.jpg) no-repeat left top;
}
div#jobbox div.box12 div.panel {
  background: url(../images/system01_12.jpg) no-repeat left top;
}
div#jobbox div.box13 div.panel {
  background: url(../images/system01_13.jpg) no-repeat left top;
}
div#jobbox div.box14 div.panel {
  background: url(../images/system01_14.jpg) no-repeat left top;
}
div#jobbox div.box15 div.panel {
  background: url(../images/system01_15.jpg) no-repeat left top;
}
div#jobbox div.box16 div.panel {
  background: url(../images/system01_16.jpg) no-repeat left top;
}
div#jobbox div.box17 div.panel {
  background: url(../images/system01_17.jpg) no-repeat left top;
}
div#jobbox div.box18 div.panel {
  background: url(../images/system01_18.jpg) no-repeat left top;
}
div#jobbox div.box19 div.panel {
  background: url(../images/system01_19.jpg) no-repeat left top;
}
div#jobbox div.box20 div.panel {
  background: url(../images/system01_20.jpg) no-repeat left top;
}
div#jobbox div.box21 div.panel {
  background: url(../images/system01_21.jpg) no-repeat left top;
}
div#jobbox div.box22 div.panel {
  background: url(../images/system01_22.jpg) no-repeat left top;
}
div#jobbox div.buttonclose {
  width:50px; height:50px;
  position:absolute;
  top:1px; right:1px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_close.gif) no-repeat left top;
}
div#job_btnnext {
  width:50px; height:50px;
  position:absolute;
  top:285px; right:241px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_nextw.gif) no-repeat left top;
}
div#job_btnprev {
  width:50px; height:50px;
  position:absolute;
  top:285px; left:241px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_prevw.gif) no-repeat left top;
}


/*  GALLERY
----------------------------------------------------*/
div#gallery {
  height: 590px;
  position:relative;
  overflow: hidden;
  background: url(../images/gallery_bg.jpg) no-repeat center top;
}
div#gallery div.main {
  position: relative;
  overflow: hidden;
}
div#gallery div.main h1 {
  position: absolute;
  right: 33px; top: 91px;
}
div#gallery div.main p.text {
  position: absolute;
  right: 33px; top: 157px;
}
div#gallery div.main p.menu {
  position: absolute;
  left: 298px; top: 236px;
}
div#gallery div.main p.copyright {
  position: absolute;
  bottom:8px; left:8px;
  line-height:0;
}

/* gallerybox */
div#gallerybox {
  display:none;
  width:1280px; height:590px;
  overflow:hidden;
  position: absolute;
  top:38px; left:50%;
  margin:0 0 0 -640px;
  background: url(../images/box_bg.png) repeat left top;
}
div#gallerybox > div {
  width:800px; height:450px;
  position:absolute;
  top:90px; left:310px;
}
div#gallerybox div.panel {
  width:800px; height:450px;
  position:absolute;
  top:0; left:0;
}
div#gallerybox div.box1 div.panel {
  background: url(../images/gallery01_1.jpg) no-repeat left top;
}
div#gallerybox div.box2 div.panel {
  background: url(../images/gallery01_2.jpg) no-repeat left top;
}
div#gallerybox div.box3 div.panel {
  background: url(../images/gallery01_3.jpg) no-repeat left top;
}
div#gallerybox div.box4 div.panel {
  background: url(../images/gallery01_4.jpg) no-repeat left top;
}
div#gallerybox div.box5 div.panel {
  background: url(../images/gallery01_5.jpg) no-repeat left top;
}
div#gallerybox div.box6 div.panel {
  background: url(../images/gallery01_6.jpg) no-repeat left top;
}
div#gallerybox div.box7 div.panel {
  background: url(../images/gallery01_7.jpg) no-repeat left top;
}
div#gallerybox div.box8 div.panel {
  background: url(../images/gallery01_8.jpg) no-repeat left top;
}
div#gallerybox div.buttonclose {
  width:50px; height:50px;
  position:absolute;
  top:1px; right:1px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_close.gif) no-repeat left top;
}
div#gallery_btnnext {
  width:50px; height:50px;
  position:absolute;
  top:285px; right:241px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_nextw.gif) no-repeat left top;
}
div#gallery_btnprev {
  width:50px; height:50px;
  position:absolute;
  top:285px; left:241px;
  font-size:1px; line-height:0;
  text-indent: -10000px;
  background: url(../images/btn_prevw.gif) no-repeat left top;
}

/*  TRAILER
----------------------------------------------------*/
div#trailer {
  height: 590px;
  position:relative;
  overflow: hidden;
  background: url(../images/trailer_bg.jpg) center top no-repeat;
}
div#trailer div.main {
  position: relative;
  overflow: hidden;
}
div#trailer div.main h1 {
  position: absolute;
  top: 109px; left:525px;
}
div#trailer div.main ul {
  width:1280px; height:260px;
  position: absolute;
  top: 215px; left:0;
  font-size:0;
}
div#trailer div.main ul li {
  display:block;
  width:260px; height:260px;
  position:absolute;
}
div#trailer div.main ul li.pv {
  top:0;left:140px; /* (1280-200)/2-200*2 */
  background: url(../images/trailer_menu05_txt.png) no-repeat left top;
}
div#trailer div.main ul li.result {
  top:0;left:340px; /* (1280-200)/2-200*1 */
  background: url(../images/trailer_menu04_txt.png) no-repeat left top;
}
div#trailer div.main ul li.campaign {
  top:0;left:540px; /* (1280-200)/2 */
  background: url(../images/trailer_menu03_txt.png) no-repeat left top;
}
div#trailer div.main ul li.trailer {
  top:0;left:740px; /* (1280-200)/2+200*1 */
  background: url(../images/trailer_menu02_txt.png) no-repeat left top;
}
div#trailer div.main ul li.teser {
  top:0;left:940px; /* (1280-200)/2+200*2 */
  background: url(../images/trailer_menu01_txt.png) no-repeat left top;
}
div#trailer div.main ul li span{
  display:block;
  width:200px; height:200px;
  position:absolute;
  top:60px; left:0;
}

/*  DOWNLOAD
----------------------------------------------------*/
div#download {
  height: 590px;
  position:relative;
  overflow: hidden;
  background: url(../images/download_bg.jpg) center top no-repeat;
}
div#download div.main {
  position: relative;
  overflow: hidden;
}
div#download div.main h1 {
  position: absolute;
  top: 91px; left:619px;
}
div#download div.main h2 {
  position: absolute;
  top: 194px; left:621px;
}
div#download div.main .wallpaper {
  position: absolute;
  top: 198px; left: 727px;
}
div#download div.main .wallpaper ul.size1 {
  margin-top: 13px;
  text-align: center;
}
div#download div.main .wallpaper ul.size2 {
  margin-top: 4px;
  text-align: center;
}
div#download div.main .wallpaper li {
  display: inline;
  margin-right: 15px;
}
div#download div.main p.copyright {
  position: absolute;
  bottom:8px; left:8px;
  line-height:0;
}
div#download div.main .wallpaper2 {
  display: none;
}
div#download div.main ul.pagebtn {
  width:60px; height:60px;
  position:absolute;
  top:100px; right:100px;
  padding:0;
  background:url(../images/ph05.png) no-repeat left top;
}
div#download div.main ul.pagebtn div.up {
  width:23px; height:16px;
  position:absolute;
  top:5px; left:5px;
  background: url(../images/ph05.png) no-repeat -60px top;
}
div#download div.main ul.pagebtn div.up.off {
  background-position: -83px top;
}
div#download div.main ul.pagebtn div.down {
  width:23px; height:16px;
  position:absolute;
  bottom:5px; right:5px;
  background: url(../images/ph05.png) no-repeat -60px -16px;
}
div#download div.main ul.pagebtn div.down.off {
  background-position:-83px -16px;
}


/*  SPEC
----------------------------------------------------*/
div#spec {
  height: 590px;
  position:relative;
  overflow: hidden;
  background: url(../images/spec_bg.jpg) center top no-repeat;
}
div#spec div.main {
  position: relative;
  overflow: hidden;
}
div#spec div.main h1 {
  position: absolute;
  top: 123px; left: 350px;
}
div#spec div.main p {
  position: absolute;
  top: 182px; left: 136px;
}

/*  BANNER
----------------------------------------------------*/
div#banner {
  height:60px;
  border-top:solid 1px rgb(102,102,102);
}
div#banner ul {
  margin-top: 2px;
  text-align: center;
}
div#banner li {
  display: inline;
  margin-right: 15px;
}

/*  Player
----------------------------------------------------*/
div#jp_trailer_container {
  position:relative;
}
div#jp_trailer_playbtn {
  width:100%; height:100%;
  position:absolute;
  top:0; left:0;
  text-indent:-1000px;
  background: url(../images/ph04_0.gif) no-repeat left top;
  cursor:pointer;
}
div.jp-video div.jp-jplayer {
  border:none;
}

/*  colorbox
----------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; } /* overflow:hidden; */
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

#cboxOverlay{
  background:url(../images/box_bg.png) repeat left top;
}
#cboxClose{
  display:block;
  width:50px; height:50px;
  position:absolute;
  top:-55px; right:-35px;
  font-size:1px; line-height:0;
  text-indent:-10000px;
  background:url(../images/btn_close.gif) no-repeat left top;
}