@charset "utf-8";

/* ------------------------------------- 
 *  style css (共通タグ呼び出し)
 * ------------------------------------- */
@import url(./css/style.css?v=45);
@import url(./css/stylem.css);

/* ------------------------------------- 
 *
 *  トップページ css
 *
 * ------------------------------------- */

/* index css -------------------------- */
.index-split1, .index-split2, .index-split3 {
  display: block;
  /*width: 502px;*/
  width:100%;
  background-image: url(images/index/index_split.gif);
  overflow: hidden;
}
.index-split1 { height: 4px; background-position: left -5px; }
.index-split2 { height: 9px; background-position: left top; }
.index-split3 { height: 4px; background-position: left top; }

.index-photo {
  display: block;
  height: 405px;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #123160;
  overflow: hidden;
}
.index-photo-image {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.index-sublink {
  display: block;
  height: 20px;
  width: 74px;
  position: absolute;
  background-image: url(images/index/index_sublink.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#subLink1 {
  margin: 6px 0px 0px 205px;
  background-position: left top;
}
a:hover#subLink1 { background-position: left -24px; }
#subLink2 {
  margin: 24px 0px 0px 205px;
  background-position: -80px top;
}
a:hover#subLink2 { background-position: -80px -24px; }
#subLink3 {
  margin: 6px 0px 0px 205px;
  background-position: -160px top;
}
a:hover#subLink3 { background-position: -160px -24px; }

.index-side-margin {
  margin: 10px 12px 10px 12px;
}

.index-division {
  display: block;
  height: 6px;
  width: 80px;
  margin: 0px 0px 10px 0px;
  background-image: url(images/index/index_division.gif);
  overflow: hidden;
}
#division1 { background-position: left top; }
#division2 { background-position: left -6px; }

.index-team-date {
  font-size: 0.9em;
  /* 会場名の2行目字下げ */
  text-indent: -4em;
  padding-left: 4em;
  
  width: 216px;
}
.index-team-left, .index-team-point, .index-team-right {
  display: block;
  float: left;
  font-size: 0.9em;
  line-height: 1;
  overflow: hidden;
}
.index-team-left { width: 80px; }
/*
.index-team-point { width: 102px; text-align: center; }
*/
.index-team-point { width: 102px; text-align: center; line-height: 16px; white-space: pre; }
.index-team-right { width: 80px; }


/* index *//* sponsor + free space *//* ブロック追加 --------------------------- */
.index-addBlock {
  display: block;
  width: 100%;
  margin: 3px 0px 0px 0px;
  border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  background-color: #FFFFFF;
  overflow: hidden;
}

/* index *//* title *//* タイトル --------------------------- */
#indexTitle1,
#indexTitle2,
#indexTitle3,
#indexTitle4 { background-image: url(images/index/index_title.gif); }

#indexTitle1 { background-position: left top; }
#indexTitle2 { background-position: left -50px; }
#indexTitle3 { background-position: left -100px }
#indexTitle4 { background-position: left -150px }


/* index *//* list + ulist *//* リスト --------------------------- */
.index-list-date {
  display: block;
  width: 84px;
  float: left;
  padding: 15px 0px 13px 0px;
  overflow: hidden;
}
.index-list-text {
  display: block;
/*  width: 368px;*/
  float: left;
  padding: 15px 0px 13px 0px;
  overflow: hidden;
}
.index-list-text1 {
  display: block;
  width: 134px;
  float: left;
  padding: 3px 0px 3px 0px;
  overflow: hidden;
}
.index-list-text2 {
  display: block;
  width: 234px;
  float: left;
  padding: 22px 0px 13px 0px;
  overflow: hidden;
}
.index-list-text3 {
  display: block;
  width: 452px;
  float: left;
  padding: 22px 0px 13px 0px;
  overflow: hidden;
}
.index-list-text4 {
  display: block;
  width: 385px;
  float: right;
  padding: 18px 0px 12px 0px;
  overflow: hidden;
}

.index-list-text5 {
  display: block;
  width: 280px;
  float: right;
  padding: 12px 0px 12px 0px;
  overflow: hidden;
}

