@charset "UTF-8";
/*
=================================================================== 
base.css
------------------------------------------------------------

■デフォルトリセット
■フォント
■全体
■ヘッダー
■コンテンツ
■フッター

作成日：
作成者：kikuchi
更新日：
更新者：
バージョン： 1.0
会社名：Dynamite Brothers Syndicate
=================================================================== 
*/
/* ---------------------------------------------------------
■デフォルトリセット
--------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0 none;
  border-collapse: collapse;
  color: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  list-style-type: none;
  margin: 0;
  outline: medium none;
  padding: 0;
  table-layout: fixed;
  text-decoration: none;
  vertical-align: baseline;
}

* {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none;
}
html, body {
	width:100%;
	height:100%;
}

html {
	overflow-y:scroll;
}

ul,li {
	list-style-type:none;
}

img {border:none;padding:0;margin:0;}

a {
color:#000000;
}

a img {
	border:none;
}

table,td,th {
	border:none;
	vertical-align:top;
	text-align:left;
	border-collapse:collapse;
	border-spacing:0;
}

	.xLeft { text-align:left !important; }
	.xRight { text-align:right !important; }
	.xCenter { text-align:center !important; }
	.yTop { vertical-align:top !important; }
	.yMiddle { vertical-align:middle !important; }
	.yBottom { vertical-align:bottom !important; }
textarea {font-size:75%;}

/* ---------------------------------------------------------
■フォント
--------------------------------------------------------- */
body {
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@font-face {
  font-family: 'Abel';
}

/* ---------------------------------------------------------
■全体
--------------------------------------------------------- */
.clearfix {
  min-height: 1px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1px;
}

body {
  text-align: center;
}

::selection {
  background: ;
}

::-moz-selection {
  background: ;
}

.clearfix:after {
content: '';
display: block;
clear: both;
}

.hov {
	position: relative;
	display: inline-block; /display: inline; /zoom: 1;
	line-height: 0; }

.hov .hovOn {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
	z-index: 1; }

/* ---------------------------------------------------------
■parameters
--------------------------------------------------------- */

.mB10 {margin-bottom: 10px !important;}
.mB15 {margin-bottom: 15px !important;}
.m50{margin: 50px;}
.mB30{margin-bottom:30px;}
.mL_n10{margin-left:-10px;}
.mL_n50{margin-left:-50px;}
.fs12 {font-size:75%;}

.sliderTop{
	top:0 !important;
}

.sliderTop li{
	float:left;
}
/* ---------------------------------------------------------
■contents
--------------------------------------------------------- */
#contents {
width:1280px;
margin:0 auto;
}

#header {
position:relative;
}

.topLogoSpace {
text-align:left;
position:absolute;
top:0;
left:0;
_right:0px;
z-index:999;
}

.btn_above_back {
position:absolute;
z-index:999;
/*top:50px;*/
top: 53px;
right:40px;
}

.sliderNav {
position:relative;
}

.sliderNav {
position:absolute;
bottom: 37px;
right:29px;
z-index:9999;
}

.sliderNav li{
vertical-align:middle;
display:inline-block;
*zoom:1;
*display:inline;
text-align:center;
}

.ttl_section {
margin-bottom:30px;
}

.liveTxt {
line-height:26px;
font-size:94%;
width:475px;
}

#why ul {
margin:0 auto;
width:720px;
line-height:26px;
font-size:94%;
}

#what, #hotel, #store, #food {
width:100%;
line-height:0;
}

.whatTxt {
width:550px;
}

#what ul li{
vertical-align:middle;
display:inline-block;
*zoom:1;
*display:inline;
text-align:center;
}

#upperHotel {
line-height:0;
}

#hotel{
position:relative;
}

#hotel ul, #store ul, #food ul{
*height:550px;
line-height:0;
}

#hotel ul li{
vertical-align:middle;
display:inline-block;
*zoom:1;
*display:inline;
text-align:center;
}


#hotel ul li p{
margin-bottom:20px;
}

.txt_area  {
width:636px;
/width:640px;
line-height: 1.8em;
font-size:82%;
}

*+html .txt_hotel { width:640px; }

:root *> .txt_hotel { width:635px; }

:root *> .txt_area { width:635px; }

.txt_hotel, x:-moz-any-link  { width:635px; }

#upperHotel {
cursor: pointer;
position:relative;
}

