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

header,
nav.gnavi,
#contents {
	width:100%;
	max-width:1090px;
}
header {
	position:relative;
}
header .wrap {
	text-align:center;
	width:50%;
	padding-top:15%;
}
header .logo {
	margin-bottom:40px;
}
header h1 {
	margin-bottom:40px;
	font-size:30px;
	font-weight:900;
}
header h1 span {
	display:block;
	font-size:18px;
	margin-top:18px;
}
header .kyushu_map {
	width:50%;
}
header .kyushu_map li {
	display:inline-block;
	background-color:#0f2656;
	padding:5px 20px;
	color:#FFF;
	text-align:center;
}
header .kyushu_map .inbox {
}
header .kyushu_map .image {
}
header .kyushu_map li {
	position:absolute;
	z-index:10;
}
header .kyushu_map li.map_f {
	top:0px;
	left:0px;
}
header .kyushu_map li.map_n {
	top:50px;
	left:0px;
}
header .kyushu_map li.map_k {
	top:100px;
	left:0px;
}
header .kyushu_map li.map_oi {
	top:150px;
	left:0px;
}
header .kyushu_map li.map_m {
	top:200px;
	left:0px;
}
header .kyushu_map li.map_ok {
	top:250px;
	left:0px;
}

header .kyushu_map li a {
	color:#FFF;
}
nav.gnavi .mob_btn {
	display:none;
}
nav.gnavi {
	margin-bottom:60px;
	overflow:hidden;
}
nav.gnavi ul {
	margin-right:-1.666%;
}
nav.gnavi li {
	width:15%;
	margin-right:1.666%;
	text-align:center;
	float:left;
}
nav.gnavi li a {
	position:relative;
	display:block;
}
nav.gnavi li a img.off {
	position:absolute;
	top:0;
	left:0;
}
nav.gnavi li a img.on {
	filter:alpha(opacity=0); /*IE*/
	-moz-opacity:0; /*FF*/
	opacity:0;
	zoom:1.0;
}
nav.gnavi li a p {
	font-size:18px;
	line-height:1em;
	color:#fff;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-9px;
	z-index:10;
	width:100%;
	text-align: center;
}
nav.gnavi li a p.over {
	color:#779fdb;
}
nav.gnavi li a span {
	font-size:14px;
	display:block;
}
.mobile_menu {
	display:none;
}
.mobile_menu a:hover {
	text-decoration:none;
}

#contents.kyushu section {
	padding-bottom:50px;
}
#contents.kyushu h2 {
	font-size:28px;
	font-weight:900;
	border-left:10px solid #0f2656;
	padding:0 0 0 10px;
}
#contents.kyushu .left {
	width:21%;
	padding-right:2%;
}
#contents.kyushu .right {
	width:77%;
}
#contents.kyushu table {
	width:100%;
}
#contents.kyushu table th {
	width:140px;
	padding:10px;
	background-color:#0f2656;
	color:#FFF;
	border-bottom:1px solid #FFF;
}
#contents.kyushu table td {
	padding:10px;
	border-bottom:1px solid #FFF;
	background-color:#f4f5f7;
}

footer {
	background-color:#0f2656;
	text-align:right;
}
address {
	color:#fff;
	font-size:10px;
	display:inline-block;
	padding-right:10px;
}
.f_logo {
	width:150px;
	padding:30px 10px;
	background-color:#fff;
	display:inline-block;
	text-align:center;
}
.f_logo img {
	max-width:150px;
}
.pagetop {
	clear:both;
	text-align:right;
	padding-top:20px;
}

@media screen and (max-width : 1090px){
header,
nav.gnavi,
#contents {
	width:auto;
	padding:0 20px;
}
#contents.kyushu .left {
	width:auto;
	padding-right:0;
	float:none;
	padding-bottom:10px;
}
#contents.kyushu .right {
	width:auto;
	float:none;
}

}

@media screen and (max-width : 640px){
header h1 {
	margin-bottom:10px;
	font-size:24px;
}
header h1 span {
	font-size:15px;
	margin-top:10px;
}
}

@media screen and (max-width : 568px){
header {
	height:auto;
	padding:0;
}
header .wrap.left {
	padding:20px 0 10px;
	width:auto;
	float:none;
}
header .logo {
	margin-bottom:10px;
}
header .logo img {
	width:70%;
}
header h1 {
	margin-bottom:10px;
	font-size:24px;
}
header h1 span {
	margin-top: 0px;
}
header .kyushu_map.right {
	position:static;
	width:auto;
	float:none;
	padding:0 50px;
}
header .kyushu_map .image {
	position:static;
}
header .kyushu_map .inbox {
	width:auto;
	height:auto;
	margin-bottom:20px;
}
.pc {
	display:none;
}
nav.gnavi {
	padding:0;
	height:0;
	margin:0;
}
nav.gnavi.view {
	height:auto;
}
nav.gnavi ul {
	margin-right:0;
}
nav.gnavi li {
	width:auto;
	margin-right:0;
	background-color:#0f2656;
	float:none;
	border-top:1px solid #143270;
	border-bottom:1px solid #0a1b40;
}
nav.gnavi li a {
	position:static;
	padding:10px 0;
}
nav.gnavi li a:hover {
	text-decoration:none;
	background-color:#063491;
}
nav.gnavi li a p {
	position:static;
	margin:0;
}
nav.gnavi li img {
	display:none;
}
.mobile_menu {
	display:block;
	width:100%;
}
.mobile_menu .inbox {
	text-align:center;
	background-color:#0d317a;
}
.mobile_menu a {
	color:#fff;
	font-size:16px;
	padding:5px 0;
	display:block;
	line-height:30px;
}
.mobile_menu a img {
	max-width:30px;
}
.mobile_menu.rotation a img {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
}
#contents.kyushu section {
	padding-bottom:20px;
}
#contents.kyushu table th {
	display:block;
	width:auto;
	border:none;
}
#contents.kyushu table td {
	display:block;
	border:none;
	margin-bottom:10px;
}
.f_logo {
	width:auto;
	display:block;
	padding:10px 10px;
}
address {
	display:block;
	text-align:center;
	padding:10px 0;
}

}