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

main {
	display: block;
	padding: 35px 0 0;
	background: url(../img/common/bg_main.png) repeat center center;
}
/* tablet sp */
@media screen and (max-width: 767px) {
	
	main {
		background: none;
	}	
	
}

#menu {
	position: relative;
	z-index: 100;
	height: 50px;
	min-height: 50px;
	background: url(../img/common/border.png) repeat-x top, url(../img/common/border.png) repeat-x bottom;
	box-shadow: 0 5px 5px rgba(153,153,153,0.5);
	background-color: rgba(255,255,255,0.75);
}
#menu ul {
	font-size: 0;
	margin: 0;
	padding: 0;	
	text-align: center;
}
#menu ul > li {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
	padding: 0;
}
#menu ul li.access {
	margin: 0;
}
#menu ul li.sitemap,
#menu ul li.aboutus {
	display: none;
}
#menu ul li.theme > a {
	position: relative;
	display: block;
	width: 110px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_theme.png) no-repeat;
}
#menu ul li.area > a {
	position: relative;
	display: block;
	width: 110px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_area.png) no-repeat;
}
#menu ul li.newevent a {
	display: block;
	width: 124px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_newevent.png) no-repeat;
}
#menu ul li.information a {
	display: block;
	width: 136px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_information.png) no-repeat;
}
#menu ul li.route a {
	display: block;
	width: 100px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_route.png) no-repeat;
}
#menu ul li.schedule a {
	display: block;
	width: 162px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_schedule.png) no-repeat;
}
#menu ul li.pamphlet a {
	display: block;
	width: 120px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_pamphlet.png) no-repeat;
}
#menu ul li.access a {
	display: block;
	width: 170px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_access.png) no-repeat;
}
#menu ul li.geospot a {
	display: block;
	width: 110px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/navmenu/menu_geospot.png) no-repeat;
}
#menu ul li ul.sub-menu {
	display: block;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 999;
}
#menu ul li:hover ul.sub-menu {
	top: 50px;
	visibility: visible;
	opacity: 1;
}
#menu ul li ul.sub-menu li {
	display: block;
}
#menu ul li ul.sub-menu li a {
	display: block;
	width: 98px;
	height: 24px;
	padding: 6px;
	border-top: 1px solid #D5557E;
	background: #FFFFFF;
	text-align: center;
	font-weight: bold;
	color: #D5557E;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;	
}
/* pc only*/
@media screen and (min-width: 1200px) {
	
	#menu ul li a:hover {
		background-position: 1px 1px;
		cursor: pointer;
	}
	#menu ul li ul.sub-menu li a:hover {
		color: #993300;
	}	
	
}
/* pc tablet */
@media screen and (max-width: 1199px) {
	
	#menu {
		height: 100px;
	}	
	
}
/* tablet sp */
@media screen and (max-width: 767px) {
	
	#menu {
		display: none;
	}
	
}

.pagetop {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;		
}
.pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	background: url(../img/common/pagetop.png) no-repeat center center;
	background-size: 60px 60px;
	text-align: center;
	margin: 70px auto;
}
/* pc only*/
@media screen and (min-width: 1200px) {
	
	.pagetop a:hover {
		background-position: left 1px;
	}
	
}
/* sp */
@media screen and (max-width: 599px) {
	
	.pagetop a {
		margin: 30px auto;
	}
	
}