@charset "utf-8";

/* 上書き関連 080408-7st
----------------------------------------------------------- */
div#pagebody,
div#pagetop,
div#sidemenu {
	background:none;
}

div#pagebody {
	width:760px;
}


div#content {
	width:560px;
	float:left;
	overflow:hidden;
}

div#sidemenu {
	padding:0;
	width:180px;
	text-align: left;
	float:right;
}

div#sidemenu a {
	color:#0066cc;
	text-decoration:none;
}

div#sidemenu a:hover {
	color:#eb6100;
	text-decoration:underline;
}

div#sidemenu h2 {
	margin-bottom: 10px;
}

div#sidemenu ul {
	margin-bottom: 1.5em;
	margin-top: 0.5em;
}

div#sidemenu ul li {
	margin-bottom: 0.5em;
}

div#sidemenu ul.first li {
	background:url(../img/common/bgLiFirst.png) left 3px no-repeat;
	padding-left:17px;
}

div#sidemenu ul.first li:hover {
	background:url(../img/common/bgLiFirstOv.png) left 3px no-repeat;
}


div#sidemenu ul.first li.now {
	background:url(../img/common/bgLiFirstOv.png) left 3px no-repeat;
	font-weight:bold;
}

div#sidemenu ul.second {
	padding-left:1em;
	font-weight: normal;
}

div#sidemenu ul.second li {
	background:url(../img/common/bgLiSecond.gif) left 5px no-repeat;
	padding-left:10px;
}

div#sidemenu ul.second li:hover {
	background:url(../img/common/bgLiSecondOv.gif) left 5px no-repeat;
}

div#sidemenu ul.second li.now {
	background:url(../img/common/bgLiSecondOv.gif) left 5px no-repeat;
	font-weight:bold;
}


/* もともとあるクラスとか 080411-7st
----------------------------------------------------------- */
.bottom05 {	margin: 0px 0px 5px;	padding: 0px;	}
.bottom10 {	margin: 0px 0px 10px;	padding: 0px;	}
.bottom15 {	margin: 0px 0px 15px;	padding: 0px;	}
.bottom20 {
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: left;
}
.bottom25 {	margin: 0px 0px 25px;	padding: 0px;	}
.bottom30 {	margin: 0px 0px 30px;	padding: 0px;	}
.onlyBottom05 { margin-bottom:5px; }

.top05 {	margin: 5px 0px 0px;	padding: 0px;	}
.top10 {	margin: 10px 0px 0px;	padding: 0px;	}
.top15 {	margin: 15px 0px 0px;	padding: 0px;	}
.top20 {	margin: 20px 0px 0px;	padding: 0px;	}
.top25 {	margin: 25px 0px 0px;	padding: 0px;	}

