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

/* First:Reseter
   10px   =      77%
   11px   =      85%
   12px   =      93%
   13px   =     100%
   14px   =     108%
   15px   =     116%
   16px   =   123.1%
   17px   =     131%
   18px   =   138.5%
   19px   =   146.5%
   20px   =   153.9%
   21px   =   161.6%
   22px   =     167%
   23px   =     174%
   24px   =     182%
   25px   =     189%
  */
html {
   overflow-y: scroll;
   color: #444;
   background-image: url(../img/bg2.png);
   background-position: 0 0;
   background-repeat: repeat;
   background-attachment: fixed;
     -webkit-text-size-adjust: none;
     
}
a{
outline: none; 
}
body {
margin: 0;
color: #333;
font: 14px/1.5 Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background-image: url(../img/bg1.png);
letter-spacing: 1px;
background-size: 100%;
background-position: 0 0;
background-repeat: repeat;
background-color: transparent;
background-attachment: fixed;
}
h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
   font-weight: normal;
   letter-spacing:1px;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
   margin: 0;
   padding: 0;}
select, input, button, textarea {
   font: 99% verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  *font-size: 100%;}
table {
   border-collapse: collapse;
   border-spacing :0;
   font-size: inherit;
   font: 100%;}
address, caption, cite, code, dfn, em, strong, th, var {
   font-style: normal;
   font-weight: normal;}
pre, code, kbd, samp, tt {
   font-family: monospace;
  *font-size: 108%;
   line-height: 100%;}
