/* おれんじ鉄道カラー rgb(225, 147, 36) */
/* 共通 common/css/orange/_bootstrap.css 打消し */
ul{
    margin-bottom:0px !important;
}
h2 span
{
    font-size:14px;
}
/*
::-webkit-scrollbar {
    width: 10px;
  background-color: rgb(200, 200, 200);
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
  background-color: rgb(225, 147, 36);
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
*/
/* 駅・時刻・運賃画面 */
    /* 路線図画面 ******************************************************************************/
    @media screen and (min-width: 1024px) {
        #rosen
        {
            height:90px;
        }
        #rosen #rosenzu
        {
            padding:10px 30px;
        }
    }
    @media screen and (max-width: 1346px) {
        #rosen
        {
            height:107px;
            overflow:auto;
        }
        #rosen #rosenzu
        {
            padding:10px 30px;
        }
    }
    @media screen and (max-width: 480px) {
        #rosen
        {
            height:90px;
            overflow:auto;
        }
        #rosen #rosenzu
        {
            padding:10px 10px;
        }
    }
    #SearchRosen
    {
        margin-bottom:20px;
    }
    #rosen,
    #rosen50{
        margin-bottom:20px;
    }
    #rosen
    {
        width:100%;
        background:#326f30;
    }
    #rosen #rosenzu
    {
        width: 1030px;
        margin:0px auto;
    }
    #rosen ul
    {
        font-size: 0px;
    }
    #rosen li
    {
        display: inline-block;
    }
    #rosen li span
    {
        display: inline-block;
        line-height:1;
    }

    #rosen_1,
    #rosen_2,
    #rosen_3,
    #rosen_4,
    #rosen_5,
    #rosen_6,
    #rosen_7,
    #rosen_8,
    #rosen_9,
    #rosen_10,
    #rosen_11,
    #rosen_12,
    #rosen_13,
    #rosen_14,
    #rosen_15,
    #rosen_16,
    #rosen_17,
    #rosen_18,
    #rosen_19,
    #rosen_20,
    #rosen_21,
    #rosen_22,
    #rosen_23,
    #rosen_24,
    #rosen_25,
    #rosen_26,
    #rosen_27,
    #rosen_28
     {
        width: 33px;
        height: 70px;
        margin:0px;
        padding:0px;
    }
    #rosen_1
    {
        background-image:url(../images/st001.gif);
    }
    #rosen_1:hover
    {
        background-image:url(../images/st001hover.gif);
    }
    #rosen_2
    {
        background-image:url(../images/st002.gif);
    }
    #rosen_2:hover
    {
        background-image:url(../images/st002hover.gif);
    }
    #rosen_3
    {
        background-image:url(../images/st003.gif);
    }
    #rosen_3:hover
    {
        background-image:url(../images/st003hover.gif);
    }
    #rosen_4
    {
        background-image:url(../images/st004.gif);
    }
    #rosen_4:hover
    {
        background-image:url(../images/st004hover.gif);
    }
    #rosen_5
    {
        background-image:url(../images/st005.gif);
    }
    #rosen_5:hover
    {
        background-image:url(../images/st005hover.gif);
    }
    #rosen_6
    {
        background-image:url(../images/st006.gif);
    }
    #rosen_6:hover
    {
        background-image:url(../images/st006hover.gif);
    }
    #rosen_7
    {
        background-image:url(../images/st007.gif);
    }
    #rosen_7:hover
    {
        background-image:url(../images/st007hover.gif);
    }
    #rosen_8
    {
        background-image:url(../images/st008.gif);
    }
    #rosen_8:hover
    {
        background-image:url(../images/st008hover.gif);
    }
    #rosen_9
    {
        background-image:url(../images/st009.gif);
    }
    #rosen_9:hover
    {
        background-image:url(../images/st009hover.gif);
    }
    #rosen_10
    {
        background-image:url(../images/st010.gif);
    }
    #rosen_10:hover
    {
        background-image:url(../images/st010hover.gif);
    }
    #rosen_11
    {
        background-image:url(../images/st011.gif);
    }
    #rosen_11:hover
    {
        background-image:url(../images/st011hover.gif);
    }
    #rosen_12
    {
        background-image:url(../images/st012.gif);
    }
    #rosen_12:hover
    {
        background-image:url(../images/st012hover.gif);
    }
    #rosen_13
    {
        background-image:url(../images/st013.gif);
    }
    #rosen_13:hover
    {
        background-image:url(../images/st013hover.gif);
    }
    #rosen_14
    {
        background-image:url(../images/st014.gif);
    }
    #rosen_14:hover
    {
        background-image:url(../images/st014hover.gif);
    }
    #rosen_15
    {
        background-image:url(../images/st015.gif);
    }
    #rosen_15:hover
    {
        background-image:url(../images/st015hover.gif);
    }
    #rosen_16
    {
        background-image:url(../images/st016.gif);
    }
    #rosen_16:hover
    {
        background-image:url(../images/st016hover.gif);
    }
    #rosen_17
    {
        background-image:url(../images/st017.gif);
    }
    #rosen_17:hover
    {
        background-image:url(../images/st017hover.gif);
    }
    #rosen_18
    {
        background-image:url(../images/st018.gif);
    }
    #rosen_18:hover
    {
        background-image:url(../images/st018hover.gif);
    }
    #rosen_19
    {
        background-image:url(../images/st019.gif);
    }
    #rosen_19:hover
    {
        background-image:url(../images/st019hover.gif);
    }
    #rosen_20
    {
        background-image:url(../images/st020.gif);
    }
    #rosen_20:hover
    {
        background-image:url(../images/st020hover.gif);
    }
    #rosen_21
    {
        background-image:url(../images/st021.gif);
    }
    #rosen_21:hover
    {
        background-image:url(../images/st021hover.gif);
    }
    #rosen_22
    {
        background-image:url(../images/st022.gif);
    }
    #rosen_22:hover
    {
        background-image:url(../images/st022hover.gif);
    }   
    #rosen_23
    {
        background-image:url(../images/st023.gif);
    }
    #rosen_23:hover
    {
        background-image:url(../images/st023hover.gif);
    }
    #rosen_24
    {
        background-image:url(../images/st024.gif);
    }
    #rosen_24:hover
    {
        background-image:url(../images/st024hover.gif);
    }
    #rosen_25
    {
        background-image:url(../images/st025.gif);
    }
    #rosen_25:hover
    {
        background-image:url(../images/st025hover.gif);
    }
    #rosen_26
    {
        background-image:url(../images/st026.gif);
    }
    #rosen_26:hover
    {
        background-image:url(../images/st026hover.gif);
    }
    #rosen_27
    {
        background-image:url(../images/st027.gif);
    }
    #rosen_27:hover
    {
        background-image:url(../images/st027hover.gif);
    }
    #rosen_28
    {
        background-image:url(../images/st028.gif);
    }
    #rosen_28:hover
    {
        background-image:url(../images/st028hover.gif);
    }

    #rosen50 dd{
        margin-left:30px;
    }
    #rosen50 li
    {
        background:url("../images/ya_orange.png") no-repeat scroll 5px 10px;
        padding-left:15px;
        padding-bottom:15px;
    }
    #rosen50 .name
    {
        font-size:16px;
    }
    #rosen50 .address
    {
        padding-left:30px;
    }

    #SearchKankou
    {
        width:100%;
        height:100px;
        border:1px solid #777;
        padding:10px 10px;
        margin-bottom:20px;
        background-color:rgb(242, 242, 242);
    }
    #SearchKankouLeft
    {
        width:70%;
        float:left;
        /*border:1px solid #777;*/
    }
    #SearchKankouRight
    {
        width:29%;
        float:right;
        text-align:right;
        /*border:1px solid #777;*/
    }
    #SearchKankou input.button
    {
        width:100px;
        background-color:rgb(225, 147, 36);
        color:white;
        font-weight:bold;
        font-size:18px;
        height:50px;
        text-align:center;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */ 
    }

    /* 駅詳細画面 ******************************************************************************/
    .blocktitle
    {
        display:inline-block;
        text-align: center;
        background-color: rgb(225, 147, 36);
        color: white;
        padding:5px 30px;
        margin-top:10px;
        border-top-left-radius: 10px; /* CSS3草案 */
        border-top-right-radius: 10px; /* CSS3草案 */
        -webkit-border-top-left-radius: 10px; /* Safari,Google Chrome用 */
        -webkit-border-top-right-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-top-left-radius: 10px; /* Firefox用 */
        -moz-border-top-right-radius: 10px; /* Firefox用 */
    }

    #ekimei
    {
        margin-bottom:20px;
    }
    #ekimei #toueki
    {
        width:100%;
        text-align: center;
    }
    #ekimei .touekimei
    {
        display:inline-block;
        text-align: center;
        background-color: rgb(225, 147, 36);
        color: white;
        padding:5px 15px;
        border-top-left-radius: 15px; /* CSS3草案 */
        border-top-right-radius: 15px; /* CSS3草案 */
        -webkit-border-top-left-radius: 15px; /* Safari,Google Chrome用 */
        -webkit-border-top-right-radius: 15px; /* Safari,Google Chrome用 */
        -moz-border-top-left-radius: 15px; /* Firefox用 */
        -moz-border-top-right-radius: 15px; /* Firefox用 */
    }
    #ekimei .touekimeikana
    {
        font-size:18px;
    }

    hr.touekishita
    {
        height: 3px;
        background-color: rgb(225, 147, 36);
        border: none;
        color: #ff0000;
        margin-top:-3px;
        margin-bottom:0px;
    }
    #ekimei .jiekimei,
    #ekimei .zenekimei
    {
        background-color: rgb(209, 152, 126);
        color: white;
        padding:5px 15px;
        border-bottom-left-radius: 10px; /* CSS3草案 */
        border-bottom-right-radius: 10px; /* CSS3草案 */
        -webkit-border-bottom-left-radius: 10px; /* Safari,Google Chrome用 */
        -webkit-border-bottom-right-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-bottom-left-radius: 10px; /* Firefox用 */
        -moz-border-bottom-right-radius: 10px; /* Firefox用 */
    }
    #ekimei .zenekimei
    {
        float:left;
        text-align:left;
    }
    #ekimei .jiekimei
    {
        float:right;
        text-align:right;
    }
