/* Minification failed. Returning unminified contents.
(2,1): run-time error CSS1019: Unexpected token, found '@charset'
(2,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(2,17): run-time error CSS1019: Unexpected token, found ';'
(510,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* CSS Document */
@charset "utf-8";

/*img{
	border:none;
	max-width: 100%; 
	height:auto;
	vertical-align: top;
}*/

/************************************/
/*■Step1
/************************************/
.Step{
	font-size:14px;
	color:#3e3a39;
	font-weight:bold;
	display:block;
}


/************************************/
/*■PresetBtnsArea
/************************************/
#PresetBtnsArea{
	position:relative;
	width:100%;
	text-align:center;
}
.PresetBtns > li{
	display:block;
}
.PresetBtn{
	background-color:#eeeeef;
	border:#064aac solid 1px;
	color:#3e3a39;
	cursor:pointer;
	display:table;
	font-size:14px;
	width:100%;
    font-weight:bold;
}
.PresetBtn:hover{
    background-color:#ccc;
}
.PresetBtn.on{
	background-color:#064aac;
	color:#fff;
}
.PresetBtn.on:hover{
    background-color:#0082f0;
}
.PresetBtnInner{
	display:table-cell;
	vertical-align:middle;
}
.PresetBtnInner:hover{
    opacity:0.7;
}


/************************************/
/*■Step2
/************************************/
.Error{
    background-color: #ffefe2;
    margin-bottom: 16px;
    color: #FD7100;
    font-weight: bold;
    font-size: 14px;
}
.ErrorItem{
	color:#f37000;
	display:inline-block;
	font-size:14px;
	padding:8px;
}
.ErrorItem::before{
	background-image:url('/Content/Icons/img/ico_alert.png');
	background-size:16px 16px;
	content:'';
	display:inline-block;
	height:16px;
	width:16px;
}

/************************************/
/*■FromArea
/************************************/
#FromArea {
	position:relative;
	line-height:1;
	margin: 8px 0;
}
#FromArea .FromTxt2Select{
	height:44px;
	width:100%;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.3;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	padding: 0 0 0 5px;
	background: none transparent;
	vertical-align: middle;
	font-size:12px;
	color: inherit;
	
	margin-left:0px;
	background-image:url(../../../cmn/img/pulldown.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px 20px;
}
.delbtn{
    display:none;
    position: absolute;
    top: 4px;
    right: 8px;
    width: 28px;
    cursor: pointer;
}
.delbtn img{
    width:28px;
}
    /************************************/
    /*■TransferArea
/************************************/
    #TransferTable{
	position:relative;
	width:100%;
	display:table;
	table-layout:fixed;
	line-height:1;
}
#TransferArea {
	position:relative;
	line-height:1;
}
#TransferArea .Title{
	display:table-cell;
	vertical-align:top;
	background-color:#FFF;
	background-image :url(../img/transfer_bg1.png),
					   url(../img/transfer_bg3.png),
					   url(../img/transfer_bg2.png);
	background-position: left top,
					   left bottom,
					   left center;
	background-size:contain,
					   contain,
					   contain;
	background-repeat  : no-repeat,
					   no-repeat,
					   repeat-y;
}
#TransferArea .Data{
	height:44px;
	padding-left:2px;
	padding-right:0px;
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

#TransferTxtBoxHolder{
	position:relative;
	width:100%;
	height:44px;
	display:table;
	table-layout:fixed;
}
#TransferTxtBox{
	width:100%;
	height:44px;
	display:table-cell;
	vertical-align:top;
	text-align:center;
	table-layout:fixed;
	padding-right:2px;
}
#TransferTxt{
	width:100%;
	height:44px;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.2;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	background: none transparent;
}
#TransferBtnBoxHolder{
	width:100%;
	height:76px;
	display:table;
	text-align:center;
	table-layout:fixed;
}
#TransferBtnBox{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	text-align:center;
}
#TransferBtn{
	display:inline-block;
	width:124px;
	height:44px;
}
#TransferArea .Change{
	width:52px;
	height:76px;
	min-height:76px;
	display:table-cell;
	vertical-align:middle;
	line-height:1;
	background-color:#FFF;
	background-image :url(../img/transfer_change_bg1.png),
					   url(../img/transfer_change_bg3.png),
					   url(../img/transfer_change_bg2.png);
	background-position: left top,
					   left bottom,
					   left center;
	background-size:contain,
					   contain,
					   contain;
	background-repeat  : no-repeat,
					   no-repeat,
					   repeat-y;
}


