@charset "UTF-8";
@keyframes marquee {
  from {
    transform: translate(0%);
  }
  99%, to {
    transform: translate(-100%);
  }
}
@keyframes marquee {
  from {
    transform: translate(0%);
  }
  99%, to {
    transform: translate(-100%);
  }
}
html {
  overflow-y: scroll;
}

h2::after {
  clear: both;
  content: "";
  display: table;
}

body div.container {
  width: 1000px;
}
body div.container.TimetableStop_9 {
  width: 1400px;
}

.alignR {
  text-align: right;
}

.alignC {
  text-align: center;
}

.alignL {
  text-align: left;
}

body {
  background-color: #f8f8f8;
  color: #000000;
}

#Message {
  position: absolute;
}

.message {
  clear: both;
  font-size: 140%;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  padding-left: 16px;
  padding-right: 16px;
}
.message div.MsgHead {
  margin: 0px -16px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  background-color: #ee5f5b;
  color: #ffffff;
  padding: 4px;
}
.message div#BtnClose {
  color: #fff;
  background: #ee5f5b;
  border: 1px solid rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  padding: 7px 14px;
  margin: 16px auto 4px;
  width: 3em;
  text-align: center;
}

body.Locked a, body.Locked input, body.Locked button, body.Locked select, body.Locked div {
  pointer-events: none;
}
body.Locked .Unlocked {
  pointer-events: auto;
}

div.DialogBox {
  display: none;
}

div#global-menu {
  margin-top: 18px;
  overflow: auto;
}
div#global-menu ul li {
  display: block;
  float: left;
}

table#Timetables tr:hover td {
  background-color: rgb(255, 234.6, 153);
}

div.ImageButton.DoInspect {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -256px;
  background-position-y: -64px;
}
div.ImageButton.DoInspect:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -256px;
  background-position-y: -96px;
}
div.ImageButton.DoRepair {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: -160px;
}
div.ImageButton.DoRepair:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: -192px;
}
div.ImageButton.DoEdit {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -192px;
  background-position-y: 0px;
}
div.ImageButton.DoEdit:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -192px;
  background-position-y: -32px;
}
div.ImageButton.DoTransfer {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -128px;
  background-position-y: -160px;
}
div.ImageButton.DoTransfer:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -128px;
  background-position-y: -192px;
}
div.ImageButton.DoDelete {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: 0px;
}
div.ImageButton.DoDelete:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: -32px;
}
div.ImageButton.DoView {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -256px;
  background-position-y: 0px;
}
div.ImageButton.DoView:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -256px;
  background-position-y: -32px;
}
div.ImageButton.DoUpload {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -320px;
  background-position-y: 0px;
}
div.ImageButton.DoUpload:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -320px;
  background-position-y: -32px;
}
div.ImageButton.RePost {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -320px;
  background-position-y: 0px;
}
div.ImageButton.RePost:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -320px;
  background-position-y: -32px;
}
div.ImageButton#AddNotice {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -320px;
  background-position-y: 0px;
}
div.ImageButton#AddNotice:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -320px;
  background-position-y: -32px;
}
div.ImageButton a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000000;
}
div.ImageButton#SetToday {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -288px;
  background-position-y: 0px;
}
div.ImageButton#SetToday:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -288px;
  background-position-y: -32px;
}

#LogBox select {
  width: 100%;
  font-size: 75%;
}

div#CsvFiles {
  overflow: auto;
}
div#CsvFiles table.CsvFiles {
  clear: none;
  float: left;
  width: auto;
  min-width: 280px;
  margin: 4px 12px;
  border: solid 1px #dddddd;
}
div#CsvFiles table.CsvFiles .Done {
  display: none;
}

div#ScrollTable {
  overflow-y: auto;
  max-height: 187.2px;
}

table#Notices tr th {
  white-space: nowrap;
}
table#Notices tr th:nth-child(6) {
  font-size: 75%;
}
table#Notices tr.Notice td {
  white-space: nowrap;
}
table#Notices tr.Notice td.Headline {
  max-width: 30em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
table#Notices tr.Notice td.ButtonCell {
  width: 32px;
}

div.ImageButton.DoCancel {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: -64px;
}
div.ImageButton.DoCancel.Enable {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: 0px;
}
div.ImageButton.DoCancel.Enable:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: -32px;
}
div.ImageButton.RePost {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: -96px;
}
div.ImageButton.RePost:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -224px;
  background-position-y: -128px;
}
div.ImageButton#AddNotice {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -192px;
  background-position-y: 0px;
}
div.ImageButton#AddNotice:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -192px;
  background-position-y: -32px;
}

div#EditBox fieldset legend {
  color: #000000;
  font-size: 18px;
}
div#EditBox input[id^=Notice][type=text],
div#EditBox textarea[id^=Notice] {
  width: 100%;
}
div#EditBox div.DateHourMinute {
  padding: 0px;
  margin: 0px;
}
div#EditBox div.DateHourMinute input,
div#EditBox div.DateHourMinute select {
  display: inline-block;
}
div#EditBox div.DateHourMinute input.DatePicker,
div#EditBox div.DateHourMinute select.DatePicker {
  width: 6em;
}
div#EditBox div.DateHourMinute input.Hour, div#EditBox div.DateHourMinute input.Minute,
div#EditBox div.DateHourMinute select.Hour,
div#EditBox div.DateHourMinute select.Minute {
  width: 4em;
}

#TopContent {
  margin-top: 18px;
}
#TopContent > div {
  clear: both;
  overflow: auto;
  width: 800x;
  margin: auto;
}
#TopContent > div > div {
  float: left;
  margin: auto;
}
#TopContent > div > div.title {
  border: solid 1px rgb(17.5628140704, 242.4371859296, 17.5628140704);
  border-radius: 6px;
  background: rgb(138.6557788945, 248.8442211055, 138.6557788945);
  background: linear-gradient(to bottom, rgb(138.6557788945, 248.8442211055, 138.6557788945) 0%, #42f542 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
  padding: 5px 6px;
  min-width: 8em;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  margin: 0px 8px;
  width: 180px;
}
#TopContent > div > div.content {
  min-height: 34px;
  width: 100%;
  max-width: 640px;
}
#TopContent > div > div.content ul.contact {
  margin: 4px;
}
#TopContent > div > div.content ul.contact li {
  padding: 4px 0px 4px 2em;
  margin: 0px;
  list-style: none;
  display: block;
  float: left;
}
#TopContent > div > div.content ul.contact li:first-child {
  padding-left: 0px;
}
#TopContent > div > div.content ul.contact li em {
  font-weight: bold;
  padding-right: 1em;
}
#TopContent > div:last-child {
  border-bottom: solid 1px #dddddd;
}
#TopContent table#Notices tbody tr td {
  white-space: nowrap;
}
#TopContent table#Notices tbody tr td:nth-child(1) {
  width: 5em;
}
#TopContent table#Notices tbody tr td:nth-child(2) {
  min-width: 20em;
}

#TopPage .BusKita,
#TransferWrapper .BusKita {
  display: flex;
  justify-content: center;
}
#TopPage .BusKita:first-child,
#TransferWrapper .BusKita:first-child {
  margin-top: 40px;
}
#TopPage .BusKita li,
#TransferWrapper .BusKita li {
  list-style: none;
}
#TopPage .BusKita li img.Banner,
#TransferWrapper .BusKita li img.Banner {
  width: 216px;
  height: 60px;
  border-radius: 4px;
  border: solid 1px #999999;
}
#TopPage .BusKita div.placeholder,
#TransferWrapper .BusKita div.placeholder {
  width: 218px;
  height: 62px;
}
#TopPage #functions,
#TransferWrapper #functions {
  display: flex;
  justify-content: center;
}
#TopPage #functions li,
#TransferWrapper #functions li {
  display: block;
  float: left;
  list-style: none;
  background: #eeeeee;
  background: linear-gradient(to bottom, #eeeeee 0%, #bbbbbb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
  border: solid 1px #999999;
  border-radius: 4px;
  white-space: nowrap;
}
#TopPage #functions li a,
#TransferWrapper #functions li a {
  display: block;
  padding: 36px 18px;
  min-width: 180px;
  font-size: 18px;
  text-decoration: none;
}
#TopPage #functions li a span,
#TransferWrapper #functions li a span {
  display: block;
  height: 36px;
}
#TopPage #functions li#MenuTransfer a span,
#TransferWrapper #functions li#MenuTransfer a span {
  background-image: url("../img/icons-v.png");
  line-height: 36px;
  margin: 0px;
  padding: 0px 0px 0px 36px;
  background-size: 36px 1152px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -324px;
  background-repeat: no-repeat;
}
#TopPage #functions li#MenuTimetable a span,
#TransferWrapper #functions li#MenuTimetable a span {
  background-image: url("../img/icons-v.png");
  line-height: 36px;
  margin: 0px;
  padding: 0px 0px 0px 36px;
  background-size: 36px 1152px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -360px;
  background-repeat: no-repeat;
}
#TopPage #functions li#MenuRoutemap a span,
#TransferWrapper #functions li#MenuRoutemap a span {
  background-image: url("../img/icons-v.png");
  line-height: 36px;
  margin: 0px;
  padding: 0px 0px 0px 36px;
  background-size: 36px 1152px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -396px;
  background-repeat: no-repeat;
}

