/*Viena Site Global CSS*/
/*2008.07.29*/

@import url("header.css");
@import url("left.css");
@import url("right.css");
@import url("footer.css");
@charset "UTF-8";


body {
margin: 0px auto;
padding: 0px;
width: 956px;
background: #FFFFFF url(../img/body_bg.gif) repeat-x center top;
color:#585f65;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}
a{
text-decoration:none;
color:#585f65;
}
a:hover{
text-decoration:underline;
color:#585f65;
}
ul,li{
margin: 0px;
padding: 0px;
list-style:none;
}
img{
border:none;
}


/**************Main**************/
#main_body {

height: auto;
width: 956px;
background: url(../img/main_body_bg.gif) repeat-y;
margin:10px 0 0 0;
}


/*****Pan*****/
#pan{
font-size:9px;
margin:0 2px 0 17px;
padding:5px 0 5px 0;
width: 729px;
float:left;
background-color:#fff;
}
#pan a{
color:#0b81ab;
}
/*****Channel*****/
#channel{
margin:0 0 0 17px;
padding:0 0 5px 0;
width:733px;
height:46px;
float:left;
background-color:#fff;
}
 a.corea{
width:733px;
height:46px;
background:url(../img/drama/drama_korea_bar.gif) no-repeat;
text-indent:-9999px;
display:block;
}
/*****MainCenter*****/
#main_center {
height: auto;
width: 510px;
float:left;
margin:0 17px 0 17px;
}
#main_center a{
color:#0b81ab;
}
#flash_box{
background:url(../img/flash_bg.gif) no-repeat;
width:510px;
height:202px;
margin:0 0 10px 0;
padding:0;
}
.flash_box_bottom{
background:url(../img/flash_bg_bottom.gif) no-repeat;
width:510px;
height:10px;
margin:0;
padding:0;
}

#main_center .main_box{
width:510px;
margin:0 0 5px 0;
clear:both;
}
#main_center .main_box_bottom{
width:510px;
background:url(../img/main_box_bg_bottom.gif) no-repeat;
height:8px;
margin:0 0 5px 0;
padding:0;
}
#main_center .main_box .h2_box{
height: 33px;
width: 510px;
background:#999999;
}

/*******H2帯共通*******/
#main_center .main_box .h2_box h2{
letter-spacing:1px;
font-size: 14px;
font-weight:bold;
color: #FFFFFF;
margin: 11px 10px 0 15px;

float:left;
line-height:15px;
}
*html #main_center .main_box .h2_box h2{
margin: 11px 10px 0 6px;
}



#main_center .main_box .h2_box .h2_icon{
float:right;
height:14px;
padding:9px 10px 10px 0;
}
#main_center .main_box .h2_box .h2_icon img{
padding:0 0 0 5px;
}
#main_center .main_box .main_box_body{
background:url(../img/main_box_bg.gif) repeat-y;
width:490px;
padding:10px;
font-size:12px;
}
/*******新着情報＆トピックス********/
#main_center .main_box .main_box_new_topics{
background:url(../img/new_topics_bg.gif) repeat-y;
}
#main_center .main_box_new_topics_bottom{
width:510px;
background:url(../img/new_topics_bg_bottom.gif) no-repeat;
height:9px;
margin:0 0 5px 0;
padding:0;
}

/*******H2・新着情報＆トピックス*******/
#main_center .main_box .h2_new_topics{
background:url(../img/h2_new_topics.gif) no-repeat !important;
text-indent:-9999px;
overflow:hidden;
}


#new_topics{
width:490px;
margin:15px 0 0 0;
}
.new_topics_box{
width:130px;
text-align:left;
float:left;
margin:0 16px 10px 16px;
}
*html .new_topics_box{
margin:0 15px 10px 10px;

}
.new_topics_box h4{
font-size:12px;
font-weight:normal;
margin:0 0 3px 0;
}

.new_topics_box p.comment{
font-size:10px;
font-weight:nomal;
margin:0 0 2px 0;
padding:0;
display:block;
}


.new_topics_box .icon{
margin:3px;
}


#new_topics #new_topics_text p{
font-size:12px;
display:block;
width:470px;
height:14px;
margin:0 10px 0 10px;
padding:3px 0 3px 0;
clear:both;
}
#new_topics #new_topics_text p a{
float:left;
width:410px;
overflow:hidden;
white-space:nowrap;
}
#new_topics #new_topics_text .icon{
float:right;
}


/**********オレンジ内枠・説明文************/
#main_center .main_box .main_box_body .orange_box{
background:url(../img/orange_box_bg.gif) no-repeat;
width:455px;
padding:10px;
font-size:10px;
margin:0 7px 0 8px;
}
#main_center .main_box .main_box_body .orange_box h3{
font-size:10px;

