@charset "utf-8";

/* ******************************

	Fmyokohama 84.7 web site
	program.css
	
	* title
	* CLASS program-name
	* ID program-main
	* ID corner
	* ID onair
	* ID timetable-head
	* ID timetable-nav
	* ID timetable
	
******************************** */


/* title
---------------------------------------------------------- */
h2{
	width: 690px; height: 30px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin-bottom: 15px;
	}
h2.title-program{
	background-image: url(/images/program/title-program.gif);
	}
h2.title-traffic{
	background-image: url(/images/program/title-traffic.gif);
	}


/* CLASS program-name
---------------------------------------------------------- */
.program-name{
	width: auto;
	}
	.program-name p{
		background-color: #5e4d33;
		color: #FFF;
		font-weight: bold;
		padding: 5px 13px;
		}

/* ID program-main
---------------------------------------------------------- */		
#program-main{
	width: 690px; margin-top: 20px;
	}
	#program-main div.p-txt{
		/*width: auto;*/
		float: left;
		margin-right: 15px;
		}
		#program-main div.p-txt p{
			width: auto;
			line-height: 1.5;
			}
		#program-main div.p-txt ul{
			width: auto;
			margin-top: 15px;
			}
		#program-main div.p-txt li{
			width: 112px;
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
			}
			#program-main div.p-txt li a{
				display: block;
				width: 112px; height: 18px;
				background-image: url(/images/program/program.gif);
				background-repeat: no-repeat;
				text-indent:-9999px;
				}
			#program-main div.p-txt li a.blog{ background-position: 0 0;}
			#program-main div.p-txt li a.req{ background-position: 0 -36px;}
			#program-main div.p-txt li a.site{ background-position: 0 -72px;}
			#program-main div.p-txt li a.blog:hover{ background-position: 0 -18px;}
			#program-main div.p-txt li a.req:hover{ background-position: 0 -54px;}
			#program-main div.p-txt li a.site:hover{ background-position: 0 -90px;}
	#program-main div.p-photo{
		/*width: auto;*/
		float: right;
		}
		#program-main div.p-photo div{
			width: 96px !important;
			width: 110px;
			border: solid 2px #dfe1e2;
			padding: 5px;
			min-height: 157px;
			height: auto !important;
			height: 161px;
			position:relative;
			float:left;
			margin-right: 10px;
			margin-bottom:10px;
			}
		#program-main div.p-photo div.last{ margin-right: 0;}
			#program-main div.p-photo div p{ margin-top: 5px; padding-bottom: 25px; }
			#program-main div.p-photo div a.prof{
				display: block;
				width: 96px; height: 18px;
				background: url(/images/program/program.gif) 0 -108px no-repeat;
				text-indent: -9999px;
				position: absolute;
				left: 5px; bottom: 7px;
				}
				#program-main div.p-photo div a.prof:hover{ background-position: 0 -126px;}
			#program-main div.p-photo div img.sash{
				display: block;
				position: absolute;
				right: 0; top: 0;
				}
			#program-main div.p-photo div.clr{
				width: auto;
				border: none;
				padding: 0;
				min-height: 0;
				height: 0;
				position: static;
				float:none;
				margin-right: 0;
				}


/* ID corner
---------------------------------------------------------- */
#corner{
	width: 690px;
	margin-top: 30px;
	}
	#corner h4{
		width: 690px; height: 20px;
		background: url(/images/program/program.gif) 0 -144px no-repeat;
		border-bottom: solid 2px #5e4d33;
		text-indent: -9999px;
		}
	#corner ul{ 
		width: 690px;
		background: url(/images/program/bg-corner.gif) left top repeat-y;
		border-bottom: solid 1px #5e4d33;
		}
	#corner li{
		width: 690px;
		background: url(/images/common/dotline-brown.gif) left bottom repeat-x;
		padding-bottom: 10px;
		}
		#corner li.last{ background: none;}
	#corner li p.time{
		width: 140px !important;
		width: 160px;
		color:#533f22;
		font-weight: bold;
		padding: 8px 10px 10px 12px;
		float:left;
		}
	#corner li dl{
		width: 507px !important;
		width: 515px;
		float: right;
		padding: 8px 8px 8px 0;
		}
	#corner li dt{
		color:#533f22;
		font-weight: bold;
		font-size: 110%;
		}
		#corner li dt span{ color: #444; font-weight: normal; font-size: 90%;}
	#corner li dd{ line-height: 1.4; margin-top: 5px;}


