@charset "utf-8";

/*****************************************************************/

html {
	background:#efece6;
	}

body.ko {
	font-family:'Jeju Gothic',"Malgun Gothic","Yoon Gothic","sans-serif";
	/*letter-spacing:0;*/
}	

/**header**************************/
.ko #headerWrap {
	width:100%;
	height:134px;
	background:#FFF;
	z-index:9999;
}

.ko #header {
	width:980px;
	margin:0 auto;
	text-align:left;
	background:#FFF;
	height:85px;
	overflow:hidden;
}

.ko #logWrap {
	float:left;
	width:605px;
}

.ko #logo {
	float:left;
	margin-top:12px;
}

/*.ko #tagline {
	float:left;
	margin-top:35px;
	width:395px;
	font-size:10px;
}*/


.ko #hNaviWrap {
	float:right;
	width:320px;
}
	
.ko #hNavi {
	float:left;
	margin:15px 0 6px 0;
}

#hNavi li {
	float:left;
	height:26px;
}

.ko #mollogo {
	float:right;	
	width:50px;
	margin:15px 0 6px 0;
}

/*FontSize*/

.ko #sizeChanger {
	clear:both;
	float:left;
	margin-right:5px;
	width:137px;
	height:25px;
	background:url(/cmn/img/txtsize-bg.gif) left top;
	overflow: hidden;
	_zoom: 1;
}
	.ko #sizeChanger dt {
		float:left;
		padding:7px 7px 0 8px;
	}
	.ko #sizeChanger dd {
		float:left;
		margin-top:5px;
	}
	.ko #sizeChanger dd a{
		display: block;
		width: 34px;
		height: 0 !important;
		height /**/: 15px;
		padding: 15px 0 0 0;
		overflow: hidden;
		background:url(/cmn/img/ko/txtsize-ml.gif) no-repeat;
	}
	
	.ko #sizeChanger dd#sizeM a:hover,
	.ko #sizeChanger dd#sizeM a.textresizer-active  {
		background-position:0 -15px;
	}
	
	.ko #sizeChanger dd#sizeL a:hover,
	.ko #sizeChanger dd#sizeL a.textresizer-active {
		background-position:-34px -15px;
	}
	.ko #sizeChanger dd#sizeL a {
			background-position:-34px 0;
	}
	.ko #sizeChanger dd#sizeM a {
			background-position:0 0;
	}
	
/*search*/
.ko #search {
	float:right;
	width: 170px;
	height:23px;
	margin:0 0 6px 0;
  	border:1px solid #000;
  	background: #FFF;
	padding:0;
  	}
	.ko #search form {
	  overflow: hidden;
	  /*width: 153px;*/
	  height: 23px;
	  padding:0;
	}
	.ko #search input {
  	margin: 0;
  	padding: 0;
  	border: none;
  	height: 23px;
  	line-height: 23px;
  	font-family: Verdana, arial, helvetica, sans-serif;
	outline: none;
	}
	.ko #search input[type=text]{ 
	display:block;
	float:left;
	width: 140px;
	padding:0 3px;
	letter-spacing:0;
	color:#000;
	font-size:11px;
	}
	.ko #search input[type=submit] {
	display:block;
	float:right;
	width: 23px;
	height: 0 !important;
	height /**/: 23px;
	padding: 23px 0 0 0;
	cursor:pointer;
	overflow: hidden;
	background:url(/cmn/img/hNavi-search.gif) no-repeat;
	background-position:0 0;
	}
	.ko #search input[type=submit]:hover {  
   	background-position:0 -23px;
	}


/**gNavi***********************************************************************/

nav.gNaviWrap {
	width:100%;
	background:url(/cmn/img/gNavi-bg.gif) left top repeat;
	z-index:9999;
	background-color:#FFF;
}


#gNavi {
	width:980px;
	position:relative;
	margin:0 auto;
	height:49px;
}

#gNavi > li {
	float:left;
	
}
	#gn-OsaBep,
	#gn-KobeOita,
	#gn-OsaShibu {
		width:210px;
		height: 0 !important;
		height /**/: 49px;
		padding: 49px 0 0 0;
		display:block;
		background:url(/cmn/img/ko/gNavi.gif) no-repeat;
		overflow: hidden;
	}
	/*大阪-別府*/
	#gn-OsaBep{
		background-position:0 0;
	}
	#gn-OsaBep:hover,
	.osaka-beppu #gn-OsaBep:hover {
		background-position:0 -49px;
	}
	.osaka-beppu #gn-OsaBep {
		background-position:0 -98px;
	}
	/*神戸-大分*/
	#gn-KobeOita {
		background-position: -210px 0;
	}
	#gn-KobeOita:hover,
	.kobe-oita #gn-KobeOita:hover{
		background-position: -210px -49px;
	}
	.kobe-oita #gn-KobeOita {
		background-position: -210px -98px;
	}
	
	
	/*大阪-鹿児島*/
	#gn-OsaShibu{	
		background-position: -420px 0;
	}
	#gn-OsaShibu:hover,
	.osaka-shibushi #gn-OsaShibu:hover{
		background-position: -420px -49px;
	}
	.osaka-shibushi #gn-OsaShibu{
		background-position: -420px -98px;
	}
	
	
	#gn-OsaBep > a,
	#gn-KobeOita > a,
	#gn-OsaShibu > a {
		width:210px;
		height: 0 !important;
		height /**/: 49px;
		padding: 49px 0 0 0;
		display:block;
		overflow: hidden;
		margin-top:-49px;
		font-size:9px;
	}
	
	#gn-reservation, 
	#gn-corporate {
		width:175px;
		height: 0 !important;
		height /**/: 36px;
		padding: 36px 0 0 0;
		margin-top:13px;
		display:block;
		background:url(/cmn/img/ko/gNavi.gif) no-repeat;
		overflow: hidden;
	}
	/*ご予約・お支払い*/
	#gn-reservation {
		background-position:-630px -13px;
	}
	#gn-reservation:hover,
	.reservation #gn-reservation:hover {
		background-position:-630px -49px;
	}
	.reservation #gn-reservation {
		background-position:-630px -85px;
	}
	/*企業情報*/
	#gn-corporate {
		background-position:-805px -13px;
	}
	#gn-corporate:hover,
	.corporate #gn-corporate:hover {
		background-position:-805px -49px;
	}
	.corporate #gn-corporate {
		background-position:-805px -85px;
	}
	
	#gn-reservation > a, 
	#gn-corporate > a {
		width:175px;
		height: 0 !important;
		height /**/: 36px;
		padding: 36px 0 0 0;
		display:block;
		overflow: hidden;
		margin-top:-36px !important;
		font-size:9px;
	}

	

