@charset "UTF-8";
/* =================================================================================

 Common style of group

================================================================================= */
div#main,
div#side {
  margin-right: 0;
}

div#main {
  width: 700px;
  float: left;
}

div#side {
  width: 220px;
  float: right;
}

/** /traffic/css/style.css を上書き */
div#diaSearchTab .tabbody {
  background: none;
  padding: 0;
}

div#diaSearchTab ul.tabs-list {
  margin-left: -2px;
}

div#diaSearchTab ul.tabs-list li {
  margin-left: 2px;
  display: inline;
}

/** div#diaSearchTab */
* html div#diaSearchTab ul.tabs-list {
  width: 222px;
}

div#diaSearchOptionBox {
  margin-left: 36px;
}

div#diaSearch {
  background: url(/common/css/img/curvy_w220_btm.gif) no-repeat left bottom;
}

div#diaSearchNav {
  background: url(/common/css/img/curvy_w220_mdl.gif) repeat-y left top;
}

div#side ul.sideImportant li {
  margin-right: 11px;
}

/* 路線図から探す */
.mt0 {
  margin-top: 0px;
}

ul.sideRoute {
  border-top: none;
  background-color: #FFF;
  position: relative;
  width: 219px;
  left: 0;
}

ul.sideRoute li {
  margin-top: 0 !important;
  padding: 10px 25px 0;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  background-position: 14px 13px;
}

/* layout.css を上書き */
div#side ul.arrow02 li {
  margin-top: 7px;
  line-height: 1.3;
}

/* ****************************************************************************

　サイド

------------------------------------------------------------------------------- */
div#diaSearchBox label img {
  padding-top: 4px;
}

/* ****************************************************************************

　メイン

------------------------------------------------------------------------------- */
h1#title span {
  font-size: 60%;
  padding-left: 10px;
}

#stationWrap {
  /**
  .row_wrap:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  */
  /* IE7 
  
  .row_wrap{
    display: inline-block;
  }
  */
  /* legacy IE */
  /**
  * html .row_wrap{
    height: 1%;
  }

  .row_wrap{
    display: block;
  }
  */
}

#stationWrap a.btn-text {
  display: block;
  position: relative;
  border-radius: 5px;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 1%, #f0f0f0 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 1%, #f0f0f0 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 1%, #f0f0f0 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */
  padding: 1em 10px 1em 35px;
  font-weight: bold;
  line-height: 1;
  border: solid 1px #e1e1e1;
  font-feature-settings: "palt";
  color: #333;
  font-size: 13px;
}

#stationWrap a.btn-text:hover {
  opacity: .6;
  text-decoration: none;
}

#stationWrap a.btn-text::before {
  content: url("/traffic/common/img/arrow01.png");
  display: block;
  position: absolute;
  left: 10px;
  top: calc(50% - 7px);
}

#stationWrap a._blank:after {
  content: url("/common/img/icon/external.gif");
  display: block;
  width: 10px;
  height: 9px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
}

#stationWrap a._pdf:before {
  content: url("/common/css/img/icon/pdf.gif");
  display: block;
  width: 10px;
  height: 9px;
  position: absolute;
  left: 10px;
  top: 50%;
  top: calc(50% - 7px);
}

#stationWrap a._arrow:before {
  content: url("/traffic/common/img/arrow01.png");
  display: block;
  position: absolute;
  left: 10px;
  top: calc(50% - 7px);
}

#stationWrap a._btn {
  display: block;
  position: relative;
  border-radius: 5px;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 1%, #f0f0f0 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 1%, #f0f0f0 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 1%, #f0f0f0 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */
  padding: 1em 10px 1em 35px;
  font-weight: bold;
  line-height: 1;
  border: solid 1px #e1e1e1;
  font-feature-settings: "palt";
  color: #333;
  font-size: 13px;
}

#stationWrap a._btn:hover {
  opacity: .6;
  text-decoration: none;
}

div#stationLT .note li,
div#stationLB .note li,
div#stationR .note li {
  padding-left: 1em;
  text-indent: -1em;
}

div#stationLT .note .red,
div#stationLB .note .red,
div#stationR .note .red {
  color: #cc1800;
}

div#stationLT,
div#stationLB {
  float: left;
  width: 320px;
  clear: left;
}

div#stationR {
  float: right;
  width: 360px;
  padding-bottom: 20px;
}

