@charset "utf-8";

/*==================================================
*	トップページ
==================================================*/

/* 構造 */
body#site-top #container #contents{
width:960px;
}

body#site-top #container #contents #inner_contents{
width:960px;
}

body#site-top #container #contents #inner_contents:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

body#site-top #container #contents #inner_contents #mainContents{
width:678px;
float:left;
}


/* 今週・来週のオススメ番組 */
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram{
background:transparent url(/images/hdg_h2_01_bg.jpg) no-repeat scroll right top;position:relative;
height:36px;
width:678px;
margin-bottom:10px;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram h2{
display:inline;
float:left;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram p{
float:left;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram p.rss{
display:inline;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram p.rss img{
padding-top:10px;
}

/* 今週・来週　タブ */
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram p.thisWeek{
margin:15px 0 0 45px;
font-weight:bold;
text-align:center;
width:161px;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram p.thisWeek a{
font-weight:normal;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram p.nextWeek{
margin:15px 0 0 5px;
font-weight:bold;
text-align:center;
width:161px;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .h2_recommendProgram p.nextWeek a{
font-weight:normal;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm{
background-image:url(/images/category_4clm_bg.gif);
background-repeat:no-repeat;
background-position:bottom left;
width:678px;
display:block;
margin-bottom:10px;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm .inner_recommend_4clm{
width:690px;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm .categories{
width:162px;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm .categories p{
padding:0 1px;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm .categories .programTitle{
background-color:#f1f1f1;
display:block;
padding:5px;
margin:0 1px 1px 1px;
font-weight:bold;
font-size:116.667%;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm .categories ul.programName:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

/* body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm .categories ul.programName{
width:160px;
} */
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm ul{
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm ul li{
float:left;
margin-right:10px;
_height:20px;
}
body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm ul:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

body#site-top #container #contents #inner_contents #mainContents #recommendProgram .recommend_4clm .categories .btn_movieCheck{
margin:0;
padding:0 0 6px 5px;
}



/* hotMovie */
body#site-top #container #contents #inner_contents .videoClips .video{
background:transparent url(/images/movie_bg.gif) no-repeat scroll bottom left;
height:259px;
padding:0 10px;
}


/* 今注目のジャンルはコレ！（top用） */
body#site-top #container #contents #inner_contents #mainContents .hotCategory{
background-image:url(/common/images/hot_category_bg.gif);
background-repeat:no-repeat;
background-position:right top;
width:678px;
margin:19px 0 24px 0;
}
body#site-top #container #contents #inner_contents #mainContents .hotCategory .inner_hotCategory:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
body#site-top #container #contents #inner_contents #mainContents .hotCategory .inner_hotCategory p{
float:left;
}
body#site-top #container #contents #inner_contents #mainContents .hotCategory .inner_hotCategory ul{
margin-top:18px;
float:left;
}
body#site-top #container #contents #inner_contents #mainContents .hotCategory .inner_hotCategory ul li{
display:inline;
margin:10px;
}


/* その他 */
body#site-top #container #contents #inner_contents #mainContents #other:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
body#site-top #container #contents #inner_contents #mainContents #other .ranking{
float:left;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea{
float:right;
width:458px;
}


body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial{
margin-bottom:20px;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial .specials{
width:458px;
margin-bottom:8px;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial .specials:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}


body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial .specials div.column{
width:390px;
float:right;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial .specials p.image{
width:58px;
float:left;
}

body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial .specials .column p.genre{
margin:5px 0;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial .specials .column p.genre span img{
margin:0 3px 3px 0;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial .specials .column p.genre{
background-image:url(/images/related_genre.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:88px;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .monthlySpecial h3{
margin-bottom:12px;
}


/* お知らせ・キャンペーン情報 */
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .informationAndCampaign h3{
margin-bottom:10px;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .informationAndCampaign .infoTable{
margin-bottom:15px;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .informationAndCampaign .infoTable td.category{
width:60px;
padding-top:3px;
vertical-align:top;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .informationAndCampaign .infoTable td{
padding-bottom:12px;
}

/* ご招待・プレゼント情報 */
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .present .h3_present{
background-image:url(/images/hdg_h3_bg.gif);
background-repeat:no-repeat;
background-position:right top;
position:relative;
width:458px;
height:28px;
margin-bottom:12px;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .present .h3_present p.listBtn{
top:5px;
left:400px;
position:absolute;
}
body#site-top #container #contents #inner_contents #mainContents #other .informationArea .present ul.presentList li{
background-image:url(/images/icon_present.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:22px;
margin-bottom:8px;
}





/* サブ */
body#site-top #container #contents #inner_contents #subContents{
width:260px;
float:right;
}

body#site-top #container #contents #inner_contents #subContents .videoClips {
margin-bottom:15px;
}
body#site-top #container #contents #inner_contents #subContents .bannerArea{
margin-bottom:14px;
}
body#site-top #container #contents #inner_contents #subContents .bannerArea ul li {
margin-bottom:5px;
}

/* 番組を見るには？ */
body#site-top #container #contents #inner_contents #subContents .howto{
background-image:url(/images/howto_bg.gif);
background-repeat:no-repeat;
background-position:left top;
margin:8px 0 18px 0;
}
body#site-top #container #contents #inner_contents #subContents .howto .inner_howto{
background-image:url(/images/howto_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding-bottom:0px;
}
body#site-top #container #contents #inner_contents #subContents .howto ul.btn_howto{
margin:5px 8px 11px 10px;
}
body#site-top #container #contents #inner_contents #subContents .howto ul.btn_howto li img{
margin:0 1px 1px 0;
}
body#site-top #container #contents #inner_contents #subContents .howto ul.btn_tool{
padding:0;
margin:6px 9px 0 11px;
}
body#site-top #container #contents #inner_contents #subContents .howto ul.btn_tool li img{
margin:0 2px 12px 0;
}

body#site-top #container #contents #inner_contents #subContents .howto .inner_howto ul li{
display:inline;
}



/* ジュピターテレコムについて */
body#site-top #container #contents #inner_contents #subContents .aboutJcom{
background-image:url(/images/about_bg.gif);
background-repeat:no-repeat;
background-position:left bottom;
}
body#site-top #container #contents #inner_contents #subContents .aboutJcom .whatsJcom{
padding:10px;
width:240px;
}
body#site-top #container #contents #inner_contents #subContents .aboutJcom .whatsJcom:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
body#site-top #container #contents #inner_contents #subContents .aboutJcom .whatsJcom .image{
float:right;
width:53px;
}
body#site-top #container #contents #inner_contents #subContents .aboutJcom .whatsJcom .column{
float:left;
width:175px;
}


/* コピーライトのエリア */
body#site-top #container #contents .copyrightArea{
width:960px;
color:#ababab;
font-size:83.3333%;
border-bottom:1px solid #d5d5d5;
border-top:1px solid #d5d5d5;
padding:12px 0;
margin-bottom:10px;
}