/************************************/
/*■ToArea
/************************************/

/*** To プルダウン ***/
#ToNarita{
	width:100%;
	height:44px;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.2;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	background: none transparent;
	display:none;
}
#ToNarita{
	height:44px;
	width:100%;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.3;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	padding: 0 0 0 5px;
	background: none transparent;
	vertical-align: middle;
	font-size:12px;
	color: inherit;
	
	margin-left:0px;
	background-image:url(../../../cmn/img/pulldown.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px 20px;
}
.ListBtnGroup{
	font-size:0;
}
.ListBtnWrapper{
	display:inline-block;
}
.ListBtnWrapperLoc{
    display: inline-block;
    padding: 0 0 0 4px;
    vertical-align: top;
}
.ListLoc{
    cursor:pointer;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}
.ListLoc:hover{
    opacity:0.7;
}

.ListBtn{
	background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    color: #000;
	cursor:pointer;
	display:block;
	font-size:14px;
	text-align:center;
	text-decoration:none;
}
.ListBtn:hover{
    opacity:0.7;
}

#Step2{
	/*display:none;*/
}

#ToArea {
	position:relative;
	line-height:1;
	margin: 8px 0;
}
#ToArea .ToTxt2Select{
	height:44px;
	width:100%;
	outline: none;
	font-size:12px;
	color:#3e3a39;
	line-height:1.3;
	padding:4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border:#afaead solid 1px;
	margin: 0;
	padding: 0 0 0 5px;
	background: none transparent;
	vertical-align: middle;
	font-size:12px;
	color: inherit;
	margin-left:0px;
	background-image:url(../../../cmn/img/pulldown.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:20px 20px;
}


/************************************/
/*■TimeArea
/************************************/
#TimeArea{
	position:relative;
	line-height:1;
	margin-top:18px;
}
#TimeTable{
	position:relative;
	width:100%;
	display:table;
	table-layout:fixed;
	line-height:1;
}
.IconWrapper{
	cursor:pointer;
	text-align:center;
	display:inline-block;
}
.IconWrapper:hover{
    opacity:0.7;
}
.IconLabel{
	color:#000;
	font-size:8pt;
}

#TrainTimeBox{	
	font-size:0;
	margin-bottom:12px;
    margin: 16px 0;
    background: url(../../../cmn/img/wrapback.png);
    padding-left: 16px;
}
.TrainTime {
	display:inline-block;
	font-size:14px;
}
.SelectBox, .IconBox{
	display: table-cell;
    vertical-align: middle;
    table-layout: fixed;
}

#LaterTimeBox{
	position:relative;
}
#LaterBox{
	background-color:#064aac;
	border-radius:0.5em;
	box-shadow:2px 2px 2px 0 #999;
	display:none;
	padding:8px 0;
	position:absolute;
	width:120px;
	z-index:10;
}
.LaterTime{
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:14px;
	text-align:center;
}
.LaterTime.on,.LaterTime:hover{
	background-color:#0082f0;
}
    #LaterTime img{
        width:40px;
        height:40px;
    }
    /************************************/
    /*■OptionsArea
/************************************/
    .SegmentedControl {
        display: block;
        overflow: hidden;
    }
.Segment{
	display:table;
	float:left;
}
.SegmentedControl input{
	display:none;
}
.SegmentedControl label{
	border-color:#064aac;
	border-style:solid;
	display:table-cell;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
}
.SegmentedControl label:hover {
    opacity:0.7;
}