div#stationR div.box {
  padding-bottom: 15px;
  width: 360px;
  background: #FFF url(img/box_station_btm.gif) no-repeat left bottom;
}

div#stationR div.box h2 {
  padding: 11px 0 9px 30px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 123.1%;
  font-weight: bold;
  background: #FFF url(img/box_station_top.gif) no-repeat left top;
}

div#stationR div.box h3 {
  padding-top: 15px;
  font-weight: bold;
}

div#stationR div.box p.alignRight {
  font-size: 78%;
}

div#stationR div.boxIn {
  padding: 15px 20px 0;
  background: #FFF url(img/box_station_mdl.gif) repeat-y left top;
}

/* 時刻表 */
ul#timeList {
  margin-bottom: 10px;
}

ul#timeList li {
  margin-bottom: 5px;
}

ul#timeList li span {
  padding-right: 10px;
  font-weight: bold;
  display: inline-block;
  width: 113px;
}

ul#timeList li img {
  padding-right: 5px;
  width: 85px;
}

/** 2015春の特別ダイヤ */
.extraTimetable {
  margin-top: 10px;
  padding: 0 10px 10px 10px;
  background: #ffe7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url("/traffic/js/PIE/PIE.htc");
  font-size: 100%;
  line-height: 1.5;
}

.extraTimetable .title {
  padding: 0 0 8px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6c2ca;
  text-align: center;
  font-size: 18px;
  color: #f72959;
}

.extraTimetable ul.timeList {
  margin-top: 10px;
  margin-bottom: 10px;
}

.extraTimetable ul.timeList li {
  margin-bottom: 5px;
}

.extraTimetable ul.timeList li span {
  padding-right: 10px;
  font-weight: bold;
  display: inline-block;
  width: 113px;
}

.extraTimetable ul.timeList li img {
  padding-right: 5px;
}

/** /2015春の特別ダイヤ */
/* 駅の設備・構内図 */
div#premises {
  margin-top: 20px;
  margin-bottom: 20px;
  /** のりば案内 */
  /** 設備 */
}

div#premises h3 {
  margin-bottom: 3px;
}

div#premises ul.noribaList {
  margin-bottom: 10px;
}

div#premises ul.noribaList li {
  margin-top: 5px;
}

div#premises ul.noribaList a.btn-noriba {
  display: block;
  position: relative;
  border-radius: 5px;
  color: #333;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 1%, #f0f0f0 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 1%, #f0f0f0 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 1%, #f0f0f0 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 );
  /* IE6-9 */
  padding: 1em 10px 1em 35px;
  font-weight: bold;
  line-height: 1.2;
  border: solid 1px #e1e1e1;
}

div#premises ul.noribaList a.btn-noriba:hover {
  opacity: .6;
  text-decoration: none;
}

div#premises ul.noribaList a.btn-noriba::before {
  content: url("/common/css/img/icon/pdf.gif");
  display: block;
  position: absolute;
  left: 10px;
  top: calc(50% - 7px);
}

div#premises ul.noribaList a.btn-noriba::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #011961;
  border-right: 2px solid #011961;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

div#premises ul.pictList {
  margin-bottom: 10px;
}

div#premises ul.pictList li {
  margin-right: 10px;
}

div#premises ul.pictList li img.off {
  opacity: .1;
}

/** その他 */
.sharecycle {
  /** シェアサイクル・レンタサイクル */
}

.sharecycle a {
  color: #333;
}

@media screen and (max-width: 767px) {
  .sharecycle {
    padding-top: 10px;
  }
}

ul.btnList {
  margin-right: -10px;
  width: 330px;
}

ul.btnList li {
  margin-right: 10px;
  margin-top: 10px;
}

div#premises p.alignRight {
  margin-bottom: 5px;
}

/* 大津線用 */
ul.pictList li.iconNotes {
  margin-bottom: 10px;
  margin-right: 0;
  letter-spacing: -.40em;
}

ul.pictList li.iconNotes img {
  vertical-align: middle;
  width: 33px;
}

ul.pictList li.iconNotes img,
ul.pictList li.iconNotes span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
}

ul.pictList li.iconNotes span {
  margin-left: 10px;
  padding-left: 15px;
  width: 245px;
}

/** バリアフリー */
.notes-varrierfree {
  margin: 10px 0;
}

.notes-varrierfree .tel {
  margin: 0.5em 0;
}

