/*--------Fooooo.com index layout css 2008/12/01 by K.Akatsuka--------*/

#wrap {
	width:100%;
	margin:0 auto;
	min-height:100%;
	}
	
	

/*--------container setting--------*/

#container {
	width:960px;
	margin-top:15px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}


	
/**--layout grid --**/

.content { width:640px; padding:10px 0px 0 0;}
.right { width:310px; padding-top:10px;}


/**-- recomendation area --**/

	
.userinfo {
	width:615px;
	margin:0px 0px 5px 0px;
	padding:10px;
	font-size:75%;
	}

		
.userinfo .k_history {
		background:url(../images/icon_inbox.gif) no-repeat top left;
		width:100%;
		font-size:80%;
		color:#999;
		padding:0px 0 3px 20px;
		margin:0;
		}
		
.userinfo .genre {
		background:url(../images/icon_drawer.gif) no-repeat top left;
		width:610px;
		margin:0;
		padding:0px 0 3px 20px;
		font-size:80%;
		color:#999;
		}
				

.userinfo .k_recommend {
		background:url(../images/icon_tick_circle.gif) no-repeat top left;
		margin:0;
		padding:0px 0 5px 18px;
		display:block;
		width:140px;
		font-size:90%;
		color:#418B38;
		}
		
.userinfo .k_recommend a {
		text-decoration:underline;
		color:#418B38;
		}

.userinfo .genre a, .k_history a {
		font-size:75%;
		}
		
.userinfo  .genre a:link , .k_history a:link {
		color:#418B38;
		text-decoration:underline;
		}
				
.userinfo  .genre a:visited , .k_history a:visited {
		color:#418B38;
		text-decoration:underline;
		}
		
.userinfo .k_recommend a:hover , .genre a:hover , .k_history a:hover {
		color:#2149C1;
		text-decoration:underline;
		}
		
.k_history .more {
				width:85px;
				height:16px;
				font-size:62%;
				font-weight:bold;
				}

.k_history .more a {
				text-decoration:none;
				color:#2D7CC5;
				background:url(../images/arrow_000_small.gif) no-repeat left top;
				padding:1px 16px 2px 14px;
				}

.k_history .more a:hover {
				text-decoration:underline;
				color:#2D7CC5;
				background:url(../images/arrow_000_small.gif) no-repeat left top;
				padding:1px 16px 2px 14px;
				}
		
		
		

/**--index zapping box --**/

.zapbox {margin:0 0 10px 0;}




/**-- --**/



.zapbox .thumbnail_zap {
	width:650px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.zapbox .thumbnail_zap .ch_title {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background:#EAEAEA none repeat scroll 0 0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
font-size:16px;
font-weight:bold;
line-height:13px;
margin:0 0 0 0;
overflow:hidden;
padding:7px 0 7px 15px;
width:626px;
}

/*IE6*/
* html .zapbox .thumbnail_zap .ch_title {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background:#EAEAEA none repeat scroll 0 0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
font-size:16px;
font-weight:bold;
line-height:13px;
margin:0 0 0 0;
overflow:hidden;
padding:7px 0 7px 15px;
width:626px;
}
/*IE6*/

/*IE7*/
*:first-child+html .zapbox .thumbnail_zap .ch_title {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background:#EAEAEA none repeat scroll 0 0;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
font-size:16px;
font-weight:bold;
line-height:13px;
margin:0 0 0 0;
overflow:hidden;
padding:7px 0 7px 15px;
width:626px;
}
/*IE7*/

		
.zapbox .thumbnail_zap .thumbbox_ch {
	width:636px;
	margin:0 0 30px 0px;
	padding:5px 0 5px 5px;
	border:1px solid #CCCCCC;
	-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
}

.zapbox .thumbnail_zap .thumbbox_ch ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
	clear:both;
}

.zapbox .thumbnail_zap .thumbbox_ch li{
	float: left;
}



/**-- more bottun --**/


.more {
		width:85px;
		height:16px;
		font-size:12px;
		font-weight:bold;
		}

.more a {
		text-decoration:none;
		color:#2D7CC5;
		background:url(../images/arrow_000_small.gif) no-repeat left top;
		padding:1px 16px 2px 14px;
		}
		
.more a:hover {
		text-decoration:underline;
		color:#2D7CC5;
		background:url(../images/arrow_000_small.gif) no-repeat left top;
		padding:1px 16px 2px 14px;
		}




/**-- channel thumbnail box --**/

.box_ch {
margin:10px 6px 0 0;
overflow:hidden;
width:120px;
}

.ch_thumb {
	width:116px;
	height:86px;
	padding:0;
	margin:0px;
	border:solid 2px #418B38;
	}
	
.ch_thumb img {
	margin:3px;
	}
	