/* ID onair
---------------------------------------------------------- */
#onair{
	width: 690px;
	margin-top: 45px;
	}
	#onair #onair-head{
		width:auto;
		}
		#onair #onair-head h4{
			width: 70px; height: 20px;
			background: url(/images/program/program.gif) 0 -164px no-repeat;
			text-indent:-9999px;
			float:left;
			margin-right: 10px;
			}
		#onair #onair-head p{
			width: auto;
			color:#533f22;
			font-weight: bold;
			float: right;
			}
			#onair #onair-head p span{ font-weight: normal; color: #444; }
	#onair table{
		width: 690px;
		border-bottom: solid 1px #8b7e6a;
		}
		#onair table tr{
			/*background: url(/images/common/dotline-brown.gif) left bottom repeat-x;*/
			}
		#onair table th{
			background-color: #5e4d33;
			padding: 7px 0;
			text-align: center;
			}
			#onair table th p{ margin: 0 auto; text-indent:-9999px;}
			#onair table th.time p{ background: url(/images/program/program.gif) 0 -184px no-repeat; width: 30px; height: 22px;}
			#onair table th.title p{ background: url(/images/program/program.gif) 0 -206px no-repeat; width: 34px; height: 22px;}
			#onair table th.artist p{ background: url(/images/program/program.gif) 0 -228px no-repeat; width: 46px; height: 22px;}
		#onair table td{
			padding: 7px 12px;
			background: url(/images/common/dotline-brown.gif) left bottom repeat-x;
			}
		#onair table tr.last td{ background: none;}
		#onair table th.middle,#onair table td.middle{
			border: solid 1px #8e8270;
			border-width: 0 1px 0 1px;
			}
		#onair table td.time,#onair table tr.last td.time{ background-color: #f4f1eb;}
		

/* ID timetable-head
---------------------------------------------------------- */
#timetable-head{
	width: 690px;
	margin-top: 15px;
	}
	#timetable-head img{ float: left;}
	#timetable-head h3{
		float: left;
		font-size: 130%;
		color: #533f22;
		font-weight: bold;
		margin-top: 5px;
		}
	#timetable-head a.btn-news,#timetable-head a.btn-program{
		display: block;
		width: 270px; height: 25px;
		background-image: url(/images/program/timetable.gif);
		background-repeat: no-repeat;
		float:right;
		text-indent:-9999px;
		}
		#timetable-head a.btn-news{ background-position: -99px -78px;}
		#timetable-head a.btn-program{ background-position: -379px -78px;}
		#timetable-head a.btn-news:hover{ background-position: -99px -103px;}
		#timetable-head a.btn-program:hover{ background-position: -379px -103px;}
		

