@charset "utf-8";

body  { margin: 0; min-width: 980px; padding: 0; overflow-x: hidden; background-color:#000; }

.wb_social_fl    { position:fixed; top:20px; right:10px; width:80px; height:30px; z-index:2000; display:none; }
.wb_social_fl .fb    { float:left; width:28px;  height:28px; background:url(../images/wb_fb_ico.png); margin:0 7px 0 0; z-index:2000; }
.wb_social_fl .tw    { float:left; width:28px;  height:28px; background:url(../images/wb_tw_ico.png); z-index:2000; }
.wb_social_fl div { width:28px; height:28px; cursor:pointer; }

p     { margin: 0 0 20px 0; }
p, ul { font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:200; font-style:normal; }

img { border: 0; }

h1, #pixels { font-family:"Museo 900", Verdana, serif; font-size-adjust:0.40; font-weight:700; font-style:normal; }
h2, #pixels { font-family:"Museo 900", Verdana, serif; font-size-adjust:0.40; font-weight:700; font-style:normal; }

#header h1, #pixels { color: #48941A; }

#openning { position:fixed; top:0; left:0; width:100%; height:100%; background:#FFF; z-index:10000; }

.float-left  { float: left; margin: 0 0 0 20px; }
.float-right { float: right; margin: 0 20px 0 0; }

.center { font-size: 2.5em; padding: 80px 0 0 0; text-align: center; }

#sc_set { position:fixed; bottom:50px; left:100px; height:190px; width:100px; display:none; }

#nav    { list-style: none; position: fixed; left: -25px; z-index:1000; display:none; }
#nav li { margin: 0 0 8px 0; z-index:1000; }

#header, #first, #second { width: 100%; }

#sc_bc { background:url(../images/bg_base.jpg); background-repeat:no-repeat; background-position:top center; background-size: 100% auto; width:100%; height:2900px; }
#sc_body { background:url(../images/wb_mv.png) 50% 2000px no-repeat fixed; display:none; }

#first        { position:relative; color: white; height: 2000px; margin: 0 auto; padding: 0; z-index:95; }
#first #wf_sp { position:absolute; margin:0 0 0 -460px; top:0; left:50%; width:920px; height:1000px; z-index:100; }

#main_logo { position:absolute; top:100px; right:0; width:286px; height:135px; z-index:10; display:none; background:url(../images/wb_title_logo.png); }

#pv_contfl           { position:absolute; top:280px; right:20px; width:260px; height:175px; z-index:10; display:none; }
#pv_contfl .pv_btm   { width:260px; height:147px; float:left; }
#pv_contfl .pv_title { width:260px; height:14px; margin:14px auto 0 auto; float:left; background:url(../images/wb_mvlogo.png) no-repeat; background-position:center; }
#pv_contfl .pv_btm a { width:260px; height:147px; }
.pv_btm_img            { position:relative; width:260px; height:147px; display:block; background:url(../images/wb_mvbtm_a.jpg); }
.pv_btm_img span.hover { position:absolute; width:260px; height:147px; display:block; background:url(../images/wb_mvbtm_b.jpg); }

#rb_contfl                    { position:absolute; top:445px; right:20px; width:260px; height:68px;}
#rb_contfl .rb_btm            { position:relative; width:260px; height:68px; background: url(../images/rb_btm.jpg) no-repeat; background-position:top; border-radius:6px; }
#rb_contfl .rb_btm span.hover { position:absolute; width:260px; height:68px; background: url(../images/rb_btm.jpg) no-repeat; background-position:bottom; border-radius:6px; }
/*
#sorry_topfl           { position:absolute; top:530px; right:20px; width:260px; height:46px;  }
*/
#sorry_topfl           { position:absolute; top:445px; right:20px; width:260px; height:46px;  }
#sorry_topfl .sorry_btm            { position:relative; width:260px; height:46px; background: url(../images/enki.png) no-repeat; background-position:top; border-radius:6px; }
#sorry_topfl .sorry_btm span.hover { position:absolute; width:260px; height:46px; background: url(../images/enki.png) no-repeat; background-position:bottom; border-radius:6px; }

#tweetfl           { position:absolute; top:510px; right:20px; width:240px; padding:45px 10px 10px 10px; z-index:10; background:url(../images/tw_title.png) no-repeat 0px 6px rgba(255,255,255,0.6); border-radius:6px; }
/*
#tweetfl           { position:absolute; top:595px; right:20px; width:240px; padding:45px 10px 10px 10px; z-index:10; background:url(../images/tw_title.png) no-repeat 0px 6px rgba(255,255,255,0.6); border-radius:6px; }
#tweetfl           { position:absolute; top:460px; right:20px; width:240px; padding:45px 10px 10px 10px; z-index:10; background:url(../images/tw_title.png) no-repeat 0px 6px rgba(255,255,255,0.6); border-radius:6px; }
*/
/*
#ponycan_banner { position:absolute; top:870px; right:20px; width:260px; height:78px; background:url(../images/ponycan.jpg) no-repeat; }
*/
#ponycan_banner { position:absolute; top:785px; right:20px; width:260px; height:78px; background:url(../images/ponycan.jpg) no-repeat; }
#canime_banner  { position:absolute; top:880px; right:20px; width:260px; height:78px; background:url(../images/canime.jpg) no-repeat; }

.tw_link { position:absolute; top:12px; left:0; width:260px; height:18px; }

#case_fl  { width:100%; padding:520px 0 0 0; z-index:105; }
.case_set { width:160px; height:190px; margin:0 auto; padding:0 840px 0 0; }

#second { position: relative; color: white; height: 900px; margin: 0 auto; padding: 0; background:url(../images/second_back.png) repeat-x; overflow: hidden; z-index:200; }

.worfs_title   { position: absolute; top:200px; left:50%; width: 602px; height:190px; background:url(../images/wb_word_p01.png) center bottom no-repeat; margin:0 0 0 -301px; padding:60px 0 0 0; z-index:400; overflow: auto; }
.worfs_sub   { position: absolute; top:330px; left:50%; width: 304px; height:20px; background:url(../images/wb_word_p02.png) center bottom no-repeat; margin:0 0 0 -152px; padding:200px 0 0 0; z-index:400; overflow: auto; }

#story { position: relative; color: white; height: 900px; margin: 0 auto; padding: 0; background:#000; overflow: hidden; z-index:200; }

.story_mes01   { position: absolute; top:100px; left:50%; width: 540px; height:90px; background:url(../images/wb_story_p01.png) center bottom no-repeat; margin:0 0 0 -270px; padding:0 0 0 0; z-index:400; overflow: auto; }
.story_mes02   { position: absolute; top:180px; left:50%; width: 540px; height:130px; background:url(../images/wb_story_p02.png) center bottom no-repeat; margin:0 0 0 -270px; padding:60px 0 0 0; z-index:400; overflow: auto; }
.story_mes03   { position: absolute; top:260px; left:50%; width: 540px; height:90px; background:url(../images/wb_story_p03.png) center bottom no-repeat; margin:0 0 0 -270px; padding:140px 0 0 0; z-index:400; overflow: auto; }
.story_mes04   { position: absolute; top:340px; left:50%; width: 600px; height:120px; background:url(../images/wb_story_p04.png) center bottom no-repeat; margin:0 0 0 -300px; padding:180px 0 0 0; z-index:400; overflow: auto; }

#staff { position: relative; color: white; height: 1100px; margin: 0 auto; padding: 0; background:#000; overflow: hidden; z-index:200; }

.staff_listm    { position: absolute; top:100px; left:50%; width: 500px; height:100px; background:url(../images/wb_staff_m.png) center bottom no-repeat; margin:0 0 0 -250px; padding:10px 0 0 0; z-index:400; overflow: auto; }
.staff_list01   { position: absolute; top:100px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p01.png) center bottom no-repeat; margin:0 0 0 -370px; padding:170px 0 0 0; z-index:400; overflow: auto; }
.staff_list02   { position: absolute; top:110px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p02.png) center bottom no-repeat; margin:0 0 0 -370px; padding:200px 0 0 0; z-index:400; overflow: auto; }
.staff_list03   { position: absolute; top:120px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p03.png) center bottom no-repeat; margin:0 0 0 -370px; padding:230px 0 0 0; z-index:400; overflow: auto; }
.staff_list04   { position: absolute; top:130px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p04.png) center bottom no-repeat; margin:0 0 0 -370px; padding:260px 0 0 0; z-index:400; overflow: auto; }
.staff_list05   { position: absolute; top:140px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p05.png) center bottom no-repeat; margin:0 0 0 -370px; padding:290px 0 0 0; z-index:400; overflow: auto; }
.staff_list06   { position: absolute; top:150px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p06.png) center bottom no-repeat; margin:0 0 0 -370px; padding:320px 0 0 0; z-index:400; overflow: auto; }
.staff_list07   { position: absolute; top:160px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p07.png) center bottom no-repeat; margin:0 0 0 -370px; padding:350px 0 0 0; z-index:400; overflow: auto; }
.staff_list08   { position: absolute; top:170px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p08.png) center bottom no-repeat; margin:0 0 0 -370px; padding:380px 0 0 0; z-index:400; overflow: auto; }
.staff_list09   { position: absolute; top:180px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p09.png) center bottom no-repeat; margin:0 0 0 -370px; padding:410px 0 0 0; z-index:400; overflow: auto; }
.staff_list10   { position: absolute; top:190px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p10.png) center bottom no-repeat; margin:0 0 0 -370px; padding:440px 0 0 0; z-index:400; overflow: auto; }
.staff_list11   { position: absolute; top:200px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p11.png) center bottom no-repeat; margin:0 0 0 -370px; padding:470px 0 0 0; z-index:400; overflow: auto; }
.staff_list12   { position: absolute; top:210px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p12.png) center bottom no-repeat; margin:0 0 0 -370px; padding:500px 0 0 0; z-index:400; overflow: auto; }
.staff_list13   { position: absolute; top:220px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p13.png) center bottom no-repeat; margin:0 0 0 -370px; padding:530px 0 0 0; z-index:400; overflow: auto; }
.staff_list14   { position: absolute; top:230px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p14.png) center bottom no-repeat; margin:0 0 0 -370px; padding:560px 0 0 0; z-index:400; overflow: auto; }
.staff_list15   { position: absolute; top:240px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p15.png) center bottom no-repeat; margin:0 0 0 -370px; padding:590px 0 0 0; z-index:400; overflow: auto; }
.staff_list16   { position: absolute; top:250px; left:50%; width: 740px; height:30px;  background:url(../images/wb_staff_p16.png) center bottom no-repeat; margin:0 0 0 -370px; padding:620px 0 0 0; z-index:400; overflow: auto; }