.index-side-ulist {
  display: block;
  width: 262px;
  overflow: hidden;
}
.index-side-list {
  display: block;
  width: 300px;
  padding: 0px 0px 10px 0px;
  overflow: hidden;
}

.index-top-msg {
  display: block;
  padding: 6px 10px 8px 15px;
  overflow: hidden;
  font-weight: bold;
}
.index-top-msg-bottom {
  display: block;
  float: right;
  padding: 0px 30px 6px 0px;
  overflow: hidden;
  font-weight: bold;
}

div.index-msg, div.index-msg-red, div.index-msg-blue {
  display: block;
}
.index-msg, .index-msg-red, .index-msg-blue {
  text-align: center;
  padding: 4px 10px 10px 15px;
  overflow: hidden;
/*  font-weight: bold; */
}
.index-msg-red{
  color:#ff0000;
}
.index-msg-blue{
  color:#3333cc;
}
a:link.index-msg-red, a:visited.index-msg-red {
  color:#ff0000;
}
a:link.index-msg-blue, a:visited.index-msg-blue {
  color:#3333cc;
}

div.index-msg-title, div.index-msg-title-blue {
  display: block;
}
.index-msg-title, .index-msg-title-blue {
  text-align: center;
  color: #ff0000;
  padding: 6px 10px 4px 15px;
  overflow: hidden;
  font-weight: bold; 
}
.index-msg-title-blue{
  color:#3333cc;
}
.index-msg-title a:link, a:visited.index-msg-title {
  color:#ff0000;
}
a:link.index-msg-title-blue, a:visited.index-msg-title-blue {
  color:#3333cc;
}

.index-msg-bottom {
  display: block;
  text-align: right;
  padding: 0px 30px 6px 0px;
  overflow: hidden;
/*  font-weight: bold; */
}

/* slideshow */
#slideshow-container  { width:502px; height:334px; position:relative; }
#slideshow-container img { width:502px; height:334px; display:block; position:absolute; top:0; left:0; z-index:1; }
.toc { position:absolute; left:0; bottom:5px; z-index:2; display:block; cursor: pointer;
  height: 22px;width: 24px;
  background-image: url(images/index/slideicon.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.toc-active{cursor: pointer;height: 22px;width: 24px;
  background-image: url(images/index/slideicon.png);
  background-repeat: no-repeat;
  background-position: -24px top;
  text-indent: -9999px;
}
#next{position:absolute; bottom:5px; right:10px; z-index:2; display:block;
  height: 23px;width: 20px;
  cursor: pointer;
  text-indent: -9999px;
  background-image: url(images/index/slideicon.png);
  background-position: -108px top;
  background-repeat: no-repeat;
}
#previous  { position:absolute; bottom:5px; right:70px; z-index:2; display:block;
  height: 23px;width: 20px;cursor: pointer;
  text-indent: -9999px;
  background-image: url(images/index/slideicon.png);
  background-position: -48px top;
  background-repeat: no-repeat;
}
.pause{ position:absolute; bottom:5px; right:40px; z-index:2; display:block;
  height: 23px;width: 20px;cursor: pointer;
  text-indent: -9999px;
  background-image: url(images/index/slideicon.png);
  background-position: -88px top;
  background-repeat: no-repeat;
}
.play{ position:absolute; bottom:5px; right:40px; z-index:2; display:block;
  height: 23px;width: 20px;cursor: pointer;
  text-indent: -9999px;
  background-image: url(images/index/slideicon.png);
  background-position: -68px top;
  background-repeat: no-repeat;
}

#indexBodyDigest,
#indexBodyNews,
#indexBodyTopics{
  width:502px;
}


