@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/service/nav_service.gif);
  background-repeat: no-repeat;
}

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

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

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

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

/*サブメニュー項目が増えた際、高さを変更する*/
#contentNavi ul {
  list-style: none;
  height: 168px;
  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/service/nav_service.gif);
}

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

/*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-offseason a:hover { background-position: -180px -63px; }
#nav-uefacl a:hover { background-position: -180px -84px; }
#nav-spirits a:hover { background-position: -180px -105px; }
#nav-jstation a:hover { background-position: -180px -126px; }
#nav-premier a:hover { background-position: -180px -147px; }
#nav-scotland a:hover { background-position: -180px -168px; }

/*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.offseason #nav-offseason a { background-position: -180px -63px; }
body.uefacl #nav-uefacl a { background-position: -180px -84px; }
body.spirits #nav-spirits a { background-position: -180px -105px; }
body.jstation #nav-jstation a { background-position: -180px -126px; }
body.premier #nav-premier a { background-position: -180px -147px; }
body.scotland #nav-scotland a { background-position: -180px -168px; }


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

/* ページタイトル */
body.index #contentMain h2,
body.jstation #contentMain h2,
body.spirits #contentMain h2,
body.jsgoalInterview #contentMain h2,
body.jsgoalClassics #contentMain h2,
body.jsgoalTsukiichi #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.legueun #contentMain h2,
body.j1 #contentMain h2,
body.word #contentMain h2,
/* 090731追加 */
body.koreaIkemen #contentMain h2 {
  width: 384px;
  height: 24px;
  margin: 0 0 5px 0;
}

body.index #contentMain h2 {background: url(/img/service/index.gif) no-repeat;}
body.jstation #contentMain h2 {background: url(/img/service/jstation.gif) no-repeat;}
body.spirits #contentMain h2 {background: url(/img/service/spirits.gif) no-repeat;}
body.jsgoalInterview #contentMain h2,
body.jsgoalClassics #contentMain h2,
body.jsgoalTsukiichi #contentMain h2 {background: url(/img/service/jsgoal.gif) no-repeat;}
body.j2 #contentMain h2 {background: url(/img/service/j2.gif) no-repeat;}
body.soccernews #contentMain h2 {background: url(/img/service/soccernews.gif) no-repeat;}
body.premier #contentMain h2 {background: url(/img/service/premier.gif) no-repeat;}
body.tsukiichi #contentMain h2 {background: url(/img/service/tsukiichi.gif) no-repeat;}
body.uefacl #contentMain h2 {background: url(/img/service/uefacl.gif) no-repeat;}
body.j1j2 #contentMain h2 {background: url(/img/service/j1j2.gif) no-repeat;}
body.scotland #contentMain h2 {background: url(/img/service/scotland.gif) no-repeat;}
body.legueun #contentMain h2 {background: url(/img/service/legueun.gif) no-repeat;}
body.j1 #contentMain h2 {background: url(/img/service/j1.gif) no-repeat;}
body.word #contentMain h2 {background: url(/img/service/word.gif) no-repeat;}
/* 090731追加 */
body.koreaIkemen #contentMain h2 {background: url(../../service/korea_ikemen/images/mh_korea_ikemen.jpg) no-repeat;}

/* Main Visual */
#mainVisual {
  width: 878px;
  height: 300px;
  margin: 20px 0 10px 20px;
  /*border: solid 1px #fff;*/
}


/*H3タイトル*/
#contentBody h3 {
  clear: both;
  min-height: 24px;
  padding: 5px 0 0 35px;
  margin: 30px 0 10px 0;
  background: url(/img/service/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 #333;
  padding: 10px;
  background-color: #000;
}

/*メイン領域内段落設定*/
#contentBody p {
  margin: 0 0 20px 0;
  line-height: 1.8;
  font-size: 14px;
}

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

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

.j1 #contentBody ol,
.j1 #contentBody ol li,
.j2 #contentBody ol,
.j2 #contentBody ol li,
.j1j2 #contentBody ol,
.j1j2 #contentBody ol li,
.uefacl #contentBody ol,
.uefacl #contentBody ol li,
.premier #contentBody ol,
.premier #contentBody ol li,
.scotland #contentBody ol,
.scotland #contentBody ol li,
.legueun #contentBody ol,
.legueun #contentBody ol li {
  margin: 0 0 20px 20px;
}

.j1 #contentBody ol li ul,
.j1 #contentBody ol li ul li,
.j2 #contentBody ol li ul,
.j2 #contentBody ol li ul li,
.j1j2 #contentBody ol li ul,
.j1j2 #contentBody ol li ul li,
.uefacl #contentBody ol li ul,
.uefacl #contentBody ol li ul li,
.premier #contentBody ol li ul,
.premier #contentBody ol li ul li,
.scotland #contentBody ol li ul,
.scotland #contentBody ol li ul li,
.legueun #contentBody ol li ul,
.legueun #contentBody ol li ul li {
  margin: 0 0 0 0;
}



#contentBody ul {
  margin: 0;
  padding: 0;
}

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



