@charset "shift_jis";

/*----------------------------------------------------------
全ページ共通
----------------------------------------------------------*/

/* 01: base
==========================================================*/
body {
	/*width: 100%; ※IEに横スクロールが出るため使用禁止*/
	height: 100%;
	text-align: center;
	font-size: 100%;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "HiraginoKakugo Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif, Meiryo, "メイリオ";
	color: #333333;
	line-height: 100%;
	margin: 0;
	padding: 0;
	background: url(/common/img/pankuzu_bg_bottom.gif) center bottom no-repeat #FFFFFF;
}
	/* ↓IE6以下に適用 */
	* html body {
	padding-left: 1px;
	background: none;
	}
	/* ↓IE7に適用 */
	*+html body {
	padding-left: 1px;
	background: none;
	}
	/* ↓IE8に適用 */
	body {
	background /*\**/: none\9;
	}
	/* ↓IEのみ用 ※common.jsで制御 */
	body.ieBg {
		background: url(/common/img/pankuzu_bg_bottom.gif) center bottom no-repeat #FFFFFF;
	}

#containerAll {
	width: 100%;
	min-width: 988px;
	background: url(/common/img/bg_top.jpg) center top no-repeat;
}
#container {
	width: 988px;
	height: 100%;
	text-align: left;
	font-size: 78%;
	margin: 0 auto;
	background: url(/common/img/pankuzu_bg_bottom.gif) center bottom no-repeat;
}
	/* ↓IE6以下に適用 */
	* html #container {
	background: none;
	}
	/* ↓IE7に適用 */
	*+html #container {
	background: none;
	}
	/* ↓IE8に適用 */
	#container {
	background /*\**/: none\9;
	}
	/* ↓IEのみ用 ※common.jsで制御 */
	.ieBg {
		background: url(/common/img/pankuzu_bg_bottom.gif) center bottom no-repeat;
	}

body > #container { 
    height:auto; 
}
h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,address {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	font-size: 100%;
}
p,ol,ul,li,dl,dt,dd {
	line-height: 130%;
}
table {
	_font-size: 100%;
}
img {
	border: 0;
	vertical-align: bottom;
}

/* link -------------------------------------*/
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	color: #6FB7CE;
	text-decoration: none;
}
a:active {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}

a.arrow {
	padding: 0 10px 0 12px;
	background: url(/common/img/ico_arrow.gif) 2px 2px no-repeat;
}
a.blank {
	padding: 0 10px 0 12px;
	background: url(/common/img/ico_blank.gif) 2px 2px no-repeat !important;
}


/* clearfix ---------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clear {
	clear: both;
}

/* flaAlert ---------------------------------*/
.flaAlert {
/*	background: #FFFFFF;
*/}


/* 02: header
==========================================================*/
#header {
	width: 979px;
	_width: 988px;
	height: 194px; /* ローカルナビが無い場合の高さ */
	padding-left: 9px;
}

/* logo -------------------------------------*/
#header #logo {
	float: left;
	width: 264px;
}
#header #logo img {
	vertical-align: top;
}

/* help -------------------------------------*/
#header #help {
	float: right;
	width: 648px;
	_width: 657px;
	height: 98px;
	padding-right: 9px;
	position: relative;
}
#header #help li {
	display: block;
	position: absolute;
}
#header #help li img {
	vertical-align: top;
}
#header #help li.spotsTop {
	width: 133px;
	height: 14px;
	top: 75px;
	_top: 76px;
	left: 1px;
}

#header #help li.soccer {
	width: 134px;
	height: 14px;
	top: 75px;
	_top: 76px;
	left: 144px;
}
#header #help li#corporateID {
	width: 73px;
	height: 14px;
	top: 32px;
	_top: 33px;
	left: 575px;
}
#header #help li.sitemap {
	width: 93px;
	top: 75px;
	_top: 76px;
	right: 279px;
}
#header #help li.search {
	width: 273px;
	height: 33px;
	top: 65px;
	left: 365px;
}
#header #help li.search form {
	position: relative;
	width: 273px;
	height: 33px;
	font-size: 100%;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}
#header #help li.search form input.inputTxt {
	position: absolute;
	top: 10px;
	left: 37px;
	width: 158px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#header #help li.search form input.inputBtn {
	position: absolute;
	top: 3px;
	left: 194px;
	width: 76px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	text-indent: -200px;
	cursor: pointer;
}

