@charset "UTF-8";

/**********************************************
 * @group initialize 
 **********************************************/
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,li{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/* @group initialize end */

/**********************************************
 * @group ClearFix 
 **********************************************/
/* new clearfix */
.clearfix:after { 
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0;
overflow:hidden;
} 

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* @group ClearFix end */

/**********************************************
 *  @group common 
 **********************************************/
body {
	font-size: 12px;
	line-height: 150%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	/*background: url(../img/bg_body.gif) top center repeat-y;*/
}

/*************************
 * リンク部分
 *************************/
a:link {
    color: #009FB7;
    text-decoration: none;
}

a:link.underline {
	text-decoration: underline;
}

a:visited {
	color: #009FB7;
}

a:hover {
	color: #009FB7;
	text-decoration: underline;
}
/*** IOS用　サイズ調整  START***/
.mac body,
.ipod body,
.iphone body {
	/*-webkit-text-size-adjust: 100%;*/
	text-size-adjust: 100%;
}

.mac select,
.ipod select,
.iphone select {
	letter-spacing: -1px;
	font-size:83.3%;
}

.mac #inputInOut input[type=text],
.ipod #inputInOut input[type=text],
.iphone #inputInOut input[type=text],
.mac form[name=frmKeyword] input[type=text],
.ipod form[name=frmKeyword] input[type=text],
.iphone form[name=frmKeyword] input[type=text] {
	/*width: 205px;*/
	width: 185px;
}

.mac #inputAddInfo input[type=text],
.ipod #inputAddInfo input[type=text],
.iphone #inputAddInfo input[type=text] {
	width: 190px;
}

/*** IOS用　サイズ調整  END***/

p { line-height: 150%; }

#container,
.header {
	margin: 0 auto;
	text-align: left;
	width: 980px;
}

#container { background: #ffffff; }

#header_Area {
	border-top: solid 3px #00A0B8;
}

.header {
	padding: 5px 0 0 0;
	position: relative;
	height: 74px;
}

#naviWrap {
    /*height: 61px;*/
    margin: 10px auto 20px;
    width: 980px;
    background-color: #ffffff;
}
#naviWrap li {
	float:left;
	border-right:solid 1px #d4ddde;
}
#naviWrap li:first-child {
	border-left:solid 1px #d4ddde;
}
#naviWrap li a {
	padding: 0px 19.9px;
}

.header div.linkBtn {
	float: right;
	padding-top: 15px;
}
.header div.formArea {
	height: 23px;
	float: right;
	/*padding: 44px 5px 0 10px;*/
	background: url(../img/bg_header_02.gif) no-repeat right bottom;
}
.header div.otasukeArea {
    position: absolute;
    top: 37px;
    right: 165px;
}
.header ul.headerLinkList {
/*	position: absolute;
	top: 20px;
	right: 0;*/

    position: absolute;
    top: 42px;
    right: 340px;
}
.header ul.headerLinkList li {
	float: right;
	padding-left: 16px;
	margin-left: 18px;
	background: url(../img/ico_link_arrow_17.png) no-repeat left center;
	padding-top: 2px;
}
.header ul.headerLinkList li.last {
	border-left: none;
}
.header input {
	width: 120px;
	margin-right: 6px;
	border: solid 1px #fff;
}
.header button {
	width: 16px;
	height: 15px;
	background: #00A0B8 url(../img/btn_header_04.gif);
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

.header ul.textSizeChange {
	float: right;
	padding-top: 32px;
}

.header ul.textSizeChange li {
	float: left;
	/*padding: 0 2px;*/
}
.header ul.textSizeChange li p {
	width: 27px;
	/*height: 27px;*/
	/*text-indent: -9999px;*/
	cursor:pointer;
    /*padding-top: 5px;*/
    padding: 4px 3px;
}

.header ul.textSizeChange li.listTitle {
	padding-top: 5px;
	margin-right: 7px;
	font-weight: bold;
}
.header ul.textSizeChange li.smpBtn {
	padding-top: 2px;
	padding-right: 10px;
}

.header ul.textSizeChange li.middle p.off {
	/*background: url(../img/btn_header_02_off.gif) no-repeat left top;*/
	background-color: #d4ddde;
}
.header ul.textSizeChange li.middle p.current {
	/*background: url(../img/btn_header_02_on.gif) no-repeat left top;*/
	background-color: #00b0c7;
	color: #ffffff;
}
.header ul.textSizeChange li.middle p:hover {
	/*background: url(../img/btn_header_02_on.gif) no-repeat left top;*/
	background-color: #00b0c7;
	color: #ffffff;
}

.header ul.textSizeChange li.large p.off {
	/*background: url(../img/btn_header_03_off.gif) no-repeat left top;*/
	background-color: #d4ddde;
}
.header ul.textSizeChange li.large p.current {
	/*background: url(../img/btn_header_03_on.gif) no-repeat left top;*/
	background-color: #00b0c7;
	color: #ffffff;
}
.header ul.textSizeChange li.large p:hover {
	/*background: url(../img/btn_header_03_on.gif) no-repeat left top;*/
	background-color: #00b0c7;
	color: #ffffff;
}

/* @group footer */

.footer {
	/*height: 293px;*/
	width: auto !important;
	max-width: 1180px;
	min-width: 980px;
	padding: 20px 0 0 0;
	clear: both;
	margin-top: 50px;
	border-top: solid 1px #00b0c7;
	background-color: #eafdff;
}
#footer_Area {
	margin: auto;
	max-width: 1180px;
	min-width: 980px;
	overflow: hidden;
	position: relative;
}
.footerNavi a {
	color: #00b0c7;
}

.footerNavi li{
	float: left;
	background: url(../img/ico_link_arrow_18.png) left 2px no-repeat;
    padding-left: 9px;
    margin-right: 9px;
    font-size: 11px;
    font-weight: bold;
	line-height: 1;
    padding-top: 1px;
    margin-top: 10px;
}

span.goToTop {
	float: right;
    position: absolute;
    top: 24px;
    right: 100px;
}

span.goToTop a {
	color: #009FB7;
	padding-left:13px;
	/*background: url(../img/ico_link_arrow_04.png) center left no-repeat;*/
}


.footerNavi div ul li.listTitle  a {
    font-size:91.7%;
	font-weight: bold;
}
.footerBottom1 {
	padding-bottom: 13px;
	border-bottom: 1px solid #c8c8c8;
}

.footerBottom2 {
	background: #00A0B8;
	text-align:center;
}

.footer ul.footerLink {
	padding: 13px 0 0;
	max-width: 980px;
	/*margin: 0 auto -2px;*/
}
.footer ul.footerLink li {
	/*color: #DAF7FB;*/
	float: left;
	/*padding: 0px 10px;*/
}

.footerNavi {
	margin: 0 auto 15px;
	max-width: 980px;
}
.footerNavi div {
	float: left;
	padding-right: 10px;
	width: 188px;
}
.footerNavi div.last {
	padding-right: 0;
}

.footerNavi div ul li a {
	font-size:83.3%;
	padding-left: 12px;
	background: url(../img/ico_link_arrow_16.png) no-repeat 2px center;
}
.footerNavi div p.listTitle {
	font-size:116.7%;
	margin-bottom: 8px;
	font-weight: bold;
}
.footer ul.footerLink li {
	border-left: solid 1px #DAF7FB;
}
/* @group footerリンク */
.footer ul.footerLink li a:link {
	color: #00b0c7;
}
.footer ul.footerLink li a:visited {
	color: #00b0c7;
}
.footer ul.footerLink li a:hover {
	color: #00b0c7;
}
.footer ul.footerLink li a.current {
	text-decoration: underline;
}

/* @end */

.footer ul.footerLink li.first {
	padding-left: 0px;
	border-left: none;
}

#footer_banner {
    margin: 0 auto;
    text-align: center;
    width: 980px;
}


.copyright {
	/*padding-top: 5px;
	color: #DAF7FB;*/
	margin: 0 auto;
	/*padding: 5px 0 30px;*/
	padding: 10px 0px;
	color: #DAF7FB;
	max-width: 980px;
	text-align: center;
}

a.externalMark,
a.externalMark .externalMarkIns {
	padding-right:15px;
	margin-right: 5px;
	background: url(../img/ico_link_window_01.gif) no-repeat right center;
}
a.externalMark .externalMarkIns{
	margin-right: -20px;
}
/*濃い背景用反転アイコン(class="externalMark nega"を指定して下さい)*/
a.externalMark.nega,
a.externalMark.nega .externalMarkIns {
	background-image:url(../img/ico_link_window_03.gif);
}

/* @group common end */
#pageContainer {
	width: 1180px;
	margin: 0 auto;
	background: #FFFFFF;
}
/*************************
 * ポイント色、ポイント文字
 *************************/