#TransferWrapper .BusKita {
  margin: 0px;
}

div#RoadMap img#SVGRoadMap {
  width: 960px;
  border: solid 1px #dddddd;
}
div#RoadMap .leaflet-container {
  background: #fff;
}
div#RoadMap #SVGMap {
  width: 960px;
  max-height: 600px;
  margin: 0 auto;
  overflow: hidden;
  cursor: -o-grab;
  cursor: grab;
}

div#header-area {
  width: 100%;
  height: 32px;
  background-color: #f8f8f8;
  border-bottom: solid 3px #ff0000;
}
div#header-area a {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #ffffff;
  font-size: 12px;
  line-height: 32px;
}
div#header-area div#title-area {
  background-image: url("../img/Title_Stop_768.png?ver=20180709");
  background-repeat: no-repeat;
  background-size: 384px 32px;
  height: 32px;
  min-width: 384px;
  float: left;
}
div#header-area div#top-link {
  float: right;
  height: 32px;
}
div#header-area div#top-link div#header-icon {
  background-image: url("../img/red-wave.png?ver=20180709");
  background-repeat: no-repeat;
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
  float: left;
}
div#header-area div#top-link ul#header-links {
  list-style: none;
  margin: 0px;
  height: 32px;
  background-image: url("../img/red-box.png?ver=20180709");
  background-repeat: repeat-x;
  background-size: 32px 32px;
  padding-right: 16px;
  display: flex;
  justify-content: center;
  float: left;
}
div#header-area div#top-link ul#header-links li.header-link {
  list-style: none;
  height: 32px;
  display: block;
  float: left;
}
div#header-area div#top-link ul#header-links li.header-link a {
  font-weight: normal;
  color: #333333;
  font-size: 12px;
  line-height: 32px;
}

ul#notice-area {
  margin: 0px;
  height: 32px;
  width: auto;
  clear: both;
}
ul#notice-area li {
  margin: 0px;
  background-color: transparent;
  padding-left: 32px;
  background-image: url("../img/icons-v.png");
  line-height: 32px;
  margin: 0px;
  padding: 0px 0px 0px 32px;
  background-size: 32px 1024px;
  height: 32px;
  background-position-x: 0px;
  background-position-y: -96px;
  background-repeat: no-repeat;
  font-size: 16px;
}

div.footer-memo {
  border-top: solid 1px #dddddd;
  z-index: 1;
  position: relative;
  background-color: #f8f8f8;
}
div.footer-memo h3 {
  font-size: 12px;
  line-height: normal;
  margin: 0px;
}
div.footer-memo p {
  font-size: 10px;
  padding: 0px 4px;
  margin: 0px;
}

footer#footer-area {
  border-top: solid 2px #666666;
  background-color: #f8f8f8;
  z-index: 1;
  position: relative;
}
footer#footer-area ul#footer-links {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}
footer#footer-area ul#footer-links li.footer-link {
  display: block;
  float: left;
}
footer#footer-area ul#footer-links li.footer-link a {
  font-weight: normal;
  color: #333333;
  font-size: 12px;
}
footer#footer-area div#company {
  background-image: url("../img/Footer_768.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 384px 32px;
  width: 100%;
  height: 32px;
}
footer#footer-area div#company a {
  display: block;
  width: 100%;
  height: 100%;
}
footer#footer-area div#copyright {
  margin-top: 8px;
  font-size: 12px;
  background-color: #ff0000;
  color: #ffffff;
  text-align: center;
  padding: 16px;
}

div#MainWrapper div#search-area {
  margin-top: 8px;
  overflow: auto;
}
div#MainWrapper div#search-area div#search-menu {
  float: left;
  width: 200px;
}
div#MainWrapper div#SearchResults {
  clear: both;
}

h2.StopIcon {
  background-color: transparent;
  padding-left: 32px;
  background-image: url("../img/icons-v.png");
  line-height: 32px;
  margin: 0px;
  padding: 0px 0px 0px 32px;
  background-size: 32px 1024px;
  height: 32px;
  background-position-x: 0px;
  background-position-y: 0px;
  background-repeat: no-repeat;
  font-size: 16px;
}

div#TransferBox {
  display: none;
}
div#TransferBox div#transfer-area {
  overflow: auto;
  margin-bottom: 12px;
}
div#TransferBox div#transfer-area div.transfer-stop {
  background-color: transparent;
  padding-left: 48px;
  font-size: 24px;
  height: 48px;
  white-space: nowrap;
}
div#TransferBox div#transfer-area div.transfer-stop#Entrain {
  background-image: url("../img/icons-v.png");
  line-height: 48px;
  margin: 0px;
  padding: 0px 0px 0px 48px;
  background-size: 48px 1536px;
  height: 48px;
  background-position-x: 0px;
  background-position-y: -192px;
  background-repeat: no-repeat;
}
div#TransferBox div#transfer-area div.transfer-stop#Getoff {
  background-image: url("../img/icons-v.png");
  line-height: 48px;
  margin: 0px;
  padding: 0px 0px 0px 48px;
  background-size: 48px 1536px;
  height: 48px;
  background-position-x: 0px;
  background-position-y: -240px;
  background-repeat: no-repeat;
}
div#TransferBox div#transfer-area div.transfer-stop p {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  height: 12px;
  line-height: normal;
}
div#TransferBox div#transfer-area div.transfer-stop input.TransferStopName {
  width: 160px;
}
div#TransferBox div#transfer-area div.transfer-stop div.ImageButton {
  cursor: pointer;
}
div#TransferBox div#transfer-area div.transfer-stop div.ImageButton.Delete {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 48px;
  height: 48px;
  background-position-x: -672px;
  background-position-y: -48px;
}
div#TransferBox div#transfer-area div.transfer-stop div.ImageButton.Delete:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 48px;
  height: 48px;
  background-position-x: -672px;
  background-position-y: -96px;
}
div#TransferBox div#transfer-area > form fieldset {
  border: solid 1px #bbbbbb;
  border-radius: 6px;
  padding-left: 4px;
  width: 100%;
}
div#TransferBox div#transfer-area > form fieldset legend {
  width: auto;
  margin: 0px;
  margin-left: 0.5em;
  font-size: 14px;
  border: none;
  line-height: 20px;
}
div#TransferBox div#transfer-area > form fieldset > div {
  float: left;
  clear: none;
  margin: 0px;
  overflow: auto;
  min-width: 60px;
}
div#TransferBox div#transfer-area > form fieldset > div:nth-of-type(1) {
  color: #00bb00;
}
div#TransferBox div#transfer-area > form fieldset > div:nth-of-type(2) {
  color: #0000ff;
}
div#TransferBox div#transfer-area > form fieldset > div:nth-of-type(3) {
  color: #ff0000;
}
div#TransferBox div#transfer-area > form fieldset > div:nth-of-type(4) {
  color: #000000;
}
div#TransferBox div#transfer-area div.transfer-buttons {
  overflow: auto;
  width: auto;
  margin: auto;
  text-align: center;
}
div#TransferBox div#transfer-area div.transfer-buttons > div {
  width: 32px;
}
div#TransferBox div#transfer-area div.transfer-buttons div#TransferArrow {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 32px;
  height: 32px;
  background-position-x: -352px;
  background-position-y: -32px;
}
div#TransferBox div#transfer-area div.transfer-buttons div#DoReverse {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 64px;
  height: 32px;
  background-position-x: -384px;
  background-position-y: -32px;
}
div#TransferBox div#transfer-area div.transfer-buttons div#DoReverse:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 64px;
  height: 32px;
  background-position-x: -384px;
  background-position-y: -64px;
}
div#TransferBox div#transfer-area div.transfer-buttons div#DoTransfer {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: -288px;
  background-position-y: -64px;
}
div#TransferBox div#transfer-area div.transfer-buttons div#DoTransfer:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: -288px;
  background-position-y: -128px;
}
div#TransferBox div#transfer-area ul#TransferMessage {
  margin: 12px 0px;
  list-style: none;
  padding: 0px;
}
div#TransferBox div#transfer-area ul#TransferMessage li {
  list-style: none;
  padding: 0px;
}