.titC {
	color: #FFFFFF;
	margin: 0px 0px 10px;
	padding: 5px 15px 3px;
	background: #3887B1 url(../images/base/titc_bg.gif) repeat-x left bottom;
	display: block;
	font: bold medium/1.1em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


.titD {
	color: #666666;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0px 0px 10px;
	padding: 3px 15px;
	border: 1px solid #A9A85C;
	font-size: small;
	background: url(../images/icon/sankaku_a.gif) no-repeat 6px center;
}


.pagenavi {
	font-size:10px;
	line-height:1.6;
	font-weight:normal;
	color: #999999;
	margin: 0px;
	padding: 0px 0px 8px;
}
.imgL {
	float: left;
	padding: 0px 10px 0px 0px;
}
.imgR {
	float: right;
	padding: 0px 0px 0px 10px;
}
.pagenavi a {
	color: #0099CC;
	text-decoration: none;
	border-bottom: 1px solid #AFCAE4;
	padding-bottom: 1px;
}
.pagenavi a:hover {
	color: #0099CC;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}



table.tblA {
	margin: 0px 0px 10px;
	padding: 0px;
	border-top: 1px solid #D1D1C1;
	border-left: 1px solid #D1D1C1;
}
table.tblA th {
	padding: 4px;
	font-weight: normal;
	color: #333333;
	background: #DEDECF url(../images/base/th_bg.gif) repeat-x left bottom;
	border-right: 1px solid #B1B18F;
	border-bottom: 1px solid #B1B18F;
	border-top: 1px solid #EEEEE8;
	border-left: 1px solid #EEEEE8;
	line-height: 1.1em;
	font-size: x-small;
	text-align: center;
}
table.tblA td {
	padding: 5px 12px;
	border-right: 1px solid #D1D1C1;
	border-bottom: 1px solid #D1D1C1;
	color: #333333;
	background: #F8F8F6;
	line-height: 1.2em;
}

table.tblA td ul {
	list-style: url(none) inside;
	margin: 0px;
	padding: 0px;
}



table.tblB {
	margin: 0px 0px 10px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
table.tblB th {
	padding: 4px;
	font-weight: normal;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	line-height: 1.1em;
	font-size: x-small;
	background: #E7E7E7;
}
table.tblB td {
	padding: 4px;
	border-right: 1px solid #E0DFE3;
	border-bottom: 1px solid #E0DFE3;
	line-height: 1.2em;
}

table.tblC {
	margin: 0px 0px 10px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
table.tblC th {
	padding: 4px;
	font-weight: bold;
	border-top: 1px solid #DEEBC5;
	border-left: 1px solid #DEEBC5;
	border-right: 1px solid #6D8C2F;
	border-bottom: 1px solid #6D8C2F;
	line-height: 1.1em;
	font-size: small;
	background: #8EB63D;
	color: #FFFFFF;
	text-align: center;
}
table.tblC td {
	padding: 4px;
	border-right: 1px solid #E0DFE3;
	border-bottom: 1px solid #E0DFE3;
	font-size: x-small;
	line-height: 1.2em;
}

table.tblD {
	margin: 0px 0px 10px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
table.tblD th {
	padding: 4px;
	font-weight: normal;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	line-height: 1.1em;
	font-size: small;
	background: #E7E7E7;
}
table.tblD td {
	padding: 4px;
	border-right: 1px solid #E0DFE3;
	border-bottom: 1px solid #E0DFE3;
	line-height: 1.2em;
}
table th.thB {
	padding: 4px;
	font-weight: bold;
	color: #FFFFFF;
	background: #577563;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	line-height: 1.1em;
	font-size: x-small;
	text-align: center;
}
table th.thC {
	padding: 4px;
	color: #FFFFFF;
	background: #006699;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	font: bold small/1.1em Verdana;
}
table th.thD {
	padding: 4px;
	font-weight: bold;
	color: #FFFFFF;
	background: #993300;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font: bold small/1.1em Verdana;
	text-align: center;
}

table caption {
	font: x-small Verdana;
	text-align: right;
	padding-bottom: 5px;
}
table.hidden, table.hidden td {
	background: #FFFFFF;
	border: 0px none #FFFFFF;
}



/* チャンネルラインアップ
---------------------------------------------------- */
 ul.chBox {
	margin: 0px 0px 25px;
	padding: 0px;
	width: 560px;
	list-style: none;
}
 ul.chBox li {
	padding: 4px;
	margin: 0px 0px 10px;
	width: 550px;
	border: 1px solid #CCCCCC;
}
 ul.chBox li h4{
	margin: 0px 0px 5px;
	padding: 0px;
	float: left;
	clear: both;
	/*width: 427px;*/
	width: 324px;
}

 ul.chBox li h4.short{ width:216px!important; }

 ul.chBox li h4.long{
	width:432px!important;
}

 ul.chBox li .chNo{
	margin: 0px 0px 5px;
	padding: 0px;
	float: right;
	/*width: 223px;*/
	width: 223px;
	overflow:hidden;
}

.chNo2 { width:108px!important; }
.chNo3 { width:120px!important; }

 ul.chBox li .chNoLong{
	margin: 0px 0px 5px;
	padding: 0px;
	float: right;
	width:331px; 
}

 ul.chBox li .chNoShort{
	margin: 0px 0px 5px;
	padding: 0px;
	float: right;
	width:115px;
}

 ul.chBox li .chSnap{
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 168px;
	display: block;
}
 ul.chBox li .chSnap2 {
	margin: 0px 0px 0px 16px;
	padding: 0px;
	clear: both;
	float: left;
	width: 168px;
	display: inline;
}
 ul.chBox li .chText{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
	float: left;
	width: 379px;
	display: block;
	clear: none;
}

 ul.chBox li .chText02 {
	margin: 0px;
	padding: 0px 0px 50px;
	font-size: 12px;
	line-height: 16px;
	clear: both;
	float: left;
	width: 550px;
	display: inline;
}
 ul.chBox li .chText3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
	float: left;
	width: 363px;
	display: inline;
	clear: none;
}

 ul.chBox li .chTitle {
	margin:0!important;
	padding:0 0 12px 16px;
	font-size:12px;
}

 ul.chBox li .chCopy{
	margin: 0px;
	padding: 2px 0px 0px;
	font: 10px/10px "MS UI Gothic";
}
 ul.chBox li .chCopy2 {
	margin: 0px;
	padding: 2px 0px 10px 16px;
	font: 10px/10px "MS UI Gothic";
}

 ul.chBox li .chPrice{
	margin: 0px;
	padding: 2px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #CC3333;
	text-align: right;
}

 .lineupBtn {
	margin: 0px 0px 15px;
	padding: 0px;
}
 .lineupBtn img{
	display: inline;
}


a.nextPage {
	background: url(../images/icon/arrow.gif) no-repeat left center;
	padding: 2px 0px 2px 16px;
	line-height: 1.4em;
}
#tv a.nextPage {
	background: url(../images/icon/arrow_b.gif) no-repeat left center;
	padding: 2px 0px 2px 16px;
	line-height: 1.4em;
}
#net a.nextPage {
	background: url(../images/icon/arrow_c.gif) no-repeat left center;
	padding: 2px 0px 2px 16px;
	line-height: 1.4em;
}


/* リンク
---------------------------------------------------- */
#link dl{
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
}
#link dt {
	padding: 8px 0px 0px 4px;
}
#link dd{
	display: block;
	margin: 0px;
	padding: 0px 0px 8px 4px;
	border-bottom: 1px solid #CCCCCC;
}
#link dd a{
	background: url(../images/icon/arrow.gif) no-repeat left center;
	padding: 0px 0px 0px 18px;
	font: 10px/10px Verdana;
}


