@charset "utf-8";

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

*{
	margin:0;
	padding:0;
	outline: 0;
	}	

html,body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,hr,table,tr,th,td,tbody,tfoot,thead,img,iframe.span,strong,
abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small, var,b,i,fieldset,form,label,legend,caption,article, 
aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	font-style:normal;
	list-style:none;
	border:none;
	font-size: 100%;
	/*background: transparent;*/
}

html {
	background:#FFF;
	}
	
body{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	color:#000;
	letter-spacing:0.1em;
	/*background:url(/cmn/img/body-bg.gif) left top repeat-x #FFF;*/
}

body.en {
	font-family: Verdana, arial, helvetica, sans-serif;
	letter-spacing:0;
}	

/**基本設定************************/

img{
	vertical-align:top;
	}

/**リンク設定**/

a {
	color:#000;
	text-decoration:none;
	overflow:hidden;
	outline:none;
}

a:visited {
	color:#000;
}

a:hover {
	color:#000;
	text-decoration: underline;
}

a:focus{
	outline:none;
}
	

/**上付・下付文字**/
sub{
	vertical-align: baseline;
	font-size:80%;
	line-height:0;
}

sup{
	font-size:80%;
	line-height:0;
}

/**強調文字**/



/**区切り線**/
hr {
	clear:both;
	margin:2em 0;
	border-top:1px solid transparent;
	height:1px;
	background:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	}
	
hr.dot {
	border-top:1px dotted #939393;
	}
	
/**マークアップ**/
mark {
	background:#e94f0c;
	font-size:85%;
	font-weight:bold;
	color:#FFF;
	padding:0 4px;
}

mark.mark02 {
	background-color:#f4f1ed !important; 
	color:#dc0000 !important;
	border:1px solid #e1dad1;
}
	
/**側設定*******************************************************/		

#wrap {
	background: #fff;
	font-size:90%;
}

/**header**************************/
#headerWrap {
	width:100%;
	height:134px;
	background:#FFF;
	z-index:9999;
	/*position:fixed;
	left:0;
	top:0;*/
}

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

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

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

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

#hNaviWrap {
	float:right;
	width:373px;
}

#hNaviWrap-l {
	float:left;
	width:225px;
}

#hNaviWrap-r {
	float:right;
	width:145px;
}


#mollogo {
	float:left;	
	width:50px;
	margin:23px 12px 6px 0;
	_margin:23px 6px 6px 0;
}

/*search*/
#search {
	float:left;
	width: 155px;
	height:23px;
	margin:23px 0 6px 0;
  	border:1px solid #000;
  	background: #FFF;
	padding:0;
  	}
	#search form {
	  overflow: hidden;
	  /*width: 153px;*/
	  height: 23px;
	  padding:0;
	}
	#search input {
  	margin: 0;
  	padding: 0;
  	border: none;
  	height: 23px;
  	line-height: 23px;
  	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	outline: none;
	}
	#search input[type=text]{ 
	display:block;
	float:left;
	width: 123px;
	padding:0 3px;
	letter-spacing:0;
	color:#000;
	font-size:11px;
	}
	#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;
	}
	#search input[type=submit]:hover {  
   	background-position:0 -23px;
	}

#hNavi {
	clear:both;
}

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

#hNavi li img {
	vertical-align:top;
}


#hNavi-tour {
	margin-bottom:6px;
}

/*FontSize*/
#sizeChanger {
	width:145px;
	height:23px;
	background:url(/cmn/img/txtsize-bg.gif) left top no-repeat;
	overflow: hidden;
	_zoom: 1;
}
	#sizeChanger dt {
		float:left;
		padding:4px 7px 0 8px;
	}
	#sizeChanger dd {
		float:left;
		margin-top:4px;
	}
	#sizeChanger dd a{
		display: block;
		width: 34px;
		height: 0 !important;
		height /**/: 15px;
		padding: 15px 0 0 0;
		overflow: hidden;
		background:url(/cmn/img/txtsize-ml.gif) no-repeat;
	}
	
	#sizeChanger dd#sizeM a:hover,
	#sizeChanger dd#sizeM a.textresizer-active  {
		background-position:0 -15px;
	}
	
	#sizeChanger dd#sizeL a:hover,
	#sizeChanger dd#sizeL a.textresizer-active {
		background-position:-34px -15px;
	}
	#sizeChanger dd#sizeL a {
			background-position:-34px 0;
	}
	#sizeChanger dd#sizeM a {
			background-position:0 0;
	}