.SegmentedControl input:checked + label{
	background-color:#064aac;
	color:#fff;
}
.SegmentedControl input:checked + label:hover{
	background-color:#0082f0;
	opacity:0.7;
}

/************************************/
/*■OptionArea
/************************************/
#OptionArea{
	position:relative;
	line-height:1;
	margin-bottom:16px;
}

/************************************/
/*■WalkSpeedArea
/************************************/
#WalkSpeedArea{
	position:relative;
	line-height:1;
	margin-bottom:16px;
}

/************************************/
/*■SearchArea
/************************************/
#SearchArea{
	border-top:#064aac solid 1px;
	position:relative;
	width:100%;
	text-align:center;
	margin-bottom:16px;
	margin-top:36px;
	padding-top:20px;
}
@keyframes SearchBtnAnime {
    0% {
        border-radius:0;
        opacity:1;
    }
    100% {
        border-radius:2em;
        opacity:0.7;
    }
}
#SearchBtn {
    background-color: #096AF6;
    border: #096AF6 solid 1px;
    display: inline-block;
    width: 350px;
    height: 54px;
}
#SearchBtn:hover{
    -webkit-animation:SearchBtnAnime .5s forwards;
    animation: SearchBtnAnime .5s forwards;
}

#SearchBtnLabel{
	background-image:url('../../../cmn/img/search.png');
	background-position:left center;
	background-repeat:no-repeat;
	background-size:16px 16px;
	color:#fff;
	padding-left:18px;
    font-size:20px;
}


/***********************************/
/*■サジェスト
    add 2017-09-05 m.ohkoshi#5391
/***********************************/
/* ★historyListはbase.cssに移行しましたが、こちらはそのままです。 */
.history {
    background: rgba(245 ,245 ,245 ,.8);
    position: relative;
    float: right;
    width: 20%;
    border-radius: 0 6px 6px 0;
    border-left: none;
    text-align: center;
    box-sizing: border-box;
    font-size: 1.4rem; }
    .history a {
      color: white;
      display: block;
      height: 40px; }
      .history a::after {
        color: white;
        display: inline-block;
        content: "\25BC";
        padding-left: 40px; }
      .history a span {
        display: block;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-right: 30px; }


/************************************/
/*■Cat3
/************************************/
.Cat3List{
	display:none;
}
.Cat3Holder{
    margin-bottom:0px !important;
}
.Cat3{
	height:28px;
	background-color:#fff;
	display:table;
	table-layout:fixed;
	border-left:#0085a9 solid 1px;
	border-right:#0085a9 solid 1px;
	border-bottom:#0085a9 solid 1px;
	cursor:pointer;
	width:100%;
}
.Cat3:hover {
    opacity:0.7;
}
.Cat3 .Check3{
	width:32px;
	height:28px;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}

.Cat3 .Title3{
	width:auto;
	height:28px;
	display:table-cell;
	vertical-align:middle;
	line-height:1;
    text-align:left;
}
.Cat3 span{
	font-size:12px;
	color:#3e3a39;
	line-height:1;
	font-weight:normal;
	display:inline;
    margin-left:10px;
}


.Cat3 img{
	vertical-align:middle;
}
.CheckBox{
		width:24px;
		height:48px;
}
.s_aboutjrp{
    padding:24px;
}