/* help　加入ガイド追加 -------------------------------------*/
#header #help li.kanyuu_Hd {
	width: 209px;
	height: 26px;
	top: 27px;
	left: 135px;
}
#header #help li.kanyuu_e2 {
	width: 112px;
	height: 26px;
	top: 27px;
	left: 348px;
}

/* gnav -------------------------------------*/
#header #gnav {
	clear: both;
	width: 979px;
	position: relative;
}
#header #gnav li {
	float:left;

	height: 57px;
}
#header #gnav li.gnavMovie {
	width: 99px;
	height: 92px;
	position: absolute;
	top: -19px;
	left: 880px;
	padding: 0;
}

/* 03: Contents
==========================================================*/
#allContents {
	clear: both;
	float: left;
	width: 970px;
	_width: 988px;
	padding: 0 9px;
}

/* mainConents ------------------------------*/
#mainConents {
	float: left;
	width: 790px;
	padding-bottom: 120px;
	position: relative;
}
#mainConents #pgtop {
	clear: both;
	text-align: right;
	padding-top: 10px;
}

/* subConents -------------------------------*/
#subConents {
	float: right;
	width: 160px;
	padding-bottom: 266px;
}
#subConents p {
	margin-bottom: 15px;
}
#subConents #countdown {
	width: 160px;
	height: 330px;
	margin-bottom: 15px;
}
#subConents #bar {
	width: 160px;
	margin-bottom: 15px;
	padding: 5px 0 0 0;
	background: url(/common/img/bg_bar_top.gif) left top no-repeat;
}
#subConents #bar ul {
	background: url(/common/img/bg_bar.gif) left top;
	padding: 7px 8px 0;
}
#subConents #bar ul li {
	padding-bottom: 8px;
}
#subConents .box160 p.qrcord {
	margin: 0;
	text-align: center;
	padding: 10px 0 10px;
}

/* lnav -------------------------------------*/
#lnav {
	clear: both;
	float: left;
	width: 940px;
	_width: 988px;
	padding: 5px 24px 17px;
}
#lnav li {
	float: left;
	padding-right: 1px;
}


/* 04: Contents内共通スタイル（タイトル）
==========================================================*/

/* 
H1タイトル：背景可変：白テキスト 
--------------------------------------------------------*/
#pageTtl {
	position: relative;
	width: 790px;
	min-height: 97px;
	_height: 97px;
	color: #FFFFFF;
	margin-bottom: 15px;
	border-top: #000000 2px solid;
}
#pageTtl h1 {
	font-size: 218%;
	line-height: 100%;
	margin-bottom: 5px;
	padding: 25px 0 0 110px;
	border-top: #FFFFFF 1px solid;
}
#pageTtl p.ttlLogo {
	width: 88px;
	position: absolute;
	top: 11px;
	left: 10px;
	border: #00005C 1px solid;
}
#pageTtl p.ttlLogo img {
	border: #9696BC 1px solid;
}
#pageTtl p.ttlLead {
	padding: 0 0 25px 110px;
}


/* H2タイトル：背景可変：白テキスト 
--------------------------------------------------------*/
.sttl610 img,
.sttl610b img,
.sttl610g img {
	_behavior:url(/common/js/iepngfix.htc);
}
.sttl610,
.sttl610b {
	clear: both;
	position: relative;
	width: 610px;
	min-height: 31px;
	_height: 48px;
	z-index: 1;
	background: url(/common/img/bg_sttl610b_btm.gif) left bottom no-repeat;
	padding-bottom: 17px;
}
.ttlLineb {
	background: url(/common/img/bg_sttl610b-line_btm.gif) left bottom no-repeat;
	padding-bottom: 18px;
}

.sttl610g {
	position: relative;
	width: 610px;
	min-height: 31px;
	_height: 48px;
	z-index: 1;
	background: url(/common/img/bg_sttl610g_btm.gif) left bottom no-repeat;
	padding-bottom: 17px;
}
.ttlLineg {
	background: url(/common/img/bg_sttl610g-line_btm.gif) left bottom no-repeat;
	padding-bottom: 18px;
}