@media screen and (min-width: 480px) {
    #ekimei .touekimei {
        width:60%;
        font-size: 28px;
        line-height:1.2;
    }
    #ekimei .jiekimei,
    #ekimei .zenekimei {
        font-size: 20px;
    }
    #ekimei .zenekimei
    {
        text-align:left;
    }
    #ekimei .jiekimei
    {
        text-align:right;
    }
}
@media screen and (max-width: 480px) {
    #ekimei .touekimei {
        width:90%;
        font-size: 22px;
    }
    #ekimei .jiekimei,
    #ekimei .zenekimei {
        font-size: 16px;
        width:45%;
        text-align:center;
    }
}
    /*駅詳細画面 駅基本情報******************************/
    #ekishosai
    {
        margin-bottom:20px;
        padding-bottom:10px;
        background-color:rgb(235, 220, 213);
        border-radius: 10px; /* CSS3草案 */
        -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-radius: 10px; /* Firefox用 */
    }
    @media screen and (min-width: 480px)
    {
        .ekiinfo-left
        {
            float:left;
            margin: 10px 0 0 10px;
            width:58%;
        }
        .ekiinfo-right
        {
            float:right;
            margin: 10px 0 0 0;
            width:39%;
            padding-top:20px;
            max-width:500px;
        }
        .ekiinfo-right img
        {
            width: 99%;
        }
    }
    @media screen and (max-width: 480px)
    {
        .ekiinfo-left
        {
            float:left;
            margin: 10px 0 0 10px;
            width:98%;
        }
        .ekiinfo-right
        {
            float:left;
            margin: 10px 10px 0 0;
            width:98%;
        }
        .ekiinfo-right img
        {
            width: 90%;
            margin-left: 30px;
        }
    }
    #ekishosai
    {
        width:100%;
    }
    .ekiinfo-left
    {
        padding-left:10px;
    }
    .ekiinfo-right
    {
        padding-bottom:20px;
        padding-right:20px;
    }
    .ekiinfo-left .ekimei
    {
        display:inline-block;
        width:98%;
        border-bottom:1px solid #000;
        font-size:20px;
    }
    .ekiinfo-left .title
    {
        display:inline-block;
        width:20%;
        vertical-align:top;
    }
    .ekiinfo-left .data
    {
        display:inline-block;
        width:80%;
    }
    /*駅詳細画面 駅画像情報******************************/
    #ekiphoto
    {
        margin-bottom:20px;
        background-color:rgb(235, 220, 213);
        padding-bottom:5px;
    }
    .mainimgx {
        border: 10px solid #fff;
        border-bottom: 10px solid #fff;
        -webkit-box-shadow: 3px 3px 3px #777;
        -moz-box-shadow: 3px 3px 3px #777;
        box-shadow: 3px 3px 3px #777;
    }

    @media screen and (min-width: 480px) {
         #ekiphoto
        {
            padding-top:20px;
            padding-left:20px;
        }

        .polaroidx
        {
            height: 300px;
            margin-right: 28px;
            margin-bottom: 15px;
            float:left;
        }

        .mainimgx
        {
            height:300px;
        }

        .polaroidx {
            transform:rotate(0deg);
        }
    }
    @media screen and (max-width: 480px) {
        #ekiphoto
        {
            padding-top:20px;
            padding-left:10px;
        }

        .polaroidx
        {
            position: relative;
            width: 100%;
            margin-right: 30px;
            margin-bottom: 10px;
            float: left;
        }

        #cont_body img.mainimgx {
            max-width:96% !important;
            width:96% !important;
        }

        .polaroidx {
            transform:rotate(0deg);
        }
    }

    /*駅詳細画面 駅設備情報******************************/
    @media screen and (min-width: 480px) {
        #ekisetsubi .ekisetsubitable {
            width: 11% !important;
        }
    }
    @media screen and (max-width: 480px) {
        #ekisetsubi .ekisetsubitable {
            width: 30% !important;
        }
    }
    #ekisetsubidata, #ekinorikaedata
    {
        width:100%;
        background-color:rgb(235, 220, 213);
        padding:10px 10px;
    }
    #ekisetsubi, #ekinorikae {
        width: 100%;
        margin-bottom: 20px;
    }
    #ekisetsubi .ekisetsubitable
     {
        background-color:white;
        margin-right:10px;
        margin-bottom:10px;
        padding:10px 10px;
        border-radius: 10px; /* CSS3草案 */
        -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-radius: 10px; /* Firefox用 */
        float:left;
    }

    #ekinorikae ul
    {
        background-color:white;
        padding:5px 10px;
        border-radius: 10px; /* CSS3草案 */
        -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-radius: 10px; /* Firefox用 */
    }


    #ekisetsubi table {
        width: 100%;
        height:102px;
    }
    #ekisetsubi tr.name {
        height: 40px;
    }
    #ekisetsubi tr.data {
        height: 20px;
    }
    #ekisetsubi td {
        border-left: 0px solid #aaa;
        border-top: 0px solid #aaa;
        border-bottom: 0px solid #aaa;
        border-right: 0px solid #aaa;
        text-align: center;
        background-color:white;
    }
    #ekisetsubi .name td {
        background-color:white;
        padding: 8px 3px 5px 3px;
        font-size: 11px;
        line-height: 1.2;
    }
    #ekisetsubi .data td {
        padding: 8px 3px 5px 3px;
        font-size: 14px;
        line-height: 1.2;
    }
    #ekisetsubi .data td .chui {
        font-size: 10px;
    }
    #ekisetsubi #chuiichiran {
        font-size: 11px;
        background-color:white;
        padding:5px 5px;
        border-radius: 10px; /* CSS3草案 */
        -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
        -moz-border-radius: 10px; /* Firefox用 */
    }
    /*駅詳細画面 駅時刻表情報******************************/
  #ekijikoku {
      margin-bottom: 20px;
  }

  .ekijikokuhead1 {
      border: 1px solid #000;
      text-align: center;
      font-size: 20px;
      background-color: rgb(209,236,255);
  }

  .ekijikokuhead2,
  .ekijikokuhead2x {
      border: 1px solid #000;
      text-align: center;
      background-color: rgb(209,236,255);
  }

  .ekijikokuhead3 {
      border: 1px solid #000;
      text-align: center;
      font-size: 14px;
      min-width:188px;
  }

  .ekijikokudata1 {
      border: 1px solid #000;
      background-color: rgb(253,246,236);
  }

  .timetable {
      height: 42px;
      padding: 2px 2px 2px 0;
      margin: 0px;
      line-height: 1;
      float: left;
  }

  .timetabled1 {
      height: 40px;
      text-align: center;
      float: left;
      line-height: 1;
      min-width:45px;
      white-space: nowrap;
      overflow: hidden;
  }

  .timetabled1span1 {
      font-size: 20px;
      white-space: nowrap;
      overflow: hidden;
      /*font-weight:bold;*/
  }

  .timetabled1span2 {
      font-size: 9px;
      color: red;
      letter-spacing: -1px;
      white-space: nowrap;
      overflow: hidden;
  }

  .timetabled2 {
      height: 40px;
      float: left;
      line-height: 1.4;
      letter-spacing: -1px;
      min-width:112px;
      white-space: nowrap;
      overflow: hidden;
  }

  .timetabled3 {
      height: 40px;
      text-align: center;
      float: right;
      background-color: rgb(87,75,156);
      color: white;
      line-height: 1.1;
      white-space: nowrap;
      overflow: hidden;
  }

  .timetablejikoku {
      font-size: 20px;
      text-align: center;
      border: 1px solid #000;
      background-color: rgb(209,236,255);
  }

  .ekijikokubiko {
      font-size: 12px;
      background-color: rgb(209,236,255);
      padding: 10px 5px;
  }

  #ekijikoku .nowHour
  {
      background-color: rgb(251, 124, 124);
  }

  .kumamonMark
  {
      font-size:14px;
      font-weight:bold;
      color:green;
      /*vertical-align: super;*/
  }
