@charset"utf-8";


/*-----------------------------------------------------------------------
    
	CSS information
	 
	 Site URL     :   http://www.fujitv.co.jp/cs/index.html
	 Created      :   2009-01-29
	 Last update  :   2009-07-15 by Miyashita
	 Copyright    :   (C)Fuji Television Network,inc
	 
-------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------
    
	CSS order rule
	
	(1)Qualification property

	  display
	  list-style
	  position
	  float
	  clear

    (2)Box property

	  width
	  height
	  margin
	  padding
	  border
	 
    (3)Background property
    
	  background
	 
	(4)Text property
	
	  color
	  font
	  text-decoration
	  text-align
	  vertical-align
	  white-space
	   
    (5)Content property

      content
	 
	
-------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------
     全体
-------------------------------------------------------------------------*/

#Container{
	overflow:hidden;
	width:1010px;
	margin:0 auto;
	padding:0;
	background-image:url(../img/common/contents_bg.gif);
	}


/*-----------------------------------------------------------------------
     メインコンテンツ（左カラム＋中央カラム＋右カラム）
-------------------------------------------------------------------------*/
#MainContents{
	overflow:hidden;
	width:1010px;
	margin:5px 0 0 0;
	padding:0;
	background-image:url(../img/top/maincontents_bg.gif);
}

/*-----------------------------------------------------------------------
     メインエリア（左カラム＋中央カラム）
-------------------------------------------------------------------------*/
#MainArea{
	float:left;
	width:813px;
	margin:0;
	padding:0;
}

/*-----------------------------------------------------------------------
     中央カラム
-------------------------------------------------------------------------*/
#Contents{
	float:right;
	width:616px;
	margin:0;
	padding:6px 0 0 0;
}

/*---------------------------
     ピックアップ
-----------------------------*/

div#PickUp{
	width:616px;
	overflow: hidden;
}

div#PickUp ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#PickUp li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

* div#PickUp li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	height:200px;
	overflow:hidden;
}

*+div#PickUp li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	height:200px;
	overflow:hidden;
}

	
div.PickUpList{
	width:150px;
	height:175px;
	*height:250px;
	background-color:#FFF;
	border:1px solid #CCC;
	margin-right: 2px;
	margin-bottom: 3px;
	text-align: center;
}

div.PickUpList h3{
	font-size:10px;
}

.PickUpImgBoder{
	margin-bottom:1px;
	border:1px solid #CCC;
}


p.PickUpListColor img{
	margin:2px 0 1px 0;
}

div.PickUpListIcon{
	overflow:hidden;
	height: 15px;
	width: 145px;
	margin: 0 auto;
}

p.PickUpListLine img{
	margin:1px 0 1px 0;
}

div#PickUp ul.PickUpIcon img{
	margin-right:1px;
	
	}

/*---------------------------
     マーキーのスタイル
-----------------------------*/
.Marquee{
    overflow:hidden;
	position: relative;
	margin-left:5px;
	width:140px;
	height:16px;

	}
	
.MarqueeSub{
	position:absolute;
	left:0px; top:0px;
	}
	
	
div.PickUpList h3 a:link{
	color:#333;
	text-decoration:none;
	}


div.PickUpList h3 a:visited {
	color: #333;
		text-decoration: none;;
	}
	
div.PickUpList h3 a:active {
	color: #333;
	}

div.PickUpList h3 a:hover{
	color:#333;
	text-decoration:underline;
	}			

	
	
/*---------------------------
     タイトルと備考ありの場合
-----------------------------*/
div.PickUpText{
	clear:both;
	overflow:auto;
	margin:0 auto;
	width:145px;
	height:32px;
	text-align:left;
	color: #333;
}

div.PickUpText h3{
	font-size:10px;
	text-align:left;
	font-weight: bold;
}

div.PickUpText p{
	clear:both;
}

/*---------------------------
     タイトルのみの場合
-----------------------------*/
div.PickUpText2{
	clear:both;
	overflow:auto;
	margin:0 auto;
	width:145px;
	height:46px;
	text-align:left;
}

div.PickUpText2 h3{
	font-size:10px;
	text-align:left;
}



