@charset "utf-8";
/* CSS Document */
img {
	 border: none;
}

.small {
	 font-size: small;
}

.clear {
	 clear: both;
}

#wrapper {
	 z-index: 1;
	 width: 400px;
}

#loading {
	 display: none;
	 position: fixed;
	 top: 0;
	 left: 0;
	 z-index: 10;
	 width: 100%;
	 height: 1280px;
	 background: rgba(255, 255, 255, 0.5);
	 --webkit-transform: opacity(0.0);
	 --webkit-transition-property: opacity;
	 --webkit-transition-duration: 1.5s;
}

#loading img {
	 position: fixed;
}

#jartic {
	 top: 3px;
	 left: 3px;
	 padding: 2px;
	 font-size:10px;
/*	 background-color: #e0e0e0;*/
	 line-height:1em;
/*	 -webkit-border-radius: 4px;*/
}

.float ul li {
	 float: left;
	 display: block;
}

#extlink ul li {
	 float: left;
	 display: block;
}

#note {
	 padding: 8px;
}

#mission {
	 color: #e00000;
	 font-weight: bold;
}

#map {
	 position: relative;
	 height: 200px;
/*	 border: 1px solid #ccc; */
}

#mapflame {
  	 border: 1px solid #ccc;
}

.area {
	 position: absolute;
	 width: 46px;
	 height: 25px;
	 /*background: #217fae;*/
	 background: #5bb4d6;
	 text-align: center;
/*	 font-weight: bold;*/
	 -webkit-border-radius: 4px;
	 -webkit-box-shadow: 3px 3px 6px #505050;

	 -moz-border-radius: 4px;
	 -moz-box-shadow: 3px 3px 6px #505050;

	 top: 280px;
	 left: -180px;
	 /*-webkit-transition: 0.2s linear;*/

/*	 -webkit-transform: opacity(0.0);*/
	 -webkit-transition-property: opacity;
	 -webkit-transition-duration: 1.5s;
	 opacity: 0.0;
}

.area a {
	 padding: 1px;
	 display: block;
	 text-decoration: none;
}

.area  p.name {
	 color: #ffffff;
	 font-size:10px;
	 line-height:1em;
}

.area  p.info {
	 color: #ffff00;
	 font-size:10px;
	 line-height:1em;
}

#notice a {
	display: block;
	text-decoration: none;
	color:#386CF0;
}


#map .pos_abs {
	 position: absolute;
}

#m_a01 {
	 top: 5px;
	 left: 131px;
}


#m_a02 {
	 top: 55px;
	 left: 116px;
}

#m_a03 {
	 top: 89px;
	 left: 88px;
}

#m_a04 {
	 top: 106px;
	 left: 109px;
}

#m_a05 {
	 top: 112px;
	 left: 88px;
}

#m_a06 {
	 top: 110px;
	 left: 65px;
}

#m_a07 {
	 top: 110px;
	 left: 33px;
}

#m_a08 {
	 top: 125px;
	 left: 43px;
}

#m_a09 {
	 top: 122px;
	 left: 17px;
}

#m_a09b {
	 top: 185px;
	 left: 2px;
}

#i_a01 {
	 top: 15px;
	 left: 80px;
}

#i_a02 {
	 top: 65px;
	 left: 149px;
}

#i_a03 {
	 top: 64px;
	 left: 72px;
}

#i_a04 {
	 top: 102px;
	 left: 140px;
}

#i_a05 {
	 top: 138px;
	 left: 95px;
}

#i_a06 {
	 top: 168px;
	 left: 58px;
}

#i_a07 {
	 top: 70px;
	 left: 16px;
}

#i_a08 {
	 top: 158px;
	 left: 3px;
}

#i_a09 {
	 top: 106px;
	 left: 3px;
}


#searchNavi {
/*position: relative;*/
position: absolute;
/*top: -800px;*/
top: 200px;
/*left: 10%;*/
margin:auto;
width: 680px;
z-index: 100;
}

.historySelector {
position: absolute;
width: auto;
height: auto;
/*left: 220px;*/
margin-left: 50px;
top: 468px;
z-index: 100;
opacity: 0.92;
}


.roadSelector {
position: absolute;
/*background: #ffffff;*/
width: 180px;
height: auto;
margin-left: 50px;
}

#roadSelector_icStart,
#roadSelector_icEnd {
margin-left: 0px;
}

*:first-child+html #roadSelector_icStart {
margin-left: -245px;
}

*:first-child+html #roadSelector_icEnd {
margin-left: -245px;
}

*:first-child+html .roadSelector {
 margin-top: 20px; 
}


.menuRoadName {
overflow-x: hidden;
overflow-y: auto;
max-height: 260px;
}


#roadSelector_roadSearch {
/*left: 220px;*/
top: 370px;
/*top: 500px;*/
z-index: 200;
opacity: 0.92;
}

* html #roadSelector_icStart a,
* html #roadSelector_icStart a:link,
* html #roadSelector_icStart a:hover
* html #roadSelector_roadSearch a,
* html #roadSelector_roadSearch a:link,
* html #roadSelector_roadSearch a:visited,
* html #roadSelector_icEnd a,
* html #roadSelector_icEnd a:link,
* html #roadSelector_icEnd a:visited{
background: #1a6198;
color:#fff;
padding: 2px 5px 2px 5px;
font-weight:normal;
text-decoration:none;
border-top:#4695d3 1px solid;
border-bottom:#013d6c 1px solid;
display:block;
margin-bottom:-3px;
}

#roadSelector_roadArea {
position: absolute;
z-index: 200;
width: 200px;
}

* html #roadSelector_roadArea a,
* html #roadSelector_roadArea a:link,
* html #roadSelector_roadArea a:visited{
background: #1a6198;
color:#fff;
padding: 2px 5px 2px 5px;
font-weight:normal;
text-decoration:none;
border-top:#4695d3 1px solid;
border-bottom:#013d6c 1px solid;
display:block;
}

* html #roadSelector_roadArea a:hover,
* html #roadSelector_icStart a:hover,
* html #roadSelector_roadSearch a:hover,
* html #roadSelector_icEnd a:hover{
display:block;
background: #19517d;
color: #FFF;
padding: 2px 5px 2px 5px;
text-decoration:none;
border-top:#4695d3 1px solid;
border-bottom:#013d6c 1px solid;
font-weight:normal;
display:block;
}

#roadSelector_roadArea ul.menuRoadName {
overflow-y: auto;
overflow-x: hidden;
}


#setupStartPage {
font-size: 7pt;
text-align: center;
}

#setupStartPage a {
padding: 2px;
text-decoration:none;
color: #606060;
background: #ffecd5;
border: 1px solid #cfcfcf;
}

#setupStartPage a:hover{
background: #dfdfdf;
}