/* チーム情報 */
.index-side-title {
  display: block;
  height: 32px;
  width: 280px;
  color: #aa0000;
  font-weight: bold;
  font-size: 1.2em;
  text-indent: 8px;
  padding: 2px 0px 0px 0px;
  overflow: hidden;
  border-bottom: 1px solid #D2D2D2;
}
.index-teaminfo-ulist {
  display: block;
  width: 280px;
  padding-left: 4px;
  overflow: hidden;
}
.index-teaminfo-list {
  display: block;
  width: 272px;
  font-size: 0.9em;
  padding: 0px 0px 4px 0px;
  overflow: hidden;
  border-bottom: 1px solid #D2D2D2;
}
.index-teaminfo-date,
.index-teaminfo-team-m,
.index-teaminfo-team-w {
  display: block;
  font-weight: bold;
  float: left;
  padding-left: 4px;
  overflow: hidden;
}
.index-teaminfo-team-m {
  padding-left: 6px;
  color: #0000dd;
}
.index-teaminfo-team-w {
  padding-left: 6px;
  color: #dd0000;
}
.index-teaminfo-text {
  display: block;
  float: left;
  width: 262px;
  padding: 1px 0px 0px 8px;
  overflow: hidden;
}
.index-title-movie {
  width:502px;height:283px;
}
.index-title-movie iframe {
  width:502px;height:283px;
}
.index-digest-movie iframe {
  width:300px;height:169px;
}
.index-digest-movie img {
  width:300px;height:169px;
}
.index-digest-movie:hover img {
    opacity: 0.6;
}
.index-digest-content {
  display: block;
  float:left;
  padding: 6px 6px 8px 6px;
}
.index-digest-movie {
  display: block;
  float:left;
  text-align: center;
  width:322px;height:180px;
}
#pomovie {
  width: 100%;
  margin: 0px auto 0px auto;
}

@media print, screen and (min-width: 768px) {
  .index-split1r{display:none;}
}


@media screen and (max-width: 767px) {
  #indexTitle1{
    display:none;
  }
  .index-split1, .index-split1r,
  .index-split2, .index-split2r,
  .index-split3, .index-split3r {
    display: block;
    float:left;
    width:50%;
    overflow: hidden;
  }
  .index-split1, .index-split2, .index-split3 {
    background-image: url(images/index/index_split_l.png);
  }
  .index-split1r, .index-split2r, .index-split3r {
    background-image: url(images/index/index_split_r.png);
  }
  .index-split1r { height: 4px; background-position: right -5px; }
  .index-split2r { height: 9px; background-position: right top; }
  .index-split3r { height: 4px; background-position: right top; }

  .index-photo {
  -moz-background-size:100% auto;
  background-size:100% auto;
  }
  #slideshow-container  { width:100%;  margin: 0px auto 0px auto;
  }
  #slideshow-container img { width:100%; height:auto;}

  #indexMenuBanner{
    /* いったん非表示 */
    display:none;
    margin:0px auto 0px auto;
    background-color:#014484;
  }

  #indexBodyDigest,
  #indexBodyNews,
  #indexBodyTopics{
    width:100%;
  }

  .index-side-margin {
    margin: 10px auto 10px auto;
  }
  #subLink1, #subLink2, #subLink3 {
    right:5px;

  }
  .index-sokuho-block{
    width:282px;
    margin:0px auto 0px auto;
  }
  .index-teaminfo-ulist {
    display: block;
    
    width: 90%;
    /*
    padding-left: 4px;
    overflow: hidden;
    */
    margin:2px auto 2px auto;
  }
  .index-teaminfo-list {
    width:100%;
  }
  .index-teaminfo-text {
    width:95%;
  }
  .index-title-movie {
    position:relative;
    padding-bottom: 56.25%;
    width:100%;
    height:auto;
  }
  .index-title-movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .index-digest-movie {
    width: 100%;
    padding: 2px 6px 2px 6px;
  }
  .index-digest-content {
    padding: 2px 6px 6px 40px;
  }

  /* 速報背景変更 */
  #sokuhoWrapper
  {
    background-color:#fffcd1;
    background-color:#e1ffd1;
    background-color:#fffebb;
  }
  /* 背景変更時GIF背景が浮く */
  .index-division {
    background-image:none;
    height:21px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
  }
  #division1 { color:#0000ff; }
  #division2 { color:#e400e4; }
}