.pointColor { color: #009FB7; }

.pointText {
	color: #009FB7;
	font-size:183.3%;
	line-height: 125%;
}

.pointTextB {
	color: #009FB7;
	font-size:183.3%;
	line-height: 100%;
	font-weight: bold;
}
/**************************************
 * float設定（idをつけるほどでもない要素で使用） 
 **************************************/
.floatL { float: left; }

/*************************
 * フォントサイズ
 *************************/
/*拡大*/
.txtLarge#pageContainer {font-size: 14px;}
.noChangeTextSize {font-size: 12px;}

/*標準*/
.txtSize8 { font-size:66.7%; } /*（中＝8pxサイズ) */
.txtSize9 { font-size:75%; } /*（中＝9pxサイズ) */
.txtSize10 { font-size:83.3%; } /*（中＝10pxサイズ) */
.txtSize11 { font-size:91.7%; } /*（中＝11pxサイズ) */
.txtSize12 { font-size:100%; } /*（中＝12pxサイズ) */
.txtSize13 { font-size:108.3%; } /*（中＝13pxサイズ) */
.txtSize14 { font-size:116.7%; } /*（中＝14pxサイズ) */
.txtSize16 { font-size:133.3%; } /*（中＝16pxサイズ) */
.txtSize18 { font-size:150%;line-height: 120%;  } /*（中＝18pxサイズ) */
.txtSize22 { font-size:183.3%;line-height: 100%; } /*（中＝22pxサイズ) */
.txtSize24 { font-size:200%;line-height: 100%; } /*（中＝24pxサイズ) */
/*.txtSize26 { font-size:166.7%;line-height: 110%; }*/ /*（中＝26pxサイズ) */

/*************************
 * 書体
 *************************/
.txtBold {
	font-weight: bold;
}

/*************************
 * 余白設定 
 *************************/
.marginB5 {	margin-bottom: 5px; }
.marginB10 { margin-bottom: 10px; }
.marginB20 { margin-bottom: 20px; }

/*************************
 * 角丸設定 
 *************************/
.radius3 { border-radius: 3px; }
.radius5 { border-radius: 5px; }
.radius7 { border-radius: 7px; }
.radius12 { border-radius: 12px; }
.radiusT3 {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.radiusT12 {
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}
.radiusT15 {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
.radiusB3 {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.radiusB7 {
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

/*************************
 * ボタン風設定 
 *************************/
.cssButton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	display:inline-block;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.cssButton:hover,
.rolloverOpa:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#ccc;*/
	cursor:pointer;
}


/*************************
 * その他共通
 *************************/
/*** リセットボタン ***/
.resetBtn {
	width:151px;
	float:left;
	text-align: center;
	padding: 10px 0;
	border:1px solid #a7a7a7;
	color: #777777;
	font-size:133.3%;
	font-weight: bold;
	cursor: pointer;
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #d0d0d0) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #d0d0d0 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #d0d0d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d0d0d0');
	background-color:#e9e9e9;
	display:inline-block;
}

.resetBtn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#fff;*/
	cursor:pointer;
}

.resetBtnNew {
	width:229px;
	float:left;
	text-align: center;
	padding: 8px 0;
	margin-top: 5px;
	border:1px solid #a7a7a7;
	color: #777777;
	/*font-size:133.3%;*/
	font-size:128%;
	font-weight: bold;
	cursor: pointer;
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #d0d0d0) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #d0d0d0 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #d0d0d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d0d0d0');
	background-color:#e9e9e9;
	display:inline-block;
}

.resetBtnNew:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#fff;*/
	cursor:pointer;
}


/*************************
 * @header 
 *************************/
.headerLogo {
	float:left;
	padding-top:15px;
}
 
#advertisement {
	float: left;
	margin: 4px 0 0 20px;
}
/* @header end */


/*************************
 * @container 
 *************************/
/*** h2title ***/
.h2title{	
	/*font-size: 200%;*/
	color: #00b0c7;
	position: relative;
	background: #f0f0f0;
    font-weight: bold;
    height: 60px;
}

.h2title img{
	padding: 14px 10px 14px 20px;
	vertical-align: bottom;
}

.h2title span {
	position: absolute;
	top: 50%;
	left: 85px;
	margin-top:-0.5em;
	width: 620px;
}

.h2title .noIcon {
	left: 25px;
}


/*#img_head_search,
#img_head_mail,
#img_head_rtmap,
#img_head_app,
#img_head_mobile {
	padding: 11px 10px 10px 20px;
}*/

.h2TitleImage {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    left: 20px;
    padding-left: 30px;
}

.h2TitleImage img{
	padding: 0px;
}

/*** mainContents ***/
#mainContents {
	/*background: #f8f2ec;*/
	padding: 20px 0px;
}

/*** infoArea ***/
#infoArea {
	width: 934px;
	padding: 3px 5px;
	background-color: #00AD50;
	margin: 0 auto 10px;
}

#infoTitle {
	float: left;
	color:#fff;
	margin:5px 0 0 5px;
}

#informations {
	padding: 5px;
	margin-left: 76px;
	background-color: #fff;
}

#informationList, #informationListNonCarousel {
	width: 750px;
	float: left;
}

#informationList li, #informationListNonCarousel li {
	/*
	background: url(../img/info_arrow.gif) no-repeat center left;
	padding-left:12px;
	padding-top:1px;
	*/
}

#moreInfo, #closeInfo {
	color:#333333;
	border:1px solid #dcdcdc;
	padding: 0 10px;
	float: right;
	cursor: pointer;
}
/* sankaku add 2019/07/04 */
#mainContents .att_textTop{
    width: 612px;
    margin-top: 5px;
    font-size: 16px;
    margin-left: 20px;
    text-align: right;
}
#mainContents .att_text{
    width: 946px;
    margin: 0 auto;
    margin-top: 5px;
    font-size: 16px;
}

#searchAreaInfo {
	width: 960px;
	padding-right: 20px;
	margin-top: 30px;
	/*margin: 15px 0 10px;*/
	/*margin: 15px auto;*/
	/*margin-bottom: 20px;*/
}

#searchAreaInfo li.note {
	float: left;
	padding-top: 5px;
}

#searchAreaInfo li.howto{
	float: right;
	/*padding-right: 15px;*/
	padding: 35px 15px 0 0;
}

#searchAreaInfo li.mobile {
	float: right;
	padding-top: 35px;
}

#searchAreaInfo li.print {
	float: right;
	padding: 28px 15px 0 0;
	cursor: pointer;
}


/*************************
 * searchArea 
 *************************/
#searchArea {
	width: 946px;
	margin:0 auto;
}

/*** searchInputArea ***/
#searchInputArea {
	margin:0 auto 20px;
	padding: 5px 20px 10px;
	border-radius: 3px;
	border: 1px solid #d3d3d3;
	background-color: #ffffff;
}

.littleTitle {
	font-size:116.7%;
	font-weight: bold;
	border-bottom: 1px solid #666666;
	color: #666666;
}

#baseSearchInfo {
	/*float: left;*/
	/*border-bottom: 1px solid #666666;*/
	/*padding: 10px 0 10px 15px;*/
	padding: 10px 0 10px 5px;
	/*height: 96px;*/
}

#searchBtn {
	cursor: pointer;
	float: left;
	margin-right: 5px;
	/*margin-left: 10px;*/
}

#searchBtn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#fff;
	cursor:pointer;
}

#resetSearchInfo:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#ccc;
	cursor:pointer;
}

#inputInOut {
	/*width: 300px;*/
	/*width: 260px;*/
	width: 375px;
	height: 100%;
	border-right: 1px solid #d3d3d3;
	float: left;
	/*position: relative;*/
}

#inputInOut p.normalTXT,
#inputKeiyu p.normalTXT {
	float: left;
	padding-top: 4px;
}

#startPlaceText,#arrivePlaceText {
	padding: 4px;
}

.suggestic {
	float: left;
}

#startPlaceArea ,
#arrivePlaceArea {
	margin-bottom: 5px;
	/*float: left;*/
}

#startPlaceArea > img{
	padding-left: 1px;
	padding-top: 1px;
}

#arrivePlaceArea > img {
	padding-top: 2px;
}

#inputCarType {
	width: 230px;
	height: 100%;
	border-right: 1px solid #d3d3d3;
	line-height:170%;
	padding: 0px 20px;
	float: left;
}

#inputCarType > div {
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 8px;
}

#inputCarType p.littleTitle{
	margin:0 auto 5px;
}

#inputDate {
	/*width: 280px;*/
	/*width: 270px;*/
	width: 310px;
	height: 100%;
	float: left;
	/*padding: 0 20px;*/
	padding: 0 10px;
	/*line-height:170%;*/
	line-height:170%;
	
	border-right: 1px solid #d3d3d3;
}

.mac #inputDate,
.ipod #inputDate,
.iphone #inputDate {
	/*padding: 0px 10px 0px 20px;*/
	padding: 0px 10px 0px 10px;
}

#inputDate p.littleTitle{
	margin:0 auto 5px;
}

#dateTypeArea{
	float:left;
	/*margin-right: 20px;*/
	margin-right: 10px;
}

#datetimeArea{
	float: left;
}

#doSearchArea {
	float: left;
	/*width: 180px;*/
	width: 220px;
	padding-left: 20px;
	/*text-align:right;*/
}

#doSearchArea div.resetBtn {
	margin-left: 18px;
}

