@import url(common.css);
@import url(jScrollPane-2.0.0beta11.css);

a img {
border:0;
}


/* head */

#wrap div#head {
width:100%;
height:305px;
background: url(../images/head_bg2.jpg) no-repeat center top;
}
#head div#title{
background: url(../images/title_bg.jpg) no-repeat center top;
width:980px;
height:305px;
margin:0 auto;
}
#title h1{
background: url(../images/logo.jpg) no-repeat top;
width:318px;
padding:294px 0 0 0;
float:left;
}
#title div#h_right{
width:362px;
float:right;
text-align:right;
}
#h_right h2{
padding:75px 0 0 0;
}
#title div#h_right2{
width:382px;
float:right;
text-align:right;
}
#h_right2 h2{
padding:30px 0 0 0;
}

#h_right p#campaign{
width:362px;
height:89px;
}
p#campaign a img{
border:none;
margin-top:20px;
}
*html p#campaign a img{
border:none;
margin-top:25px;
}

/* menu */

#wrap div#menu {
width:100%;
height:79px;
background: url(../images/menu_bg2.jpg) no-repeat center;
}
#menu ul{
background: url(../images/menu_inbg.jpg) no-repeat center;
width:980px;
height:79px;
margin:0 auto;
}
#menu ul li{
list-style:none;
float:left;
}
#menu ul li a{padding:53px 0 0 0;}
#menu ul li#btn_onair a{
width:234px;
background: url(../images/btn_onair.gif) no-repeat;
}
#menu ul li#btn_cast a{
width:188px;
background: url(../images/btn_cast.gif) no-repeat;
}
#menu ul li#btn_network a{
width:228px;
background: url(../images/btn_network.gif) no-repeat;
}
#menu ul li#btn_club a{
width:330px;
background: url(../images/btn_club.gif) no-repeat;
}
#menu ul li#btn_onair a:hover{
background: url(../images/btn_onair_on.gif) no-repeat;
}
#menu ul li#btn_cast a:hover{
width:188px;
background: url(../images/btn_cast_on.gif) no-repeat;
}
#menu ul li#btn_network a:hover{
width:228px;
background: url(../images/btn_network_on.gif) no-repeat;
}
#menu ul li#btn_club a:hover{
width:330px;
background: url(../images/btn_club_on.gif) no-repeat;
}
#menu ul li#btn_onair_no {
width:234px;
background: url(../images/btn_onair_no.gif) no-repeat;
padding:53px 0 0 0;
display:block;
overflow:hidden;
height:0;
font-size:0.8em;
}
#menu ul li#btn_network_no {
width:228px;
background: url(../images/btn_network_no.gif) no-repeat;
padding:53px 0 0 0;
display:block;
overflow:hidden;
height:0;
font-size:0.8em;
}


/* main */

#wrap div#main{
width:100%;
background: url(../images/main_bg2.gif) repeat-y center;
}
#main div#content{
background: url(../images/cont_bg.gif) no-repeat left top;
width:972px;
margin:0 auto;
padding:0 0 0 8px;
overflow:hidden;
}
#content p#energy a{
width:955px;
padding-top:83px;
margin-bottom:20px;
display:block;
overflow:hidden;
height:0;
font-size:0.8em;
}
#content p.energy1 a{background: url(../images/bnr_energy1.jpg) no-repeat left top;}
#content p.energy2 a{background: url(../images/bnr_energy2.jpg) no-repeat left top;}
#content p.energy3 a{background: url(../images/bnr_energy.jpg) no-repeat left top;}
#content p.energy4 a{background: url(../images/bnr_energy_today.jpg) no-repeat left top;}
#content p.energy5 a{background: url(../images/bnr_energy_uketuke.jpg) no-repeat left top;}
#content p.energy1 a:hover{background: url(../images/bnr_energy1.jpg) no-repeat left -85px;}
#content p.energy2 a:hover{background: url(../images/bnr_energy2.jpg) no-repeat left -85px;}
#content p.energy3 a:hover{background: url(../images/bnr_energy.jpg) no-repeat left -85px;}
#content p.energy4 a:hover{background: url(../images/bnr_energy_today.jpg) no-repeat left -85px;}
#content p.energy5 a:hover{background: url(../images/bnr_energy_uketuke.jpg) no-repeat left -85px;}


#content div#cont_l,#content div#cont_r,#content div#cont_m{float:left;}
#cont_l{width:238px;border-right:1px solid #000;}
#cont_m{width:464px;border-right:1px solid #000;}
#cont_r{width:255px;}
#content p.cline{
border-bottom:1px solid #000;
width:100%;
height:1px;
line-height:0;
font-size:0.6em;
margin:0px 0;
clear:both;
}



/* guest */

