@charset "UTF-8";

/* HOWTOWATCH
##################################### */

div#col-right {
	float: right;
	padding-right: 25px;
	width: 515px;
}
	h2#h2-howtowatch {
		width: 515px; height: 40px;
		background: url(../howtowatch/img/h2_howtowatch.gif) no-repeat;
		text-indent: -9999px;
	}
	div#box-howtowatch {
		background: #fff;
	}
		ul#list-index {
		}
			ul#list-index li {
				padding: 10px 10px 0 10px;
				height: 143px;
				border-bottom: 1px solid #ddd;
				clear: both;
				font-size: 115%;
				line-height: 1.6;
			}
				ul#list-index li img {
					float: left;
					margin-right: 10px;
				}
				ul#list-index li a.btn-detail {
					display: block;
					float: right;
					margin-top: 20px;
					width: 145px; height: 22px;
					background: url(../howtowatch/img/btn_detail.gif) left no-repeat;
					text-indent: -9999px;
				}
				ul#list-index li a:hover.btn-detail {
					background-position: right;
				}
		div#box-howtowatch table {
		}
			div#box-howtowatch table tr {
			}
				div#box-howtowatch table tr th {
				}
				div#box-howtowatch table tr th.supple {
				}
				div#box-howtowatch table tr td {
				}
			div#box-howtowatch table strong {
				font-size: 115%;
			}
			div#box-howtowatch table span {
				display: block;
				padding-top: 5px;
				font-size: 85%;
				text-align: left;
			}
			div#box-howtowatch table img {
				margin: 0 10px;
			}
	div.box-gray {
		margin-bottom: 20px;
		padding: 10px;
		background: url(../howtowatch/img/bg_gray.gif) repeat;
	}

div#col-left-menu {
	float: left;
	width: 150px;
}
	div#col-left-menu ul {
		display: block;
		border: 1px solid #ccc;
	}
		div#col-left-menu ul li {
		}
			div#col-left-menu ul li a {
				display: block;
				width: 148px;
				text-indent: -9999px;
			}
			div#col-left-menu ul li a#btn-sky {
				height: 39px;
				background: url(../howtowatch/img/btn_sky.gif) left no-repeat;
			}
			div#col-left-menu ul li a:hover#btn-sky {
				background-position: right;
			}
			div#col-left-menu ul li a#btn-catv {
				height: 40px;
				background: url(../howtowatch/img/btn_catv.gif) left no-repeat;
			}
			div#col-left-menu ul li a:hover#btn-catv {
				background-position: right;
			}
			div#col-left-menu ul li a#btn-other {
				height: 40px;
			}
			div#col-left-menu ul li a#btn-other {
				height: 40px;
				background: url(../howtowatch/img/btn_other.gif) left no-repeat;
			}
			div#col-left-menu ul li a:hover#btn-other {
				background-position: right;
			}

/* sky */

h2#h2-sky {
	width: 515px; height: 40px;
	background: url(../howtowatch/img/h2_sky.gif) no-repeat;
	text-indent: -9999px;
}
	h3#h3-sky {
		width: 515px; height: 132px;
		background: url(../howtowatch/img/h3_sky.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}
	h3#h3-flow-sky {
		width: 515px; height: 41px;
		background: url(../howtowatch/img/h3_flow_sky.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}
	h3#h3-contact-sky {
		width: 515px; height: 41px;
		background: url(../howtowatch/img/h3_contact_sky.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}

table#table-sky {
	margin-bottom: 20px;
}
	table#table-sky tr {
	}
		table#table-sky tr th {
			padding: 15px 10px;
			width: 355px;
			background: url(../howtowatch/img/bg_th.gif) right repeat-y;
			text-align: center;
			font-weight: normal;
			border-bottom: 1px solid #ddd;
		}
		table#table-sky tr th.supple {
			padding: 10px 20px;
			background: url(../howtowatch/img/bg_supple.gif) repeat;
			text-align: left;
			color: #555;
			font-size: 85%;
		}
		table#table-sky tr td {
			padding: 15px 10px;
			width: 160px;
			text-align: center;
			font-weight: normal;
			border-bottom: 1px solid #ddd;
			background: url(../howtowatch/img/bg_td_sky.gif) repeat;
		}

table#table-sky-flow {
	border: none;
}
	table#table-sky-flow tr {
		border: none;
	}
		table#table-sky-flow tr th.number {
			padding: 5px 0;
			width: 30px;
			border: none;
			background: #004097;
			color: #fff;
			text-align: center;
			font-size: 115%;
			font-weight: bold;
		}
		table#table-sky-flow tr th.description {
			padding: 5px 0;
			color: #555;
		}
		table#table-sky-flow tr td {
			padding: 0 10px;
			width: 465px;
			border: none;
			background: #fff;
			font-size: 115%;
			font-weight: bold;
		}
		
div.box-gray h4.h4-sky {
	color: #004097;
	font-size: 115%;
	font-weight: bold;
}

div.box-gray a.link-sky {
	color: #004097;
}

/* catv */

