/*====================================================*/

/*【01index.css : トップページ】*/

/*====================================================*/
#index {}

/*====================================================*/
/* トップエリア */
/*====================================================*/
#index #top_area {
 padding-top: 10px;
 margin-bottom: 10px;
 height: 255px;
 clear: both;
 position: relative;
 background: url("../images/hnavi_bg_index.gif") top left no-repeat;
 overflow: hidden;
}

/* == トップニュース Flash ===== */
#index #top_area #top_news {
width: 470px;
height: 255px;
position: absolute;
top: 10px;
left: 165px;
}

/* == 左カラム ===== */
#index #top_area .top_left {
width: 150px;
height: 255px;
position: absolute;
top: 20px;
left: 5px;
}

/* == モバイルサイト バナー == */
#index #mobile_bn {
width: 150px;
height:130px;
 margin-bottom: 10px;
}


/* == 最新の試合情報 == */
#index #last_match {
}
#index #last_match dt {
}

#index #last_match dd {
 height: 84px;
 border: 1px solid #999;
 border-top: 0;
 display: block;
 overflow: hidden;
}

/* リンク ポインタ補正 */
/* IE6 */
* html #index #countdown span,
* html #index #countdown img,
* html #index #scoreboard span,
* html #index #scoreboard img {
 cursor: pointer;
}
/* IE7 */
*:first-child+html #index #countdown span,
*:first-child+html #index #countdown img,
*:first-child+html #index #scoreboard span,
*:first-child+html #index #scoreboard img {
 cursor: pointer;
}



/* == カウントダウン ==*/
#index #last_match #countdown {
 position: relative;
}
#index #last_match #countdown a {
 color: #333;
 text-decoration: none;
 display: block;
 width: 148px;
 height: 84px;
}
#index #last_match #countdown span {
 display: block;
}

/* 日付・会場 */
#index #countdown .day_sta {
 height: 18px;
 width: 140px;
 text-align: center;
 padding-top: 3px;
 margin: 0px 4px 2px 4px;
}

/* 対戦チーム */
#index #countdown .team {
 width: 50px;
 height: 58px;
 position: absolute;
 top: 21px;
 left: 0px;
 vertical-align: bottom;
 text-align: center;
 font-weight: bold;
}
/* チーム名とエンブレムの間隔補正 */
#index #countdown .team img {
 padding-top: 2px;
} 

/* カウントダウン タイマー */
#index #countdown .timer {
 width: 95px;
 height: 58px;
 position: absolute;
 top: 21px;
 left: 50px;
 text-align: center;
}
/* 〜日と */
#index #countdown .timer .day {
 padding: 0px 1px;
}
/* 〜時間 */
#index #countdown .timer .hour {
 padding-left: 1px;
}
/* 曜日 */
#index #countdown .timer .lastmatch_day {
 padding: 8px 0px 0px 4px;
 vertical-align:top;
}
/* キックオフ */
#index #last_match #countdown .timer span.kickoff {
 display: inline;
}


/* 見出し */
#index #countdown .timer .count_h {
 display: block;
 padding-bottom: 11px;
}
/* 見出し:次回予告 */
#index  #countdown .timer .nextmatch_h {
 display: block;
 padding-bottom: 4px;
}


/* 数字と日本語のベースライン調整 */
#index  #countdown .timer img {
 padding-bottom: 2px;
 vertical-align:bottom;
}

/* == スコアボード == */
#index #last_match #scoreboard {
 position: relative;
}
#index #last_match #scoreboard a {
 color: #333;
 text-decoration: none;
 display: block;
 width: 148px;
 height: 84px;
 /*★*/z-index:9999;
}
#index #last_match #scoreboard  span {
 display: block;
}

/* 日付・会場 */
#index #scoreboard .day_sta {
 width: 140px;
 height: 18px;
 text-align: center;
 background: url("../images/line_dotted2px_gray.gif") bottom repeat-x;
 padding-top: 3px;
 margin: 0px 4px 2px 4px;
}