/**gNavi pulldown*********************/
	
.gNavi-low {
	overflow: hidden;
	background: #FFF;
	border-left:1px solid #0969b6;
	border-right:1px solid #0969b6;
	border-bottom:1px solid #0969b6;
	visibility: hidden;
	padding:0;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

#gNavi > li:hover .gNavi-low {
		visibility: visible;
		opacity: 1;
		z-index:9999;
	}
	
	.gNavi-low > ul {
		margin-bottom:-20px;
	}
	
	.gNavi-low > ul li {
		background:url(/cmn/img/border-bla01.gif) left bottom repeat-x;
		padding:1px 1px 2px 1px;
		line-height:1.4;
	}
body.ko .gNavi-low > ul li:last-child {
		background:none;
		padding:1px 1px 4px 1px;
	}
	
	.gNavi-low > ul li a {
		display:block;
		background:url(/cmn/img/arrow-b02.gif) 8px 10px no-repeat #FFF;
		padding:5px 5px 5px 21px;
	}
	.gNavi-low > ul li a:hover {
		background:url(/cmn/img/arrow-b02.gif) 8px 10px no-repeat #e8f1f7;
		text-decoration:none;
		color:#014982;
	}
	
	#gn-OsaBep .gNavi-low {
		width: 208px;
		position: absolute;
		left: 0;
	}
	#gn-KobeOita .gNavi-low {
		width: 209px;
		position: absolute;
		left: 209px;
	}
	#gn-OsaShibu .gNavi-low {
		width: 209px;
		position: absolute;
		left: 419px;
	}
	#gn-reservation .gNavi-low {
		width: 174px;
		position: absolute;
		left: 629px;
	}
	#gn-corporate .gNavi-low {
		width: 174px;
		position: absolute;
		left:804px;
		right: 0;
	}


body.ko #copyright{
	margin-top:0;
}

#fee-calendar ul#filterBtnList {
  list-style: none;
  margin: 0 0 1.5em 0;
  padding: 0;
  text-align: center;
}
#fee-calendar ul#filterBtnList li {
  display: inline-block;
  font-size: 90%;
  border: solid 2px #ef7a00;
  cursor: pointer;
  color: #ef7a00;
  padding: 6px 16px;
  margin: 3px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: bold;
  min-width: 4em;
  text-align: center;
}
#fee-calendar ul#filterBtnList li:hover {
  background-color: #ef7a00;
  color: white;
}
#fee-calendar ul#filterBtnList li.is_active {
  background-color: #ef7a00;
  color: white;
}
#fee-calendar .cal01,
#fee-calendar .cal02,
#fee-calendar .cal03,
#fee-calendar .cal04,
#fee-calendar .cal05,
#fee-calendar .cal06,
#fee-calendar .cal07,
#fee-calendar .cal08,
#fee-calendar .cal09,
#fee-calendar .cal10,
#fee-calendar .cal11,
#fee-calendar .cal12 {
	display: none;
}
#fee-calendar .calList > li:first-child{
		display: block;
}
#fee-calendar .calList > li img{
	width: auto;
	height: 280px;
	margin: 0 10px 10px 10px;
}

@media only screen and (max-width: 750px) {
#fee-calendar .calList > li img{
	max-width: 280px;
	height: auto;
	margin: 0 0 10px 0;
	}
}

/**footer**************************/
/**sitemap**/
#sitemap nav dt a, #sitemap nav p a {
		line-height:1.5;
	}

#sitemap nav dd ul li {
		line-height:1.4;
	}
	
#sitemap nav dd ul li a {
		background:url(/cmn/img/arrow-w02.gif) left 6px no-repeat;
	}
	
/**clearfix**************************/
#hNaviWrap,
#sizeChanger {	
	min-height: 1%;
	}
	
#hNaviWrap:after,
#sizeChanger:after {
	content: ".";
 	height: 0;
 	clear: both;
 	visibility: hidden;
	display: table;
	}

* html #hNaviWrap,
* html #sizeChanger { 
	height: 1%;
	}

#hNaviWrap,
#sizeChanger { 
	display: block;
	zoom: 1;
	}/**/