.sttl610 h2,
.sttl610b h2,
.sttl610g h2 {
	color: #FFFFFF;
	font-weight: bold;
	width: 550px;
	_width: 610px;
	display: block;
	padding-top: 12px;
	padding-left: 60px;
	padding-top: 11px;
	background: url(/common/img/bg_sttl610_top.png) left top no-repeat;
	_behavior:url(/common/js/iepngfix.htc);
}
.sttl610 .logo,
.sttl610b .logo,
.sttl610g .logo {
	display: block;
	position: absolute;
	width: 54px;
	top: 0;
	left: 0;
	z-index: 2;
}

/* H3タイトル：右に線・背景に色
--------------------------------------------------------*/
.sttl {
	clear: both;
	color: #341F0C;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 5px 10px 5px 15px;
	background: url(/common/img/bg_sttl-program.gif) left top repeat-y #EBE6DC;
}


/* 09: Contents内共通スタイル（注意書き）
==========================================================*/
p.notes {
	font-size: 78%;
	text-indent: -1.0em;
	margin-left: 1.0em;
	margin-bottom: 10px;
}
p.notesM0 {
	font-size: 78%;
	text-indent: -1.0em;
	margin-left: 1.0em;
	margin-bottom: 0;
}
.attention {
	color: #CC0000;
}


/* 05: Contents内共通スタイル（下にギザギザが付いたブロック）
==========================================================*/

.box160 {
	clear: both;
	width: 142px;
	_width: 160px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 2px solid;
	border-bottom: #202344 2px solid;
	border-left: #202344 2px solid;
	background: url(/common/img/bg_box160.gif) left bottom no-repeat #FFFFFF;
}
.box200 {
	clear: both;
	width: 182px;
	_width: 200px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 2px solid;
	border-bottom: #202344 2px solid;
	border-left: #202344 2px solid;
	background: url(/common/img/bg_box200.gif) left bottom no-repeat #FFFFFF;
}
.box220 {
	clear: both;
	width: 200px;
	_width: 220px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box220.gif) left bottom no-repeat #FFFFFF;
}
.box260 {
	clear: both;
	width: 240px;
	_width: 260px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box260.gif) left bottom no-repeat #FFFFFF;
}
.box330 {
	clear: both;
	width: 310px;
	_width: 330px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box330.gif) left bottom no-repeat #FFFFFF;
}
.box340 {
	clear: both;
	width: 320px;
	_width: 340px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box340.gif) left bottom no-repeat #FFFFFF;
}
.box380 {
	clear: both;
	width: 360px;
	_width: 380px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box380.gif) left bottom no-repeat #FFFFFF;
}
.box440 {
	clear: both;
	width: 420px;
	_width: 440px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box440.gif) left bottom no-repeat #FFFFFF;
}
.box550 {
	clear: both;
	width: 530px;
	_width: 550px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box550.gif) left bottom no-repeat #FFFFFF;
}
.box610 {
	clear: both;
	width: 590px;
	_width: 610px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box610.gif) left bottom no-repeat #FFFFFF;
}
.box790 {
	clear: both;
	width: 770px;
	_width: 790px;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 7px 8px;
	border-right: #202344 3px solid;
	border-bottom: #202344 3px solid;
	border-left: #202344 3px solid;
	background: url(/common/img/bg_box790.gif) left bottom no-repeat #FFFFFF;
}


/* 06: Contents内共通スタイル（右側カラム：一覧）
==========================================================*/

ul.itemList {
	margin-bottom: 20px;
	width: 160px;
}
ul.itemList li {
	padding: 0 0 1px;
	background: url(/common/img/bg_list_line.gif) left bottom repeat-x #FFFFFF;
}
ul.itemList li a {
	display: block;
	padding: 8px 5px 8px 20px;
	background: url(/common/img/ico_arrow.gif) 8px 12px no-repeat;
}
ul.itemList li.active a {
	background: url(/common/img/ico_arrow.gif) 8px 12px no-repeat #C5E3FE;
}


/* 08: Contents内共通スタイル（ストライプテーブル）
==========================================================*/