.notes-varrierfree .tel strong {
  font-size: 138.5%;
}

.notes-varrierfree .note li {
  padding-left: 1em;
  text-indent: -1em;
}

/* 定期券うりば */
div.ticket {
  margin-top: 20px;
  margin-bottom: 20px;
}

div.ticket h3,
div.ticket dl {
  float: left;
}

div#stationR div.ticket.box h3 {
  padding-top: 0;
  width: 110px;
}

#ticket h3 {
  font-size: 90%;
  margin-bottom: 0px;
}

#ticket p {
  margin-bottom: 0px;
}

div.ticket {
  /* for Fx, Safari, IE7 (except IE6) */
}

div.ticket dl {
  margin-top: -2px;
  width: 210px;
}

div.ticket dl dt {
  clear: left;
  float: left;
  width: 70px;
}

div.ticket dl > dd {
  float: left;
  width: 140px;
}

/* for IE7 only */
* + html div.ticket dl > dd {
  float: none;
}

/* for IE6 only */
* html div.ticket dl dd {
  margin-left: 51px;
  zoom: 1;
}

/* 定期券うりば */
div#stationR div.ticket {
  padding-bottom: 12px;
}

div.attendant {
  /** margin-bottom:10px; */
  /** padding-bottom:7px; */
}

div#ticketMachine {
  margin-bottom: 4px;
}

/* GoogleMap */
div#map_canvas {
  margin-top: 20px;
  width: 320px;
  height: 280px;
}

dl#address {
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 11px;
  padding-top: 14px;
  width: 320px;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}

dl#address dt {
  clear: left;
  float: left;
  width: 62px;
  font-weight: bold;
  text-align: center;
}

/* for Fx, Safari, IE7 (except IE6) */
dl#address > dd {
  float: left;
  width: 253px;
}

/* for IE7 only */
* + html dl#address > dd {
  float: none;
}

/* for IE6 only */
* html dl#address dd {
  margin-left: 62px;
  zoom: 1;
}

/* バナー */
ul#bnrList {
  margin-top: 20px;
}

ul#bnrList li {
  margin-top: 10px;
}

/* 大津線用　乗車券類 */
div#otsuTicket {
  margin-top: 20px;
  padding-bottom: 15px;
  width: 700px;
  background: #FFF url(img/box_route_btm.gif) no-repeat left bottom;
}

div#otsuTicket h2 {
  padding: 10px 0 9px 30px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 123.1%;
  font-weight: bold;
  background: #FFF url(img/box_route_top.gif) no-repeat left top;
}

div#otsuTicket div#otsuTicketIn {
  padding: 20px 20px 0;
  background: #FFF url(img/box_route_mdl.gif) repeat-y left top;
}

/* 路線図 */
div#routeMap {
  margin-top: 20px;
  padding-bottom: 25px;
  width: 700px;
  background: #FFF url(img/box_route_btm.gif) no-repeat left bottom;
}

div#routeMap h2 {
  padding: 10px 0 9px 30px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 123.1%;
  font-weight: bold;
  background: #FFF url(img/box_route_top.gif) no-repeat left top;
}

div#routeMap div#routeMapIn {
  padding: 20px 20px 0;
  background: #FFF url(img/box_route_mdl.gif) repeat-y left top;
}

/* curvybox width:700 */
div.curvy700 div.curvyIn {
  padding: 17px 20px 16px;
}

/* ****************************************************************************

　アイコンの説明

------------------------------------------------------------------------------- */
div.ttlCurvyg750 {
  margin-top: 20px;
  margin-bottom: 15px;
  padding-bottom: 12px;
  background: #f2f2f2 url(img/curvy_w750g_btm.gif) no-repeat left bottom;
  zoom: 1;
  width: 750px;
}

div.ttlCurvyg750 .curvygIn {
  padding-top: 12px;
  background: #f2f2f2 url(img/curvy_w750g_top.gif) no-repeat left top;
  font-size: 123.1%;
  font-weight: bold;
}

div.ttlCurvyg750 .curvygIn span {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  background-color: #f2f2f2;
}

ul.pictgram {
  margin-top: -5px;
  overflow: hidden;
}

ul.pictgram li {
  margin-top: 14px;
  margin-bottom: -1px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e1e1e1;
  width: 250px;
  letter-spacing: -.40em;
}

ul.pictgram li img,
ul.pictgram li span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
}