/* 試合ステータス */
#index #scoreboard .status {
 width: 50px;
 height: 35px;
 position: absolute;
 top: 40px;
 left: 48px;
 text-align: center;
 background:#1961ae;
}
#index #scoreboard .status .time {
 color: #fff;
 padding-top: 3px;
 text-align: center;
}

/* ホーム側 */
#index #scoreboard .home {
 width: 50px;
 height: 57px;
 position: absolute;
 top: 21px;
 left: 0px;
 text-align: center;
}

/* アウェイ側 */
#index #scoreboard .away {
 width: 50px;
 height: 57px;
 position: absolute;
 top: 21px;
 right: 0px;
 text-align: center;
} 
/* スコア位置補正 */
#index #scoreboard .home, 
#index #scoreboard .away {
 height: 53px;
 padding-top: 5px;
 font-weight: bold;
}
#index #scoreboard .home img, 
#index #scoreboard .away img {
 padding-top: 6px;
}


/* == 右カラム ===== */
#index #top_area .top_right {
width: 150px;
height: 255px;
position: absolute;
top: 10px;
right: 5px;
}


/*====================================================*/
/* メイン部分 */
/*====================================================*/
/* == メイン部分 レイアウト補正 ===== */
#index #main_column2 {
 width: 640px;
 padding: 0;
 margin: 0;
 float: left;
}

#index #main_column3 {
 width: 480px;
 padding: 0;
 margin: 0;
 float: right;
}

#index #left_column,
#index #right_column {
 width: 150px;
 padding: 0px 5px;
}

/*====================================================*/
/* == 中央カラム ========== */

/* == フォトギャラリー ===== */
#photo {
 height: 65px;
 clear: both; 
 background: #050630;
 display: none;
 margin-bottom: 10px;
}

/* == エリア左右端 == */
#photo .area_edge_left ,
#photo .area_edge_right {
 height: 65px;
 width: 5px;
 overflow: hidden;
}
#photo .area_edge_left img ,
#photo .area_edge_right img {
 display: block; 
 vertical-align: top;
}
#photo .area_edge_left {
 float: left;
}
#photo .area_edge_right {
 float: right;
}
/* == エリア == */
#photo .area {
 width: 770px;
 height: 65px;
 float: left;
}

/* == 見出し == */
#photo .header {
 height: 20px;
 background: url("../images/photo/header_line.gif") right repeat-x;
}


/* == スクロールボタン == */
#photo .left_btn_area , 
#photo .right_btn_area {
  height: 40px;
 width: 10px;
 overflow: hidden;
}
#photo .left_btn_area img ,
#photo .right_btn_area img {
 display: block; 
 vertical-align: top;
}
#photo .left_btn_area {
 padding-right: 11px;
 float: left;
}
#photo .right_btn_area {
 padding-left: 0px;
 float: right;
}

/* == ギャラリーエリア == */
#photo #gallery {
 float: left;
 width: 731px;
 height: 40px;
 overflow: hidden;
 position: relative;
}

/* == ギャラリー == */
#photo #gallery #galleryInner {
 height: 40px;
 text-align: left;
 position: absolute;
 top: 0;
 left: 0;
 width: 1%;
}
#photo #gallery #galleryInner a {
 width: 40px;
 display :block;
 vertical-align: middle;
}


#photo table, 
#photo #galleryInner tr ,
#photo #galleryInner td {
 border:0;
 padding: 0;
 margin: 0;
}


#photo #galleryInner td {
 width: 40px;
 height: 40px;
 background:#222 url("../images/photo/thumb_loading.gif") center no-repeat;
 text-align: center;
 vertical-align: middle;
 border-right: 3px solid #050630;
}


/* == index 補正 ===== */
#index #photo {
 width: 470px;
 margin: 0px 0px 10px 5px;
}
#index #photo .area {
 width: 460px;
}
#index #photo #gallery {
 width: 430px;
}
#index #photo .left_btn_area {
 padding-right: 6px;
 float: left;
}


