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

/*========================================================
  0: RANKING-構造初期化
  1: PAGE TITLE
  2: RANKING-左メニュー設定
  3: MAIN CONTENT AREA
  4: RANKING-その他共通項目
========================================================*/

/*
===== 0: RANKING-構造初期化 ==========================================
*/

/*サイドメニュー::ランキング用に横幅変更*/
#contentMenu {
  float: left;
  width: 180px;
  margin: 0 0 0 10px;
}

/*サイドメニュー::ランキング用に横幅変更 IE用 */
*html #contentMenu {
  margin: 0 0 0 5px;
}

/*メインコンテンツ領域横幅*/
#contentMain {
  float: right;
  width: 687px;
  margin: 0 10px 0 0;
}

*html #contentMain {
  margin: 0 0 0 6px;
}

/*
===== 1: PAGE TITLE ==========================================
*/

/* ページタイトル */
body.rankigtop #contentBody h2 {
  margin: 0;
}

/* Main Visual */
#mainVisualTop {
  width: 900px;
  height: 455px;
  margin: 0;
}

#mainVisual {
  width: 900px;
  height: 200px;
  margin: 0;
}

/*H3タイトル*/
#contentBody h3 {
  background: url(/web/ranking/img/h3_title.gif) no-repeat;
  border: 0;
  font-size:16px;
  padding: 2px 0 0 0;
  margin: 0 0 10px 0;
}

.h3Title{
  margin: 0 0 0 20px;
  color: #ffff00;
}

.h3SubTitle{
  margin: 0 0 0 60px;
  color: #ffff00;
}

/*サブコンテンツメイン領域枠線*/
#contentBody{
  width: 689px;
  margin: 0;
  padding: 0;
  background-color: #000;
  border: none;
}


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


/*
===== 2: RANKING-左メニュー設定 ==========================================
*/

/* ピックアップランキング＆プレイヤー */
#pickupplayer li a{
  display: block;
  width:180px;
  height:338px;
  background: url(/web/ranking/img/pickup_side.jpg) no-repeat;
}

#pickupplayer li a:hover {
  background: url(/web/ranking/img/pickup_side.jpg) no-repeat;
  background-position: -180px 0;
}


/* J's GOAL インフォメーションエリア */
.jsgoalarea{
  background-color: #FF7300;
  color: #000;
}

.jsgoal_textarea{
  margin: 5px;
  border-bottom: 1px dashed #0098DB;
}

.jsgoal_textarea_last {
  margin: 5px;
}

.jsgoalarea a{
  color:#000;
}


/*RANKING ::メニュー*/
/*RANKING ::メニュー TOP*/
#rankingtabtop{
  background: url(/web/ranking/img/tab_top.jpg) no-repeat;
  width: 204px;
  height: 50px;
  float: left;
  margin: 0 0 20px 0;
}

#rankingtabtop li {
  float: left;
  display: block;
  width: 204px;
  height: 50px;
}

#rankingtabtop a {
  display: block;
  width: 204px;
  height: 50px;
  background: url(/web/ranking/img/tab_top.jpg) no-repeat;
}

#rankingtabtop a {background-position: 0 0;}
#rankingtabtop a:hover {background-position: -204px -50px;}

/*RANKING ::メニュー J1J2*/
#rankingtabJ{
  background: url(/web/ranking/img/tab.jpg) no-repeat;
  width: 696px;
  height: 50px;
  float: left;
  margin: 0 0 20px 0;
}

#rankingtabJ li {
  float: left;
  display: block;
  width: 348px;
  height: 50px;
}

#rankingtabJ a {
  display: block;
  width: 348px;
  height: 50px;
  background: url(/web/ranking/img/tab.jpg) no-repeat;
}

#rankingJ1 a {background-position: 0 0;}
#rankingJ2 a {background-position: -348px 0;}

.ranking_j1 #rankingJ1 a,
#rankingJ1 a:hover {background-position: 0 -50px;}
.ranking_j2 #rankingJ2 a,
#rankingJ2 a:hover {background-position: -348px -50px;}


/*Ranking::メニュー背景*/

.section{
}

#tab_personal,
#tab_team {
  margin: 0;
  padding: 0;
  background-color: #637d4d;
}


#tab_personal li,
#tab_team li {
  margin: 0;
  padding: 3px 0;
}

