﻿body  {
    font-size: 12px;
    text-align: center;
    font-family: 'ＭＳ Ｐゴシック' ;
    background-color: #ffffff;
    background-attachment: fixed;
}
h1 {
    font-size: 16px;
    color: #000000;
}
img {
    border: none;
}
#container {
    text-align: center;
    width: 100%;
}
#update {
    text-align: right;
    width: 100%;
}
.update-time {
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
}
.update-next {
    font-size: 12px;
    font-weight: bold;
    color: #0000ff;
}
#navi {
    width: 100%;
    text-align: center;
    margin: 15px 0px 30px;
    color: #000000;
}
#navi-footer {
    width: 100%;
    text-align: center;
    margin: 15px 0px 30px;
    color: #000000;
}
.description {
    color: #000000;
}
.menu {
    text-align: left;
}
#map-header {
    width: 760px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: #d0d2fd;
    border: 2px solid #2870e6;
}
.map-title {
    font-weight: bold;
    font-size: 19px;
    color: #2f2f2f;
}
#attention {
    width: 696px;
    height: 15px;
    color: #2f2f2f;
    background-color: #d0d2fd;
}
td.data {
    text-align: left;
    background-color: #e6e1ff;
    color: #2f2f2f;
}
td.picture {
    text-align: center;
    background-color: #e6e1ff;
    color: #2f2f2f;
}
td.mappay {
    text-align: left;
    background-color: #e6e1ff;
    color: #FF0000;
    font-weight: bold;
}
td.title {
    white-space: nowrap;
}
.count {
    width: 700px;
    text-align: right;
    color: #ff0000;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
}
span.yachin {
    color: #FF0000;
    font-weight: bold;
    font-size: 14px;
}
#contents {
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.contact {
    text-align: center;
}
#station-box {
    width: 100%;
}
.station-block {
    margin-bottom: 20px;
}
.station-table {
    border: 2px solid #2870e6;
    font-size: 12px;
    width: auto;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.station-table th {
    white-space: nowrap;
    border: 1px solid #2870e6;
    background-color: #d0d2fd;
    color: #2f2f2f;
}
.station-table td {
    border: 1px solid #2870e6;
    text-align: center;
}
.station-table td.odd {
    background-color: #ffffff;
    color: #2f2f2f;
}
.station-table td.even {
    background-color: #e6e1ff;
    color: #2f2f2f;
}
.station-table td.leftodd {
    text-align: left;
    background-color: #ffffff;
    color: #2f2f2f;
}
.station-table td.lefteven {
    text-align: left;
    background-color: #e6e1ff;
    color: #2f2f2f;
}
.company-station-table {
    border: 2px solid #2870e6;
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    width: 540px;
}
.company-station-table td {
    border: 1px solid #2870e6;
}
.company-station-table td.icom1 {
    background-color: #d0d2fd;
    color: #2f2f2f;
    font-weight: bold;
    text-align: center;
}
.company-station-table td.icom2 {
    background-color: #d0d2fd;
    color: #2f2f2f;
    text-align: left;
    width: 170px;
}
.company-station-table td.icom3 {
   background-color: #ffffff;
   color: #2f2f2f;
    text-align: left;
}
#image-box {
    width: 660px;
    margin-right: auto;
    margin-left: auto;
}
.image-block {
    margin-bottom: 20px;
}
.image-table {
    border: 2px solid #2870e6;
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
}
.image-table td.even {
    border: 1px solid #2870e6;
    font-weight: bold;
    font-size: 14px;
    background-color: #e6e1ff;
    color: #2f2f2f;
    width: 160px;
}
.image-table td.odd {
    border: 1px solid #2870e6;
    font-weight: bold;
    font-size: 14px;
    background-color: #ffffff;
    color: #2f2f2f;
    width: 25%;
}
.image-table td.odd-img {
    border: 1px solid #2870e6;
    font-weight: bold;
    font-size: 14px;
    background-color: #e6e1ff;
    color: #2f2f2f;
    width: 160px;
    height: 160px;
}
.image-table td.yachin {
    border: 1px solid #2870e6;
    font-weight: bold;
    font-size: 14px;
    background-color: #d0d2fd;
    color: #2f2f2f;
    width: 160px;
}
#footer {
    margin-bottom: 20px;
    width: 640px;
    margin-right: auto;
    margin-left: auto;
}
div.center-pos {
    text-align: center;
}
.search-items {
    border: 2px solid #2870e6;
    font-size: 12px;
    width: 640px;
    margin-right: auto;
    margin-left: auto;
}
.search-items td {
    border: 1px solid #2870e6;
}
.search-items td.main-title {
    text-align: center;
    font-weight: bold;
    background-color: #d0d2fd;
    color: #2f2f2f;
    padding: 5px;
}
.search-items td.search-title {
    text-align: center;
    font-weight: bold;
    background-color: #d0d2fd;
    color: #2f2f2f;
    padding: 5px;
    width: 25%;
}
.search-items td.search-data {
    text-align: left;
    background-color: #ffffff;
    padding: 5px;
    width: 60%;
}
.search-items td.search-button {
    width: 15%;
    background-color: #ffffff;
    text-align: center;
}
.sort-items {
    font-size: 12px;
    text-align: left;
    width: 640px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
}
.sort-title {    border: 1px solid #2870e6;
    background-color: #d0d2fd;
    color: #2f2f2f;
    padding: 5px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}.sort-item {
    margin-left: 5px;
}
span.red {
    color: #ff0000;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
div.paging {
    color: #000000;
    text-align: center;
}
#prepare {
    background-color: #000000;
    width: 700px;
    height: 500px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
.address {
   text-align: left;
}
span.popup{
    display: block;
    text-align: center;
}
#largePop{
    display:none;
    position: absolute;
    top:0;
    left:0;
    margin-top:0;
    margin-left:0;
    background-color: #FFFFFF;
    border: 1px solid #9999FF;
    width: 250px;
    height: 250px;
    text-align: center;
}
a:link { color: #0000ff }a:visited { color: #800080 }a[href]:hover{
   position : relative;
   top : -2px;
   left : -2px;
}
