@charset "UTF-8";
/* CSS Document */

/*__ バストップ ___*/
#bustop .title {
  background: url(../c_img/bus_h1.gif)no-repeat 0 50%;
  min-height: 80px;
  padding: 0 0 0 30px;
	border: none;
}

#bustop h1 {
  padding-top: 20px;
}

#bustop h2.route_a {
  clear: both;
  background: none;
  padding: 0 0 0 0;
  border-top: 1px solid #0000cc;
  border-bottom: 1px solid #0000cc;
  border-radius: 0;
  font-weight: normal;
}

#bustop h2.route_a span {
  background: #0000cc;
	color: #fff;
	font-size: 74%;
	padding: 10px;
	margin-right: 10px;
}

#bustop h2.route_b {
  clear: both;
  background: none;
  padding: 0 0 0 0;
  border-top: 1px solid #F47B03;
  border-bottom: 1px solid #F47B03;
  border-radius: 0;
  font-weight: normal;
}

#bustop h2.route_b span {
  background: #F47B03;
	color: #000;
	font-size: 74%;
	padding: 10px;
	margin-right: 10px;
}

#bustop .column1 {
  width: 72%;
  max-width: 620px;
  float: left;
  margin-right: 5%;
  margin-left: 3%;
}

#bustop .column2 {
  float: left;
  max-width: 240px;
}
#bustop .column2 p.cap {
  font-size: 88%;
	margin-top: 0.2em;
	text-align: center;
}
#bustop .column2 p.cap::before {
  content:"▲";
	color: #ccc;
}
#bustop .company {
  background:#F7F6E9;
	font-size: 88%;
	width: 100%;
	padding: 1em 1em 0.5em;
}
#bustop .company p {
  margin-top: 0.5em;
	margin-bottom: 1em;
}
#bustop .more {
  clear: both;
	background: #FFD180;
	border-radius: 6px;
	text-align: center;
	padding: 10px;
	width: 30%;
	margin: 10px auto;
}

#bustop .route h3 {
  float: left;
}
#bustop h3.route_a  {
  background: none;
  border-left: 6px solid #0000cc;
  padding: 0 0 0 10px;
  font-weight: normal;
}
#bustop h3.route_b  {
  background: none;
  border-left: 6px solid #F47B03;
  padding: 0 0 0 10px;
  font-weight: normal;
}
#bustop .route h3 {
  float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
#bustop .route .route_info {
  padding-top: 2px;
	margin-bottom: 0.5em;
}

#bustop .route ul {
  clear: both;
	list-style: none;
}
#bustop .route li {
  background-image: none;
}

#bustop dl.car_detail {
  width: 100%;
	border-top: 1px solid #666666;
	padding-top: 1em;
}
#bustop dl.car_detail dt {
  float: left;
	width: 3em;
}
#bustop dl.car_detail dd {
  margin-left: 4em;
}

#bustop dl.car_detail dl.sub dt {
  font-weight: normal;
  clear: both;
  width: 6em;
}
#bustop dl.car_detail dl.sub dd {
  margin-left: 7em;
}


/*__ にじバス _ */
#bus { margin-top: -20px;}

.title {
  border-left: 20px #F47B03 solid;
	padding: 10px;
}

.title p { 
  font-size: 88%;
}

.title h1 {
  font-size: 150%;
  font-weight: normal;
  color: #333;
}

/*__ 時刻表 __*/

.timetable {
  float: left;
	width: 380px;
	margin-right: 47px;
	margin-left: 30px;
	font-size:90%;
}
.timetable dl { margin-bottom: 0.2em; }
.timetable dt {
  clear: both;
	float: left;
	background: #ECEFF1;
	width: 3.5em;
	padding: 4px 6px;
	border-bottom: 1px solid #B0BEC5;
	text-align: right;
	font-weight: normal;
}
.timetable dt.midashi { text-align: center; }

.timetable dd {
	padding: 4px 0 4px 10px;
	margin-left: 3.5em;
	border-bottom: 1px solid #B0BEC5;
}
.honbun .timetable ul {
  margin-bottom: -5px;
}

.honbun .timetable ul:after {
  content: "";
  clear: both;
  display: block;
}

.honbun .timetable li {
  background-image: none;
	float: left;
	text-align: right;
	width: 6em;
	display: block;
	padding-left: 0;
}

.map_area {
	float: right;
	width: 500px;
  font-size: 88%;
}


/*__ 運行ルート __*/
dl.route {
  width: 700px;
	margin: 30px auto;
	font-size: 88%;
}

dl.route dt {
  clear: both;
  float: left;
  width: 50px;
  text-align: center;
	min-height: 64px;
	position: relative;
	z-index: 101;
}
dl.route dt span {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #f47b03;
  color: white;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 4px;
}

dl.route .area1 {
  float: left;
  margin: 0 0 0 -26px;
	width: 470px;
  background: url(../c_img/bus_line.png)repeat-y left top;
	padding-left: 35px;
	padding-bottom: 10px;
	font-size: 88%;
	position: relative;
	z-index: 1;
}
dl.route .area1 span {
  display: block;
  background-color: #fff3e0;
  width: 100%;
  -webkit-border-radius: 5px 0 0 5px / 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px / 5px 0 0 5px;
  border-radius: 5px 0 0 5px / 5px 0 0 5px;
	padding: 2px 10px;
	margin-bottom: 4px;
	font-size: 120%;
}

dl.route .information {
  float: left;
  width: 200px;
  margin: 0 0 30px 0;
	padding: 2px 10px;
  background-color: #ffe0b2;
  text-align: center;
  -webkit-border-radius: 0 5px 5px 0 / 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0 / 0 5px 5px 0;
  border-radius: 0 5px 5px 0 / 0 5px 5px 0;
}

dl.route dd:nth-last-child(2) {
  background-image: none;
}

p#detour {
  text-align: center;
	padding-top: 20px;
}