abbr, acronym {
   border: 0;
   font-variant: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
fieldset, img {border: 0;}
legend {color: #000;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
q:before, q:after {content: '';}
/* Overall */
a{font-weight: normal;text-decoration: none;
   -moz-transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
a:hover{
    color:#CCC;
}
p{
    line-height: 1.4;
    margin: 5px 0;
}/* spriteImages */

#spbnr { width: 97%; text-align:right; padding:6px 0 0 0; position:fixed; z-index:10000;}
.spritemachine_slice_topbar { width: 97%; height: 8px;}

.spritemachine_slice_kc6 { width: 137px; height: 594px; background: url(../img/kc6.png) 0 0 no-repeat; }
.spritemachine_slice_kc7 { width: 137px; height: 594px; background: url(../img/kc7.png) 0 0 no-repeat; }
.spritemachine_slice_kc5 { width: 137px; height: 594px; background: url(../img/kc5.png) 0 0 no-repeat; }
.spritemachine_slice_kc3 { width: 137px; height: 594px; background: url(../img/kc3.png) 0 0 no-repeat; }
.spritemachine_slice_kc1 { width: 137px; height: 594px; background: url(../img/kc1.png) 0 0 no-repeat; }
.spritemachine_slice_kc2 { width: 137px; height: 594px; background: url(../img/kc2.png) 0 0 no-repeat; }
.spritemachine_slice_kc4 { width: 137px; height: 594px; background: url(../img/kc4.png) 0 0 no-repeat; }

.spritemachine_slice_ca3_1 { width: 1115px; height: 805px; background: url(../img/ca3_1.png) 0 0 no-repeat; }
.spritemachine_slice_ca1_1 { width: 1031px; height: 808px; background: url(../img/ca1_1.png)  0 0 no-repeat; }
.spritemachine_slice_ca2_1 { width: 1031px; height: 808px; background: url(../img/ca2_1.png) 0 0  no-repeat; }

.spritemachine_slice_ca3_2 { width: 317px; height: 543px; background: url(../img/ca3_2.png) 0 0 no-repeat; }
.spritemachine_slice_ca1_2 { width: 292px; height: 560px; background: url(../img/ca1_2.png) 0 0  no-repeat; }
.spritemachine_slice_ca2_2 { width: 380px; height: 550px; background: url(../img/ca2_2.png) 0 0  no-repeat; }


.spritemachine_slice_logotop { width: 279px; height: 400px; background: url(../img/logo_top.png)  0 0   no-repeat; }
.spritemachine_slice_logo2 { width: 95px; height: 311px; background: url(../img/logo2.png) 0 0   no-repeat; }
.spritemachine_slice_logo1 { width: 95px; height: 311px; background: url(../img/logo1.png)  0 0   no-repeat; }
.spritemachine_slice_logo3 { width: 95px; height: 311px; background: url(../img/logo3.png) 0 0   no-repeat; }
.spritemachine_slice_intro2_2 { width: 446px; height: 516px; background: url(../img/intro2_2.png) 0 0 no-repeat; }
.spritemachine_slice_intro2_5 { width: 41px; height: 516px; background: url(../img/sprite5.png) 0px -36px no-repeat; }
.spritemachine_slice_intro2_5 { width: 41px; height: 516px; background: url(../img/sprite5.png) 0px -36px no-repeat; }


.spritemachine_slice_copy { width: 569px; height: 12px; background: url(../img/sprite1.png) 0px 0px no-repeat; }
.spritemachine_slice_gnavi { width: 282px; height: 198px; background: url(../img/sprite1.png) 0px -12px no-repeat; }
.spritemachine_slice_commingsoon { width: 34px; height: 154px; background: url(../img/sprite1.png) -282px -12px no-repeat; }
.spritemachine_slice_goods_1 { width: 32px; height: 110px; background: url(../img/sprite1.png) -316px -12px no-repeat; }
.spritemachine_slice_goods_cursor { width: 14px; height: 12px; background: url(../img/sprite1.png) -348px -12px no-repeat; }

.spritemachine_slice_news_2 { width: 750px; height: 192px; background: url(../img/sprite2.png) 0px 0px no-repeat; }
.spritemachine_slice_top2 { width: 336px; height: 285px; }
.spritemachine_slice_news_1 { width: 193px; height: 18px; background: url(../img/sprite2.png) -336px -192px no-repeat; }
.spritemachine_slice_news_prev { width: 16px; height: 18px; background: url(../img/sprite2.png) -529px -192px no-repeat; cursor: pointer;}
.spritemachine_slice_news_next { width: 16px; height: 18px; background: url(../img/sprite2.png) -545px -192px no-repeat; cursor: pointer;}


.spritemachine_slice_intro1_1 { width: 507px; height: 560px; background: url(../img/sprite3.png) 0px 0px no-repeat; }
.spritemachine_slice_intro1_2 { width: 20px; height: 385px; background: url(../img/sprite3.png) -507px -87px no-repeat; }
.spritemachine_slice_intro2_1 { width: 184px; height: 548px; background: url(../img/sprite3.png) -527px -6px no-repeat; }

.spritemachine_slice_stuff2 { width: 530px; height: 670px; background: url(../img/staff3.png) 0 0 no-repeat; }
.spritemachine_slice_stuff3 { width: 530px; height: 670px; background: url(../img/staff4.png) 0 0 no-repeat; }
.spritemachine_slice_stuff4 { width: 530px; height: 670px; background: url(../img/staff5.png) 0 0 no-repeat; }
.spritemachine_slice_stuff5 { width: 530px; height: 670px; background: url(../img/staff6.png) 0 0 no-repeat; }
/* .spritemachine_slice_staff2 { width: 34px; height: 149px; background: url(../img/sprite4.png) 0px -261px no-repeat; }*/
.spritemachine_slice_stuff1 { width: 530px; height: 671px; background: url(../img/staff1.png) 0 0 no-repeat; }
.spritemachine_slice_top_txt_tw1 { width: 366px; height: 16px; background: url(../img/sprite4.png) -564px -327px no-repeat; }
.spritemachine_slice_top_txt_tw2 { width: 366px; height: 18px; background: url(../img/top_txt_tw2.png) 0 0 no-repeat; }


.spritemachine_slice_intro2_5 { width: 41px; height: 516px; background: url(../img/sprite5.png) 0px -36px no-repeat; }
.spritemachine_slice_staff1 { width: 529px; height: 589px; background: url(../img/sprite5.png) -41px 0px no-repeat; }
.spritemachine_slice_top1 { width: 336px; height: 285px; background: url(../img/news.png) 0 0 no-repeat; }


.spritemachine_slice_special_music { width: 530px; height: 561px; background: url(../img/special_music.png) 0px 0px no-repeat; position:absolute;}
.spritemachine_slice_special_music .url_1 { top:0px; right:426px; position:absolute;}
.spritemachine_slice_special_music .url_2 { top:0px; right:463px; position:absolute;}
.spritemachine_slice_special_music .url_3 { top:0px; left:0px; position:absolute;}

.spritemachine_slice_special_music2 { width: 530px; height: 561px; background: url(../img/special_music2.png) 0px 0px no-repeat; position:absolute;}

.spritemachine_slice_special_music3 { width: 530px; height: 561px; background: url(../img/special_music3.png) 0px 0px no-repeat; position:absolute;}
.spritemachine_slice_special_music3 .text_1 { top:0; leftt:0; z-index:10; position:absolute;}
.spritemachine_slice_special_music3 .text_2 { top:0; right:335px; z-index:20; position:absolute;}


.spritemachine_slice_special_1 { width: 35px; height: 187px; background: url(../img/special_title.png) 0 0 no-repeat; }
.spritemachine_slice_story_1 { width: 28px; height: 189px; background: url(../img/story_title.png) 0 0 no-repeat; }

.scroll-pane .jspDrag {
background: #231816;
border-radius: 50px;
}

/* style */
div{
    position: absolute;
}
.carousel{ z-index:100;
}
.carousel div{
    position: relative;
}
.op0{
    opacity: 0;
}
.fc{
}#topbar{
    margin: 30px auto 0 -49.5%;
    left: 50.3%;
    position: fixed;
    z-index: 10;
}#copyright{
    bottom: 10px;
    left: 30px;
    position: fixed;
    z-index: 500;
}
#socialbtn{
    bottom: 5px;
    right: 38px;
    position: fixed;
    overflow: hidden;
    z-index:900;
}
#footerbanner{
    bottom: 5px;
    right: 270px;
    height: 22px;
    position: fixed;
    overflow: hidden;
    z-index: 500;
}
.bannerlink{
    height: 22px;
    margin-right: 5px;
}
#social_iframe{border:none;width: 230px;height: 30px;overflow: hidden;}
#gnavi {
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 500;
}
.fixlogo{
    right: 0;  
    top: 0;
    position: absolute;
    cursor: pointer;
}
#logoimg{
    right: 2.2%;
    width: 376px;
    height: 350px;
    position: fixed;
    top: 55px;
    z-index: 800;
}
#gnaviborder {
    -webkit-transition: 0.15s linear 0; -o-transition: 0.15s linear 0; -ms-transition: 0.15s linear 0; transition: 0.15s linear 0;
    border: 1px solid #fff;
    width: 27px;
}
.a_gnavi{
    display: block;
    position: absolute;
    cursor: pointer;
    width: 27px;
    z-index: 700;
}
.gnavi_top {height: 75px;  right: -1px;}
.gnavi_news {height: 95px;  right: 36px;}
.gnavi_intro {height: 205px;  right: 75px;}
.gnavi_staff {height: 205px;  right: 111px;}
.gnavi_ca {height: 145px;  right: 147px;}
.gnavi_story {height: 118px;  right: 184px;}
.gnavi_sp {height: 118px;  right: 221px;}
.gnavi_goods {height: 75px;  right: 257px;}
#cont1_top {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.fc {}
#toplogo {
    left: 50%;
    top: 125px;
    margin-left: -49px;
    position: fixed;
    z-index: 100;
}
#topnews {
    right: 50%;
    top: 71px;
    margin-right: -565px;
    position: absolute;
    cursor: pointer;
    z-index: 900;
}
#toptime {
    left: 50%; 
    top: 71px; 
    margin-left: -561px;
    padding: 20px 20px 0 5px;
    position: absolute;
    background-image: url("../img/top_onair_line.png");   
    background-repeat: no-repeat;
}


