@charset "utf-8";
/*========================================================
Site Name   :: ひかりＴＶ SOCCER
Site URL    :: http://soccer.hikaritv.net
Description :: 番組表のCSS
Author      :: by ひかりＴＶ SOCCER - N.j.U
Last Up Date:: 2008-03-31
========================================================*/

/*========================================================
  0: NAVIGATION
  1: PAGE TITLE
  2: MAIN CONTENT AREA
========================================================*/

/*
===== 0: NAVIGATION ==========================================
*/

#contentNavi {
  width: 180px;
  margin: 0 auto 0 auto;
  background-image: url(/img/program/nav_program.gif);
  background-repeat: no-repeat;
}

#contentMenu h2 {
  width: 180px;
  height: 47px;
  background-image: url(/img/program/nav_program_header.gif);
  background-repeat: no-repeat;
  position: relative;
}

#contentMenu h2 a {
  width: 180px;
  height: 47px;
  display: block;
  position: absolute;
  background-image: url(/img/program/nav_program_header.gif);
  background-repeat: no-repeat;
}

#contentMenu h2 a:hover {
  width: 180px;
  height: 47px;
  display: block;
  position: absolute;
  background-image: url(/img/program/nav_program_header.gif);
  background-position: -180px 0;
  background-repeat: no-repeat;
}

#contentNavi .navBottom {
  height: 24px;
  background-image: url(/img/program/nav_program_bottom.gif);
  background-repeat: no-repeat;
}

/*サブメニュー項目が増えた際、高さを変更する*/
#contentNavi ul {
  list-style: none;
  height: 167px;
  margin: 0;
  padding: 0;
}

#contentNavi li, #contentNavi a {
  display:block;
  width: 180px;
  height: 21px;
  padding: 0;
}

#contentNavi li {
  float: left;
  display: block;
}

#contentNavi a {
  text-decoration: none;
  background-repeat: no-repeat;
  overflow: hidden;
  background-image: url(/img/program/nav_program.gif);
}

/*normal*/
#nav-j1 a {  background-position: 0 0; }
#nav-j2 a {  background-position: 0 21px; }
#nav-tsukiichi a {  background-position: 0 63px; }
#nav-uefacl a {  background-position: 0 84px; }
#nav-spirits a {  background-position: 0 105px; }
#nav-jstation a {  background-position: 0 126px; }
#nav-premier a {  background-position: 0 147px; }
#nav-scotland a {  background-position: 0 168px; }

/*hover*/
#nav-j1 a:hover { background-position: -180px 0; }
#nav-j2 a:hover { background-position: -180px -21px; }
#nav-tsukiichi a:hover { background-position: -180px -42px; }
#nav-uefacl a:hover { background-position: -180px -63px; }
#nav-spirits a:hover { background-position: -180px -84px; }
#nav-jstation a:hover { background-position: -180px -105px; }
#nav-premier a:hover { background-position: -180px -126px; }
#nav-scotland a:hover { background-position: -180px -147px; }

/*here*/
body.j1 #nav-j1 a { background-position: -180px 0; }
body.j2 #nav-j2 a { background-position: -180px -21px; }
body.tsukiichi #nav-tsukiichi a { background-position: -180px -42px; }
body.word #nav-tsukiichi a { background-position: -180px -42px; }
body.uefacl #nav-uefacl a { background-position: -180px -63px; }
body.spirits #nav-spirits a { background-position: -180px -84px; }
body.jstation #nav-jstation a { background-position: -180px -105px; }
body.premier #nav-premier a { background-position: -180px -126px; }
body.scotland #nav-scotland a { background-position: -180px -147px; }




/*
===== 0: PAGE TITLE ==========================================
*/

/* ページタイトル */
body.jstation #contentMain h2,
body.spirits #contentMain h2,
body.j2 #contentMain h2,
body.soccernews #contentMain h2,
body.premier #contentMain h2,
body.tsukiichi #contentMain h2,
body.uefacl #contentMain h2,
body.j1j2 #contentMain h2,
body.scotland #contentMain h2,
body.order #contentMain h2,
body.index #contentMain h2,
body.j1 #contentMain h2 {
  width: 295px;
  height: 24px;
  margin: 0 0 5px 0;
}

