@charset "UTF-8";

/* programCSS Document */

/*■■■■layout■■■*/
div#contents_nibprogram {
	background:#fff8f3;
	border-right: 1px solid #ffab5e;
	border-bottom: 1px solid #ffab5e;
	border-left: 1px solid #ffab5e;
	padding-bottom: 10px;
}

div#contents_program {
	background:#fff8f3;
	border-right: 1px solid #ffbf00;
	border-bottom: 1px solid #ffbf00;
	border-left: 1px solid #ffbf00;
	padding-bottom: 10px;
}


div#leftside {
	width: 618px;
	float:left;
}
div#rightside {
	width: 256px;
	float:right;
}

div.main_contents{
	width: 612px;
	margin:0px auto;
	padding:5px 0px 5px;
}
div.sub_contents{
	width: 250px;
	margin:0px auto;
	padding:5px 0px 5px;
}
div#contents_nibprogram h1.nibprogram{
	width: 612px;
	height:30px;
	margin:0px auto;
	background: url(/program/images/title.gif);
}
div#contents_program h1.program{
	width: 612px;
	height:30px;
	margin:0px auto;
	background: url(/program/images/title_program.gif);
}


/*-----programlist-----*/
div#contents_nibprogram div.programlist{
	width: 610px;
	margin:5px auto;
	background:#fff url(/program/images/bg_bottom.jpg) no-repeat left bottom;
}
div#contents_nibprogram div.programlist div.program{
	width: 610px;
	background: url(/program/images/bg_top.jpg) no-repeat left top;
}
div#contents_nibprogram div.programlist h2{
	padding:10px 20px 0px;
}
div#contents_nibprogram div.programlist p.oatime{
	padding:0px 20px 10px;
}
div#contents_nibprogram div.programlist div.left{
	width: 250px;
	float:left;
}
div#contents_nibprogram div.programlist div.left p.img{
	width: 230px;
	margin:0px auto;
	padding-bottom:5px;
}
div#contents_nibprogram div.programlist div.left p.img img{
	border: 5px solid #ddd;
}
div#contents_nibprogram div.programlist div.left p.img a:hover img{
	border: 5px solid #fff;
}
div#contents_nibprogram div.programlist div.left p.link{
	width: 220px;
	margin:0px auto;
	padding:5px;
}
div#contents_nibprogram div.programlist div.left p.link a{
	background: url(/program/images/sitelink.gif) no-repeat 0px 0px;
	display: block;
	height: 19px;
	width: 129px;
}
div#contents_nibprogram div.programlist div.left p.link a:hover{
	background: url(/program/images/sitelink.gif) no-repeat 0px -19px;
}

div#contents_nibprogram div.programlist div.right{
	width: 345px;
	float:right;
	padding-right:10px;
}
div#contents_nibprogram div.programlist div.right h3{
	padding:2px 10px;
	background:#dcdcdc;
}
div#contents_nibprogram div.programlist div.right p{
	padding:5px 5px 10px;
}


/*program*/
div#contents_program div.nav{
	width: 584px;
	height:38px;
	margin:3px auto;
	padding:0px 0px 0px 12px;
	background: url(/program/images/menu_bg.jpg) no-repeat;
}
div#contents_program div.nav p{
	width: 80px;
	margin:0px;
	padding-top:4px;
	float:left;
}
div#contents_program div.nav p.nextweek,
div#contents_program div.nav p.thisweek{
	width: 120px;
	margin:0px;
	padding-top:9px;
}
div#contents_program div.nav p a{
	width: 80px;
	height:20px;
	display:block;
	padding-top:10px;
	border-right: 1px solid #eee;
	border-left: 1px solid #aaa;
	text-align:center;
	vertical-align: middle;
}
div#contents_program div.nav p.nextweek a{
	width: 120px;
	height:20px;
	background: url(/program/images/btn_nextweek.gif) no-repeat 0px 0px;
}
div#contents_program div.nav p.nextweek a:hover,
div#contents_program div.nav p.nextweek a:active{
	background: url(/program/images/btn_nextweek.gif) no-repeat 0px -20px;
}
div#contents_program div.nav p.thisweek a{
	width: 120px;
	height:20px;
	background: url(/program/images/btn_thisweek.gif) no-repeat 0px 0px;
}
div#contents_program div.nav p.thisweek a:hover,
div#contents_program div.nav p.thisweek a:active{
	background: url(/program/images/btn_thisweek.gif) no-repeat 0px -20px;
}
div#contents_program div.nav p a:hover{
	background: #ddd;
}
div#contents_program div.nav p a:active{
	background: #777;
}

div#contents_program div.program_table{
	clear:both;
	width: 584px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
div#contents_program div.program_table table{
	width: 100%;
	border-collapse:collapse;
}
div#contents_program div.program_table th{
	border: 1px solid #999999;
	padding:5px;
}
div#contents_program div.program_table th.date{
	background:#e98300;
}
div#contents_program div.program_table th.time{
	background:#eee;
	width:80px;
	white-space: nowrap;
}
div#contents_program div.program_table th.name{
	background:#eee;
}

div#contents_program div.program_table td{
	border: 1px solid #999999;
	background:#fff;
	padding:5px;
}
div#contents_program div.program_table td img{
	margin-right:5px;
}
div#contents_program div.program_table td.morning,
div#contents_program div.program_table td.day,
div#contents_program div.program_table td.night,
div#contents_program div.program_table td.lateevening,
div#contents_program div.program_table td.time{
	text-align:center;
}
div#contents_program div.program_table td.morning{
	background:#fff9f1;
}
div#contents_program div.program_table td.day{
	background:#ffe9cb;
}
div#contents_program div.program_table td.night{
	background:#ffe1b5;
}
div#contents_program div.program_table td.lateevening{
	background:#ffd497;
}
div#contents_program div.program_table td.time{
	background:#ddd;
}



div.sub_contents p{
	padding-bottom:5px;
}

/*■■■■font■■■*/
div#contents_nibprogram div.programlist h2{
	font-size:16px;
	font-weight:bold;
}
div#contents_nibprogram div.programlist p,
div#contents_nibprogram div.programlist h3{
	font-size:80%;
}
div#contents_nibprogram div.programlist p.oatime{
	font-size:11px;
	color:#666;
}

div#contents_program div.nav p a{
	text-decoration:none;
	color:#333;
	font: bold 12px/13px "ＭＳ ゴシック", "Osaka－等幅";
}
div#contents_program div.nav p a:hover{
	color:#aaa;
}


div#contents_program div.program_table th{
	font-size:80%;
}
div#contents_program div.program_table td{
	font-size:80%;
}
div#contents_program div.program_table th.date{
	color:#fff;
	font-size:90%;
}