/* サイトマップ
---------------------------------------------------- */
#sitemap .sitemapL {
  width: 275px;
  float: left;
}

#sitemap .sitemapR {
  width: 275px;
  float: right;
}

#sitemap ul.siteList {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-family: "MS UI Gothic";
}
#sitemap ul.siteList ul {
	margin: 4px 0px 10px 6px;
	padding: 0px;
	list-style-type: none;
	background: url(../sitemap/img/li_first.gif) repeat-y 0px;
}
#sitemap ul.siteList ul li {
	padding: 0px 0px 0px 15px;
	list-style-type: none;
	background: url(../sitemap/img/li_base.gif) no-repeat 0px 8px;
	margin: 0px;
}
#sitemap ul.siteList ul li.liLast {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	background: url(../sitemap/img/li_last.gif) no-repeat 0px 8px;
}

#sitemap ul.siteList h3 a {
	margin: 0px;
	padding: 2px 0px 2px 20px;
	background: url(../sitemap/img/li_icon_h3.gif) no-repeat 0px 2px;
	font-size: small;
	font-weight: bold;
}
#sitemap ul.siteList h3.h3tv a {
	margin: 0px;
	padding: 2px 0px 2px 20px;
	background: url(../sitemap/img/li_icon_h3tv.gif) no-repeat 0px 2px;
	font-size: small;
	font-weight: bold;
}
#sitemap ul.siteList h3.h3net a {
	margin: 0px;
	padding: 2px 0px 2px 20px;
	background: url(../sitemap/img/li_icon_h3net.gif) no-repeat 0px 2px;
	font-size: small;
	font-weight: bold;
}
#sitemap ul.siteList h3 a:hover {
	background: url(../sitemap/img/li_icon_h3.gif) no-repeat 0px -48px;
	text-decoration: underline;
}
#sitemap ul.siteList ul li a, #sitemap ul.siteList ul li span  {
	margin: 0px;
	padding: 2px 0px 2px 18px;
	background: url(../sitemap/img/li_icon_01.gif) no-repeat 0px 1px;
}
#sitemap ul.siteList ul li a:hover {
	background: url(../sitemap/img/li_icon_01.gif) no-repeat 0px -49px;
	text-decoration: underline;
}

/* インターネットのご利用にあたって
---------------------------------------------------- */
ol.olE {
	margin: 0px;
	padding: 0px;
}

ol.olE li {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	list-style-type: decimal;
}


/* 20110216
------------------------------------------------------*/
div.textA {
	line-height:1.3;
	padding:1em 0 1em 1em;
}

span.redbold {
	font-weight:bold!important;
	color:#f00!important;
}

/* 20110331
------------------------------------------------------*/
div.mypage {}

div.mypage h4 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 1em 5px;
	border-bottom:2px solid #e82020;
	padding:5px 0 5px 17px;
	background:url(../event/mypage/img/myPageH4Bg.gif) 4px center no-repeat;
}

div.mypage p {
	margin:0 1em 1em;
}

div.mypage .notice {
	/*font-size:11px;*/
	color:#f00;
}

div.mypage dl {
	margin:2em 0 2em 2em;
	line-height:1.3;
}
	
div.mypage dl dt {
	font-weight:bold;
	color:#fe7800;
}

div.mypage dl dd {
	margin:0 0 0.5em 1em;
}

table.myPageTable01 {
	border-collapse:collapse;
	line-height:1.5;
	border:1px solid #aaaaaa;
	margin-bottom: 1em;
}

table.myPageTable01 th,
table.myPageTable01 td {padding:5px 10px; border:1px solid #aaaaaa;}

table.myPageTable01 th {
	font-weight:normal;
	background:url(../event/mypage/img/bgTh01.png) left top repeat-x #fdf5a6;
}
table.myPageTable01 td {}

div.getUserId {
	border:1px solid #e82020;
	background:#ffe9e9;
	padding:16px;
	margin-bottom:1em;
}

div.getUserId a {
	background:url(../event/mypage/img/iconGetUID.gif) left center no-repeat;
	padding-left:15px;
}
	
table.tblA td.hd {background:url(../catv/img/hd.png) right center no-repeat #F8F8F6;}

