@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- flash ---------- */

#flash {
	padding:10px 0 0;
	background:#023F98;
}

#flash #noscript {
	width:900px;
	height:251px;
	margin:0 auto;
	padding:20px 0 0 20px;
	background:url(../../images/top/bg_noscript.gif) left top no-repeat;
	text-align:left;
}

#flash #noscript h2 {
	font-size:145%;
	line-height:1.1em;
	padding:0 0 10px;
}

#flash #noscript h3 {
	font-size:95%;
	line-height:1.3em;
	padding:0 0 10px;
}

#flash #noscript p {
	font-size:75%;
	line-height:1.3em;
	padding:0 0 10px;
}

#flash #noscript p em {
	font-weight:bold;
	font-style:normal;
}





/* ---------- s-t_box ---------- */

#timetable {
	width:485px;
	float:left;
	display:inline;
	margin:0 15px 0 10px;
}

#route {
	width:485px;
	float:left;
	background:url(../../images/top/bg_route.gif) left bottom no-repeat;
}

.routeTtl {
	float:left;
	padding:0 5px 0 0;
}

#route h2 {
	display:inline;
	padding:0 0 0 30px;
	font-size:85%;
	line-height:25px;
	color:#FFFFFF;
	width:405px;
	background:url(../../images/top/bg_route_h3.gif) left top no-repeat;
	margin:0;
	float:right;
}

#route div {
	width:435px;
	float:right;
	display:inline;
	margin:11px 0 10px;
	background:url(../../images/top/bg_route_div.gif) left bottom no-repeat;
}

#route div .rttl {
	width:350px;
	float:left;
	padding:5px 10px 2px;
/*	padding:15px 10px 7px;*/
	margin:0;
	font-size:85%;
	line-height:1.4em;
	background:url(../../images/top/bg_route_h4.gif) left top no-repeat;
	border:none;
	font-weight:bold;
}

#route div .rttl a {
	background:url(../../images/top/bg_route_h4_a.gif) left center no-repeat;
	color: #333333;
	padding:0 0 0 10px;
}

#route div .price {
	width:340px;
	float:left;
	padding:0 10px 3px 20px;
/*	padding:0 10px 13px 20px;*/
	font-size:85%;
	line-height:1.4em;
	color:#CC0000;
	font-weight:normal;
	border:none;
}

#route div p {
	width:350px;
	float:left;
	padding:5px 10px;
/*	padding:15px 10px;*/
	font-size:75%;
	line-height:1.5em;
	border-top:#CCCCCC 1px dotted;
}

#route div ul {
	width:65px;
	float:right;
	padding:19px 0 0;
/*	padding:40px 0 0;*/
	text-align:center;
	background:url(../../images/top/bg_route_ul.gif) left top no-repeat;
}

#route div ul li {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
}

#route form,
#route input {
	font-size:1px;
}

#bustype {
	width:210px;
	float:left;
	padding:0 0 10px;
}

#bustype p {
	padding:0;
}





/* ---------- recommend ---------- */

#main .bttl {
	background:url(../../images/common/bg_h3_bttl.gif) left top no-repeat;
	margin:-10px 0 10px;
	padding:30px 10px 0 40px;
}

#recommend {
	width:720px;
	float:left;
	display:inline;
	margin:-10px 0 0;
}

#recommend li {
	float:left;
	display:inline;
	margin:10px 0 0 10px;
}





/* ---------- info ---------- */

#info {
	background:#FFFFFF;
}

#info #info_in {
	width:920px;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
}

#info #news {
	width:452px;
	float:left;
}

#info #other {
	width:450px;
	float:right;
}

#info #other #bus489 {
	width:450px;
	float:left;
	margin:0 0 10px;
	background:url(../../images/top/bg_bus489.gif) right top no-repeat;
}

#info #other #bus489 h4 {
	float:left;
}

#info #other #bus489 h5 {
	width:180px;
	float:left;
	padding:10px 0 5px 10px;
	font-size:75%;
	line-height:1.5em;
	color:#FF0000;
}

#info #other #bus489 ul {
	width:180px;
	float:left;
	padding:0 0 0 10px;
	font-size:75%;
	line-height:1.5em;
}

#info #other #bus489 ul li {
	width:90px;
	float:left;
	padding:0 0 5px;
}

#info #other p {
	float:left;
	padding:0 0 10px;
}