div#search-menu {
  width: 200px;
}
div#search-menu ul {
  margin: 0px;
}
div#search-menu ul li {
  display: block;
  border: solid 1px rgb(102, 81.6, 0);
  margin-bottom: 2px;
  border-radius: 6px;
  padding: 6px 0px;
  width: 180px;
  background: rgb(255, 219.3, 76.5);
  background: linear-gradient(to bottom, rgb(255, 219.3, 76.5) 0%, #ffcc00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#search-menu ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  color: #000000;
}
div#search-menu ul li.ActiveItem {
  background: rgb(244.8, 195.84, 0);
  background: linear-gradient(to bottom, rgb(244.8, 195.84, 0) 0%, rgb(244.8, 195.84, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#search-menu ul li.ActiveItem a {
  font-weight: bold;
}
div#search-menu div.ActionMenu {
  cursor: pointer;
  user-select: none;
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chrome */
  -ms-user-select: none; /* IE10 */
  border: solid 1px rgb(0, 20.4, 102);
  margin-bottom: 2px;
  text-align: center;
  border-radius: 6px;
  padding: 6px 0px;
  background: rgb(178.5, 193.8, 255);
  background: linear-gradient(to bottom, rgb(178.5, 193.8, 255) 0%, rgb(127.5, 153, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#search-menu div.ActionMenu:hover {
  background: rgb(127.5, 153, 255);
  background: linear-gradient(to bottom, rgb(127.5, 153, 255) 0%, rgb(127.5, 153, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#search-menu div.ActionMenu:active {
  background: rgb(102, 132.6, 255);
  background: linear-gradient(to bottom, rgb(102, 132.6, 255) 0%, rgb(102, 132.6, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#search-menu div.ActionMenu.Disabled {
  background: #aaaaaa;
  background: linear-gradient(to bottom, #aaaaaa 0%, #888888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#search-menu div.ActionMenu.Disabled:hover {
  background: #aaaaaa;
  background: linear-gradient(to bottom, #aaaaaa 0%, #888888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#search-menu div.ActionMenu.Disabled:active {
  background: #aaaaaa;
  background: linear-gradient(to bottom, #aaaaaa 0%, #888888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#search-menu div.ActionMenu#OpenTransfer {
  margin-bottom: 12px;
}

div.ImageButton {
  cursor: pointer;
}
div.ImageButton#DoSearchKeyword {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: 0px;
  background-position-y: 0px;
}
div.ImageButton#DoSearchKeyword:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: 0px;
  background-position-y: -32px;
}
div.ImageButton#DoClearRuby {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: -128px;
  background-position-y: -64px;
}
div.ImageButton#DoClearRuby.Enable {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: -128px;
  background-position-y: -96px;
}
div.ImageButton#DoClearRuby.Enable:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: -128px;
  background-position-y: -128px;
}
div.ImageButton.ShowMore {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: -96px;
  background-position-y: 0px;
}
div.ImageButton.ShowMore:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 512px 512px;
  width: 96px;
  height: 32px;
  background-position-x: -96px;
  background-position-y: -32px;
}

div.SearchOptions,
div.SearchResults {
  overflow: auto;
}
div.SearchOptions > div,
div.SearchResults > div {
  display: none;
  min-height: 5em;
  width: 100%;
}

div.SearchOptions {
  padding-left: 12px;
}
div.SearchOptions > div#SearchOptionWait {
  display: block;
  position: relative;
  min-height: 400px;
}
div.SearchOptions > div#SearchOptionWait img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div#SearchOptionGuide h2 {
  background-color: transparent;
  padding-left: 24px;
  background-image: url("../img/icons-v.png");
  line-height: 24px;
  margin: 0px;
  padding: 0px 0px 0px 24px;
  background-size: 24px 768px;
  height: 24px;
  background-position-x: 0px;
  background-position-y: 0px;
  background-repeat: no-repeat;
  font-size: 12px;
  margin-top: 24px;
}
div#SearchOptionGuide h2:first-child {
  margin-top: 0px;
}

div#SearchOptionMap {
  overflow: auto;
}
div#SearchOptionMap > div.Area {
  display: block;
  float: left;
  overflow: auto;
  border: solid 1px #888888;
  border-radius: 8px;
  width: 384px;
  margin-right: 4px;
}
div#SearchOptionMap > div.Area:last-child {
  margin-right: 0px;
}
div#SearchOptionMap > div.Area h3 {
  margin: 0px;
  padding: 4px;
  font-size: 14px;
  background-color: #cccccc;
  line-height: normal;
  border-bottom: solid 1px #333333;
}
div#SearchOptionMap > div.Area div.MapPreset {
  float: left;
  width: 120px;
  padding: 4px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chrome */
  -ms-user-select: none; /* IE10 */
}
div#SearchOptionMap > div.Area div.MapPreset:hover {
  background: rgb(255, 239.7, 178.5);
  background: linear-gradient(to bottom, rgb(255, 239.7, 178.5) 0%, rgb(255, 229.5, 127.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}

fieldset#MarkerTypes,
fieldset#MapButton {
  clear: both;
  float: left;
  overflow: auto;
  padding: 8px;
  margin-top: 8px;
  border: solid 1px #888888;
  border-radius: 8px;
}
fieldset#MarkerTypes legend,
fieldset#MapButton legend {
  margin: 0px;
  font-size: 18px;
  border: none;
}

div#SearchOptionPhonetic {
  text-align: center;
}
div#SearchOptionPhonetic table.Keyboard {
  margin: 4px auto;
  width: auto;
  user-select: none;
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chrome */
  -ms-user-select: none; /* IE10 */
}
div#SearchOptionPhonetic table.Keyboard td.Empty {
  background-color: #eeeeee;
  cursor: pointer;
}
div#SearchOptionPhonetic table.Keyboard td.Key {
  cursor: pointer;
  background: #eeeeee;
  background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#SearchOptionPhonetic table.Keyboard td.Key.Enable {
  background: rgb(255, 239.7, 178.5);
  background: linear-gradient(to bottom, rgb(255, 239.7, 178.5) 0%, rgb(255, 229.5, 127.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#SearchOptionPhonetic table.Keyboard td.Key.Enable:hover {
  background: rgb(255, 239.7, 178.5);
  background: linear-gradient(to bottom, rgb(255, 239.7, 178.5) 0%, rgb(255, 209.1, 25.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}
div#SearchOptionPhonetic table.Keyboard td.Key.Enable:active {
  background: white;
  background: linear-gradient(to bottom, white 0%, rgb(255, 209.1, 25.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}

div#SearchOptionCity div.CitySelect {
  display: block;
  float: left;
  overflow: auto;
  width: auto;
  margin-right: 4px;
}
div#SearchOptionCity div.CitySelect:last-child {
  margin-right: 0px;
}

div.ResultStops {
  overflow: auto;
}
div.ResultStops div.StopBox {
  float: left;
  cursor: pointer;
  border: solid 1px #666666;
  margin: 4px;
  border-radius: 6px;
  padding: 4px;
  width: 192px;
}
div.ResultStops div.StopBox:hover {
  background-color: rgb(255, 234.6, 153);
}
div.ResultStops div.StopBox div.StopName {
  font-size: 125%;
}
div.ResultStops div.StopBox div.StopKana {
  font-size: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.ResultStops div.StopBox div.StopCity {
  font-size: 75%;
  text-align: right;
}
div.ResultStops div.StopBox div.StopCity:before {
  content: "［";
}
div.ResultStops div.StopBox div.StopCity:after {
  content: "］";
}
div.ResultStops div.StopBox div.StopCity:empty:before {
  content: "－";
}
div.ResultStops div.StopBox div.StopCity:empty:after {
  content: none;
}

div#StopDialog {
  display: none;
}
div#StopDialog div#BoxKana {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div#StopDialog div#BoxCity {
  font-size: 87.5%;
  text-align: right;
}
div#StopDialog div#BoxCity:before {
  content: "［";
}
div#StopDialog div#BoxCity:after {
  content: "］";
}
div#StopDialog div#BoxCity:empty:before {
  content: "－";
}
div#StopDialog div#BoxCity:empty:after {
  content: none;
}
div#StopDialog div.ButtonArea {
  text-align: center;
  margin: auto;
}
div#StopDialog div#StopTimetable {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 96px;
  height: 96px;
  background-position-x: 0px;
  background-position-y: -96px;
}
div#StopDialog div#StopTimetable:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 96px;
  height: 96px;
  background-position-x: 0px;
  background-position-y: -192px;
}
div#StopDialog div#StopMap {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 96px;
  height: 96px;
  background-position-x: -96px;
  background-position-y: -96px;
}
div#StopDialog div#StopMap:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 96px;
  height: 96px;
  background-position-x: -96px;
  background-position-y: -192px;
}
div#StopDialog div#StopEntrain {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 192px;
  height: 48px;
  background-position-x: 0px;
  background-position-y: -288px;
}
div#StopDialog div#StopEntrain:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 192px;
  height: 48px;
  background-position-x: 0px;
  background-position-y: -384px;
}
div#StopDialog div#StopGetoff {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 192px;
  height: 48px;
  background-position-x: 0px;
  background-position-y: -336px;
}
div#StopDialog div#StopGetoff:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 192px;
  height: 48px;
  background-position-x: 0px;
  background-position-y: -432px;
}

