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

/* sightseeing page
=============================================================================*/
#sightseeing #mainVisual {	background-image:url(../img/sightseeing/sightseeing_maimimg.jpg) }
#lead {
	height: 370px;
	background-image: url(../img/sightseeing/sightseeing_leadbg.jpg);
	background-position: center;
	background-size: cover;
	padding-top: 130px;
	text-align: center;
	}
#cont01 { height: 1700px; }
	#cont01 h3 {
	text-align: center;
	margin-bottom: 20px;
	}
	#cont01 .cont .imgArea {
	float: left;
	margin: 0px 20px 0px 0px;
	}
	#cont01 .cont .txtArea { 
	float: left;
	font-size: 0.93em;
	max-width: 690px;
	margin-bottom: 40px;
	}
	#cont01 .cont .txtArea h4 {
	font-size: 1.24em;
	font-weight: bold;
	border-bottom: 1px dotted #999; 
	margin-bottom: 0.7em;
	}
#cont01 .cont01 { position: absolute; top: 0px;left: 0px; }
	#cont01 .cont02 { position: absolute; top: 220px;left: 260px;}
	#cont01 .cont02 .txtArea { width: 380px; }
	#cont01 .cont03 { position: absolute; top: 490px;left: 60px;}
	#cont01 .cont03 .txtArea { width: 490px; }
	#cont01 .cont04 { position: absolute; top: 720px;left: 320px; }
	#cont01 .cont04 .txtArea { width: 440px; }
	#cont01 .cont05 { position: absolute; top: 1070px;left: 0px; }
	#cont01 .cont05 .img01 { margin-top: -50px;}
	#cont01 .cont05 .img02 { position: absolute; bottom: 0; left: 270px;}
	#cont01 .cont05 .txtArea { width: 490px; }

#cont02 { height: auto;padding-bottom: 100px; margin-bottom: 0; }
	#cont02 .txtArea {
	text-align: center;
	margin-bottom: 70px;
	}
	#cont02 .calendar {
	width: 1000px;
	margin: 0 auto;
	}
	#cont02 .calendar img {
	width: 100%;
	height: auto;
	}

#cont03 {	margin-bottom: 100px;}
	#cont03 h3 { text-align: center; }
	#cont03 table th {
		background-color: transparent;
		font-weight: bold;
		padding-right: 1em;
	}