#third  { position: relative; color: white; height: 830px; background:#000; padding: 0 0 0 0; z-index:100; clear:both; }

.cc_title   { position: absolute; top:100px; left:50%; width: 770px; height:90px; background:url(../images/wb_comm_p01.png) center bottom no-repeat; margin:0 0 0 -385px; padding:100px 0 0 0; z-index:400; overflow: auto; }
.cc_sub     { position: absolute; top:280px; left:50%; width: 470px; height:350px; background:url(../images/wb_comm_p02.png) center bottom no-repeat; margin:0 0 0 -235px; padding: 80px 0 0 0; z-index:400; overflow: auto; }

#chara_sp  { position:absolute; top:100px; left:50%; text-align:right; width:585px; height:990px; margin:0 0 0 130px; z-index:200; }
.ico_chara { width:585px; height:990px; padding:100px 0 0 0; margin:150px 0 0 0; }
#cc_slide { width:585px; height:990px; background:url(../images/chara_st.png) bottom no-repeat; background-position:right; }

#fourth { color: white; height: 1200px; padding: 0 0 0 0; background: #F7F7F7; z-index:50; }

#binfo_title { position: absolute; top:830px; left:50%; width: 540px; height:180px; background:url(../images/wb_onair_p01.png) center bottom no-repeat; margin:0 0 0 -270px; padding:130px 0 0 0; z-index:1000; overflow: auto; }
#binfo_sub   { position: absolute; top:1010px; left:50%; width: 800px; height:160px; background:url(../images/wb_onair_p02.png) center bottom no-repeat; margin:0 0 0 -400px; padding:165px 0 0 0; z-index:1000; overflow: auto; }
#binfo_main  { position: absolute; top:1100px; left:50%; width: 540px; height:220px; background:url(../images/wb_onair_p03.png) center bottom no-repeat; margin:0 0 0 -270px; padding:255px 0 0 0; z-index:10000; overflow: auto; }
#binfo_main2 { position: absolute; top:1160px; left:50%; width: 540px; height:100px; background:url(../images/wb_onair_p04.png) center bottom no-repeat; margin:0 0 0 -270px; padding:450px 0 0 0; z-index:10000; overflow: auto; }