.DialogTransfer {
  box-shadow: 8px 8px 16px;
}
.DialogTransfer .ui-dialog-titlebar {
  color: #000000;
  background: rgb(178.5, 193.8, 255);
  background: linear-gradient(to bottom, rgb(178.5, 193.8, 255) 0%, rgb(127.5, 153, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
}

div#ResultMap {
  width: 100%;
  min-height: 400px;
  border-radius: 8px;
}
div#ResultMap div.MarkBox {
  background-color: #ffffff;
  min-width: 160px;
}
div#ResultMap div.MarkBox div.MarkName {
  font-weight: bold;
  font-size: 125%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333333;
  padding: 0.4em;
}
div#ResultMap div.MarkBox div.MarkKana {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.4em;
}
div#ResultMap div.MarkBox div.MarkCity {
  font-size: 87.5%;
  padding: 0.4em;
  text-align: right;
}
div#ResultMap div.MarkBox div.MarkCity:before {
  content: "［";
}
div#ResultMap div.MarkBox div.MarkCity:after {
  content: "］";
}
div#ResultMap div.MarkBox div.MarkCity:empty:before {
  content: "－";
}
div#ResultMap div.MarkBox div.MarkCity:empty:after {
  content: none;
}
div#ResultMap div.MarkBox div.ButtonArea {
  text-align: center;
  margin: auto;
}
div#ResultMap div.MarkBox div.MarkTimetable {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 72px;
  background-position-x: 0px;
  background-position-y: -72px;
}
div#ResultMap div.MarkBox div.MarkTimetable:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 72px;
  background-position-x: 0px;
  background-position-y: -144px;
}
div#ResultMap div.MarkBox div.MarkMap {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 72px;
  background-position-x: -72px;
  background-position-y: -72px;
}
div#ResultMap div.MarkBox div.MarkMap:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 72px;
  background-position-x: -72px;
  background-position-y: -144px;
}
div#ResultMap div.MarkBox div.MarkEntrain {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 144px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -216px;
}
div#ResultMap div.MarkBox div.MarkEntrain:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 144px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -288px;
}
div#ResultMap div.MarkBox div.MarkGetoff {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 144px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -252px;
}
div#ResultMap div.MarkBox div.MarkGetoff:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 144px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -324px;
}
div#ResultMap div.MarkBox button.MarkClose {
  width: 100%;
  padding: 4px 0px;
  margin-top: 4px;
}

div#busstop-area {
  overflow: auto;
}
div#busstop-area table#BusStop {
  float: left;
  border: none;
  margin: 4px;
  padding: 4px;
  min-width: 280px;
  clear: none;
  width: auto;
}
div#busstop-area table#BusStop td {
  border: none;
}
div#busstop-area table#BusStop td#BusStopName {
  font-size: 200%;
}
div#busstop-area table#BusStop span#BusStopKana {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div#busstop-area table#BusStop span#BusStopCity {
  text-align: right;
}
div#busstop-area table#BusStop span#BusStopCity:before {
  content: "［";
}
div#busstop-area table#BusStop span#BusStopCity:after {
  content: "］";
}
div#busstop-area table#BusStop span#BusStopCity:empty:before {
  content: "－";
}
div#busstop-area table#BusStop span#BusStopCity:empty:after {
  content: none;
}
div#busstop-area div#PrintPageButton {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 96px;
  height: 48px;
  background-position-x: -576px;
  background-position-y: -144px;
  width: 96px;
  height: 48px;
  display: block;
  float: left;
}
div#busstop-area div#PrintPageButton:hover {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 96px;
  height: 48px;
  background-position-x: -672px;
  background-position-y: -144px;
}
div#busstop-area ul#poles li {
  display: block;
  float: left;
  margin: 0px 2px 1px;
}
div#busstop-area ul#poles li a {
  color: #111111;
}
div#busstop-area ul#poles li a:before {
  content: "▼";
}

ul#poles li span,
div#timetables section.pole span {
  display: inline-block;
  padding: 0px 0.5em;
}
ul#poles li span.printout,
div#timetables section.pole span.printout {
  display: none;
}
ul#poles li:nth-child(1) h2 span,
div#timetables section.pole:nth-child(1) h2 span {
  background-color: #a1f8a1;
}
ul#poles li:nth-child(2) h2 span,
div#timetables section.pole:nth-child(2) h2 span {
  background-color: #9ddef8;
}
ul#poles li:nth-child(3) h2 span,
div#timetables section.pole:nth-child(3) h2 span {
  background-color: #f89db1;
}
ul#poles li:nth-child(4) h2 span,
div#timetables section.pole:nth-child(4) h2 span {
  background-color: #f8f79d;
}
ul#poles li:nth-child(5) h2 span,
div#timetables section.pole:nth-child(5) h2 span {
  background-color: #cc9df8;
}

