﻿@charset "utf-8";
/* CSS Document */


@import url(base.css);
@import url(header.css);
@import url(footer.css);
@import url(sub.css);
@import url(pr_main.css);


/* "新着ニュース" セクション
--------------------------------------------------------------------------	*/
.newsbox{
	width : 883px;
	height: 40px;
	margin:10px auto 5px 15px;
	padding: 6px 0 0 0;
	background:url(../img/bk_newsbox.gif) no-repeat left top;
	}


.newsbox ul#newslist{
  height: 25px;
  width: 740px;
  margin:0 0 0 120px;
  padding: 0 0 0 0;
  font-size:14px;
  color:#CCC;
  background:#FFF;
  list-style-type: none;
  text-align: left;
  border: 1px solid #EEE;
	}

.newsbox ul#newslist li{
  padding: 0 0 0 20px;
  line-height:27px;
	}

/* "アナウンスボックス" セクション
--------------------------------------------------------------------------	*/
.announce_red{
	width: 874px;
	margin:5px auto;
	padding:3px 0;
	border:1px solid #a15f6f;
	}

	.announce_red h2{
		width: 864px;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		margin: 0 auto 3px auto;
		}

	.announce_red p{
		width: 864px;
		margin: 0 auto 0 auto;
		font-size:12px;
		line-height:1.3;
		color:#991e3d;
		text-align:left;
		}


/* "アナウンスボックス" セクション
--------------------------------------------------------------------------	*/
.announce{
	border: 3px solid #fcbe00;
	background:url(../img/warning.gif) no-repeat 10px middle;
	width: 870px;
	margin:5px 15px 10px;
	}

	.announce span{display:block;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		margin: 0 0 2px 0;
		}
	
	.announce p.an1 {margin: 7px 0 0 75px; padding: 0 0 3px 7px; color: #8c4d2e; line-height: 1.2em;
		font-size:12px;
		text-align:left;
		}

	.announce p.an2 {margin: 6px 0 2px 75px; padding: 8px 0 5px 7px; color: #8c4d2e;  width: 790px; line-height: 1.2em;  border-top: dotted 1px #cccccc; width: 790px;
		font-size:12px;
		text-align:left;
		}

/* "地図・検索ボックス" セクション
--------------------------------------------------------------------------	*/

.search{
	width: 615px;
	margin: 0 auto 15px auto;
	padding-bottom:0px;
	text-align:center;
	background:url(../img/bk_search_bottom.gif) no-repeat left bottom;
}

.search .bk_search_top{
	width: 615px;
	padding-top: 15px;
	background:url(../img/bk_search_top.gif) no-repeat left top;
}

.search .contents{
	width: 585px;
	margin: 0 auto 0 auto;
}
	

/* "地図ボックス" セクション */

.depselect_map{
	width:280px;
	height:264px;
	background:url(../img/map/bk_map.gif) no-repeat 50% 50%;
	float: left;
	position:relative;
}

	.depselect_map #hokkaido{
	width:56px;
	height:46px;
	position:absolute;
	top:23px;
	right:18px;
	}

	.depselect_map #tohoku{
	width:46px;
	height:69px;
	position:absolute;
	top:89px;
	right:30px;
	}

	.depselect_map #kanto{
	width:47px;
	height:38px;
	position:absolute;
	top:160px;
	right:44px;
	}

	.depselect_map #koshinetsu{
	width:42px;
	height:40px;
	position:absolute;
	top:120px;
	left:160px;
	}

	.depselect_map #hokuriku{
	width:36px;
	height:36px;
	position:absolute;
	top:137px;
	left:123px;
	}

	.depselect_map #tokai{
	width:48px;
	height:40px;
	position:absolute;
	top:177px;
	right:91px;
	}

	.depselect_map #kansai{
	width:34px;
	height:51px;
	position:absolute;
	top:175px;
	right:140px;
	}

	.depselect_map #chugoku{
	width:60px;
	height:32px;
	position:absolute;
	top:162px;
	left:41px;
	}

	.depselect_map #shikoku{
	width:44px;
	height:33px;
	position:absolute;
	bottom:33px;
	left:60px;
	}

	.depselect_map #kyushu{
	width:45px;
	height:58px;
	position:absolute;
	bottom:4px;
	left:7px;
	}

	.depselect_map #okinawa{
	width:50px;
	height:40px;
	position:absolute;
	top:73px;
	left:33px;
	}



/* "検索ボックス" セクション */
.condition{
	width: 295px;
	border:1px solid #666;
	background:#FFF;
	padding: 5px 0 5px 0;
	float:right;
}