.float-left, .story .float-right{ position: relative; width: 350px; padding: 100px 0 0 0; }

#tag { position:absolute; top:0; left:0; width:20px; height:20px; padding:30px 0 0 0; }

#nav li     { position:relative; height:18px; width:130px; }
#nav li a   { position:absolute; top:0; left:0; height:18px; width:130px; vertical-align:top; }
#nav li img { border:0; }

#menu_box1 { height:18px; width:130px; background:url(../images/mnavi01_on.png) no-repeat; z-index:2000; }
#menu_box2 { height:18px; width:130px; background:url(../images/mnavi02_2.png) no-repeat; z-index:2000; }
#menu_box3 { height:18px; width:130px; background:url(../images/mnavi03_2.png) no-repeat; z-index:2000; }
#menu_box4 { height:18px; width:130px; background:url(../images/mnavi04_2.png) no-repeat; z-index:2000; }
#menu_box5 { height:18px; width:130px; background:url(../images/mnavi05_2.png) no-repeat; z-index:2000; }
#menu_box6 { height:18px; width:130px; background:url(../images/mnavi06_2.png) no-repeat; z-index:2000; }
#menu_box7 { height:18px; width:130px; background:url(../images/mnavi07_2.png) no-repeat; z-index:2000; }
#menu_box8 { height:18px; width:130px; background:url(../images/mnavi08_2.png) no-repeat; z-index:2000; }
#menu_box9 { height:18px; width:130px; background:url(../images/mnavi09_2.png) no-repeat; z-index:2000; }
#menu_box10 { height:18px; width:130px; background:url(../images/mnavi10_2.png) no-repeat; z-index:2000; }
#menu_box11 { height:18px; width:130px; background:url(../images/mnavi11_2.png) no-repeat; z-index:2000; }
#menu_box12 { height:18px; width:130px; background:url(../images/mnavi12_2.png) no-repeat; z-index:2000; }
#menu_box13 { height:18px; width:130px; background:url(../images/mnavi13_2.png) no-repeat; z-index:2000; }
#menu_box14 { height:18px; width:130px; background:url(../images/mnavi13_2.png) no-repeat; z-index:2000; }