div#timetables section.pole {
  margin-bottom: 16px;
}
div#timetables section.pole:last-child {
  margin-bottom: 0px;
}
div#timetables section.pole h2 {
  white-space: nowrap;
  vertical-align: top;
  background-color: transparent;
  padding-left: 44px;
  background-image: url("../img/icons-v.png");
  line-height: 44px;
  margin: 0px;
  padding: 0px 0px 0px 44px;
  background-size: 44px 1408px;
  height: 44px;
  background-position-x: 0px;
  background-position-y: 0px;
  background-repeat: no-repeat;
  font-size: 13.2px;
  margin-bottom: 1px;
  float: left;
  line-height: 39.6px;
}
div#timetables section.pole a.BusKitaLink img {
  max-height: 44px;
  border-radius: 3px;
  border: solid 1px #999999;
  margin: 1px 4px;
}
div#timetables section.pole div.stop_remark_area {
  clear: both;
}
div#timetables section.pole div.services {
  clear: both;
  overflow: auto;
}
div#timetables section.pole div.services table.service {
  width: auto;
  float: left;
  clear: none;
  margin-right: 4px;
}
div#timetables section.pole div.services table.service tr th.hour {
  min-width: 1.2em;
  padding-right: 3em;
}
div#timetables section.pole div.services table.service tr td.service_name {
  font-weight: bold;
}
div#timetables section.pole div.services table.service tr td.route_name {
  text-align: center;
}
div#timetables section.pole div.services table.service tr th {
  white-space: nowrap;
}
div#timetables section.pole div.services table.service tr th.hour {
  text-align: right;
}
div#timetables section.pole div.services table.service tr th, div#timetables section.pole div.services table.service tr td {
  border: solid 1px #aaaaaa;
}
div#timetables section.pole div.services table.service tr td.hour {
  min-height: 32px;
}
div#timetables section.pole div.services table.service tr td.hour a {
  text-decoration: none;
  color: #000000;
  font-weight: normal;
  margin-right: 0.5em;
}
div#timetables section.pole div.services table.service tr td.hour a:hover {
  background-color: #3333ff;
  color: #ffffff;
}
div#timetables section.pole div.services table.service tr td.hour a:last-child {
  margin-right: 0px;
}
div#timetables section.pole div.services table.service tr td.hour sup.TripRemark {
  font-size: 75%;
  margin: 0px;
  padding: 0px;
}
div#timetables section.pole div.services table.service:last-child {
  margin-right: 0px;
}
div#timetables section.pole div.services table.service.service_1 tr.service_name {
  background-color: #ddffdd;
  color: rgb(0, 93.5, 0);
}
div#timetables section.pole div.services table.service.service_1 tr.hour {
  background-color: #ddffdd;
}
div#timetables section.pole div.services table.service.service_1 tr.hour:nth-child(even) {
  background-color: rgb(246.5, 255, 246.5);
}
div#timetables section.pole div.services table.service.service_2 tr.service_name {
  background-color: #ddddff;
  color: rgb(0, 0, 93.5);
}
div#timetables section.pole div.services table.service.service_2 tr.hour {
  background-color: #ddddff;
}
div#timetables section.pole div.services table.service.service_2 tr.hour:nth-child(even) {
  background-color: rgb(246.5, 246.5, 255);
}
div#timetables section.pole div.services table.service.service_3 tr.service_name {
  background-color: #ffdddd;
  color: rgb(93.5, 0, 0);
}
div#timetables section.pole div.services table.service.service_3 tr.hour {
  background-color: #ffdddd;
}
div#timetables section.pole div.services table.service.service_3 tr.hour:nth-child(even) {
  background-color: rgb(255, 246.5, 246.5);
}
div#timetables section.pole div.services table.service.service_0 tr.service_name {
  background-color: #fabf52;
  color: black;
}
div#timetables section.pole div.services table.service.service_0 tr.hour {
  background-color: rgb(252.1488764045, 218.5056179775, 156.3511235955);
}
div#timetables section.pole div.services table.service.service_0 tr.hour:nth-child(even) {
  background-color: rgb(253.5814606742, 236.8426966292, 205.9185393258);
}
div#timetables section.pole div.services table.service td.destination_name {
  word-break: keep-all;
  font-size: 125%;
}
div#timetables section.pole div.services table.service td.destination_name[colspan="2"] {
  font-size: 125%;
}
div#timetables section.pole div.services table.service td.destination_name[colspan="3"], div#timetables section.pole div.services table.service td.destination_name[colspan="4"], div#timetables section.pole div.services table.service td.destination_name[colspan="5"], div#timetables section.pole div.services table.service td.destination_name[colspan="6"], div#timetables section.pole div.services table.service td.destination_name[colspan="7"], div#timetables section.pole div.services table.service td.destination_name[colspan="8"], div#timetables section.pole div.services table.service td.destination_name[colspan="9"], div#timetables section.pole div.services table.service td.destination_name[colspan="10"], div#timetables section.pole div.services table.service td.destination_name[colspan="11"], div#timetables section.pole div.services table.service td.destination_name[colspan="12"], div#timetables section.pole div.services table.service td.destination_name[colspan="13"], div#timetables section.pole div.services table.service td.destination_name[colspan="14"], div#timetables section.pole div.services table.service td.destination_name[colspan="15"] {
  font-size: 125%;
}
div#timetables section.pole div.services table.service td.via_name {
  word-break: keep-all;
}
div#timetables section.pole div.services table.service td.via_name.Length10 {
  font-size: 100%;
}
div#timetables section.pole div.services table.service td.via_name.Length20 {
  font-size: 75%;
  line-height: normal;
}
div#timetables section.pole div.services table.service td.via_name.Length30 {
  font-size: 70%;
  line-height: normal;
}
div#timetables section.pole div.services table.service td.via_name.Length40 {
  font-size: 65%;
  line-height: normal;
}
div#timetables section.pole div.services table.service td.via_name.Length50 {
  font-size: 60%;
  line-height: normal;
}
div#timetables section.pole div.services table.service td.via_name.LengthLong {
  font-size: 55%;
  line-height: normal;
}
div#timetables section.pole div.services table.service td.via_name[colspan="2"].Length20 {
  font-size: 90%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="2"].Length30 {
  font-size: 85%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="2"].Length40 {
  font-size: 80%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="2"].Length50 {
  font-size: 75%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="2"].LengthLong {
  font-size: 60%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="3"].Length10, div#timetables section.pole div.services table.service td.via_name[colspan="3"].Length20 {
  font-size: 100%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="3"].Length30 {
  font-size: 90%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="3"].Length40 {
  font-size: 85%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="3"].Length50 {
  font-size: 80%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="3"].LengthLong {
  font-size: 70%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="4"], div#timetables section.pole div.services table.service td.via_name[colspan="5"], div#timetables section.pole div.services table.service td.via_name[colspan="6"], div#timetables section.pole div.services table.service td.via_name[colspan="7"] {
  font-size: 100%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="8"], div#timetables section.pole div.services table.service td.via_name[colspan="9"], div#timetables section.pole div.services table.service td.via_name[colspan="10"], div#timetables section.pole div.services table.service td.via_name[colspan="11"], div#timetables section.pole div.services table.service td.via_name[colspan="12"], div#timetables section.pole div.services table.service td.via_name[colspan="13"], div#timetables section.pole div.services table.service td.via_name[colspan="14"], div#timetables section.pole div.services table.service td.via_name[colspan="15"] {
  font-size: 100%;
}
div#timetables section.pole div.services table.service td.via_name[colspan="8"] br, div#timetables section.pole div.services table.service td.via_name[colspan="9"] br, div#timetables section.pole div.services table.service td.via_name[colspan="10"] br, div#timetables section.pole div.services table.service td.via_name[colspan="11"] br, div#timetables section.pole div.services table.service td.via_name[colspan="12"] br, div#timetables section.pole div.services table.service td.via_name[colspan="13"] br, div#timetables section.pole div.services table.service td.via_name[colspan="14"] br, div#timetables section.pole div.services table.service td.via_name[colspan="15"] br {
  display: none;
}
div#timetables section.pole div.services div.scroll_div {
  overflow: auto;
}
div#timetables section.pole div.services div.scroll_div:service_1 tr.service_name {
  background-color: #ddffdd;
  color: rgb(0, 93.5, 0);
}
div#timetables section.pole div.services div.scroll_div:service_1 tr.hour {
  background-color: #ddffdd;
}
div#timetables section.pole div.services div.scroll_div:service_1 tr.hour:nth-child(even) {
  background-color: rgb(246.5, 255, 246.5);
}
div#timetables section.pole div.services div.scroll_div:service_2 tr.service_name {
  background-color: #ddddff;
  color: rgb(0, 0, 93.5);
}
div#timetables section.pole div.services div.scroll_div:service_2 tr.hour {
  background-color: #ddddff;
}
div#timetables section.pole div.services div.scroll_div:service_2 tr.hour:nth-child(even) {
  background-color: rgb(246.5, 246.5, 255);
}
div#timetables section.pole div.services div.scroll_div:service_3 tr.service_name {
  background-color: #ffdddd;
  color: rgb(93.5, 0, 0);
}
div#timetables section.pole div.services div.scroll_div:service_3 tr.hour {
  background-color: #ffdddd;
}
div#timetables section.pole div.services div.scroll_div:service_3 tr.hour:nth-child(even) {
  background-color: rgb(255, 246.5, 246.5);
}
div#timetables section.pole div.services div.scroll_div:service_0 tr.service_name {
  background-color: #ffbe46;
  color: black;
}
div#timetables section.pole div.services div.scroll_div:service_0 tr.hour {
  background-color: #ffbe46;
}
div#timetables section.pole div.services div.scroll_div:service_0 tr.hour:nth-child(even) {
  background-color: rgb(255, 198.9594594595, 95.5);
}
div#timetables section.pole a.ToTop {
  clear: both;
}
div#timetables section.pole a.ToTop:before {
  content: "▲";
}

#pole_0.forPrintOut ul#poles,
#pole_0.forPrintOut #notice-area,
#pole_0.forPrintOut #header-area,
#pole_0.forPrintOut #footer-links,
#pole_0.forPrintOut #company {
  display: none;
}
#pole_0.forPrintOut div#busstop-area div#PrintPageButton {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 96px;
  height: 48px;
  background-position-x: -576px;
  background-position-y: -192px;
}
#pole_0.forPrintOut div#busstop-area div#PrintPageButton:hover {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 768px 768px;
  width: 96px;
  height: 48px;
  background-position-x: -672px;
  background-position-y: -192px;
}
#pole_0.forPrintOut #timetables {
  font-size: 80%;
  line-height: 100%;
}
#pole_0.forPrintOut #timetables section {
  overflow: unset;
}
#pole_0.forPrintOut #timetables section h2.pole_name {
  display: none;
}
#pole_0.forPrintOut #timetables section td, #pole_0.forPrintOut #timetables section th {
  padding: 2px 4px;
}
#pole_0.forPrintOut #timetables .service span.printout {
  display: inline;
  color: #000000;
  background-color: transparent;
}

div.Fixed {
  width: 1000px;
  position: fixed; /* ヘッダーを固定(これが重要) */
  top: 0px;
  background-color: #f8f8f8;
  z-index: 1;
}

div#NextTimetable {
  background-color: #f8f8f8;
}
div#NextTimetable a {
  display: inline;
  color: #0000ff;
  font-size: 125%;
}

div#trip-area {
  display: none;
  background-color: #f8f8f8;
}
div#trip-area table#Trip {
  border: solid 2px #000000;
  border-radius: 8px;
  padding: 4px;
  width: auto;
  margin: auto;
  overflow-wrap: break-word;
}
div#trip-area table#Trip td {
  border: none;
}
div#trip-area td.Route {
  font-size: 150%;
}
div#trip-area td.Route span#ShortName:before {
  content: "【";
}
div#trip-area td.Route span#ShortName:after {
  content: "】";
}
div#trip-area td.Route span#ShortName:empty:before {
  content: none;
}
div#trip-area td.Route span#ShortName:empty:after {
  content: none;
}
div#trip-area span#Service.Service_0 {
  color: #00bb00;
}
div#trip-area span#Service.Service_1 {
  color: #0000ff;
}
div#trip-area span#Service.Service_2 {
  color: #ff0000;
}

