﻿@charset "utf-8";
/* -----------------------------------------------
 *バス用CSS
 * 
 * Last Update 2011/12/27
----------------------------------------------- */
#detail h3 {
	line-height: 2.4;
	height: 37px;
	margin: 18px 0 12px;
	padding: 0 0 0 0.5em;
	font-size: 120%;
	background: url('../img/backBusTitle.gif') no-repeat left top;
}
	#detail h3#routeMap {
		line-height: 2.4;
		_padding-top: 10px;
	}
		#detail h3#routeMap img {
			vertical-align: text-bottom;
		}
#detail h4 {
	font-size: 150%;
}

.map {
	float: left;
}

.mapImage {
	float: left;
	width: 199px;
	margin-left: 6px;
}

#timeTable {
	margin: 18px 0;
}
	#timeTable table {
		width: 250px;
		border-spacing: 1px;
	}
		#timeTable table th {
			vertical-align: top;
			padding: 2px;
			font-size: 80%;
			text-align: center;
		}
			#timeTable th.empty {
				background: #ffffff;
			}
		#timeTable table td {
			vertical-align: top;
			padding: 2px;
			font-size: 80%;
			text-align: center;
			/*white-space: nowrap;*/
		}
	#timeTable p.referenceMark {
		font-size: 70%;
	}
	#timeTable h3 {
		margin-bottom: 5px;
	}

#timeSannomiya {
	float: left;
	width: 250px;
}
	#timeSannomiya h5 {
		margin-bottom: 5px;
		color: #F8E100;
		text-align: center;
		background: #85A963;
	}
	#timeSannomiya .nikko {
		color: #00822D;
	}
	#timeSannomiya th {
		background: #BACE9D;
	}
	#timeSannomiya td {
		background: #BACE9D;
	}

#rokkoIsland {
	float: left;
	width: 250px;
	margin-left: 10px;
}
	#rokkoIsland h5 {
		margin-bottom: 5px;
		color: #F8E100;
		text-align: center;
		background: #A89649;
	}
	#rokkoIsland .nikko {
		color: #574D10;
	}
	#rokkoIsland th {
		color: #000000;
		background: #CCBF89;
	}
	#rokkoIsland td {
		color: #000000;
		background: #CCBF89;
	}

.carfare {
	margin: 12px 0;
}
	#detail .carfare h4 {
		float: left;
		width: 304px;
		height: 23px;
		padding-top: 2px;
		font-size: 100%;
		text-align: center;
		background: url("../img/carfare.jpg") no-repeat;
	}
	.carfare p {
		float: left;
		margin-left: 12px;
		font-size: 90%;
	}
	.carfare dl {
		float: left;
		margin-left: 12px;
		font-size: 90%;
	}
		.carfare dt {
			float: left;
			clear: both;
			width: 90px;
		}
		.carfare dd {
			float: left;
		}

#timeTable #timeOkamoto {
	float: left;
	width: 250px;
}
	#timeTable #timeOkamoto h5 {
		margin-bottom: 5px;
		color: #F8E100;
		text-align: center;
		background: #85A963;
	}
	#timeTable #timeOkamoto table {
		width: 250px;
	}
		#timeTable #timeOkamoto table thead th {
			background: #90B063;
		}
			#timeTable #timeOkamoto table thead th.holiday {
				background: #DB7F7F;
			}
		#timeTable #timeOkamoto table td {
			text-align: left;
		}
		#timeTable #timeOkamoto table tbody th {
			width: 10px;
			text-align: left;
			background: #BACE9D;
		}
		#timeTable #timeOkamoto table tbody td {
			background: #BACE9D;
		}

/* 岡本～六甲　六甲 */
#timeTable #timeOkamotoRokko {
	float: left;
	width: 250px;
	margin-left: 13px;
}
	#timeTable #timeOkamotoRokko h5 {
		margin-bottom: 5px;
		color: #F8E100;
		text-align: center;
		background: #A89649;
		/*background: #85A963;*/
	}
	#timeTable #timeOkamotoRokko table {
		width: 250px;
	}
		#timeTable #timeOkamotoRokko table thead th {
		/*	background: #90B063;*/
			background: #CCBF89;
		}
			#timeTable #timeOkamotoRokko table thead th.holiday {
				background: #DB7F7F;
			}
		#timeTable #timeOkamotoRokko table td {
			text-align: left;
		}
		#timeTable #timeOkamotoRokko table tbody th {
			width: 10px;
			text-align: left;
	/*		background: #BACE9D;*/
			background: #CCBF89;
		}
		#timeTable #timeOkamotoRokko table tbody td {
	/*		background: #BACE9D;*/
			background: #CCBF89;
		}

.timeTableRight {
	text-align: right;
}

/* 駅からホテルまでのアクセスマップ */
.accessMap {
	float: right;
}

.commentBox {
	margin: 18px 0;
}
.outerSite {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 120%;
}

p.minato_link {
	margin-top: 15px;
}
	p.minato_link span {
		font-weight: bold;
		font-size: 120%;
	}
p.nikko img {
	vertical-align: middle;
}
.transCompany {
	text-decoration: underline;
}
.toTimetable {
	border: 1px solid #666666;
	padding: 3px 5px;
}
	.toTimetable img {
		vertical-align: middle;
	}
