@charset "shift_jis";
/* CSS Document */

/* 初期設定 */
* {
    border: medium none;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-decoration: none;
	color: #666;
}
img {
    vertical-align: bottom;
}

table {
	border-collapse: collapse;
}


/*a:hover img, input[type="image"]:hover, .content_link li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
border: none;
}*/

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}


body {
	min-width: 1220px;
}

.main_visual {
	background: url(../img/top/sea.png);
	background-size: cover;
	z-index: 10;
}

.main_visual_inner {
	width: 1220px;
	height: 660px;
	margin: 0 auto;
	position: relative;
	/*background: url(../img/top/map_top.png) no-repeat 0px 35px;*/
	z-index: 15;
}

.building_01 {
	position: absolute;
	left: 111px;
	top: 87px;
}

.building_02 {
	position: absolute;
	left: 64px;
	top: 235px;
}

.building_03 {
	position: absolute;
	left: 300px;
	top: 90px;
}

.building_04 {
	position: absolute;
	left: 232px;
	top: 214px;
}

.building_05 {
	position: absolute;
	left: 192px;
	top: 360px;
}

.building_06 {
	position: absolute;
	left: 474px;
	top: 36px;
}

.building_07 {
	position: absolute;
	left: 386px;
	top: 267px;
}

.building_08 {
	position: absolute;
	left: 614px;
	top: 30px;
}

.building_09 {
	position: absolute;
	left: 569px;
	top: 234px;
}

.building_10 {
	position: absolute;
	left: 572px;
	top: 371px;
}

.building_11 {
	position: absolute;
	left: 696px;
	top: 80px;
}

.building_12 {
	position: absolute;
	left: 701px;
	top: 260px;
}

.building_13 {
	position: absolute;
	left: 965px;
	top: 217px;
	z-index: 100;
}

.building_14 {
	position: absolute;
	left: 970px;
	top: 401px;
}

.building_15 {
	position: absolute;
	left: 939px;
	top: 93px;
	z-index: 10;
}

.building_16 {
	position: absolute;
	left: 1062px;
	top: 243px;
}

.balloon_01 {
	position: absolute;
	left: -16px;
	top: -17px;
}

.balloon_02 {
	position: absolute;
	left: -125px;
	top: 420px;
	z-index: 20;
}

.balloon_03 {
	position: absolute;
	left: 214px;
	top: -19px;
}

.balloon_04 {
	position: absolute;
	left: 871px;
	top: 68px;
}

.balloon_05 {
	position: absolute;
	right: 0px;
	top: 10px;
}

.map_top {
	margin-top: 35px;
}

header {
	background-color: #94d3e8;
	z-index: 900;
}

.header_inner {
	width: 100%;
	min-width: 1220px;
	overflow: hidden;
	z-index: 990;
	height: 71px;
}

h1 {
	margin-left: 30px;
	float: left;
}

.search_table {
	float: right;
	height: 71px;
}

.search_table td {
}

.head_search {
	width: 262px;
	height: 30px;
	background: url(../img/top/search_bg.png) no-repeat;
	position: relative;
	*position: static;
}

#txtarea {
	position: absolute;
	top: 3px;
	left: 15px;
	width: 215px;
	*position: static;
	*margin-left: 10px;
}

#Image1 {
	position: absolute;
	top: 4px;
	right: 10px;
	*position: static;
	*margin-top: 4px;
}

.head_list_01 {
	padding-right: 27px;
}


.head_list_02 {
	border-left: 1px solid #cae9f4;
	border-right: 1px solid #cae9f4;
}

.head_list_02 a {
	display: block;
	padding: 17px 30px;
	*padding: 17px 30px 17px 50px;
	height: 37px;
	*background-image: url(../img/top/sitemap_icon.png);
	*background-repeat: no-repeat;
	*background-position: 15px 15px;
}

.head_list_02 a:hover {
	background-color: #77C1DA;
}

.head_list_02 a span {
	color: #fff;
}

.head_list_02 span:before {
	content: url(../img/top/sitemap_icon.png);
	position: relative;
	top: 4px;
	right: 3px;
}

.head_list_03 a {
	display: block;
	padding: 17px 30px;
	*padding: 17px 30px 17px 50px;
	height: 37px;
	*background-image: url(../img/top/print_icon.png);
	*background-repeat: no-repeat;
	*background-position: 15px 15px;
}

.head_list_03 a:hover {
	background-color: #77C1DA;
}

.head_list_03 a span {
	color: #fff;
}

