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

figure{
	margin:0 0 40px;
}

section section{
	width:430px;
	margin:0 0 40px;
}
#miyajima{
	float:left;
}
#hiroshima{
	float:right;
}

	#hiroshima h3{
		border-bottom-color:#BEE2E4;
	}
		#hiroshima h3 span{
			color:#39A7AC;
		}
			#hiroshima h3 span:after{
				background:#39A8AC;
			}

	section ol{
		list-style:none;
		padding:0;
		font-size:87.5%;
		line-height:1.8;
	}
		section ol li{
			background:url(../img/access/num_1_red.gif) no-repeat;
			padding:0 0 0 30px;
			margin:0 0 20px;
			min-height:25px;
		}
		.second{
			background-image:url(../img/access/num_2_red.gif);
		}
		.third{
			background-image:url(../img/access/num_3_red.gif);
		}
		#hiroshima .first{
			background-image:url(../img/access/num_1_green.gif);
		}
		#hiroshima .second{
			background-image:url(../img/access/num_2_green.gif);
		}
		#hiroshima .third{
			background-image:url(../img/access/num_3_green.gif);
		}
		ol figure{
			width:205px;
			margin:5px 0 0;
		}
		.photos{
			margin:0 -20px 0 0;
			width:450px;
			position:relative;
			left:-30px;
			background:url(../img/access/arrow_miyajima.gif) no-repeat 211px 62px;
		}
		#hiroshima .photos{
			background:url(../img/access/arrow_hiroshima.gif) no-repeat 211px 62px;
		}
		#hiroshima .first .photos{
			background:none;
		}
		.photos figure{
			float:left;
			margin:5px 20px 0 0;
			position:relative;
		}
			figure img{
				display:block;
				margin:0 0 3px;
			}
			.photos a{
				display:block;
				position:absolute;
				top:110px;
				left:140px;
			}
				.photos a img{
					margin:0;
				}
			ol figcaption{
				font-size:85.7%;
				line-height:1.2;
			}


#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;
}