/* ID timetable-nav
---------------------------------------------------------- */
#timetable-nav{
	width: 690px;
	margin-top: 10px;
	}
	#timetable-nav li{
		float: left;
		margin-right: 2px;
		}
		#timetable-nav li.last{ margin-right: 0;}
	#timetable-nav li a{
		display: block;
		width: 97px; height: 26px;
		background-image: url(/images/program/timetable.gif);
		background-repeat: no-repeat;
		text-indent:-9999px;
		}
		#timetable-nav li a.mon{ background-position: 0 0; }
		#timetable-nav li a.tue{ background-position: -99px 0; }
		#timetable-nav li a.wed{ width: 96px; background-position: -198px 0; }
		#timetable-nav li a.thu{ background-position: -296px 0; }
		#timetable-nav li a.fri{ background-position: -395px 0; }
		#timetable-nav li a.sat{ background-position: -494px 0; }
		#timetable-nav li a.sun{ background-position: -593px 0; }
		
		#timetable-nav li a.mon:hover{ background-position: 0 -26px; }
		#timetable-nav li a.tue:hover{ background-position: -99px -26px; }
		#timetable-nav li a.wed:hover{ background-position: -198px -26px; }
		#timetable-nav li a.thu:hover{ background-position: -296px -26px; }
		#timetable-nav li a.fri:hover{ background-position: -395px -26px; }
		#timetable-nav li a.sat:hover{ background-position: -494px -26px; }
		#timetable-nav li a.sun:hover{ background-position: -593px -26px; }
		
		#timetable-nav li.btn-on a.mon{ background-position: 0 -52px; }
		#timetable-nav li.btn-on a.tue{ background-position: -99px -52px; }
		#timetable-nav li.btn-on a.wed{ background-position: -198px -52px; }
		#timetable-nav li.btn-on a.thu{ background-position: -296px -52px; }
		#timetable-nav li.btn-on a.fri{ background-position: -395px -52px; }
		#timetable-nav li.btn-on a.sat{ background-position: -494px -52px; }
		#timetable-nav li.btn-on a.sun{ background-position: -593px -52px; }
		


/* ID newstable-nav
---------------------------------------------------------- */
#newstable-nav{
	width: 690px;
	margin-top: 10px;
	border-bottom: solid 4px #009100;
	}
	#newstable-nav li{
		float: left;
		margin-right: 2px;
		}
		#newstable-nav li.last{ margin-right: 0;}
		#newstable-nav li.clr{
			float: none;
			margin-right: 0;
			margin-top: -5px;
			}
	#newstable-nav li a{
		display: block;
		width: 228px; height: 26px;
		background-image: url(/images/program/timetable.gif);
		background-repeat: no-repeat;
		text-indent:-9999px;
		}
		#newstable-nav li a.week{ background-position: 0 -241px;}
		#newstable-nav li a.sat{ background-position: -230px -241px;}
		#newstable-nav li a.sun{ width: 230px; background-position: -460px -241px;}
		
		#newstable-nav li a.week:hover{ background-position: 0 -267px;}
		#newstable-nav li a.sat:hover{ background-position: -230px -267px;}
		#newstable-nav li a.sun:hover{ background-position: -460px -267px;}
		
		#newstable-nav li.nav-on a.week{ background-position: 0 -293px;}
		#newstable-nav li.nav-on a.sat{ background-position: -230px -293px;}
		#newstable-nav li.nav-on a.sun{ background-position: -460px -293px;}


/* ID timetable
---------------------------------------------------------- */
#timetable{
	width: 690px;
	border-top: solid 4px #009100;
	}

/* main ---------------------------------- */
#timetable li.main{
	width: 690px;
	background: url(/images/program/bg-program-main.gif) left top repeat-y;
	border-bottom: solid 2px #8e8270;
	}
	#timetable li.main p.time{
		width: 114px !important;
		width: 130px;
		color: #533f22;
		font-weight: bold;
		float:left;
		padding: 15px 8px 8px 8px;
		}
	#timetable li.main div.name{
		width: 378px !important;
		width: 410px;
		float: left;
		padding: 15px 8px 8px 24px;
		}
		#timetable li.main div.name p{
			color: #533f22;
			font-weight: bold;
			margin-bottom: 11px;
			}
		#timetable li.main div.name a{
			display: block;
			width: 112px; height: 18px;
			background-image: url(/images/program/timetable.gif);
			background-repeat: no-repeat;
			text-indent:-9999px;
			float: left;
			margin-right: 5px;
			}
			#timetable li.main div.name a.btn-prog{ background-position: 0 -133px;}
			#timetable li.main div.name a.btn-blog{ background-position: 0 -169px;}
			#timetable li.main div.name a.btn-site{ background-position: 0 -205px;}
			#timetable li.main div.name a.btn-prog:hover{ background-position: 0 -151px;}
			#timetable li.main div.name a.btn-blog:hover{ background-position: 0 -187px;}
			#timetable li.main div.name a.btn-site:hover{ background-position: 0 -223px;}
	#timetable li.main div.person{
		width: 142px !important;
		width: 150px;
		float: left;
		padding: 15px 8px 8px 0;
		}
		#timetable li.main div.person-in{ margin-bottom: 5px; }
		#timetable li.main div.person img.thum{
			width: 36px; height: 36px;
			border: solid 2px #FFF;
			float:left;
			margin-right: 5px;
			}
		#timetable li.main div.person p.dj{
			width: 80px !important;
			width: 97px;
			min-height: 12px;
			height:auto !important;
			height: 12px;
			background: url(/images/program/timetable.gif?2) -116px -133px no-repeat;
			padding-left: 17px;
			float:left;
			}
		#timetable li.main div.person p.rep{
			width: 80px !important;
			width: 97px;
			min-height: 12px;
			height:auto !important;
			height: 12px;
			background: url(/images/program/timetable.gif?2) -530px -133px no-repeat;
			padding-left: 17px;
			float:left;
			}