@media screen and (min-width: 480px) {
    .ekijikokuhead1 {
        /*width: 474px;*/
        width: 45%;
    }

    .ekijikokuhead2 {
        /*width: 52px;*/
        width: 10%;
    }

    .ekijikokuhead3 {
        /*width: 237px;*/
        width: 22%;
    }

    .ekijikokudata1 {
        /*width:285px;*/
        width:22%;
        font-weight:bold;
    }

    .ekijikokudata1 ul {
        margin:0px;
    }

    .timetable {
        /*width: 280px;*/
        width: 100%;
    }

    .timetabled1 {
        /*width: 53px;*/
        width: 24%;
    }

    .timetabled2 {
        /*width: 185px;*/
        width: 60%;
    }

    .timetabled3 {
        /*width: 40px;*/
        width: 15%;
        letter-spacing: -1px;
    }

    .timetablejikoku {
        /*width: 50px;*/
        width: 50px;
    }
}
@media screen and (max-width: 480px) {
    #ekijikoku,
    #nobori,
    #kudari
    {
        margin-bottom:20px;
    }
    /*nobori, 初期表示時はnoboriのみ表示*/
    #kudari
    {
        display:none;
    }

    .ekijikokuhead1
    {
        width:100%;
    }
    .ekijikokuhead2
    {
        width:10%;
    }
    .ekijikokuhead3
    {
        width:45%;
    }
    .ekijikokudata1
    {
        width:45%;
    }
    .timetable {
        width: 100%;
        min-width: 240px;
    }
    .timetabled1
    {
        width:25%;
    }
    .timetabled2
    {
        width:50%;
    }
    .timetabled3
    {
        width:25%;
    }
    .timetablejikoku
    {
        width:50px;
    }
}
    /*駅詳細画面 駅時刻表（モーダル）情報******************************/
    #jikokuhyoutate
    {
        width:280px;
        margin:10px auto;
    }
    #jikokuhyoutate .resshabanngou
    {
        border:1px solid #000;
        text-align:center;
        font-size:14px;
        background-color:rgb(209,236,255);
    }
    #jikokuhyoutate .eki,
    #jikokuhyoutate .ekix,
    #jikokuhyoutate .ekix2,
    #jikokuhyoutate .ekin,
    #jikokuhyoutate .ekin2
    {
        width: 180px !important;
    }
    #jikokuhyoutate .jikoku,
    #jikokuhyoutate .jikokux,
    #jikokuhyoutate .jikokux2,
    #jikokuhyoutate .jikokun,
    #jikokuhyoutate .jikokun2
    {
        width: 80px !important;
    }
    #jikokuhyoutate .hatchaku,
    #jikokuhyoutate .hatchakux,
    #jikokuhyoutate .hatchakux2,
    #jikokuhyoutate .hatchakun,
    #jikokuhyoutate .hatchakun2
    {
        width: 20px !important;
    }
    #jikokuhyoutate .eki
    {
        border:1px solid #000;
        text-align:center;
        font-size:14px;
        background-color:rgb(209,236,255);
    }
    #jikokuhyoutate .jikoku
    {
        border:1px solid #000;
        text-align:center;
        font-size:16px;
    }
    #jikokuhyoutate .hatchaku
    {
        border:1px solid #000;
        text-align:center;
        font-size:12px;
    }

    #jikokuhyoutate .ekix
    {
        border:1px solid #000;
        text-align:center;
        font-size:14px;
        background-color:rgb(209,236,255);
        color: #808080;
    }
    #jikokuhyoutate .jikokux
    {
        border:1px solid #000;
        text-align:center;
        font-size:16px;
        color: #808080;
    }
    #jikokuhyoutate .hatchakux
    {
        border:1px solid #000;
        text-align:center;
        font-size:12px;
        color: #808080;
    }

    #jikokuhyoutate .ekix2
    {
        border:1px solid #000;
        text-align:center;
        font-size:10px;
        background-color:rgb(209,236,255);
        color: #808080;
    }
    #jikokuhyoutate .jikokux2
    {
        border:1px solid #000;
        text-align:center;
        font-size:10px;
        color: #808080;
    }
    #jikokuhyoutate .hatchakux2
    {
        border:1px solid #000;
        text-align:center;
        font-size:12px;
        color: #808080;
    }

    #jikokuhyoutate .ekin,
    #jikokuhyoutate .ekin2
    {
        border:1px solid #000;
        text-align:center;
        font-size:14px;
        color:white;
        font-weight:bold;
    }

    #jikokuhyoutate .ekin,
    #jikokuhyoutate .jikokun,
    #jikokuhyoutate .hatchakun
    {
        background-color:rgb(87,75,156);
    }

    #jikokuhyoutate .ekin2,
    #jikokuhyoutate .jikokun2,
    #jikokuhyoutate .hatchakun2
    {
        background-color:rgb(225, 147, 36);
    }

    #jikokuhyoutate .jikokun,
    #jikokuhyoutate .jikokun2
    {
        border:1px solid #000;
        text-align:center;
        font-size:16px;
        color:white;
        font-weight:bold;
    }
    #jikokuhyoutate .hatchakun,
    #jikokuhyoutate .hatchakun2
    {
        border:1px solid #000;
        text-align:center;
        font-size:12px;
        color:white;
        font-weight:bold;
    }
