@charset "utf-8";
/*  -----  /catv/css/index.css ------   */


/*  -------------
     index
-----------------  */

#subcontent .flBox01 {
	margin: 15px 10px 30px 10px;
	overflow: hidden;
	zoom: 1;
}

#subcontent .flBox01 img {
	float: left;
}

#subcontent .flBox01 p {
	width: 390px;
	margin-left: 15px;
	float: left;
	line-height: 1.6;
	font-size: 92%;
	color: #333;
}

#subcontent .ulBox01 ul li {
	padding-left: 100px;
	margin: 30px 0 40px;
}

#subcontent .ulBox01 ul .cvliBox01 {
	background: url(/catv/img/index/mark01.gif) 0 0 no-repeat;
}

#subcontent .ulBox01 ul .cvliBox02 {
	background: url(/catv/img/index/mark02.gif) 0 0 no-repeat; 	
}

#subcontent .ulBox01 ul .cvliBox03 {
	background: url(/catv/img/index/mark03.gif) 0 0 no-repeat; 	
}

#subcontent .ulBox01 ul li p {
	font-size: 88%;
	line-height: 1.5;
}


/*      ---- new price ----     */
#subcontent .imBox01 {
	margin:10px 0;
}

#subcontent .flBox02 {
	margin: 15px 10px 20px 10px;
	overflow: hidden;
	clear: both;
}
#subcontent .flBox02 img {
	float: left;
}

#subcontent .flBox02_01 img {
	margin-left: 4px;
}

#subcontent .flBox03 {
	margin: 15px 10px 20px 10px;
	overflow: hidden;
	zoom: 1;
}

#subcontent .flBox03 p {
	font-size: 92%;
	color: #333;
	line-height: 1.6;
	margin-left: 15px;
	margin-top: 5px;
}

#subcontent .flBox03 img {
	float: left;
	margin: 10px 0;
}

#subcontent .flBox03_01 img {
	margin-left: 10px;
}

#subcontent .flBox03_02 p {
	width: 380px;
	margin-left: 15px;
	float: left;
	line-height: 1.6;
	font-size: 92%;
	color: #333;
}
#subcontent .flBox03_02 img {
	margin-left: 15px;
}

/*  -------------
     construction
-----------------  */

.construction h2 {
	font-size: 100%;
	color: #FF6600;
	font-weight: bold;
}

.construction p {
	margin: 10px 10px 15px 10px;
	line-height: 1.6;
	font-size: 92%;
}

.construction img {

	line-height: 1.6;
}



/*  -------------
     price
-----------------  */

.catvprice h1 {
	margin: 10px 0 0 10px;
}

.catvprice h2 {
	font-size: 100%;
	color: #FF6600;
	font-weight: bold;
	margin: 40px 0 10px 10px;
}

.catvprice h3 {
	font-size: 88%;
	color: #FF6600;
	font-weight: bold;
	margin: 20px 10px 10px 10px;
	
}

.catvprice p {
	margin: 10px 0 30px 10px;
	line-height: 1.6;
	font-size: 90%;
	letter-spacing: 0.07em;
}

.catvprice table {
	margin-bottom: 40px;
}


/*  --  .pricetable01 　--  */

.pricetable01 {
	width: 616px;
	background-color: #fff;
	margin: 0 10px;
	vertical-align: top;
}

.pricetable01 th,
.pricetable01 td {
	padding: 10px;
	border: solid 1px #777;
	font-size: 82%;
	line-height: 1.5;
}

.pricetable01 tr.tr01 {
	background-color: #d7e366;
}

.pricetable01 th.th00 {
	width: 100px;
	text-align: center;
}

.pricetable01 th.th01,
.pricetable01 th.th02 {
	width: 258px;
	text-align: center;
}


/*  --  .pricetable02 　--  */

.pricetable02 {
	width: 616px;
	background-color: #fff;
	margin: 0 10px;
	vertical-align: top;
}

.pricetable02 th,
.pricetable02 td {
	padding: 10px;
	border: solid 1px #777;
	font-size: 82%;
	line-height: 1.5;
}

.pricetable02 tr.tr01 {
	background-color: #d7e366;
}

.pricetable02 th.th00 {
	width: 100px;
	text-align: center;
}

.pricetable02 th.th01,
.pricetable02 th.th02 {
	width: 150px;
	text-align: center;
}

pricetable02 th.th03 {
	width: auto;
	text-align: center;
}


/*  --  .pricetable03 　--  */

.pricetable03 {
	width: 616px;
	background-color: #fff;
	margin: 0 10px;
	vertical-align: top;
}

.pricetable03 th,
.pricetable03 td {
	padding: 10px;
	border: solid 1px #777;
	font-size: 82%;
	line-height: 1.5;
}

