@charset "UTF-8";
/* tabs.css */

#tabs { 
	width: 100%;
}

#tabs .tabmenu { padding: 6px 0 0; background: #444444; text-align: left; }
#tabs .tabmenu .tabmenuInner { width: 960px; margin: 0 auto; }
#tabs .tabmenu .tabmenuInner ul {
	position: relative;
	width: 970px;
	margin-right: -10px;
}
*+html #tabs .tabmenu .tabmenuInner ul { min-height: 40px; }/* for IE7 */


#tabs .tabmenu li {
	display: inline-block;
}
* html #tabs .tabmenu li,
*+html #tabs .tabmenu li {
	float: left;
}/* for IE6 7 */

#tabs .tabmenu li a {
	display: block;
	float: left;
	height: 0px;
	padding-top: 34px;
	margin-bottom: 6px;
	line-height: 34px;
	text-indent: 0px;
}


#tabs_container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: #fff !important;
}



#tabs .tabmenu .tabmenuInner ul a.btn-genre { 
	width: 473px !important;
	background: #777 url(../images/program/genre.png) no-repeat  center top !important;
}

#tabs .tabmenu .tabmenuInner ul a.btn-week {
	width: 473px !important;
	background: #777 url(../images/program/week.png) no-repeat  center top !important;
}

#tabs .tabmenu .tabmenuInner ul a.btn-introduction {
	width: 158px !important;
	background: #777 url(../images/program/menu_introduction.png) no-repeat  center top !important;
}

#tabs .tabmenu .tabmenuInner ul a.btn-cast {
	background: #777 url(../images/program/menu_cast.png) no-repeat  center top !important;
}
#tabs .tabmenu .tabmenuInner ul a.btn-nextcontents {
	background: #777 url(../images/program/menu_nextcontents.png) no-repeat  center top !important;
}
#tabs .tabmenu .tabmenuInner ul a.btn-pastlineup {
	background: #777 url(../images/program/menu_pastlineup.png) no-repeat  center top !important;
}
#tabs .tabmenu .tabmenuInner ul a.btn-message {
	background: #777 url(../images/program/menu_message.png) no-repeat  center top !important;
}
#tabs .tabmenu .tabmenuInner ul a.btn-free {
	background: #777 url(../images/program/icon_menu.png) no-repeat left top !important;
}
#tabs .tabmenu .tabmenuInner ul a.btn-genre,
#tabs .tabmenu .tabmenuInner ul a.btn-week,
#tabs .tabmenu .tabmenuInner ul a.btn-introduction,
#tabs .tabmenu .tabmenuInner ul a.btn-cast,
#tabs .tabmenu .tabmenuInner ul a.btn-nextcontents,
#tabs .tabmenu .tabmenuInner ul a.btn-pastlineup,
#tabs .tabmenu .tabmenuInner ul a.btn-message {
	width: 193px;
	height: 0px;
	margin-right: 5px;
	padding-top: 34px;
	border: solid 1px #777;
 	line-height: 34px;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.3);
}
* html #tabs .tabmenu .tabmenuInner ul a.btn-genre,
* html #tabs .tabmenu .tabmenuInner ul a.btn-week,
* html #tabs .tabmenu .tabmenuInner ul a.btn-introduction,
* html #tabs .tabmenu .tabmenuInner ul a.btn-cast,
* html #tabs .tabmenu .tabmenuInner ul a.btn-nextcontents,
* html #tabs .tabmenu .tabmenuInner ul a.btn-pastlineup,
* html #tabs .tabmenu .tabmenuInner ul a.btn-message {
	padding-top: 0;
	height: 34px;
	text-indent: -5000px;
}/* for IE6 */
*+html #tabs .tabmenu .tabmenuInner ul a.btn-genre,
*+html #tabs .tabmenu .tabmenuInner ul a.btn-week,
*+html #tabs .tabmenu .tabmenuInner ul a.btn-introduction,
*+html #tabs .tabmenu .tabmenuInner ul a.btn-cast,
*+html #tabs .tabmenu .tabmenuInner ul a.btn-nextcontents,
*+html #tabs .tabmenu .tabmenuInner ul a.btn-pastlineup,
*+html #tabs .tabmenu .tabmenuInner ul a.btn-message {
	margin-right: 3px;
}/* for IE7 */

#tabs .tabmenu .tabmenuInner ul a.btn-free {
	display: block;
	height: 33px !important;
	padding: 1px 0 0 !important;
	margin-right: 5px;
	border: solid 1px #777;
	overflow: visible;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px -1px 2px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.3); 
	-moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.3);
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#tabs .tabmenu .tabmenuInner ul a.btn-free span {
	display: block;
	min-width: 153px;
	width: auto !important;
	width: 153px;
	height: 34px;
	padding: 0 12px 0 28px !important;
	line-height: 34px;
	text-align: center;
}


.news #tabs .tabmenu .tabmenuInner ul a.active,
.news #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #004CA1 !important; border: solid 1px #004CA1 !important; }

.entertainment #tabs .tabmenu .tabmenuInner ul a.active,
.entertainment #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #FF8F31 !important; border: solid 1px #FF8F31 !important; }

.drama #tabs .tabmenu .tabmenuInner ul a.active,
.drama #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #85B200 !important; border: solid 1px #85B200 !important; }

.movie #tabs .tabmenu .tabmenuInner ul a.active,
.movie #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #2F9DFF !important; border: solid 1px #2F9DFF !important; }


.anime #tabs .tabmenu .tabmenuInner ul a.active,
.anime #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #DC73FF !important; border: solid 1px #DC73FF !important; }

.hobby #tabs .tabmenu .tabmenuInner ul a.active,
.hobby #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #F94F52 !important; border: solid 1px #F94F52 !important; }

.education #tabs .tabmenu .tabmenuInner ul a.active,
.education #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #238C00 !important; border: solid 1px #238C00 !important; }

.sports #tabs .tabmenu .tabmenuInner ul a.active,
.sports #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #00A3D9 !important; border: solid 1px #00A3D9 !important; }

.special #tabs .tabmenu .tabmenuInner ul a.active,
.special #tabs .tabmenu .tabmenuInner ul a.active:hover { background-color: #7373FF !important; border: solid 1px #7373FF !important; }



#tabs .tabmenu .tabmenuInner ul a:hover { border: solid 1px #fff !important; }