margin:0;
padding:0;
}
#main_center .main_box .main_box_body .orange_box p{
font-size:10px;
font-weight:normal;
margin:0.5em 0 1em 1em;
padding:0;
}
#main_center .main_box .main_box_body .orange_box_bottom{
background:url(../img/orange_box_bg_bottom.gif) no-repeat;
width:475px;
height:2px;
margin:0 7px 0 8px;
padding:0;
}
.osusume{
font-size:10px;
margin:15px 7px 0 8px;
}
.osusume a{
margin:0 0 0 1em;
}

.pagelink{
width:490px;
font-size:10px;
margin:0 0 15px 0;
text-align:left;
clear:both;
}
.pagelink a{
margin:0 0 0 0.5em;
}

/***********メイン・オススメサムネール***********/

#main_center .main_box .main_box_body .tn_box{
width:235px;
float:left;
margin:0 10px 10px 0;
padding:0;
}
#main_center .main_box .main_box_body .tn_box h4{
font-size:11px;
line-height:13px;
margin:0 0 3px 0;
padding:0;
}

#main_center .main_box .main_box_body .tn_box .title_box{
width:130px;
float:right;
height:68px;
overflow:hidden;
}
#main_center .main_box .main_box_body .tn_box p{
line-height:13px;
display:block;
margin:0;
font-size:10px;
}

#main_center .main_box .main_box_body .all_list{
text-align:right;
clear:both;
margin: 0px 5px;
}



/******Seravh Result*****/
#search_result{
width:490px;
margin:15px 0 0 0;
}
#search_result .search_result_box{
width:153px;
text-align:center;
float:left;
margin:0 5px 10px 5px;
}
*html #search_result .search_result_box{
width:153px;
text-align:center;
float:left;
margin:0 2px 10px 2px;
}
#search_result .search_result_box h4{
font-size:10px;
font-weight:normal;
margin:0 0 3px 0;
}

#search_result .search_result_box p.date{
font-size:10px;
font-weight:bold;
margin:0 0 2px 0;
padding:0;
}

#search_result .search_result_box p.comment{
font-size:10px;
font-weight:nomal;
margin:0 0 2px 0;
padding:0;
text-align:left;
height:48px;
overflow:hidden;
line-height:12px;
}

#search_result .search_result_box p.tag{
font-size:10px;
font-weight:nomal;
margin:0 0 2px 0;
padding:0 10px 0 0;
}
#search_result .search_result_box p.tn_copyright{
font-size:9px;
font-weight:nomal;
margin:0 0 2px 0;
padding:0;
color:#CCCCCC;
}

/******Seravh Result Text*****/
#search_result_text{
width:490px;
margin:15px 0 0 0;
}
#search_result_text img{
display:none;
}
#search_result_text .search_result_box{
width:480px;
text-align:left;
margin:0 5px 10px 5px;
border-bottom:#ccc dotted 1px;
*html 
}
*html #search_result_text .search_result_box{
width:480px;
text-align:left;
float:left;
margin:0 2px 10px 2px;
}
#search_result_text .search_result_box h4{
font-size:10px;
font-weight:normal;
margin:0 0 3px 0;

}

#search_result_text .search_result_box p.date{
font-size:10px;
font-weight:bold;
margin:0 0 2px 0;
padding:0;

}

#search_result_text .search_result_box p.comment{
font-size:10px;
font-weight:nomal;
margin:0 0 2px 0;
padding:0;
text-align:left;
max-height:48px;
overflow:hidden;
line-height:12px;
}

#search_result_text .search_result_box p.tag{
font-size:10px;
font-weight:nomal;
margin:0 0 2px 0;
padding:0 10px 0 0;
}
#search_result_text .search_result_box p.tn_copyright{
font-size:9px;
font-weight:nomal;
margin:0 0 2px 0;
padding:0;
color:#CCCCCC;
}





/*MainBottom*/
#main_body_bottom {
background-color:#fff;
height: 5px;
width: 956px;
clear:both;
}






/*********************Font Size Color*********************/
.text10{
font-size:10px;
line-height:12px;
}
.text12{
font-size:12px;
line-height:14px;
}
.text14{
font-size:14px;
line-height:16px;
}
.bold{
font-weight:bold;
}
.orange{
color:#fd842b;
}
.red{
color:#ff0000;
}
.gray{
color:#585f65;
}
/*********************Spacer*********************/
.l50{
margin-left:50px;
}
.clear_line{
clear:both;
border-bottom:#ccc dotted 1px;
margin: 0 0 5px 0;
padding:5px0 0 0;
}

