/*-----------------------------
	Global Navigation
-------------------------------*/

ul.backnumberlist, ul.programlist {
	margin: 20px 0px 30px 30px;
	padding: 0;
	width: 580px; /* 必ずwidthの設定をしてください */
}

ul.backnumberlist:after, ul.programlist:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul.backnumberlist li, ul.programlist li {
	margin: 5px;
	padding: 0;
	float: left;
	width: 130px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul.backnumberlist li span, ul.programlist li span {
	padding: 0.7em 5px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	color: #ccc;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
}
ul.backnumberlist li a:link, ul.backnumberlist li a:visited,
ul.programlist li a:link, ul.programlist li a:visited {
	padding: 0.7em 5px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	color: #333;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: #eee;
	border: 1px solid #ccc;
}

ul.backnumberlist li a:hover, ul.programlist li a:hover {
	background-color: #ddd;
}