/* static/parts/cpnAndEntry.tpl用cssをインポート
========================================== */
@import "/r_css/parts/cpnandentry.css";

/*clearFix
------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* text */

.size8 {font-size:8px; line-height:11px;}
.size9 {font-size:9px;line-height:12px;}
.size10 {font-size:10px; line-height:16px;}
.size11 {font-size:11px; line-height:17px; !important: font-size:11px;}
.size12 {font-size:12px; line-height:18px;}
.size14 {font-size:14px; line-height:19px; margin-top:2px;}

/* layout */
#guideWrap {
	width:790px;
	margin:0 auto;	
}
/* ------------------header ------------------*/
#guideWrap #header {
	background:#FF6900;
	font-size: 10px; !important: font-size:11px;
	width:790px;
	height:85px;
	margin:0 0 8px;
}
#guideWrap #header h1{
	float:left;
}
#guideWrap #header #tvtime{
	float:right;
	margin:12px 10px 0 0;
}
#guideWrap #header #enter{
	float:left;
	margin:5px 0 0 30px;
}
#guideWrap #header a{
	color:#FFFF00;
}
/* ------------------ topics ------------------*/
#guideWrap #topics{
	width:790px;
}
#guideWrap #topics #news{
	width:418px;
	float:left;
	border:solid 2px #F00;
	padding:4px;
	margin-right:2px;
}
#guideWrap #topics #news h3{
	width:430px;
	height:15px;
	margin:-6px -6px 4px;
}
#guideWrap #topics #news #newsPic{
	width:160px;
	float:left;
}
#guideWrap #topics #news #newsPic p{
	margin:0 0 1px 0;
}
#guideWrap #topics #news #newsTxt{
	width:252px;
	float:right;
}
#guideWrap #topics #news #newsTxt p{
	width:242px;
	background:#ccc;
	padding:2px 5px;
}
/* ------------------ topics korea ------------------*/
#guideWrap #topics #korea{
	width:166px;
	float:left;
	border:solid 2px #2baf23;
	padding:4px;
	margin-right:2px;
	line-height:17px;
}
#guideWrap #topics #korea a img{
	margin-right:3px;
}
#guideWrap #topics #korea h3{
	width:178px;
	height:15px;
	margin:-6px -6px 4px;
}
#guideWrap #topics #korea h4{
	width:162px;
	background-color:#2BAF23;
  font-size:10px;
	color:#FFFFFF;
	margin:4px 0;
	padding-left:4px;
	font-size:11px;
}
#guideWrap #topics #korea p{	
	font-size:11px;
	line-height:15px;
}
/* ------------------ topics sexy ------------------*/
#guideWrap #topics #sexy{
	width:166px;
	float:left;
	border:solid 2px #9100ef;
	padding:4px;
	line-height:17px;
}
#guideWrap #topics #sexy a img{
	margin-right:3px;
}
#guideWrap #topics #sexy h3{
	width:178px;
	height:15px;
	margin:-6px -6px 4px;
}
#guideWrap #topics #sexy h4{
	width:162px;
	background-color:#9100EF;
  font-size:10px;
	color:#FFFFFF;
	margin:4px 0;
	padding-left:4px;
	font-size:11px;
}
#guideWrap #topics #sexy p{	
	font-size:11px;
	line-height:15px;
}
/* ------------------ genreContents ------------------*/
#guideWrap #genreContents{
	width:652px;
	float:left;
}
/* ------------------ genreContents total ------------------*/

#guideWrap #total{
	width:644px;
	height:15px;
	background:url("/etc/guide/img/contents_tab.gif") no-repeat;
	color:#FF0000;
	font-size:11px;
	line-height:15px;
	padding-left:5px;
	margin:3px 0;
}

/* ------------------ genreContents genreBox ------------------*/
.genreBox{
	width:213px;
	border:solid 1px #bbb;
	margin:2px 2px 0 0;
	padding-bottom:10px;
	float:left;
}

.box2{
	position:relative;
	padding-bottom:100px;
}
.box4{
	position:relative;
	padding-bottom:100px;
}

.box2 .bnr_msplus{
	position:absolute;
	bottom:-1px;
	left:-1px;
}
.box2 .bnr_karaoke{
	position:absolute;
	bottom:-1px;
	left:-1px;
}
.box4 .bnr_r18{
	position:absolute;
	bottom:2px;
	left:2px;
}

.genreBox .top{
	width:199px;
	background:#ddd;
	padding:3px 7px;
}
.genreBox .top h4{
	font-size:14px;
	float:left;
}
.genreBox .top img{
	float:left;
}
.genreBox .top p{
	width:199px;
	font-size:12px;
	text-align:left;
	clear:both;
}
.genreBox #korean h4 a,
.genreBox #cinema h4 a{	color:#330099;	}
.genreBox #variety h4 a{	color:#E66355;	}
.genreBox #anime h4 a{	color:#3399FF;	}
.genreBox #relax h4 a{	color:#90BF00;	}
.genreBox #game h4 a{	color:#3366CC;	}
.genreBox #sports h4 a{	color:#6666CC;	}
.genreBox #idol h4 a{	color:#FF6699;	}
.genreBox #adult h4 a{	color:#FF00CC;	}

.genreBox .genrePic{
	width:209px;
	margin:2px;
}
.genreBox h5{
	padding:0 0 0 10px;	
}
.genreBox .special{
	font-weight:bold;
}
.genreBox .left{
	float:left;
	margin:0 10px 0 0;
}
.genreBox .list{
	width:193px;
	padding:5px 10px;
	font-size:10px;
	line-height:16px;
	letter-spacing:1px;
}

/* ------------------ bnr -----------------
.genreBox .bnr_msplus{
	position:relative;
	top:0;
	left:-1px;
}
.genreBox .bnr_karaoke{
	position:relative;
	top:0;
	left:-1px;
}
.genreBox .bnr_r18{
	position:relative;
	top:0;
	left:2px;
}-*/
/* ------------------ rightContents ------------------*/
#rightContents{
	width:134px;
	float:right;
}

/* ------------------ chara ------------------*/
#rightContents #chara{
	width:126px;
	border:solid 2px #3399ff;
	padding:2px;
	margin:3px 0 0 0;
	font-size:10px;
}
#rightContents #chara h4{
	width:134px;
	height:15px;
	margin:-4px -4px 0;
	padding-bottom:3px;
	
}
#rightContents #chara p{
	width:126px;
	background:#E9FCFF;
	line-height:16px;
	letter-spacing:1px;
}
/* ------------------ kotodama ------------------*/
#rightContents #kotodama{
	width:126px;
	border:solid 2px #fc6b94;
	padding:2px;
	margin:5px 0 0 0;
	font-size:10px;
}
#rightContents #kotodama h4{
	width:134px;
	height:15px;
	margin:-4px -4px 0;
	padding-bottom:3px;
	
}
#rightContents #kotodama p{
	width:120px;
	background:#ffe1e9;
	line-height:16px;
	padding:3px;
}
/* ------------------ present ------------------*/
#rightContents #present{
	width:132px;
	border:solid 1px #ccc;
	margin:5px 0 0 0;
	font-size:12px;
	background:#fffbcc;
}
#rightContents #present p{
	width:126px;
	line-height:16px;
	padding:3px;
}
#rightContents #present p span{
	display:block;
	font-size:8px;
	line-height:8px;
	word-break:break-all;

}
/* ------------------ banner ------------------*/
#rightContents .leftBnr{
	margin-top:5px;
}