@media screen and (min-width: 480px) {
    #modal-contentT{
	    width:360px;
	    height:95%;
	    margin:1.5em auto 0;
	    padding:10px 20px;
	    border:2px solid #aaa;
	    background:#fff;
	    z-index:2;
        position:fixed;
        display:none;
        top:0;
        left:0;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */  

    }

    .modal-p{
	    margin-top:1em;
    }

    .modal-p:first-child{
	    margin-top:0;
    }

    .button-link{
	    color:#00f;
	    text-decoration:underline;
    }
 
    .button-link:hover{
	    cursor:pointer;
	    color:#f00;
    }
    #modal-overlay{
	    z-index:1;
	    display:none;
	    position:fixed;
	    top:0;
	    left:0;
	    width:100%;
	    height:120%;
	    background-color:rgba(0,0,0,0.75);
    }

}
@media screen and (max-width: 480px) {
    /*モーダル用*/
    #modal-contentT{
	    width:98%;
	    height:98%;
	    margin:0;
	    padding:10px 0px;
	    border:2px solid #aaa;
	    background:#fff;
	    z-index:2;
        position:fixed;
        top:0px;
        left:0px;
        display:none;
    }

    .modal-p{
	    margin-top:1em;
    }

    .modal-p:first-child{
	    margin-top:0;
    }

    .button-link{
	    color:#00f;
	    text-decoration:underline;
    }
 
    .button-link:hover{
	    cursor:pointer;
	    color:#f00;
    }
    #modal-overlay{
	    z-index:1;
	    display:none;
	    position:fixed;
	    top:0;
	    left:0;
	    width:100%;
	    height:120%;
	    background-color:rgba(0,0,0,0.75);
    }
}

    /*駅詳細画面 駅運賃情報******************************/
    #ekiunchin
    {
        margin-bottom:20px;
    }
    #ekiunchinSearch
    {
        margin:10px 10px;
        padding:10px 10px;
        border:1px solid rgb(225, 147, 36);
    }
    #unchindata .unchinbox
    {
        margin:10px 10px;
        padding:10px 10px;
        border:2px solid rgb(225, 147, 36);
    }
    #unchindata .teikibox
    {
        margin:10px 10px;
    }
    #unchindata .unchinbox .unchin
    {
        font-size:16px;
        font-weight:bold;
        color:#ff4e00;
    }

    #unchindata .teikibox table
    {
        width:100%;
        font-size:14px;
    }
    #unchindata .teikibox th
    {
        text-align: center;
        background-color: rgb(255, 234, 203);
        border:1px solid rgb(225, 147, 36);
        width:25%;
    }
    #unchindata .teikibox td
    {
        text-align: center;
        border:1px solid rgb(225, 147, 36);
        width:25%;
    }