/*仮映像写真*/
.img_left_area {
  float:left;
  width: 330px;
  height: 280px;
  margin: 0 0 10px 0;
  padding: 0;
}

.img_center_area{
  text-align: center;
  margin: 0 auto;
}

/*番組表*/
#contentBody .goProgram {
  float:right;
  margin: 5px 0 0 10px;
}


/*プランチャート*/
.img_planchart {
  float:left;
  width: 200px;
  height: 250px;
  margin: 5px 10px 10px 0;
}

/*申込み方法*/
#contentBody .goOrder {
  margin: 5px auto;
  text-align: center;
}

/*=============================================================
サービス紹介::Index
==============================================================*/

/*セクションブロック*/

.sectionBlock{
  border: 3px solid #0099ff;
  margin: 0 0 20px 0;
  background-color: #222;
}

.contentBlock{
  margin: 0;
  padding: 15px 10px 20px 10px;
}

/*サービス紹介：コンテンツ一覧表*/
.index #contentBody table {
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  border-collapse: collapse;
  background-color: #111;
  margin: 0;
}

.index #contentBody caption {
  height: 30px;
  margin: 10px 0 0 0;
  padding: 0;
  display: none;
}

.index #contentBody th {
  text-align: center;
  border-bottom: solid 1px #666;
  border-left: solid 1px #666;
  background-color: #000;
  margin: 0;
  padding: 0;
}

.index #contentBody table td {
  border-bottom: solid 1px #666;
  border-left: solid 1px #666;
  margin:0;
  padding: 10px 5px;
}

#service .tr_bg1{
  background-color: #222;
}

#service .tr_bg2{
  background-color: #333;
}

#service .tr_bg1:hover,
#service .tr_bg2:hover {
  background-color: #000;
}


/*コンテンツ名のみ横幅固定*/
#service .word {
    width: 160px;
    text-align: left;
}

#service .game,
#service .watch{
  width: 60px;
  text-align: center;
}

#service .description{
  
}

#service .pack{
  width: 100px;
}

/*サービス紹介：コンテンツ一覧表*/
#plantable table {
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  border-collapse: collapse;
  background-color: #111;
  margin: 0 0 20px 0;
  font-size: 10px;
  text-align: center;
}

#plantable caption {
  height: 30px;
  margin: 0;
  padding: 0;
}

#plantable th {
  text-align: center;
  border-bottom: solid 1px #666;
  border-left: solid 1px #666;
  background-color: #000;
  margin: 0;
  padding: 0;
}

#plantable table td {
  border-bottom: solid 1px #666;
  border-left: solid 1px #666;
  margin:0;
  padding: 10px 5px;
}

#plantable .tr_bg1{
  background-color: #222;
}

#plantable .tr_bg2{
  background-color: #333;
}

#plantable .tr_bg1:hover,
#plantable .tr_bg2:hover {
  background-color: #222;
}

#campaign{
  width:656px;
  height:469px;
  background: url(/img/service/service_3.jpg) no-repeat;
}

.campaignB{
  background: url(/img/service/service_3.jpg) no-repeat;
  text-align: center;
  padding: 400px 0 0 0;
}


/*=============================================================
月イチ特集
==============================================================*/


#service .contentTsukiichiBlock {
  float:left;
  margin: 7px;
  width: 200px;
  height: 200px;
}

#service #contentTsukiichiBlock {
    background: url(/img/program/program_aria_bg.gif)
                repeat-y;
    border: solid 2px #666;
    padding: 1em 8px;
}

#service #contentTsukiichiBlock li{
  float: left;
  width: 200px;
  height: 180px;
  display: inline;
  margin: 5px;
}

#service #index .contentTsukiichiBlock a{
  display: block;
  width: 200px;
  height: 180px;
}


/*=============================================================
サッカー動画用語集
==============================================================*/

.service_interview,
.service_classics,
.service_tsukiichi,
.service_jleague_box,
.service_avispatv,
.service_word,
.service_magazine,
.service_soccerjack {
  width: 200px;
  height: 180px;
  text-align: center;
  line-height: 10.0;
  position: relative;
  background-repeat: no-repeat;
}

.service_word {  background-image: url(/img/service/service_word.jpg);}
.service_magazine {  background-image: url(/img/service/service_magazine.jpg);}
.service_soccerjack {  background-image: url(/img/service/service_soccerjack.jpg);}
.service_interview {  background-image: url(/img/service/jsgoal/interview.jpg);}
.service_classics {  background-image: url(/img/service/jsgoal/classics.jpg);}
.service_tsukiichi {  background-image: url(/img/service/jsgoal/tsukiichi.jpg);}
.service_jleague_box {  background-image: url(/img/service/jsgoal/jleague_box.jpg);}
.service_avispatv {  background-image: url(/img/service/jsgoal/avispatv.jpg);}



.service_interview a,
.service_classics a,
.service_tsukiichi a,
.service_jleague_box a,
.service_avispatv a,
.service_word a,
.service_magazine a,
.service_soccerjack a,
.service_word a:hover,
.service_magazine a:hover,
.service_soccerjack a:hover {
  width: 200px;
  height: 180px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}