.top_onair_tv{
    width: 275px;
    height: 265px;
    margin: 0 0 0 19px;
}

.top_onair_net{
    height: 264px;
    width: 31px;
}

/*
#toptime a{
    width: 336px;
    height: 285px;
    display: block;
}
*/

#topgnavi {
    left: 50%;
    margin-left: -141px;
    top: 510px;
}
#topgnaviborder {
    width: 25px;
    height: 75px;
    border: 1px solid #fff;
    right: 0;
}
#topRtw {
    width: 366px; 
    height: 350px; 
    top: 385px;
    right: 50%;
    margin-right: -580px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; color: white;
    overflow: hidden;
    z-index: 900;
}
#topLtw {
    width: 366px; 
    height: 350px; 
    top: 385px; 
    left: 50%; margin-left: -580px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    color: #fff;
    overflow: hidden;
}
#topLtwTitle{
    top: 504px; 
    right: 50%; 
    margin-right: -580px;
}
#topRtwTitle{
    top: 507px;
    left: 50%;
    margin-left: -580px;
}
#cont2_news {
    position: fixed; 
    top: 0; width: 100%;
}
#kitamu {
    top: 58px;
    left: 50%;
    margin-left: -556px;
    width: 193px;
    height: 20px;
}
.loadingimg{
    top:50%;
    left:50%;
    position:absolute;
    margin-left:-24px;
    margin-top:-24px;
}
#kitamutxt {
    color: white;
    padding: 13px 5px 3px 5px;
    font-size: 17px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    line-height: 24px;
    letter-spacing: 0;
    width: 720px;
    height: 59px;
    position: absolute;
    top: 83px;
    left: 50%;
    margin-left: -560px;
    border: 1px solid #fff;