#cont_l div#guest{
float:left;
width:238px;
height:310px;
}
#guest h3{
background: url(../images/t_guest-trans.png) no-repeat top;
width:225px;
padding:37px 0 0 0;
}
#guest p.guest_p {
width:225px;
margin-top:2px;
margin-bottom:5px;
}


/* kanran */

#cont_l div#kanran,#cont_l div#kanran2{
width:230px;
overflow:hidden;
}

#cont_l div.mobi{
margin-bottom:10px;
}
#kanran h3,#kanran2 h3{
background: url(../images/t_kanran-trans.png) no-repeat top;
width:230px;
margin-top:10px;
}

#kanran h3{padding:44px 0 0 0;}
#kanran2 h3{padding:34px 0 0 0;}

img#kanran_p{
float:left;
margin-left:-5px;
}
#kanran p#kanran_txt{
width:230px;
margin:7px 0 0 0;
float:right;
}
#kanran2 p#kanran_txt{
width:230px;
margin:3px 0 0 5px;
}

#kanran p#btn_kanran{
clear:both;
padding:15px 0 14px 5px;
}
#kanran2 p#btn_kanran{
clear:both;
padding:10px 0 5px 5px;
}


/* mobile */

#cont_l div#mobile,#cont_l div#mobile2{
float:left;
width:230px;
}
#cont_l div#mobile{
height:167px;
margin-top:15px;
background: url(../images/mobile_bg.jpg) no-repeat top;
}
#cont_l div#mobile2{
height:130x;
margin-top:5px;
background: url(../images/mobile2_bg.jpg) no-repeat top;
}
#mobile h3,#mobile2 h3{
width:230px;
padding:44px 0 0 0;
}
#mobile p#mobile_txt{
width:100px;
padding-left:10px;
margin:0;
}
#mobile2 p#mobile_txt{
width:120px;
font-size:0.9em;
line-height:1.2em;
padding-left:10px;
margin:0;
}


/* movie */

#cont_m div#movie{
float:left;
width:452px;
height:335px;
padding-left:12px;
}
#movie h3{
background: url(../images/t_movie-trans.png) no-repeat top;
width:439px;
padding:45px 0 0 0;
}
#movie h3#permanent{
background: url(../images/t_movie2.gif) no-repeat top;
width:439px;
padding:37px 0 0 0;
}

#movie div#bc{
width:435px;
height:240px;
background-color:#414E54;
margin-left:2px;
padding-top:7px;
padding-bottom:3px;
text-align:center;
}
*html #movie div#bc{
padding-bottom:8px;
}

#movie div#social{
width:430px;
padding:10px 0 0 2px;
}
#movie div#social div{
float:left;
width:130px;
overflow:hidden;
font-size:10px;
padding-right:5px;
}
#movie div#social div#facebook_like .fb_share_count_nub_right{
background-image:url("../images/f_arrow.gif");
}


/* club */

#cont_m div#club,#cont_m div#club2{
float:left;
width:464px;
}
#club h3,#club2 h3{
margin-top:10px;
background: url(../images/t_club-trans.png) no-repeat top;
width:443px;
margin-left:10px;
}
#club h3{padding:35px 0 0 0;}
#club2 h3{padding:45px 0 0 0;}
#club div#member,#club2 div#member {
width:443px;
height:174px;
background: url(../images/member_bg.jpg) no-repeat top;
margin-left:5px;
}
#club div#member {padding:30px 0 5px 8px;}
#club2 div#member {padding:30px 0 15px 8px;}
div#member ul {
width:429px;
padding-left:3px;
}
div#member ul li {
float:left;
list-style:none;
}
.imagelink{
background:url(../images/btn_mem_onair-trans.png) no-repeat right 50%;
}
#club p#club_line,#club2 p#club_line{
border-bottom:1px solid #2B3B40;
width:420px;
margin-left:20px;
height:1px;
line-height:0;
font-size:0.6em;
clear:both;
}

#club h4,#club2 h4{
background: url(../images/club_bosyu_t.jpg) no-repeat top;
width:443px;
padding:59px 0 0 0;
margin-left:5px;
}
#club2 h4{margin-top:10px;}
#club p#club_txt,#club2 p#club_txt{padding:10px 0 0 20px;}
#club p#btn_club,#club2 p#btn_club{padding:20px 0 0 20px;}
div#club_detail{
width:448px;
background: url(../images/club_bg2.gif) no-repeat top right;
}
p#club_txt{
width:277px;
padding:10px 0 0 20px;
}
#club p#btn_club{padding:10px 0 0 20px;}
#club2 p#btn_club{padding:15px 0 0 20px;}




/* dvd */

