@charset "utf-8";

body{
	text-align: center;
	line-height: 1.75;
	font-size: 20px;
	margin:0;
	padding:0;
	color:#000;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	background: url("../img/common/body.jpg") repeat center center;
	background-size: 50% auto;
}
a:link {color:#0066cc; text-decoration:underline;}
a:visited {color:#0066cc;text-decoration:none;}
a:hover {color:#3399ff; text-decoration:none;}
a:active {color:#0066cc;text-decoration:none;}
.fontHorasis{color:#036eb8;}
.fontHorasis2{color:#223669;}



/* common
--------------------------------------------------------------------------------------*/

#header{
	display: none;
}
#wrapper{
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: url("../img/common/wrapper.png") repeat-x center bottom;
	background-size: auto 60%;
}

/* index
--------------------------------------------------------------------------------------*/
#wrapper #index{
	max-width: 1000px;
	margin: 0 auto 2% auto;
	padding: 5% 0 10% 0;
	clear: both;
	display: block;
}
#wrapper #index #leftslot{
	width: 20%;
	float:left;
	display: table-cell;
}

#wrapper #index #rightslot{
	width:70%;
	float:right;
	display: table-cell;
}
#index h1{
	width: 100%;
	margin:0 0 40% 0;
}
#menu,
#menu ul {
	z-index: 2090 !important;
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu {position:relative;}

#menu li {
  width: 100%;
	border-bottom: 1px solid #fff;
}
#menu li:first-child{border-top: 1px solid #fff;}
#menu li a {
  width: 94%;
  color: #fff;
  display: inline-block;
	line-height: 1.2;
	font-weight:700;
	text-align:left;
	text-decoration:none;
	padding: 10% 3%;
	font-size: 0.85em;
}
#menu li.on a{background-color:#3175bb;color: #fff;}
.slicknav_menu {display:none;}


/* second
--------------------------------------------------------------------------------------*/
#second{
	max-width: 1000px;
	margin: 0 auto 10% auto;
	min-height: 800px;
	background-color: #fff;
	clear: both;
}

h2{
	width: 96%;
	text-align: left;
	padding: 2% 2%;
	color: #fff;
	background-color: #223669;
}
h3{
	text-align: left;
	margin-bottom: 3%;
	font-size: 1.3em;
	font-weight: 700;
}
h4{
	text-align: left;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	color: #036eb8;
	font-weight: 700;
}
#second .container{
	padding: 5% 6%;
}

#second > article{
	clear: both;
}
#second .googlemap{
	width:100%;
	height:450px;
	position:relative;
}

/* General
--------------------------------------------------------------------------------------*/
#General{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}
#General .title{
	margin-bottom: 5%;
}


/* Hotels
--------------------------------------------------------------------------------------*/
#Hotels{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}



/* Program
--------------------------------------------------------------------------------------*/
#Program{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}



/* Support
--------------------------------------------------------------------------------------*/
#Support{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}



/* Kitakyushu
--------------------------------------------------------------------------------------*/
#Kitakyushu{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}



/* Links
--------------------------------------------------------------------------------------*/
#Links{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}





/* footer
--------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	background-color:#fff;
}
#footer #foot{
	width: 100%;
	margin:0;
	padding:1% 0;
	clear:both;
	text-align: center;
}

#footer #copyright{
	clear:both;
	width: 100%;
	margin: 0;
	padding:1% 0;
	border-top: 1px solid #000;
	text-align: center;
}

.box,
.box2nd {
clear:both;
}
.box.borderBottom{
	border-bottom: 2px solid #036eb8;
	
}
ul.lists{
}
.lists li{
text-align: left;
display: block;
}
.lists li.circle{background: url(../img/common/circle.png) 0px 10px no-repeat;background-size: 16px 16px; padding-left: 20px;}


/*
.lists li.kome{background: url(../img/common/kome.png) no-repeat 0 6px; background-size: 14px 14px; padding-left: 17px;}
.lists li.circlePink{background: url(../img/common/circlePink.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.circleRed{background: url(../img/common/circleRed.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.circleGreen{background: url(../img/common/circleGreen.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.dot{background: url("../img/common/square.png") 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.dotPink{background: url(../img/common/squarePink.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.dotRed{background: url(../img/common/squareRed.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.dotGreen{background: url(../img/common/squareGreen.png) 0 10px no-repeat;background-size: 7px 7px; padding-left: 14px;}
.lists li.komeRed{background: url(../img/common/komeRed.png) no-repeat 0 6px; background-size: 12px 12px; padding-left: 14px;}
.lists li.arrow{background: url(../img/common/arrow.png) 0px 5px no-repeat;background-size: 14px 14px; padding-left: 20px;}
.lists li.arrow2{background: url(../../img/common/arrow2.png) 0px 7px no-repeat;background-size: 12px 8px; padding-left: 20px;}
.lists li.dot{background: url(../../img/common/dot.png) no-repeat 5px 9px;background-size: 5px 5px; padding-left: 17px;}

table.one{
width:100%;
font-size:100%;
text-align:left;
border-collapse:collapse;
}

.one th{
width:5%;
margin:0;
padding:10px 20px 10px 0;
border-right:2px dotted #2660ac;
color: #2660ac;
text-align:right;
font-weight:700;
vertical-align:top;
white-space:nowrap;
}
.one td{
width:auto;
margin:0px;
padding:10px 0 10px 20px;
text-align:left;
vertical-align:middle;
}



table.two{
font-size:100%;
text-align:left;
border-collapse:collapse;
	border: 1px solid #ccc;
}
table.two caption{text-align:left;}

.two th{
	width: 1%;
margin:0;
padding:5px 8px;
color: #2660ac;
text-align:left;
font-weight:700;
vertical-align:top;
white-space:nowrap;
	border-right: 1px dotted #2660ac;
	border-bottom: 1px solid #ccc;
	background-color: #f7f7f7;
}
.two td{
width:auto;
margin:0px;
padding:5px 10px;
text-align:left;
vertical-align:top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.two td.number{text-align:right;color: #2660ac;}
*/