/* == トピックバナーエリア ===== */
#index #topic {
 width: 480px;
 padding-bottom: 5px;
}
#index #topic li {
 padding: 0px 5px 5px 5px;
 float: left;
}

/*== 最新ニュース ===== */
#index #news {
 width: 470px;
 margin: 0px 5px 10px 5px;
 clear:both;
}
#index #news dt {
 position: relative;
}
/* RSS */
#index #news dt .rss {
 position: absolute;
 top: 3px;
 right: 50px;
 font-size: 1px;
}

#index #news dd{
 width: 468px;
 padding: 0px;
 border: 1px solid #999;
 border-top: 0;
}



/* == 最新ニュースPick up == */
#index #news #newsPickup { 
 clear: both;
 border-bottom: 2px solid #efefef;
 /*padding: 4px 0px;*/
}
#index #news #newsPickup .unit { 
	width: 468px;
	padding-bottom: 1px;
	background: url("../images/line_dotted1px_gray.gif") bottom repeat-x;
}
#index #news #newsPickup .unit dt,
#index #news #newsPickup .unit dd {
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	display: block;
}
#index #news #newsPickup .unit dt {
	padding: 5px 4px 2px 9px;
	background: #efefef url("../images/index/title_bg.jpg") top no-repeat;
}
#index #news #newsPickup .unit dt .date {
 color: #38669a;
 font-weight: bold;
 white-space: nowrap;
 padding-right: 0.5em;
 float: left;
 /*width: 300px;
 display: block;*/
}
#index #news #newsPickup .unit dt .date img {
	display: inline;
}
#index #news #newsPickup .unit dt .category {
 float: right;
/* width: 100px;
  display: block;*/
  text-align: right;
}
#index #news #newsPickup .unit dt .category img {
	display: inline;
	/*text-align: right;*/
}

#index #news #newsPickup .unit dt .title {
	display: block;
	font-weight: bold;
	padding-top: 0px;
	clear: both;
	
}


#index #news #newsPickup .unit dd {
	clear: both;
	padding: 6px 0px 5px 9px;
	float: left;
	width: 390px;
	display: block;
	line-height: 1.4em;
}
* html #index #news #newsPickup .unit dd {	/* IE6 */
	padding-bottom: 6px;
}
*:first-child+html #index #news #newsPickup .unit dd {	/* IE7 */
	padding-bottom: 6px;
}


#index #news #newsPickup .unit .more {
	padding: 12px 9px 9px 0px;
	float: right;
	width: 50px;
}


/* == ニュース一覧 == */
#index #news #listing { 
 clear: both;
 padding: 0px 9px 9px 9px;
}



/*== 最新ブログ記事 ===== */
#index #newblog {
 width: 470px;
 margin: 0px 5px 10px 5px;
 clear: both;
}
#index #newblog dt {
}
#index #newblog dd {
 width: 468px;
 padding: 0px;
 margin: 0;
 border: 1px solid #999;
 border-top: 0;
}

/* == 最新ブログ == */
#newblog .blogLastest { 
 clear: both;
 background: url("../images/line_dotted1px_gray.gif") bottom repeat-x;
 border-bottom: 2px solid #efefef;
 width: 468px;
 display: block;
 margin: 0;
 padding: 0;
 padding-bottom: 2px;
 overflow: hidden;
}

#index #newblog .blogLastest dl {
 padding: 0px;
 margin: 0;
}

#index #newblog .blogLastest dt {
	display: block;
	background: #efefef url("../images/index/title_bg.jpg") top no-repeat;
 	padding: 4px 4px 3px 4px;
	margin: 0;
}

#index #newblog .blogLastest dd {
	display: block;
	border: 0;
	background: #efefef url("../images/index/title_bg.jpg") 0px -51px no-repeat;
 	padding: 0px 9px 1px 9px;
	margin: 0;
}
*:first-child+html #index #newblog .blogLastest dd {	/* IE7 */
	padding-bottom: 2px;
}


