body {
  width: 100%;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	font-size: 12px;
	color: #333333;
	line-height:150%;
}
td,div {
	text-align:left;
}
form {
	margin:0px;
	padding:0px;
}
a img {
	border:none;
}
.input-border {
	border: solid 1px #006600;
	width:130px;
	padding:2px;
	margin:0px;
	color:#006600;
}
h2 {
	padding:0px;
	margin:0px;
}
.orange-font {
	color:#FF6600;
}
.red-font {
	color:#FF0000;
}
.small-font {
	font-size:10px;
}

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF6600;
}

a.white-link:link {
	color: #FFFFFF;
}
a.white-link:visited {
	color: #FFFFFF;
}
a.white-link:hover {
	color: #006600;
}
a.white-link:active {
	color: #FF6600;
}

a.footer-link:link {
	color: #FFFFFF;
}
a.footer-link:visited {
	color: #FFFFFF;
}
a.footer-link:hover {
	color: #FFFFFF;
}
a.footer-link:active {
	color: #FF6600;
}

a.navi:link {
	color: #006600;
}
a.navi:visited {
	color: #006600;
}
a.navi:hover {
	color: #FF0000;
}
a.navi:active {
	color: #FF6600;
}

.clear {
	clear:both;
}

#outside-frame {
	width: 950px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	position:relative;
  /*	border:solid 1px #73B92B; */
}

#header {
/*	border-bottom:solid 5px #73B92B; */
	border-top:solid 5px #73B92B;
	padding:0px;
}

h1#site-logo {
	clear: both;
/*	background-image:url(images/site-logo.gif); */
/*	background-image:url(images/newlogo.gif); */
	background-image:url(images/site_logo.gif);
	background-repeat:no-repeat;
	position: absolute;
/*	left:15px; */
	top:3px;
/*	z-index:1; */
	margin:0px;
	padding:0px;
}
#site-logo a{
	display:block;
	width:213px;
	height:95px;
	text-indent:-9999px;
}
#banner {
	float:right;
	margin:5px;
}

.read-more {
	text-align:right;
	display:block;
/*	background-color:#73B92B; */
	padding:2px 5px;
/*	margin-bottom:7px; */
}
#google-adwords {
	clear:both;
}


h2#whats-new-title,h2#state-ic-box-title,h2#weather-title,h2#useful-links-title {
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:25px;
	margin-top:10px;
}

#whats-new-box {
/*	border:solid 1px #73B92B; */
	padding:0px;
	margin:0px;
	list-style-type:none;
	list-style-position:outside;
}
#whats-new-box li{
	padding:5px 15px 5px 25px;
	background-image:url(images/news-list-icon.jpg);
	background-repeat:no-repeat;
	background-position:10px 8px;
}
ul#whats-new-box li+li {
/*	border-top:dotted 1px #73B92B; */
}
#whats-new-box #news-read-more {
	padding:2px 5px;
	background-image:none;
}
#state-ic-box {
	width:498px;
	padding:10px 0px 10px 20px;
	border:solid 1px #73B92B;
	margin-bottom:15px;
}
#state-ic-table {
	width:100%;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
#state-ic-table td{
	padding:2px;
}
.state-ic-table-left {
 	width:60px;
/* 	width:40px; */
}
#weather-box {
	border:solid 1px #73B92B;
	padding:0px;
	margin:0px;
	list-style-type:none;
	list-style-position:outside;
}
#weather-box li{
	padding:15px;
	background-repeat:no-repeat;
	background-position:10px 18px;
}
#weather-box li+li{
	border-top:dotted 1px #73B92B;
}
#weather-box #news-read-more {
	padding:2px 5px;
	background-image:none;
}
#useful-links {
/*	border:solid 1px #73B92B; */
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left : 10px;
/*	padding:10px 0px 10px 25px; */
	margin:0px;
/*	margin-bottom:15px; */
	list-style-type:none;
	list-style-position:outside;
}
#useful-links li{
	padding:2px;
	background-repeat:no-repeat;
	background-position:10px 18px;
}
#footer {
	width: 950px;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	text-align:center;
	font-weight: bold;
	color : #fff;
	background-color : #73B92B;
}

#footer-list {
  padding: 3px 0px 0px 0px;
}