#content div#dvd{
width:225px;
padding-left:12px;
}
#dvd h3{
background: url(../images/t_dvd-trans.png) no-repeat top;
width:239px;
padding:44px 0 0 0;
}
#dvd p#dvd_txt{
width:239px;
height:158px;
margin:0;
}
#dvd p#dvd_txt a{
background: url(../images/btn_dvd3_off.jpg) no-repeat top;
width:239px;
padding-top:168px;
margin:0;
display:block;
overflow:hidden;
height:0;
font-size:0.8em;
}
#dvd p#dvd_txt a:hover{
background: url(../images/btn_dvd3_on.jpg) no-repeat top;
}
#dvd p#dvd_txt2 a{
background: url(../images/btn_dvd2_off.jpg) no-repeat top;
width:239px;
padding-top:168px;
margin:0;
display:block;
overflow:hidden;
height:0;
font-size:0.8em;
}
#dvd p#dvd_txt2 a:hover{
background: url(../images/btn_dvd2_on.jpg) no-repeat top;
}


/* news */

#content div#news{
width:239px;
border-top:1px solid #000;
margin-top:10px;
padding-left:12px;
}
#news h3{
background: url(../images/t_news-trans.png) no-repeat top;
width:239px;
padding:35px 0 0 0;
margin-top:10px;
}
#news div#list{
width:239px;
height:150px;
}
#news div#list strong{
color:#FD9696;
font-weight:bold;
}
#news div#list ul {
font-size:0.9em;
line-height:1.4em;
}
#news div#list ul li {
list-style:none;
padding-left:2px;
margin-bottom:10px;
font-size:12px;
line-height:1.2em;
}


/* next */

#content div#next{
float:left;
width:225px;
}
#next h3{
background: url(../images/t_next-trans.png) no-repeat top;
width:225px;
padding:40px 0 0 0;
}
#next strong {
color:#FFD200;
font-weight:normal;
line-height:1.8em;
}
#next img{margin:10px 0 5px 0;}
#next p#next_cast {
font-size:0.9em;
}
#next p.mr5 {
color:#FFD200;
font-weight:normal;
width:220px;
padding-left:5px;
}


/* present */

#cont_l div#present{
width:225px;
}
#present h3{
background: url(../images/t_present-trans.png) no-repeat top;
width:225px;
padding:38px 0 0 0;
margin-top:3px;
}
#present p{
margin:0;
padding:0 0 0 5px;
}

#present p#btn_present{
clear:both;
padding-bottom:5px;
}


/* wisdom */

#cont_l div#wisdom{
width:230px;
height:136px;
margin:13px 0;
background: url(../images/wisdom_bg.jpg) no-repeat top;
text-align:center;
}
#wisdom h3{
width:230px;
padding:100px 0 0 0;
margin:0;
}


/* twitter */

#twitter,#twitter2{
width:239px;
padding-left:12px;
}

#twitter h3,#twitter2 h3{
background: url(../images/t_twitter-trans.png) no-repeat top;
width:239px;
padding:35px 0 0 0;
margin-top:10px;
}
p#btn_account{
background: url(../images/twitter_account2.gif) no-repeat top left;
padding-left:55px;
}
p#twitter_line{
background: url(../images/twitter_line.gif) no-repeat;
width:239px;
height:11px;
font-size:0.6em;
line-height:0em;
clear:both;
}
p#twitter_txt{
font-size:0.9em;
line-height:1.0em;
}
p#twitter_txt strong{
color:#04BFFD;
}


#twitter #twitter-ticker,#twitter2 #twitter-ticker{
width:230px;
color:#fff;
display:none;
text-align:left;
background-color:#414E54;
padding:3px 5px 5px 5px;
margin-top:5px;
}
#twitter div#twitter-ticker{height:195px;}
#twitter2 div#twitter-ticker{height:280px;}

#twitter div#tweet-container,#twitter2 div#tweet-container{
height:195px;
width:auto;
overflow:hidden;
}
#twitter div#tweet-container{height:195px;}
#twitter2 div#tweet-container{height:280px;}

#twitIcon{
position:absolute;
top:-25px;
left:-10px;
width:64px;
height:64px;
}

.tweet{
padding:10px;
margin:3px 0 5px 0;
width:195px;
overflow:hidden;
font-size:0.8em;
line-height:1.2em;
background-color:#ECEFF0;
color:#000;
border:1px solid #14272C;
}
*html .tweet{
color:#fff;
}


.tweet a{color:#0E7DA2;}
.tweet a:hover{color:#2995B9;}

.tweet .avatar,
.tweet .user,
.tweet .time{
float:left;
}

.tweet .time{
text-transform:uppercase;
font-size:10px;
color:#666;
white-space:nowrap;
}


.tweet .avatar img{
width:36px;
height:36px;
border:2px solid #eeeeee;
margin:0 10px 5px 0;
}

.tweet .txt{
clear:both;
}
.tweet .user{
font-weight:bold;
}


#loading{
margin:100px 95px;
}