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

/*========================================================
  0: TOP FLASH
  1: NEWS HEAD LINE
  2: TOP：コンテンツBOX
  3: ONAIR BOX
========================================================*/


/*
===== 0: TOP FLASH ====================================
*/

#mainVisual {
  margin: 0 auto;
  width: 900px;
  height: 400px;
  background: url(/img/top/campaign.jpg) no-repeat;
  background-color:#000;
}

/*
===== 1: NEWS HEAD LINE ====================================
*/

#mainNews {
  text-align: center;
  margin: 0 0 25px 0;
}

#newsReader {
  position: relative;
  width: 520px;
  height: 35px;
  margin: 0 auto 0 auto;
  padding: 29px 0 0 0;
  background: url(/img/top/newsheadline.gif)
              no-repeat;
  background-color: #000000;
}

/*RSS INFORMATION iframe set*/
#rssInformation{
  border: 0;
  width: 455px;
  height: 24px;
  margin: 0 0 0 15px;
  padding: 0;
  background: url(/img/top/rss_info_bg.gif)
              no-repeat;
}

/* RSS ICON POSITION */
#rssfeed {
  position: absolute;
  top: 33px;
  left: 485px;
}

/* STAFF DIARY */

#rssStaffDiary{
  margin: 0 0 0 0;
  padding: 0;
  width: 130px;
  height: 15px;
  background: url(/img/top/rss_staff_bg.gif)
              no-repeat;
}

.staffrssfeed {
  margin: -6px 0 0 0;
  padding: 0;
}

/*
===== 2: TOP-コンテンツBOX ====================================
*/

#contentsBox {
  float: left;
  width: 700px;
}

/*
===== 3: ONAIR BOX =========================================
*/

#onair {
  border-right: solid 1px #0099ff;
  border-bottom: solid 2px #0099ff;
  border-left: solid 1px #0099ff;
  margin: 0 0 20px 0;
  background-color: #1D1D1D;
}

#onair p {
  line-height: 1.3;
}

#onair .onairTitle {
  margin: 5px 5px 0 5px;
  font-size: 90%;
  font-weight: bold;
  color: #467DFF;
}

#onair .onairDescription{
  margin: 5px;
}

#onair .onairDescription a{
  text-decoration: none;
}

#onair .onairNext {
  margin: 5px;
  text-align: right;
}

/* Now ONAIR タブ設定 */

#tab {
  margin: 0;
  padding: 0;
  width: 178px;
  height: 30px;
  overflow: hidden;
  background-color:#1D1D1D;
  border: 1px solid #80AAFF;
  border-bottom: 1px solid #0099ff;
}

#tab li {
  float: left;
  width: 178px;
  height: 30px;
  line-height: 2.3;
  text-decoration: none;
	text-align: center;
  background: url(/img/top/tab1new.jpg) no-repeat;
}

#tab li a {
  display: block;
  width: 89px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  background: url(/img/top/tab2.jpg) no-repeat;
}

#tab li a:hover {
  text-decoration: underline;
  color: #000;
}

#tab li.present a {
  background: url(/img/top/tab1.jpg) no-repeat;
  color: #fff;
}

.tab_text{
  font-size: 12px;
  color: #fff;
  padding: 0 0 0 10px;
}

.present .tab_text{
  color: #333;
}

/*旧タブ
#tab {
  margin: 0;
  padding: 0;
  width: 178px;
  height: 30px;
  overflow: hidden;
  background-color:#1D1D1D;
  border: 1px solid #80AAFF;
  border-bottom: 1px solid #0099ff;
}

#tab li {
  float: left;
  width: 89px;
  height: 30px;
  line-height: 2.3;
  text-decoration: none;
}

#tab li a {
  display: block;
  width: 89px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  background: url(/img/top/tab2.jpg) no-repeat;
}

#tab li a:hover {
  text-decoration: underline;
  color: #000;
}

#tab li.present a {
  background: url(/img/top/tab1.jpg) no-repeat;
  color: #fff;
}

.tab_text{
  font-size: 12px;
  color: #fff;
  padding: 0 0 0 10px;
}

.tab_text_2{
  color: #ccc;
}


.present .tab_text{
  color: #333;
}
*/