div#Timetable {
  overflow: auto;
}
div#Timetable > div {
  float: left;
}
div#Timetable table#timetable {
  width: auto;
  border: solid 4px #333333;
}
div#Timetable table#timetable tr.stop {
  cursor: pointer;
  vertical-align: middle;
}
div#Timetable table#timetable tr.stop td.name {
  text-align: center;
  padding-bottom: 12px;
  background-image: url("../img/DownArrow_64.png");
  background-size: 12px 12px;
  background-position: center bottom;
  background-repeat: no-repeat;
}
div#Timetable table#timetable tr.stop td.name a {
  color: #000000;
  text-decoration: none;
}
div#Timetable table#timetable tr.stop td.name a:hover {
  background-color: #3333ff;
  color: #ffffff;
}
div#Timetable table#timetable tr.stop td.arrival {
  line-height: 90%;
}
div#Timetable table#timetable tr.stop td.arrival a {
  color: #7777ff;
  font-size: 75%;
  text-decoration: none;
}
div#Timetable table#timetable tr.stop td.arrival a:hover {
  background-color: #3333ff;
  color: #ffffff;
}
div#Timetable table#timetable tr.stop td.price {
  text-align: right;
}
div#Timetable table#timetable tr.stop td.price:after {
  content: "円";
}
div#Timetable table#timetable tr.stop td.price:empty:after {
  content: none;
}
div#Timetable table#timetable tr.stop:last-child td.name {
  background-image: none;
}
div#Timetable table#timetable tr.stop td {
  background-color: transparent;
  border: none;
}
div#Timetable table#timetable tr.stop.passed td {
  background-color: #cccccc;
}
div#Timetable table#timetable tr.stop.passed td.name a {
  font-weight: normal;
}
div#Timetable table#timetable tr.stop.entrain {
  background-color: rgb(255, 209.1, 25.5);
}
div#Timetable table#timetable tr.stop.entrain td.price {
  text-align: center;
}
div#Timetable table#timetable tr.stop.entrain td.price:after {
  content: none;
}
div#Timetable fieldset#MapButton {
  margin: 0px 8px;
}

div#RouteMap {
  width: 100%;
  min-height: 400px;
  width: auto;
  min-width: 160px;
  border-radius: 8px;
}
div#RouteMap div.MarkBox {
  background-color: #ffffff;
  min-width: 160px;
}
div#RouteMap div.MarkBox div.MarkName {
  font-weight: bold;
  font-size: 125%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333333;
  padding: 0.4em;
}
div#RouteMap div.MarkBox div.MarkKana {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.4em;
}
div#RouteMap div.MarkBox div.MarkCity {
  font-size: 87.5%;
  padding: 0.4em;
  text-align: right;
}
div#RouteMap div.MarkBox div.MarkCity:before {
  content: "［";
}
div#RouteMap div.MarkBox div.MarkCity:after {
  content: "］";
}
div#RouteMap div.MarkBox div.MarkCity:empty:before {
  content: "－";
}
div#RouteMap div.MarkBox div.MarkCity:empty:after {
  content: none;
}
div#RouteMap div.MarkBox div.ButtonArea {
  text-align: center;
  margin: auto;
}
div#RouteMap div.MarkBox div.MarkTimetable {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 72px;
  background-position-x: 0px;
  background-position-y: -72px;
}
div#RouteMap div.MarkBox div.MarkTimetable:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 72px;
  background-position-x: 0px;
  background-position-y: -144px;
}
div#RouteMap div.MarkBox div.MarkMap {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 72px;
  background-position-x: -72px;
  background-position-y: -72px;
}
div#RouteMap div.MarkBox div.MarkMap:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 72px;
  background-position-x: -72px;
  background-position-y: -144px;
}
div#RouteMap div.MarkBox div.MarkEntrain {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 144px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -216px;
}
div#RouteMap div.MarkBox div.MarkEntrain:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 144px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -288px;
}
div#RouteMap div.MarkBox div.MarkGetoff {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 144px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -252px;
}
div#RouteMap div.MarkBox div.MarkGetoff:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 144px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -324px;
}
div#RouteMap div.MarkBox button.MarkClose {
  width: 100%;
  padding: 4px 0px;
  margin-top: 4px;
}

div#Waiting {
  min-height: 600px;
  padding-top: 200px;
  text-align: center;
}

div#TransferWrapper div#summary-area {
  margin: auto;
  overflow: visible;
  width: 600px;
  max-width: 800px;
  white-space: nowrap;
  margin-bottom: 12px;
}
div#TransferWrapper div#summary-area > div {
  display: inline-block;
  font-size: 175%;
}
div#TransferWrapper div#summary-area div.transfer-stop#Entrain {
  background-image: url("../img/icons-v.png");
  line-height: 36px;
  margin: 0px;
  padding: 0px 0px 0px 36px;
  background-size: 36px 1152px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -144px;
  background-repeat: no-repeat;
}
div#TransferWrapper div#summary-area div.transfer-stop#Getoff {
  background-image: url("../img/icons-v.png");
  line-height: 36px;
  margin: 0px;
  padding: 0px 0px 0px 36px;
  background-size: 36px 1152px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -180px;
  background-repeat: no-repeat;
}
div#TransferWrapper div#summary-area div#TransferArrow {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 36px;
  height: 36px;
  background-position-x: -288px;
  background-position-y: -144px;
}
div#TransferWrapper div#summary-area div#Service.Service_0 {
  color: #00bb00;
}
div#TransferWrapper div#summary-area div#Service.Service_1 {
  color: #0000ff;
}
div#TransferWrapper div#summary-area div#Service.Service_2 {
  color: #ff0000;
}
div#TransferWrapper div#summary-area div#DoReverse {
  cursor: pointer;
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 36px;
  background-position-x: -432px;
  background-position-y: -36px;
}
div#TransferWrapper div#summary-area div#DoReverse:active {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 576px 576px;
  width: 72px;
  height: 36px;
  background-position-x: -432px;
  background-position-y: -72px;
}
div#TransferWrapper div#summary-area div#Counts {
  clear: both;
  display: block;
  font-size: 100%;
}
div#TransferWrapper div#summary-area div#Counts > span {
  font-size: 125%;
}
div#TransferWrapper .ExpandHeader {
  background-color: transparent;
  padding-left: 32px;
  background-image: url("../img/icons-v.png");
  line-height: 32px;
  margin: 0px;
  padding: 0px 0px 0px 32px;
  background-size: 32px 1024px;
  height: 32px;
  background-position-x: 0px;
  background-position-y: -224px;
  background-repeat: no-repeat;
  font-size: 16px;
}
div#TransferWrapper .ExpandHeader.Contract {
  background-image: url("../img/icons-v.png");
  line-height: 32px;
  margin: 0px;
  padding: 0px 0px 0px 32px;
  background-size: 32px 1024px;
  height: 32px;
  background-position-x: 0px;
  background-position-y: -192px;
  background-repeat: no-repeat;
}
div#TransferWrapper #routes-summary .ExpandBody {
  padding-left: 32px;
}
div#TransferWrapper #routes-summary div.RouteSummary {
  border-top: solid 1px #555555;
}
div#TransferWrapper #routes-summary div.RouteSummary:last-child {
  border-bottom: solid 1px #555555;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths {
  overflow: auto;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths > div {
  float: left;
  height: 24px;
  font-size: 18px;
  margin: 0px 8px;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths div.Minutes {
  font-size: 10px;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths div.Path {
  margin: 0px 8px;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths div.Path.Walk {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 384px 384px;
  width: 24px;
  height: 24px;
  background-position-x: -360px;
  background-position-y: 0px;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths div.Path.Transit {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 384px 384px;
  width: 24px;
  height: 24px;
  background-position-x: -360px;
  background-position-y: -24px;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths div.BusStop.Pass {
  background-image: url("../img/icons-v.png");
  line-height: 24px;
  margin: 0px;
  padding: 0px 0px 0px 24px;
  background-size: 24px 768px;
  height: 24px;
  background-position-x: 0px;
  background-position-y: 0px;
  background-repeat: no-repeat;
  margin: 0px 24px;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths div.BusStop.Entrain {
  background-image: url("../img/icons-v.png");
  line-height: 24px;
  margin: 0px;
  padding: 0px 0px 0px 24px;
  background-size: 24px 768px;
  height: 24px;
  background-position-x: 0px;
  background-position-y: -96px;
  background-repeat: no-repeat;
  margin: 0px 24px;
}
div#TransferWrapper #routes-summary div.RouteSummary div.RoutePaths div.BusStop.Getoff {
  background-image: url("../img/icons-v.png");
  line-height: 24px;
  margin: 0px;
  padding: 0px 0px 0px 24px;
  background-size: 24px 768px;
  height: 24px;
  background-position-x: 0px;
  background-position-y: -120px;
  background-repeat: no-repeat;
  margin: 0px 24px;
}
div#TransferWrapper #trip-area {
  margin-top: 4px;
  overflow: auto;
}
div#TransferWrapper #trip-area > div {
  float: left;
}
div#TransferWrapper #trip-area #trip-summary {
  width: auto;
  max-width: 360px;
  min-height: 640px;
}
div#TransferWrapper #trip-area #trip-summary label {
  display: inline-block;
}
div#TransferWrapper #trip-area #trip-summary select {
  max-width: 170px;
}
div#TransferWrapper #trip-area #trip-summary div#ScrollTrips {
  overflow-y: auto;
  max-height: 640px;
}
div#TransferWrapper #trip-area #trip-summary div#ScrollTrips table#trips {
  min-width: 220px;
}
div#TransferWrapper #trip-area #trip-summary div#ScrollTrips table#trips tr.Trip {
  cursor: pointer;
}
div#TransferWrapper #trip-area #trip-summary div#ScrollTrips table#trips tr.Trip.Active {
  background-color: #ffcc00;
}
div#TransferWrapper #trip-area #trip-summary div#ScrollTrips table#trips tr.Trip.Active.Slow {
  background-color: rgb(229.5, 183.6, 0);
  color: #333333;
}
div#TransferWrapper #trip-area #trip-summary div#ScrollTrips table#trips tr.Trip.Slow {
  background-color: #cccccc;
  color: #333333;
}
div#TransferWrapper #trip-area #trip-wrapper {
  width: 480px;
}
div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMap,
div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMapGuidance {
  min-width: 640px;
  min-height: 640px;
  height: 100%;
}
div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMapGuidance {
  padding: 40px;
}

