/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014/06/09, 14:11:40
    Author     : MARU11
*/
#iejuuWrapper .topNews {
  width: 950px;
  margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    #iejuuWrapper .topNews {
      margin: 0 auto 10px auto;
      width: 93.8%; }
      #iejuuWrapper .topNews .sp {
        display: block; }
      #iejuuWrapper .topNews .pc {
        display: none; } }
  @media screen and (min-width: 640px) {
    #iejuuWrapper .topNews .sp {
      display: none; }
    #iejuuWrapper .topNews .pc {
      display: block; } }
  #iejuuWrapper .topNews img {
    width: 100%;
    height: auto; }
#iejuuWrapper .highlight {
  width: 950px; }
  @media screen and (max-width: 640px) {
    #iejuuWrapper .highlight {
      margin: 0 auto 0 auto;
      width: 93.8%; } }
  #iejuuWrapper .highlight .highlightTop {
    width: 100%; }
    @media screen and (max-width: 640px) {
      #iejuuWrapper .highlight .highlightTop .sp {
        display: block; }
      #iejuuWrapper .highlight .highlightTop .pc {
        display: none; } }
    @media screen and (min-width: 640px) {
      #iejuuWrapper .highlight .highlightTop .sp {
        display: none; }
      #iejuuWrapper .highlight .highlightTop .pc {
        display: block; } }
    #iejuuWrapper .highlight .highlightTop img {
      width: 100%;
      height: auto; }
  #iejuuWrapper .highlight .highlightBody {
    width: 950px;
    background: url(../images/worldcup/bg_highlight_body.jpg);
    background-size: 100% 100%; }
    @media screen and (max-width: 640px) {
      #iejuuWrapper .highlight .highlightBody {
        width: 100%;
        background: none; } }
    @media screen and (min-width: 640px) {
      #iejuuWrapper .highlight .highlightBody {
        height: 547px; } }
    #iejuuWrapper .highlight .highlightBody .inner {
      width: 890px;
      margin: 0 auto; }
      @media screen and (max-width: 640px) {
        #iejuuWrapper .highlight .highlightBody .inner {
          width: 100%;
          line-height: 0; }
          #iejuuWrapper .highlight .highlightBody .inner ul {
            width: 100%; } }
      #iejuuWrapper .highlight .highlightBody .inner .paperArea {
        width: 335px; }
        @media screen and (max-width: 640px) {
          #iejuuWrapper .highlight .highlightBody .inner .paperArea {
            width: 100%;
            margin: 0 auto;
            background: url(../images/worldcup/bg_highlight_body_sp.jpg);
            background-size: 100% 100%;
            padding-bottom: 20px; } }
        @media screen and (min-width: 640px) {
          #iejuuWrapper .highlight .highlightBody .inner .paperArea {
            float: left; } }
        #iejuuWrapper .highlight .highlightBody .inner .paperArea .top {
          width: 250px;
          color: white;
          text-align: center;
          background: url(../images/worldcup/bg_highlight_date.png);
          background-size: 100% 100%; }
          @media screen and (min-width: 640px) {
            #iejuuWrapper .highlight .highlightBody .inner .paperArea .top {
              height: 48px;
              margin: 0 auto 21px auto; } }
          @media screen and (max-width: 640px) {
            #iejuuWrapper .highlight .highlightBody .inner .paperArea .top {
              width: 90%;
              margin: 0 auto 10px auto; } }
          #iejuuWrapper .highlight .highlightBody .inner .paperArea .top .date {
            font-size: 140%;
            font-weight: bold; }
            @media screen and (max-width: 640px) {
              #iejuuWrapper .highlight .highlightBody .inner .paperArea .top .date {
                font-size: 100%; } }
          @media screen and (max-width: 640px) {
            #iejuuWrapper .highlight .highlightBody .inner .paperArea .top .team {
              font-size: 80%; } }
        #iejuuWrapper .highlight .highlightBody .inner .paperArea .paper {
          margin: 0 auto 10px auto;
          width: 304px; }
          @media screen and (max-width: 640px) {
            #iejuuWrapper .highlight .highlightBody .inner .paperArea .paper {
              width: 70%; } }
          #iejuuWrapper .highlight .highlightBody .inner .paperArea .paper img {
            width: 100%;
            height: auto; }
            #iejuuWrapper .highlight .highlightBody .inner .paperArea .paper img:hover {
              background: #ffffff;
              display: inline-block\9;
              zoom: 1\9; }
        #iejuuWrapper .highlight .highlightBody .inner .paperArea .pager {
          width: 84px;
          margin: 0 auto;
          display: block; }
          @media screen and (max-width: 640px) {
            #iejuuWrapper .highlight .highlightBody .inner .paperArea .pager {
              width: 100px; } }
          #iejuuWrapper .highlight .highlightBody .inner .paperArea .pager .leftArrow {
            width: 37px;
            height: 37px;
            float: left;
            cursor: pointer; }
            #iejuuWrapper .highlight .highlightBody .inner .paperArea .pager .leftArrow img {
              width: 100%;
              height: auto;
              vertical-align: bottom; }
          #iejuuWrapper .highlight .highlightBody .inner .paperArea .pager .rightArrow {
            width: 37px;
            height: 37px;
            float: right;
            cursor: pointer; }
            #iejuuWrapper .highlight .highlightBody .inner .paperArea .pager .rightArrow img {
              width: 100%;
              height: auto;
              vertical-align: bottom; }
      #iejuuWrapper .highlight .highlightBody .inner .scheduleArea {
        width: 555px;
        float: left; }
        @media screen and (max-width: 640px) {
          #iejuuWrapper .highlight .highlightBody .inner .scheduleArea {
            display: none; } }
        #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .tableHeader {
          width: 520px;
          margin: 57px auto 0 auto;
          text-align: center;
          border-collapse: collapse;
          font-size: 10px; }
          #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .tableHeader th {
            border: 1px solid #cccccc;
            background: #594000;
            color: #fff;
            font-weight: normal;
            height: 40px; }
          #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .tableHeader .month {
            width: 48px; }
          #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .tableHeader .time {
            width: 51px; }
          #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .tableHeader .round {
            width: 51px; }
        #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll {
          width: 520px;
          height: 450px;
          height:470\9;
          overflow-x: hidden;
          overflow:auto\9;
          text-align: center;
          margin: 0 auto 0 auto; }
          #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule {
            border-collapse: collapse;
            width: 520px;
            font-size: 10px; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule td {
              border: 1px solid #cccccc;
              background: #fff;
              color: #000;
              height: 40px; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule th {
              border: 1px solid #cccccc;
              background: #fff;
              color: #000;
              font-size: 14px;
              height: 40px; }
              #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule td img {
                vertical-align: middle;
                width: 20px;
                height: 14px;
                margin: 0 2px; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule .month {
              width: 48px; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule .time {
              width: 51px; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule .round {
              width: 51px; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule .teamA {
              width: 157px;
              text-align: right;
              float: left; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule .teamB {
              width: 157px;
              text-align: left;
              float: left; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule .cross {
              width: 8px;
              text-align: center;
              float: left; }
            #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule .arrow {
              width: 20px;
              height: 20px;
              float: left; }
              #iejuuWrapper .highlight .highlightBody .inner .scheduleArea .scroll .schedule .arrow img {
                width: 100%;
                height: 100%; }
  #iejuuWrapper .highlight .highlightBodySP {
    width: 100%;
    margin: 0 auto;
    background: #000; }
    @media screen and (min-width: 640px) {
      #iejuuWrapper .highlight .highlightBodySP {
        display: none; } }
    #iejuuWrapper .highlight .highlightBodySP .bodyWrapper {
      width: 95%;
      margin: 0 auto; }
      #iejuuWrapper .highlight .highlightBodySP .bodyWrapper .tableHeaderSp {
        width: 100%; }
        #iejuuWrapper .highlight .highlightBodySP .bodyWrapper .tableHeaderSp th {
          background: #594000;
          color: #fff;
          text-align: center;
          font-weight: normal;
          padding: 3px 0; }
          #iejuuWrapper .highlight .highlightBodySP .bodyWrapper .tableHeaderSp th span {
            width: 30%;
            display: inline-block; }
            #iejuuWrapper .highlight .highlightBodySP .bodyWrapper .tableHeaderSp th span.bl {
              border-right: 1px solid #fff; }
    #iejuuWrapper .highlight .highlightBodySP #highlightSlider {
      width: 100%;
      height: 300px;
      overflow: hidden;
      position: relative;
      top: 0;
      left: 0; }
    #iejuuWrapper .highlight .highlightBodySP .schedule_sp {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      #iejuuWrapper .highlight .highlightBodySP .schedule_sp td {
        background: #fff;
        border-bottom: 1px solid #cccccc; }
      #iejuuWrapper .highlight .highlightBodySP .schedule_sp th {
        background: #fff;
        height: 28px;
        text-align: center;
        border-bottom: 1px solid #cccccc; }
        #iejuuWrapper .highlight .highlightBodySP .schedule_sp td span {
          width: 30%;
          text-align: center;
          display: inline-block; }
          #iejuuWrapper .highlight .highlightBodySP .schedule_sp td span.bl {
            border-right: 1px solid #ccccc; }
      #iejuuWrapper .highlight .highlightBodySP .schedule_sp .thumbArea {
        width: 15%; }
        #iejuuWrapper .highlight .highlightBodySP .schedule_sp .thumbArea .thumb {
          width: 70%;
          max-width: 35px;
          margin: 0 auto 0 auto;
          border: 1px solid #cccccc; }
          #iejuuWrapper .highlight .highlightBodySP .schedule_sp .thumbArea .thumb img {
            width: 100%;
            height: auto; }
      #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail {
        width: 85%; }
        #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail p {
          margin: 5px 0; }
        #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail ul {
          width: 100%; }
        #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail .bl {
          border-right: 1px solid #cccccc; }
        #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail .teamA {
          font-size: 80%;
          text-align: right;
          float: left;
          width: 46%; }
          #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail .teamA img {
            margin: 0 2%;
            width: 20px;
            height: 14px;
            vertical-align: middle; }
        #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail .cross {
          font-size: 80%;
          text-align: center;
          float: left;
          width: 3%; }
        #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail .teamB {
          font-size: 80%;
          text-align: left;
          float: left;
          width: 46%; }
          #iejuuWrapper .highlight .highlightBodySP .schedule_sp .detail .teamB img {
            margin: 0 2%;
            width: 20px;
            height: 14px;
            vertical-align: middle; }
  #iejuuWrapper .highlight .highlightBottom {
    width: 950px;
    height: 114px; }
    @media screen and (max-width: 640px) {
      #iejuuWrapper .highlight .highlightBottom {
        display: none; } }
    #iejuuWrapper .highlight .highlightBottom img {
      width: 100%;
      height: auto; }
  #iejuuWrapper .highlight .highlightBottomSP {
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 640px) {
      #iejuuWrapper .highlight .highlightBottomSP {
        display: none; } }
    #iejuuWrapper .highlight .highlightBottomSP img {
      width: 100%;
      height: auto;
      vertical-align: bottom; }
#iejuuWrapper .titleImg {
  width: 950px; }
  @media screen and (max-width: 640px) {
    #iejuuWrapper .titleImg {
      width: 93.8%;
      margin: 0 auto; } }
  @media screen and (min-width: 640px) {
    #iejuuWrapper .titleImg {
      height: 234px; } }
  #iejuuWrapper .titleImg img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 640px) {
    #iejuuWrapper .titleImg .pc {
      display: none; }
    #iejuuWrapper .titleImg .sp {
      display: block; } }
  @media screen and (min-width: 640px) {
    #iejuuWrapper .titleImg .pc {
      display: block; }
    #iejuuWrapper .titleImg .sp {
      display: none; } }

/*# sourceMappingURL=worldcup.css.map */