body.spirits #contentMain h2 {background: url(/img/program/spirits.gif) no-repeat;}
body.jstation #contentMain h2 {background: url(/img/program/jstation.gif) no-repeat;}
body.j2 #contentMain h2 {background: url(/img/program/j2.gif) no-repeat;}
body.soccernews #contentMain h2 {background: url(/img/program/soccernews.gif) no-repeat;}
body.premier #contentMain h2 {background: url(/img/program/premier.gif) no-repeat;}
body.tsukiichi #contentMain h2 {background: url(/img/program/tsukiichi.gif) no-repeat;}
body.uefacl #contentMain h2 {background: url(/img/program/uefacl.gif) no-repeat;}
body.j1j2 #contentMain h2 {background: url(/img/program/j1j2.gif) no-repeat;}
body.scotland #contentMain h2 {background: url(/img/program/scotland.gif) no-repeat;}
body.order #contentMain h2 {background: url(/img/program/order.gif) no-repeat;}
body.j1 #contentMain h2 {background: url(/img/program/j1.gif) no-repeat;}
body.index #contentMain h2 {background: url(/img/program/index.gif) no-repeat;}

/*H3タイトル*/
#contentBody h3 {
  min-height: 24px;
  padding: 5px 0 0 35px;
  margin: 40px 0 20px 0;
  background: url(/img/program/h3_title.gif) no-repeat;
  background-color: #000;
  border-top: solid 1px #666;
  border-bottom: solid 1px #444;
}

/*H4タイトル*/
#contentBody h4 {
  margin: 0 0 10px 0;
  padding: 3px 0 0 5px;
  border-left: solid 10px #00A3CF;
  background-color: #333;
}

/*H5タイトル*/
#contentBody h5 {
  color: #00AFDF;
  margin: 20px 0 5px 0;
  line-height: 1.5;
}

/*h2 横 :: サービス紹介へボタン*/
.text_area_right {
  float: right;
  margin: -30px 0 0 0;
  text-align: right;
}


/*サブコンテンツメイン領域枠線*/
#contentBody{
  border: solid 1px #666;
  padding: 10px;
  background-color: #000;
}


/*サブコンテンツリスト*/
#contentBody ul,
#contentBody ul li {
  list-style-type:none;
}

#contentBody ol,
#contentBody ol li {
  list-style-type: decimal;
  margin: 0 0 10px 0;
}

#contentBody ul {
  margin: 0;
  padding: 0;
}
#contentBody ol {
  margin: 10px 0 10px 0;
  padding: 0 0 0 30px;
}


/*=============================================================
番組表：TOP
==============================================================*/

#program .ProgramList {
  margin: 0 auto 0 auto;
}

#program .ProgramList li{
  float: left;
  width: 200px;
  height: 180px;
  display: inline;
  margin: 5px;
}

#fragment-2 a {
  color: #ffffff;
}

#program .index .ProgramList a{
  display: block;
  width: 200px;
  height: 180px;
}

.program_j2 {background: url(/img/program/program_j2.jpg) no-repeat;}
.program_j1j2 {background: url(/img/program/program_j1j2.jpg) no-repeat;}
.program_tsukiichi {background: url(/img/program/program_tsukiichi.jpg) no-repeat;}
.program_uefacl {background: url(/img/program/program_uefacl.jpg) no-repeat;}
.program_jstation {background: url(/img/program/program_jstation.jpg) no-repeat;}
.program_spirits {background: url(/img/program/program_spirits.jpg) no-repeat;}
.program_soccernews {background: url(/img/program/program_soccernews.jpg) no-repeat;}
.program_premier {background: url(/img/program/program_premier.jpg) no-repeat;}
.program_scotland {background: url(/img/program/program_scotland.jpg) no-repeat;}
.program_leagueun {background: url(/img/program/program_leagueun.jpg) no-repeat;}