h2#h2-catv {
	width: 515px; height: 40px;
	background: url(../howtowatch/img/h2_catv.gif) no-repeat;
	text-indent: -9999px;
}
	h3#h3-catv {
		width: 515px; height: 132px;
		background: url(../howtowatch/img/h3_catv.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}
	h3#h3-flow-catv {
		width: 515px; height: 41px;
		background: url(../howtowatch/img/h3_flow_catv.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}
	h3#h3-contact-catv {
		width: 515px; height: 41px;
		background: url(../howtowatch/img/h3_contact_catv.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}
	h3#h3-channel-catv {
		width: 515px; height: 41px;
		background: url(../howtowatch/img/h3_channel_catv.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}

table#table-catv {
	margin-bottom: 20px;
}
	table#table-catv tr {
	}
		table#table-catv tr th {
			padding: 15px 10px;
			width: 355px;
			background: url(../howtowatch/img/bg_th.gif) right repeat-y;
			text-align: center;
			font-weight: normal;
			border-bottom: 1px solid #ddd;
		}
		table#table-catv tr th.supple {
			padding: 10px 20px;
			background: url(../howtowatch/img/bg_supple.gif) repeat;
			text-align: left;
			color: #555;
			font-size: 85%;
		}
		table#table-catv tr td {
			padding: 15px 10px;
			width: 160px;
			text-align: center;
			font-weight: normal;
			border-bottom: 1px solid #ddd;
			background: url(../howtowatch/img/bg_td_catv.gif) repeat;
		}

table#table-catv-flow {
	border: none;
}
	table#table-catv-flow tr {
		border: none;
	}
		table#table-catv-flow tr th.number {
			padding: 5px 0;
			width: 30px;
			border: none;
			background: #57b200;
			color: #fff;
			text-align: center;
			font-size: 115%;
			font-weight: bold;
		}
		table#table-catv-flow tr th.description {
			padding: 5px 0;
			color: #555;
		}
		table#table-catv-flow tr td {
			padding: 0 10px;
			width: 465px;
			border: none;
			background: #fff;
			font-size: 115%;
			font-weight: bold;
		}

div.box-gray h4.h4-catv {
	color: #4ea000;
	font-size: 115%;
	font-weight: bold;
}

div.box-gray a.link-catv {
	color: #4ea000;
}

/* other */

h2#h2-other {
	width: 515px; height: 40px;
	background: url(../howtowatch/img/h2_other.gif) no-repeat;
	text-indent: -9999px;
}
	h3#h3-other {
		width: 515px; height: 132px;
		background: url(../howtowatch/img/h3_other.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}
	h3#h3-flow-other {
		width: 515px; height: 41px;
		background: url(../howtowatch/img/h3_flow_other.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}
	h3#h3-contact-other {
		width: 515px; height: 41px;
		background: url(../howtowatch/img/h3_contact_other.gif) no-repeat;
		text-indent: -9999px;
		border-bottom: 1px solid #ddd;
	}

table#table-other {
	/*margin-bottom: 20px;*/
}
	table#table-other tr {
	}
		table#table-other tr th {
			padding: 15px 0;
			width: 250px;
			background: url(../howtowatch/img/bg_th.gif) right repeat-y;
			text-align: center;
			font-weight: normal;
			border-bottom: 1px solid #ddd;
		}
		table#table-other tr th.supple {
			padding: 10px 20px;
			background: url(../howtowatch/img/bg_supple.gif) repeat;
			text-align: left;
			color: #555;
			font-size: 85%;
		}
		table#table-other tr td {
			padding: 15px 10px;
			/*width: 160px;*/
			text-align: center;
			font-weight: normal;
			border-bottom: 1px solid #ddd;
			background: url(../howtowatch/img/bg_td_other.gif) repeat;
			font-size: 85%;
		}

table#table-other-flow {
	border: none;
}
	table#table-other-flow tr {
		border: none;
	}
		table#table-other-flow tr th.number {
			padding: 5px 0;
			width: 30px;
			border: none;
			background: #ffb52c;
			color: #fff;
			text-align: center;
			font-size: 115%;
			font-weight: bold;
		}
		table#table-other-flow tr th.description {
			padding: 5px 0;
			color: #555;
		}
		table#table-other-flow tr td {
			padding: 0 10px;
			width: 465px;
			border: none;
			background: #fff;
			font-size: 115%;
			font-weight: bold;
		}

div.box-gray h4.h4-other {
	color: #e29300;
	font-size: 115%;
	font-weight: bold;
}

div.box-gray a.link-other {
	color: #e29300;
}

/* catv_list */

table#table-list {
	margin: 10px;
	width: 494px;
	clear: both;
}
	table#table-list tr {
	}
		table#table-list tr th {
			padding: 10px;
			width: 220px;
		}
		table#table-list tr td {
			padding: 10px 5px;
			text-align: center;
		}
		table#table-list tr th.th-area {
			background: #57b200;
			font-weight: bold;
			text-align: center;
			color: #fff;
		}
		table#table-list tr th.th-prefecture {
			background: #e1ffc4;
			text-align: center;
		}
	table#table-list tr.tr-category th, table#table-list tr.tr-category td {
		background: url(../howtowatch/img/bg_th_area.gif) repeat;
		text-align: center;
	}

ul#list-area {
	padding-top: 10px;
}
	ul#list-area li {
		float: left;
		margin-bottom: 5px;
		padding: 0 10px;
		border-right: 1px solid #ddd;
	}
		ul#list-area li a {
		}