.sttlCard {
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.15em;
	padding: 7px 7px 6px;
	border-bottom: #9D9D9D 1px solid;
	background: url(/common/img/bg_sttl.gif) left top no-repeat #666666;
}
p.spot {
	clear: both;
	width: 570px;
	_width: 590px;
	color: #000000;
	letter-spacing: 0.1em;
	padding: 7px 10px 17px;
	background: url(/common/img/bg_spot.gif) left bottom repeat-x #EAE6E4;
}
p.spot span {
	display: block;
	float: right;
	width: 95px;
	margin-top: -3px;
}
table.striped {
	width: 100%;
	font-size: 100%;
	border-collapse: collapse;
	/*text-align: left;*/
	margin: 0 0px 10px;
}
table.striped th {
	color: #FFFFFF;
	font-weight: normal;
	/*text-align: center;*/
	padding: 7px 10px 6px;
	border-left: #A6A6A6 1px solid;
	border-top: #4C4C4C 1px solid;
	background: #666666;
}
table.striped th.firstChild {
	border-left: none;
}
table.date th {
	color: #FFFFFF;
	font-weight: normal;
	/*text-align: center;*/
	padding: 5px 10px 18px;
	border: none;
	background: url(/common/img/bg_spot.gif) left bottom repeat-x #666666;
}
table.striped td {
	padding: 6px 10px 9px;
	vertical-align: top;
}
table.striped td a {
	display: block;
	padding: 0 0 0 16px;
	background: url(/common/img/ico_arrow.gif) 4px 4px no-repeat;
	_background: url(/common/img/ico_arrow.gif) 4px 3px no-repeat;
}
table.striped tr.oddCell td {
	background: url(/common/img/bg_td.gif) left bottom repeat-x #FFFFFF;
}
table.striped tr.evenCell td {
	background: url(/common/img/bg_td.gif) left bottom repeat-x #EBE6DC;
}
table.striped .comment {
	font-size: 78%;
}


/* matchup -------------------------------------*/
.box610 .matchup {
	/*clear: both;*/
	color: #FFFFFF;
	width: 576px;
	_width: 590px;
	font-weight: bold;
	letter-spacing: 0.15em;
	padding: 7px 7px 6px;
	border-bottom: #9D9D9D 1px solid;
	background: url(/common/img/bg_sttl.gif) left top no-repeat #666666;
}


/* matchupChk -------------------------------------*/
.box610 .matchupChk {
	float: left;
	width: 576px;
	_width: 590px;
	padding: 7px 7px 6px;
	border-bottom: #9D9D9D 1px solid;
	background: url(/common/img/bg_sttl.gif) left top no-repeat #666666;
}
.box610 h3 {
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.15em;
}
.box610 p.check {
	float: right;
	width: 13em;
	text-align: right;
	font-size: 78%;
	color:#FFFFFF;
	padding-top: 2px;
}


/* 09: HD＆SDタブ
==========================================================*/

/* tab_sd -------------------------------------*/
.tabsSd {
	clear: both;
	float: left;
	width: 790px;
	height: 50px;
	background: url(/common/img/bg_tab-sd_l.gif) left bottom no-repeat;
}
.tabsSd li.tab_sd {
	float: left;
	width: 390px;
	height: 25px;
}
.tabsSd li.tab_hd {
	float: right;
	width: 400px;
	height: 25px;
}
/* tab_hd -------------------------------------*/
.tabsHd {
	clear: both;
	float: left;
	width: 790px;
	height: 50px;
	background: url(/common/img/bg_tab-hd_l.gif) left bottom no-repeat;
}
.tabsHd li.tab_sd {
	float: left;
	width: 400px;
	height: 25px;
}
.tabsHd li.tab_hd {
	float: right;
	width: 390px;
	height: 25px;
}


/* 09: リンク付き画像
==========================================================*/
.imgPh a img {
	border: #E5E5E5 5px solid;
}
.imgPh a:hover img {
	border: #C1D8E8 5px solid;
}




/* 05: news
==========================================================*/
ul#nav {
	float: left;
	/*padding: 0 0 0 5px;*/
}
ul#nav li {
	float: left;
	padding: 0 0 2px 1px;
	background: url(/common/img/bg_news_nav.gif) left top repeat-y;
}
ul#nav li.btnInfo {
	background: none;
	padding: 0 0 2px 0;
}
ul#news li,
ul#news .program,
ul#news .news,
ul#news .blog {
	background: url(/common/img/bg_line.gif) left bottom repeat-x;
	margin: 0 8px 0 0;
	line-height: 120%;
	padding: 1px 0 2px 0;
}
ul#news .info {
	padding-bottom: 0 !important;	
}
ul#news .info span,
ul#news .info a { background: url(/common/img/ico_info.gif) 0 4px no-repeat !important;}
ul#news .program a { background: url(/common/img/ico_program.gif) 0 4px no-repeat  !important;}
ul#news .news a { background: url(/common/img/ico_news.gif) 0 4px no-repeat !important;}
ul#news .blog a { background: url(/common/img/ico_blog.gif) 0 4px no-repeat !important;}