@media screen and (min-width: 480px) {
    #unchindata .unchinbox {
        width:40%;
        float:left;
    }
    #unchindata .teikibox {
        width:56%;
        float:left;
    }
}



    .ekiunchinhead1
    {
        /*width:222px;*/
        width:20%;
        border:1px solid #000;
        text-align:center;
        font-size:14px;
        background-color:rgb(209,236,255);
    }
    .ekiunchinhead2
    {
        /*width:110px;*/
        width:11%;
        border:1px solid #000;
        text-align:center;
        font-size:14px;
        background-color:rgb(209,236,255);
    }
    .ekiunchinhead3
    {
        /*width:330px;*/
        width:33%;
        border:1px solid #000;
        text-align:center;
        font-size:14px;
        background-color:rgb(209,236,255);
    }
    .ekiunchindata1
    {
        /*width:222px;*/
        width:22%;
        border:1px solid #000;
        text-align:center;
        font-size:16px;
    }
    .ekiunchindata2
    {
        /*width:107px;*/
        width:11%;
        border:1px solid #000;
        text-align:right;
        font-size:16px;
        padding:0 3px 0 0;
    }

    .ekiunchindata1x
    {
        /*width:224px;*/
        width:100%;
        border:1px solid #000;
        text-align:center;
        font-size:16px;
        color:white;
        font-weight:bold;
        background-color:rgb(2,10,116);
    }

    .ekiunchinBlank
    {
        width:1px;
        border:1px solid #000;
        font-size:0px;
        background-color:rgb(209,236,255);
    }
    /*駅詳細画面 駅観光情報******************************/
    #ekikankou
    {
        margin-bottom:20px;
        background-image:url(../images/CorkBoard01.jpg);
        -webkit-box-shadow: 3px 3px 3px #777;
        -moz-box-shadow: 3px 3px 3px #777;
        box-shadow: 3px 3px 3px #777;
        padding-bottom:5px;
        border: 10px solid #fff;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */  
    }
    .mainimg {
        border: 10px solid #fff;
        border-bottom: 35px solid #fff;
        -webkit-box-shadow: 3px 3px 3px #777;
        -moz-box-shadow: 3px 3px 3px #777;
        box-shadow: 3px 3px 3px #777;
        border-radius: 5px;        /* CSS3草案 */  
        -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 5px;   /* Firefox用 */  
    }

    @media screen and (min-width: 480px) {
         #ekikankou
        {
            padding-top:20px;
            padding-left:20px;
        }

        .polaroid,
        .polaroid1,
        .polaroid2,
        .polaroid3
        {
            width: 155px;
            margin-right: 28px;
            margin-bottom: 15px;
            float:left;
        }

        .mainimg
        {
            width:155px;
            height:154px;
        }

        .polaroid {
            transform:rotate(0deg);
        }
        .polaroid1 {
            transform:rotate(0deg);
        }
        .polaroid2 {
            transform:rotate(3deg);
        }
        .polaroid3 {
            transform:rotate(-3deg);
        }

        #modal-contentK .polaroid
        {
            margin-top:30px;
            margin-left:40px;
        }
    }
    @media screen and (max-width: 480px) {
        #ekikankou
        {
            padding-top:20px;
            padding-left:10px;
        }

        .polaroid,
        .polaroid1,
        .polaroid2,
        .polaroid3
        {
            position: relative;
            width: 130px;
            margin-right: 30px;
            margin-bottom: 10px;
            float: left;
        }

        .mainimg {
          width:130px;
        }

        .polaroid {
            transform:rotate(0deg);
        }
        .polaroid1 {
            transform:rotate(1deg);
        }
        .polaroid2 {
            transform:rotate(2deg);
        }
        .polaroid3 {
            transform:rotate(-2deg);
        }
    }

    #ekikankou p.title,
    #modal-contentK p.title
    {
        position: absolute;
        text-align: center;
        width: 98%;
        bottom: 0px;
        color: #444;
        line-height:1;
        margin-left:3px;
        font-size:12px;
    }
    #ekikankou .mark,
    #modal-contentK .mark
    {
        position: absolute;
        width:50px;
        height:50px;
        top:5px;
        left:5px;
        background-color:transparent !important;
    }

    #ekikankou .pin,
    #modal-contentK .pin
    {
        position: absolute;
        width:30px;
        top:-20px;
        left:65px;
    }

    #ekikankoubiko
    {
        width:95%;
        background-color:#FFF;
        padding:5px 5px 5px 5px;
        -webkit-box-shadow: 3px 3px 3px #777;
        -moz-box-shadow: 3px 3px 3px #777;
        box-shadow: 3px 3px 3px #777;
        border-radius: 5px;        /* CSS3草案 */  
        -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 5px;   /* Firefox用 */  
    }
    /*駅詳細画面 駅観光情報（モーダル）******************************/
    @media screen and (min-width: 480px)
    {
        #modal-contentK{
	        width:70%;
	        height:90%;
	        margin:1.5em auto 0;
	        padding:10px 20px;
	        border:2px solid #aaa;
	        background:#fff;
	        z-index:2;
            position:fixed;
            top:10px;
            left:10%;
            display:none;
            max-width:800px;
            border-radius: 10px;        /* CSS3草案 */  
            -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
            -moz-border-radius: 10px;   /* Firefox用 */  
        }
        #kankoudatawaku
        {
            width:100%;
            height:90%;
            overflow:auto;
            border:1px solid #777;
         }
        #kankoudata
        {
        }
        #stationItemLeft
        {
            width:35%;
            float:left;
        }
        #stationItemRight
        {
            width:60%;
            float:left;
        }
        #stationItemRight .title
        {
            font-size:18px;
            margin-top:20px;
            margin-bottom:20px;
        }

    }
    @media screen and (max-width: 480px)
    {
        #modal-contentK{
	        width:99%;
	        height:98%;
	        margin:0;
	        padding:2px 10px;
	        border:2px solid #aaa;
	        background:#fff;
	        z-index:2;
            position:fixed;
            top:0px;
            left:0px;
            display:none;
        }
        #kankoudatawaku
        {
            width:99%;
            height:90%;
            overflow:auto;
         }
        #kankoudata
        {
            width:99%;
            padding-top:30px;
        }
        #stationItemLeft
        {
            width:100%;
        }
        #stationItemRight
        {
            width:100%;
            clear:both;
        }
        #stationItemRight .title
        {
            font-size:18px;
            margin-top:20px;
            margin-bottom:20px;
        }
    }

    /*駅詳細画面 駅マップ情報******************************/
    #ekimap
    {
        margin-bottom:20px;
    }

    /*ダイヤ時刻表画面 ******************************************************************************/
    #dianoborijikoku,
    #diakudarijikoku
    {
        margin-bottom:30px;
    }
    .ekihead,
    .ekihead2,
    .ekiheadsp
    {
        font-size:11px;
        border-top:1px solid #777;
        border-left:1px solid #777;
        text-align:center;
        height:23px;
    }
    #cont_body table th.ekiheads
    {
        font-size:10px;
        border-top:1px solid #777;
        border-left:1px solid #777;
        text-align:center;
        height:23px;
        background-color:rgb(212, 212, 212);
    }
    #cont_body table th.ekihead,
    #cont_body table td.ekihead,
    #cont_body table th.ekiheadsp,
    #cont_body table td.ekiheadsp
    {
        width:70px !important;
        background-color:rgb(212, 212, 212);
    }
    #cont_body table th.ekihead2
    {
        width:140px !important;
        background-color:rgb(212, 212, 212);
    }
    .ekiheadsp
    {
        background-color:rgb(212, 212, 212);
    }
    #cont_body table td.reshahead
    {
        font-size:12px;
        width:100px !important;
        border-top:1px solid #777;
        border-left:1px solid #777;
        text-align:center;
        background-color:rgb(250, 191, 143);
        height:23px;
    }
    #cont_body table td.reshaheadx
    {
        font-size:12px;
        width:100px !important;
        border-left:1px solid #777;
        text-align:center;
        background-color:rgb(250, 191, 143);
        height:23px;
    }
    #cont_body table td.ekidata,
    #cont_body table td.ekidatasp,
    #cont_body table td.ekidatajr,
    #cont_body table td.ekidatax,
    #cont_body table td.ekidataspx,
    #cont_body table td.ekidatajrx
    {
        font-size:12px;
        width:70px !important;
        border-Left:1px solid #777;
        text-align:center;
        padding:0 0 0 0;
        height:23px;
    }
    .ekidata,
    .ekidatasp,
    .ekidatajr
    {
        border-top:1px solid #777;
    }
    .ekidatax,
    .ekidataspx,
    .ekidatajrx
    {
        border-top:1px dashed #999;
    }
    .ekidatasp,
    .ekidataspx
    {
        background-color:rgb(247,241,123);
    }
    .ekidatajr,
    .ekidatajrx
    {
        background-color:rgb(153,204,255);
    }
    .ekidatablankh
    {
        border-top:1px solid #777;
        height:0px;
    }
    #cont_body table td.ekidatablankw
    {
        border-left:1px solid #777;
        width:0px !important;
        height:23px;
    }
    .ekidatabiko,
    .ekidatabikox
    {
        font-size:12px;
        border-top:1px dashed #999;
        padding:0 0 0 0;
        height:23px;
        background-color:rgb(255, 248, 242);
    }
    .ekidatabiko
    {
        border-Left:1px solid #777;
    }

    .fontcolorkai
    {
        color:blue;
    }
    .fontcolorshoku
    {
        color:red;
    }
    /*運行スケジュール画面 ******************************************************************************/
    #SearchWrapSchedule,
    #SearchWrapSchedule2
    {
        width:100%;
        border:1px solid #777;
        padding:10px 10px;
        margin-bottom:20px;
        background-color:rgb(242, 242, 242);
    }
    #SearchWrapSchedule
    {
        /*height:145px;*/
    }
    #SearchWrapSchedule2
    {
        /*height:170px;*/
    }
    #SearchWrapScheduleLeft
    {
        width:80%;
        float:left;
        /*border:1px solid #777;*/
    }
    #SearchWrapScheduleRight
    {
        width:19%;
        float:right;
        text-align:right;
        /*border:1px solid #777;*/
    }
    #SearchWrapSchedule .button,
    #SearchWrapSchedule2 .button
    {
        background-color:rgb(225, 147, 36);
        color:white;
        font-weight:bold;
        font-size:18px;
        height:50px;
        text-align:center;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */ 
    }
    #SearchWrapSchedule .searchItemTitle,
    #SearchWrapSchedule2 .searchItemTitle
    {
        font-size:12px;
    }
    #searchTrainList {
        margin-top:10px;
    }
    #searchTrainList li
    {
        width:97%;
        font-size:12px;
        line-height:1.2;
    }
    #searchDayList {
        margin-top:10px;
    }
    #searchDayList li
    {
        display:inline-block;
        width:70px;
        font-size:12px;
        line-height:1.2;
    }
