@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- timetable_left ---------- */

#timetable_left {
	width:520px;
	float:left;
	padding:0 20px;
}

#timetable_left .in_box {
	width:520px;
	float:left;
	padding:0 0 20px;
}





/* ---------- scheduleBox ---------- */

.scheduleBox {
	width:690px;
	float:left;
	background:url(../../images/timetable/schedule/bg_schedule_mid.gif) left top repeat-y;
	margin:0 0 15px;
}

.scheduleBoxIn {
	width:670px;
	float:left;
	padding:0 10px;
	background:url(../../images/timetable/schedule/bg_schedule_bot.gif) left bottom no-repeat;
}

.scheduleBox h4 {
	background:#88BBFF url(../../images/timetable/schedule/bg_schedule_ttl.gif) left top no-repeat;
	padding:5px 10px;
	margin:0 0 15px;
}

.scheduleBox h5 {
	font-size:75%;
	line-height:1.2em;
	border-left:#004098 3px solid;
	padding:0 0 0 5px;
	margin:0 0 5px;
}

.scheduleBox table {
	width:670px;
	font-size:65%;
	line-height:1.3em;
	text-align:center;
	margin:0 0 20px;
}

.scheduleBox .bus_type {
	float:left;
	width:670px;
	padding:0 0 15px;
}

.scheduleBox .image {
	float:left;
}

#main .scheduleBox .name {
	float:right;
	padding:0 0 5px;
}

.scheduleBox .bus_type div {
	float:right;
	width:567px;
	background:#D2E6FF;
	border:#88BBFF 1px solid;
}

#main .scheduleBox .bus_type div p {
	float:left;
	color:#CC3366;
	font-size:85%;
	line-height:1.5em;
	padding:5px 0 0 10px;
	font-weight:bold;
}

.scheduleBox .bus_type div ul {
	float:right;
}

.scheduleBox .bus_type div li {
	float:left;
	padding:5px 15px 5px 0;
}





/* ---------- timetable_tour ---------- */

.timetable_tour {
	width:530px;
	float:left;
	margin:0 -10px 0 0;
}

.timetable_tour div {
	width:255px;
	float:left;
	padding:0 10px 0 0;
	background:url(../../images/timetable/top/bg_timetable_tour_bot.gif) left bottom no-repeat;
}

.timetable_tour h5 {
	background:url(../../images/timetable/top/bg_timetable_tour.gif) left top no-repeat;
	color:#E4007F;
	padding:10px;
}

.timetable_tour ul {
	width:235px;
	float:left;
	padding:0 10px;
}

.timetable_tour ul li {
	width:235px;
	float:left;
	padding:0 0 10px;
}

.timetable_tour ul li h6 {
	width:129px;
	float:right;
	margin:0 0 5px;
	padding:0 0 0 3px;
	font-size:75%;
	line-height:1.2em;
	font-weight:normal;
	border-left:#E4007F 3px solid;
}

#timetable_left .timetable_tour ul li p {
	width:135px;
	float:right;
	font-size:65%;
	line-height:1.3em;
	padding:0;
}

#timetable_left .timetable_tour ul li .image {
	width:90px;
	float:left;
	padding:0 10px 0 0;
}





/* ---------- timetable_contents ---------- */

.timetable_contents {
	width:520px;
	float:left;
}

.timetable_contents ul {
	width:520px;
	float:left;
}

.timetable_contents ul li {
	width:520px;
	float:left;
	padding:0 0 10px;
}

.timetable_contents ul li h6 {
	width:414px;
	float:right;
	margin:0 0 5px;
	padding:0 0 0 3px;
	font-size:75%;
	line-height:1.2em;
	font-weight:normal;
	border-left:#004098 3px solid;
}

#timetable_left .timetable_contents ul li p {
	width:420px;
	float:right;
	font-size:65%;
	line-height:1.3em;
	padding:0 0 10px;
}

#timetable_left .timetable_contents ul li .image {
	width:90px;
	float:left;
	padding:0 10px 10px 0;
}





/* ---------- move ---------- */

.move {
	background:url(../../images/timetable/common/bg_arrow.gif) left center no-repeat;
	color:#FF3E7C;
	font-size:125%;
	padding:0 0 0 20px;
}





/* ---------- seat ---------- */

.seat {
	width:540px;
	float:left;
	margin:0 -20px 0 0;
	display:inline;
}

.seat li {
	width:160px;
	float:left;
	margin:0 20px 0 0;
	display:inline;
}

#timetable_left .seat .change {
	font-size:65%;
	line-height:1.0em;
	margin:0 0 5px;
	padding:0 0 1px 5px;
	border-left:#333333 3px solid;
}

.seat .tbl {
	width:160px;
	font-size:65%;
	margin:0;
}





/* ---------- seat ---------- */

#reserve {
	width:520px;
	float:left;
	text-align:right;
	padding:0 0 20px;
	position:relative;
}

#reserve p {
	font-size:65%;
	line-height:1.3em;
	padding:0 0 5px;
}

#reserve ul {
	padding: 0px;
	float: right;
	margin-top: 10px;
}

#reserve li {
	float: right;
	padding-right: 5px;
	padding-bottom: 5px;
}

#reserve #summer {
	position:absolute;
	top:0;
	left:0;
}




/* ---------- campaign ---------- */

#discount {
	width:518px;
	float:left;
	display:inline;
	margin:0 0 30px;
	background-color:#E4EDFA;
	border:1px solid #CCCCCC;
}

#discount h5 {
	padding:10px 10px 5px;
}

#discount table {
	font-size:65%;
	line-height:130%;
	margin:0 10px 10px;
}

#discount th {
	padding:5px;
}

#discount .web7 {
	padding:0 10px 10px 10px;
}



/* ---------- pamphleft ---------- */

#main .pamphlet {
	float:right;
	padding:0 30px 0 0;
}

#main .download {
	background:url(../../images/timetable/common/bg_download.gif) left center no-repeat;
	padding:7px 0 5px 30px;
}




/* ---------- timetable_right ---------- */

#timetable_right {
	width:150px;
	float:left;
}
