@charset "utf-8";

#contents * {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-o-box-sizing:content-box;
}
#contents h1 { background:#333333;}

/* 日付リスト */
article ul#dayMenu {
	margin:20px auto;
	width:644px;
}
#dayMenu li {
	margin-right:12px;
	padding:18px 0;
	float:left;
	width:70px;
	height:35px;
	background:url(../../timetable/images/bg_green.gif) no-repeat left top;
	line-height:19px;
	text-align:center;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	cursor: pointer;
}
#dayMenu li.lastList { margin-right:0; }
#dayMenu li.selectList { background:url(../../timetable/images/bg_blue.gif) no-repeat left top; }
#dayMenu li span {
	display:block;
	font-size:13px;
	font-weight:bold;
}

/* 凡例 */
#legend li {
	display:inline-block;
	margin:0 10px 10px 0;
	font-size:116.7%;
}
#legend li img {
	display:inline-block;
	width:20px;
	height:auto;
	margin-right:5px;
	vertical-align:-4px;
}


/* 番組表表示 */
#contentsWrap table {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	width:100%;
	border-collapse:collapse;
	font-size:116.7%;
}
#contentsWrap table caption {
	margin-bottom:7px;
	font-size:133.3%;
	font-weight:bold;
}
#contentsWrap table thead { display:block; }
#contentsWrap table thead th {
	padding:8px 5px;
	background:#34a6fe;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}
#contentsWrap table thead th:first-child {
	-webkit-border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	-o-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
	width:80px;
}
#contentsWrap table thead th:nth-child(2) {
	width:300px;
}
#contentsWrap table thead th:last-child {
	-webkit-border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	-o-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
	width:560px;
}
#contentsWrap table tbody { 
	display:block;
	border:1px solid #d4d4d4;
	border-radius:0 0 10px 10px;
}
#contentsWrap table tbody td {
	width:300px;
	padding:10px;
	vertical-align:middle;
	line-height:1.5em;
	border-bottom:1px dotted #d4d4d4;
}
#contentsWrap table tbody td:last-child {
	width:558px;
}
#contentsWrap table tbody th {
	width:80px;
	background:#f5f5f5;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px dotted #d4d4d4;
}
#contentsWrap table tbody td strong {	font-weight:bold; }
#contentsWrap table td img {
	vertical-align:-2px;
	margin-left:5px;
	width:17px;
	height:14px;
}
#contentsWrap table tbody tr:last-child th {
	-webkit-border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	-o-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;
}
#contentsWrap table tbody tr:last-child td:last-child {
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#contentsWrap table tbody tr:last-child th,
#contentsWrap table tbody tr:last-child td { border-bottom:0; }

@media (max-width: 812px) {
/* 日付リスト */
article ul#dayMenu {
	margin:20px auto;
	width:100%;
}
#dayMenu li {
	margin:0 0 5px 0;
	padding:0px 10px;
	width:auto;
	height:auto;
	background:none;
	border-right:1px solid #aaaaaa;
	line-height:1.4em;
	text-align:center;
	color:#333333;
	font-size:91.7%;
	font-weight:normal;
}
#dayMenu li.lastList { margin-right:0; }
#dayMenu li.selectList { background:none; font-weight: bold; text-decoration: underline;}
#dayMenu li span {
	display:inline;
	font-size:83.3%;
	font-weight:normal;
}

/* 番組表表示 */
#contentsWrap table {	width:100%; }
#contentsWrap table thead th { padding:5px; }
#contentsWrap table thead th:first-child {
	padding:5px 0;
	width:20%;
}
#contentsWrap table thead th:nth-child(2),
#contentsWrap table thead th:last-child {
	width:290px;
}
#contentsWrap table tbody td,
#contentsWrap table tbody td:last-child {
	width:40%;
	padding:5px;
}
#contentsWrap table tbody th { width:20%; }

}