#footer-list li{
	color : #fff;
	display:inline;
	margin:0px 5px;
}
.vertical-img {
	vertical-align: middle;
}
#navigation {
	clear:right;
	color:#006600;
}
#new-contents {
  width: 100%;
/*	padding:15px; */
}
h2#page-name {
	font-size:26px;
	margin:15px 0px 25px;
	padding:5px;
	color:#006600;
	border-left:solid 10px #006600;
	border-bottom:solid 1px #73B92B;
}
h2#page-name+p {
	background-color: #E2FFDD;
	border:solid 1px #73B92B;
	padding:10px;
}
h2#page-name+p img {
	vertical-align:middle;
}
#quick-result {
	text-align:center;
	margin:0px;
	margin-bottom:25px;
	padding:0px;
}
.quick-result {
	font-size:28px;
	color:#FF0000;
	font-weight:bold;
  line-height: 1.3em;
}
#detail-result-title {
	background-repeat: repeat;
	background-image : url("images/headline.gif");
/*	background-color : #b2d98b; */
	border : solid 1px #79cd57;
/*	border  : solid 1px #00BD27;*/
	padding : 3px;
	text-align: center;
}
#near-shop-title {
	background-image:url(images/near-shop-title.jpg);
}
#rout-list-title {
	background-image:url(images/rout-list-title.jpg);
}
#detail-result-table {
	width: 600px;
	border-collapse:collapse;
	margin-top: 15px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:solid 1px #006600;
}
#detail-result-table td{
	padding-left: 10px;
	border-left:solid 1px #006600;
	border-right:solid 1px #006600;
	text-align:left;
}
#detail-result-table td:nth-child(n+1){
	padding: 0 5px 5px 10px;
}
#detail-result-table th{
	background-color:#73B92B;
	color:#006600;
	border:solid 1px #006600;
	text-align:center;
}
.detail-table-zone {
	border-top:solid 1px #006600;
}
.detail-table-road {
  padding-left: 10px;
  text-align: left;
  margin-left: 0.9em;
  margin-top: 5px;
  margin-bottom: 5px;
  border-left: 3px solid #006600;
  position: relative;
}
.detail-table-road:after {
  content: "";
  position: absolute;
  left: -6px;
  bottom: -3px;
  border-top: 8px solid #006600;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
/* .kukan{width:140px;}.keyudoro{width:140px;}.ryokin{width:300px;}.kyori{width:100px;} */
.kukan{ width:50%; }.keyudoro{ width: 140px; }.ryokin{ }.kyori{ width:100px; }
#google-map,#change-ic,.ic-name,.near-shops {
	width:710px;
	margin-left:auto;
	margin-right:auto;
}
#google-map {
	text-align:right;
}
.ic-name {
	background-color: #E2FFDD;
	border:solid 1px #73B92B;
	margin-top:10px;
	margin-bottom:10px;
	padding:3px 5px;
	font-size:14px;
	font-weight:bold;
	clear:left;
}
h2#ic-select-table-title,h2#start-data-title,h2#other-set-title {
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	height:25px;
	width:210px;
}
#ic-select-table-td {
	width:210px;
	vertical-align:top;
	padding:0px;
	padding-top:1px;
}
h2#ic-select-table-title {
	background-image: url(images/ic-select-table-title.jpg);
}
h2#start-data-title {
	background-image:url(images/start-date.jpg);
	margin-top:10px;
}
#other-set-title {
	background-image:url(images/other-set-title.jpg);
	margin-top:10px;
}
#start-data-box {
	width:208px;
	padding:10px 0px;
	text-align:right;
	border:solid 1px #73B92B;
}
#other-set {
	padding:10px;
	width:188px;
	border:solid 1px #73B92B;
	color:#006600;
}
#select-rout1-td,#select-rout2-td {
	width:270px;
	vertical-align:top;
	text-align:right;
	padding-left:5px;
}
#select-rout1-title,#select-rout2-title {
	background-repeat:no-repeat;
	text-align:left;
	text-indent:-9999px;
	display:block;
	height:25px;
}
#select-rout1-title {
	background-image:url(images/select-rout1-title.jpg);
}
#select-rout2-title {
	background-image:url(images/select-rout2-title.jpg);
}
#select-rout1-box,#select-rout2-box {
	display:block;
	width:248px;
	height:248px;
	border:solid 1px #73B92B;
	padding:10px;
}
#select-rout1-list,#select-rout2-list {
	width:100%;
	height:250px;
	border:solid 1px #73B92B;
}
#show-map-td {
	text-align:center;
	padding-top:5px;
}