#trip-detail {
  margin: 4px 0px;
}
#trip-detail div.TripSummary div.TripPaths {
  overflow: auto;
}
#trip-detail div.TripSummary div.TripPaths > div {
  float: left;
  height: 18px;
  font-size: 13.5px;
  margin: 0px 8px;
}
#trip-detail div.TripSummary div.TripPaths div.Minutes {
  font-size: 10px;
}
#trip-detail div.TripSummary div.TripPaths div.Path {
  margin: 0px 8px;
}
#trip-detail div.TripSummary div.TripPaths div.Path.Walk {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 288px 288px;
  width: 18px;
  height: 18px;
  background-position-x: -270px;
  background-position-y: 0px;
}
#trip-detail div.TripSummary div.TripPaths div.Path.Transit {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 288px 288px;
  width: 18px;
  height: 18px;
  background-position-x: -270px;
  background-position-y: -18px;
}
#trip-detail div.TripSummary div.BusStop {
  cursor: pointer;
}
#trip-detail div.TripSummary div.BusStop.Pass {
  background-image: url("../img/icons-v.png");
  line-height: 18px;
  margin: 0px;
  padding: 0px 0px 0px 18px;
  background-size: 18px 576px;
  height: 18px;
  background-position-x: 0px;
  background-position-y: 0px;
  background-repeat: no-repeat;
  margin: 0px 12px;
}
#trip-detail div.TripSummary div.BusStop.Entrain {
  background-image: url("../img/icons-v.png");
  line-height: 18px;
  margin: 0px;
  padding: 0px 0px 0px 18px;
  background-size: 18px 576px;
  height: 18px;
  background-position-x: 0px;
  background-position-y: -72px;
  background-repeat: no-repeat;
  margin: 0px 12px;
}
#trip-detail div.TripSummary div.BusStop.Getoff {
  background-image: url("../img/icons-v.png");
  line-height: 18px;
  margin: 0px;
  padding: 0px 0px 0px 18px;
  background-size: 18px 576px;
  height: 18px;
  background-position-x: 0px;
  background-position-y: -90px;
  background-repeat: no-repeat;
  margin: 0px 12px;
}

div#ShowDetailRoute,
div#ShowDetailTrip {
  cursor: pointer;
  user-select: none;
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chrome */
  -ms-user-select: none; /* IE10 */
  border: 1px solid #c5c5c5;
  background: rgb(255, 234.6, 153);
  color: #333333;
  border-radius: 3px;
  display: inline-block;
  width: auto;
  margin-left: 12px;
}
div#ShowDetailRoute.Active,
div#ShowDetailTrip.Active {
  border: 1px solid #003eff;
  background: #007fff;
  color: #ffffff;
}

#TripDetailBox {
  display: none;
}
#TripDetailBox #trip-stops {
  min-width: 450px;
}
#TripDetailBox #trip-stops tbody tr {
  background-color: transparent;
}
#TripDetailBox #trip-stops tbody tr td {
  border: none;
}
#TripDetailBox #trip-stops tbody tr.GroupTop {
  border-top: solid 1px #888888;
}
#TripDetailBox #trip-stops tbody tr.Stop {
  cursor: pointer;
  white-space: nowrap;
}
#TripDetailBox #trip-stops tbody tr.Stop td.Station {
  padding: 2px 0px;
  font-size: 18px;
  height: 36px;
  vertical-align: middle;
}
#TripDetailBox #trip-stops tbody tr.Stop td.Station > div {
  background-image: url("../img/icons-v.png");
  line-height: 36px;
  margin: 0px;
  padding: 0px 0px 0px 36px;
  background-size: 36px 1152px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -288px;
  background-repeat: no-repeat;
}
#TripDetailBox #trip-stops tbody tr.Stop:first-child td.Station {
  padding-left: 36px;
  background-image: url("../img/icons-v.png");
  line-height: 36px;
  margin: 0px;
  padding: 0px 0px 0px 36px;
  background-size: 36px 1152px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -144px;
  background-repeat: no-repeat;
}
#TripDetailBox #trip-stops tbody tr.Stop:last-child td.Station {
  padding-left: 36px;
  background-image: url("../img/icons-v.png");
  line-height: 36px;
  margin: 0px;
  padding: 0px 0px 0px 36px;
  background-size: 36px 1152px;
  height: 36px;
  background-position-x: 0px;
  background-position-y: -180px;
  background-repeat: no-repeat;
}
#TripDetailBox #trip-stops tbody tr.Path {
  background-color: #eeeeee;
}
#TripDetailBox #trip-stops tbody tr.Path td {
  font-size: 12px;
  height: 24px;
  vertical-align: middle;
}
#TripDetailBox #trip-stops tbody tr.Path td.Minutes {
  text-align: center;
}
#TripDetailBox #trip-stops tbody tr.Path td.Path {
  padding-left: 36px;
}
#TripDetailBox #trip-stops tbody tr.Path td.Path div.WalkIcon {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 384px 384px;
  width: 24px;
  height: 24px;
  background-position-x: -360px;
  background-position-y: 0px;
}
#TripDetailBox #trip-stops tbody tr.Path td.Path div.TransitIcon {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 384px 384px;
  width: 24px;
  height: 24px;
  background-position-x: -360px;
  background-position-y: -24px;
}
#TripDetailBox #trip-stops tbody tr.Pass {
  background-color: #dddddd;
}
#TripDetailBox #trip-stops tbody tr.Pass td {
  font-size: 12px;
  height: 24px;
  vertical-align: middle;
}
#TripDetailBox #trip-stops tbody tr.Pass td.Clock {
  text-align: right;
  color: #444444;
}
#TripDetailBox #trip-stops tbody tr.Pass td.Clock:after {
  content: " 通過";
}
#TripDetailBox #trip-stops tbody tr.Pass td.Station {
  padding-left: 36px;
}
#TripDetailBox #trip-stops tbody tr.Pass td.Station div.PassIcon {
  background-image: url("../img/buttons.png");
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background-size: 384px 384px;
  width: 24px;
  height: 24px;
  background-position-x: -360px;
  background-position-y: -48px;
}