/**gNavi***********************************************************************/
nav.gNaviWrap {
	width:100%;
	background:url(/cmn/img/gNavi-bg.gif) left top repeat-x;
	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:135px;
		height: 0 !important;
		height /**/: 49px;
		padding: 49px 0 0 0;
		display:block;
		background:url(/cmn/img/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: -135px 0;
	}
	#gn-KobeOita:hover,
	.kobe-oita #gn-KobeOita:hover{
		background-position: -135px -49px;
	}
	.kobe-oita #gn-KobeOita {
		background-position: -135px -98px;
	}
	/*大阪-鹿児島*/
	#gn-OsaShibu{
		background-position: -270px 0;
	}
	#gn-OsaShibu:hover,
	.osaka-shibushi #gn-OsaShibu:hover{
		background-position: -270px -49px;
	}
	.osaka-shibushi #gn-OsaShibu{
		background-position: -270px -98px;
	}
	
	#gn-OsaBep > a,
	#gn-KobeOita > a,
	#gn-OsaShibu > a {
		width:135px;
		height: 0 !important;
		height /**/: 49px;
		padding: 49px 0 0 0;
		display:block;
		overflow: hidden;
		margin-top:-49px;
		font-size:9px;
		cursor: default;
	}
	
	#gn-reservation, 
	#gn-faq, 
	#gn-club, 
	#gn-corporate,
	#gn-recruit {
		width:115px;
		height: 0 !important;
		height /**/: 36px;
		padding: 36px 0 0 0;
		margin-top:13px;
		display:block;
		background:url(/cmn/img/gNavi.gif) no-repeat;
		overflow: hidden;
	}
	/*ご予約・お支払い*/	
	#gn-reservation {
		background-position:-405px -13px;
	}
	#gn-reservation:hover,
	.reservation #gn-reservation:hover {
		background-position:-405px -49px;
	}
	.reservation #gn-reservation {
		background-position:-405px -85px;
	}
	/*よくある質問*/
	#gn-faq {
		background-position:-520px -13px;
	}
	#gn-faq:hover,
	.faq #gn-faq:hover {
		background-position:-520px -49px;
	}
	.faq #gn-faq {
		background-position:-520px -85px;
	}
	/*clubさんふらわあ*/
	#gn-club {
		background-position:-635px -13px;
	}
	#gn-club:hover,
	.clubsunflower #gn-club:hover {
		background-position:-635px -49px;
	}
	.clubsunflower #gn-club {
		background-position:-635px -85px;
	}
	
	/*企業情報*/
	#gn-corporate {
		background-position:-750px -13px;
	}
	#gn-corporate:hover,
	.corporate #gn-corporate:hover {
		background-position:-750px -49px;
	}
	.corporate #gn-corporate {
		background-position:-750px -85px;
	}
	/*採用情報*/
	#gn-recruit {
		background-position:-865px -13px;
	}
	#gn-recruit:hover,
	.recruit #gn-recruit:hover {
		background-position:-865px -49px;
	}
	.recruit #gn-recruit {
		background-position:-865px -85px;
	}
	
	#gn-reservation > a, 
	#gn-faq > a, 
	#gn-club > a, 
	#gn-corporate > a,
	#gn-recruit > a {
		width:115px;
		height: 0 !important;
		height /**/: 36px;
		padding: 36px 0 0 0;
		display:block;
		overflow: hidden;
		margin-top:-36px !important;
		font-size:9px;
		cursor: default;
	}

	

/**gNavi pulldown*********************/
	
.gNavi-low {
	overflow: hidden;
	width: 220px;
	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;
	}
	.gNavi-low > ul li:last-child {
		background:none;
		padding:1px 1px 1px 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;
		cursor:pointer;
	}
	.gNavi-low > ul li a:hover {
		background:url(/cmn/img/arrow-b02.gif) 8px 10px no-repeat #e8f1f7;
		text-decoration:none;
		color:#014982;
	}
	.gNavi-low > ul li.arrow-g02 a {
		display:block;
		background:url(/cmn/img/arrow-g02.gif) 8px 10px no-repeat #FFF;
	}
	.gNavi-low > ul li.arrow-g02 a:hover {
		background:url(/cmn/img/arrow-g02.gif) 8px 10px no-repeat #eff8ef;
		color:#018207;
	}
	
	#gn-OsaBep .gNavi-low {
		position: absolute;
		left: 0;
	}
	#gn-KobeOita .gNavi-low {
		position: absolute;
		left: 134px;
	}
	#gn-OsaShibu .gNavi-low {
		position: absolute;
		left: 269px;
	}
	#gn-reservation .gNavi-low {
		position: absolute;
		left: 298px;
	}
	#gn-faq .gNavi-low {
		position: absolute;
		left:413px;
	}
	#gn-club .gNavi-low {
		position: absolute;
		left:528px;
	} 
	#gn-corporate .gNavi-low {
		position: absolute;
		left:643px;
	}
	#gn-recruit .gNavi-low {
		position: absolute;
		right: 0;
	}
	


