@charset "UTF-8";

/*Top Page*/
/*--------------------------------------
  Banner
---------------------------------------*/
#subPromotionArea{
	padding:12px 0px 0 16px ;
}
*:first-child+html #subPromotionArea{
	padding:12px 0px 12px 16px ;
}

#subPromotionArea ul{

}

#subPromotionArea ul li{
	float:left;
	margin-right:16px;
	margin-bottom:12px;
	position:relative;
	display:block;
	width:320px;
	height:73px;
}

#subPromotionArea ul li img{
	width:320px;
	height:73px;
}

.clGif-subThumb{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:320px;
	height:73px;
}/* 透過gif test */

.clGif-mainbannerthumbs_subThumb{
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
}/* 透過gif test */

/*
#mainBannerThumb01{
	width:192px;
	height:68px;
	background-image:URL(http://i.fod.fujitv.co.jp/pc/image/wbsrb/wbsrb_4325.jpg);
	background-repeat:no-repeat;
}

#mainBannerThumb02{
	width:192px;
	height:68px;
	background-image:URL(http://i.fod.fujitv.co.jp/pc/image/wbsrb/wbsrb_4317.jpg);
	background-repeat:no-repeat;
}

#mainBannerThumb03{
	width:192px;
	height:68px;
	background-image:URL(http://i.fod.fujitv.co.jp/pc/image/wbsrb/wbsrb_4452.jpg);
	background-repeat:no-repeat;
}

#mainBannerThumb04{
	width:192px;
	height:68px;
	background-image:URL(http://i.fod.fujitv.co.jp/pc/image/wbsrb/wbsrb_4322.jpg);
	background-repeat:no-repeat;
}

#mainBannerThumb05{
	width:192px;
	height:68px;
	background-image:URL(http://i.fod.fujitv.co.jp/pc/image/wbsrb/wbsrb_4329.jpg);
	background-repeat:no-repeat;
}

#mainBannerThumb06{
	width:192px;
	height:68px;
	background-image:URL(http://i.fod.fujitv.co.jp/pc/image/wbsrb/wbsrb_4463.jpg);
	background-repeat:no-repeat;
}

#mainBannerThumb07{
	width:192px;
	height:68px;
	background-image:URL(http://i.fod.fujitv.co.jp/pc/image/wbsrb/wbsrb_2170.jpg);
	background-repeat:no-repeat;
}

#mainBannerThumb08{
	width:192px;
	height:68px;
	background-image:URL(http://i.fod.fujitv.co.jp/pc/image/wbsrb/wbsrb_4444.jpg);
	background-repeat:no-repeat;
}
*/



/*--------------------------------------
  Accessory Area
---------------------------------------*/
#accessoryArea{
	position:relative;
}

.accLogout{
	height:96px;
}

/*Guidance Btn*/
.guidance-button-area{
	width: 376px;
	height: 96px;
	position:absolute;
	left:12px;
}

.guidance-button-area .guidance-button {
	display: block;
	margin:0px 0px 0px 0px;
	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/btn-guidance-A.png);

	background-repeat: no-repeat;
	background-size: 376px 192px;
	-webkit-background-size: 376px 192px;
	text-indent: 200% !important;/*for dpi*/
	white-space: nowrap;
	overflow: hidden;
	width: 376px;
	height: 96px;
}

.guidance-button-area .guidance-button:hover{
	background-position: 0 -96px;
}

#accessoryArea .calender{	position:relative;}
#accessoryArea .fodprogram{	position:relative;}
#accessoryArea .latestEpisode { position: relative;}
#accessoryArea .weeklyRank { position: relative;}
#accessoryArea .weeklyIchioshi { position: relative;}

#accessoryArea .calender a{
	position:absolute;
	left:627px;
	top: 53px;
	width:180px;
	height:44px;
}
#accessoryArea .fodprogram a{
	position:absolute;
	left:815px;
	top: 53px;
	width:180px;
	height:44px;
}

#accessoryArea .latestEpisode a {
	position: absolute;
	left: 435px;
}
#accessoryArea .weeklyRank a {
	position: absolute;
	left: 625px;
}
#accessoryArea .weeklyIchioshi a {
	position: absolute;
	left: 814px;
}
#accessoryArea .latestEpisode a img,
#accessoryArea .weeklyRank a img,
#accessoryArea .weeklyIchioshi a img{
	width: 183px;
	height: auto;
}