#menu_box1 a:hover { height:18px; width:130px; background:url(../images/mnavi01_on.png) no-repeat; z-index:2000; }
#menu_box2 a:hover { height:18px; width:130px; background:url(../images/mnavi02_on.png) no-repeat; z-index:2000; }
#menu_box3 a:hover { height:18px; width:130px; background:url(../images/mnavi03_on.png) no-repeat; z-index:2000; }
#menu_box4 a:hover { height:18px; width:130px; background:url(../images/mnavi04_on.png) no-repeat; z-index:2000; }
#menu_box5 a:hover { height:18px; width:130px; background:url(../images/mnavi05_on.png) no-repeat; z-index:2000; }
#menu_box6 a:hover { height:18px; width:130px; background:url(../images/mnavi06_on.png) no-repeat; z-index:2000; }
#menu_box7 a:hover { height:18px; width:130px; background:url(../images/mnavi07_on.png) no-repeat; z-index:2000; }
#menu_box8 a:hover { height:18px; width:130px; background:url(../images/mnavi08_on.png) no-repeat; z-index:2000; }
#menu_box9 a:hover { height:18px; width:130px; background:url(../images/mnavi09_on.png) no-repeat; z-index:2000; }
#menu_box10 a:hover { height:18px; width:130px; background:url(../images/mnavi10_on.png) no-repeat; z-index:2000; }
#menu_box11 a:hover { height:18px; width:130px; background:url(../images/mnavi11_on.png) no-repeat; z-index:2000; }
#menu_box12 a:hover { height:18px; width:130px; background:url(../images/mnavi12_on.png) no-repeat; z-index:2000; }
#menu_box13 a:hover { height:18px; width:130px; background:url(../images/mnavi13_on.png) no-repeat; z-index:2000; }
#menu_box14 a:hover { height:18px; width:130px; background:url(../images/mnavi14_on.png) no-repeat; z-index:2000; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide { display: none; }
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav { display: none; }
}