.text_hoteleMain{
	position:absolute;
	top:0;
	left:0;
}

#store ul li{
vertical-align:middle;
display:inline-block;
*display:inline;
*zoom:1;
text-align:center;
}

#store ul li img{
border:none;
padding:0;
line-height: 0;
font-size:0;
}

#store ul li p{
margin-bottom:20px;
}

.txt_store, x:-moz-any-link  { width:635px; }

*+html .txt_store {
width:640px;
}

:root *> .txt_store {
width:635px;
}

.txt_hotleMain {
position:absolute;
top:0;
left:0;
z-index:999;
}

.basePosition_h {
position:relative;
cursor: pointer;
height:550px;
line-height:0;
font-size:0;
}


/*マウスホバー時*/
.fn_fade_h,.fn_fade_s,.fn_fade {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:none;
font-size:15px;
line-height:26px;
background:url('../img/common/bg-blk.png') repeat;
color:#FFFFFF;
font-weight:normal;
z-index:999;
}


.basePosition_s {
position:relative;
cursor: pointer;
line-height:0;
font-size:0;
}



#contact {
position:relative;
}

#icon_contact {
position:absolute;
top:210px;
left:490px;
_right:-122px;
text-align:center;
}

.contactNote {
text-align:center;
font-size:13px;
line-height:20px;
position:absolute;
bottom:30px;
_top:630px;
left:352px;
_right:-180px;
color:#ffffff;
z-index:999;
background:url('../img/common/bg-blk.png') repeat;
padding:15px 45px;
}

#bottomLogo {
text-align:center;
}

#bottomLogo img{
margin-top:35px;
margin-bottom:35px;
}

.slider {
z-index:0;
overflow:hidden;
line-height:0;
font-size:0;
}

.slider li{
line-height:0;
float:left;
}

#why {
margin-top:104px;
margin-bottom:104px;
}

#food ul li{
vertical-align:middle;
display:inline-block;
text-align:center;
*display:inline;
*zoom:1;
}

#food ul li img{
border:none;
padding:0;
line-height: 0;
font-size:0;
}


/* ---------------------------------------------------------
■Footer
--------------------------------------------------------- */

#footer {
background:#191919;
padding:30px 0 0;
min-width:1280px;
}

#footer a {
text-decoration:underline;
color:#ffffff;
padding-bottom:1px;
}

#footer .upper {
padding:0 0 30px;
}

#footer .upper,
#footer .pad {
width:1180px;
margin:0 auto;
}

#footer .upper .area {
float:left;
font-size: 63%;
word-wrap:break-word;
}

#footer .area {
font-size: 75%;
}

#footer .area1 {
padding-right:60px;
}

#footer .upper .area table {
width:560px;
}

#footer .upper .area table th {
color:#ffffff;
font-weight:bold;
white-space:nowrap;
padding:2px 10px 0 0;
vertical-align: top;
width: 70px;
}

#footer .upper .area table td {
padding:0 0 4px;
}

#footer .upper .area table td ul {
}

#footer .upper .area table td ul li {
float:left;
margin:0 15px 3px 0;
white-space:nowrap;
}

#footer .middle {
padding:12px 0 5px;
}

#footer .middle table {
}
					
#footer .middle table th {
color:#ffffff;
font-weight:bold;
white-space:nowrap;
padding:0 20px 0 0;
width: 150px;
}
						
#footer .middle table td {
padding:0 0 4px;
}
						
#footer .middle table td ul {
}
							
#footer .middle table td ul li {
float:left;
margin:0 8px 3px 0;
white-space:nowrap;
}
								
#footer .middle table td ul li:before {
color:#ffffff;
content:"|";
float:left;
margin:0 9px 0 0;
}
								
#footer .middle table td ul li:first-child:before {
content:"";
float:none;
margin:0;
}
								
#footer .lower {
padding:11px 0;
font-size:75%;
}
			
#footer .lower ul {
}
				
#footer .lower ul li {
float:left;
margin:0 8px 0 0;
}
					
#footer .lower ul li:before {
color:#ffffff;
content:"|";
float:left;
margin:0 9px 0 0;
}
					
#footer .lower ul li:first-child:before {
content:"";
float:none;
margin:0;
}
					
#footer .lower p {
color:#ffffff;
text-align:left;
margin:0 0 -2px;
padding:30px 0 30px;
}