ul.pictgram li img {
  vertical-align: middle;
  margin-left: 15px;
  width: 33px;
}

ul.pictgram li span {
  padding-left: 10px;
  width: 192px;
}

ul.pictgram li#kurumaisuIcon span {
  width: 165px;
}

ul.pictgram li#kurumaisuIcon img {
  width: 60px;
}

/* あとで移動 */
/* 路線図から検索 */
dl#rosenmap {
  margin: 0 auto;
  background-image: url(/traffic/station/stationinfo/css/img/route.png);
  background-repeat: no-repeat;
  background-repeat: 0 0;
  width: 650px;
  height: 326px;
  position: relative;
}

#rosenmap dt {
  position: absolute;
  display: none;
}

#rosenmap dd {
  position: absolute;
}

#rosenmap dd a {
  position: absolute;
  /** background: rgba(255,200,200,.7); */
}

#rosenmap dd a span {
  display: none;
}

#rosenmap dd a:hover, #rosenmap dd a.select {
  background-image: url(/traffic/station/stationinfo/css/img/route_on.png);
  position: absolute;
  background-repeat: no-repeat;
}

.t45 {
  top: 45px;
}

.t77 {
  top: 77px;
}

.t92 {
  top: 92px;
}

.t115 {
  top: 115px;
}

.t117 {
  top: 117px;
}

.t128 {
  top: 128px;
}

.t141 {
  top: 141px;
}

.t146 {
  top: 146px;
}

.t154 {
  top: 154px;
}

.t155 {
  top: 155px;
}

.t166 {
  top: 166px;
}

.t173 {
  top: 173px;
}

.t178 {
  top: 178px;
}

.t189 {
  top: 189px;
}

.t206 {
  top: 206px;
}

.t211 {
  top: 211px;
}

.l241 {
  left: 241px;
}

.l424 {
  left: 424px;
}

.l447 {
  left: 447px;
}

.l484 {
  left: 484px;
}

.l294 {
  left: 294px;
}

.l386 {
  left: 386px;
}

.l587 {
  left: 587px;
}

.l594 {
  left: 594px;
}

.w11h48 a {
  width: 11px;
  height: 48px;
}

.w11h70 a {
  width: 11px;
  height: 70px;
}

.w12h70 a {
  width: 12px;
  height: 70px;
}

.w13h52 a {
  width: 13px;
  height: 52px;
}

.w13h30 a {
  width: 13px;
  height: 30px;
}

.w13h70 a {
  width: 13px;
  height: 70px;
}

.w55h11 a {
  width: 55px;
  height: 11px;
}

.w48h13 a {
  width: 48px;
  height: 13px;
}

.w59h11 a {
  width: 59px;
  height: 11px;
}

.w59h13 a {
  width: 59px;
  height: 13px;
}

.w63h11 a {
  width: 63px;
  height: 11px;
}

.w70h16 a {
  width: 70px;
  height: 16px;
}

.w70h13 a {
  width: 70px;
  height: 13px;
}

/** 淀屋橋 */
#eki010 {
  left: 28px;
}

#eki010 a:hover,
#eki010 a.select {
  background-position: -28px -206px;
}

/** 北浜 */
#eki011 {
  left: 43px;
}

#eki011 a:hover,
#eki011 a.select {
  background-position: -43px -206px;
}

/** 天満橋 */
#eki020 {
  left: 56px;
}

#eki020 a:hover,
#eki020 a.select {
  background-position: -56px -206px;
}

/** 京橋 */
#eki030 {
  left: 69px;
}

#eki030 a:hover,
#eki030 a.select {
  background-position: -69px -206px;
}

/** 野江 */
#eki031 {
  left: 82px;
}

#eki031 a:hover,
#eki031 a.select {
  background-position: -82px -146px;
}

/** 関目 */
#eki032 {
  left: 96px;
}

#eki032 a:hover,
#eki032 a.select {
  background-position: -96px -146px;
}

/** 森小路 */
#eki033 {
  left: 109px;
}

#eki033 a:hover,
#eki033 a.select {
  background-position: -109px -146px;
}

/** 千林 */
#eki034 {
  left: 122px;
}

#eki034 a:hover,
#eki034 a.select {
  background-position: -122px -146px;
}

/** 滝井 */
#eki035 {
  left: 135px;
}

#eki035 a:hover,
#eki035 a.select {
  background-position: -135px -146px;
}

