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

/*ソート（カテゴリ）領域*/
#sortArea{
  margin: 0;
  width: 50%;
}

.sortBlock{
  display:inline;
  float: left;
  margin: 0 20px 0 0;
}

/*ビデオ数領域*/

#pagenavihead{
  border-bottom: 1px solid #666;
  padding: 0 0 10px 0;
}

.categoryForm{
  display:inline;
  float: left;
  width: 40%;
}

.j1 .categoryForm,
.j2 .categoryForm{
  display:inline;
  float: left;
  width: 60%;
}


.videoCount{
  display:inline;
  float: right;
  width: 60%;
  text-align: right;
}

.j1 .videoCount,
.j2 .videoCount{
  display:inline;
  float: right;
  width: 40%;
  text-align: right;
}


/*Jステ&スピリッツ*/
.videoCounts{
  margin: 0 0 20px 0;
  border-bottom: 1px solid #666;
  text-align: right;
}

/*ビデオがない場合*/
#novideo{
  margin: 50px 0;
  text-align: center;
}

#contentBody{
  margin: 10px 0 0 0;
  background: url(/img/program/program_aria_bg_long.gif) repeat-y;
}

#program_Box{
  width: 650px;
  margin: 0 auto;
  padding: 0;
}

.program_block{
  width: 650px;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #666;
}

/*左ブロック*/
.program_img {
  float: left;
  width: 204px;
  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
}

/*画像背景*/
.imgbox{
  width: 190px;
  height: 106px;
  background: url(/img/program/hikaritv.gif) no-repeat;
  margin: 0 0 5px 0;
  border: 2px solid #666;
}

/*右ブロック*/
.program_info{
  float: left;
  display: inline;
  width: 440px;
}

/*ビデオ番号＆ビデオタイトル囲い*/
.program_title{
  font-size: 16px;
  margin: 0 0 5px 0;
  border: 2px solid #666;
  background-color: #333;
}

/*ビデオ番号*/
.number{
  float: left;
  display: inline;
  width: 55px;
  text-align: center;
  color: #fff;
  padding: 0 10px 0 10px;
}

/*番組タイトル*/
.program_name{
  float: left;
  display: inline;
  width: 351px;
  padding: 0 0 0 10px;
  color: #000;
  background-color: #eee;
}

/*番組タイトル*/
.program_name_archive {
  float: left;
  display: inline;
  width: 426px;
  padding: 0 0 0 10px;
  color: #000;
  background-color: #eee;
}

/*ナビゲーター＆ゲスト*/
.program_meta{
  margin: 0 0 5px 0;
  color: #eee;
}

/*スタジアム*/
.stagiam{
  background:url(/img/program/stagiam.gif) no-repeat;
  background-position: center left;
  padding: 0 0 0 25px;
  margin: 0 10px 0 0;
}

/*ナビゲーター*/
.navigate{
  background:url(/img/program/user.gif) no-repeat;
  padding: 0 0 0 20px;
  margin: 0 10px 0 0;
  font-weight: bold;
}

/*ゲスト*/
.gest{
  background:url(/img/program/group.gif) no-repeat;
  padding: 0 0 0 20px;
  margin: 0 10px 0 0;
  font-weight: bold;
}

/*CH*/
.program_ch{
  background:url(/img/program/video.gif) no-repeat;
  padding: 3px 0 0 20px;
  margin: 0 10px 0 0;
  font-weight: bold;
  font-size: 12px;
  color: #ff0;
}

/*放送時間*/
.program_time{
  background:url(/img/program/time.gif) no-repeat;
  padding: 1px 0 0 20px;
  margin: 0 10px 0 0;
  font-weight: bold;
  font-size: 12px;
  color: #009fe4;
}

/*解説文*/
.program_description{
  margin: 0 0 5px 0;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  background-color: #222;
  padding: 5px;
  color: #ccc;
}

.period{
  font-size: 10px;
  color: #ccc;
}


/*=====================================================
ページ送り
======================================================*/

#pagenavihead noscript{
  margin: 0;
  padding: 5px;
  clear: left;
	float: left;
  text-align: left;
}

.pagenavi .pagenaviBlock {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}

.pagenavi ul li{
  float: left;
  border: 1px solid #333;
  margin: 0.3em 0.5em 0.3em 0;
}

.pagenavi ul li a,
.pagenavi ul li span {
  display: block;
  width: 1.8em;
  background-color: #333;
  border: 1px solid #000;
  text-decoration: none;
  padding: 2px 0;
  text-align: center;
  color: #fff;
}

.pagenavi ul li span {
  color: #ff0;
}

.pagenavi ul .pageBack,
.pagenavi ul .pageBack a{
  text-align: left;
}
.pagenavi ul .pageGo,
.pagenavi ul .pageGo a{
  text-align: left;
}

.pagenavi ul .pageBack a,
.pagenavi ul .pageGo a{
  width: 28px;
  color: #0099ff;
  border: none;
  background-color: transparent;
}

.pagenavi ul .pageBack,
.pagenavi ul .pageGo{
  width: 28px;
  color: #666;
  border: none;
  background-color: transparent;
}

.pagenavi ul{
    width: auto;
}

.pagenavi{
  width: auto;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: center;
  position: relative;
}