/* iiiiic.html */
#map_box {
	width:750px;
	height:480px;
	border:solid 1px #73B92B;
	margin-left:auto;
	margin-right:auto;
}

/*******************************/
/* Amazon Search by drk7.jp
/*******************************/
/* 枠の色を定義します */
.AmazonSearchTB1 table {
    border: 1px solid #73B92B;
    background-color : #73B92B;
    color: #000000;
    margin: auto; padding: 0px;
}

/* Ads by drk7.jp の font 色を定義します */
.AmazonSearchTB2 a,
.AmazonSearchTB2 a:link,
.AmazonSearchTB2 a:link:hover,
.AmazonSearchTB2 a:link:active {
    color: #ffffff; text-decoration: underline ; background: none;
}
.AmazonSearchTB2 table{ border: none; margin: 0px; padding: 1px; }

/* 広告部分の背景色を定義します */
.AmazonSearchTB3 table{
    background-color : #ffffff;
    border: none; margin: 0px; padding: 0px;
}

/* 商品名のfont定義 */
.AmaS_title a,
.AmaS_title a:link,
.AmaS_title a:link:hover,
.AmaS_title a:link:active {
    color: #004499;
    text-decoration: underline ; background: none;
    font-weight: bold;
}

/* 値段のfont定義 */
.AmaS_price { color: #006600; font-weight: bold; }

/* 説明文のfont定義 */
.AmaS_com { color: #000000; }

/* 画像のボーダー定義 */
.AmaS_img img{ border: 1px solid #aaaaaa; }

.read-more_ {
	text-align:left;
	display:block;
	background-color:#73B92B;
	padding:2px 5px;
	margin-bottom:7px;
}

/****************************************
 * 割引料金表(discount.php)
 ****************************************/
.discount-table
{
  width:  950px;
  border: solid 1px #73B92B;
  border-collapse:collapse;
  font-weight: bold;
  padding:0px;
  margin-left: auto;
  margin-right: auto;
}
.discount-table th
{
  text-align:center;
  padding: 2px;
  background-color: #73B92B;
  color:#006600;
  border: solid 1px #006600;
 }
.discount-table tr
{
  border: solid 1px #006600;
  }
.discount-table td
{
  padding:2px;
  border: solid 1px #006600;
  }

.discount-table-etc
{
  color: #fff;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  background-color: #633d96;
  }
.discount-table-genkin
{
  color: #fff;
  text-align: center;
  background-color: #006800;
  }
.discount-table-monday, .discount-table-tuesday, .discount-table-thursday, .discount-table-friday
{ background-color: #ffffff;
  text-align:center;
  width: 15px;
  }
.discount-table-wednesday
{ background-color: #eeee00;
  text-align:center;
  width: 15px;
  }
.discount-table-saturday
{ background-color: #b0e0e6;
  text-align:center;
  width: 15px;
 }
.discount-table-sunday
{ background-color: #ff6347;
  text-align:center;
  width: 15px;
 }
.discount-table-holiday
{ background-color: #ff6347;
  text-align:center;
  width: 15px;
 }
.discount-table-small, .discount-table-medium, .discount-table-full, .discount-table-extra
{ background-color: #ffffff;
  text-align:center;
  width: 15px;
 }
.discount-table-normal
{ background-color: #deb887;
  text-align:center;
  width: 15px;
 }
.waribiki_name { width: 200px; }
.waribiki_rate { width: 100px; }
.waribiki_cond { width:  50px; }
.waribiki_day  { width: 120px; }
.waribiki_car  { width:  75px; }
.waribiki_time { width: 200px; }
.waribiki_topic { width: 200px; }

/* 楽天トラベルのホテル画像 サイズ指定 */
.hotel-img
{ width: 128px;
  height: 128px; }

/* route.php 結果へのリンク表 */
.route-gaiyo-table {
	width: 100%;
	margin-top:10px;
	margin-bottom:10px;
	border-collapse:collapse;
}
.route-gaiyo-table th{
	width: 22%;
	background-color:#f0f0f0;
	border:solid 1px #CCCCCC;
	text-align:center;
	padding:0px 3px;
}
.route-gaiyo-table td{
	border:solid 1px #CCCCCC;
	text-align:center;
	padding:3px;
}

/* 入り口/出口に制限のある IC に対する警告 */
.inout-alert
{
  color: #ff0000;
  font-weight: bold;
  }

/* スマート IC の時刻制限・車種制限に対する警告 */
.smartIC-alert {
  color: #ff0000;
  font-weight: bold;
}

/* 共通 */
.big-box {
	margin: 0px;
	padding: 1px;
}
.box-frame {
	border : solid 1px #79cd57;
/*	border  : solid 1px #00BD27; */
	padding : 0px;
	margin-top : 3px;
	margin-right : 3px;
	margin-bottom: auto;
}
.left-box,.right-box {
	border : solid 1px #79cd57;
/*	border  : solid 1px #00BD27; */
	padding : 0px;
	margin-top : 3px;
	margin-right : 3px;
	margin-bottom: auto;
}
.box-padding {
	padding : 3px;
}
.box-headline {
	border-bottom : solid 1px #79cd57;
/*	border-bottom : solid 1px #00BD27; */
	background-color : #b2d98b;
	background-repeat: repeat-x;
	background-image : url("images/headline.gif");
	height: 16px;
	padding : 3px;
}
.box-contents {
	height: auto;
}

.left-column { /* 全体の幅：950px */
	float : left;
/*	width : 708px; */
	width : 640px;
	margin-left   : 0px;
}

.right-column {
	float : right;
/*	width : 260px; */
	width : 305px; */
	padding : 0px;
	margin-right : -3px;
}

/* ic.php */
/* 基本情報 関連 */
.ic-basic-info {
	border  : solid 1px #00BD27;
	padding : 0px;
}
.ic-basic-info-left {
}

.ic-basic-info-right {
	float : right;
}
.ic-in-out-link {
}
/* 周辺地図*/
.ic-map {
	border  : solid 1px #00BD27;
	padding : 0px;
	margin-top : 3px;
}
#ic-map-box {
	width  : 635px;
	height : 240px;
	padding : 0px;
}

#road-map-box {
	width  : 635px;
	height : 480px;
	padding : 0px;
}

#select-map-box {
	width  : 635px;
	height : 480px;
	padding : 0px;
}