/** 土居 */
#eki036 {
  left: 148px;
}

#eki036 a:hover,
#eki036 a.select {
  background-position: -148px -146px;
}

/** 守口市 */
#eki040 {
  left: 161px;
}

#eki040 a:hover,
#eki040 a.select {
  background-position: -161px -146px;
}

/** 西三荘 */
#eki041 {
  left: 175px;
}

#eki041 a:hover,
#eki041 a.select {
  background-position: -175px -146px;
}

/** 門真市 */
#eki042 {
  left: 188px;
}

#eki042 a:hover,
#eki042 a.select {
  background-position: -188px -146px;
}

/** 古川橋 */
#eki043 {
  left: 201px;
}

#eki043 a:hover,
#eki043 a.select {
  background-position: -201px -146px;
}

/** 大和田 */
#eki044 {
  left: 214px;
}

#eki044 a:hover,
#eki044 a.select {
  background-position: -214px -146px;
}

/** 萱島 */
#eki050 {
  left: 227px;
}

#eki050 a:hover,
#eki050 a.select {
  background-position: -227px -146px;
}

/** 寝屋川市 */
#eki070 {
  left: 240px;
}

#eki070 a:hover,
#eki070 a.select {
  background-position: -240px -146px;
}

/** 香里園 */
#eki080 {
  left: 253px;
}

#eki080 a:hover,
#eki080 a.select {
  background-position: -253px -146px;
}

/** 光善寺 */
#eki081 {
  left: 266px;
}

#eki081 a:hover,
#eki081 a.select {
  background-position: -266px -146px;
}

/** 枚方公園 */
#eki082 {
  left: 279px;
}

#eki082 a:hover,
#eki082 a.select {
  background-position: -279px -146px;
}

/** 枚方市 */
#eki090 {
  left: 292px;
}

#eki090 a:hover,
#eki090 a.select {
  background-position: -292px -146px;
}

/** 御殿山 */
#eki091 {
  left: 306px;
}

#eki091 a:hover,
#eki091 a.select {
  background-position: -306px -146px;
}

/** 牧野 */
#eki092 {
  left: 319px;
}

#eki092 a:hover,
#eki092 a.select {
  background-position: -319px -146px;
}

/** 樟葉 */
#eki100 {
  left: 333px;
}

#eki100 a:hover,
#eki100 a.select {
  background-position: -333px -146px;
}

/** 橋本 */
#eki101 {
  left: 346px;
}

#eki101 a:hover,
#eki101 a.select {
  background-position: -346px -146px;
}

/** 石清水八幡宮 */
#eki110 {
  left: 359px;
}

#eki110 a:hover,
#eki110 a.select {
  background-position: -359px -146px;
}

/** 淀 */
#eki120 {
  left: 372px;
}

#eki120 a:hover,
#eki120 a.select {
  background-position: -372px -146px;
}

/** 中書島 */
#eki130 {
  left: 385px;
}

#eki130 a:hover,
#eki130 a.select {
  background-position: -385px -146px;
}

/** 伏見桃山 */
#eki131 {
  left: 399px;
}

#eki131 a:hover,
#eki131 a.select {
  background-position: -399px -146px;
}

/** 丹波橋 */
#eki140 {
  left: 412px;
}

#eki140 a:hover,
#eki140 a.select {
  background-position: -412px -146px;
}

/** 墨染 */
#eki141 {
  left: 426px;
}

#eki141 a:hover,
#eki141 a.select {
  background-position: -426px -146px;
}

/** 藤森 */
#eki142 {
  left: 439px;
}

#eki142 a:hover,
#eki142 a.select {
  background-position: -439px -146px;
}

/** 龍谷大前深草 */
#eki150 {
  left: 450px;
  top: 133px;
}

#eki150 a:hover,
#eki150 a.select {
  background-position: -450px -133px;
}

/** 伏見稲荷 */
#eki151 {
  top: 189px;
  left: 462px;
}

#eki151 a:hover,
#eki151 a.select {
  background-position: -462px -189px;
}

/** 鳥羽街道 */
#eki152 {
  top: 178px;
  left: 471px;
}

#eki152 a:hover,
#eki152 a.select {
  background-position: -471px -178px;
}

/** 東福寺 */
#eki153 {
  top: 166px;
  left: 477px;
}

#eki153 a:hover,
#eki153 a.select {
  background-position: -477px -166px;
}