.ch_name {
	border:none;
	padding:0px;
	margin:3px 0 0px 0px;
	line-height:13px;
	font-size:75%;
	overflow:hidden;
}



/**--channel spec icon & info --**/


	
ul.ch_spec {
	clear:both;
	list-style-type: none;
	margin:0;
	}

ul.ch_spec li {
	margin:0;
	line-height:13px;
	font-size:9px;
	float: left;
	}

ul.ch_spec li.movie {
	background:url(../images/icon_12_tv.gif) no-repeat;
	padding:0 2px 0 12px;
	}

ul.ch_spec li.play {
	background:url(../images/icon_12_play.gif) no-repeat;
	padding:0 2px 0 10px;
	}

ul.ch_spec li.fav {
	background:url(../images/icon_12_fav.gif) no-repeat;
	padding:0 2px 0 12px;
	}

ul.ch_spec li.star {
	background:url(../images/icon_12_star.gif) no-repeat;
	padding:0 2px 0 12px;
	}


/**-- ranking thumbnail box --**/

.zapbox .thumbnail_zap .rank_title {
	padding:5px 0 3px 5px;
	margin:0 0 10px 0px;
	font-size:75%;
	border:solid 1px #999;
	background:url(../images/tab_back.gif) repeat-x top left;
}
		
.zapbox .thumbnail_zap .thumbbox_rank {
	width:636px;
	margin:0 0 30px 0px;
	padding:5px 0 5px 5px;
	border:1px solid #CCCCCC;
	-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;


}

.zapbox .thumbnail_zap .thumbbox_rank ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
	clear:both;
}

.zapbox .thumbnail_zap .thumbbox_rank li{
	float: left;
}


/**-- ranking thumbnail box --**/

.box_rank {
	width:120px;
	margin:10px 6px 0px 0px;
	overflow:hidden;
}

.rank_thumb {
	width:120px;
	height:80px;
	margin:0 0 0 0px;
	}
	
.rank_thumb img {
	border:solid 1px #999;
	padding:1px;
	}
	
.rank_name {
	border:none;
	padding:0px;
	margin:3px 0 1px 0px;
	font-size:75%;
	line-height:13px;
	overflow:hidden;
}



/**--ranking spec icon & info --**/


	
ul.rank_spec {
	clear:both;
	font-size:63%;
	list-style-type: none;
	margin:0;
	}

ul.rank_spec li {
	margin:0;
	line-height:13px;
	float:left;
	}

ul.rank_spec li.time {
	padding:0 2px 0 0px;
	font-weight:bold;
	color:#000;
	}

ul.rank_spec li.site {
	padding:0 2px 0 2px;
	}

ul.rank_spec li.play {
	padding:0 2px 0 2px;
	}
	
	
	
/**-- right side content --**/

.banner {
	padding:0 5px 15px 5px;
	}


.right_title {
	padding:5px 5px 3px 5px;
	margin:25px 0px 0px 0px;
	width:289px;
	font-size:14px;
	font-weight:bold;
	border-left:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	}
	
	
.right_box {
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	padding:8px 5px 5px 5px;
	font-size:75%;
	width:289px;
	margin-bottom:10px;
	}
	
.right_noborder {
	padding:3px 0px 5px 0px;
	margin-bottom:10px;
	width:280px;
	}
	
ul.side_list {
	width:286px;
	clear:both;
	list-style-type: none;
	margin:0;
	}
	
ul.side_list li {
	padding:0px;
	margin-bottom:0px;
	}
	
ul.hotword {
	width:286px;
	clear:both;
	list-style-type: none;
	margin:0;
	}
	
ul.hotword li.mini_number1-3 {
	background:url(../images/mini_number_1-3.jpg) no-repeat top left;
	font-size:63%;
	font-weight:bold;
	color:#fff;
	width:16px;
	height:20px;
	float:left;
	padding:1px 0px 0px 4px;
	margin:0px 0px 0px 2px;
	}
	
ul.hotword li.mini_number3over {
	background:url(../images/mini_number_3over.jpg) no-repeat top left;
	font-size:63%;
	font-weight:bold;
	color:#fff;
	width:16px;
	height:20px;
	float:left;
	padding:1px 0px 0px 4px;
	margin:0px 0px 0px 2px;
	}
	
ul.hotword li.ranking_text {
	width:260px;
	padding:0px 0 0 0;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
	}

	


ul.side_list li .blog_text {
	background:url(../images/icon_side_arrow.jpg) no-repeat scroll 0 1px;
	_background:url(../images/icon_side_arrow.jpg) no-repeat scroll 0 3px;
	line-height:12px;
	padding:0px 0px 0px 10px;
	margin:0 0 10px 0;
	text-align:left;
	}