/************************************/
/*■SPサイズ
/************************************/
/*@media screen and (max-width: 634px) {*/
@media screen and (max-width: 980px) {

	/************************************/
	/*■Step1
	/************************************/
	.Step{
		margin:32px 12px 12px;
	}

	/************************************/
	/*■PresetBtnsArea
	/************************************/
	#PresetBtnsArea{
		padding:12px;
	}
	.PresetBtns > li{
		/*border-bottom:#fff solid 1px;*/
		margin-bottom:4px;
	}
	.PresetBtn {
		height:44px;
	}

	/************************************/
	/*■FromArea
	/************************************/
	#FromArea{
		padding:0px 12px;
	}
	.Title{
		width:52px;
	}
	.ListBtnWrapper{
		padding:5px 2px 0;
		width:40%;
	}
    .ListBtnWrapperLoc{
        padding:5px 2px 0;
    }
    .ListLoc{
        padding: 0;
        display: inline-block;
        vertical-align: top;
    }
    .ListLoc img{
        width:42px;
        height:42px;
    }
        .ListLoc img:hover {
            opacity:0.7;
        }
	.ListBtn{
		line-height:44px;
	}
    .delbtn{
        top: 8px;
    }
	/************************************/
	/*■ TransferArea
	/************************************/
	#TransferArea{
		padding:0px 12px;
	}

	/************************************/
	/*■ ToArea
	/************************************/
	#ToArea{
		padding:0px 12px;
	}
	.ListBtn{
		height:44px;
	}

	/************************************/
	/*■TimeArea
	/************************************/
	#TimeArea{
		padding:0px 12px;
	}
	#TimeBox{
		margin-top:8px;
	}
	.TrainTime{
		height:44px;
		line-height:44px;
		width:50%;
	}
	.IconBox{
		text-align:center;
		width:60px;
	}
	#LaterBox{
		right:0;
		top:100%;
	}
	.LaterTime{
		height:44px;
		line-height:44px;
	}

	/************************************/
	/*■OptionsArea
	/************************************/
	#OptionsArea{
		padding:0px 12px;
	}
	.Segment{
		width:50%;
	}
	.SegmentedControl label{
		border-width:1px 0 0 1px;
		height:44px;
	}
	.Segment:first-child label{
		border-top-left-radius: 0.5em;
	}
	.Segment:nth-child(2) label{
		border-right-width:1px;
		border-top-right-radius: 0.5em;
	}
	.Segment:nth-child(3) label{
		border-bottom-width:1px;
		border-bottom-left-radius: 0.5em;
	}
	.Segment:last-child label{
		border-bottom-width:1px;
		border-right-width:1px;
		border-bottom-right-radius: 0.5em;
	}

	/************************************/
	/*■WalkSpeedArea
	/************************************/


}
/************************************/
    /*■about_btn_close
	/************************************/
.about_btn_close {
    float:right;
    right: 3px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    z-index: 100;
    cursor: pointer;
    font-size: 24px;
    background-color: white;
    border-radius: 50%;
    color: black;
    margin-top: -16px;
    margin-right: 16px;
    padding-left: 2px;
    padding-top: 1px;
}
/************************************/
/*■PCサイズ
/************************************/
/* @media screen and (min-width: 634px) { */
@media screen and (min-width: 979px) {

	/*■Step1
	/************************************/
	.Step{
		margin:32px 0 12px;
	}

	/************************************/
	/*■PresetBtnsArea
	/************************************/
	.PresetBtns{
		display:block;
	}
	.PresetBtns:after{  
		content: ".";   
		display: block;   
		visibility: hidden;   
		height: 0.1px;   
		font-size: 0.1em;   
		line-height: 0;   
		clear: both;   
	}  
	.PresetBtns > li{
		padding:0 2px;
		float:left;
		position:relative;
		width:25%;
	}
    .PresetBtns .Cat3List {
		position:relative;
		top:100%;
		right:0;
		z-index:10;
		width:100%;
		/*padding:0 2px;*/
	}
	.PresetBtn {
		height:70px;
	}

	/************************************/
	/*■FromArea
	/************************************/
	.Title{
		width:80px;
	}
	.ListBtnWrapper{
		padding:0 0 0 4px;
		width:22%;
	}
    .ListLoc img{
        width:36px;
        height:36px;
    }
	.ListBtn{
		line-height:36px;
	}
	#FromBox1, #ToBox1{
		padding-left:4px;
	}
	
	
	/************************************/
	/*■TransferArea
	/************************************/	
	#TransferTxtBoxHolder{
		position:absolute;
		top:16px; left:180px;
		width:348px;
	}
	#TransferTxt{
		width:348px;
	}
	#TransferBtn{
		position:absolute;
		top:16px; left:54px;
	}	
	
	
	/************************************/
	/*■TimeArea
	/************************************/
	#TimeArea{
		width:540px;
	}
	.TrainTime{
		height:36px;
		line-height:36px;
		width:25%;
	}
	.IconBox{
		padding-left:4px;
		width:80px;
	}
	#LaterBox{
		left:44px;
		top:50%;
		margin-top:-162px;/* (高さ44px*7行)+(上下余白8px*2)/2 */
	}
	.LaterTime{
		height:36px;
		line-height:36px;
	}
	.SelectBox{
		width:calc((100%-60px)/2);
	}
	
	/************************************/
	/*■OptionsArea
	/************************************/
	#OptionsArea{
		width:672px;
		margin: 8px 0;
	}
	.Segment{
		width:25%;
	}
	.SegmentedControl label{
		border-width:1px 0 1px 1px;
		height:36px;
	}
	.Segment:first-child label{
		border-radius: 0.5em 0 0 0.5em;
	}
	.Segment:last-child label{
		border-right-width:1px;
		border-radius: 0 0.5em 0.5em 0;
	}
	
	/************************************/
	/*■WalkSpeedArea
	/************************************/
	#WalkSpeedArea{
		width:672px;
	}

	/************************************/
	/*■Cat3
	/************************************/

}

