@charset"Shift-JIS";

/*　ぺーじ共通*/


/* テーブル  ------------------------------*/
#top_tbl{
	/*border: 1px red solid;*/
	width: 100%;/*960*/
	border-collapse: collapse;
}

.map_tbbox_l{
	background: url(../img/bground_map_l.gif) no-repeat top center;
	background-color: #ffffff;
	width: 188px;
	
}
.map_tbbox_r{
	background: url(../img/bground_map_r.gif) no-repeat top right;
	background-color: #ffffff;
	width: 395px;
}

.map_tbbox{
	/*background: url(../img/bground_map.gif) no-repeat top center;*/
	/*background-color: #ffffff;*/
	/*width: 628px;*/
}

/* マップ内リスト  ------------------------------*/

ul.route_list {
	/*border: 1px red solid;*/
	/*width: 134px;*/
	/*margin-right: 5px;*/
	text-align: left;
	float: left;/*right*/
}
ul.route_list li {
	line-height: 107%;
}
.route_list_Tspace1 {
	width: 130px;
	padding-top: 12px;
}
.route_list_Tspace2 {
	width: 135px;
	padding-top: 100px;
	/*padding-right: 10px;*/
}
.route_list_Rspace {
	padding-left: 30px;
}

/*ルート内見出し*/
.route_mds {
	padding-top: 10px;
	padding-bottom: 5px;
}
/*バス愛称*/
span.bus_name {
	font-size: 85%;
}

/* ▽ 熊本 */
ul.route_list li#m_ill01 {
	background: url(../img/mlist_m_ill01.gif) 0 50% no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
/* ▽ 空港リムジン */
ul.route_list li#m_ill02 {
	background: url(../img/mlist_m_ill02.gif) 0 50% no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
/* ▽ 熊本港 */
ul.route_list li#m_ill03 {
	background: url(../img/mlist_m_ill03.gif) 0 50% no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}