/*    cursor: pointer;*/
}
#newsarea {
    top: 174px;
    left: 50%;
    margin-left: -570px;
}
#newstxtarea {
    top: 202px; left: 50%; 
    margin-left: -507px;
    height: 510px;
    width: 522px;
}
#newscarousel {
    height: 510px;
    width: 522px;
}
.carousel_inner{}
#newstxtarea div{
    position: relative !important;
}
#newscarousel .carousel_box {
  float: left;
  position: relative;
  padding: 0;
  /*width: 174px;
  height: 402px;*/
  overflow: hidden;
  text-align: center;
}
.news01 {}
.newstxt.news01 {}
.news02 {}
.newstxt.news02 {}
.news03 {}
.newstxt.news03 {}
.news04 {}
.newstxt.news04 {}
.news05 {}
.newstxt.news05 {}
#news_prevbtn {
    top: 475px; left: 50%; 
    margin-left: -540px;
}
#news_nextbtn {
    top: 475px;
    left: 50%;
    margin-left: 20px;
}
#goods_prevbtn {
    top: 375px; left: 50%; 
    margin-left: -254px;
    z-index: 500;
    cursor: pointer;
}
#goods_nextbtn {
    top: 375px;
    right: 0;
    margin-right: -25px;
    z-index: 500;
    cursor: pointer;
}
#cont3_intro {
    position: fixed; 
    top: 0; width: 100%; 
    height: 1500px;
}
#cont3_intro_roto {
    position: fixed; 
    top: 0; width: 100%; 
    height: 1500px;
}
#cont4_staff {
    position: fixed; 
    top: 0; width: 100%; 
}
#staff_prevbtn {
    top: 300px; 
    left: 50%; 
    margin-left: -520px; z-index: 500;
}
#staff_prevbtn2 {
    top: 300px; 
    left: 50%; 
    margin-left: -520px; z-index: 500;
}
#staff_prevbtn3 {
    top: 300px; 
    left: 50%; 
    margin-left: -520px; z-index: 500;
}
#staff_prevbtn4 {
    top: 300px; 
    left: 50%; 
    margin-left: -520px; z-index: 500;
}
#staff_prevbtn5 {
    top: 300px; 
    left: 50%; 
    margin-left: -520px; z-index: 500;
}
#staff_nextbtn {
    top: 300px; 
    right: 50%; 
    margin-right: -120px; z-index: 500;
}
#staff_nextbtn2 {
    top: 300px; 
    right: 50%; 
    margin-right: -120px; z-index: 500;
}
#staff_nextbtn3 {
    top: 300px; 
    right: 50%; 
    margin-right: -120px; z-index: 500;
}
#staff_nextbtn4 {
    top: 300px; 
    right: 50%; 
    margin-right: -120px; z-index: 500;
}
#staff_nextbtn5 {
    top: 300px; 
    right: 50%; 
    margin-right: -120px; z-index: 500;
}
#staff_txt {
    left: 50%;
    margin-left: -445px;
    top: 62px;
}
#staff_txt2 {
    left: 50%;
    margin-left: -445px;
    top: 62px;
}
#staff_txt3 {
    left: 50%;
    margin-left: -445px;
    top: 62px;
}
#staff_txt4 {
    left: 50%;
    margin-left: -445px;
    top: 62px;
}
#staff_txt5 {
    left: 50%;
    margin-left: -445px;
    top: 62px;
    background-color: #faefae;
}
/*
#staff_txt2 {
    left: 50%;
    margin-left: 48px;
    top: 62px;
    background: url(../img/staff2.png) 0 0 no-repeat;
    width: 40px;
    height: 300px;
}
*/
.charaarea{
    width: 100%;
    height: 100%;
    position: fixed;
}
#chara1{top:0;}
#chara2{top:0;}
#chara3{top:0;}
#cont5_character {
    position: fixed; 
    top: 0; width: 100%;
    z-index: 100;
}
.chara_prevbtn{
    top:400px;
    left:50%;
    margin-left:-580px;
    z-index:500;
}
.chara_nextbtn{
    top:400px;
    right:50%;
    margin-right:-200px;
    z-index:500;

}
#ca1_1 {
    z-index: 50;
    left: 50%;
    margin-left: -759px;
}
#ca1_2 {
    z-index: 100;
    left: 50%;
    margin-left: -130px;
    top: 80px;
}
#ca2_1 {
    z-index: 50; left: 50%; 
    margin-left: -650px;
}
#ca2_2 {
    z-index: 100; left: 50%; 
    margin-left: -547px; 
    top: 80px;
}
#ca3_1 {
    z-index: 50; left: 50%; 
    margin-left: -800px;
    position: fixed;
}
#ca3_2 {
    z-index: 100; left: 50%; 
    margin-left: -155px; 
    top: 80px;
}
#cont6_story {
    position: fixed; 
    top: 0; width: 100%;
}
.commingsoon {
    left: 50%;
    margin-left: -18px;
    top: 150px;
    position: fixed;
}
.story_content {
    left: 50%;
    margin-left: -470px;
    top: 180px;
}
.story_prevbtn {
    top: 400px; 
    left: 50%; 
    margin-left: -520px; z-index: 500;
}
.story_nextbtn {
    top: 400px; 
    right: 50%; 
    margin-right: -80px; z-index: 500;
}
#storytitle{
    right: 50%;
    margin-right: -160px;
    top: 75px;
}
#storyline{
    right: 50%;
    margin-right: -50px;
    top: 150px;
    width: 549px;
    height: 8px;
    background-image: url(../img/story_line.png);
}
#storymenu {
    right: 50%;
    margin-right: -30px;
    top: 60px;
}
#storymenu a {
    display:block;
    float:right;
    margin:12px;
}
#storymenuCursor{width: 22px; height: 20px; background: url(../img/goods_cursor.png) 0 0 no-repeat;top: -8px;right: 5px;cursor: pointer;}