#index #newblog .blogLastest dd .date {
 color: #38669a;
 font-weight: bold;
 white-space: nowrap;
 padding-right: 0.5em;
 }

#newblog .blogLastest p {
	clear: both;
	padding: 6px 0px 4px 9px;
	float: left;
	width: 390px;
	display: block;
	line-height: 1.4em;
}
* html #newblog .blogLastest p {	/* IE6 */
	padding-bottom: 6px;
}
*:first-child+html #newblog .blogLastest p {	/* IE7 */
	padding-bottom: 6px;
}

#newblog .blogLastest .more {
	padding: 12px 9px 9px 0px;
	float: right;
	width: 50px;
}


/* == ブログ一覧 == */
#newblog .blogListings { 
 clear: both;
/* padding: 0px 9px 9px 9px;　*/	/*複数表示*/
	padding: 0px 9px;
}

#newblog .blogListings table ,
#newblog .blogListings tr ,
#newblog .blogListings th ,
#newblog .blogListings td {
 border:0;
 margin: 0;
 padding: 0;
}

/* 項目名 */
#newblog .blogListings tr.thead {
 background: #f0f0f0;
}
#newblog .blogListings th {
	background: url("../images/listing_th_bg.gif") right bottom no-repeat;
	padding: 7px 5px 5px;
 border-top: 2px solid #99cdfd;
 border-left: 2px solid #fff;
 font-size: 62.5%;	/* 10px */
 white-space: nowrap;
}

/* リストセル */
#newblog .blogListings tr {
 /*background: url("../images/line_dotted2px_gray.gif") left bottom repeat-x;*/ /* 複数表示 */
}
#newblog .blogListings td {
 vertical-align: top;
 padding: 0.5em 0;
 font-size: 75%;	/* 12px */
 line-height: 1.2em;
}
/* 日付 */
#newblog .blogListings td.date {
 color: #38669a;
 font-weight: bold;
 white-space: nowrap;
 padding-right: 0.5em;
}
/* カテゴリ */
#newblog .blogListings td.category {
 /* white-space: nowrap; */
}
#newblog .blogListings td.category span {
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding-top: 0px;
	color: #068acb;
	vertical-align: middle;
	width: 90px;
	text-align: center;
}
/* 件名 */
#newblog .blogListings td.title {
 padding-left: 0.5em;
 width: 100%;
}
#newblog .blogListings td.title a:link {
 color:#333;
 text-decoration: none;
}
#newblog .blogListings td.title a:visited {
 text-decoration: none;
}
#newblog .blogListings td.title a:hover,
#newblog .blogListings td.title a:active {
 color:#000066;
 text-decoration: underline ;
}

/*NEWアイコン*/
#newblog .blogListings td.title .new  {
 vertical-align: middle;
 padding-bottom: 2px;
}
#newblog .blogLastest .new {
 vertical-align: middle;
 padding-bottom: 2px;
}


#newblog .blogListings td.nodata {
 padding: 1em 0 1.3em 0;
}



/*====================================================*/
/* == 左カラム ========== */
/*== Jサテライトバナー ===== */
#index #bn_satellite {
 margin-bottom: 10px;
}

/*== チケット購入バナー ===== */
#index #ticket_bn {
 margin-bottom: 10px;
}

/*== 次回ホームゲームチケット ===== */
#homegame {
 margin-bottom: 10px;
}
#homegame dd {
 width: 140px;
 padding: 5px 4px 4px 4px;
 border: 1px solid #999;
 border-top: 0;
}

/* == 試合情報 == */
#homegame #nextgame {
 margin-bottom: 5px;
 position: relative;
 height: 104px;
}
#homegame #nextgame span {
 display: block;
}
#homegame #nextgame a {
  color: #333;
 text-decoration: none;
}

/* 大会名 */
#index #nextgame .compe {
 text-align: center;
 background:#e9e9e9;
 padding:2px;
}
* html #index #nextgame .compe {	/* IE6 */
	margin-top: -2px;
}
*:first-child+html #index #nextgame .compe {	/* IE7 */
	margin-top: -4px;
	padding-bottom: 6px;
}