#inputAddInfo {
	float: left;
	background: #ededed;
	padding: 10px 10px 10px 15px;
	/*height:122px;*/
}

#inputKeiyu {
	/* 料金非表示化対応 2016/03/03 MOD */
	/*width: 637px;*/
	width: auto;
	height: 100%;
	float: left;
	/*border-right: 1px solid #d3d3d3;*/
	padding-right: 20px;
	/*position: relative;*/
}

#inputKeiyu1,
#inputKeiyu2,
#inputKeiyu3 {
	float: left;
	margin-bottom: 7px;
}

#inputKeiyu1,
#inputKeiyu2{
	margin-right: 11px;
}

.keiyuNo {
	float: left;
	padding-top: 5px;
}

#otherInfo {
	float: left;
	width:200px;
	padding-left: 20px;
	line-height: 170%;
	/* 料金非表示化対応 2016/03/03 ADD */
	/* 検索条件の障害者適用欄を非表示 */
	display:none;
}

#moreSearchInfo {
	float:left;
	padding: 10px 0px 10px 9px;
	cursor: pointer;
	border:1px solid #dcdcdc;
	margin-top: 10px;
	line-height: 1;
	width: 219px;
}

/*** selectRoutePlace ***/
.searchCategoryTab {
	width: 164px; /* 出入口番号検索対応 2017/08/09 MOD */
	float:left;
	text-align: center;
	margin-right: 10px;	
}

.searchCategoryTab a{
	color: #fff;
	display: block;
    /* 出入口番号検索対応 2017/08/09 MOD START */
	height:50px;
	line-height: 22px;
    padding-top: 8px;
    /* 出入口番号検索対応 2017/08/09 MOD END */
	background: #78DAE7;
}

.searchCategoryTab a:hover{
	color: #fff;
	text-decoration: none;
	background: #00B0C6;
}

.searchCategoryTab a.selected {
	background: #00B0C6;
}

.searchCategoryTab a.lastTab {
	margin-right:0;
	width:250px; /* 出入口番号検索対応 2017/08/09 MOD */
}

#panel {
	border: 2px solid #00B0C6;
	background: #ffffff;
}

.backgroundGray {
  background: #f0f0f0;
}

#searchAreaInfo ul .dateText {
	float: left;
    padding: 5px 10px;
    font-size: 133.3%;
    line-height: 1.5;
}

#searchAreaInfo ul .searchArrow {
	float: left;
    padding: 20px 10px 20px 0px;
}

/*************************
 * loader 
 *************************/
#loader {
	margin: 0 auto;
	padding: 150px 0;
	text-align: center;
}

#loader p {
	font-size: 12px;
	color: #009FB7;
	margin: 10px auto;
	text-align: center;
}

/*************************
 * resultRouteAreaErrMsg 
 *************************/
#resultRouteAreaErrMsg {
	margin: 0 auto;
	padding-bottom: 150px;
}

/*********************************************************
 * resultArea 
 *********************************************************/
#resultArea {
	width: 946px;
	margin:0 auto;
	margin-bottom: 40px;
} 

/*** resultSearchInfo ***/
#resultSearchInfo {
	padding: 10px;
	margin-bottom: 20px;
}

#resultInfo1 {
	color: #333333;
	padding-bottom: 10px;
}

#changeSearchBtn {
	float: right;
	cursor: pointer;
}

#changeSearchBtn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#fff;*/
	cursor:pointer;
}

#resultInfo2 {
	color:#6874BD;
	font-size:183.3%;
	line-height: 125%;
}

#attension {
	color: #A40C00;
	font-weight: bold;
}

#attension a {
	color: #A40C00;
	font-weight: bold;
}

#resultStartArriveArea {
	float: left;
	margin-top: 10px;
}

#resultStartArrive {
	float: left;
}

#arrow {
	float: left;
	margin: 5px 15px 0 0;
}

#resultStart,
#resultArrive {
	position: relative;
	float: left;
	width: 286px;
	padding: 0 10px;
	margin-right: 16px;
	border: 2px solid #78DAE7;
	background: #fff;
}

#resultStart span.normalTXT,
#resultArrive span.normalTXT {
	position: absolute;
	bottom: 5px;
	font-size:116.7%;
}

#resultCarType{
	float:left;
	margin-right: 24px;
}

#replaceBtn {
	float: left;
	cursor: pointer;
}

#replaceBtn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#fff;*/
	cursor:pointer;
}

#printRouteBtn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#fff;*/
	cursor:pointer;
}

.attentionIcon img:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#ccc;
	cursor:pointer;
}

.paIcon {
	width:17px;
	cursor:pointer;
	position:absolute;
}

.paIcon img {
	border:solid 1px #000;
}

.paIcon img:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#ccc;
	cursor:pointer;
}

.paBalloon {
	margin:3px;
}

.paBalloonInner {
	margin-top:8px;
	background-color:#fff;
	color:black;
	border-radius:4px;
	padding:6px;
}

.paBalloonDetail {
	border-bottom:solid 2px #009900;
}

.paBalloonDetailLink {
	float:right;
}

.paBalloonEventArea {
	margin-top:5px;
}

.serviceIcon {
	margin-right:5px;
}

.paBalloonTitle {
	vertical-align:middle;	
}

.paBalloonCloseButton {
	padding:0 3px;
	color:#333333;
	border:1px solid #dcdcdc;
	float: right;
	cursor: pointer;
}

.btnPopupVideoPA img:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	cursor:pointer;	
}
/*
.allballoon img:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	cursor:pointer;
}
*/

#resultStartPlace,
#resultArrivePlace {
	position: absolute;
	float: left;
	font-size:150%;
	line-height: 120%;
	font-weight: bold;
	bottom: 5px;
	left: 90px;
}

#resultKeiyu {
	float: left;
	padding-top:23px;
	margin-left: 100px;
	width: 683px;
	height: 44px;
	background: url(../img/bg_result_keiyu.gif) no-repeat;
}

.resultKeiyuNo {
	float:left;
	margin-left:12px;
	padding-top: 8px;
}

.resultKeiyuTxt {
	float: left;
	font-size:116.7%;
	color: #EB5C0D;
	padding-top: 5px;
	margin-right:2px;
}

.resultKeiyuName {
	float:left;
	width:132px;
    height: 23px;
	padding: 3px 5px;
	border: 2px solid #fcc293;
	font-size:133.3%;
	background: #fff;
}


/*** resultRouteArea ***/
.tabNotes {
	float: left;
	margin-top: 6px;
}

#attensionAboutTime {
	font-weight:bold;
	color: red;
	clear: both;
	padding-bottom: 10px;
}

#resultRouteType {
	position: relative;
}

.tabResult4 a {
	float: left;
	display: block;
	position: relative;
	width: 195px;
	height: 66px;
	padding: 10px;
	margin-left: 17px;
	color: #777777;
	background: url(../img/tab_result4_off.gif);
}

.tabResult4 a.selected,
.tabResult4 a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../img/tab_result4_on.gif);
}

.tabResult4 a.oneRoute,
.tabResult4 a.oneRoute:hover{
	color: #777777;
	background: url(../img/tab_result4_off.gif);
}

.tabResult4 .tRouteName {
	margin-top:2px;
	text-align: center;
}

.tabResult4 .tRouteName span {
	font-weight: bold;
	font-size:133.3%
}

.tabResult4 .tRouteTime {
	/* 料金非表示化対応 2016/03/03 MOD */
	/*position: absolute;
	bottom: 28px;
	padding-left: 15px;*/
	text-align: center;
	padding-top: 5px;
}

.tabResult4 .tRouteTime span {
	font-size:150%;
	font-weight: bold;	
}

.tabResult4 .tPrice {
	position:absolute;
	bottom:4px;
	padding-left: 15px;
	/* 料金非表示化対応 2016/03/03 ADD */
	display:none;
}

.tabResult4 .tPrice span{
	font-weight: bold;
	font-size:133.3%
}

.tabResult4 .tRouteVideo {
	position:absolute;
	/* 料金非表示化対応 2016/03/03 MOD */
	/*
	left:158px;
	width: 44px;
	height: 39px;
	bottom:6px;
	*/
	left:32px;
	width: 151px;
	height: 21px;
	bottom:4px;
}

.tabResult4 a.selected .tRouteVideo:hover {
	cursor: pointer;
	/*width: 40px;
	height: 35px;
	border: #1c305c 2px solid;*/
	background:#ffffff;
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter:"alpha( opacity=40 )";
}

/*.tabResult4 .tRouteVideo1{
	left:174px;
}

.tabResult4 .tRouteVideo2{
	left:406px;
}

.tabResult4 .tRouteVideo3{
	left:638px;
}

.tabResult4 .tRouteVideo4{
	left:870px;
}*/
.tabResult5 a {
	float: left;
	display: block;
	position: relative;
	width: 159px;
	height: 73px;
	padding: 5px;
	margin-left: 17px;
	color: #777777;
	background: url(../img/tab_result5_off.gif);
}

.tabResult5 a.selected,
.tabResult5 a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../img/tab_result5_on.gif);
}