.condition h2{
	width: 270px;
	text-align:left;
	margin: 0 auto 10px auto;
	border-bottom: 3px solid #0078C2;
}

.condition table{
	width: 270px;
	margin:0 auto 5px auto;
	padding: 0;
	border-collapse: collapse;
	border: none;
}

.condition table th{
	border: none;
	background:none;
	line-height: 1;
	padding: 3px 5px 0 0;
	vertical-align: top;
}

.condition table td{
	border: none;
	background:none;
	padding:0;
	text-align: left;
	vertical-align: top;
}

.condition table p{
	margin-bottom: 10px;
}

.condition .button{
	width: 270px;
	text-align:right;
	margin:0 auto 0 auto;
}
.condition .button img{
	cursor:pointer;
}


/* "時刻表ボックス" セクション
--------------------------------------------------------------------------	*/
.timetablebox{
	width: 585px;
	margin: 0 auto 0 auto;
	padding-top:0px;
	text-align:center;
	}

.timetablebox p{
	width: 575px;
	margin: 0 0 6px;
	text-align:left;
	padding: 0 0 3px 10px;
	border-bottom: 3px solid #0078C2;
	line-height:1.5;
	}

.timetablebox ul{
	width: 540px;
	margin: 10px 0px 0px 35px;
	padding:0;
	list-style:none;
	}

.timetablebox li {
	text-align: left;
	line-height:1.3;
	width:90px;
	height:25px;
	font-size: 14px;
	padding: 0 0 0 15px;
	margin: 0 2px 5px 0;
	border-bottom: 1px dotted #CCC;
	background: url(../img/arrow2.gif) no-repeat left 1px;
	float:left;
	}
	


/* "バスタイプボックス" セクション
--------------------------------------------------------------------------	*/
.bustype{
	width: 605px;
	margin: 0 auto 15px auto;
}

.bustype h3{
	width: 605px;
	height: 40px;
	margin: 0 auto 5px auto;
	background:url(../img/bk_title.gif) no-repeat left top;
	font-size: 18px;
	line-height:2;
	text-align:left;
	font-weight: bold;
}

.bustype h3 span{padding-left: 20px;}


.bustype .contents{
	width: 605px;
	margin: 0 auto 0 auto;
}

#bstyp{
	width: 604px;
	height: 137px;
	margin: 0 ;
	padding:0;
	background:url(../img/top_bustype_bk.gif) no-repeat left top;
}

#bstyp p{
	margin: 0;
	padding: 1px 10px 0 0;
}


.bustype .contents ul{
	width: 600px;
	margin:0 0 0 3px;
	padding:0;
	list-style-type:none;
	/*display: inline;*/
}

.bustype .contents li{
	float:left;
	margin:0;
	padding:0 0px 0 6px;
	}

.bustype .contents li.end{
	float:right;
	margin:0;
	padding:0 8px 0 0;
}


/*
.bustype .contents .flm0{
	float:left;
	margin: 0;
}

.bustype .contents .flmr1{
	float:left;
	margin: 0 1px 0 0;
}

.bustype .contents .flmr2{
	float:left;
	margin: 0 2px 0 0;
}

.bustype .contents .flmr3{
	float:left;
	margin: 0 3px 0 0;
}

.bustype .contents .frm0{
	float:right;
	margin: 0;
}
*/

/* "人気路線ボックス" セクション
--------------------------------------------------------------------------	*/



.popular_route{
	width: 605px;
	margin: 0 auto 10px auto;
	padding-bottom:10px;
}

.popular_route h2{
	width: 605px;
	height: 40px;
	margin: 0 auto 5px auto;
	background:url(../img/bk_title.gif) no-repeat left top;
	font-size: 18px;
	line-height:2;
	text-align:left;
	font-weight: bold;
}

.popular_route h2 span{padding-left: 20px;}


.popular_route .contents{
	width: 605px;
	text-align:center;
	margin: 0 auto 0 auto;
}


.popular_route .rankone, .popular_route .ranktwo, .popular_route .rankthree{
	width: 195px;
	padding-bottom:10px;
	background:url(../img/popular_route/bk_route_bottom.jpg) no-repeat left bottom;
}

.popular_route .rankone   {float:left;margin-right:10px;}
.popular_route .ranktwo   {float:left;margin-right:10px;}
.popular_route .rankthree {float:right;}
.popular_route .rankfour {float:left;margin-right:10px;}
.popular_route .rankfive {float:left;margin-right:10px;}
.popular_route .ranksix {float:left;}