@media screen and (max-width: 1000px) {
  body {
    width: auto;
  }
  body #TopContent > div > div.content {
    padding-left: 2em;
  }
  body div.container.TimetableStop_9 {
    width: auto;
  }
  body div.container.TimetableStop_9 div#MainWrapper {
    width: auto;
  }
  body div.content ul#notice-area {
    margin-left: 14px;
    border-radius: 6px;
  }
  body div#RoadMap img#SVGRoadMap {
    width: 720px;
  }
  body div#RoadMap #SVGMap {
    width: 720px;
    max-height: 600px;
  }
  body div#MainWrapper {
    margin: auto;
  }
  body div#MainWrapper div.Fixed {
    width: 800px;
  }
  body div#MainWrapper div#search-area div#search-menu {
    float: none;
    width: auto;
    margin-top: 8px;
  }
  body div#MainWrapper div#search-area div#search-menu ul {
    margin: 0px;
  }
  body div#MainWrapper div#search-area div#search-menu ul li {
    float: left;
    margin: 0px;
    padding: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  body div#MainWrapper div#search-area div.SearchOptions {
    clear: both;
    float: none;
    border: solid 1px rgb(204, 163.2, 0);
    margin-top: 8px;
  }
  div#TransferWrapper #trip-area #trip-summary {
    overflow: auto;
  }
  div#TransferWrapper #trip-area #trip-wrapper {
    width: 480px;
  }
  div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMap,
  div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMapGuidance {
    min-width: 320px;
    min-height: 480px;
  }
  div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMapGuidance {
    padding: 10px;
  }
}
@media screen and (max-width: 800px) {
  body div.container {
    width: auto;
  }
  body div.container.TimetableStop_9 {
    width: auto;
  }
  body div.container.TimetableStop_9 div#MainWrapper {
    width: auto;
  }
  body div#header-area {
    height: 24px;
    border-bottom: none;
  }
  body div#header-area a {
    font-size: 10px;
    line-height: 24px;
  }
  body div#header-area div#title-area {
    background-size: 288px 24px;
    height: 24px;
    width: 100%;
    min-width: 288px;
    border-bottom: solid 1px #ff0000;
  }
  body div#header-area div#top-link {
    height: 24px;
  }
  body div#header-area div#top-link div#header-icon {
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
  }
  body div#header-area div#top-link ul#header-links {
    height: 24px;
    background-size: 24px 24px;
    padding-right: 12px;
  }
  body div#header-area div#top-link ul#header-links li.header-link {
    height: 24px;
  }
  body div#RoadMap img#SVGRoadMap {
    width: 360px;
  }
  body div#RoadMap #SVGMap {
    width: 360px;
    max-height: 600px;
  }
  body footer#footer-area div#company {
    background-image: url("../img/Footer_512.png");
    background-size: 256px 64px;
    height: 64px;
  }
  body #TopPage,
  body #MainWrapper,
  body #TransferWrapper {
    width: 320px;
  }
  body #TopPage #TopContent > div,
  body #MainWrapper #TopContent > div,
  body #TransferWrapper #TopContent > div {
    width: 320px;
    margin-bottom: 8px;
  }
  body #TopPage #TopContent > div > div,
  body #MainWrapper #TopContent > div > div,
  body #TransferWrapper #TopContent > div > div {
    margin: auto;
  }
  body #TopPage #TopContent > div > div.title,
  body #MainWrapper #TopContent > div > div.title,
  body #TransferWrapper #TopContent > div > div.title {
    border-radius: 6px;
    padding: 2px 3px;
    min-width: 8em;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    margin: 0px;
  }
  body #TopPage #TopContent > div > div.content,
  body #MainWrapper #TopContent > div > div.content,
  body #TransferWrapper #TopContent > div > div.content {
    padding-left: 8px;
    max-width: 320px;
  }
  body #TopPage #TopContent > div > div.content ul.contact,
  body #MainWrapper #TopContent > div > div.content ul.contact,
  body #TransferWrapper #TopContent > div > div.content ul.contact {
    overflow: hidden;
    margin-bottom: -24px;
  }
  body #TopPage #TopContent > div > div.content ul.contact li,
  body #MainWrapper #TopContent > div > div.content ul.contact li,
  body #TransferWrapper #TopContent > div > div.content ul.contact li {
    float: none;
    min-height: auto;
    padding: 4px 0px;
  }
  body #TopPage #TopContent > div > div.content ul.contact li em,
  body #MainWrapper #TopContent > div > div.content ul.contact li em,
  body #TransferWrapper #TopContent > div > div.content ul.contact li em {
    display: inline-block;
    min-width: 8em;
    text-align: right;
  }
  body #TopPage .BusKita,
  body #MainWrapper .BusKita,
  body #TransferWrapper .BusKita {
    margin: 0px;
    padding: 0px;
    flex-direction: column;
    justify-content: normal;
    align-items: center;
  }
  body #TopPage .BusKita:first-child,
  body #MainWrapper .BusKita:first-child,
  body #TransferWrapper .BusKita:first-child {
    margin: 24px 0px;
  }
  body #TopPage .BusKita li,
  body #MainWrapper .BusKita li,
  body #TransferWrapper .BusKita li {
    margin: 0px;
    padding: 0px;
  }
  body #TopPage .BusKita li img.Banner,
  body #MainWrapper .BusKita li img.Banner,
  body #TransferWrapper .BusKita li img.Banner {
    max-width: 276px;
  }
  body #TopPage #functions,
  body #MainWrapper #functions,
  body #TransferWrapper #functions {
    margin: 0px;
    padding: 0px;
    display: block;
  }
  body #TopPage #functions li,
  body #MainWrapper #functions li,
  body #TransferWrapper #functions li {
    overflow: auto;
    display: block;
    float: none;
  }
  body #TopPage #functions li a,
  body #MainWrapper #functions li a,
  body #TransferWrapper #functions li a {
    display: block;
    padding: 18px 18px;
    min-width: 240px;
    font-size: 18px;
    text-decoration: none;
  }
  body #TopPage #functions li a span,
  body #MainWrapper #functions li a span,
  body #TransferWrapper #functions li a span {
    display: block;
    height: 36px;
  }
  body #TopPage #functions li#MenuTransfer a span,
  body #MainWrapper #functions li#MenuTransfer a span,
  body #TransferWrapper #functions li#MenuTransfer a span {
    background-image: url("../img/icons-v.png");
    line-height: 36px;
    margin: 0px;
    padding: 0px 0px 0px 36px;
    background-size: 36px 1152px;
    height: 36px;
    background-position-x: 0px;
    background-position-y: -324px;
    background-repeat: no-repeat;
  }
  body #TopPage #functions li#MenuTimetable a span,
  body #MainWrapper #functions li#MenuTimetable a span,
  body #TransferWrapper #functions li#MenuTimetable a span {
    background-image: url("../img/icons-v.png");
    line-height: 36px;
    margin: 0px;
    padding: 0px 0px 0px 36px;
    background-size: 36px 1152px;
    height: 36px;
    background-position-x: 0px;
    background-position-y: -360px;
    background-repeat: no-repeat;
  }
  body #TopPage #functions li#MenuRoutemap a span,
  body #MainWrapper #functions li#MenuRoutemap a span,
  body #TransferWrapper #functions li#MenuRoutemap a span {
    background-image: url("../img/icons-v.png");
    line-height: 36px;
    margin: 0px;
    padding: 0px 0px 0px 36px;
    background-size: 36px 1152px;
    height: 36px;
    background-position-x: 0px;
    background-position-y: -396px;
    background-repeat: no-repeat;
  }
  body #TransferWrapper .BusKita {
    margin: 0px;
  }
  body div#MainWrapper {
    width: 320px;
    margin: auto;
  }
  body div#MainWrapper div.Fixed {
    width: 320px;
  }
  body div#MainWrapper div#search-area div#search-menu {
    float: none;
    width: auto;
    margin-top: 8px;
  }
  body div#MainWrapper div#search-area div#search-menu ul {
    margin: 0px;
  }
  body div#MainWrapper div#search-area div#search-menu ul li {
    float: left;
    font-size: 75%;
    margin: 0px;
    padding: 4px;
    min-width: 60px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  body div#MainWrapper div#search-area div#search-menu ul li span.verbose {
    display: none;
  }
  body div#MainWrapper div#search-area div.SearchOptions {
    clear: both;
    float: none;
    border: solid 1px rgb(204, 163.2, 0);
    margin-top: 8px;
  }
  body div#MainWrapper div#search-area div.SearchOptions > div#SearchOptionWait {
    min-height: 300px;
  }
  body div#MainWrapper div#search-area div.SearchOptions > div#SearchOptionWait img {
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionMap > div.Area {
    float: none;
    overflow: auto;
    width: 324px;
    margin: 4px auto;
  }
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionMap > div.Area:last-child {
    margin-bottom: 0px;
  }
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionMap > div.Area div.MapPreset {
    float: left;
    width: 100px;
    padding: 4px;
    cursor: pointer;
  }
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionMap > div.Area div.MapPreset:hover {
    background: rgb(255, 239.7, 178.5);
    background: linear-gradient(to bottom, rgb(255, 239.7, 178.5) 0%, rgb(255, 229.5, 127.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start-color", endColorstr="$end-color",GradientType=0 );
  }
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionMap fieldset#MarkerTypes,
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionMap fieldset#MapButton {
    float: none;
    padding: 4px;
    margin: 4px auto 0px;
    border-radius: 4px;
  }
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionMap fieldset#MarkerTypes legend,
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionMap fieldset#MapButton legend {
    font-size: 12px;
  }
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionCity div.CitySelect {
    float: none;
    margin: 4px auto;
  }
  body div#MainWrapper div#search-area div.SearchOptions div#SearchOptionCity div.CitySelect select {
    height: 48px;
  }
  div.ResultStops div.StopBox {
    margin: 2px;
    border-radius: 4px;
    padding: 2px;
    width: 150px;
  }
  div.ResultStops div.StopBox div.StopName {
    font-size: 112.5%;
  }
  div.ResultStops div.StopBox div.StopKana {
    font-size: 62.5%;
  }
  div.ResultStops div.StopBox div.StopCity {
    font-size: 62.5%;
  }
  div#Timetable > div {
    float: none;
  }
  div#Timetable table#timetable {
    margin: auto;
  }
  div#TransferWrapper #trip-area > div {
    display: block;
  }
  div#TransferWrapper #trip-area #trip-summary {
    overflow: auto;
    width: 100%;
    min-height: auto;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
  }
  div#TransferWrapper #trip-area #trip-summary .ExpandBody {
    margin-left: 32px;
  }
  div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMap,
  div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMapGuidance {
    min-width: 320px;
    min-height: 320px;
  }
  div#TransferWrapper #trip-area #trip-wrapper #MapWrapper #RouteMapGuidance {
    padding: 12px;
  }
}
@media print {
  ul#notice-area,
  a.ToTop,
  div#PrintPageButton {
    display: none;
  }
  h2.pole_name {
    display: none;
  }
  table.service {
    page-break-inside: avoid;
  }
  table.service span.printout {
    display: inline;
    color: #000000;
  }
  a[href]:after {
    content: "" !important;
  }
  abbr[title]:after {
    content: "" !important;
  }
}/*# sourceMappingURL=style.css.map */