.tabResult5 a.selected .tRouteReference,
.tabResult5 a:hover .tRouteReference {
	background: #00a6ba;
}

.tabResult5 .tRouteVideo {
	position:absolute;
	/* 料金非表示化対応 2016/03/03 MOD */
	/*
	left:120px;
	bottom:4px;
	width: 39px;
	height: 34px;
	*/
	left:20px;
	bottom:1px;
	width: 130px;
	height: 20px;
}

.tabResult5 a.selected .tRouteVideo:hover {
	cursor: pointer;
	/*width: 35px;
	height: 30px;
	border: #1c305c 2px solid;*/
	background:#ffffff;
	opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter:"alpha( opacity=40 )";
}

/*.tabResult5 .tRouteVideo1{
	left:136px;
}
.tabResult5 .tRouteVideo2{
	left:324px;
}

.tabResult5 .tRouteVideo3{
	left:510px;
}
.tabResult5 .tRouteVideo4{
	left:696px;
}
.tabResult5 .tRouteVideo5{
	left:882px;
}*/

.tRouteReference {
	background: #e6e6e6;
	font-size: 83.3%;
	text-align: center;
}

.tabResult5 .tRouteName {
	margin-top:2px;
	text-align: center;
}

.tabResult5 .tRouteName span {
	font-weight: bold;
	font-size:116.7%
}

.tabResult5 .tRouteTime {
	/* 料金非表示化対応 2016/03/03 MOD */
	/*position: absolute;
	bottom: 22px;
	padding-left: 5px;*/
	text-align: center;
}

.tabResult5 .tRouteTime span {
	font-size:130%;
	font-weight: bold;	
}

.tabResult5 .tPrice {
	position:absolute;
	bottom:0;
	padding-left: 5px;
	/* 料金非表示化対応 2016/03/03 ADD */
	display:none;
}

.tabResult5 .tPrice span{
	font-weight: bold;
	/*font-size:125%;*/
	font-size:110%;
	letter-spacing: -1px;
}

#resultRoutePanel {
	float: left;
	border: 2px solid #00B0C6;
	padding: 0px 13px 20px 0px;
	margin-bottom:5px;
	background: #ffffff;
}

.referenceTime a {
	display: block;
	position: relative;
	float:right;
	width: 159px;
	height: 50px;
	padding: 15px 5px 5px;
	/*background: #cccccc;*/
	background: url(../img/tab_reference_off.gif);
	color: #ffffff;
}

.referenceTime a:hover,
.referenceTime a.selected{
	/*background: #999999;*/
	background: url(../img/tab_reference_on.gif);
}

.tabResult4 .referenceTime a {
	margin: 16px 5px 0 0;
	font-size:85%;
}

.tabResult5 .referenceTime a {
	margin: 13px 5px 0 0;
	font-size:95%;
}

/*** 検索結果サイド部分 ***/
.resultRouteSideArea {
	float: left;
	width: 212px;
	padding: 10px;
}

.resultSideBox {
	width: 100%;
	margin-bottom: 10px;
}

.resultSideTitle {
	padding: 2px 0 0 5px;
	vertical-align: middle;
	color: #fff;
	font-size:133.3%;
	font-weight: bold;
	text-decoration: none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #26BDCF), color-stop(100%, #31929F) );
	background:-moz-linear-gradient( center top, #26BDCF 5%, #31929F 100% );
	background:-ms-linear-gradient( top, #26BDCF 5%, #31929F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#26BDCF', endColorstr='#31929F');
	background-color:#26BDCF;
}

.resultSideMark {
	float: left;
	margin: 1px 10px 0 0;
}

.tblTimeDistance {
	width: 100%;
	border-top: none;
	font-size:133.3%;
	border-width:0;
	text-align:left;
}

.tblTimeDistance th {
	border-width:0;
	font-size:15px;
	text-align:left;
}

.tblTimeDistance td {
	border-width:0;
	text-align:right;
}

.btnPriceDetail,
.btnPopupVideo,
.btnRouteDetail {
	width: 80%;
	text-align: center;
	margin: 5px 0 0 20px;
	font-size:83.3%;
	color:#333333;
	border:1px solid #dcdcdc;
	cursor: pointer;
}

/*** 検索結果サイド　料金 ***/
.priceEtcTitle,
.priceCashTitle {
	padding-left: 10px;
	font-size:133.3%;
	color: #fff;
}

.priceEtcTitle { 
	margin: 5px 0;
	background: #6874BD;
}

.priceCashTitle {
	margin: 15px 0;
	background: #777777;
}

.priceEtcSum,
.priceCashSum {
	font-weight: bold;
	text-align: right;
	margin: 10px 0 5px;
}

.priceList,
.driveCompass,
.searchKanpura {
	margin-top: 10px;
	font-size:91.7%;
}

.priceEtcSum { color: #6874BD; }

.priceCashSum {	color: #414141; }
.priceETC,
.priceCash { font-size: 133.3%; }

.priceEtcSumShutoko,
.priceCashSumShutoko { font-size: 90%; }

.rowNexco {	background: #e6e6e6; }
.rowShutoko { background: #E4FAFE; }

.tblPriceDetail,
.tblPriceDetail tr,
.tblPriceDetail td {
	border: none;
	padding: 0;
}

td.passageEtc,
td.colArrow { 
	padding-left: 10px; 
}

.tblPriceDetail .colArrow {
	width: 10%;
	font-weight: bold;
}
.detailName { width: 60%; }

td.detailPrice {
	padding-right: 5px;
	text-align: right;
	font-weight: bold;
}

.rowShutoko .colArrow,
.rowDiscount { 
	color: #009FB7; 
}

.rowShutoko .detailName { font-weight: bold; }

/*** 検索サイド　ルート案内 ***/
.sideRouteContents {
	border-left: 1px solid #6C6C6C;
	border-right: 1px solid #6C6C6C;
	border-bottom: 1px solid #6C6C6C;
}

.tblRoute { width: 100%; }

img.tblRouteLeftImg { padding-right: 2px;}
img.tblRouteRightImg { padding-left: 2px;}

.tblRoute,
.tblRoute tr,
.tblRoute td {
	border: none;
	padding: 0;
}

.tblRoute td { padding-top: 2px; }

.tblRoute td img {vertical-align: top;}

.tblRoute .colArrow,
.tblRoute .checkPointSA,
.tblRoute .colArriveTime {
	padding-left: 10px;
}

.tblRoute .colArrow {
	width: 10px;
	font-weight: bold;
}

.tblRoute .colRequiredTime {
	width: 40px;
	color: #696969;
}

.tblRoute .checkPoint,
.tblRoute .checkPointSA {
	text-align: left;
	font-weight: bold;
}

.tblRoute .colVideo {
	width:20px;
	padding-right: 3px;
}

.tblRoute .btnRouteVideo {
	width:20px;
	letter-spacing: -1px;
	color: #2571b9;
	cursor:pointer;
	background: url(../img/mark_video_S_blue.png) no-repeat;
	background-size:contain;
	background-position:bottom;
    font-size:10px;
    padding-left: 3px;
}

.ie .tblRoute .btnRouteVideo{
	letter-spacing:-2px;
	width:19px;
	height:15px;
}

.tblRoute .btnRouteVideo.played,
.resultMapArea  .btnRouteVideo.played {
	color:#ffffff;
	background: url(../img/mark_video_S_red.jpg) 1px 0 no-repeat;
	background-size:contain;
}

.btnRouteVideo:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#fff;*/
	cursor:pointer;
}

.colRoad { color: #696969; }

td.colRouteMap {
	padding-right: 10px;
}

.btnRouteMap {
	border-radius: 20px;
	border: 1px solid #a9a9a9;
	width: 95px;
	float: right;
	text-align: center;
}
#videoLargeDispArea {
	float:left;
	height:412px;
	width: 486px;
}

#videoLargeloader {
	position:absolute;
	height:262px;
	width: 286px;
	top:45px;
	left:10px;
	padding-top: 150px;
	padding-left:200px;
	z-index: 1;
}

/*** 検索結果サイド　ルートを動画で紹介 ***/
.sideVideo{
	position:relative;
	/*height:235px;*/
	padding-bottom:6px;
}

.videoArea {
	background: #DFF9FC;
	padding: 10px;
}

.videoTitle {
	font-size:116.7%;
	padding: 3px 0 2px 7px;
}

.videoLoader {
	position: absolute;
	top:25px;
	width:212px;
	height:138px;
	padding-top: 40px;
	background-color: #DFF9FC;
	color:#00A0B8;
}
.videoLoader img,
.videoLoader p{
	margin-left:65px;
}
.vjs-captions-button {
    display: none;
}
/*** 動画拡大エリア ***/
.videoL {
	position: absolute;
	width:750px;
	/*width:724px;
	height: 474;*/
	/*top: 50%;
	left: 50%;*/
	/*margin-top: -237px;
	margin-left: -362px;*/
}

.videoLTitle {
	padding: 3px 5px 1px 40px;
	background: #00B0C6 url(../img/mark_video_M_white.png) 10px 50% no-repeat;
	cursor: move;
}

.videoLTitle p {
	float: left;
	font-size:183.3%;
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	padding-top: 5px;
}

.videoLargeContent {
	padding: 10px 5px 10px 10px;
	background: #fff;
	border: 2px solid #00B0C6;
}

.closeVideo {
	float: right;
	cursor: pointer;
}
.vRoute {
	float: right;
	margin-right: 5px;
	border:1px solid #dcdcdc;
	max-height: 410px;
	overflow-y: scroll;
}

.explainRouteMark {
	margin-top: 10px;
	padding: 5px 10px;
	background: #D2D2D2;
}

.tblRouteMark,
.tblRouteMark tr,
.tblRouteMark td {
	border:none;
	padding: 0;
}


.vRoute table.tblRoute {
	width: 212px;
}

/* 一般道ルートマップエリア */
.resultRightAreaGeneralRouteMap {
	float: left;
	width: 690px;
	margin: 10px 0 0 5px;
}

.generalRouteMap {
	border: 1px solid #969696;
	width: 100%;
	height: 820px;
}

.generalRouteMap p {
	padding: 10px;
}

.generalMapCloseBtn {
	margin-top: 20px;
	margin-left: 40%;
}

.generalRouteMap_direction_panel {
	border: 1px solid #969696;
	width: 100%;
	height: 200px;
	margin: 10px;
}

/*** 検索結果地図エリア ***/
.resultRightArea {
	float: left;
	width: 690px;
	margin: 10px 0 0 5px;
}

.resultMapArea {
	border: 1px solid #969696;
	width: 100%;
}

.resultMap {
	width: 690px;
	height: 820px;
}

.resultMapArea .btnRouteVideo{
	padding-left:5px;
	letter-spacing: -1px;
	color: #2571b9;
	cursor:pointer;
	background: url(../img/mark_video_S_blue.png) no-repeat;
	background-size:contain;
    font-size:10px;
    padding-left: 3px;
}

.changeShowMark {
	padding: 5px 0px 5px 10px;
	background: #969696;
}

.changeMarkArea1 {
	padding: 5px;
	margin-right: 10px;
	background: #fff;
	font-size:116.7%;
	color: #777777;
	border: 1px solid #646464;
}

.changeMarkArea1 > div {
	width: 190px;
	margin: 0 auto;
}

.changeMarkArea1 img {
	float: left;
	padding: 4px 5px 0px 0px;
}
.changeMarkArea1 p{
	float: left;
	padding-top: 3px;
}


.changeMarkArea21,
.changeMarkArea22 {
	float: left;
	padding: 5px;
	margin-right: 10px;
	background: #fff;
	font-size:116.7%;
	color: #777777;
	width: 309px;
}

.changeMarkArea21 img,
.changeMarkArea22 img {
	float: left;
	padding: 4px 5px 0px 0px;
}
.changeMarkArea21 p,
.changeMarkArea22 p {
	float: left;
	padding-top: 3px;
}


img.btnChangeMark {
	padding: 0;
	float: right;
}


img.btnChangeMark:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#fff;*/
	cursor:pointer;
}

.explainMapMark1 {
	color: #fff;
	text-align: center;
	margin-top:5px;
	line-height: 100%;
}

.explainMapMark1 img {
	margin-top: 1px;
	padding: 0px 2px;
	vertical-align: text-top;
}

.explainMapMark2 {
	width: 97%;
	padding: 5px;
	margin: 10px auto;
	border: 1px solid #969696;
}

/*.tblMapMark,
.tblMapMark tr,
.tblMapMark td,
.tblParkingIcon,
.tblParkingIcon tr,
.tblParkingIcon td {
	border:none;
	padding: 0;
}

.tblMapMark td,
.tblParkingIcon td {
	vertical-align: middle;
	line-height:100%;
}*/

.explainMapMark2 div{
	float:left;
	margin-left:5px;
}

.explainMapMark2 img{
	vertical-align: middle;
}

.explainParkingIcon {
	margin-top: 10px;
	padding: 5px 0px 5px 5px;
	border: 1px solid #009FB7;
}
.explainParkingIcon div{
	float: left;
	margin: 0px 0px 5px 6px;
}

.explainParkingIcon img {
	vertical-align: text-bottom;
}

.explainParkingIconTitle {
	color:#009FB7;
	font-size:116.7%;
}

/* 注意書 */
.caution {
	padding: 5px 0px 5px 0px;
}

.cautionOtherCompany {
	color:#EE8500;
	font-weight:bold;
	padding: 5px 0px 5px 0px;
}
/*** 所要時間グラフ  ***/
div.timeGraph {
	float:right;
	margin-top:10px;
}

/* @container end */

/**********************************************
 *  フッター 
 **********************************************/
/*#footer_Area {
	background: #00A0B8;
	height: 50px;
	max-width: 1180px;
	min-width: 980px;
	margin: 0 auto;
}

#footer_Area p.copyright {
	float: right;
	margin: 10px 20px 0 0;
	font-size:83.3%;
	color: #fff;
}*/
/**********************************************
 *  路線図から探す
 **********************************************/
div.searchMapArea{
	position:relative;
	/*width:940px;*/
	/*width:925px;*/
	/*height:1120px;*/
	/*border:solid 1px #009FB7;*/
}

div#viewport{
	width:940px;
	/*height:1120px;*/
	height:1114px;
	cursor:move;
	overflow:hidden; /*keep map contents from spilling over if JS is disabled*/
}

div#map-control{
	width:82px;
	/*height:118px;*/
	/*padding:8px 2px 4px 8px;*/
	border:solid 1px #505050;
	position:absolute;
	top:17px;
	/*right:14px;*/
	right:24px;
	/*background:#a7a7a7;*/
	z-index:102;
}

#map-control a.zoom,
#map-control a.back{
	display:block;
	text-decoration:none;
	font-size: 183.3%;
	text-align:center;
	padding:15px 10px 10px;
	background: #ffffff;
	color:#009FB7;
}

