@charset "utf-8";
/*///////////////////
shinban2013/9
///////////////////*/
body { text-align:center; background:#fff; padding:0; margin:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; line-height:1.5;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,input,table,th,td,dl,dd{ margin:0; padding:0;}
li { list-style:none;}
img { border:0;}
a { color:#e10000; text-decoration:underline; outline:none;}
a:hover { text-decoration:none;}
.clearfix:after{
	content:".";
	display:block;height:0;clear:both;visibility:hidden;
	}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.alt,hr,

.img_newprogram01{ margin:0 0 0 0; display:block; padding:0 0 0 0; }

#bg { width:100%; background:url(./img/bg.gif) repeat;}
#program { width:1004px; min-height:411px; height:auto !important; height:411px; margin:0 auto; position:relative;}
	#program .inner { width:1004px; text-align:left; margin:0 auto; padding:25px 0 0 0;}
	#program h1 { height:50px; background:url(./img/mainparts.png) no-repeat 0 -100px; text-indent:-5000px;}
	/*main*/
	#newprogram{
		padding:0 0 0 0;
		margin:0 auto;
		width:930px;
		/zoom:1;
		
	}
	#newprogram li{
		float:left;
		display:block;
		/display:inline;
		/zoom:1;
	}
	#newprogram li.np01{ margin:0 0 0 2px; }
	#newprogram li.np02{ margin:0 0 0 0; }
	#newprogram li.np03{ margin:0 0 0 0; }
	#newprogram li dl dt{
		display:block;
		position:relative;
		width:464px;
		height:67px;
	}
	#newprogram li dl dt strong{
		display:block;
		background:url(img/txt_newprogram.gif) 0 0 no-repeat;
		width:80px;
		height:67px;
		float:left;
		text-indent:-9999px;
	}
	#newprogram li dl dt span{
		display:block;
		width:384px;
		height:67px;
		float:left;
		text-indent:-9999px;
	}
	#newprogram li.np01 dl dt span{ background:url(img/ttl_newprogram01.gif) 0 0 no-repeat;}
	#newprogram li.np02 dl dt span{ background:url(img/ttl_newprogram02.gif) 0 0 no-repeat;}
	
	#newprogram li dl dt a{ position:absolute; top:20px; left:316px; z-index:10; text-indent:-9999px; display:block; width:139px; height:31px; background:url(img/btn_site01.gif) 0 0 no-repeat;}
	#newprogram li dl dt a:hover{ background:url(img/btn_site01.gif) 0 -41px no-repeat;}
	#newprogram li dl dd{ display:block; background:url(img/bg_newprogram.gif) 50% 100% no-repeat; padding:0 22px 22px 22px;}
	#newprogram li dl dd .pinfo01{ font-size:90%; padding:11px 5px 6px 5px; border-bottom:1px dashed #707070;}
	#newprogram li dl dd .pinfo01 span.tv{ display:block; width:170px; float:left; padding:0 0 0 26px; background:url(img/icon_tv.gif) 0 0 no-repeat;}
	#newprogram li dl dd .pinfo01 span.time{ display:block; width:190px; float:left; padding:0 0 0 23px; background:url(img/icon_time.gif) 0 0 no-repeat;}
	#newprogram li dl dd .pinfo02{ font-size:75%; padding:8px 5px 0 5px;}
	#newprogram li dl dd .pinfo02 img{ margin:5px 0 0 0;}





	#program #main #weekprogram { width:930px; height:362px; margin:0 auto 0 auto; clear:both; position:relative;}
	
	#program .mainImg { width:930px; height:362px; position:absolute; top:0;}
	#program .mainImg .images { width:930px; height:362px; }
	
	#program #main .mainImg .images .info { position:absolute; top:309px; left:89px;}
	#program .mainImg .images .info a { display:block; width:224px; height:31px; background:#cccccc url(./img/btn_site02.gif) no-repeat 0 0; text-indent:-5000px;}
	#program .mainImg .images .info a:hover { background:#cccccc url(./img/btn_site02.gif) no-repeat 0 -41px;}
	#program .mainImg h2, #program .mainImg p { display:none;}

	#program #prg01 .images { background:url(./img/p01.jpg) 3px 3px no-repeat;}
	#program #prg02 .images { background:url(./img/p02.jpg) 3px 3px no-repeat;}
	#program #prg03 .images { background:url(./img/p03.jpg) 3px 3px no-repeat;}
	#program #prg04 .images { background:url(./img/p04.jpg) 3px 3px no-repeat;}
	#program #prg05 .images { background:url(./img/p05.jpg) 3px 3px no-repeat;}
	#program #prg06 .images { background:url(./img/p06.jpg) 3px 3px no-repeat;}
	
	
	/*btn*/
	#program #prev { position:absolute; top:40%; left:-37px;}
	#program #next { position:absolute; top:40%; right:-37px;}
	#program #prev a, #program #next a { display:block; width:54px; height:54px; text-indent:-5000px;}
	#program #prev a { background:url(./img/btn_prev.png) 0 0 no-repeat;}
	#program #next a { background:url(./img/btn_next.png) 0 0 no-repeat;}
	#program #prev a:hover, #program #next a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
	
	
#prglist { width:100%; padding-top:14px;}
	#prglist .inner { width:100%; height:215px; background:url(./img/bg2.gif) 50% 0 repeat-x;}
	/*menu*/
	#prglist #menu { width:1004px; height:220px; text-align:left; margin:0 auto; position:relative; background:url(./img/shadow.gif) no-repeat left bottom;}
	#prglist #menu ul { width:1004px; height:156px; position:absolute; top:13px; left:0;}
	#prglist #menu li { position:absolute; top:0;}
	#prglist #menu li#m1 { left:126px;}
	#prglist #menu li#m2 { left:252px;}
	#prglist #menu li#m3 { left:378px;}
	#prglist #menu li#m4 { left:504px;}
	#prglist #menu li#m5 { left:630px;}
	#prglist #menu li#m6 { left:756px;}
	#prglist #menu li a { display:block; width:125px; height:170px; background:url(./img/menu.png) no-repeat;}
	#prglist #menu li a .txt { display:none;}
	#prglist #menu li#m1 a { background-position:-126px 0;}
	#prglist #menu li#m2 a { background-position:-252px 0;}
	#prglist #menu li#m3 a { background-position:-378px 0;}
	#prglist #menu li#m4 a { background-position:-504px 0;}
	#prglist #menu li#m5 a { background-position:-630px 0;}
	#prglist #menu li#m6 a { background-position:-756px 0;}
	
	
	#prglist #menu li#m1 a:hover { background-position:-126px -180px;}
	#prglist #menu li#m2 a:hover { background-position:-252px -180px;}
	#prglist #menu li#m3 a:hover { background-position:-378px -180px;}
	#prglist #menu li#m4 a:hover { background-position:-504px -180px;}
	#prglist #menu li#m5 a:hover { background-position:-630px -180px;}
	#prglist #menu li#m6 a:hover { background-position:-756px -180px;}
	
	#prglist #menu.m1 li#m1 a { background-position:-126px -180px;}
	#prglist #menu.m2 li#m2 a { background-position:-252px -180px;}
	#prglist #menu.m3 li#m3 a { background-position:-378px -180px;}
	#prglist #menu.m4 li#m4 a { background-position:-504px -180px;}
	#prglist #menu.m5 li#m5 a { background-position:-630px -180px;}
	#prglist #menu.m6 li#m6 a { background-position:-756px -180px;}


#topTop {
width: 100%;
height: 39px;
background: url(./img/bg3.gif) repeat-x center top !important;
clear: both;
}