#cont7_sp {
    top: 0px; width: 100%;
    position: fixed;
}
#sptitle{
    right: 50%;
    margin-right: -160px;
    top: 75px;
}
#spmenu{
    right: 50%;
    margin-right: -102px;
    top: 75px;
    height: 500px;
    width: 82px;
}

#splistcarousel2 img {
    vertical-align: middle;
}

#spmenuCursor{width: 22px; height: 20px; background: url(../img/goods_cursor.png) 0 0 no-repeat;top: 12px;right: 3px;cursor: pointer;}
#spmenu1{width: 21px; height: 122px; background: url(../img/sp_btn_gallery.png) 0 0 no-repeat;top: 30px;right: 7px;cursor: pointer;z-index: 500;}
#spmenu2{width: 18px; height: 94px; background: url(../img/sp_btn_movie.png) 0 0 no-repeat;right: 41px;top: 30px;cursor: pointer;z-index: 500;}
#spmenu3{width: 22px; height: 47px; background: url(../img/sp_btn_music.png) 0 0 no-repeat;right: 71px;top: 30px;cursor: pointer;z-index: 500;}

#splistcarousel{
    overflow: visible;
    width: 471px;
    left: 50%;
    margin-left: -537px;
    height: 500px;
    top: 80px;
}
.gallary_box {
    width: 111px;
    height: 111px;
}