#map-control a.zoom.selected,
#map-control a.back.selected{
	background: #009FB7;
	color:#ffffff;
}
/*div#map-control p img.map_control_txt{
	vertical-align:7px;
	margin:0 6px 0 0;
}

div#map-control a img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#fff;
}*/

div#toplevelmapArea{
	width:940px;
	/*height:1120px;*/
	height:1114px;
	cursor:auto;
	/*background-image:url(../img/searchmap1.png);*/
}

div#secondlevelmapArea{
	width:1880px;
	/*height:2240px;*/
	height:2228px;
	/*background-image:url(../img/searchmap2.png);*/
}

div#arrowIconWrapToplevel, div#arrowIconWrapSecondlevel{
	width:27px;
	height:27px;
	position:absolute;

	top:50%;
	left:50%;
	margin-top:-13.5px;
	margin-left:-13.5px;

	z-index:101;
	cursor :pointer;
}
/* 乗り入れできない方面のマークの追加　2018/10/05 ADD START */
#indirectJctWrapToplevel, #indirectJctWrapSecondlevel{
	width:16px;
	height:16px;
	position:absolute;

	top:50%;
	left:50%;
	margin-top:-8px;
	margin-left:-8px;
	
	z-index:102;
}
/* 乗り入れできない方面のマークの追加　2018/10/05 ADD END */
.balloonTitleKanji{
	color:#009FB7;
	font-weight:bold;
	font-size:24px;
	width: 170px;
	line-height: 100%;
}

.balloonTitleHiragana{
	color:#009FB7;
	font-size:12px;
	letter-spacing: -1px;
	line-height: 120%;
	margin-top: 5px
}
/* シームレス対応　本対応　NEXCO区間のデザイン変更　2018/10/09 ADD START */
.allballoon.balloonGray .balloonTitleKanji,
.allballoon.balloonGray .balloonTitleHiragana {
	color: #444444;
}
/* シームレス対応　本対応　NEXCO区間のデザイン変更　2018/10/09 ADD END */
.balloonCloseButton{
	position:absolute;
	right:10px;
	top: 15px;
	color: #777777;
	/*font-size: 80%;*/
	font-size: 14px;
	line-height: 120%;
	border: 1px solid #a7a7a7;
	padding: 3px;
}
.balloonCloseButton:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#ccc;*/
	cursor:pointer;
}