@media screen and (min-width: 480px) {
    #SearchWrapSchedule .button,
    #SearchWrapSchedule2 .button {
        width: 100px;
    }
}
@media screen and (max-width: 480px) {
    #SearchWrapSchedule .button,
    #SearchWrapSchedule2 .button {
        width: 70px;
    }
}
    /*時刻運賃検索画面 ******************************************************************************/
    #SearchJikokuUnchin,
    #JikokuUnchin
    {
        margin-bottom:20px;
    }
    #SearchJikokuUnchin
    {
        background-color:rgb(242, 242, 242);
    }

    #SearchJikokuUnchin .thisDays,
    #SearchJikokuUnchin .nextDays
    {
        display:none;
    }

    #ekiunchin #outUnchinMsg,
    #ekikanjikoku #outDiaMsg
    {
        margin:20px auto;
        width:70%;
        font-size:20px;
        border:2px solid rgb(225, 147, 36);
        padding:20px 20px;
    }

@media screen and (min-width: 480px){
    #SearchJikokuUnchin {
        width: 100%;
    }
    #SearchJikokuUnchinLeft {
        width: 70%;
    }
    #SearchJikokuUnchinRight {
        width:29%;
    }
    #SearchJikokuUnchin .button {
        width: 100px;
    }
}
@media screen and (max-width: 480px){
    #SearchJikokuUnchin {
        width: 100%;
    }
    #SearchJikokuUnchinLeft {
        width: 80%;
    }
    #SearchJikokuUnchinRight {
        width:19%;
    }
    #SearchJikokuUnchin .button {
        width: 70px;
    }
}

    #SearchJikokuUnchin
    {
        border:1px solid #777;
        padding:10px 10px;
        margin-bottom:20px;
    }
    #SearchJikokuUnchinLeft
    {
        float:left;
        /*border:1px solid #777;*/
    }
    #SearchJikokuUnchinRight
    {
        float:right;
        text-align:right;
        /*border:1px solid #777;*/
    }
    #SearchJikokuUnchin .button
    {
        background-color:rgb(225, 147, 36);
        color:white;
        font-weight:bold;
        font-size:18px;
        height:50px;
        text-align:center;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */ 
    }

    #ekikanjikoku {
        margin-bottom: 20px;
    }

    #ekikanjikoku .ekijikokuhead1 {
        border: 1px solid #000;
        text-align: center;
        font-size: 20px;
        background-color: rgb(209,236,255);
    }

    #ekikanjikoku .ekijikokuhead2 {
        border: 1px solid #000;
        text-align: center;
        background-color: rgb(209,236,255);
    }

  #ekikanjikoku .ekijikokuhead3 {
      border: 1px solid #000;
      text-align: center;
      font-size: 14px;
  }

  #ekikanjikoku .ekijikokudata1 {
      border: 1px solid #000;
      background-color: rgb(253,246,236);
  }

  #ekikanjikoku .timetable {
      height: 42px;
      padding: 2px 2px 2px 0;
      margin: 0px;
      line-height: 1;
      float: left;
  }

  #ekikanjikoku .timetabled1 {
      height: 40px;
      text-align: center;
      float: left;
      line-height: 1;
  }

  #ekikanjikoku .timetabled1span1 {
      font-size: 20px;
      /*font-weight:bold;*/
  }

  #ekikanjikoku .timetabled1span2 {
      font-size: 9px;
      color: red;
  }

  #ekikanjikoku .timetabled2 {
      height: 40px;
      float: left;
      line-height: 1.4;
  }

  #ekikanjikoku .timetabled3 {
      height: 40px;
      text-align: center;
      float: right;
      background-color: rgb(87,75,156);
      color: white;
      line-height: 1.1;
  }

  #ekikanjikoku .timetablejikoku {
      font-size: 20px;
      text-align: center;
      border: 1px solid #000;
      background-color: rgb(209,236,255);
  }

  #ekikanjikoku .ekijikokubiko {
      font-size: 12px;
      background-color: rgb(209,236,255);
      padding: 10px 5px;
  }

  #ekikanjikoku .nowHour
  {
      background-color: rgb(255, 201, 201);
  }
