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

.map{
	margin:0 0 40px;
	padding:40px 60px;
	width:834px;
	background:url(../img/access/arabesque_top.gif) no-repeat center top, url(../img/access/arabesque_bottom.gif) no-repeat center bottom, #F5F3EB;
	border:3px solid #E2DFD4;
}
	.map dt{
		font-weight:bold;
		color:#39A7AC;
		font-size:125%;
	}
	.map dd{
		margin:0 0 20px;
	}
	.macro{
		text-align:center;
		border:3px solid #E2DFD4;
		background:#fff;
	}
		.macro img{
			display:block;
			margin:0 auto;
		}
		.zoom img{
			float:left;
			margin:0 20px 0 0;
		}
		section ol{
			overflow:hidden;
			list-style:none;
			margin:0;
			padding:0;
			font-size:75%;
		}
			section ol li{
				background:url(../img/access/num_1.gif) no-repeat;
				padding:0 20px;
				margin:0 2px 20px 0;
				min-height:25px;
				float:left;
				width:165px;
			}
			.second{
				background-image:url(../img/access/num_2.gif);
			}
			.third{
				background-image:url(../img/access/num_3.gif);
				width:374px;
			}
			.fourth{
				background-image:url(../img/access/num_4.gif);
				width:374px;
			}
			ol figure{
				width:165px;
				margin:5px 0 0;
				position:relative;
				left:-20px;
			}
			.photos{
				margin:0 -40px 0 0;
				width:414px;
				position:relative;
				left:-20px;
			}
			.photos figure{
				float:left;
				margin:5px 42px 0 0;
				position:static;
			}
				.zoom figure img{
					display:block;
					margin:0 0 3px;
					float:none;
				}

section section{
	width:460px;
	margin:0 0 40px;
}
#by-car{
	float:left;
}
#by-train{
	float:right;
}

	#by-car h3{
		border-bottom-color:#F0C6C8;
	}
		#by-car h3 span{
			color:#D25258;
		}
			#by-car h3 span:after{
				background:#D25258;
			}

.annotation{
	font-size:75%;
	list-style:none;
	padding:0;
}
	.annotation li{
	}
		.annotation li:before{
			content:"※";
			margin:0 2px 0 0;
		}
		.annotation small{
			font-size:100%;
		}
		.annotation strong{
			font-size:116.7%;
			line-height:1.8;
		}
			.annotation strong small{
				font-weight:bold;
			}

#map_canvas{
	width:960px;
	height:540px;
	margin:0 0 80px;
}
#map_canvas iframe{
width: 100%;
height: 100%;
border: 3px solid #E2DFD4;
box-sizing: border-box;
}

.lt-ie9 .map{
	background-color:#F5F3EB;
	-pie-background:url(/img/access/arabesque_top.gif) no-repeat center top, url(/img/access/arabesque_bottom.gif) no-repeat center bottom, #F5F3EB;
	behavior:url("/js/vendor/PIE.htc");
}