@charset "utf-8";
@import "common.css";

/* 共通 */
#spot {
    margin-bottom: 40px;
}

#spot p {
    font-size: 80%;
    line-height: 120%;
}

#spot h3 {
    line-height: 30px;
    background-image: url(../img/spot/spot_h3_background.gif);
    background-repeat: no-repeat;
    height: 30px;
    font-size: 90%;
    font-weight: bold;
    color: #000000;
    background-color: #CCCCCC;
    padding-left: 32px;
    margin-bottom: 5px;
}

#spot h3.blue {
    line-height: 36px;
    background-image: url(../img/spot/spot_h3_background_blue.gif);
    background-repeat: no-repeat;
	height: 36px;
}

#spot h3.green {
    line-height: 36px;
    background-image: url(../img/spot/spot_h3_background_green.gif);
    background-repeat: no-repeat;
	height: 36px;	
}

#spot h3.red {
    line-height: 36px;
    background-image: url(../img/spot/spot_h3_background_red.gif);
    background-repeat: no-repeat;
	height: 36px;	
}


#spot h4 {
    padding-left: 10px;
    font-size: 90%;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.75em;
    margin-bottom: 10px;
    margin-top: 15px;
}

#spot h4.blue {
    background-image: url(../img/spot/spot_background_blue.gif);
    background-repeat: repeat-x;
}

#spot h4.green {
    background-image: url(../img/spot/spot_background_green.gif);
    background-repeat: repeat-x;
}

#spot h4.orange {
    background-image: url(../img/spot/spot_background_orange.gif);
    background-repeat: repeat-x;
}

/**** タイムテーブル（行き） ****/
#timetable {
    margin-top: 20px;
    margin-bottom: 25px;
}

#timetable table {
    font-size: 75%;
    width: 557px;
    border-collapse: collapse;
    border: 1px solid #0099FF;
    clear: both;
}

#timetable td {
    white-space: nowrap;
    text-align: center;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    border: 1px solid #0099FF;
}

p.highwaytime {
    text-align: center;
    margin-bottom: 20px;
}

#timetable th {
    padding: 5px;
    text-align: left;
    font-weight: normal;
    border: 1px solid #0099FF;
}

/**** タイムテーブル（帰り） ****/
#timetable2 {
    margin-top: 20px;
    margin-bottom: 25px;
}

#timetable2 table {
    font-size: 75%;
    width: 557px;
    border-collapse: collapse;
    border: 1px solid #990000;
    clear: both;
}

#timetable2 td {
    white-space: nowrap;
    text-align: center;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    border: 1px solid #990000;
}

#timetable2 th {
    padding: 5px;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
    border: 1px solid #990000;
}

/****テーブルカラー（行き）****/

/* タイトル */
.highwaytr1 {
    background-color: #B0E1FF;
    font-weight: bold;
}

/* 復路・往路・運行会社 */
.highwaytr2 {
    background-color: #EEEEEE;
}

/* 主要停留所 */
.highwaytr3 {
    background-color: #D9F2FF;
    font-weight: bold;
}

/****テーブルカラー（帰り）****/

/* タイトル */
.highwaytr01 {
    background-color: #FFCCCC;
    font-weight: bold;
}

/* 復路・往路・運行会社 */
.highwaytr02 {
    background-color: #EEEEEE;
}

/* 主要停留所 */
.highwaytr03 {
    background-color: #FFF4F4;
    font-weight: bold;
}

/* 運転日注意 */
.highwaytr04 {
    background-color: #FFFFCC;
}

/****　行き帰り *****/
.highwaynav1 {
    text-align: left;
    margin-bottom: 2px;
    float: left;
}

.highwaynav2 {
    text-align: left;
    margin-bottom: 2px;
    float: right;
}

/**** 料金案内 ****/
#guidance p {
    margin-left: 10px;
    margin-bottom: 5px;
}

#guidance h5 {
    margin-bottom: 3px;
    font-size: 90%;
    color: #0E2884;
}

#guidance ul {
    list-style-type: square;
    font-size: 80%;
    line-height: 120%;
    padding-bottom: 5px;
    padding-left: 20px;
}

#guidance li {
    padding-bottom: 3px;
}

#guidance table {
    font-size: 80%;
    white-space: nowrap;
    border-collapse: collapse;
    border: 1px solid #0099FF;
    margin-bottom: 8px;
}

#guidance th {
    background-color: #D9F2FF;
    text-align: center;
    border: 1px solid #0099FF;
    padding: 2px;
}

#guidance td {
    text-align: center;
    border: 1px solid #0099FF;
    padding: 2px;
}

.guidancemap {
    text-align: center;
    margin-right: 10px;
}