@charset "utf-8";
/* --------------------------------------------------

Super top.css Stylesheet

-------------------------------------------------- */

/* table基本 */

#contentArea table {
  font-size: 1.2em;
}
#contentArea table table {
  font-size: 1em;
}
h1 {
  position: absolute;
  top: -1000px;
  left: 0;
}
#wrapper #leaf_l {
  background-position: left -140px;
}
#wrapper #leaf_r {
  background-position: right -140px;
}

/* 基本パーツ
------------------------------ */
.cttBox {
  padding: 20px 0 4px;
}
/* ボックス */
.bdBox1 {
  clear: both;
  width: 598px;
  margin: 0 auto 25px;
  padding: 12px 0;
  color: #808080;
  line-height: 2em;
}

/* テーブル */
table.newsList {
  width: 560px;
  margin: 0 auto;
  font-size: 1.2em;
}
td.news {
  padding-left: 15px;
  background: url(../img/common/ico_list.png) no-repeat 0 5px;
  vertical-align: top;
}
td.date {
  width: 100px;
}

/* タイトル */
#superTopTitle {
  position: relative;
  width: 1060px;
  height: 263px;
  margin: 0 auto;
  background: url(../img/super_top/bg_superTopTitle_main_7th.jpg?f9Ip4ErvHB) no-repeat 0 0;
}
h1.dqX {
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
}
/** 6thははみだし系装飾なし
#superTopTitle p.txt_sTop {
	position: absolute;
	top: -29px;
	left: -10px;
	width: 258px;
	height: 239px;
	background: url(../img/super_top/bg_superTopTitle_parts_5th.png) no-repeat 0 0;
	text-indent: -9999em;
	white-space:nowrap;
	overflow:hidden;
}
*/
#superTopTitle p.txt_sTop {
  display: none;
}

/* トップバナー
------------------------------ */
#topBanner {
  position: relative;
  width: 654px;
  height: 184px;
  padding-top: 11px;
  background: url(../img/super_top/bg_topBanner.png) no-repeat 0 0;
}
.slide img {
  width: 632px;
  height: 157px;
}

/* slideshow styles */
.slideShow {
  width: 632px;
  height: 157px;
  margin: 0 auto;
  overflow: hidden;
}

/** navigation **/
.slideShow .navigation {
  position: absolute;
  bottom: 6px;
  right: 2px;
  height: 8px;
  clear: left;
  display: block;
}
.slideShow .navigation li {
  float: left;
  width: 37px;
  margin-right: 12px;
}
.slideShow .navigation a {
  display: block;
  width: 37px;
  height: 12px;
  background: url(../img/super_top/btn_topBanner.png) no-repeat 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.slideShow .navigation a:hover {
  background-position: 0 -12px;
}
.slideShow .navigation a.selected {
  background-position: 0 -24px;
}

/* 重要なおしらせ
------------------------------ */
#contentArea #fixationBanner ul {
  width: 600px;
  margin: 0 auto;
}
#contentArea #fixationBanner li {
  float: left;
  width: 197px;
  margin-right: 10px;
}
#contentArea #fixationBanner li.fix01 {
  margin-right: 5px;
}
#contentArea #fixationBanner li.fix02 {
  margin-right: 4px;
}
#contentArea #fixationBanner li.fix03 {
  margin-right: 0;
}
#contentArea #fixationBanner li a {
  display: block;
  width: 197px;
  height: 87px;
}

/* TOPページ優先標示用おしらせ
------------------------------ */
#importantInfo {
  width: 600px;
  margin: 0 auto 5px;
  background-image: url(../img/super_top/bg_failurecategory.png?var=20151118);
  background-repeat: no-repeat;
  font-size: 1.2em;
}
.failurecategory01 {
  background-position: 0 0;
} /* 障害発生 */
.failurecategory02 {
  background-position: 0 -24px;
} /* 復旧 */
.failurecategory03 {
  background-position: 0 -48px;
} /* メンテナンス */
.failurecategory04 {
  background-position: 0 -72px;
} /* イベント開催中 */
#importantInfo h2 {
  float: left;
  width: 104px;
  height: 23px;
  background-image: url(../img/super_top/tit_failurecategory.png?var=20151118);
  background-repeat: no-repeat;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.failurecategory01 h2 {
  background-position: 0 0;
} /* 障害発生 */
.failurecategory02 h2 {
  background-position: 0 -24px;
} /* 復旧 */
.failurecategory03 h2 {
  background-position: 0 -48px;
} /* メンテナンス */
.failurecategory04 h2 {
  background-position: 0 -72px;
} /* イベント開催中 */
#importantInfo .cts_impInfo {
  float: right;
  width: 488px;
}
#importantInfo .txt_impInfo {
  float: left;
  overflow: hidden;
  width: 365px;
  height: 23px;
  line-height: 1.9;
}
#importantInfo .date_impInfo {
  float: right;
  width: 118px;
  padding-top: 2px;
}

/* おしらせ
------------------------------ */
/* 大きいバナー */
#swfBanner {
  height: 180px;
  margin-bottom: 15px;
  border: 1px solid green;
}
#topInfo .newsBox {
  margin-top: 0;
}

/* おしらせトピックス
------------------------------ */
.newsBannerFrame {
  width: 432px;
  height: 112px;
  margin: 12px auto 10px;
  background: url(../img/super_top/bg_newsBannerFrame.png) no-repeat 0 0;
  overflow: hidden;
  text-align: center;
}
.newsBannerFrame img {
  width: 420px;
  height: 100px;
  margin-top: 6px;
}
.diaHeadline {
  width: 600px;
  margin: 0 auto;
}
.txt_body {
  width: 512px;
  margin: 0 auto;
  font-size: 1.2em;
}
.txt_red {
  color: #bd0000;
}

/* タイムアタック
------------------------------ */
#timeattack-ranking {
  display: block;
  position: relative;
  top: 52px;
  left: 764px;
  width: 269px;
  height: 199px;
  background-image: url(../img/event/timeattack/supertop/bg.png);
}
#timeattack-ranking ul {
  position: relative;
}
#timeattack-ranking-head,
#timeattack-ranking-target,
#timeattack-ranking-icon,
#timeattack-ranking-report {
  position: absolute;
}
#timeattack-ranking-head {
}
#timeattack-ranking-target {
}
#timeattack-ranking-icon {
  top: 63px;
  left: 5px;
}
/* 速報エリア */
#timeattack-ranking-report {
  width: 100%;
  font-size: 12px;
}
#timeattack-ranking-report-frame {
  margin-top: 111px;
  margin-right: auto;
  margin-left: auto;
  width: 255px;
  height: 81px;
  line-height: 1;
  background-image: url(../img/event/timeattack/supertop/frame.png);
}
#timeattack-ranking-report-mainte {
  padding-top: 34px;
  color: #fff;
  text-align: center;
}
#timeattack-ranking-report-time {
  height: 33px;
  background-image: url(../img/event/timeattack/supertop/label.png);
}
#timeattack-ranking-report-time li {
  padding-top: 11px;
  padding-right: 12px;
  color: #ffb900;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}
#timeattack-ranking-report-group {
  margin-left: auto;
  margin-right: auto;
  width: 86%;
}
#timeattack-ranking-report-group td {
  padding-top: 8px;
  width: 50%;
  color: #fff;
  float: left;
}

/* スーパートップ用ボタン
------------------------------ */
.supertop-button {
  display: block;
  position: absolute;
  right: 0;
  width: 300px;
  height: 260px;
}