p.startIconButton {
	background-image: url(../img/ico_in.png);
	background-image: url(../img/ico_in.png), -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #ebf4f6) );
	background-image: url(../img/ico_in.png), -moz-linear-gradient( center top, #ffffff 5%, #ebf4f6 100% );
	background-repeat: no-repeat, no-repeat;
	background-size: 22px, 100%;
	background-position: 65px 50%, left;
	background-color:#ffffff;
}
.startIconButton:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#ccc;*/
	cursor:pointer;
}
p.arriveIconButton {
	background-image: url(../img/ico_out.png);
	background-image: url(../img/ico_out.png), -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #ebf4f6) );
	background-image: url(../img/ico_out.png), -moz-linear-gradient( center top, #ffffff 5%, #ebf4f6 100% );
	background-repeat: no-repeat, no-repeat;
	background-size: 25px, 100%;
	background-position: 62px 50%, left;
	background-color:#ffffff;
}
.arriveIconButton:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#ccc;*/
	cursor:pointer;
}
p.keiyu1IconButton {
	background-image: url(../img/markerVia1.png);
	background-image: url(../img/markerVia1.png), -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #ebf4f6) );
	background-image: url(../img/markerVia1.png), -moz-linear-gradient( center top, #ffffff 5%, #ebf4f6 100% );
	background-repeat: no-repeat, no-repeat;
	background-size: 18px, 100%;
	background-position: 66px 46%, left;
	background-color:#ffffff;
}
.keiyu1IconButton:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#ccc;*/
	cursor:pointer;
}
p.keiyu2IconButton {
	background-image: url(../img/markerVia2.png);
	background-image: url(../img/markerVia2.png), -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #ebf4f6) );
	background-image: url(../img/markerVia2.png), -moz-linear-gradient( center top, #ffffff 5%, #ebf4f6 100% );
	background-repeat: no-repeat, no-repeat;
	background-size: 18px, 100%;
	background-position: 66px 46%, left;
	background-color:#ffffff;
}
.keiyu2IconButton:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#ccc;*/
	cursor:pointer;
}
p.keiyu3IconButton {
	background-image: url(../img/markerVia3.png);
	background-image: url(../img/markerVia3.png), -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #ebf4f6) );
	background-image: url(../img/markerVia3.png), -moz-linear-gradient( center top, #ffffff 5%, #ebf4f6 100% );
	background-repeat: no-repeat, no-repeat;
	background-size: 18px, 100%;
	background-position: 66px 46%, left;
	background-color:#ffffff;
}
.keiyu3IconButton:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	/*background:#ccc;*/
	cursor:pointer;
}
p.startIconButton,
p.arriveIconButton,
p.keiyu1IconButton,
p.keiyu2IconButton,
p.keiyu3IconButton{
	border-radius: 3px;
	height: 40px;
	-webkit-box-shadow: 0px 0px 2px #00454f;
	-moz-box-shadow: 0px 0px 2px #00454f;
	box-shadow: 0px 0px 2px #00454f;
	text-align: center;
	font-size: 18px;
	line-height: 220%;
	color: #646464;
	margin: 8px 0;
}

div#startIconWrapToplevel, div#startIconWrapSecondlevel{
	width:44px;
	height:69px;
	position:absolute;

	top:50%;
	left:50%;
	margin-left:-22px;
	margin-top:-69px;
	
	z-index:2;
}

div#arriveIconWrapToplevel, div#arriveIconWrapSecondlevel{
	width:34px;
	height:43px;
	position:absolute;

	top:50%;
	left:50%;
	margin-left:-17px;
	margin-top:-43px;
	
	z-index:2;
}

/* 経由アイコンは仮で到着アイコンと同じにしている */
div#keiyu1IconWrapToplevel,
div#keiyu1IconWrapSecondlevel,
div#keiyu2IconWrapToplevel,
div#keiyu2IconWrapSecondlevel,
div#keiyu3IconWrapToplevel,
div#keiyu3IconWrapSecondlevel
{
	/*width:34px;*/
	/*height:43px;*/
	width:20px;
	height:20px;
	position:absolute;

	top:50%;
	left:50%;
	margin-left:-17px;
	margin-top:-43px;
	
	z-index:2;
}

div.map_explain {
	 z-index:12;
	 position:absolute;
	 bottom:10px;
	 border:1px solid #a7a7a7;
	 width:910px;
	 height:40px;
	 margin-left:15px;
}

#layerMap1{
	display: block;
	position: absolute;
	top: 0;
	left:0;
	z-index:100;
	width:940px;
	height:1114px;
}

#layerMap2{
	display: block;
	position: absolute;
	top: 0;
	left:0;
	z-index:100;
	width:1880px;
	height:2228px;
}
/* シームレス対応　本対応　NEXCO区間のデザイン変更　2018/10/09 ADD START */
.indirectBalloon.balloonGray {
	background: #f0f0f0!important;
	border-color: #8c8c8a!important;
}
.indirectBalloon.balloonGray .pointTextB {
	color: #444444;
}
/* シームレス対応　本対応　NEXCO区間のデザイン変更　2018/10/09 ADD END */

/**********************************************
 *  50音から探す
 **********************************************/
#searchFromName ul#gyoName {
	width:810px;
	margin: 20px auto 10px;
	padding: 5px;
	border-radius: 3px;
	border:1px solid #dcdcdc;
}

#searchFromName ul#gyoName li a{
	display: block;
	width: 81px;
	float:left;
	text-align: center;
	line-height: 50px;
	color: #424242;
}

#searchFromName ul#gyoName li a:hover,
#searchFromName ul#gyoName li a.selected {
	color: #fff;
	text-decoration: none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #26BDCF), color-stop(100%, #31929F) );
	background:-moz-linear-gradient( center top, #26BDCF 5%, #31929F 100% );
	background:-ms-linear-gradient( top, #26BDCF 5%, #31929F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#26BDCF', endColorstr='#31929F');
	background-color:#26BDCF;
}

#nameList {
	width:820px;
	margin: 0 auto;
}

#nameList p.gyoTitle {
	margin: 10px 0;
	padding-left: 20px;
	background: #78DAE7;
	color: #fff;
	font-weight: bold;
	font-size: 183.3%;
	line-height: 160%;
}

#nameList ul{
	overflow: hidden;
	margin-right: -10px;
}

#nameList li{
	display:block;
	width: 252px;
	float: left;
	margin: 0 10px 10px 0;
	padding-left:10px;
	color: #0080AA;
	background: #F1FAFC;
	border: 2px solid #C1C1C1;
	
	height: 45px;
}

#nameList span.nameKanji {
	font-size:150%;
	line-height: 250%;
}

#nameList div ul li:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#fff;
	cursor:pointer;
}

span.roadKK {
	float:right;
	margin-right:8px;
	margin-top:25px;
	color:#0080AA;
	font-size:9px;
}

div.roadKKNotes {
	margin-bottom:20px;
	margin-top:20px;
	color:#0080AA;
}
/**********************************************
 *  道路名から探す、出入口番号から探す
 **********************************************/
#searchFromRoadName,
#searchFromInOutNo{
	padding: 20px 30px 10px;
}

.listDropDown dt,
#inOutNoList dt{
	background: url(../img/ico_plus.png) no-repeat #DAF7FB;
	background-position: 7px 50%;
	padding-left: 40px;
	font-size:133.3%;
	line-height: 200%;
	border: 1px solid #C1DFE3;
	font-weight: bold;
	color: #00A0B8;
	cursor: pointer;
}

.listDropDown dt.open,
#inOutNoList dt.open{
	background: url(../img/ico_minus.png) no-repeat #DAF7FB;
	background-position: 7px 50%;
}

#roadNameList dt:hover,
#inOutNoList dt:hover{
	background-color:#f8f8eb;
}

#roadNameList ul li:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#fff;
	cursor:pointer;
}

#roadNameList li{
	display:block;
	width: 252px;
	height: 45px;
	float: left;
	margin: 0 10px 10px 0;
	padding-left:10px;
	color: #0080AA;
	background: #F1FAFC;
	border: 2px solid #C1C1C1;
}

#roadNameList span.nameKanji,
#inOutNoList span.nameKanji{
	font-size:150%;
	line-height: 250%;
}

#roadNameList dt,
#inOutNoList dt{
	border: none;
	margin-bottom: 10px;
	cursor: pointer;
}

#roadNameList dd,
#inOutNoList dd{
	margin-bottom:20px;
}

#roadNameList dd table,
#inOutNoList dd table{
	width: 100%;
}

#roadNameList dd table,
#roadNameList dd th,
#roadNameList dd td,
#inOutNoList dd table,
#inOutNoList dd th,
#inOutNoList dd td {
	border: none;	
}

#roadNameList thead,
#inOutNoList thead{
	background: #DAF7FB;
	color: #00A0B8;
}

#roadNameList tbody th,
#inOutNoList tbody th{
	width: 50%;
	color: #00A0B8;
}

#roadNameList tbody tr,
#inOutNoList tbody tr{
	border-bottom: 1px solid #B8E8EF;
}

#inOutNoList li{
	display:block;
	width: 260px;
	height: 100px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0 10px;
	background: #F1FAFC;
	border: 2px solid #C1C1C1;
}
#inOutNoList li.nameListDouble { width: 554px; }
#inOutNoList li.disableIcList {
    color: #666666;
    background-color: #D3D3D3;
    cursor: default;
    filter: alpha( opacity=100 );
}
.areaInOutNo {
    border-top: 1px solid #C1C1C1;
    padding-top: 10px;
}
.setInNo,
.setOutNo{
    margin-right: 20px;
    color: #0080AA;
    text-decoration: underline;
}
.setInNo:hover,
.setOutNo:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#fff;
	cursor:pointer;
}