#accessoryArea .calender a span,
#accessoryArea .fodprogram a span{
	display:block;
	height:44px;
	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite2.png);
	background-repeat: no-repeat;
	background-size: 60px 1600px;
	-webkit-background-size: 60px 1600px;
}

#accessoryArea .calender a span{	background-position: 12px -289px;}
#accessoryArea .fodprogram span{	background-position: 12px -338px;}


/*#accessoryArea .mobileQR{
	position:absolute;
	padding:12px;
	left:388px;
	width:218px;
}
#accessoryArea .mobileQR img{
	display:block;
	float:left;
	margin-right:12px;
}

#accessoryArea .mobileQR span{
	position:absolute;
	top:50%;
	left:96px;
	margin-top:-1.5em;
	display:block;
	float:left;
}
*/
#accessoryArea #fod_social_top{
	position:absolute;
	left:420px;
	top:78px;
	width:auto;
}

#accessoryArea2 .calender{	position:relative;}
#accessoryArea2 .fodprogram{	position:relative;}
#accessoryArea2 .latestEpisode{	position:relative;}
#accessoryArea2 .weeklyRank{	position:relative;}
#accessoryArea2 .weeklyIchioshi{	position:relative;}

#accessoryArea2 .calender a{
	position:absolute;
	left:647px;
	top:2px;
	width:160px;
	height:44px;
}
#accessoryArea2 .fodprogram a{
	position:absolute;
	left:815px;
	top:2px;
	width:160px;
	height:44px;
}

#accessoryArea2 .calender a span,
#accessoryArea2 .fodprogram a span{
	display:block;
	height:44px;
	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite2.png);
	background-repeat: no-repeat;
	background-size: 60px 1600px;
	-webkit-background-size: 60px 1600px;
}

#accessoryArea2 .calender a span{	background-position: 12px -289px; padding-left: 30px;}
#accessoryArea2 .fodprogram span{	background-position: 12px -338px;}


/*#accessoryArea2 .mobileQR{
	position:absolute;
	padding:12px;
	left:10px;
	width:218px;
}
#accessoryArea2 .mobileQR img{
	display:block;
	float:left;
	margin-right:12px;
}

#accessoryArea2 .mobileQR span{
	position:absolute;
	top:50%;
	left:96px;
	margin-top:-1.5em;
	display:block;
	float:left;
}
*/
#accessoryArea2 #fod_social_top{
	position:absolute;
	right:0px;
	top: 60px;
	padding:22px;
	width:auto;
}
#accessoryArea2 .latestEpisode a {
	position: absolute;
	left: 3px;
}
#accessoryArea2 .weeklyRank a {
	position: absolute;
	left: 217px;
}
#accessoryArea2 .weeklyIchioshi a {
	position: absolute;
	left: 430px;
}
#accessoryArea2 .latestEpisode a img,
#accessoryArea2 .weeklyRank a img,
#accessoryArea2 .weeklyIchioshi a img{
	height: 48px;
	width: auto;
}


.accLogon{
	height:90px;
	position: relative;
}

.accLogon .guidance-button-area{
	display:none;
}
.accLogon .mobileQR{
	padding:0 12px !important;
	left:12px !important;
}
/*.accLogon #fod_social_top{
	left:280px !important;
	top:36px !important;
}
*/
.accLogon .calender{
	top:12px !important;
}
.accLogon .fodprogram{
	top:12px !important;
}
.accLogon .latestEpisode{
	top:12px !important;
}
.accLogon .weeklyRank{
	top:12px !important;
}
.accLogon .weeklyIchioshi{
	top:12px !important;
}


/* ----------------------------------------
	Subject Title Icon (top only)
---------------------------------------- */
#list_nowOnair .subject-text,
#list_newProgram .subject-text,
#list_ranking .subject-text,
#list_ichioshi .subject-text,
#list_buyContents .subject-text,
#list_recommendTool .subject-text{
	background-image:url(http://i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite2.png);
	background-repeat: no-repeat;
	background-size: 60px 1600px;
	-webkit-background-size: 60px 1600px;
	padding-left:72px;
}

