@charset "utf-8";
/*========================================================
Site Name   :: ひかりＴＶ SOCCER
Site URL    :: http://soccer.hikaritv.net
Description :: Web限定の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/web/nav_web.gif);
  background-repeat: no-repeat;
}

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

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

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

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

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

/*normal*/
#nav-clubdigest a {  background-position: 0 0; }
#nav-ebet a {  background-position: 0 -21px; }
#nav-ranking a {  background-position: 0 -42px; }
#nav-movie a {  background-position: 0 -63px; }
/*hover*/
#nav-clubdigest a:hover { background-position: -180px 0; }
#nav-ebet a:hover { background-position: -180px -21px; }
#nav-ranking a:hover { background-position: -180px -42px; }
#nav-movie a:hover { background-position: -180px -42px; }

/*here*/
body.clubdigest #nav-clubdigest a { background-position: -180px 0; }
body.ebet #nav-ebet a { background-position: -180px -21px; }
body.ranking #nav-ranking a { background-position: -180px -42px; }
body.movie #nav-movie a { background-position: -180px -42px; }


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

/* ページタイトル */
body.index #contentMain h2 {
  width: 280px;
  height: 24px;
  margin: 0 0 5px 0;
}

body.index #contentMain h2 {background: url(/img/web/index.gif) no-repeat;}

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

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


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


/*サブコンテンツリスト*/
#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;
}


/*=============================================================
Web限定メニュー選択画面
==============================================================*/

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

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

#web #index .contentWebBlock a{
  display: block;
  width: 200px;
  height: 180px;
}

.web_pos,
.web_clubdigest,
.web_ebet,
.web_ranking,
.web_movie,
.web_final5 {
  width: 200px;
  height: 180px;
  text-align: center;
  line-height: 10.0;
  position: relative;
  background-repeat: no-repeat;
}

.web_pos {  background-image: url(/img/web/web_pos.jpg);}
.web_clubdigest {  background-image: url(/img/web/web_clubdigest.jpg);}
.web_ebet {  background-image: url(/img/web/web_ebet.jpg);}
.web_ranking {  background-image: url(/img/web/web_ranking.jpg);}
.web_movie {  background-image: url(/img/web/web_movie.jpg);}
.web_final5 {  background-image: url(/img/web/web_final5.jpg);}

.web_pos a,
.web_clubdigest a,
.web_ebet a,
.web_ranking a,
.web_movie a,
.web_final5 a,
.web_clubdigest a:hover,
.web_ebet a:hover,
.web_ranking a:hover,
.web_movie a:hover,
.web_final5 a:hover {
  width: 200px;
  height: 180px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}

.web_pos a:hover,
.web_clubdigest a:hover,
.web_ebet a:hover,
.web_ranking a:hover,
.web_movie a:hover,
.web_final5 a:hover {
  background-position: -200px 0;
}

.web_pos a {  background-image: url(/img/web/web_pos.jpg);}
.web_clubdigest a {  background-image: url(/img/web/web_clubdigest.jpg);}
.web_ebet a {  background-image: url(/img/web/web_ebet.jpg);}
.web_ranking {  background-image: url(/img/web/web_ranking.jpg);}
.web_movie {  background-image: url(/img/web/web_movie.jpg);}
.web_final5 {  background-image: url(/img/web/web_final5.jpg);}

.web_pos a:hover {  background-image: url(/img/web/web_pos.jpg);}
.web_clubdigest a:hover {  background-image: url(/img/web/web_clubdigest.jpg);}
.web_ebet a:hover {  background-image: url(/img/web/web_ebet.jpg);}
.web_ranking a:hover {  background-image: url(/img/web/web_ranking.jpg);}
.web_movie a:hover {  background-image: url(/img/web/web_movie.jpg);}
.web_final5 a:hover {  background-image: url(/img/web/web_final5.jpg);}