/* 10: Contents内共通スタイル（調整用）
==========================================================*/
.marBtm5 { margin-bottom: 5px; }
.marBtm10 { margin-bottom: 10px; }
.marBtm15 {	margin-bottom: 15px; }
.marBtm20 {	margin-bottom: 20px; }
.marBtm25 {	margin-bottom: 25px; }
.marBtm30 {	margin-bottom: 30px; }
.padBtm5 { padding-bottom: 5px; }
.padBtm10 {	padding-bottom: 10px; }
.padBtm15 {	padding-bottom: 15px; }
.padBtm20 {	padding-bottom: 20px; }
.padBtm25 {	padding-bottom: 25px; }
.padBtm30 {	padding-bottom: 30px; }
.marTop5 { margin-top: 5px; }
.marTop10 {	margin-top: 10px; }
.marTop15 {	margin-top: 15px; }
.marTop20 {	margin-top: 20px; }
.marTop25 {	margin-top: 25px; }
.marTop30 {	margin-top: 30px; }
.padTop5 { padding-top: 5px; }
.padTop10 {	padding-top: 10px; }
.padTop15 {	padding-top: 15px; }
.padTop20 {	padding-top: 20px; }
.padTop25 {	padding-top: 25px; }
.padTop30 {	padding-top: 30px; }



/* 04: footer（本サイトから流用）
==========================================================*/
#footer {
	clear: both;
	position: relative;
	width: 950px;
	_width: 988px;
	height: 84px;
	_height:54px;
	margin: 0px auto 0px auto;
	padding: 0 19px;
	text-align: center;
/*	background: #000000;*/
}

*:first-child+html #footer {
  height:52px;
}

/*	
#footer{
	clear: both;
	position: relative;
	width: 950px;
	_width: 988px;
	height: 84px;
	margin: 0px auto 0px auto;
	padding: 0 19px;
	text-align: center;
background: #000000;
}
*/

#footer #ftIcon li a { color: #000000;}
#footer #ftIcon li a:link   { color: #000000; text-decoration: none; }
#footer #ftIcon li a:visited{ color: #000000; text-decoration: none; }
#footer #ftIcon li a:hover  { color: #000000; text-decoration: underline; }
#footer #ftIcon li a:active { color: #000000; text-decoration: underline; }

/* Icon -------------------------------------*/
#footer ul#ftIcon li {
	position: absolute;
	display: inline;
	
}
#footer ul#ftIcon li a {
	display: block;
	font-size: 0px;  /* for Firefox */
	text-indent: -9999px;
}
/*#footer li#ftGeneral { left:  22px; top: 10px; }
#footer li#ftSptv { left:  72px; top: 10px; }
#footer li#ftE2sptv { left: 122px; top: 10px; }
#footer li#ftOpticast { left: 172px; top: 10px; }
*/

#footer li#ftSptv { left:  2px; top: 10px; }
#footer li#ftE2sptv { left: 52px; top: 10px; }
#footer li#ftOpticast { left: 102px; top: 10px; }
#footer li#ftAttention { left:160px; top:15px;
text-align:left;
color:white;
font-size:10px;}
#footer li#ftAttention strong{
font-size:12px;
font-weight:normal;
}

#footer li#ftAttention a { color: #FFFFFF; display: inline; font-size:10px;}
#footer li#ftAttention a:link   { color: #FFFFFF; text-decoration: none; display: inline; font-size: 10px;}
#footer li#ftAttention a:visited{ color: #0066CC; text-decoration: none; display: inline; font-size: 10px;}
#footer li#ftAttention a:hover  { color: #007DFF; text-decoration: underline; display: inline; font-size: 10px;}
#footer li#ftAttention a:active { color: #007DFF; text-decoration: underline; display: inline; font-size: 10px;}


#footer li#ftGeneral a       { width:  48px; height: 56px; background: url(/common/img/ft_icn_general.gif)  0px   0px no-repeat; }
#footer li#ftGeneral a:hover { width:  48px; height: 56px; background: url(/common/img/ft_icn_general.gif)  0px -56px no-repeat; }