@media screen and (min-width: 980px) {
	footer{
		border-top:0;
	}
}





/**

    modal image

*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
    overflow: hidden;
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 700px;
    left: 0;
    position: static;
    height: auto;
    border: none;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.modal-content .message {
    background: #fff;
    text-align: center;
    display: block;
    font-size: 2rem;
    padding: 16px;
    font-weight: bold;
}
#Zcmap{
    width: 100%;
    height: 300px;
    background:#fff;
}


@media only screen and (max-width: 980px) {
    .modal-content {
        width: 96%;
    }

        .modal-content .datatable div {
            display: block;
        }

        .modal-content .item-img {
            width: 90%;
        }


    .howto_sp0 {
        position: relative;
        bottom: auto;
        width: auto;
        left: auto;
        padding: 0;
        margin-left: 8px;
    }

        .howto_sp0 a {
            font-size: 1.2em;
            padding: 4px 16px;
            border-color: #fad4c8;
        }
}

.modal-content .list_item:hover {
    transform: none;
}




#btnSearchTerminal{
    background: none;
    border: none;
    color: red;
    cursor: pointer;
    text-decoration: underline;
}

.myModalclose{
    position: static;
    background: #fff;
    display: block;
    font-size: 2rem;
    margin: 0 auto;
    bottom: 0;
    width: 100%;
    cursor:pointer;
}
    .myModalclose span {
        text-align: center;
        display: block;
        font-size: 0.9em;
        padding: 8px;
    }


#Calendar img{
    width:40px;
    height:40px;
}

.stmsg {
    position: static;
    background: #fff;
    display: block;
    font-size: 1.2rem;
    margin: 0 auto;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    color: red;
    font-weight: bold;
    text-align: center;
}
#Wrap {
	/* display: none; ★あとで消す */
}
#RoadMapWrap {
	overflow: hidden;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: none; /* ★あとで戻す */
}

.map_header {
	background-color: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 12px;
	color: white;
	z-index: 10;
}

#select_area_button {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin:6px 0;
}

.map_header .wrapper {
	width: 80%;
}

.col {
	display: table-cell;
	vertical-align:middle;
}

.map_header .item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.map_header .label {
	display: inline-block;
}

.label_sm {
	height: 24px;
	line-height: 24px;
	width: 74px;
	text-align: center;
	background-color: #eeeeee;
	color: #000;
	margin: 5px 5px 5px 0;
    font-weight: bold;
}

.map_header .link {
	width: 20%;
}