.popular_route .bk_rnak_top{
	width: 195px;
	padding-top: 5px;
	background:url(../img/popular_route/bk_route_top.jpg) no-repeat left top;
}


.rankone h3, .ranktwo h3, .rankthree h3, .rankfour h3, .rankfive h3, .ranksix h3{
		width: 175px;
		height: 33px;
		font-weight: bold;
		line-height: 2.5;
		text-align:left;
		font-size: 16px;
		margin: 0 auto 5px auto;
		border-bottom: 3px solid #0078c2;
}

.rankone h3   {background:url(../img/popular_route/rank01.gif) no-repeat left 50%;}
.ranktwo h3   {background:url(../img/popular_route/rank02.gif) no-repeat left 50%;}		
.rankthree h3 {background:url(../img/popular_route/rank03.gif) no-repeat left 50%;}		
.rankfour h3 {background:url(../img/popular_route/rank04.gif) no-repeat left 50%;}	
.rankfive h3 {background:url(../img/popular_route/rank05.gif) no-repeat left 50%;}		
.ranksix h3 {background:url(../img/popular_route/rank06.gif) no-repeat left 50%;}	

.rankone h3 span, .ranktwo h3 span, .rankthree h3 span, .rankfour h3 span, .rankfive h3 span, .ranksix h3 span{padding-left: 30px;}

.rankone .price, .ranktwo .price, .rankthree .price, .rankfour .price, .rankfive .price, .ranksix .price{
	width: 175px;
	padding: 10px 0 0 0;
	font-size:12px;
	margin: 0 auto 0 auto;
}

.rankone .price img, .ranktwo .price img, .rankthree .price img, .rankfour .price img, .rankfive .price img, .ranksix .price img{
	display:inline;
}


/* "ばす探スタッフオススメボックス" セクション
--------------------------------------------------------------------------	*/

.staff_push{
	width: 605px;
	margin: 0 auto 10px auto;
	padding-bottom:10px;
}

.staff_push h2{
	width: 605px;
	height: 40px;
	margin: 0 auto 5px auto;
	background:url(../img/bk_title.gif) no-repeat left top;
	font-size: 18px;
	line-height:2;
	text-align:left;
	font-weight: bold;
}

.staff_push h2 span{padding-left: 20px;}

.staff_push p{
	font-weight: bold;
	text-align: left;
	font-size:12px;
}

.staff_push .featurebus{
	width: 600px; border: dashed 0px #6ebac8; background: #fff;
	margin: 3px auto 14px auto; padding: 0px;
}

.staff_push .featurebus p {width: 195px; padding: 5px 0px 2px 3px; float:left;
}

.staff_push .featurebus p span{font-size:11px; text-align:left; display:block; padding: 3px 0 0 4px;
}

.staff_push .contents{
	width: 590px;
	margin: 0 auto 0 auto;
}
	
.staff_push .contents p{
	font-weight: bold;
	text-align: left;
	font-size:12px;
	margin: 0 auto 10px auto;
}
	
.staff_push .contents hr{
	margin: 0 0 0 0;
	height: 15px;
	border: none;
}

.staff_push .contents .push_l{
	width: 290px;
	padding-bottom: 10px;
	float: left;
}
.staff_push .contents .push_r{
	width: 290px;
	padding-bottom: 10px;
	float: right;
}

.push_l img, .push_r img{
	float: left; border: 3px solid #ccc;
}


.push_l a, .push_r a{
	display:block;
	background:url(../img/arrow.gif) no-repeat left top;
	padding-left: 12px;
	width: 187px;
	text-align:left;
	float: right;
}


#pushtips .pushset{
	/*display: none;*/
}



/* "今月の特集ページ" セクション
--------------------------------------------------------------------------	*/

.special_number{
	width: 605px;
	margin: 0 auto 10px auto;
	padding-bottom:10px;
}

.special_number h2{
	width: 605px;
	height: 40px;
	margin: 0 auto 5px auto;
	background:url(../img/bk_title.gif) no-repeat left top;
	font-size: 18px;
	line-height:2;
	text-align:left;
	font-weight: bold;
}

.special_number h2 span{padding-left: 20px;}

.special_number .contents{
	width: 595px;
	text-align:center;
	margin: 0 auto 0 auto;
}
	
.special_number .contents p{
	font-weight: bold;
	text-align: left;
	font-size:12px;
	margin: 0 auto 5px auto;
}



.special_number .contents ul{
	width: 595px;
	margin:0;
	padding:0;
	list-style-type:none;
}

.special_number .contents li{
	width: 195px;
	float:left;
	text-align: left;
	font-size:10px;
	margin:0;
	padding:0 3px 5px 0;
	}