#gallary_box_1 {
    top: 0px;
    left: 400px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn001.png);
}

#gallary_box_2 {
    top: 120px;
    left: 400px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn002.png);
}

#gallary_box_3 {
    top: 240px;
    left: 400px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn003.png);
}

#gallary_box_4 {
    top: 360px;
    left: 400px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn004.png);
}

#gallary_box_5 {
    top: 480px;
    left: 400px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn005.png);
}

#gallary_box_6 {
    top: 0px;
    left: 280px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn006.png);
}

#gallary_box_7 {
    top: 120px;
    left: 280px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn007.png);
}

#gallary_box_8 {
    top: 240px;
    left: 280px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn008.png);
}

#gallary_box_9 {
    top: 360px;
    left: 280px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn009.png);
}

#gallary_box_10 {
    top: 480px;
    left: 280px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn010.png);
}

#gallary_box_11 {
    top: 0px;
    left: 160px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn011.png);
}

#gallary_box_12 {
    top: 120px;
    left: 160px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn012.png);
}

#gallary_box_13 {
    top: 240px;
    left: 160px;
    text-indent:-9999px;
    background-image: url(../img/gallery_btn013.png);
}

#splistcarousel2{
    overflow: visible;
    width: 345px;
    left: 50%;
    margin-left: -400px;
    height: 500px;
    top: 80px;
}

#splistcarousel3{
    overflow: visible;
    width: 471px;
    left: 50%;
    margin-left: -550px;
    height: 500px;
    top: 80px;
}

.sp_prevbtn {
    top: 300px; 
    left: 50%; 
    margin-left: -280px; z-index: 500;
}
.sp_nextbtn {
    top: 300px; 
    right: 50%; 
    margin-right: -300px; z-index: 500;
}

/*
#cont7_sp {
    top: 85px;
    left: 50%;
    margin-left: -435px;
    position: fixed;
}
*/

#cont8_goods {
    top: 0; width: 100%;
    position: fixed;
}
#goodstitle{
    right: 50%;
    margin-right: -160px;
    top: 75px;
}
#goodmenu{
    right: 50%;
    margin-right: -102px;
    top: 75px;
    height: 500px;
    width: 82px;
}
.intro_downcursor{width: 22px; height: 20px; background: url(../img/goods_cursor.png) 0 0 no-repeat;top: 295px;cursor: pointer;position: absolute;right: 213px;}
.intro_upcursor{width: 22px; height: 20px; background: url(../img/up_cursor.png) 0 0 no-repeat;top: -23px;  cursor: pointer; position: absolute;right: 213px;}
#goodsmenuCursor{width: 22px; height: 20px; background: url(../img/goods_cursor.png) 0 0 no-repeat;top: 12px;right: 3px;cursor: pointer;}
#goodsmenu1{width: 22px; height: 594px; background: url(../img/txt_goods_1_1.png) 0 0 no-repeat;top: 30px;right: 7px;cursor: pointer;z-index: 500;}
#goodsmenu2{width: 22px; height: 594px; background: url(../img/txt_goods_1_2.png) 0 0 no-repeat;right: 37px;top: 30px;cursor: pointer;z-index: 500;}
#goodsmenu3{width: 22px; height: 594px; background: url(../img/txt_goods_1_3.png) 0 0 no-repeat;right: 71px;top: 30px;cursor: pointer;z-index: 500;}
#goodslistwrap{
    margin-right: -50px;
    top: 75px;
    overflow: hidden;
    width: 471px;
}
#goodslistcarousel{
    overflow: visible;
    width: 471px;
    left: 50%;
    margin-left: -537px;
    height: 1500px;
}
.a_goods_link{}
.goodscont{
    position: relative;
    float: right;
    padding: 0 10px;
    width: 137px;
    height: 594px;
}