/* ガソリン */
.gasoline-table {
	width : 594px;
}
.gasoline-th {
}
.gasoline-tr-colored,.restaurant-tr-colored,.hotel-tr-colored {
/*	background-color:#B0E0E6; */
	background-color:#e0ffff;
	padding : 0px;
	margin : 0px;
}
.gasoline-table td {
	margin:0px;
	padding:0px;
}

/* レストラン */
.restaurant-table {
	width : 594px;
}
.restaurant-table th {
	text-align: center;
}
.restaurant-table td{
	margin  :0px;
	padding :3px;
}

/* ホテル */
.hotel-table {
	border-collapse:collapse;
	width : 594px;
/* 	width : 950px; */
}

.hotel-table th {
	text-align : center;
/*
	border:solid 1px #CCCCCC;
	padding:3px;
*/
}

.hotel-table td {
	margin  : 0px;
	padding : 3px;
}

/* pref.php */
.pref-map {
}

#pref-map-box {
	height : 320px;
	width  : 635px;
}

#dummymap {
	height : 320px;
	width  : 635px;
}

.ic_list_td {
	width : 125px;
/* 	border : solid 1px; */
}

.road_list_td {
	width : 155px;
/* 	border : solid 1px; */
}

.candidate_list_td {
	width : 300px;
}

.list_ul {
	padding : 0px;
}
.list_li {
	margin : 0 0 0 1.5em;
}

/* 検索ボタン */
.search_button {
	background-image: url("images/search_button.gif");
	background-repeat: repeat-x;
/*	background-color: #4169e1; *//* for IE 7 */
/*	background-color: #b0e0e6; *//* for IE 7 */
	background-color: #eeee00;
	width: 100px;
	height: 20px;
	font-weight: bold;
/* 	color : #fff; */
/*	border : solid 1px #D97300; */
/*	border : solid 1px #000080; */
/*	border : solid 1px #4169e1; */
	border : solid 1px #ff8c00;
	padding: 0px;
	margin-left : 0px;
}