/* sub ---------------------------------- */
	#timetable li.main div.sub{
		background: url(/images/program/bg-program-sub-bottom.gif) left bottom repeat-x;
		padding-bottom: 3px;
		}
	#timetable li.main div.sub ul{
		width: 690px;
		background: #FFF url(/images/program/bg-program-sub.gif) left top repeat-y;
		padding-bottom: 20px;
		}
		#timetable li.main div.sub ul li p.sub-time{
			width: 122px !important;  width: 130px;
			float: left;
			color: #533f22;
			font-weight: bold;
			text-align: right;
			padding: 8px 8px 0 0;
			}
		#timetable li.main div.sub ul li p.sub-title{
			width: 522px !important; width: 560px; float: right;
			padding: 8px 8px 0 30px;
			}
			#timetable li.main div.sub ul li p.sub-title span{
				margin-left: 10px;}
		#timetable li.main div.sub ul li.sub-cap{
			padding: 8px 8px 0 8px;
			}
		#timetable li.main div.sub ul li.sub-cap p{
			width: 73px; height: 10px;
			background:url(/images/program/timetable.gif) 0 -120px no-repeat;
			text-indent: -9999px;
			} 


/* ID raffictable(一部　ID newstable)
---------------------------------------------------------- */			
#traffictable{
	width: 260px;
	float:left;
	border-bottom: solid 1px #8e8270;
	margin-top: 10px;
	}
	#traffictable th,#newstable th{
		background: #f4f1eb url(/images/common/dotline-brown.gif) left bottom repeat-x;
		padding: 7px 0;
		width: 56px;
		text-align: center;
		}
	#traffictable td{
		background: #FFF url(/images/common/dotline-brown.gif) left bottom repeat-x;
		padding: 7px 12px;
		border-left: solid 1px #8e8270;
		}
		#traffictable th.cap,#newstable th.cap{
			background-color: #5e4d33;
			background-image: none;
			padding: 0;
			text-align: center;
			width: auto;
			}
			#traffictable th.cap span,#newstable th.cap span{
				display: block;
				height: 22px;
				background: url(/images/program/timetable.gif);
				background-repeat: no-repeat;
				text-indent: -9999px;
				margin: 0 auto;
				}
			#traffictable th.cap span{ width: 123px; background-position: -294px -133px;}
			#newstable th.cap span{ width: 223px; background-position: -294px -155px;}
		
			#traffictable tr.last td,#traffictable tr.last th,#newstable tr.last td,#newstable tr.last th{ background-image: none;}
			
	
	
/* ID newstable
---------------------------------------------------------- */			
#newstable{
	width: 400px;
	float:right;
	border-bottom: solid 1px #8e8270;
	margin-top: 10px;
	}
	#newstable td{
		padding: 7px;
		background: #FFF url(/images/common/dotline-brown.gif) left bottom repeat-x;
		}
	#newstable td.icon{
		padding: 4px 2px 4px 7px;
		width: 131px;
		border: solid 1px #8e8270;
		border-width: 0 1px 0 1px;
		}
	#newstable td.icon img{
		margin-right: 5px;
		}