.goodscont_cd{
    position: relative;
    float: left;
    padding: 0;
    width: 135px;
}
#goodslistcarousel2{
    overflow: visible;
    width: 471px;
    left: 50%;
    margin-left: -537px;
    height: 1500px;
}

#iscroll_wrapper_cd {
    margin-right: -50px;
    top: 75px;
    overflow: scroll;
    width: 471px;
    height: 570px;
}

#goods_cd_content {
    width: 471px;
}

#goodslistcarousel3{
    overflow: visible;
    width: 471px;
    left: 50%;
    margin-left: -537px;
    height: 1500px;
}

#iscroll_wrapper_dvd {
    margin-right: -50px;
    top: 75px;
    overflow: scroll;
    width: 471px;
    height: 570px;
}

#goods_dvd_content {
    width: 471px;
    overflow:hidden;
}


#intro1_1{
    top: 85px;
    left: 50%;
    margin-left: -405px;
    position: fixed;
}
#intro1_2{
    top: 265px;
    left: 50%;
    margin-left: -486px;
    cursor: pointer;
    position: fixed;
}
#intro2_1{
    top: 50%;
    right: 50%;
    margin-top: -667px;
    margin-right: -155px;
}
#intro2_1{
    top: 50%;
    right: 50%;
    margin-top: -667px;
    margin-right: -155px;
}
#intro2_5{
    top: 38px; 
    right: 683px;  
}
#intro2_2{
    top: 50%; left: 50%; 
    margin-top: -630px; 
    margin-left: -499px;
    position: absolute;
    display:none;
}
#intro2_3{
    top: 50%; left: 50%; 
    margin-top: -630px; 
    margin-left: -499px;
    background: url(../img/intro2_3.png) 0 0 no-repeat; 
    width: 446px; height: 422px;
    display:none;
}
#intro2_4{
    top: 50%; left: 50%; 
    margin-top: -630px; 
    margin-left: -523px;
    background: url(../img/intro2_4.png) 0 0 no-repeat;
    width: 470px;
    height: 422px;
    display:none;
}
.twlist_li{
    height: 58px;
    padding: 5px 0 5px;
    line-height: 16px;
    font-size: 12px;
    border-bottom: 1px dotted #666;
    cursor: pointer;
    letter-spacing: 0px;
}
.twlist_li a{
    color: #f2f2f2;   
    font-weight: 100;
    display:block;
    float:left;
}
.twlist_li a:hover{
    color: #CCC;   
    font-weight: 100;
}

.jspVerticalBar                               {width:8px;}
/*
.jspTrack                                     {background:#d4d4d6;}
.jspDrag                                      {background:#231816; border-radius:50px;}
*/
.jspTrack                                     {background:#171717;}
.jspDrag                                      {background:#d4d4d6; border-radius:50px;}







/*グッズ情報スタイル*/
.DBtmp_box                                           {width:450px; margin:0; padding:0 0 30px 0; overflow:hidden; color:#fff; top:260px;}
.DBtmp_top                                           {width:450px; font-weight: bold; margin:0; padding:0 0 25px 0; border-bottom:solid 1px #fff;}
.DBtmp_left                                          {width:150px; text-align:center; margin:0; padding:10px 20px 20px 0;}
.DBtmp_right                                         {width:300px; margin:0; padding:10px 0 20px 0;}
.DBtmp_title                                         {font-size:14px;}
.DBtmp_detail                                        {width:270px; margin:0; padding:0; position:relative;  position: static}
.DBtmp_catch                                         {font-size:10px; font-weight:bold; margin:0; padding:0 0 0 0; position: static;}
.DBtmp_compound                                  {font-size:10px; font-weight:bold; margin:0; padding:0 0 0 0; position: static;}