/* ▽ 1〜18 */
ul.route_list li#m_01 {
	background: url(../img/mlist_m_01.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_02 {
	background: url(../img/mlist_m_02.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_03 {
	background: url(../img/mlist_m_03.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_04 {
	background: url(../img/mlist_m_04.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_05 {
	background: url(../img/mlist_m_05.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_06 {
	background: url(../img/mlist_m_06.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_07 {
	background: url(../img/mlist_m_07.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_08 {
	background: url(../img/mlist_m_08.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_09 {
	background: url(../img/mlist_m_09.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_10 {
	background: url(../img/mlist_m_10.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_11 {
	background: url(../img/mlist_m_11.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_12 {
	background: url(../img/mlist_m_12.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_13 {
	background: url(../img/mlist_m_13.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_14 {
	background: url(../img/mlist_m_14.gif) 0 50% no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_15 {
	background: url(../img/mlist_m_15.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_16 {
	background: url(../img/mlist_m_16.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_17 {
	background: url(../img/mlist_m_17.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}
ul.route_list li#m_18 {
	background: url(../img/mlist_m_18.gif) no-repeat;
	padding-left: 23px;
	margin-bottom: 10px;
}



/* 右リスト  ------------------------------*/

ul#right_list{
	width: 163px;/*165*/
	float: right;
	display: block;
}
ul#right_list li{
	/*border: 1px red solid;*/
	list-style-type: none;
}
ul#right_list li a{
	background: url(../img/right_list.jpg) no-repeat left;
	width: 163px;/*160*/
	text-decoration: none;
	text-indent: -10000px;
	display: block;
}

/*運行路線図案内*/

ul#right_list li#right01 a{
	background-position: -166px 0;
	width: 165px;
	height: 85px;/*84*/
}
ul#right_list li#right01 a:hover{
	background-position: -1px 0;
	width: 165px;
	height: 85px;
}

/*熊本を観光する*/

ul#right_list li#right02 {
	padding-top: 21px;
}
ul#right_list li#right02 a{
	background-position: -166px -85px;
	width: 164px;
	height: 95px;
}
ul#right_list li#right02 a:hover{
	background-position: -1px -85px;
	width: 164px;
	height: 95px;
}

/*施設までの交通案内*/

ul#right_list li#right03 a{
	background-position: -166px -180px;/*178*/
	width: 164px;
	height: 66px;/*66*/
}
ul#right_list li#right03 a:hover{
	background-position: -1px -180px;
	width: 164px;
	height: 66px;
}

/*コミュニティバス*/

ul#right_list li#right04 a{
	background-position: -166px -246px;/*244*/
	width: 164px;
	height: 69px;/*72*/
}
ul#right_list li#right04 a:hover{
	background-position: -1px -246px;
	width: 164px;
	height: 69px;
}



/* 運行状況  ------------------------------*/
.co_box {
	/*border: 1px red solid;*/
	background-color: #ffffff;
	/*width: 945px;*/
	/*margin-top: 6px;*/
	margin: 6px 5px 0 5px;
	display: block;
}
.co_box_HbusService{
	/*background-color: #0d7abe;*/
	height: 21px;
}

.busService_time {
	background: url(../img/busService_line.gif) no-repeat;
	width: 130px;
	height: 18px;
	padding-top: 3px;
	font-size: 80%;
	text-align: left;
	float: left;
}
.busService_txt {
	/*border: 1px red solid;*/
	height: 10px;
	margin-top: 4px;
	padding-left: 7px;
	float: left;
}

.bStit_img {
	vertical-align: middle;
	float: left;
}



/* バスサービスのご案内  ------------------------------*/
#info_tbl {
	width: 950px;
}
#info_tbl td {
	/*border: 1px red solid;*/
}
ul.businessinfo_list{
	background-color: #daefee;
	width: 143px;/*148*/
	/*height: 180px;*/
	margin-left: 1px;
	margin-right: 3px;
	padding-left: 1px;
	text-align: left;
	list-style-position: outside;
	float: left;
}
ul.businessinfo_list li{
	background: url(../img/bslist_m_arrow.gif) 0 50% no-repeat;
	margin-bottom: 7px;
	padding-left: 12px;
}
ul.businessinfo_list li a{
}
ul.businessinfo_list li a:hover{
	color: #000000;
	text-decoration: underline;
}

ul.utilization_list{
	/*border: 1px red solid;*/
	width: 155px;/*150*/
	margin-left: 2px;
	text-align: left;
	list-style-position: outside;
	float: left;
}
ul.utilization_list li{
	background: url(../img/utlist_m_arrow.gif) 0 50% no-repeat;
	margin-bottom: 5px;/*7*/
	padding-left: 10px;
}

#info_tbl td.ticket_btn {
	background: url(../img/bground_ticket_line.gif) no-repeat;
}

/* 券種その他  ------------------------------*/

ul#ticket_list {
	/*border: 1px red solid;*/
	width: 162px;
	height: 174px;
	display: block;
}
ul#ticket_list li {
	list-style-type: none;
	line-height:0;
	text-indent: -10000px;
	float: left;
}
ul#ticket_list li a {
	background: url(../img/btn_ticket.gif) no-repeat;
	/*width: px;*/
	height: 174px;
	border: none;
	text-decoration: none;
	display: block;
}

/* 乗車券購入 */
ul#ticket_list li#ticket01 a{
	background-position: 0 0;
	width: 48px;
	margin-left: 8px;
}
ul#ticket_list li#ticket01 a:hover{
	background-position: 0 -174px;
	width: 48px;
	margin-left: 8px;
}

/* 定期券購入 */
ul#ticket_list li#ticket02 a{
	background-position: -49px 0;
	width: 48px;
	margin-left: 9px;
}
ul#ticket_list li#ticket02 a:hover{
	background-position: -49px -174px;
	width: 48px;
	margin-left: 9px;
}

/* その他 */
ul#ticket_list li#ticket03 a{
	background-position: -97px 0;
	width: 39px;
	margin-left: 10px;
}
ul#ticket_list li#ticket03 a:hover{
	background-position: -97px -174px;
	width: 39px;
	margin-left: 10px;
}


/* 新着情報・お知らせ  ------------------------------*/

ol.info_list{
	/*border: 1px red solid;*/
	text-align: left;
	font-size: 80%;
}
ol.info_list li{
	padding-bottom: 3px;
	/*line-height: 140%;*/
}
p.info_showlist{
	/*border: 1px red solid;*/
	width: 395px;
	/*margin-top: 4px;*/
	text-align: right;
}
p.info_date{
	/*background: url(../img/infonew_icon.gif) no-repeat center;*/
	/*width: 105px;*/
	float: left;
}

ul.info_txt {
	width: 290px;
	margin-left: 3px;
	float: left;
	list-style-position: outside;
}
ul.info_txt li a {
	color: #0000ff;
	text-decoration: none;
}
ul.info_txt li a:hover {
	color: #0000ff;
	border-bottom: 1px dotted;

}