/* ホーム側 */
#index #nextgame .home {
 width: 40px;
 height: 40px;
 position: absolute;
 top: 24px;
 left: 1px;
 text-align: center;
}

/* アウェイ側 */
#index #nextgame .away {
 width: 40px;
 height: 40px;
 position: absolute;
 top: 24px;
 right: 0px;
 text-align: center;
} 

/* 日付 */
#index #nextgame .date {
 width: 60px;
 height: 15px;
  position: absolute;
 top: 30px;
 left: 41px;
 text-align: center;
}
/* 曜日 */
#index #nextgame .week {
 width: 60px;
 height: 10px;
  position: absolute;
 top: 48px;
 left: 41px;
 text-align: center;
}

/* キックオフ時間 */
#index #nextgame .kickoff {
  position: absolute;
 top: 66px;
 left: 1px;
 width: 140px;
 text-align: center;
}


/* 対戦チーム & 会場 */
#index #nextgame .stadium {
  position: absolute;
 top: 84px;
 left: 1px;
 width: 140px;
 text-align: center;
}




/* == チケット販売状況 == */
#homegameStatus table,
#homegameStatus  th,
#homegameStatus  td {
 border: 0;
 padding: 0;
 margin: 0;
}
/* 見出し */
#homegameStatus  th {
 background: #797979 url("../images/index/ticket_th.gif") left center no-repeat;
 color: #fff;
 padding: 1px 2px;
 border-bottom: 4px solid #fff;
 text-align: right;
 
}
/* 空席情報 */
#homegameStatus  td.status {
 text-align: right;
 width: 50px;
}

/* @取り扱い店リンク */
#homegameStatus  .ticket_shop {
 text-align: left;
 display: block;
 margin-top: 6px;
 padding-top: 6px;
 padding-bottom: 2px;
  background: url("../images/line_dotted2px_gray.gif") right top repeat-x;
}


/* 販売情報がない場合 */
#homegameStatus #statusNoData {
 text-align: center;
 background: #efefef url("../images/bg_stripe.gif");
 padding: 10px 0;
}



/*== 順位表 ===== */
#index #ranking {
 margin-bottom: 10px;
}
#index #ranking dd {
 width: 140px;
 padding: 5px 4px 4px 4px;
 border: 1px solid #999;
 border-top: 0;
 display: block;
 overflow: hidden;
}

#index #ranking table,
#index #ranking tr,
#index #ranking th,
#index #ranking td {
 border: 0;
 padding: 0;
 margin: 0;
}
#index #ranking table {
}

/* 行区切り線 */
#index #ranking tr {
  background: url("../images/line_dotted2px_gray.gif") top repeat-x;
}
/* 見出し */
#index #ranking tr.header {
 background: none;
}
#index #ranking td {
 padding: 3px 0px 0px 0px;
}

/* 順位 */
#index #ranking td.rank {
 padding-right: 2px;
}

/* チーム名(略称) */
#index #ranking td.team {
 white-space: nowrap;
}

/* 勝点 */
#index #ranking td.score {
 text-align: right;
}
/* 得失点 */
#index #ranking td.points {
 text-align: right;
 padding-left: 2px;
}



/* 自チーム */ /* 試合日程・結果 のランキングページとそろえる */
#index #ranking .myteam {
 color: #208ad4;
 background-color: #ecf7fb;
}




/*== 本日のスケジュール ===== */
#index #schedule {
 margin-bottom: 10px;
}
#index #schedule dd {
 width: 140px;
 padding: 5px 4px 0px 4px;
 border: 1px solid #999;
 border-top: 0;
}

#index #schedule a:link {
 color:#333;
 text-decoration: none;
}
#index #schedule a:visited {
 text-decoration: none;
}
#index #schedule a:hover,
#index #schedule a:active {
 color:#000066;
 text-decoration: underline ;
}