#chara { position: relative; color: white; height: 1400px; margin: 0 auto; padding: 0; background:#C9C9C9; overflow: hidden; z-index:200; }

#chara_tab { position:relative; width:100%; height:1400px; margin:0 auto;}
#chara_tab ul { position:absolute; top:100px; right:50%; width:302px; z-index:350; margin:0 114px 0 0; }
#chara_tab ul li { float:left; width:130px; height:38px; list-style-type: none; margin:0 21px 8px 0; }

#charaset_01 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n01.jpg) top center no-repeat; }
#charaset_02 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n02.jpg) top center no-repeat; }
#charaset_03 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n03.jpg) top center no-repeat; }
#charaset_04 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n04.jpg) top center no-repeat; }
#charaset_05 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n05.jpg) top center no-repeat; }
#charaset_06 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n06.jpg) top center no-repeat; }
#charaset_07 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n07.jpg) top center no-repeat; }
#charaset_08 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n08.jpg) top center no-repeat; }
#charaset_09 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n09.jpg) top center no-repeat; }
#charaset_10 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n10.jpg) top center no-repeat; }
#charaset_11 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n11.jpg) top center no-repeat; }
#charaset_12 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n12.jpg) top center no-repeat; }
#charaset_13 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n13.jpg) top center no-repeat; }
#charaset_14 { width:100%; height:1400px; background:url(../images/chara_prof/chara_pfof_n14.jpg) top center no-repeat; }

