@charset "utf-8";
/* fujitv FUJIMELO Index Style
   coded by ayp */

/* TV */
#tv{
	background:#000;
	line-height:0;
	padding:5px 0;
	margin-bottom:10px;
	position:relative;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);
}
#tv_screen{
	margin:0 auto;
	width:290px;
	overflow:hidden;
	box-shadow:inset 0 0 10px 1px rgba(0,0,0,1);
	-webkit-box-shadow:inset 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow:inset 0 0 10px 1px rgba(0,0,0,1);
}
#tv_list{
	display:inline-block;
	width:1160px;
	overflow:visible;
	height:176px;
	position:relative;
}
#tv_list li{
	position:absolute;
	top:0;
	width:290px;
	display:block;
}
#tv_list li img{
	width:290px;
	height:auto;
}
#tv_list li:nth-child(1){
	left:0;
}
#tv_list li:nth-child(2){
	left:290px;
}
#tv_list li:nth-child(3){
	left:580px;
}
#tv_list li:nth-child(4){
	left:870px;
}

#tv_list li a{
	height:176px;
	display:block;
}
.tv_bt{
	background:url(../h2.png);
	background-size:4px 4px;
	position:absolute;
	height:195px;
	overflow:hidden;
	text-indent:-9999px;
	width:20px;
}
.tv_bt::after{
	display:block;
	font-size:1px;
	color:transparent;
	width:0;
	height:0;
	padding:0;
	margin:0;
	content:"";
	/*
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	*/
	border-style:solid;
	border-width:4px 8px;
	border-color:transparent;
	border-left-color:#f0f;
	background:transparent;
	position:absolute;
	top:50%;
	margin-top:-4px;
}
#tv_prev{
	top:0;
	left:-8px;
}
#tv_prev::after{
	left:2px;
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);	
}
#tv_next{
	top:0;
	right:-8px;
}
#tv_next::after{
	right:2px;
}
#tv_nav{
	text-align:center;
}
#tv_nav li{
	display:inline-block;
	font-size:1px;
	color:transparent;
	width:4px;
	height:4px;
	margin-right:5px;
	background:#666;
}
#tv_nav li.now{
	background:#fff;
}
#tv_nav li:last-child{
	margin-right:0;
}

#newarrival>article>a.more::after{
	color:#f0f;
}
#>#pickup>a.more::after{
	color:#ff0;
}
#main>#pickup>header :first-child::before,
#main>nav>header :first-child::before{
	background:#ff0;
}
#main>#pickup>ul>li::after{
	border-color:#ff0;
}

.uta li,
#main>#pickup>ul>li,
#genre>article>ul>li,
.program>#main>#pickup>article{
	height:65px;
}
.uta li a,
#main>#pickup>ul>li a,
#genre>article>ul>li a,
.program>#main>#pickup>article a{
	word-break:break-all;	
}
.list li,
.list li a{
	height:2.6rem;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.list li a{
	padding-left:55px;
	padding-right:15px;
	font-weight:bold;
	word-break:break-all;
	background:url(../icon_melo.png) no-repeat 7px center;
	background-size:17px 17px;
}

/* TYPES */
#smenu{
	background:url(../gmenu_ul.png);
	background-size:4px 4px;
	display:inline-block;
	width:100%;
	padding:3px 0;
	padding-left:1%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	font-size:0.9rem;
}
#smenu li{
	float:left;
	width:32%;
	margin-left:1%;
}
#smenu li a{
	line-height:2.4rem;
	display:block;
	background:#000;
	color:#fff;
	text-decoration:none;
	text-align:center;
	position:relative;
}
#smenu li a::after{
	right:-4px;
}

/* CATEGORIES */
#cmenu{
	background:url(../gmenu_ul.png);
	background-size:4px 4px;
	margin-bottom:3px;
	display:inline-block;
	width:100%;
	padding:2px 0;
}
#cmenu li{
	float:left;
	width:24%;
	margin:4px 0;
	margin-left:1%;
}
#cmenu li a{
	line-height:2rem;
	display:block;
	text-align:center;
	background:url(../gmenu_li.png) no-repeat 95% center #000;
	background-size:4px 6px;
	color:#fff;
/*	font-size:0.8rem;*/
	font-size: 8px;
	text-decoration:none;
}
#cmenu li span{
	line-height:2rem;
	display:block;
	text-align:center;
	background:url(../gmenu_li.png) no-repeat 95% center #ccc;
	background-size:4px 6px;
	color:#000;
/*	font-size:0.8rem;*/
	font-size: 8px;
	text-decoration:none;
}

/* INFORMATION */

#main>#information>ul>li{
	display:block;
	border-bottom:1px solid rgba(153,153,153,0.5);
	border-top:1px solid rgba(255,255,255,0.6);
}
#main>#information>ul>li>a{
	display:block;
	line-height:2.4em;
	height:2.4em;
	text-decoration:none;
	background:rgba(204,204,204,0.5);
	padding:0 10px;
}

.osusumeimage img{
	display: inline-block;
	box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.8);
	padding:1px 1px;
}

.osusumeimage a{
	display: block;
}

.osusumeimage img{
	border-radius: 10px;
	width: 95%
}

.osusumeimage img.nullpng{
	visibility: hidden;
}

.topimg {
	padding-top: 5px;
}