/** 七条 */
#eki160 {
  top: 154px;
  left: 482px;
}

#eki160 a {
  width: 43px;
  height: 13px;
}

#eki160 a:hover,
#eki160 a.select {
  background-position: -482px -154px;
}

/** 清水五条 */
#eki161 {
  top: 141px;
}

#eki161 a:hover,
#eki161 a.select {
  background-position: -484px -141px;
}

/** 祇園四条 */
#eki162 {
  top: 128px;
}

#eki162 a:hover,
#eki162 a.select {
  background-position: -484px -128px;
}

/** 三条 */
#eki170 {
  top: 115px;
}

#eki170 a:hover, #eki170 a.select {
  background-position: -484px -115px;
}

/** 神宮丸太町 */
#eki171 {
  top: 92px;
}

#eki171 a:hover,
#eki171 a.select {
  background-position: -424px -92px;
}

/** 出町柳 */
#eki180 {
  top: 77px;
}

#eki180 a:hover,
#eki180 a.select {
  background-position: -424px -77px;
}

/** 宮之阪 */
#eki216 {
  top: 219px;
}

#eki216 a:hover,
#eki216 a.select {
  background-position: -241px -219px;
}

/** 星ケ丘 */
#eki215 {
  top: 233px;
}

#eki215 a:hover,
#eki215 a.select {
  background-position: -241px -233px;
}

/** 村野 */
#eki214 {
  top: 246px;
}

#eki214 a:hover,
#eki214 a.select {
  background-position: -241px -246px;
}

/** 郡津 */
#eki213 {
  top: 259px;
}

#eki213 a:hover,
#eki213 a.select {
  background-position: -241px -259px;
}

/** 交野市 */
#eki212 {
  top: 273px;
}

#eki212 a:hover,
#eki212 a.select {
  background-position: -241px -273px;
}

/** 河内森 */
#eki211 {
  top: 286px;
}

#eki211 a:hover,
#eki211 a.select {
  background-position: -241px -286px;
}

/** 私市 */
#eki210 {
  top: 299px;
}

#eki210 a:hover,
#eki210 a.select {
  background-position: -241px -299px;
}

/** 観月橋 */
#eki316 {
  top: 221px;
}

#eki316 a:hover,
#eki316 a.select {
  background-position: -386px -221px;
}

/** 桃山南口 */
#eki315 {
  top: 236px;
}

#eki315 a:hover,
#eki315 a.select {
  background-position: -386px -236px;
}

/** 六地蔵 */
#eki314 {
  top: 251px;
}

#eki314 a:hover,
#eki314 a.select {
  background-position: -386px -251px;
}

/** 木幡 */
#eki313 {
  top: 265px;
}

#eki313 a:hover,
#eki313 a.select {
  background-position: -386px -265px;
}

/** 黄檗 */
#eki312 {
  top: 281px;
}

#eki312 a:hover,
#eki312 a.select {
  background-position: -386px -281px;
}

/** 三室戸 */
#eki311 {
  top: 296px;
}

#eki311 a:hover,
#eki311 a.select {
  background-position: -386px -296px;
}

/** 宇治 */
#eki310 {
  top: 311px;
}

#eki310 a:hover,
#eki310 a.select {
  background-position: -386px -311px;
}

/** 中之島 */
#eki280 {
  left: 0px;
}

#eki280 a:hover,
#eki280 a.select {
  background-position: 0px -146px;
}

/** 渡辺橋 */
#eki281 {
  left: 14px;
}

#eki281 a:hover,
#eki281 a.select {
  background-position: -14px -146px;
}

/** 大江橋 */
#eki282 {
  left: 28px;
}

#eki282 a:hover,
#eki282 a.select {
  background-position: -28px -146px;
}

/** なにわ橋 */
#eki283 {
  left: 43px;
}

#eki283 a:hover,
#eki283 a.select {
  background-position: -43px -146px;
}

/** 御陵 */
#misasagi {
  left: 517px;
}

#misasagi a:hover,
#misasagi a.select {
  background-position: -517px -45px;
}

/** 京阪山科 */
#eki501 {
  left: 529px;
}

#eki501 a:hover,
#eki501 a.select {
  background-position: -529px -45px;
}

/** 四宮 */
#eki502 {
  left: 540px;
}

#eki502 a:hover,
#eki502 a.select {
  background-position: -540px -45px;
}