.disableIcButton {
    display: block;
    padding:4px;
    height: 36px;
    line-height: 36px;
    margin-bottom:-14px;
    width:216px;
    cursor:default;
    font-size:15px;
    text-align:center;
    border:1px solid #a7a7a7;
    color:#777777;
    font-weight:bold;
    background-color:#e9e9e9;
    border-radius: 3px;
}
.disableIcButton:hover {
    opacity:1;
	filter:none;
	cursor:default;
}
.balloonTitleDirection {
    color: #000;
}
/**********************************************
 *  住所・郵便番号・施設名から探す
 **********************************************/
#searchFromKeyword {
	padding: 20px 30px 10px;
}

.step {
	float: left;
	padding: 5px 10px;
	background: #00B0C6;
	font-size:133.3%;
	color: #fff;
	line-height: 130%;
	margin: 0 10px 10px 0;
}

#searchFromKeyword p.littleTitle {
	float: left;
	font-weight: bold;
	font-size:183.3%;
	line-height: 150%;
}

#searchFromKeyword label {
	margin-right: 10px;
}

#doSearchKeyword img {
	float: left;
	cursor: pointer;
}

#doSearchKeyword div.resetBtn {
	float: left;
	margin-left: 10px;
	cursor: pointer;
}

#resultKeyword {
	margin: 20px auto;
}

#resultKeywordList {
	background: #F1FAFC;
	border: 2px solid #00B0C6;
}

#resultKeywordList table {
	width: 97%;
	margin: 0 auto;
}

#resultKeywordList table,
#resultKeywordList th,
#resultKeywordList td {
	border: none;	
}

#resultKeywordList th {
	width: 70%;
	vertical-align: middle;
}

#resultKeywordList tr {
	border-bottom: 1px solid #00B0C6;
	font-size:133.3%;
	line-height: 130%;
}

#resultKeywordList td div.setStartPlace,
#resultKeywordList td div.setArrivePlace {
	width: 80%;
	text-align: center;
	border:1px solid #dcdcdc;
	padding: 5px 10px;
	border-radius: 3px;
	cursor: pointer;
}

#resultKeywordList td div.setStartPlace {
	background-image: url(../img/mark_in_S.gif);
	background-image: url(../img/mark_in_S.gif), -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #ECF5F6) );
	background-image: url(../img/mark_in_S.gif), -moz-linear-gradient( center top, #ffffff 5%, #ECF5F6 100% );
	background-image: url(../img/mark_in_S.gif), -ms-linear-gradient( top, #ffffff 5%, #ECF5F6 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: 13px 50%, left;
	background-color:#ffffff;
	display:inline-block;
}

#resultKeywordList td div.setArrivePlace {
	background-image: url(../img/mark_out_S.gif);
	background-image: url(../img/mark_out_S.gif), -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #ECF5F6) );
	background-image: url(../img/mark_out_S.gif), -moz-linear-gradient( center top, #ffffff 5%, #ECF5F6 100% );
	background-image: url(../img/mark_out_S.gif), -ms-linear-gradient( top, #ffffff 5%, #ECF5F6 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: 11px 50%, left;
	background-color:#ffffff;
	display:inline-block;
}

#keyword_map{
	/*width:880px;*/
	margin: 20px auto;
	height:400px;
	border: 2px solid #00B0C6; 
}

div.setStartPlace:hover, div.setArrivePlace:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#fff;
	cursor:pointer;
}

#searchBtnKeyword:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#fff;
	cursor:pointer;
}

#resetKeywordBtn:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
	background:#ccc;
	cursor:pointer;
}

.resultKeywordTitle {
	color: #009FB7;
	font-size:183.3%;
	line-height: 100%;
	font-weight: bold;
}

/**********************************************
 *  ICサジェスト
 **********************************************/
#suggestic_list {
	background: #fff;
	border: 1px solid #D3D3D3;
}

#suggestic_list li {
	padding: 5px 10px;
	font-size: 13px;
	line-height:150%;
	border-bottom: 1px solid #D3D3D3;
	color: #009FB7;
	cursor: pointer;
}

#suggestic_list li:hover {
	background: #DAF7FB;
}

/**********************************************
 *  ルートマップ上のエラーメッセージエリア
 **********************************************/
.errMsgWrap {
	width: 350px;
	position: absolute;
	text-align: center;
	border: 2px solid #00B0C6;
	margin-top: 280px;
	margin-left: 140px;
	padding: 60px 30px;
	
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha( opacity=90 )";
	background:#fff;
	
	/*color: #009FB7;*/
	color: #777;
	font-size:150%;
	line-height: 125%;
}

.errMsgWrap img {
	width: 40px;
	margin-bottom: 10px;
}

/**********************************************
 *  バナー表示領域
 **********************************************/
#trafficBannerArea {
	margin: 20px 0;
	text-align: center;
}


/**
 * 汎用アイコン
 */

.arrow:before {
	content: "";
	background: url("../img/ico_link_arrow_17.png") no-repeat;
    padding-left: 10px;
    top: 2.9px;
    position: relative;
}

.arrow2:before {
	content: "";
	background: url("../img/ico_link_arrow_01.png") no-repeat;
    padding-left: 10px;
    top: 2.9px;
    position: relative;
}

.exLink:after {
	content: "";
	background: url("../img/ico_link_window_01.gif") no-repeat;
    padding-left: 20px;
    top: 1.5px;
    left: 2px;
    position: relative;
}
.exLink2:after {
	content: "";
	background: url("../img/ico/ico_external.png") no-repeat;
    padding-left: 15px;
    top: 1.5px;
    left: 2px;
    position: relative;
    background-size: 11px;
}