/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1260px) {
#wrapper{
	max-width:inherit;
	width: 100%;
	margin: 0;
	padding: 0;
}
img {
	vertical-align: top;
	max-width: 100% !important;
	height: auto;
	-ms-interpolation-mode: bicubic; 
}

#menu li > div{
	font-size: 0.6rem;
	white-space: normal;
	}
	
}




/* for Sp
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/

@media only screen and (max-width: 481px) {
html, body{
	text-align: center;
	width: 100%;
	font-size:14px;
	line-height:1.6;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

/* common
--------------------------------------------------------------------------------------*/
#header{
	display: block;
}

#wrapper{
	max-width: 100%;
	margin: 0;
	padding: 0;
	background: url("../img/common/wrapper.png") repeat-x center bottom;
	background-size: auto 60%;
}
/* index
--------------------------------------------------------------------------------------*/
#wrapper #index{
	max-width:inherit;
	width: 100%;
	margin: 0 0 2% 0;
	/*
	padding: 5% 0 10% 0;
	clear: both;
	display: block;
	*/
}

#wrapper #index #leftslot{display:none !important;}
#wrapper #index #rightslot{
	width:90%;
	float:none;
	padding: 5%;
	display:block;
}
.slicknav_menu {display:block;}


/* second
--------------------------------------------------------------------------------------*/
#second{
	max-width:inherit;
	width: 100%;
	margin: 0 0 0 0;
	min-height:inherit;
}
h2{
	width: 90%;
	padding: 2% 5%;
}
h2 img{width: auto;height: 30px;}
h3 img{width: auto;height: 25px;}
h3 img.h3img{width: auto;height: 35px;}
/*	
h3{
	text-align: left;
	margin-bottom: 3%;
	font-size: 1.3em;
	font-weight: 700;
}
h4{
	text-align: left;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	color: #036eb8;
	font-weight: 700;
}
#second .container{
	padding: 5% 6%;
}

#second > article{
	clear: both;
}
#second .googlemap{
	width:100%;
	height:450px;
	position:relative;
}
*/
	



/* General
--------------------------------------------------------------------------------------*/
/*
#General{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}
#General .title{
	margin-bottom: 5%;
}*/


/* Hotels
--------------------------------------------------------------------------------------*/
/*
#Hotels{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}*/



/* Program
--------------------------------------------------------------------------------------*/
/*
#Program{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}*/



/* Support
--------------------------------------------------------------------------------------*/
/*
#Support{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}*/



/* Kitakyushu
--------------------------------------------------------------------------------------*/
/*
#Kitakyushu{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}*/



/* Links
--------------------------------------------------------------------------------------*/
/*
#Links{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
}*/

/* footer
--------------------------------------------------------------------------------------*/

/* footer
--------------------------------------------------------------------------------------*/
#footer {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#fff;
	font-size: 0.80em;
}
#footer #foot{
	width: 90%;
	margin:0;
	padding:1% 5%;
	clear:both;
	text-align: center;
}

#footer #copyright{
	width: 90%;
	margin: 0;
	padding:1% 5%;
	border-top: 1px solid #000;
	text-align: center;
}


/*
.scroll{
width:100%;
overflow: auto;
}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #f1f1f1;}
.scroll::-webkit-scrollbar-thumb {background: #bcbcbc;}
.scroll table{
	width: 200%;
}
#menu li.forSp{display:block !important;}

 table.one{
width: 100%;
margin: 0px 0%;
padding: 0px;
text-align: left;
border-collapse:collapse;
}

.one th {
	width: auto !important;
	display: block;
	font-size:115%;
	word-break: break-all !important;
	white-space: normal !important;
	font-weight:bolder;
	padding:1% 0;
	margin:0 0 2% 0;
border-right:none;
border-bottom:2px dotted #2660ac;
color: #2660ac;
text-align:left;
}
 .one td {
	width: auto;
	display: block; 
	padding:1% 0 10% 0;
	border-top: none;
	border-bottom: none;
	font-size:90%;
}
*/

.width37,
.width60{
	width: 100%;
}
	
.width37 .fL,
.width60 .fL,
.width53 .fL,
.width37 .fR,
.width60 .fR{
	float: none;
	display: block;
	clear: both;
}

.width37,
.width53 {margin-bottom: 5%;}

.font190{font-size: 1.2em;}
.font150{font-size: 1.1em;}


.width50.fL,
.width53.fL,
.width50.fR{
	float: none !important;
	display: block;
	clear: both;
}

.facebook.width50{
	width: 100% !important;
	margin-bottom: 5%;
	display: block;
	clear: both;
	text-align: center;
}

#KK .width45,
.width53{
		width: 100%;
}
	
}