/* トップページの検索フォーム */
.search_field {
	margin: 0px;
	padding: 0px 3px;
}
.search_form {
}
.top_search_form_div{
	font-weight:bold;
	width : 948px;
/*	border : solid 1px #00BD27; */
	border : solid 1px #79cd57;
	text-align: center;
	background-image: url("images/search_form.gif");
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
	height : 60px;
}
.div_left{
	text-align: left;
}
.div_center{
	text-align: center;
}
.div_right{
	text-align: right;
}

.search_form_div {
	text-align : right;
}

/* ヘッダ部右のバナー (Ad.com) */
.header-banner {
  height: 95px;
  width: 100%;
	margin-top: 5.5px;
	text-align:right;
}

.japan_map_box {
	float :right;
}
#japan_map {
	width : 384px;
	height: 400px;
}

.pref-link-box {
	float: left;
	width : 250px;
/*	height: 405px; */
}

.dottedline {
	border-style: dashed none none none;
	border-top-width: 1px;
	border-top-color: #696969;
	height: 1px;
}
/* road.php */
#road-map-box, #sapa-map-box {
	width  : 635px;
	height : 320px;
	padding : 0px;
}

#suggest-box, #suggest-from, #suggest-to {
	position: absolute;
	left : 0px;
	top  : 0px;
	width:  0px;
	height: 0px;
	border: solid 1px #006600;
	background-color: #ffffff;
	z-index: -999
}

/* Seesaa banner */
/*
.seesaaAdD {
	width: 300px;
	height: 200px;
}

.seesaaAdE {
	width:  728px;
	height: 90px;
}
*/

.suggestTbl {
	border: 0px;
	width:  400px;
	margin: 0px;
	padding: 0px;
}
.right {
	text-align: right;
}

/* 経路を逆にする、などのリンクがある部分の右側 */
.banner-large-rectangle {
  float: right;
  width: 100%;
}

/* 経路を逆にする、などのリンクがある部分 */
.info-table {
  float: left;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.info-table div {
  margin-top: 5px;
}

#route_map {
  border: solid 1px black;
  height: 360px;
  width: 100%;
  margin:0 auto 0 auto;
  box-sizing: border-box;
}

/* 改行の位置をコントロールするためのテキストのかたまり */
.text-block {
  display: inline-block;
  line-height: 1.3em;
}

/*
 スマホ対応
   750px 以下の場合、100%で表示するだけ
 */
@media screen and (max-width: 1024px) {
  #outside-frame {
	  width: 100%;
	  margin-left:auto;
	  margin-right:auto;
	  padding:0px;
	  position:relative;
  }

  #footer {
	  width: 100%;
	  margin-top:3px;
	  margin-left:auto;
	  margin-right:auto;
	  padding:0px;
	  text-align:center;
	  font-weight: bold;
	  color : #fff;
	  background-color : #73B92B;
  }
  #detail-result-table {
	  width:100%;
	  border-collapse:collapse;
	  margin-top:15px;
	  margin-left:auto;
	  margin-right:auto;
	  border-bottom:solid 1px #006600;
  }
  #detail-result-table td{
	  padding-left:5px;
	  border-left:solid 1px #006600;
	  border-right:solid 1px #006600;
	  text-align:left;
  }
.detail-table-road {
  padding-left: 10px;
  text-align: left;
  margin-left: 0.9em;
  margin-top: 5px;
  margin-bottom: 5px;
  border-left: 2px solid #006600;
  position: relative;
}
.detail-table-road:after {
  content: "";
  position: absolute;
  left: -5px;
  bottom: -3px;
  border-top: 8px solid #006600;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
  .search_form_div {
    text-align: center;
    display: flex;
    justify-content: space-between;
    .input {
      width: 30%;
    }
  }
  .search-form-ic-name {
    width: 40%;
  }
  .search-form-arrow {
    width: 10%;
  }
  .search-form-car-type {
    width: 40%;
  }
  .search-form-button {
    width: 49%;
    text-align: right;
  }

}