/** 追分 */
#eki503 {
  left: 552px;
}

#eki503 a:hover,
#eki503 a.select {
  background-position: -552px -45px;
}

/** 大谷 */
#eki504 {
  left: 564px;
}

#eki504 a:hover,
#eki504 a.select {
  background-position: -564px -45px;
}

/** 上栄町 */
#eki505 {
  left: 575px;
}

#eki505 a:hover,
#eki505 a.select {
  background-position: -575px -45px;
}

/** 石山寺 */
#eki600 {
  top: 225px;
}

#eki600 a:hover,
#eki600 a.select {
  background-position: -587px -225px;
}

/** 唐橋前 */
#eki601 {
  top: 214px;
}

#eki601 a:hover,
#eki601 a.select {
  background-position: -587px -214px;
}

/** 京阪石山 */
#eki602 {
  top: 203px;
}

#eki602 a:hover,
#eki602 a.select {
  background-position: -587px -203px;
}

/** 粟津 */
#eki603 {
  top: 192px;
}

#eki603 a:hover,
#eki603 a.select {
  background-position: -587px -192px;
}

/** 瓦ヶ浜 */
#eki604 {
  top: 181px;
}

#eki604 a:hover,
#eki604 a.select {
  background-position: -587px -181px;
}

/** 中ノ庄 */
#eki605 {
  top: 170px;
}

#eki605 a:hover,
#eki605 a.select {
  background-position: -587px -170px;
}

/** 膳所本町 */
#eki606 {
  top: 159px;
}

#eki606 a:hover,
#eki606 a.select {
  background-position: -587px -159px;
}

/** 錦 */
#eki607 {
  top: 148px;
}

#eki607 a:hover,
#eki607 a.select {
  background-position: -587px -148px;
}

/** 京阪膳所 */
#eki608 {
  top: 137px;
}

#eki608 a:hover,
#eki608 a.select {
  background-position: -587px -137px;
}

/** 石場 */
#eki609 {
  top: 126px;
}

#eki609 a:hover,
#eki609 a.select {
  background-position: -587px -126px;
}

/** 島ノ関 */
#eki610 {
  top: 115px;
}

#eki610 a:hover,
#eki610 a.select {
  background-position: -587px -115px;
}

/** びわ湖浜大津 */
#eki611 {
  top: 104px;
}

#eki611 a:hover,
#eki611 a.select {
  background-position: -587px -104px;
}

/** 三井寺 */
#eki612 {
  top: 93px;
}

#eki612 a:hover,
#eki612 a.select {
  background-position: -587px -93px;
}

/** 大津市役所前 */
#eki613 {
  top: 82px;
}

#eki613 a:hover,
#eki613 a.select {
  background-position: -587px -82px;
}

/** 京阪大津京 */
#eki614 {
  top: 71px;
}

#eki614 a:hover,
#eki614 a.select {
  background-position: -587px -71px;
}

/** 近江神宮前 */
#eki615 {
  top: 60px;
}

#eki615 a:hover,
#eki615 a.select {
  background-position: -587px -60px;
}

/** 南滋賀 */
#eki616 {
  top: 49px;
}

#eki616 a:hover,
#eki616 a.select {
  background-position: -587px -49px;
}

/** 滋賀里 */
#eki617 {
  top: 38px;
}

#eki617 a:hover,
#eki617 a.select {
  background-position: -587px -38px;
}

/** 穴太 */
#eki618 {
  top: 27px;
}

#eki618 a:hover,
#eki618 a.select {
  background-position: -587px -27px;
}

/** 松ノ馬場 */
#eki619 {
  top: 16px;
}

#eki619 a:hover,
#eki619 a.select {
  background-position: -587px -16px;
}

/** 坂本比叡山口 */
#eki620 {
  top: 5px;
}

#eki620 a:hover,
#eki620 a.select {
  background-position: -587px -5px;
}

/** ケーブル八幡宮口 */
#eki901 {
  top: 218px;
  left: 310px;
}

#eki901 a {
  width: 63px;
  height: 20px;
}

#eki901 a:hover,
#eki901 a.select {
  background-position: -310px -218px;
}

/** ケーブル八幡宮山上 */
#eki900 {
  top: 242px;
  left: 310px;
}

#eki900 a {
  width: 63px;
  height: 20px;
}

#eki900 a:hover,
#eki900 a.select {
  background-position: -310px -242px;
}