.service_interview a:hover,
.service_classics a:hover,
.service_tsukiichi a:hover,
.service_jleague_box a:hover,
.service_avispatv a:hover,
.service_word a:hover,
.service_magazine a:hover,
.service_soccerjack a:hover {
  background-position: -200px 0;
}

.service_word a {  background-image: url(/img/service/service_word.jpg);}
.service_magazine a {  background-image: url(/img/service/service_magazine.jpg);}
.service_soccerjack {  background-image: url(/img/service/service_soccerjack.jpg);}
.service_interview a {  background-image: url(/img/service/jsgoal/interview.jpg);}
.service_classics a {  background-image: url(/img/service/jsgoal/classics.jpg);}
.service_tsukiichi a {  background-image: url(/img/service/jsgoal/tsukiichi.jpg);}
.service_jleague_box a {  background-image: url(/img/service/jsgoal/jleague_box.jpg);}
.service_avispatv a {  background-image: url(/img/service/jsgoal/avispatv.jpg);}

.service_word a:hover {  background-image: url(/img/service/service_word.jpg);}
.service_magazine a:hover {  background-image: url(/img/service/service_magazine.jpg);}
.service_soccerjack a:hover {  background-image: url(/img/service/service_soccerjack.jpg);}
.service_interview a:hover {  background-image: url(/img/service/jsgoal/interview.jpg);}
.service_classics a:hover {  background-image: url(/img/service/jsgoal/classics.jpg);}
.service_tsukiichi a:hover {  background-image: url(/img/service/jsgoal/tsukiichi.jpg);}
.service_jleague_box a:hover {  background-image: url(/img/service/jsgoal/jleague_box.jpg);}
.service_avispatv a:hover {  background-image: url(/img/service/jsgoal/avispatv.jpg);}

/*=============================================================
Jステーション
==============================================================*/

#movieBoxArea{
  width: 659px;
  margin: 0 0 20px 0;
}

#movieArea{
  float: left;
  width: 370px;
}

#infoArea {
  float: left;
  display:inline;
}

#infoArea table {
  width:285px;
  border-collapse: collapse;
  border-top: solid 1px #666;
  border-left: solid 1px #666;
  border-right: solid 1px #666;
  margin: 0 0 15px 0;
  
}

#infoArea td {
  padding: 5px;
  border-bottom: solid 1px #666;
  font-size: 12px;
  background-color: transparent;
}

.service_logo {
  width: 20px;
  min-height: 80px;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

#infoArea ul,
#infoArea li{
  margin: 0;
  padding: 0;
  font-size: 12px;
}

#infoArea .ulbox{
  margin: 0 0 10px 0;
}

.weekMenu{
  margin: 5px 0 5px 0;
  min-height: 16px;
  background: url(/img/service/jstation/menu.gif)
              no-repeat;
  padding: 0 0 0 20px;
  font-weight: bold;
}

.menuTitle{
  border-bottom: 1px #ccc dashed;
}

.movieInfo{
  width: 334px;
  padding: 5px 0 5px 25px;
  min-height: 16px;
  margin: 0 0 0 0;
  background: url(/img/service/jstation/info.gif)
              no-repeat;
  background-position: 5px center;
  border: solid 1px #666;
  font-size: 10px;
}

.movienowPlay{
  width: 334px;
  padding: 5px 0 5px 25px;
  min-height: 16px;
  margin: 0 0 0 0;
  background: url(/img/service/jstation/nowplay.gif)
              no-repeat;
  background-position: 5px center;
  border: solid 1px #666;
  font-size: 10px;
}

.moviePlay{
  text-align: center;
  margin: 10px 0 10px 0;
}


/*Other MOVIE BOX AREA*/
#other_moviebox{
  width: 285px;
  height: 180px;
  border: 1px solid #666;
  overflow: auto;
}

#other_movieboxTitle{
  width: 250px;
}

.other_movieList{
  width: 250px;
  min-height: 60px;
  margin: 10px 5px 0 5px;
  padding: 0 0 5px 0;
  border-bottom: solid 1px #333;
  zoom:1;
}

.other_movieList:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html .other_movieList{
	display:inline-table;
	/*\*/display:block;/**/
}

.other_movieImg{
  width: 60px;
  float: left;
}

.other_movieInfo{
  width: 190px;
  float: left;
}

#other_movieboxTitle{
  padding: 0 0 0 25px;
  background: url(/img/service/common/video.gif)
              no-repeat;
  background-position: 0 1px;
}

#videoPlayer{
  margin-bottom: 20px;
}

.text_right{
  text-align: right;
}

.ryoukin{
  border: 1px solid #666;
  background-color: #222;
  text-align: center;
  margin: 10px 0;
  padding: 5px;
}

.sectionTitle{
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #333;
  margin: 0 0 5px 0;
  color: #D5A335;
}

.contentBlock ul.importantPoint li{
	padding: 1px 15px;
}

span.attention {
	color:#FF0000 !important;
	text-align: left;
	font-size: 80%;
	text-decoration: none;
}

div#jsgoaltab {
	margin: 0 0 0 -8px;
}