.Scroll{
	height:16px;
	width:125px;
	background-color: #39F;
}



div.PickUpText p{
	font-size:10px;
	text-align:left;
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 145px; 
height: 16px; 
margin: 0 auto; 
padding: 0

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
width: 145px;
overflow: hidden;
}


ul.newsticker { /* that's your list */
position: relative;
height:16px;
left: 2px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}

ul.newsticker h3 {
	margin:0;
	padding:0;
	font-size:10px;
}





/*-----------------------------------------------------------------------
     左カラム
-------------------------------------------------------------------------*/
#Left{
	float:left;
	width:197px;
	margin:0;
	padding:6px 0 0 0;
}

/*---------------------------
     左メニューエリア
-----------------------------*/
#LeftMenuArea{
	width:176px;
	margin:0 auto;
	padding:10px 0 10px 0;
	text-align:center;
}

/*---------------------------
     左メニュー
-----------------------------*/
#LeftMenu{
	width:161px;
	margin:0 auto;
	padding:0;
}

#LeftMenu img{
	vertical-align:bottom;
}

/*---------------------------
     ランキング
-----------------------------*/
div#Ranking{
	width:160px;
	margin:0 auto;
	padding:0;
	background-image: url(../img/top/ranking_bg.gif);
	font-size:85%;
	text-align:left;
}

div#RankingDate{
	width:140px;
	margin:0 auto;
	text-align:right;
	font-size:10px;
	}

div#RankingList {	
	overflow:auto;
	width:160px;
	height:200px;
margin:0;
	padding:0;
}

div#RankingList li div {
	float:left;
}

div#RankingList li {
	clear:both;
	display:block;
	padding-bottom:2px;
}

div#RankingList .RankingSet {
	clear:both;
	overflow:hidden;
	width:142px;
	border-bottom:1px solid #CCC;
	
}

div#RankingList .No {
	padding:3px 0 0 0px;
	width:15px;
	text-align:center;
	font-size:90%;
}

div#RankingList .Text {
	padding:3px 0 0 3px;
	width:108px;
	font-size:75%;
	color:#666; /*リンクしない場合*/
}


div#RankingList a:link {color: #333;text-decoration:none;}
div#RankingList a:visited {color: #333;text-decoration:none;}
div#RankingList a:active {color: #333;text-decoration: underline;}
div#RankingList a:hover {color: #333;text-decoration: underline;}


div#RankingList .Arrow {
	padding:3px 0 0 2px;
	width:10px;
	line-height:20px;
	font-size:85%;
	text-align:center;
}

div.ComingSoon {
	width:100%;
	padding-top:10px;
	text-align:center;
	color:#333;
	font-size:12px;
}

/*-----------------------------------------------------------------------
     右カラム
-------------------------------------------------------------------------*/
#Right{
	float:right;
	width:197px;
	margin:0;
	padding:6px 0 0 0;
}

/*---------------------------
     右メニューエリア
-----------------------------*/
#RightMenuArea{
	width:176px;
	margin:0 auto;
	padding:0 0 10px 0;
	background-color:#E1E1E1;
	text-align:center;
}

/*---------------------------
     右バナー
-----------------------------*/

.RightBanner{
	text-align:center;
}

#RightBanner{
	width:176px;
	margin:0 auto;
	padding:0;
}

#RightBanner ul{
	margin:0;
	padding:0;
	list-style:none;
}

#RightBanner li{
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:5px;
}

#RightBanner li img{
	vertical-align:bottom;
}

/*---------------------------
     右バナー新番組特集
-----------------------------*/

ul.Newpro{
	width:176px;
	margin: 0;
	padding: 0;
	list-style-type:none;
	background-image: url(/otn/img/common/rb_bg.gif);
	background-repeat: repeat;
	overflow: hidden;
}


ul.Newpro li{
	padding-bottom: 2px;
}


.FixationBNR{
	padding-bottom: 3px;
}


/*-----------------------------------------------------------------------
     フッター
-------------------------------------------------------------------------*/
#Footer{
	width:1010px;
	margin:0;
	padding:0;
}