@charset "utf-8";
/* CSS Document */

.map_contents p,
.map_contents dl, 
.map_contents dt, 
.map_contents dd, 
.map_contents ol, 
.map_contents ul,
.map_contents li,
.map_contents table,
.map_contents tr,
.map_contents th,
.map_contents td,
.map_contents section {margin:0;padding:0;}
.map_contents table {border-collapse:collapse;border-spacing:0;}
.map_contents img {border:0;}
.map_contents ol,
.map_contents ul {list-style:none;}
.map_contents th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}


body{
color:#333;
}

body a:link{
text-decoration:none;
color:#333;
}

body a:visited{
color:#333;
}

body h1{
font-size:120%;
}

body .map_contents{
font-size: 15px; font-size: 1.5rem; 
line-height:1.8;
width:954px;
margin:0 auto;
margin-left:-30px;
} 

h1{
font-size:120%;
}

h2 {
margin: 30px -500px 50px;
padding: 0 500px;
position: relative;
height:118px;
}

h3{
text-align:center;
font-weight:bold;
font-size:90%;	
}

h3 img{
marign:0 auto;
padding:0 10px 5px;
vertical-align:middle;
}

.link_area li{
float:left;	
margin-right:20px;
}

.link_area li:nth-of-type(3){
margin-right:0;
}

.map_nav p{
margin:0 15px -9px 0;
float:left;
}

.map_nav p:hover{
cursor: pointer;	
}


#map1{
clear:both;
}
#map1 ul{
position:relative;
margin:0 0 40px;
padding:0;
}

#map1 li:nth-of-type(1) img{
border:#c00 3px solid;
}
#map1 li:nth-of-type(2){
position:absolute;
top:110px;
left:50px;
}
#map1 li:nth-of-type(3){
position:absolute;
top:108px;
left:180px;
}
#map1 li:nth-of-type(4){
position:absolute;
top:220px;
left:440px;
}
#map1 li:nth-of-type(5){
position:absolute;
top:55px;
left:70px;
}
#map1 li:nth-of-type(6){
position:absolute;
top:65px;
left:270px;
}
#map1 li:nth-of-type(7){
position:absolute;
top:150px;
left:400px;
}

#map2 ul{
position:relative;
margin:0 0 40px;
padding:0;
}

#map2 li:nth-of-type(1) img{
border:#f39 3px solid;
}
#map2 li:nth-of-type(2){
position:absolute;
top:210px;
left:300px;
}
#map2 li:nth-of-type(3){
position:absolute;
top:60px;
left:100px;
}
#map2 li:nth-of-type(4){
position:absolute;
top:220px;
left:570px;
}
#map2 li:nth-of-type(5){
position:absolute;
top:225px;
left:705px;
}
#map2 li:nth-of-type(6){
position:absolute;
top:190px;
left:705px;
}
#map2 li:nth-of-type(7){
position:absolute;
top:150px;
left:120px;
}
#map2 li:nth-of-type(8){
position:absolute;
top:310px;
left:450px;
}
#map2 li:nth-of-type(9){
position:absolute;
top:100px;
left:400px;
}


#map3 ul{
position:relative;
margin:0 0 40px;
padding:0;
}

#map3 li:nth-of-type(1) img{
border:#53c 3px solid;
}
#map3 li:nth-of-type(2){
position:absolute;
top:85px;
left:240px;
}
#map3 li:nth-of-type(3){
position:absolute;
top:135px;
left:287px;
}
#map3 li:nth-of-type(4){
position:absolute;
top:207px;
left:265px;
}
#map3 li:nth-of-type(5){
position:absolute;
top:148px;
left:385px;
}
#map3 li:nth-of-type(6){
position:absolute;
top:110px;
left:385px;
}
#map3 li:nth-of-type(7){
position:absolute;
top:185px;
left:420px;
}

#map4 ul{
position:relative;
margin:0 0 40px;
padding:0;
}

#map4 li:nth-of-type(1) img{
border:#03f 3px solid;
}
#map4 li:nth-of-type(2){
position:absolute;
top:265px;
left:445px;
}
#map4 li:nth-of-type(3){
position:absolute;
top:220px;
left:610px;
}
#map4 li:nth-of-type(4){
position:absolute;
top:350px;
left:460px;
}
#map4 li:nth-of-type(5){
position:absolute;
top:290px;
left:670px;
}
#map4 li:nth-of-type(6){
position:absolute;
top:400px;
left:650px;
}


body .map_contents .info {
width:826px;
margin:0 auto
}

.infobar:hover{
cursor: pointer;
}

#impo{
background:#c00;
height:38px;
margin:0;	
}