/***********************Thumbnail**********************/
.tn9873{
width:98px;
height:73px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_9873w.gif) no-repeat;
}
.tn12493{
width:124px;
height:93px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_12493o.gif) no-repeat;
}
.tn478198{
width:478px;
height:198px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_478198w.gif) no-repeat;
}
.tn5858{
width:58px;
height:58px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_5858g.gif) no-repeat;
}
.tn5843{
width:58px;
height:43px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_5843g.gif) no-repeat;
}
.tn5843{
width:58px;
height:43px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_5843g.gif) no-repeat;
}
.tn4030{
width:40px;
height:30px;
padding:1px;
background:url(../img/tnbg_5843g.gif) no-repeat;
background:#fff;
}

.tn150200{
width:150px;
height:200px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_150200w.gif) no-repeat;
}
.tn4864{
width:48px;
height:64px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_4864.gif) no-repeat;
}
.tn11284{
width:112px;
height:84px;
padding:2px 3px 4px 3px;
background:url(../img/tnbg_11284w.gif) no-repeat;
}

.f_l{
float:left;
display:block;
}
.f_r{
float:right;
/*display:block;*/
}
.w104{
width:104px;
}
.w112{
width:112px;
}
.w210{
width:210px;
}
.w315{
width:315px;
}
.clear{
clear:both;
}

/*********************購入・視聴*********************/
.main_box_body .media{
clear:both;
height:24px;
font-size:12px;
margin:3px 5px 10px 5px;
}
.main_box_body .media .file{
float:left;
line-height:24px;
height:24px;
}
.main_box_body .media .wm{
background:url(../img/wm_icon.gif) no-repeat left 0;
padding:0 0 0 30px;
width:150px;
}
.main_box_body .media .os{
float:left;
height:24px;
line-height:24px;

}
.main_box_body .media .windows{
background:url(../img/windows_icon.gif) no-repeat 0 4px;
height:24px;
width:18px;
display:block;
text-indent:-9999px;
float:left;

}

.main_box_body .readme {
float:right;
height:24px;
line-height:24px;
}
/*購入・パック*/
.buy_pac{
background:url(../img/buy_pac_bg.gif) no-repeat 0 0;
width:475px;
height:33px;
margin:0 7px 8px 8px;

}
.buy_pac .title{
color:#0b81ab;
font-size:12px;
float:left;
font-weight:bold;
margin:9px;
line-height:15px;
}
.buy_pac .price{
text-align:right;
float:right;
font-size:10px;
margin:3px;
line-height:12px;
height:28px;
}
.buy_pac .cart{
background:url(../img/cart_btn.gif) no-repeat;
width:122px;
height:28px;
text-indent:-9999px;
float:right;
margin:3px;
}
.buy_pac .cart a{
width:122px;
height:28px;
display:block;
}

/*購入・各話*/
.buy_single{
background:url(../img/buy_single_bg.gif) no-repeat 0 0;
width:229px;
height:33px;
margin:5px 0 0 0;
clear:both;
}

.buy_single .price{
text-align:right;
float:right;
font-size:9px;
margin:3px 0 3px 0;
line-height:12px;
height:28px;
width:102px;
}
.buy_single .cart{
background:url(../img/cart_btn.gif) no-repeat;
width:122px;
height:28px;
text-indent:-9999px;
float:right;
margin:3px 2px 3px 3px;
}
*html .buy_single .cart{
margin:3px 1px 3px 1px;
}
.buy_single .cart a{
width:122px;
height:28px;
display:block;
}




.buy_line{
clear:both;
background:url(../img/right/tn_box_line.gif) repeat-x center 5px;
height:10px;
margin:0;
}

.buy_line_h{
float:left;
background:url(../img/line_h.gif) repeat-y;
height:160px;
margin:0;
padding:0;
width:1px;
}
#main_center .main_box .main_box_body .buy_tn_box{
width:230px;
float:left;
margin:5px 7px 10px 7px;
padding:0;
}
*html #main_center .main_box .main_box_body .buy_tn_box{
margin:5px 3px 10px 4px;
}

#main_center .main_box .main_box_body .buy_tn_box .time_day{
font-size:10px;
line-height:11px;
margin:3px 0 0 0;
}

#main_center .main_box .main_box_body .buy_tn_box h4{
font-size:11px;
line-height:13px;
margin:0 0 3px 0;
padding:0;
}

#main_center .main_box .main_box_body .buy_tn_box .title_box{
font-size:10px;
width:122px;
float:right;
height:108px;
overflow:hidden;
margin:0 0 5px 0;
}
#main_center .main_box .main_box_body .buy_tn_box p{
line-height:13px;
display:block;
margin:0;
}