@media screen and (min-width: 480px) {
    #ekikanjikoku .ekijikokuhead1 {
        width: 474px;
    }

    #ekikanjikoku .ekijikokuhead2 {
        width: 52px;
    }

    #ekikanjikoku .ekijikokuhead2x {
        width: 90%;
    }

    #ekikanjikoku .ekijikokuhead3 {
        width: 237px;
    }

    #ekikanjikoku .ekijikokudata1 {
        width: 262px;
    }

    #ekikanjikoku .timetable {
        width: 260px;
    }

    #ekikanjikoku .timetabled1 {
        width: 53px;
    }

    #ekikanjikoku .timetabled2 {
        width: 160px;
    }

    #ekikanjikoku .timetabled3 {
        width: 40px;
    }

    #ekikanjikoku .timetablejikoku {
        width: 50px;
    }

    #ekikanjikoku .timetablebiko {
        display:inline-block;
        /*width:650px;*/
        font-size: 14px;
        padding: 5px 10px;
        line-height:1.2;
        color:#555;
        /*display:none;*/
    }

}
@media screen and (max-width: 480px) {
    #ekikanjikoku .ekijikokuhead1
    {
        width:100%;
    }
    #ekikanjikoku .ekijikokuhead2
    {
        width:10%;
    }
    #ekikanjikoku .ekijikokuhead2x
    {
        width:90%;
    }
    #ekikanjikoku .ekijikokuhead3
    {
        width:45%;
    }
    #ekikanjikoku .ekijikokudata1
    {
        width:45%;
    }
    #ekikanjikoku .timetable
    {
        width:100%;
    }
    #ekikanjikoku .timetabled1
    {
        width:25%;
    }
    #ekikanjikoku .timetabled2
    {
        width:50%;
    }
    #ekikanjikoku .timetabled3
    {
        width:25%;
    }
    #ekikanjikoku .timetablejikoku
    {
        width:50px;
    }
    #ekikanjikoku .timetablebiko
    {
        display:none;
    }

}
    /*おれんじちゃんおすすめの店画面 ******************************************************************************/
    #SearchOrangeChan
    {
        width:100%;
        border:1px solid #777;
        padding:10px 10px;
        margin-bottom:20px;
        background-color:rgb(242, 242, 242);
    }
    #SearchOrangeChanLeft
    {
        float:left;
        width:80%;
        /*border:1px solid #777;*/
    }
    #SearchOrangeChanRight
    {
        width:19%;
        float:right;
        text-align:right;
        padding-top:30px;
        /*border:1px solid #777;*/
    }
    #SearchOrangeChan input.button
    {
        background-color:rgb(225, 147, 36);
        color:white;
        font-weight:bold;
        font-size:18px;
        height:50px;
        text-align:center;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */ 
    }
    #searchStationList {
        margin-top:10px;
    }
    #searchStationList li
    {
        font-size:12px;
        line-height:1.2;
        display:inline-block;
    }
@media screen and (min-width: 480px) {
    #SearchOrangeChan {
        height: 150px;
    }
    #SearchOrangeChan input.button {
        width:100px;
    }
    #searchStationList li
    {
        width:184px;
    }
}
@media screen and (max-width: 480px) {
    #SearchOrangeChan {
        height: 270px;
    }
    #SearchOrangeChan input.button {
        width:70px;
    }
    #searchStationList li
    {
        width:135px;
    }
}
    #orangeChanList li
    {
        background:url("../images/ya_orange.png") no-repeat scroll 5px 10px;
        padding-left:15px;
    }