.map_header .link .btn {
	width: 100%;
	border: 1px solid #064aac;
	cursor: pointer;
	display: block;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

.map_header .btn_secondary {
	background-color: #FFFFFF;
	color: #064aac;
	border-radius: 4px;
	margin-bottom: 10px;
}

.map_header .btn_area {
	background-color: #064aac;
	border-radius: 4px;
	color: white;
}
.sta_name{
	color: #000;
}
.map_header .btn_wrapper {
	text-align: center;
}

.btn_search {
    background-color: #096AF6;
    border: #096AF6 solid 1px;
    border-radius: 2em;
    display: inline-block;
    width: 250px;
}
.btn_search .btn_label{
	background-image:url('../../../cmn/img/search.png');
	background-position:left center;
	background-repeat:no-repeat;
	background-size:12px 12px;
	color:#fff;
	height: 24px;
	line-height: 22px;
	padding-left:14px;
	width: 200px;
}
.btn_close {
	width: 20px;
	display: inline-block;
	text-align: center;
	background-color: #f23900;
	color: white;
	cursor: pointer;
	display: none;
}

#rmap_body {
	
	height: 700px;
	overflow: auto;
}
#rmap{
	position: relative;
/*	height: 9600px;
	width: 4400px;*/
}
.roadline-floatbox {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	z-index: 12;
}

.raod-arrow {
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 16px solid rgba(0, 0, 0, .8);
	margin-left: 76px;
}

.raod-arrow-main {
	background-color: rgba(0, 0, 0, .8);
	width: 185px;
	height: 120px;
	box-sizing: border-box;
	padding: 8px;
	border-radius: 5px;
}

.road-arrow-title {
	height: 35px;
	line-height: 35px;
}

.road-arrow-from {
	width: 80px;
	height: 35px;
	float: left;
	border-radius: 5px;
	background-color: #064aac;
	line-height: 35px;
	box-sizing: border-box;
	padding: 0px 5px;
	cursor: pointer;
	font-size: small;
}

.road-arrow-to {
	width: 80px;
	height: 35px;
	float: right;
	border-radius: 5px;
	background-color: #064aac;
	line-height: 35px;
	box-sizing: border-box;
	padding: 0px 5px;
	cursor: pointer;
	font-size: small;
}

.road-arrow-close {
	height: 20px;
	margin-top: 10px;
	float: left;
	width: 100%;
	cursor: pointer;
	font-size: small;
	text-align: right;
}

.select_area {
	position: absolute;
	top: 15%;
	left: 45%;
	z-index: 60;
	display: none;
}

.list {
	width: 220px;
	background-color:#064aac;
	border-radius:0.5em;
	box-shadow:2px 2px 2px 0 #999;
	padding:8px 0;
	font-size: small;
	display: block;
}

.list li {
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:14px;
	height:44px;
	line-height:44px;
	padding: 0 8px;
}
.list li.on, .list li:hover{
	background-color:#0085a9;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	z-index: 50;
	display: none;
}
.from-local,.to-local{
	color: black;
}

.splink{
	display: none;	
}
.btn_area_close{
	position: absolute;
	right: -20px;
	top: -22px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 20px;
	z-index: 100;
	cursor: pointer;
	font-size: 24px;
	background-color: white;
	border-radius: 50%;
	color:#05937b;
}
@media screen and (max-width: 1000px) {
	#rmap_body{
		height: 500px;
	}
	.select_area{
		left: 15%;
	}
	#RoadMapWrap{
		font-size: 12px;
		width: 100%;
	}
	.wrapper{
		width: 100%;
	}
	.link{
		display: none;
	}
	.splink{
		display: block;
		overflow:hidden;
	}
	.sp_back_main{
		width: 100px;
		height: 24px;
		line-height: 22px;
		float: left;
		border: 1px solid #064aac;
		cursor: pointer;
		color: #064aac;
		border-radius: 24px;
		text-align: center;
	}
	.sp_select_area_text{
		width: 100px;
		height: 24px;
		line-height: 22px;
		float: left;
		color: white;
		background-color:#064aac;
		border: 1px solid #064aac;
		cursor: pointer;
		border-radius: 24px;
		text-align: center;
		float: right;
	}
}
@media screen and (min-width: 1000px) {

	#RoadMapWrap{
		font-size: 14px;
	}
	.map_header {
		padding: 12px 0;
	}

}