.program_j1,
.program_j2,
.program_j1j2,
.program_tsukiichi,
.program_uefacl,
.program_jstation,
.program_spirits,
.program_soccernews,
.program_premier,
.program_scotland,
.program_leagueun {
  width: 200px;
  height: 180px;
  text-align: center;
  line-height: 10.0;
  position: relative;
  background-repeat: no-repeat;
}

.program_j1 {  background-image: url(/img/program/program_j1.jpg);}
.program_j2 {  background-image: url(/img/program/program_j2.jpg);}
.program_j1j2 {  background-image: url(/img/program/program_j1j2.jpg);}
.program_tsukiichi {  background-image: url(/img/program/program_tsukiichi.jpg);}
.program_uefacl {  background-image: url(/img/program/program_uefacl.jpg);}
.program_jstation {  background-image: url(/img/program/program_jstation.jpg);}
.program_spirits {  background-image: url(/img/program/program_spirits.jpg);}
.program_soccernews {  background-image: url(/img/program/program_soccernews.jpg);}
.program_premier {  background-image: url(/img/program/program_premier.jpg);}
.program_scotland {  background-image: url(/img/program/program_scotland.jpg);}
.program_leagueun {  background-image: url(/img/program/program_leagueun.jpg);}

.program_j1 a,
.program_j2 a,
.program_j1j2 a,
.program_tsukiichi a,
.program_uefacl a,
.program_jstation a,
.program_spirits a,
.program_soccernews a,
.program_premier a,
.program_scotland a,
.program_leagueun a {
  width: 200px;
  height: 180px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}

.program_j1 a {  background-image: url(/img/program/program_j1.jpg);}
.program_j2 a {  background-image: url(/img/program/program_j2.jpg);}
.program_j1j2 {  background-image: url(/img/program/program_j1j2.jpg);}
.program_tsukiichi {  background-image: url(/img/program/program_tsukiichi.jpg);}
.program_uefacl {  background-image: url(/img/program/program_uefacl.jpg);}
.program_jstation {  background-image: url(/img/program/program_jstation.jpg);}
.program_spirits {  background-image: url(/img/program/program_spirits.jpg);}
.program_soccernews {  background-image: url(/img/program/program_soccernews.jpg);}
.program_premier {  background-image: url(/img/program/program_premier.jpg);}
.program_scotland {  background-image: url(/img/program/program_scotland.jpg);}
.program_leagueun {  background-image: url(/img/program/program_leagueun.jpg);}


.program_j1 a:hover,
.program_j2 a:hover,
.program_j1j2 a:hover,
.program_tsukiichi a:hover,
.program_uefacl a:hover,
.program_jstation a:hover,
.program_spirits a:hover,
.program_soccernews a:hover,
.program_premier a:hover,
.program_scotland a:hover,
.program_leagueun a:hover {
  width: 200px;
  height: 180px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: -200px 0;
}

.program_j1 a:hover {  background-image: url(/img/program/program_j1.jpg);}
.program_j2 a:hover {  background-image: url(/img/program/program_j2.jpg);}
.program_j1j2 a:hover {  background-image: url(/img/program/program_j1j2.jpg);}
.program_tsukiichi a:hover {  background-image: url(/img/program/program_tsukiichi.jpg);}
.program_uefacl a:hover {  background-image: url(/img/program/program_uefacl.jpg);}
.program_jstation a:hover {  background-image: url(/img/program/program_jstation.jpg);}
.program_spirits a:hover {  background-image: url(/img/program/program_spirits.jpg);}
.program_soccernews a:hover {  background-image: url(/img/program/program_soccernews.jpg);}
.program_premier a:hover {  background-image: url(/img/program/program_premier.jpg);}
.program_scotland a:hover {  background-image: url(/img/program/program_scotland.jpg);}
.program_leagueun a:hover {  background-image: url(/img/program/program_leagueun.jpg);}


.program_j1j2 .ProgramList p {
  text-align: center;
}