.pricetable03 tr.tr01 {
	background-color: #d7e366;
}

.pricetable03 th.th00 {
	width: 340px;
	text-align: center;
}

.pricetable03 th.th01 {
	width: auto;
	text-align: center;
}


/*--  .pricetable04 　--*/

.pricetable04 {
	width: 616px;
	background-color: #fff;
	margin: 0 10px;
	vertical-align: top;
	margin-bottom: 30px;
}

.pricetable04 th,
.pricetable04 td {
	padding: 10px;
	border: solid 1px #777;
	font-size: 82%;
	line-height: 1.5;
}

.pricetable04 th {
	width: 160px;
	background-color: #d7e366;
	text-align: center;
}

.pricetable04 .td01 { 
	width: 130px;
}

.pricetable04 .td02 { 
	width: auto;
}



/*  -------------
     lineup
-----------------  */

.chlineup h2 {
	margin: 30px 0 10px 0 !important;
	padding: 0 !important;
}

/*  ----  chBox01  ----  */

.chlineup .chBox01 {
	width: 577px;
	border: solid 6px #ddd;
	overflow: hidden;
	margin: 10px 0 10px 0 !important;
	padding: 0 !important;
}

.chlineup .chBox01hd {
	height: 80px;
	border-bottom: solid 1px #ddd;
}

.chlineup .chBox01hd h3 {
	float: left;
	margin: 0 0 0 15px !important;
	padding: 0 !important;
}

.chlineup .chBox01 .chno {
	float: right;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
}

.chlineup .chBox01bt {
	clear: both;
	margin: 0 !important;
	padding: 10px !important;
	overflow: hidden;
}

.chBox01bt p.chBoxendp {
	clear: both;
	color: #FF3300;
	font-size: 14px;
	padding: 20px 0 0 0 !important;
}

.chBox01bt p.chBoxendp img {
	padding: 0 5px 0 0 !important;
}

.chBox01bt .chBox01btcr {
	float: left;
}


.chBox01bt .chBox01btcr img {
	margin: 0 12px 0 0;

}

.chBox01bt .chBox01btcr p{
	clear: both;
	font-size: 10px;
	color: #666666;
}

.chlineup p.chBox01btp {
	width: 384px;
	float: left;
	margin: 0 0 5px 0;
	line-height: 1.5;
} 

/*  ----  #tabs01  ----  */

#tabs01 {
	overflow: hidden;
	zoom: 100%;
}


#tab01, #tab02, #tab03, #tab04, #tab05,
#tab06, #tab07, #tab08, #tab09, #tab10
 {
	margin: 15px 0 30px 0;
	padding: 0 15px;
	width: 591px;
	border: solid 1px #333;
	overflow: hidden;
}


/*  ----  tabmenu  ----  */

.chlineup #tabs01 ul {
	width: 634px;
	margin: 0 !important;
	padding: 0 !important;
}

.chlineup #tabs01 ul li {
	float: left;
	margin: 7px 6px 0 0;
}

.chlineup #tabs01 ul li a {
	display: block;
	padding: 0;
	margin: 0;
	width: 120px;
	height: 50px;
	text-decoration: none;
	text-indent: -1000em;
}

.chlineup #tabMenu01 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) 0 0 no-repeat;
}

.chlineup #tabMenu02 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -120px 0 no-repeat;
}

.chlineup #tabMenu03 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -240px 0 no-repeat;
}

.chlineup #tabMenu04 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -360px 0 no-repeat;
}

.chlineup #tabMenu05 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -480px 0 no-repeat;
}

.chlineup #tabMenu06 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) 0 -50px no-repeat;
}

.chlineup #tabMenu07 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -120px -50px no-repeat;
}

.chlineup #tabMenu08 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -240px -50px no-repeat;
}

.chlineup #tabMenu09 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -360px -50px no-repeat;
}

.chlineup #tabMenu10 a {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -480px -50px no-repeat;
}


.chlineup .ui-tabs-selected  a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) 0 -100px no-repeat;
}

.chlineup #tabMenu02 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -120px -100px no-repeat;
}

.chlineup #tabMenu03 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -240px -100px no-repeat;
}

.chlineup #tabMenu04 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -360px -100px no-repeat;
}

.chlineup #tabMenu05 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -480px -100px no-repeat;
}

.chlineup #tabMenu06 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) 0 -150px no-repeat;
}

.chlineup #tabMenu07 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -120px -150px no-repeat;
}

.chlineup #tabMenu08 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -240px -150px no-repeat;
}

.chlineup #tabMenu09 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -360px -150px no-repeat;
}