/* line 1, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro {
  position: relative;
  margin: 0 auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 7, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-slides-container {
  position: relative;
}

/* line 10, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-mask {
  position: relative;
  overflow: hidden;
}

/* line 14, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-slides {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

/* line 19, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-slide {
  position: absolute;
}

/* line 22, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-image-container {
  overflow: hidden;
}

/* line 25, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-image {
  position: relative;
  display: block;
  border: none;
}

/* line 30, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-no-js {
  overflow: hidden;
  max-width: 100%;
}

/* line 34, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-thumbnails-container {
  position: relative;
  overflow: hidden;
}

/* line 38, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails, .sp-top-thumbnails {
  left: 0;
  margin: 0 auto;
}

/* line 42, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-top-thumbnails {
  position: absolute;
  top: 0;
  margin-bottom: 4px;
}

/* line 47, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails {
  margin-top: 4px;
}

/* line 50, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails, .sp-right-thumbnails {
  position: absolute;
  top: 0;
}

/* line 54, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-right-thumbnails {
  right: 0;
  margin-left: 4px;
}

/* line 58, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails {
  left: 0;
  margin-right: 4px;
}

/* line 62, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-thumbnails {
  position: relative;
}

/* line 65, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-thumbnail {
  border: none;
}

/* line 68, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 76, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container {
  margin-left: 2px;
  margin-right: 2px;
}

/* line 80, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails .sp-thumbnail-container:first-child, .sp-top-thumbnails .sp-thumbnail-container:first-child {
  margin-left: 0;
}

/* line 83, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails .sp-thumbnail-container:last-child, .sp-top-thumbnails .sp-thumbnail-container:last-child {
  margin-right: 0;
}

/* line 86, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 2px;
  margin-bottom: 2px;
}

/* line 90, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails .sp-thumbnail-container:first-child, .sp-right-thumbnails .sp-thumbnail-container:first-child {
  margin-top: 0;
}

/* line 93, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails .sp-thumbnail-container:last-child, .sp-right-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0;
}

/* line 96, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-right-thumbnails.sp-has-pointer {
  margin-left: -13px;
}

/* line 99, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  left: 18px;
  margin-left: 0 !important;
}

/* line 104, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 5px solid red;
  left: 0;
  top: 0;
  margin-left: 13px;
}

/* line 113, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 50%;
  margin-top: -8px;
  border-right: 13px solid red;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* line 125, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails.sp-has-pointer {
  margin-right: -13px;
}

/* line 128, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  right: 18px;
}

/* line 132, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 5px solid red;
  right: 0;
  top: 0;
  margin-right: 13px;
}

/* line 141, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 50%;
  margin-top: -8px;
  border-left: 13px solid red;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* line 153, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails.sp-has-pointer {
  margin-top: -13px;
}

/* line 156, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  top: 18px;
  margin-top: 0 !important;
}

/* line 161, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 5px solid red;
  top: 0;
  margin-top: 13px;
}

/* line 169, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 0;
  margin-left: -8px;
  border-bottom: 13px solid red;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

/* line 181, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-top-thumbnails.sp-has-pointer {
  margin-bottom: -13px;
}

/* line 184, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  bottom: 18px;
}

/* line 188, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 5px solid red;
  bottom: 0;
  margin-bottom: 13px;
}

/* line 196, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  border-top: 13px solid red;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

/* line 208, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-layer {
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
}

/* line 217, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-black {
  color: #FFF;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
}

/* line 222, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-white {
  color: #000;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
}

/* line 227, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-rounded {
  border-radius: 10px;
}

/* line 230, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-padding {
  padding: 10px;
}

/* line 239, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-selectable {
  cursor: default;
}

/* line 242, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-caption-container {
  text-align: center;
  margin-top: 10px;
}

/* line 246, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-full-screen {
  margin: 0 !important;
  background-color: #000;
}

/* line 250, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-full-screen-button {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 261, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-full-screen-button:before {
  content: "?";
}

/* line 264, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-fade-full-screen {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity 0.5s;
}

/* line 269, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro:hover .sp-fade-full-screen {
  opacity: 1;
}

/* line 290, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-buttons {
  position: relative;
  width: 960px;
  text-align: left;
  padding: 10px;
  margin: 0 auto;
  background-color: #ededed;
}

/* line 298, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-button {
  width: 41px;
  height: 6px;
  margin: 4px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #a9a9a9;
}

/* line 309, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-selected-button {
  background-color: #d7120e;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 313, ../../../scss/smp/css/lib/_slider-pro.min.scss */
  .sp-button {
    width: 14px;
    height: 14px;
  }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
  /* line 320, ../../../scss/smp/css/lib/_slider-pro.min.scss */
  .sp-button {
    width: 16px;
    height: 16px;
  }
}
/* line 333, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-arrows {
  position: absolute;
}

/* line 350, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-vertical .sp-arrows {
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -10px;
}

/* line 356, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-arrow {
  position: absolute;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer;
}

/* line 363, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-vertical .sp-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 368, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-horizontal .sp-previous-arrow {
  left: 20px;
}

/* line 371, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-horizontal .sp-next-arrow {
  right: 20px;
}

/* line 374, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-vertical .sp-previous-arrow {
  top: 20px;
}

/* line 377, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-vertical .sp-next-arrow {
  bottom: 20px;
}

/* line 415, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7 .sp-arrow, .ie8 .sp-arrow {
  width: 0;
  height: 0;
}

/* line 419, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7 .sp-arrow:after, .ie7 .sp-arrow:before, .ie8 .sp-arrow:after, .ie8 .sp-arrow:before {
  content: none;
}

/* line 422, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7.sp-horizontal .sp-previous-arrow, .ie8.sp-horizontal .sp-previous-arrow {
  border-right: 20px solid #FFF;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

/* line 427, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7.sp-horizontal .sp-next-arrow, .ie8.sp-horizontal .sp-next-arrow {
  border-left: 20px solid #FFF;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

/* line 432, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7.sp-vertical .sp-previous-arrow, .ie8.sp-vertical .sp-previous-arrow {
  border-bottom: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

/* line 437, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7.sp-vertical .sp-next-arrow, .ie8.sp-vertical .sp-next-arrow {
  border-top: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

/* line 442, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-thumbnail-arrows {
  position: absolute;
}

/* line 445, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-fade-thumbnail-arrows {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity 0.5s;
}

/* line 450, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
  opacity: 1;
}

/* line 453, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails .sp-thumbnail-arrows, .sp-top-thumbnails .sp-thumbnail-arrows {
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -12px;
}

/* line 459, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails .sp-thumbnail-arrows, .sp-right-thumbnails .sp-thumbnail-arrows {
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -7px;
}

/* line 465, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-thumbnail-arrow {
  position: absolute;
  display: block;
  width: 15px;
  height: 25px;
  cursor: pointer;
}

/* line 472, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow, .sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 477, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .sp-top-thumbnails .sp-previous-thumbnail-arrow {
  left: 0;
}

/* line 480, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-bottom-thumbnails .sp-next-thumbnail-arrow, .sp-top-thumbnails .sp-next-thumbnail-arrow {
  right: 0;
}

/* line 483, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails .sp-previous-thumbnail-arrow, .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  top: 0;
}

/* line 486, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-left-thumbnails .sp-next-thumbnail-arrow, .sp-right-thumbnails .sp-next-thumbnail-arrow {
  bottom: 0;
}

/* line 489, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-next-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-previous-thumbnail-arrow:before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF;
}

/* line 496, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-previous-thumbnail-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

/* line 503, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-previous-thumbnail-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

/* line 510, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-next-thumbnail-arrow:before {
  right: 30%;
  top: 0;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

/* line 517, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.sp-next-thumbnail-arrow:after {
  right: 30%;
  top: 50%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}

/* line 524, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7 .sp-thumbnail-arrow, .ie8 .sp-thumbnail-arrow {
  width: 0;
  height: 0;
}

/* line 528, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7 .sp-thumbnail-arrow:after, .ie7 .sp-thumbnail-arrow:before, .ie8 .sp-thumbnail-arrow:after, .ie8 .sp-thumbnail-arrow:before {
  content: none;
}

/* line 531, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

/* line 536, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
  border-left: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

/* line 541, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-bottom: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

/* line 546, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

/* line 551, ../../../scss/smp/css/lib/_slider-pro.min.scss */
a.sp-video {
  text-decoration: none;
}

/* line 554, ../../../scss/smp/css/lib/_slider-pro.min.scss */
a.sp-video img {
  -webkit-backface-visibility: hidden;
  border: none;
}

/* line 558, ../../../scss/smp/css/lib/_slider-pro.min.scss */
a.sp-video:after {
  content: '\25B6';
  position: absolute;
  width: 45px;
  padding-left: 5px;
  height: 50px;
  border: 2px solid #FFF;
  text-align: center;
  font-size: 30px;
  border-radius: 30px;
  top: 0;
  color: #FFF;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  margin: auto;
  line-height: 52px;
}

/* line 577, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
  max-width: none !important;
  max-height: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

/* line 591, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
}

/* line 598, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro canvas, .slider-pro embed, .slider-pro iframe, .slider-pro object, .slider-pro video {
  max-width: none;
  max-height: none;
}

/* line 602, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro p.sp-layer {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

/* line 607, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro h1.sp-layer {
  font-size: 32px;
  line-height: 1.4;
  margin: 0;
}

/* line 612, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro h2.sp-layer {
  font-size: 24px;
  line-height: 1.4;
  margin: 0;
}

/* line 617, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro h3.sp-layer {
  font-size: 19px;
  line-height: 1.4;
  margin: 0;
}

/* line 622, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro h4.sp-layer {
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}

/* line 627, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro h5.sp-layer {
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

/* line 632, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro h6.sp-layer {
  font-size: 11px;
  line-height: 1.4;
  margin: 0;
}

/* line 637, ../../../scss/smp/css/lib/_slider-pro.min.scss */
.slider-pro img.sp-layer {
  border: none;
}

/*2016/08/10 ADD START 道路交通状況ポップアップ対応*/
div#kiseiPopupWrapArea{
	position:absolute;

	z-index:103;
	cursor :pointer;
}
.kiseiHeader{
    margin: 3px;
    padding: 10px 5px 0px 10px;
}
.kisei-content{
     padding: 1px 10px 10px 10px;
}
ul.kisei{
	list-style:none;
	border: 1px solid #ccc;
 }
.kiseiList{
    display: table;
	width: 230px;
	border-bottom: 1px solid #ccc;
	background: #fff;
}

.kiseiList:last-child {
    /*li 一番下の線は非表示*/
    border-bottom: 0px;
}
.rtmapRowTitle {
	width: 60px;
    padding: 1px;
    padding-left: 5px;
    display: table-cell;
	background-color: #EAE9E6;
    border-right: 1px solid #ccc;
 }
.kiseiInfo{
	background-color: #fff;
	display: table-cell;
    padding-left: 5px;
}

.rtmapBalloonTitle{
	vertical-align: text-bottom;
}

.rtmapBalloonTitle.roadclose{
	padding: 18px;
	color: red;
	background-image: url(../img/roadclose.png);
    background-repeat: no-repeat;
    background-position: left;
    }

.rtmapBalloonTitle.accident{
	padding: 18px;
	color: black;
	background-image: url(../img/accident.png);
    background-repeat: no-repeat;
    background-position: left;
    }

.rtmapBalloonTitle.kisei{
	color: #1faf28;
    }
/*2016/08/10 ADD END 道路交通状況ポップアップ対応*/

/*====================================
**2016 1116 add START
*=====================================*/

/*************************
** ルート検索
**************************/
#footer_banner .search_mew-ti_bnr {
    margin: 24px 0;
}

/*====================================
**2016 1116 add END
*=====================================*/
/**********************************************
 *  2017/07/26 NEXCO路線番号表示対応 ADD
 **********************************************/
.roadIcon {
    width:40px;
    float:left;
}
.roadIcon img { 
    height:22px;
    width:auto;
    vertical-align:middle;
}

/* bnr add from sankaku 2019/11/28 */
/* PC */


.searchBnr {
    width: 728px;
    margin: 0 auto;
}

.mailBnr {
    width: 728px;
    margin: 0 auto;
}

.topBnr {
    width: 728px;
    margin: 20px auto 0;
}

.faqBnr {
    width: 728px;
    margin: 0 auto;
}

.inquiryBnr {
    width: 728px;
    margin: 0 auto;
}

.siteBnr {
    width: 728px;
    margin: 0 auto;
}


/* sankaku add 2019/11/28 */