.ui-tabs-nav a { color: #27537a; }
.ui-tabs-nav .ui-tabs-selected a { color: #000; }

#chara_tab ul li div { width:130px; height:38px; z-index:500; }
.ui-tabs-nav a div.chara01 { background:url(../images/chara_name_btm01_a.png); }
.ui-tabs-nav a div.chara02 { background:url(../images/chara_name_btm02_a.png); }
.ui-tabs-nav a div.chara03 { background:url(../images/chara_name_btm03_a.png); }
.ui-tabs-nav a div.chara04 { background:url(../images/chara_name_btm04_a.png); }
.ui-tabs-nav a div.chara05 { background:url(../images/chara_name_btm05_a.png); }
.ui-tabs-nav a div.chara06 { background:url(../images/chara_name_btm06_a.png); }
.ui-tabs-nav a div.chara07 { background:url(../images/chara_name_btm07_a.png); }
.ui-tabs-nav a div.chara08 { background:url(../images/chara_name_btm08_a.png); }
.ui-tabs-nav a div.chara09 { background:url(../images/chara_name_btm09_a.png); }
.ui-tabs-nav a div.chara10 { background:url(../images/chara_name_btm10_a.png); }
.ui-tabs-nav a div.chara11 { background:url(../images/chara_name_btm11_a.png); }
.ui-tabs-nav a div.chara12 { background:url(../images/chara_name_btm12_a.png); }
.ui-tabs-nav a div.chara13 { background:url(../images/chara_name_btm13_a.png); }
.ui-tabs-nav a div.chara14 { background:url(../images/chara_name_btm14_a.png); }

.ui-tabs-nav .ui-tabs-selected a div.chara01 { background:url(../images/chara_name_btm01_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara02 { background:url(../images/chara_name_btm02_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara03 { background:url(../images/chara_name_btm03_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara04 { background:url(../images/chara_name_btm04_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara05 { background:url(../images/chara_name_btm05_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara06 { background:url(../images/chara_name_btm06_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara07 { background:url(../images/chara_name_btm07_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara08 { background:url(../images/chara_name_btm08_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara09 { background:url(../images/chara_name_btm09_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara10 { background:url(../images/chara_name_btm10_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara11 { background:url(../images/chara_name_btm11_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara12 { background:url(../images/chara_name_btm12_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara13 { background:url(../images/chara_name_btm13_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.chara14 { background:url(../images/chara_name_btm14_b.png); }


.hov_sp01            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp02            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp03            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp04            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp05            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp06            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp07            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp08            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp09            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp10            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp11            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }
/*.hov_sp12            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }*/
.hov_sp13            { position:relative; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info_bl.png) no-repeat; z-index:400; cursor:pointer; }

.hov_sp01 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info01.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp02 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info02.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp03 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info03.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp04 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info04.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp05 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info05.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp06 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info06.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp07 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info07.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp08 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info08.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp09 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info09.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp10 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info10.png) no-repeat; z-index:400; cursor:pointer; }
.hov_sp11 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info11.png) no-repeat; z-index:400; cursor:pointer; }
/*.hov_sp12 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info12.png) no-repeat; z-index:400; cursor:pointer; }*/
.hov_sp13 span.hover { position:absolute; width:580px; height:1400px; display:block; background:url(../images/chara_prof/chara_sub_info13.png) no-repeat; z-index:400; cursor:pointer; }

#corre { position: relative; color: white; height: 800px; margin: 0 auto; padding: 0; background:#000; overflow: hidden; z-index:200; }

.corre01   { position: absolute; top:100px; left:50%; width: 670px; height:95px; background:url(../images/wb_corre_m.png) center bottom no-repeat; margin:0 0 0 -335px; padding:0 0 0 0; z-index:400; overflow: auto; }
.corre02   { position: absolute; top:220px; left:50%; width: 880px; height:490px; background:url(../images/chara_stage.png) center bottom no-repeat; margin:0 0 0 -440px; padding:0 0 0 0; z-index:400; overflow: auto; }

#episode { position: relative; height: 700px; margin: 0 auto; padding: 0; background:#F7F7F7; overflow: hidden; z-index:200; }
#episode iframe { width:100%; height:700px; }

#products { position: relative; height: 900px; margin: 0 auto; padding: 0; background:#F2F0EE; overflow: hidden; z-index:200; }
#products iframe { width:100%; height:900px; }

#pv_ac { position: relative; height: 900px; margin: 0 auto; padding: 0; background:#F7F7F7; overflow: hidden; z-index:200; }
.pv_title   { position: absolute; top:660px; left:50%; width:440px; height:65px; background:url(../images/movie_title.png) center bottom no-repeat; margin:0 0 0 -220px; z-index:400; }

#foot_sp { width:100%; height:300px; background:url(../images/wbfoot_logo.png) no-repeat; background-position:center center; }

#movie_tab { position:relative; background:#000; }

#movie_tab ul { position:absolute; top:440px; left:50%; margin:0 0 0 -320px; width:640px; text-align:left; padding:0; }
#movie_tab ul li { list-style-type:none; }

#movie_posi01 { float:left; width:184px; height:120px; margin:0 44px 0 0 ; }
#movie_posi02 { float:left; width:184px; height:120px; } 
#movie_posi03 { float:left; width:184px; height:120px; margin:0 0 0 44px; }

#movie_tab ul { z-index:10000; }

.movie01 { position:relative; width:184px; height:103px; display:block; background:url(../images/pv_img01.jpg); background-position:top; cursor:pointer; }
.movie02 { position:relative; width:184px; height:103px; display:block; background:url(../images/pv_img02.jpg); background-position:top; cursor:pointer; }
.movie03 { position:relative; width:184px; height:103px; display:block; background:url(../images/pv_img03.jpg); background-position:top; cursor:pointer; }

.movie01 span.hover { position:absolute; width:184px; height:103px; display:block; background:url(../images/pv_img01.jpg); background-position:bottom; cursor:pointer; }
.movie02 span.hover { position:absolute; width:184px; height:103px; display:block; background:url(../images/pv_img02.jpg); background-position:bottom; cursor:pointer; }
.movie03 span.hover { position:absolute; width:184px; height:103px; display:block; background:url(../images/pv_img03.jpg); background-position:bottom; cursor:pointer; }

.m_title01 { width:184px; height:60px; margin:10px 0 0 0; background:url(../images/movie_name_p01.png); }
.m_title02 { width:184px; height:60px; margin:10px 0 0 0; background:url(../images/movie_name_p02.png); }
.m_title03 { width:184px; height:60px; margin:10px 0 0 0; background:url(../images/movie_name_p03.png); }

#special { position: relative; color: white; height: 1500px; margin: 0 auto; padding: 0; background:#C9C9C9; overflow: hidden; z-index:200; }

#special_tab { position:relative; width:100%; height:1500px; margin:0 auto;}
#special_tab ul { position:absolute; top:100px; right:50%; width:150px; height:450px; z-index:350; margin:0 226px 0 0; }
#special_tab ul li { float:left; width:130px; height:38px; list-style-type: none; margin:0 8px 8px 0; }

#specialset_01 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm01.jpg) top center no-repeat; }
#specialset_02 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm02.jpg) top center no-repeat; }
#specialset_03 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm03.jpg) top center no-repeat; }
#specialset_04 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm04.jpg) top center no-repeat; }
#specialset_05 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm05.jpg) top center no-repeat; }
#specialset_06 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm06.jpg) top center no-repeat; }
#specialset_07 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm07.jpg) top center no-repeat; }
#specialset_08 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm08.jpg) top center no-repeat; }
#specialset_09 { position:relative; width:100%; height:1500px; background:url(../images/sp/sp_comm09.jpg) top center no-repeat; }

.ui-tabs-nav a { color: #27537a; }
.ui-tabs-nav .ui-tabs-selected a { color: #000; }

.cap_01 { position:absolute; top:0; left:0; }
.cap_02 { position:absolute; top:50px; left:0; }
.cap_03 { position:absolute; top:100px; left:0; }
.cap_04 { position:absolute; top:150px; left:0; }
.cap_05 { position:absolute; top:200px; left:0; }
.cap_06 { position:absolute; top:250px; left:0; }
.cap_07 { position:absolute; top:300px; left:0; }
.cap_08 { position:absolute; top:350px; left:0; }
.cap_09 { position:absolute; top:400px; left:0; }

#special_tab ul li div { width:130px; height:38px; z-index:500; }
.ui-tabs-nav a div.comm01 { background:url(../images/sp/spcomm_name_btm01_a.png); }
.ui-tabs-nav a div.comm02 { background:url(../images/sp/spcomm_name_btm02_a.png); }
.ui-tabs-nav a div.comm03 { background:url(../images/sp/spcomm_name_btm03_a.png); }
.ui-tabs-nav a div.comm04 { background:url(../images/sp/spcomm_name_btm04_a.png); }
.ui-tabs-nav a div.comm05 { background:url(../images/sp/spcomm_name_btm05_a.png); }
.ui-tabs-nav a div.comm06 { background:url(../images/sp/spcomm_name_btm06_a.png); }
.ui-tabs-nav a div.comm07 { background:url(../images/sp/spcomm_name_btm07_a.png); }
.ui-tabs-nav a div.comm08 { background:url(../images/sp/spcomm_name_btm08_a.png); }
.ui-tabs-nav a div.comm09 { background:url(../images/sp/spcomm_name_btm09_a.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm01 { background:url(../images/sp/spcomm_name_btm01_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm02 { background:url(../images/sp/spcomm_name_btm02_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm03 { background:url(../images/sp/spcomm_name_btm03_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm04 { background:url(../images/sp/spcomm_name_btm04_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm05 { background:url(../images/sp/spcomm_name_btm05_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm06 { background:url(../images/sp/spcomm_name_btm06_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm07 { background:url(../images/sp/spcomm_name_btm07_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm08 { background:url(../images/sp/spcomm_name_btm08_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.comm09 { background:url(../images/sp/spcomm_name_btm09_b.png); }

.sp_title01   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title01.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }
.sp_title02   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title02.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }
.sp_title03   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title03.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }
.sp_title04   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title04.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }
.sp_title05   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title05.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }
.sp_title06   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title06.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }
.sp_title07   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title07.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }
.sp_title08   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title08.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }
.sp_title09   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/sp/sp_title09.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }

#event { position: relative; color: white; height: 1450px; margin: 0 auto; padding: 0; background:#C9C9C9; overflow: hidden; z-index:200; }

#event_tab { position:relative; width:100%; height:1450px; margin:0 auto;}
#event_tab ul { position:absolute; top:100px; right:50%; width:150px; z-index:350; margin:0 226px 0 0; }
#event_tab ul li { float:left; width:140px; height:38px; list-style-type: none; margin:0 8px 8px 0; }

#eventset_01 { position:relative; width:100%; height:1450px; background:url(../images/event/event_comm01.jpg) top center no-repeat; }
#eventset_02 { position:relative; width:100%; height:1450px; background:url(../images/event/event_comm02.jpg) top center no-repeat; }
#eventset_03 { position:relative; width:100%; height:1450px; background:url(../images/event/event_comm03.jpg) top center no-repeat; }
#eventset_04 { position:relative; width:100%; height:1450px; background:url(../images/event/event_comm04.jpg) top center no-repeat; }

.eve_01 { position:absolute; top:0; left:0; }
.eve_02 { position:absolute; top:100px; left:0; }
.eve_03 { position:absolute; top:150px; left:0; }
.eve_04 { position:absolute; top:50px; left:0; }

#event_tab ul li div { width:140px; height:38px; z-index:500; }
.ui-tabs-nav a div.eve_comm01 { background:url(../images/event/eve_comm_name_btm01_a.png); }
.ui-tabs-nav a div.eve_comm02 { background:url(../images/event/eve_comm_name_btm02_a.png); }
.ui-tabs-nav a div.eve_comm03 { background:url(../images/event/eve_comm_name_btm03_a.png); }
.ui-tabs-nav a div.eve_comm04 { background:url(../images/event/eve_comm_name_btm04_a.png); }

.ui-tabs-nav .ui-tabs-selected a div.eve_comm01 { background:url(../images/event/eve_comm_name_btm01_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.eve_comm02 { background:url(../images/event/eve_comm_name_btm02_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.eve_comm03 { background:url(../images/event/eve_comm_name_btm03_b.png); }
.ui-tabs-nav .ui-tabs-selected a div.eve_comm04 { background:url(../images/event/eve_comm_name_btm04_b.png); }

.eve_title01   { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/event/eve_title01.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }

#benefit { position: relative; color: white; height: 2100px; margin: 0 auto; padding: 0; background:#F2F0EE; overflow: hidden; z-index:200; }

#benefit_tab { position:relative; width:100%; height:2100px; margin:0 auto;}
#benefit_tab ul { position:absolute; top:120px; height:200px; right:50%; width:150px; z-index:350; margin:0 226px 0 0; }
#benefit_tab ul li { float:left; width:140px; height:38px; list-style-type: none; }

#benefitset_01 { position:relative; width:100%; height:2100px; background: url(../images/benefit/benefit_comm01.jpg) top center no-repeat; }
#benefitset_02 { position:relative; width:100%; height:2100px; background: url(../images/benefit/benefit_comm02.jpg) top center no-repeat; }

.bene_01 { position:absolute; top:0; left:0; }
.bene_02 { position:absolute; top:50px; left:0; }

#benefit_tab ul li div { width:140px; height:38px; z-index:500; }
.ui-tabs-nav a div.bene_comm01 { background: url(../images/benefit/bene_comm_name_btm01_a.png) top center no-repeat; }
.ui-tabs-nav a div.bene_comm02 { background: url(../images/benefit/bene_comm_name_btm02_a.png) top center no-repeat; }

.ui-tabs-nav .ui-tabs-selected a div.bene_comm01 { background: url(../images/benefit/bene_comm_name_btm01_b.png) top center no-repeat; }
.ui-tabs-nav .ui-tabs-selected a div.bene_comm02 { background: url(../images/benefit/bene_comm_name_btm02_b.png) top center no-repeat; }

.benefit_title01 { position: absolute; bottom:100px; left:50%; width:500px; height:65px; background:url(../images/benefit/benefit_title01.png) center bottom no-repeat; margin:0 0 0 -250px; z-index:400; }

#shop_n11 { position:absolute; top:1529px; right:50%; margin:0 81px 0 0; width:178px; height:75px; }
#shop_n11 .goto_btm              { position:relative; width:178px; height:75px; display:block; }
#shop_n11 .goto_btm span.hover   { position:absolute; width:178px; height:75px; display:block; background: rgba(255,255,255,0.8); }