.chlineup #tabMenu10 a:hover {
	background: #f9f4d9 url(/catv/img/lineup/chbtn.jpg) -480px -150px no-repeat;
}


/*  -------------
     program
-----------------  */

#caprogram h2,
#mpprogram h2 { 
	margin-top: 30px;
}

#caprogram table,
#mpprogram table { 
	margin-left: 5px;
	width: 600px;
	margin-top: 30px;
	font-size: small;
}

#caprogram .thm,
#mpprogram .thm {
	padding: 10px 5px;
}

#caprogram .tdp
#mpprogram .tdp { 
	text-align: center;
}

#caprogram .tdp2,
#mpprogram .tdp2 { 
	background-color: #fffafa;
	text-align: center;
	width: 120px;
	font-weight: bold;
}

#caprogram .tdp3,
#mpprogram .tdp3 {
	background-color: #fffafa;
	text-align: center;
	width: auto;
	font-weight: bold;
}

#caprogram p,
#mpprogram p {
	padding: 30px 0;
}

#caprogram td,
#mpprogram td {
	background-color: #fffafa;
}

#caprogram td,
#mpprogram td,
#caprogram th,
#mpprogram th { border: solid 1px #ccc; padding: 5px 10px; }

#caprogram th { color: #315476; background-color: #eee; }

#mpprogram th { color: #315476; background-color: #ffffe0; }

.magpro { margin-top: 20px; }



/*  -------------
     digital
-----------------  */


.digital #digitalBox {
	width: 604px;
	padding: 0 15px 50px 15px;
	margin: 20px 0 20px;
	border: solid 1px #555;
	background-color: #fff;
	overflow: hidden;
}
* html .digital #digitalBox {
	width: 636px;
}

.digital h2 {
		font-weight: bold;
		color: #FF6600;
		margin: 25px 0 5px 5px !important;
}

.digital h3 {
		font-weight: bold;
		color: #FF3300;
		margin: 5px 0 5px 5px !important;
		font-size: 82% !important;
}

.digital p {
		font-size: 88%;
		line-height: 1.5;
		margin: 0 5px 0 5px !important;
}

/*-- NEW! channel line up --*/


.chlineup_02 {
	width: 590px;
}
.chlineup_02 h2.trigger {
	padding: -10px 0 0 50px;
	height: 28px;
	width: 590px;
	font-size: 16px;
	font-weight: normal;
	float: left;
}
.chlineup_02 h2.trigger a {
	color: #CC0000;
	font-weight: bold;
	text-decoration: none;
	display: block;
}


.chlineup_02 h2.trigger a:hover {
	font-weight: bold;
	color: #FFCC00;
}
.chlineup_02 h2.active {background-position: left top;}

.chlineup_02 .toggle_container {
	margin: -10px 0 0px 20px;
	border: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 12px;
	width: 575px;
	clear: both;
}
.chlineup_02 .toggle_container .block {
	padding: 0px;
}
.chlineup_02 .toggle_container .block p {
	clear: both;
	overflow: hidden;
	padding: 10px;
}
.chlineup_02 .toggle_container h3 {
	font: 10px normal Georgia, "Times New Roman", Times, serif;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.chlineup_02 .toggle_container img {
	float: left;
	margin: 0px 15px 0px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}





/*  -----  /channel line up/css/index.css ------   */


.chlineup_02 .faq {
	overflow: hidden;
	zoom: 100%;
}

.chlineup_02 #faqBox h2 {
	margin: 0px 0 0px 15px;
}

.chlineup_02 .faq p {
	margin: 0 0 30px 0px;
	line-height: 1.5;
	font-size: 90%;
	letter-spacing: 0.07em;
}

.chlineup_02 #faqBox dl {
	margin: 0px 10px 0px 10px;
}

.chlineup_02 #faqBox dt {
	margin-bottom: 0px;

}

.chlineup_02 #faqBox dt a {
	background: url(../img/index/question01.jpg) left top no-repeat;
	cursor: pointer;
	text-decoration: underline;
	color: #0066ff;
	font-size: 92%;
	font-weight: bold;
	padding: 0 0 5px 5px;	
}

.chlineup_02 #faqBox dt a:hover {
	text-decoration: none;
	color: #66C0D7;
}

.chlineup_02 #faqBox dd {
	display: none; /*  slidepanel closed  */
	background: url(../img/index/answer01.jpg) left top no-repeat;
	cursor: pointer;
	padding: 10px;
	margin-left: 10px;
	line-height: 1.5;
	margin-bottom: 20px;
	font-size: 90%;
	letter-spacing: 0em;
	clear: both;
	overflow: hidden;
	zoom: 100%;
	border: 1px solid #d6d6d6;
	background: #f0f0f0;
	width: 560px;
}