/**footer**************************/
#footer {
	width:100%;
	background:url(/cmn/img/footer-bg.gif) left top repeat-x;
	padding:3px 0 0 0;
}

/**sitemap**/
#sitemap {
	background:url(/cmn/img/sitemap-bg.gif) left top #6dacdf;
	border-bottom:1px solid #FFF;
}

	#sitemap nav {
		width:980px;
		margin:0 auto;
		text-align:left;
		padding:20px 0 0 0;
		color:#FFF;
	}
	
	#sitemap nav a {
		color:#FFF;
	}
	
	
	#sitemap nav dl {
		width:326px;
		float:left;
	}
	
	#sitemap nav dt {
		font-weight:bold;
		padding:0 0 5px 0;
		border-bottom:1px solid #FFF;
		margin:0 15px 10px 0;
		clear:both;
	}
	
	#sitemap nav dt a {
		display:block;
		background:url(/cmn/img/arrow-w01.gif) left 4px no-repeat;
		padding-left:18px;
	}
	
	#sitemap nav dd ul li {
		margin-top:5px;
		font-size:90%;
		letter-spacing:0;
		line-height:1.3;
		width:160px;
		float:left;
	}
	
	#wrap.sizeL #sitemap nav dd ul li {
		letter-spacing:0.1em;
	}
	
	#sitemap nav dd ul li a {
		display:block;
		background:url(/cmn/img/arrow-w02.gif) left 3px no-repeat;
		padding-left:10px;
	}
	
	#sitemap nav dd ul li.full {
		width:320px;
	}
	
	#sitemap nav p {
		width:311px;
		float:left;
		font-weight:bold;
		padding:0 0 5px 0;
		/*border-bottom:1px solid #FFF;*/
		margin:0 15px 0 0;
	}
	
	#sitemap nav p a {
		display:block;
		background:url(/cmn/img/arrow-w01.gif) left 4px no-repeat;
		padding-left:18px;
	}
	
	#sitemap nav hr {
		clear:both;
		background:url(/cmn/img/sitemap-line.gif) left 25px repeat-x;
		height:30px;
	}
	
	#sitemap nav hr.bgnone {
		clear:both;
		background:none;
		height:20px;
	}

/*fHunetoma*/
#fHunetoma {
	width:100%;
	background:url(/cmn/img/fHunetoma-bg.gif) left top repeat-x;
	height:64px;
	margin-top:-7px;
}

#fHunetoma p {
	width:980px;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
}

/**fNavi**/

#fNavi {
	width:100%;
	background:#efece6;
	padding:25px 0;
}

	#fNavi nav {
		width:980px;
		margin:0 auto;
		text-align:left;
	}
	#fNavi nav ul {
		line-height:0;
	}
	
	#fNavi nav ul li {
		float:left;
		font-size:90%;
		background:url(/cmn/img/arrow-o02.gif) left 2px no-repeat;
		padding:0 20px 0 10px;
		line-height:1em;
	}
	
	#fNavi nav hr {
		clear:both;
		background:url(/cmn/img/fNavi-line.gif) left 25px repeat-x;
		height:30px;
		margin:0 0;
	}

	#copyright {
		margin-top:20px;
		text-align:right;
		font-size:80%;
	}

/**pagetop**************************/
#pagetop {
	position: fixed;
	bottom: 100px;
	right: 50px;
	z-index:1000;	
	display:none;
}

#pagetop a img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5 */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/common/img/pagetop.png", sizingMethod="scale"); /*IE8以下で透過PNGが黒くなる場合の対処法*/
}

#pagetop a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5 */
	-khtml-opacity: 0.5;
}

/**clearfix**************************/
/*clear bothしない*/
.noneclear {
	clear:none !important;
}

.clear {
	clear:both;
}

.cf,
#header,
#hNavi li,
#sizeChanger dl,
#gNavi,
#gNavi .gNavi-low ul,
#cWrap,
#fNavi nav ul {	
	min-height: 1%;
	}
	
.cf:after,
#header:after,
#hNavi li:after,
#sizeChanger dl:after,
#gNavi:after,
#gNavi .gNavi-low ul:after,
#cWrap:after,
#fNavi nav ul:after {
	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
	display: table;
	}

* html .cf,
* html #header,
* html #hNavi li,
* html #sizeChanger dl,
* html #gNavi,
* html #gNavi .gNavi-low ul,
* html #cWrap,
* html #fNavi nav ul { 
	height: 1%;
	}

.cf,
#header,
#hNavi li,
#sizeChanger dl,
#gNavi,
#gNavi .gNavi-low ul,
#cWrap,
#fNavi nav ul { 
	display: block;
	zoom: 1;
	}/**/

/*.cf:before,
.cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}
.cf{
	zoom: 1;
}*/