#footer li#ftSptv a,
#footer li#ftSptv a:hover    { width:  48px; height: 56px; background: url(/common/img/ft_icn_sptv.gif)     0px -56px no-repeat; }

#footer li#ftE2sptv a        { width:  48px; height: 56px; background: url(/common/img/ft_icn_e2sptv.gif)   0px   0px no-repeat; }
#footer li#ftE2sptv a:hover  { width:  48px; height: 56px; background: url(/common/img/ft_icn_e2sptv.gif)   0px -56px no-repeat; }

#footer li#ftOpticast a      { width:  48px; height: 56px; background: url(/common/img/ft_icn_opticast.gif) 0px   0px no-repeat; }
#footer li#ftOpticast a:hover{ width:  48px; height: 56px; background: url(/common/img/ft_icn_opticast.gif) 0px -56px no-repeat; }

/* Link -------------------------------------*/
#footer ul#ftLink{
	position: absolute;
	right: 83px;
	top: 26px;
}
#footer ul#ftLink li{
	display: inline;
	padding: 0px 5px 0px 7px;
	_padding: 0px 7px;
	border-left: 1px solid #ffffff;
	/*font-size: 68%;*/
	font-size: 78%;
	line-height: 1.2;
	color: #3b4d4d;
}
#footer li#ftSkycom   { border: none; }

#footer #ftLink li a:link   { color: #ffffff; text-decoration: none; }
#footer #ftLink li a:visited{ color: #ffffff; text-decoration: none; }
#footer #ftLink li a:hover  { color: #ffffff; text-decoration: underline; }
#footer #ftLink li a:active { color: #ffffff; text-decoration: underline; }

/* Logo -------------------------------------*/
#footer p.logo{
	position: absolute;
	right: 21px;
	top: 20px;
	width: 46px;
	height: 40px;
	background: url(/common/img/ft_total_logo_sptv.gif) 0px 0px no-repeat;
	font-size: 0px;  /* for Firefox */
	text-indent: -9999px;
}
/* Home -------------------------------------*/
#footer p.home{
	padding: 0px 7px 0px 10px;
	_padding: 0px 10px;
	position: absolute;
	right: 83px;
	top: 45px;
	font-size: 78%;
	line-height: 1.2;
	border-left: 1px solid #ffffff;
}
#footer p.home a:link   { color: #ffffff; text-decoration: none; }
#footer p.home a:visited{ color: #ffffff; text-decoration: none; }
#footer p.home a:hover  { color: #ffffff; text-decoration: underline; }
#footer p.home a:active { color: #ffffff; text-decoration: underline; }




/* Copyright --------------------------------*/
#footer address{
	position: absolute;
	right: 83px;
	top: 65px;
	width: 412px;
	height: 5px;
	background: url(/common/img/ft_copyright.gif) 0px 0px no-repeat;
	font-size: 0px;  /* for Firefox */
	text-indent: -9999px;
}
.caution{
	color:#FF0000;
}
.ssize{
	font-size:0.8em;
}



/* 追加：重要なお知らせ文言 2010/05/14
==========================================================*/

#containerAll table.watchOut {
	width:790px;
	_width:790px;
	border:1px solid #cc0000;
	margin: 0 0 10px 0 ;
}

#containerAll table.watchOut th {
	width:200px;
	background:#cc0000;
	border-right:1px solid #cc0000;
	font-weight:normal;
	text-align:center;
	vertical-align: middle;
	color:#fff;
	padding:0;
}

#containerAll table.watchOut td {
	background:#fff;
	padding:5px 5px 5px 15px;
}

#containerAll table.watchOut a {
	color:#cc0000;
}

#containerAll table.watchOut p {
	margin-top:10px;
}


/* パンクヅ --------------------------------*/
#container #pankuzu {
	font-size: 85%;
	color: #fff;
	background: url(/common/img/bg_border_white.gif) left bottom no-repeat;
	clear: both;
	height: 21px;
	margin: 0;
	_margin:30px 0 0 0;
	padding: 30px 0 0 0;
	_padding: 0;
}
#container #pankuzu li {
	float: left;
	background: url(/common/img/ico_topicpath.gif) left top no-repeat;
	padding: 0 7px 0 10px;
	line-height: 1.1;
}
#container #pankuzu li.home {
	background: url(/common/img/ico_topicpath_home.gif) left top no-repeat;
	padding: 0 5px 0 15px;
}
#container ul#pankuzu li a {
	color: #fff;
}