#tab_personal ul,
#tab_team ul {
  margin: 0;
  padding: 10px 0 0 0;
  background-color: #637d4d;
}

#tab_personal a,
#tab_team a {
  display: block;
  width: 180px;
  margin: 0;
  text-decoration: none;
  color: #fff;
}

#tab_personal li a,
#tab_team li a {
  background-color: #637d4d;
}

/*左メニュー:: 背景ON状態設定*/
body.tgoal #tGoal a,
body.tthroughpass #tThroughpass a,
body.tsetplay #tSetplay a,
body.tpostbar #tPost a,
body.tdribble #tDribble a,
body.tflickon #tFlickon a,
body.tcross #tCross a,
body.tclear #tClear a,
body.ttackle #tTackle a,
body.tblock #tBlock a,
body.tcol #tClearedOfftheline a,
body.tairbattle #tAirfight a,
body.toffside #tOffside a,
body.tthrowfeed #tFeed a,
body.pgoal #pGoal a,
body.pthroughpass #pThroughpass a,
body.plonggoal #pLonggoal a,
body.psetplay #pSetplay a,
body.passist #passist a,
body.pdribble #pDribble a,
body.pflickon #pFlickon a,
body.pcross #pCross a,
body.pclear #pClear a,
body.ptackle #pTackle a,
body.pblock #pBlock a,
body.pairfight #pAirfight a,
body.pcatch #pCatch a,
body.psave #pSave a,
body.phandclear #pHandclear a,
body.pfeed #pFeed a,
#tab_personal li a:hover,
#tab_team li a:hover {
  /*background-color: #3a78dd;*/
  background: url(/web/ranking/img/menu_bg_hover.jpg) no-repeat;
}

/*メニュー内フォント設定*/
.ranking_menu{
  margin: 0 0 0 10px;
  font-size: 14px;
}


/*非公開コンテンツ文字色*/
.ranking_wait{
  color: #333;
}


/* タブヘッダ：：個人orチーム切り替え */
#tab {
  margin: 0;
  padding: 0;
  width: 180px;
  height: 23px;
  overflow: hidden;
}

#tab li {
  float: left;
  width: 90px;
  height: 23px;
  line-height: 2.0;
  text-decoration: none;
  background: url(/web/ranking/img/menu_personal_on.jpg) no-repeat;
}

#tab li a {
  display: block;
  color: #fff;
  width: 90px;
  height: 23px;
  text-align: center;
  text-decoration: none;
  background: url(/web/ranking/img/menu_personal_off.jpg) no-repeat;
}

#tab li a:hover,
#tab li.present a {
  background: url(/web/ranking/img/menu_personal_on.jpg) no-repeat;
  color: #fff;
}


/*
===== 3: RANKING-TOP PAGE AREA ==========================================
*/

#contentBodyInfoImg{
  margin: 0 0 20px 0;
}

#contentBodyInfo{
  margin: 10px 0 20px 0;
}

/* Personal Area */
.rankingBoxPersonalArea{
  width: 680px;
  margin: 0 0 40px 16px;
}

.rankingBoxPersonal{
  float: left;
  margin: 0 17px 10px 0;
}


*html .rankingBoxPersonalArea{
  margin: 0 0 40px 8px;
}

*html .rankingBoxPersonal{
  float: left;
  margin: 0 8px 10px 0;
}

/* Team Area */
.rankingBoxTeamArea{
  width: 660px;
  margin: 0 auto 40px auto;
}

.rankingBoxTeam{
  float: left;
  margin: 0 10px 10px 0;
}

*html .rankingBoxTeam{
  margin: 0 5px 10px 0;
}


/*
===== 4: RANKING ALL PAGE ==========================================
*/

.description{
  font-size:16px;
  font-weight: bold;
  margin: 15px 0 15px 0;
}

.descriptionUl{
  margin: 0;
  height: 50px;
  font-size: 10px;
}

.descriptionRed{
  color: #ffff00;
}

.rankingPlayer{
  margin: 0 0 35px 0;
}

/*
===== 4: RANKING-ピックアップページ ==========================================
*/

.pickupmenu{
  margin: 20px 0 10px 0;
}

/*
===== 4: RANKING-その他共通項目 ==========================================
*/


/* Flash Objectの表示位置 */
object,
embed {
vertical-align: top;
}

/* ページ上部へボタン領域 */
.goTop{
  margin: 50px 0 0 0;
  padding: 0;
}