#facil{
background:#f39;
height:38px;
margin:0;	
}

#spot{
background:#53c;
height:38px;
margin:0;	
}

#access{
background:#03f;
height:38px;
margin:0;	
}

body .info_con{
padding:0 0 40px;	
}

.open{
float:right;
margin-top:-38px;	
}

.close{
margin-top:0;	
}

.info_photo{
float:right;	
}

body .info_photo2{
width:826px;
clear:both;
padding:20px 0 0;
}

body .info_photo2 p:nth-of-type(1) img{
padding:0 5px 0 0;
}

.link{
padding:7px 7px 7px 0;	
}

body .map_contents dl{
padding:25px 0 0;
}

body .map_contents dt{
float:left;	
width:499px;
}

body .map_contents dl dd:nth-of-type(1){
width:499px;
float:left;
}

body .map_contents dl dd p:nth-of-type(2){
float:right;
margin:0 20px 0 0;
}

body .map_contents dl dd span{
font-size:90%;	
}


#f3 dd,
#f4 dd,
#f8 dd{
width:826px;	
}

#f3 dd.info_photo p img,
#f4 dd.info_photo p img,
#f8 dd.info_photo p img{
padding:0 7px 0 0;
}

#f3 dd.info_photo p img:nth-of-type(3),
#f4 dd.info_photo p img:nth-of-type(3),
#f8 dd.info_photo p img:nth-of-type(3){
padding:0;
}


body #a1 dt{
float:left;	
width:294px;
}
#a1 .info_photo{
width:504px;	
}
body #a1 dd:nth-of-type(1){
clear:both;
width:294px;
float:left;
margin-right:28px;
}
body #a1 dd p:nth-of-type(2){
float:right;
margin:0;
}
body #a1 dd p:nth-of-type(3){
float:right;
margin:0 20px 0 0;
}
body #a1 .info_photo p:nth-of-type(1){
float:left;	
width:247px;
margin-right:10px;
}

body #s2 dt,
body #s3 dt,
body #s4 dt{
float:left;	
width:312px;
}
#s2 .info_photo,
#s3 .info_photo,
#s4 .info_photo{
width:497px;	
}
body #s2 dd:nth-of-type(1),
body #s3 dd:nth-of-type(1),
body #s4 dd:nth-of-type(1){
clear:both;
width:312px;
float:left;
margin-right:17px;
}
body #s2 dd p:nth-of-type(2),
body #s3 dd p:nth-of-type(2),
body #s4 dd p:nth-of-type(2){
float:right;
margin:0;
}
body #s2 dd p:nth-of-type(3),
body #s3 dd p:nth-of-type(3),
body #s4 dd p:nth-of-type(3){
float:right;
margin:0 20px 0 0;
}
body #s2 .info_photo p:nth-of-type(1),
body #s3 .info_photo p:nth-of-type(1),
body #s4 .info_photo p:nth-of-type(1){
float:left;	
width:193px;
margin-right:7px;
}

.infobar p{
height:38px;
overflow:hidden;	
}

body .map_contents dd{
text-align: justify;
text-justify: inter-ideograph;
}

body .map_contents dd p img{
margin:0;
padding:0;	
vertical-align:bottom;
}

body .map_contents dd ul{
margin:15px 0;	
}

body .map_contents dd ul li{
font-size:85%;
line-height:1.5;	
}

.dot{
margin:30px 0 0;	
}

.link_area li{
float:left;	
margin-right:20px;
}

.link_area li:nth-of-type(3){
margin-right:0;
}

#s5{
padding:30px 0;	
}

body .info_con dd span{
display:inline-block;
padding:15px 0 0;	
}


body .info_con .memo{
clear:both;	
background-color:#fff;
border-top:1px solid #eee;
border-bottom:1px solid #bbb;
border-right:1px solid #bbb;
border-left:1px solid #eee;
margin: 0 0;
}

body .info_con .memo dl{
margin:20px 0 0 83px;	
}

body .info_con .memo dt{
margin:0 0 20px;
}

body .info_con .memo ul{
clear:both;
width:660px;
}
body .info_con .memo li{
width:200px;
float:left;	
font-size:80%;
line-height:1.5;
padding:0 30px 20px 0;
text-align: justify;
text-justify: inter-ideograph;
}

body .info_con .memo li:nth-of-type(3),
body .info_con .memo li:nth-of-type(6){
padding:0 0 20px 0;
}

body .info_con .memo li img{
padding:0 0 10px;	
}

body .info_con .map{
font-size:85%;	
line-height:1.7em;
}

body .info_con .map img{
padding:0 0 8px;	
}