.special_number .contents li.end{
	float:right;
	margin:0;
	padding:0 0 0 0;
}

.special_number .contents a{
	text-decoration: none;
	}



/* "掲載運行会社ピックアップボックス" セクション
--------------------------------------------------------------------------	*/

.publish_co{
	width: 615px;
	margin: 0 auto 15px auto;
	padding-bottom:15px;
	background:url(../img/publish_co/bk_publish_bottom.gif) no-repeat left bottom;
}

.publish_co .bk_publish_top{
	width: 615px;
	padding-top: 15px;
	background:url(../img/publish_co/bk_publish_top.jpg) no-repeat left top;
}


.publish_co .ttlset{
	width: 593px;
	margin: 0 auto 5px auto;
}




.publish_co .ttlset h2{
	width: 285px;
	height: 40px;
	margin: 0 auto 0 auto;
	background: url(../img/publish_co/icon_speaker.gif) no-repeat left 3px;
	font-size: 18px;
	line-height:2;
	text-align:left;
	font-weight: bold;
	float:left;
}

.publish_co .ttlset span{padding-left: 35px;}


.publish_co .ttlset p{
	width: 295px;
	height: 40px;
	margin: 0 auto 0 auto;
	font-size: 12px;
	line-height:3;
	text-align: right;
	font-weight: bold;
	float:right;
}



.publish_co .contents{
	width: 593px;
	margin: 0 auto 0 auto;
}

.publish_co .contents hr{
	margin: 0 0 0 0;
	height: 15px;
	border: none;
}


.publish_co .co_l, .publish_co .co_r{
	width: 288px;
	padding:5px 0;
	background:#FFF;
	border: 1px solid #999;
}

.publish_co .co_l{float:left;}
.publish_co .co_r{float:right;}

.publish_co h3{
	width: 278px;
	margin: 0 auto 8px auto;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	/*background:url(../img/arrow.gif) no-repeat left 3px;*/
}
/*
.publish_co h3 a{padding-left: 15px;}
*/
.publish_co .co_cont{
	width: 278px;
	margin: 0 auto 0 auto;
}

.co_cont a.photo{
	width:92px;
	display: block;
	height:82px;
	border:1px solid #999;
	float: left;
}

.co_cont a.photo img{
	border: 1px solid #FFF;
}

.co_cont a.text {
	width:175px;
	font-size:14px;
	text-align:left;
	float: right;
	display: block;
}


#publishtips .publishset{
	display: none;
}


/* "エージェント一覧" セクション
--------------------------------------------------------------------------	*/

.agtlistbox{
	width: 615px;
	margin: 0 auto 15px auto;
	padding-bottom:20px;
	background:url(../img/bk_search_bottom.gif) no-repeat left bottom;
	}


.agtlistbox .bk_agtlistbox_top{
	width: 615px;
	padding-top: 20px;
	background:url(../img/bk_search_top.gif) no-repeat left top;
}

.agtlistbox h3{
	width: 585px;
	margin: 0 auto 0 auto;
	padding-bottom: 5px;
	font-size:14px;
	line-height:1.5;
	font-weight: bold;
	text-align:left;
	border-bottom: 3px solid #0078C2;
	}

.agtlistbox ul{
	width: 585px;
	margin: 15px 15px 0 15px;
	padding:0;
	list-style:none;
	}

.agtlistbox li {
	text-align: left;
	line-height:1.3;
	width:125px;
	height:35px;
	font-size: 12px;
	padding: 0 0 0 15px;
	margin: 0 2px 5px 0;
	border-bottom: 1px dotted #CCC;
	background: url(../img/arrow2.gif) no-repeat left 1px;
	float:left;
	}
	
/* SEO-CSS 20100309 */
#add-text {
	font-size:12px;
	line-height:18px;
	text-align:left;
	padding:0 20px 20px;
	}
	
	#add-text h2 {
		border-left:4px solid #FFA73D;
		font-size:14px;
		font-weight:bold;
		margin:0 0 7px 0;
		padding:0 0 0 7px;
	}


/* aboutbustan SEO-CSS 20100814 */
#aboutbustan {
	width:611px;
	height:102px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	padding:0;
	margin:10px 0 10px 4px;
	background: url(../img/aboutbustan_bg.gif) no-repeat left top;
	}
#aboutbustan {
	*margin:10px 0 10px -6px;
	}
	
#aboutbustan h2 {
		margin:0;
		padding:0;
	}

#aboutbustan p {
		margin:0;
		padding:8px 0 0 20px;
	}
#aboutbustan strong {
	color: #1b3d51;
	}