/* 韓流・イケメン 090731追加 */
/* J'mensとして修正 091009追加 */


div#contentJmens {
	background: #1D1D1D;
	border: solid 1px #0099FF;
	padding-left: 1px;
	margin-bottom: 15px;
}

div#fBlog {
	background: url(/img/top/funakoshi.jpg) no-repeat;
	display: block;
	height: 150px;
	width: 180px;
	margin-bottom: 15px;
	position: relative;
}

div#fBlog ul {
	position: absolute;
}

div#fBlog ul li a{
	height: 32px;
	width: 180px;
	display: block;
	text-indent: -9999px;
	outline: medium none;
}

div#fBlog ul li#blogYuzo a {
	height: 86px;
	width: 180px;
}

div#fBlog ul li#blogPreview a:hover {
	background:  url(/img/top/fb_preview_over.jpg) no-repeat center center;
}

div#fBlog ul li#blogBestgoal a:hover {
	background: url(/img/top/fb_bestgoal_over.jpg) no-repeat center center;
}

div#bBlog {
	display: block;
	height: 100px;
	width: 176px;
	margin-bottom: 15px;
	position: relative;
}

div#bBlog a{
	height: 100px;
	width: 176px;
	display: block;
	outline: medium none;
	border: 2px solid #666666;
}

div#bBlog a:visited {
	border: 2px solid #666666;
	display: block;
}

div#bBlog a:hover {
  border: 2px solid #2185C6;
}

div#bBlog2 {
	background: url(/img/top/bblog_2.jpg) no-repeat top center ;
	display: block;
	height: 145px;
	width: 180px;
	margin-bottom: 15px;
	position: relative;
}

div#bBlog2 a{
	width: 176px;
	outline: medium none;
	text-align: left;
	text-indent: -9999px;
	display: block;
	border: 2px solid #666666;
}

div#bBlog2 a:visited {
	border: 2px solid #666666;
	display: block;
}

div#bBlog2 a:hover {
  border: 2px solid #2185C6;
}

div#bBlog2 li#blogBauru a {
	height: 100px;
}

div#bBlog2 li#photoGallery a {
	height: 39px;
	background: url(/img/top/bblog_photo.jpg) no-repeat bottom center;
}

div#bBlog2 li#photoGallery a:hover {
	background: url(/img/top/bblog_photo_over.jpg) no-repeat bottom center;
}

div#contentJmens p.ssh {
	padding: 5px;
}

div#contentJmens p.ssh a {
	font-weight: bold;
	text-decoration: underline #0099FF;
}

div#contentJmens p.textSpace {
	color: #CCCCCC;
	font-size: 90%;
	padding: 0px 5px 5px 5px;
}

div#contentJmens p.textSpace a {
	color: #CCCCCC;
	text-decoration: none;
}

div#contentJmens p.detail {
	text-align: right;
	padding: 3px 0 0 0;
}

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

#other_moviebox li {
  border: 0;
}

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

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

.other_movieInfo li{
  font-size: 10px;
  margin: 0;
  padding: 0;
}

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


.info{
    margin: 0 0 10px 25px;
    text-align: left;
    color: #0099ff;
}

.infoTitle{
    background: url('/img/top/infotitlebar.gif') no-repeat;
}

.infoTitleText{
  float: left;
  display: inline;
  float: left;
  display: inline;
  text-indent: -9999px;
  overflow: hidden;
  text-align: right;
}

.infoTitleLink{
  float: right;
  display: inline;
  margin: 0 10px 0 0;
  text-indent: -9999px;
  overflow: hidden;
}

.infoTitleLink a{
  display: block;
  height: 31px;
  width: 95px;
}

.info ul{
  width: 644px;
  padding:15px 10px 10px 15px;
  text-align: left;
  background-color: #deebff;
}

.info ul li{
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #333;
}

.info ul li a{
  color: #0099ff;
}