@charset "utf-8";


/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
}

    /* MainContentsArea
    --------------------------------------------------- */
    #MainContentsArea{
    }

    /* SideBarArea
    --------------------------------------------------- */
    #SideBarArea{}
    

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Block Style                                   */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* RouteMapBlock
--------------------------------------------------- */
.RouteMapBlock{
  margin: 0 0 30px;
}
    /* Header(Tab) */
    .RouteMapBlock .BlockHeader{
      background: #12467f;
      background: rgba(18,70,127,0.9);
      color: #fff;
      padding-top: 30px;
    }
      
        .RouteMapBlock .BlockHeader ul{
          list-style: none;
          text-align: center;
        }
            .RouteMapBlock .BlockHeader ul li{
              display: inline;
              
            }
                .RouteMapBlock .BlockHeader ul li a{
                  position: relative;
                  bottom: -10px;
                }
                .RouteMapBlock .BlockHeader ul li a.Active{
                  bottom: 0px;
                }
                .RouteMapBlock .BlockHeader ul li a:hover{
                  bottom: 0px;
                  -webkit-transition: 0.2s ease-in-out;
                  -moz-transition-duration: 0.2s;
                  transition-duration: 0.2s;
                }
    /* Contents(Map) */
    .RouteMapBlock .BlockContents{
      position: relative;
    }
        .RouteMapBlock .BlockContents .RouteMapBox{
          background: #fff;
          padding: 2px;
          border: 8px solid #f5f5f5;
        }
        .RouteMapBlock .BlockContents #LayerNorth{
          border-color: #ec3e3e;
        }
        .RouteMapBlock .BlockContents #LayerWest{
          border-color: #4ab54a;
        }
        .RouteMapBlock .BlockContents #LayerEast{
          border-color: #7c91ff;
        }
        .RouteMapBlock .BlockContents #LayerSouth{
          border-color: #8f8787;
        }

/* ContentsGuideBlock
--------------------------------------------------- */
.ContentsGuideBlock{
  background: #333;
  position: relative;
  height: 26px;
}
    .ContentsGuideBlock .BlockHeader{
      padding: 7px 0px;
      width: 200px;
      background: #333;
      position: absolute;
      top: 0px;  left: 0px;
    }
        .ContentsGuideBlock .BlockHeader .Heading{
          font-size: 12px;
          font-weight: normal;
          text-align: center;
        }
            .ContentsGuideBlock .BlockHeader .Heading #Clock{
              color: #fff;
            }
    .ContentsGuideBlock .BlockContents{
      padding: 7px 0;
      background: #ddd393;
      overflow: hidden;
      width: 980px;
      height: 13px;
    }
        .ContentsGuideBlock .BlockContents .MarqueeBox marquee{
        }
            #MarqueeBottom{
              font-size: 12px;
              -webkit-marquee-style: scroll;
              -wap-marquee-style: scroll;
              overflow: hidden;
              overflow: -webkit-marquee;
              display: -wap-marquee;
              -wap-marquee-loop: infinite;
              white-space: nowrap;
              -webkit-marquee-speed: normal;
              -wap-marquee-speed: normal;
              -webkit-marquee-increment:1.1mm;
            }
/* NewsBlock
--------------------------------------------------- */
.NewsBlock{
  background: #feb843 url(../img/common/decoration/smile_light.png) no-repeat -20px -30px;
}
    .NewsBlock .BlockHeader{
      width: 180px;
      padding: 20px 10px;
      text-align: right;
      float: left;
    }
    .NewsBlock .BlockContents{
      padding: 20px 10px;
      background: #ffe0ac;
      margin-left: 200px;
    }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Box Style                                     */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

    /* TextInfoBox */
    .TextInfoBox{
      width: 200px;
    }
        .TextInfoBox .BoxHeader{
          margin: 0 0 10px;
        }
            .TextInfoBox .BoxHeader .heading{
              font-size: 14px;
              
            }
        .TextInfoBox .BoxContents{
        }
            .TextInfoBox .BoxContents .StationName{
              font-size: 14px;
              text-align: center;
            }
            .TextInfoBox .BoxContents .DefaultText{
              font-size: 12px;
              text-align: center;
            }
        .TextInfoBox .BoxFooter{
        }
            .TextInfoBox .BoxFooter .DefaultText{
              font-size: 12px;
              margin: 0;
              text-align: center;
            }

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Block Style (SideBar)                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */