#nav_local{
  height : auto;
  padding : 2% auto 2% auto;
  font-weight : bold;
  text-align : left;
  background-image : url(../../img/nav_bg.gif);
  background-repeat : repeat;
  overflow: hidden;
}
#nav_local ul {
  max-width:800px;
  width:98%;
  margin : auto;
  overflow: hidden;
}
#nav_local ul li {
	color: green;
	list-style-type: none;
	float: left;
    overflow: hidden;
    margin:1% 0% 1% 2%;
}
#nav_local ul li a {
	background-image: url(../../img/arrow_g.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 19px;
	color: rgb(0, 153, 0);
}
#nav_local ul li a:hover {
  color: rgb(255, 128, 0);
}
/*--ヘッダー----*/
#header{
  width:96%;
  height: auto;
  padding: 2%;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color:white;
  overflow:hidden;
}
#header h2{
  float:left;
}
#header p{
  font-size : 1rem;
  font-weight: bold;
  margin-left : 7px;
  margin-right : 7px;
  float:left;
}
#header p.green{
  color : rgb(0, 153, 0);
}
/***--------  INDEX ---------***/
.bus_index ul{
  width:98%;
  margin : auto;
}
.bus_index li{
  background-color: rgba(255, 255, 255, 0.6);
  border: 2px solid white;
  border-radius: 10px;
 
  width:43%;
  height:auto;
  padding : 2%;
  margin:1%;
  text-align: center; 
  float:left;
  display: block;
  }
.bus_index li a{
   display: block;
   text-decoration: none;
   color: inherit; 
  }
.bus_index li a:hover{
   background-color: rgba(255, 255, 255);
  }
.bus_index li a:active{
   background-color: rgba(255, 255, 255);
  }
.bus_index h3{
  width:96%;
  padding:2%;
  }
.bus_index p{
  width:90%;
  padding:5%;
  text-align: left;
  }
.bus_index img{
  width:80%;
  height:auto;
  margin;auto;
  }
.bus_index div{
  text-align: center;
}
/*-------BUTTON------*/
.buttonIconText02 {
  align-items: center;
  width: 89%;
  margin:auto;
  max-width: 240px;
  padding: 8px 8px 8px 8px;
  font-family: sans-serif;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #6fa24a;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
}
/*--PRICE/SPEC----*/
#cont_1{
  width:98%;
  margin : auto;
  background-color: rgba(255, 255, 255, 0.5);
  padding : 1%;
  overflow: hidden;
}
#price{
  width : 48%;
  margin:auto;
  float : left;
}
#price img{
 width:98%;
 height:auto;
 margin:auto;
}
#spec{
  width: 90%;
  height:auto;
  margin:auto;
  padding:2%;
  background-color: rgb(204, 204, 204);
  border-radius: 20px;
  text-align : left;
  overflow: hidden;
}
#spec h4{
  text-align:center;
}
#spec dl{
 width: 100%;
}
#spec dt{
  font-weight: bold;
  padding : 1%;
  margin : 2%;
  border: 1px solid #4b4b4b;
  border-radius: 15px;
  background:silver;
}
#spec dd{
  padding-left : 25px;
  line-height: 1.5;
}
#spec dd span{
  font-size : 12px;
}
.fare_img{
  width:48%;
  margin:1%;
  overflow: hidden;
  float : right;
}
.fare_img img{
  width:100%;
  height:auto;
}
.fare_img p{
    width:80%;
    margin:auto;
    border: 2px solid silver;
    border-radius: 10px;
    padding: 10px;
    font-size: 0.75rem;
}
/*--画像集----*/
#cont_2{
  width: 540px;
  background-color: rgb(201, 201, 201);
  background-image : url(../../chartered_bus/img/bg_cont2.png);
  background-repeat: repeat-x;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid silver;
  margin-bottom: 20px;
  text-align: center;
}
#cont_2 h3{
  font-size : 14px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom : 5px;
  text-align : left;
  color : rgb(102, 102, 102);
}
#cont_2 img{
  padding: 5px;
}
.img_3col{
  width:80%;
  margin:auto;
  overflow : hidden;
}
.img_3col h3{
  padding:1%;
  margin:2%;
  border:1px solid #4b4b4b;
  border-radius: 15px;
  }
.img_3col li{
  margin : 1%;
  width : 30%;
  float : left;
  list-style-type : none;
  height : auto;
  font-size : 90%;
  color : rgb(80, 80, 80);
  text-align : center;
}
.img_3col img{
width:100%;
height:auto;
}
.img_3col li div {
	background-size: cover;
	background-position: center center;
}
.img_3col li div a{
	padding-top: 75%;
	width: 100%;
	text-indent: -9999em;
	display: block;
}
/*--料金一覧
-------------------------------------*/
#fa_info{
  padding: 10px;
  border-width: 1px;
  border-style: dotted;
  border-color: silver;
  width: 500px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;
  background-color : white;
}
#fa_info h3{
  font-size: 14px;
  font-weight: bold;
}
#fa_info span.green{
  font-size: 14px;
  font-weight: bold;
  color : rgb(0, 153, 0);
}
.sub_title{
  font-size: 14px;
  font-weight: bold;
  background-image : url(../../chartered_bus/img/bg_fare_sub.gif);
  text-align: left;
  padding-left: 25px;
  margin-left: auto;
  margin-right: auto;
  width: 450px;
  background-repeat: no-repeat;
  padding-top: 2px;
}
#table{
  border-width: 1px;
  border-style: solid;
  border-color : rgb(153, 204, 0);
  width : 90%;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 20px;
  background-color : white;
}
#table th{
  font-weight : normal;
  color: green;
  background-image : url(../../img/nav_bg.gif);
  background-repeat: repeat-x;
  text-align : left;
  padding : 10px 3px 3px;
  font-size : 18px;
}
#table td{
  border-width: 1px;
  border-style: solid;
  border-color : rgb(238, 255, 219);
}
.th_2{
  color : rgb(0, 153, 0);
  background-color : rgb(238, 255, 219);
  padding-top : 5px;
  padding-left : 10px;
  padding-right : 5px;
  padding-bottom : 5px;
  text-align : left;
}
.td_l{
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  font-weight : bold;
}
.td_l img{
  margin-left : 10px;
}
.td_l a{
  color: rgb(0, 153, 0);
}
.td_r{
  color : rgb(255, 0, 128);
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  text-align : right;
  letter-spacing : 1px;
}
.td_r span{
  font-size : 16px;
  font-weight : bold;
  font-family : Verdana;
}
.border_green{
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : rgb(153, 204, 0);
  height : 1px;
  color : rgb(153, 204, 0);
}
.td_notec{
  font-size : 12px;
  font-weight : normal;
  color : gray;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}
.td_hi{
  font-size : 14px;
  font-weight : normal;
  padding-left : 10px;
}
.td_hi a{
  background-image : url(../../img/arrow_g.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  color: green;
}
.td_l span{
  font-size : 12px;
  font-weight : normal;
}
/********BREAK***********/
@media(max-width : 481px){
.mobile_set #nav_local{
display: none;
}
#header p,#header h2{
width:90%;
float:none;
align:center;
}
#price{
width:98%;
float:none;
}
.fare_img{
width:98%;
float:none;
}
#nav_local ul li{
float:none;
text-align:center;
width:96%;
margin:auto;
padding:2%;
}
.bus_index li{
width:90%;
margin:2%;
folat:none;
}
}