/* ユニット */
#index #schedule dl dl {
 padding-bottom: 4px;
 margin-bottom: 4px;
 background: url("../images/line_dotted1px_gray.gif") bottom repeat-x;
}
#index #schedule dl dl dt {
 width: 140px;
 height: 15px;
 display: block;
 overflow: hidden;
 padding:0;
 margin: 0;
 margin-bottom: 4px;
}
#index #schedule dl dl dt span {	/* 予定なし表示 補正 */
	padding:0;
	display: block;
}


#index #schedule dl dl dd {
 width: 140px;
 padding: 0;
 border: 0;
 font-size: 62.5%;	/* 10px */
 line-height: 1.2em;
}


/*====================================================*/
/* == 右カラム ========== */
/*== おすすめ商品 ===== */
#index #recommend {
 margin-bottom: 10px;
}
#index #recommend dd {
 width: 140px;
 padding: 5px 4px 0px 4px;
 border: 1px solid #999;
 border-top: 0;
}

/*== スポンサー ===== */
#index #sponsor {
 margin-bottom: 10px;
}
#index #sponsor dd {
 width: 140px;
 padding: 5px 4px 0px 4px;
 border: 1px solid #999;
 border-top: 0;
}

/* ユニット */
#index #recommend .unit {
 clear: both;
 background: url("../images/line_dotted2px_gray.gif") top repeat-x;
 margin: 0;
 height: 55px;
 padding-top: 5px;
 display: block;
}
#index #recommend .unit.list_top {
 background: none;
 padding-top: 0;
}

/* サムネイル画像 */
#index #recommend .unit dt {
 width: 55px;
 height: 50px;
 margin-bottom: 5px;
 float: left;
 display: block;
}
#index #recommend .unit dt span {
 width: 48px;
 height: 48px;
 display: block;
 border: 1px solid #999;
 text-align: center;
}
#index #recommend .unit dt span img {
 vertical-align: middle;
}
#index #recommend .unit dt img {
 width: 48px;
 /* border: 1px solid #999; */
 display: block;
}
/* テキスト */
#index #recommend .unit dd {
 width: 83px;
 border: 0;
 margin: 0;
 padding: 0;
 padding-left: 2px;
 padding-bottom: 5px;
 float: left;
 display: block;
}

/* テーブル版 */
#index #recommend dd {
 background: #e9e9e9 url("../images/shop/ranking_bg.jpg")  center bottom no-repeat;
 padding-bottom: 4px;
}
#index #recommend table,
#index #recommend tr,
#index #recommend td {
border: 0;
margin-bottom: 1px;
}
#index #recommend table {
 background:#fff;
}
#index #recommend td {
padding: 0px 0px;
}
#index #recommend td.thumb_area {
 width: 50px;
 height: 54px;
}
#index #recommend td.title_area {
 padding: 5px 2px 5px 0px;
}



/* == add: nextmatch == */
#index #nextmatch {
	margin-bottom: 5px;
}





/* == add: mobileNews == */
#index #mobileNews {
	display: block;
	width: 150px;
	height: 59px;
	overflow: hidden;
	background:#050730 url("../images/index/mobile/bg.gif") no-repeat; 
}
#index #mobileNews dl,
#index #mobileNews dt,
#index #mobileNews dd {
	display: block;
	clear: both;
	margin: 0;
}

/* 日付 */
#index #mobileNews dt {
	color: #208ad4;
	width: 75px;
	height: 16px;
	padding: 5px 6px 0px 71px;
	font-weight: bold;
	text-align: center;
}

/* 更新内容 */
#index #mobileNews dd {
	color: #fff;
	width: 136px;
	height: 30px;
	padding:4px 7px;
	line-height: 1.4em;
}



/* == add: PR == */
#index #pr {
}
#index #pr dt {
	width: 150px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../images/index/pr_h.png") top left no-repeat;
	margin-bottom: 0;
	padding-bottom: 0;
}
#index #pr li {
	width: 150px;
	height: 60px;
	background: url("../images/index/pr_bg.png") top left no-repeat;
	border-bottom: 1px solid #e2eff4;
}

/*====================================================*/