.head_list_03 span:before {
	content: url(../img/top/print_icon.png);
	position: relative;
	top: 7px;
	right: 5px;
}

.g_nav {
	display: block;
	overflow: hidden;
	min-width: 1220px;
	background-color: #5ec0e0;
}

.g_nav ul {
	*display: block;
	*width: 1220px;
	*margin: 0 auto;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.g_nav_01, .g_nav_02, .g_nav_03, .g_nav_04, .g_nav_05 {
	float: left;
	display: block;
	width: 16.66666666666666%;
}

.g_nav_06, .g_nav_07, .g_nav_08, .g_nav_09, .g_nav_10, .g_nav_11, .g_nav_12 {
	float: left;
	display: block;
	width: 16.66666666666666%;
}

.g_nav li a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 1.5em 0;
	box-sizing: border-box;
	background-color: #5ec0e0;
	color: #fff;
	font-size: 16px;
	*width: 99%;
}

.g_nav li a:hover {
	background-color: #20A1CC;
}

.g_nav_01 a, .g_nav_02 a, .g_nav_03 a, .g_nav_04 a, .g_nav_05 a {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	*border-right: 1% solid #fff;
}

.g_nav_06 a {
	border-bottom: 1px solid #fff;
}

.g_nav_07 a, .g_nav_08 a, .g_nav_09 a, .g_nav_10 a, .g_nav_11 a {
	border-right: 1px solid #fff;
	*border-right: 1% solid #fff;
}

.top_content {
	background: url(../img/top/top_content_bg.png);
}