#list_newProgram .subject-text{		background-position: 4px 6px;}
#list_nowOnair .subject-text{		background-position: 4px -44px;}
#list_ranking .subject-text{		background-position: 4px -94px;}
#list_ichioshi .subject-text{		background-position: 4px -146px;}
#list_buyContents .subject-text{	background-position: 4px -196px;}
#list_recommendTool .subject-text{ background-position: 4px -1500px;}

/*ranking*/
#list_ranking .lB-rightData{
	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/ranking-numbers.png);
	background-repeat: no-repeat;
	background-size: 52px 1000px;
	-webkit-background-size: 52px 1000px;
	height:56px;
}

#list_ranking .rank1 .lB-rightData{	background-position: right 0px;}
#list_ranking .rank2 .lB-rightData{	background-position: right -100px;}
#list_ranking .rank3 .lB-rightData{	background-position: right -200px;}
#list_ranking .rank4 .lB-rightData{	background-position: right -300px;}
#list_ranking .rank5 .lB-rightData{	background-position: right -400px;}
#list_ranking .rank6 .lB-rightData{	background-position: right -500px;}
#list_ranking .rank7 .lB-rightData{	background-position: right -600px;}
#list_ranking .rank8 .lB-rightData{	background-position: right -700px;}
#list_ranking .rank9 .lB-rightData{	background-position: right -800px;}
#list_ranking .rank10 .lB-rightData{	background-position: right -900px;}



/*genre*/
.lBtype-genre .listBox{
	float:left;
	width:184px;
	padding:0 8px;
	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/lines-content-188.png) !important;
	background-size: 188px 2px;
	-webkit-background-size: 188px 2px;
	background-position: center top;
}

.lBtype-genre .subject{
	font-size:16px;
	width:200px;
	height:36px;
}
.lBtype-genre .subject .subject-text{
	display: block;
	width:200px !important;
	padding-top: 8px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	font-weight:bold;
	line-height: 18px;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

.lBtype-genre .subject a{
	display:block;
	width:194px;
	padding-left:6px;
}

.lBtype-genre .top-genreList-col{
	width:200px;
	float:left;
	padding:0;
}

.lBtype-genre .tileWrapeer{
}

.lBtype-genre .lB-wrapLink{
	margin-bottom:0 !important;
	min-height:0 !important;
	padding:8px 0;
}

.lBtype-genre img.lB-thumbnail{
	position:static !important;
	width:184px;	height:138px;
	background-size: 184px 140px;
	-webkit-background-size: 184px 138px;
}

.lBtype-genre .lB-rightData{
	padding-left:0 !important;
	min-height:0 !important;
}

.lBtype-genre .lB-title{
	font-size:12px !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	margin-bottom:0 !important;
}

.lBtype-genre .genre-topContent .lB-title{
	margin-top:8px;
}
.lBtype-genre .genre-topContent .lB-wrapLink{
	padding-top:0;
}


/* SNS */
/*------------------------- ソーシャル対応 */
.facebook-iframe { vertical-align:middle;}
#fod_social_top{ text-align:left; height:30px; overflow:hidden; }
#fod_right{ background-position:0px 30px; }




/* ----------------------------------------------------------
 High-Resolution Diplay Support
 ---------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {

	.guidance-button-area .guidance-button {	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/btn-guidance-A@2x.png);}
	#accessoryArea .calender a span,
	#accessoryArea .fodprogram a span{	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite@2x2.png);}
	#accessoryArea2 .calender a span,
	#accessoryArea2 .fodprogram a span{	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite@2x2.png);}
	#list_nowOnair .subject-text,
	#list_newProgram .subject-text,
	#list_ranking .subject-text,
	#list_ichioshi .subject-text{	background-image:url(http://i.fod.fujitv.co.jp/pc/image/new_img/icons-sprite@2x2.png);}
	#list_ranking .lB-rightData{	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/ranking-numbers@2x.png);}
	.lBtype-genre .listBox{	background-image: url(http://i.fod.fujitv.co.jp/pc/image/new_img/lines-content-188@2x.png) !important;}

}