@charset "utf-8";
/*========================================================
Site Name   :: ひかりＴＶ SOCCER
Site URL    :: http://soccer.hikaritv.net
Description :: サービス紹介のCSS
Author      :: by ひかりＴＶ SOCCER - N.j.U
Last Up Date:: 2009-08-28
========================================================*/

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


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

/*サブコンテンツメイン領域枠線*/
#contentBody{
  margin: -22px 0 0 0;
  border: solid 1px #666666;
  padding: 10px;
  background-color: transparent;
  position: relative;
  z-index: 20;
}

#jsgoaltab{
  background: url(/img/service/jsgoal/tab.jpg) no-repeat;
  width: 677px;
  height: 157px;
}

#jsgoaltab li {
  float: left;
  display: block;
  width: 225px;
  height: 157px;
}

#jsgoaltab a {
  display: block;
  width: 225px;
  height: 157px;
  background: url(/img/service/jsgoal/tab.jpg) no-repeat;
}

#interview a { background-position: 0 0;}
#classics a {background-position: -225px 0;}
#jsgoaltsukiichi a {background-position: -450px 0;}

#interview a:hover { background-position: 0 -157px;}
#classics a:hover {background-position: -225px -157px;}
#jsgoaltsukiichi a:hover {background-position: -450px -157px;}

.jsgoalInterview #interview a { background-position: 0 -157px;}
.jsgoalClassics #classics a {background-position: -225px -157px;}
.jsgoalTsukiichi #jsgoaltsukiichi a {background-position: -450px -157px;}

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

#other_movieboxTitle{
  width: 340px;
  margin: 20px 0 0 0;
}

.other_movieList{
  width: 330px;
  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: 270px;
  float: left;
}

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

#videoPlayer{
	clear: both;
  margin-bottom: 20px;
}

.font_right{
  width: 360px;
}

.subCon{
  padding: 10px 10px 0 10px;
  border: solid #666 1px;
  background-color: #222;
  margin: 0 0 10px 0;
}

#openlist_1_block li{
  margin: 0 0 10px 0;
}

#movieArea p {
	clear: both;
	margin: 0 0 10px 0;
}

/*
===== 3: JBOX ==========================================
*/

#service #container #main #contentMain #contentBody #movieBoxArea h3.jbox_cornertitle {
	font-size: 24px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	background: url(../../service/tsukiichi/jsgoal/img/jbox/h_limited.gif) no-repeat left top;
	height: 26px;
	margin: 0px 0px 5px 0px;
	background-repeat: no-repeat;
	background-position: right;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 24px;
	}

div#infoArea {
	float: right;
	width: 285px;
}

div#infoArea dl.limitedMovieList {
	border: solid 1px #666666;
}

div#infoArea dl.limitedMovieList dt {
	clear: both;
	background: #222222;
	border-bottom: solid 1px #666666;
	padding: 5px;
}

div#infoArea dl.limitedMovieList dt.h_Jleguebox {
	border-top: solid 1px #666666;
}

div#infoArea dl.limitedMovieList dd {
	padding: 5px;
}

div#infoArea dl.limitedMovieList dd ul {
	clear: both;
}

div#infoArea dl.limitedMovieList dd ul li {
	margin-bottom: 6px;
	/* clearfixあり */
}

div#infoArea dl.limitedMovieList dd ul li img.imgFloat {
	border: solid 1px #FFF;
	float: left;
}

div#infoArea dl.limitedMovieList dd ul li p {
	font-size: 80%;
	float: right;
	margin-bottom: 0;
	width: 185px;
}

div#infoArea dl.limitedMovieList dd ul li p span {
	font-weight: bold;
}

/* プレゼントlink */

div#infoArea dl.limitedMovieList dd div.giftCorner {
	background: #222222;
	clear: both;
	padding: 5px;
	margin-bottom: 5px;
}

div#infoArea dl.limitedMovieList dd div.giftCorner a {
	color: #0099FF;
}

div#infoArea dl.limitedMovieList dd div.giftCorner a:hover {
	color: #FF0033;
}

div#infoArea dl.limitedMovieList dd div.giftCorner p {
	font-size: 80%;
	margin-bottom: 0;
}

/*
===== 2: TABLE ==========================================
*/

table.listTable td,
table.listTable2 td {
	padding: 3px;
}

table.listTable td img {
	padding-right: 5px;
}

table.listTable2 td {
	vertical-align: top;
}

table.listTable2 td.jbox_table_td06 {
	vertical-align: middle;
}

table.listTable2 td img {
	float: left;
	margin-right: 5px;
}

table.listTable2 td.jbox_table_td04 {
	font-size: 80%;
}

.jbox_table_td01 {
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-left-color: #666666;
}
.jbox_table_td02 {
	padding: 3px;
	border: 1px solid #666666;

}
.jbox_table_td03 {
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
}
.jbox_table_td04 {
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	background-color: #444444;
}
.jbox_table_td05 {
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	background-color: #222222;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.jbox_table_td06 {
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	}
.jbox_smallfont {
	font-size:11px;
}

/* clearfix */

div#infoArea dl.limitedMovieList dd ul li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#infoArea dl.limitedMovieList dd ul li {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div#infoArea dl.limitedMovieList dd ul li {
	height: 1%;
}
div#infoArea dl.limitedMovieList dd ul li {
	display: block;
}

/* End hide from IE-mac */


table{ border-collapse: collapse; }
th,td{ padding: 0; font-weight: normal; }

table.listTable2 {
	border-spacing: 0;
	width: 660px;
}

table.listTable2 th,
table.listTable2 td {
	border: solid 1px #666666;
	padding: 3px;
}


table.listTable2 tr.headTh th {
	border: solid 1px #666666;
	text-align: center;
}

table.listTable2 tr.stripeColor td {
	background: #444444;
	font-size: 80%;
}

table.listTable2 tr.stripeColor td.bgColor {
	background: #000000;
}

table.listTable2 td.tdMonth,
table.listTable2 th.thYear {
	width: 42px;
	text-align: center;
	vertical-align: middle;
}
	
table.listTable2 .tdWidth {
	width: 231px;
}

table.listTable2 .tdWidth2 {
	width: 111px;
	vertical-align: middle;
}

.ulbox img {
	padding-left: 45px;
}