.top_content_list {
	overflow: hidden;
	width: 1210px;
	margin: 0 auto;
	display: block;
	padding: 30px 0;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.top_content_list li {
	margin-bottom: 20px;
	width: 390px;
	display: flex;
}

.top_content_list li a {
	padding: 10px 10px 10px 80px;
	display: block;
	width: 100%;
	background-color: #def9ff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	position: relative;
	behavior: url("/park/PIE.htc");
}

.top_content_list li:nth-child(2n) a {
	background-color: #fff;
}

.top_content_list li a dt {
	color: #01abeb;
	font-size: 20px;
}

.top_content_list li a dd {
	font-size: 14px;
	color: #838383;
}

.top_content_list_01 a {background-image: url(../img/top/top_content_img_01.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_02 a {background-image: url(../img/top/top_content_img_02.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_03 a {background-image: url(../img/top/top_content_img_03.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_04 a {background-image: url(../img/top/top_content_img_04.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_05 a {background-image: url(../img/top/top_content_img_05.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_06 a {background-image: url(../img/top/top_content_img_06.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_07 a {background-image: url(../img/top/top_content_img_07.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_08 a {background-image: url(../img/top/top_content_img_08.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_09 a {background-image: url(../img/top/top_content_img_09.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_10 a {background-image: url(../img/top/top_content_img_10.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_11 a {background-image: url(../img/top/top_content_img_11.png); background-repeat:no-repeat; background-position: 5px 5px;}
.top_content_list_12 a {background-image: url(../img/top/top_content_img_12.png); background-repeat:no-repeat; background-position: 5px 5px;}

footer {
	background-color: #ccc093;
	text-align: center;
	padding: 30px 0;
}

footer p {
	color: #fff;
}
footer p span {
	color: inherit;
	display: inline-block;
}

footer .copyright {
	font-size: 10px;
	margin-top: 20px;
}

/*.top_content_list_12,
.g_nav_12 {
	display:none;
}*/




@media (min-width: 768px) {
	.sp_btn,
	.sp_search,
	.close_btn {
		display: none;
	}
}


@media (max-width: 767px) {
	body {
		background-image: none;
		background-color: transparent;
		min-width: auto;
	}
	#wrapper {
		width: auto;
	}
	.comp_bnr {
		display: none;
	}
	
	.main_visual_inner {
		width: 100%;
		height: auto;
	}
	.main_visual_inner a,
	.balloon_01,
	.balloon_02,
	.balloon_03,
	.balloon_04,
	.balloon_05 {
		display: none;
	}
	.map_top {
		width: 100%;
	}
	header {
		width: auto;
	}
	.header_inner {
		width: auto;
		min-width: auto;
		display: flex;
		flex-flow: wrap;
		align-items: center;
		justify-content: space-between;
		display: -ms-flex;
		-ms-flex-flow: wrap;
		-ms-align-items: center;
		-ms-justify-content: space-between;
		display: -webkit-flex;
		-webkit-flex-flow: wrap;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		padding: 0px 10px;
	}
	.search_table {
		display: none;
	}
	h1 {
		max-width: 413px;
		width: 60%;
		margin-left: 0px;
	}
	h1 a {
		display: inline-block;
	}
	h1 a img {
		width: 100%;
		height: auto;
	}
	.sp_btn {
		display: block;
		width: 40px;
		height: 40px;
		position: relative;
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 0;
	}
	.sp_btn span {
		display: block;
		width: 36px;
		height: 3px;
		background-color: #fff;
		position: absolute;
		left: 2px;
		top: 13px;
		transition: 0.2s all ease-out;
	}
	.sp_btn::before {
		content: "";
		display: block;
		width: 36px;
		height: 3px;
		background-color: #fff;
		position: absolute;
		left: 2px;
		top: 2px;
		transition: 0.2s all ease-out;
	}
	.sp_btn::after {
		content: "";
		display: block;
		width: 36px;
		height: 3px;
		background-color: #fff;
		position: absolute;
		left: 2px;
		top: 23px;
		transition: 0.2s all ease-out;
	}
	.sp_btn p {
		color: #fff;
		text-align: center;
		font-size: 13px;
		position: absolute;
		top: 27px;
		left: 0px;
		width: 100%;
	}
	header.nav_open .sp_btn span {
		opacity: 0;
	}
	header.nav_open .sp_btn::before {
		transform: rotate(405deg);
		top: 12px;
	}
	header.nav_open .sp_btn::after {
		transform: rotate(-405deg);
		top: 12px;
	}
	.g_nav {
		width: auto;
		display: none;
		min-width: auto;
	}
	.g_nav ul {
		width: auto;
		border-left: none;
		border-right: none;
		display: flex;
		flex-flow: wrap;
		display: -ms-flex;
		-ms-flex-flow: wrap;
		display: -webkit-flex;
		-webkit-flex-flow: wrap;		
	}
	.g_nav li.g_nav_01, .g_nav li.g_nav_02, .g_nav li.g_nav_03, .g_nav li.g_nav_04, .g_nav li.g_nav_05, .g_nav li.g_nav_06, .g_nav li.g_nav_07, .g_nav li.g_nav_08, .g_nav li.g_nav_09, .g_nav li.g_nav_10, .g_nav li.g_nav_11, .g_nav li.g_nav_12 {
		float: none;
		width: 50%;
		box-sizing: border-box;
		display: flex;
		flex-flow: wrap;
		display: -ms-flex;
		-ms-flex-flow: wrap;
		display: -webkit-flex;
		-webkit-flex-flow: wrap;
	}
	.g_nav_01 a, .g_nav_03 a, .g_nav_05 a, .g_nav_07 a, .g_nav_09 a, .g_nav_11 a {
		border-bottom: none;
		border-right: none;
	}
	.g_nav_02 a, .g_nav_04 a, .g_nav_06 a, .g_nav_08 a, .g_nav_10 a, .g_nav_12 a {
		border-bottom: none;
		border-right: none;
		border-left: 1px solid #fff;
	}
	.g_nav li {
		border-top: 1px solid #fff;
	}
	.sp_search {
		margin: 20px;
		display: flex;
		flex-flow: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.sp_search form {
		display: flex;
		flex-flow: wrap;
		justify-content: center;
		display: -ms-flex;
		-ms-flex-flow: wrap;
		-ms-justify-content: center;
		display: -webkit-flex;
		-webkit-flex-flow: wrap;
		-webkit-justify-content: center;
		position: relative;
		width: calc(100% - 50px);
	}
	.sp_search_input {
		border-radius: 20px;
		padding: 5px 5px 5px 35px;
		border: none;
		outline: none;
		width: 100%;
		box-sizing: border-box;
	}
	.sp_search form input[type="image"] {
		position: absolute;
		left: 10px;
		top: 5px;
	}
	.sp_search a {
		display: inline-block;
	}
	header .close_btn {
		background-color: #0d6582;
		width: 100%;
		display: block;
		padding: 10px 0px;
		border: none;
		color: #fff;
		outline: none;
		cursor: pointer;
	}

	.top_content_list {
		width: 100%;
		justify-content: center;
	}
	
	.top_content_list li {
		width: 96%;
	}
	.top_content_list li a {

	}
	footer {
		width: auto;
		display: block;
		text-align: center;
	}
	footer aside {
		margin-bottom: 5px;
	}
	#copyright {
		width: auto;
	}
}