@charset "utf-8";

/*==========================================
 body
===========================================*/
html {
  background: #060816;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #0C102D;
  line-height: 1.6;
/*  font:14px/1 'Lucida Grande', Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3', sans-serif;*/
  font:14px/1  Arial,Verdana,sans-serif;
  color: #333;
}
body { -webkit-text-size-adjust: none; }

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* link */
a { outline: none; text-decoration: none; }
a:link    { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: underline; }
a:hover   { color: #666; text-decoration: underline; }
a:active  { color: #666; text-decoration: underline; }


p {
  margin: 0 0 1em;
  font-size: 108%;
}


/* common */
.bold { font-weight: bold; }

.red { color: #d30000; }
.blue { color: #4388ae; }
.pink { color: #EB7F7F; }
.white { color: #fff; }

.big { font-size: 14px; }
.small { font-size: 10px; }
.note { font-size: 82%; }
.snote { font-size: 50%; }

.error { font-weight: bold; color: #FF0000; }

.Fleft { float: left; }
.Fright { float: right; }
.Tright { text-align: right !important; }
.Tcenter { text-align: center !important; }

.columnBlock01 { float: left; }
.columnBlock02 { float: right; }

/* overlay */
#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 11000;
  display: none;
  background: rgba(0,0,0,0.8);
}

/*==========================================
 ベースレイアウト
===========================================*/
#wrap_top {
  width: 980px;
  margin: 0 auto;
}
#wrap {
  width: 1024px;
  margin: 15px auto;
  background: #fff;
}
#main {
  width: 980px;
  margin: 45px auto;
}
#mainLeft {
  float: left;
  width: 980px;
}
#mainRight {
  float: right;
}


/*==========================================
 ヘッダーのスタイル
===========================================*/
header {
  width: 100%;
  background: #fff;
  border-top: solid 4px #002663;
}
header #header {
  position: relative;
  z-index: 1000;
  width: 980px;
  height: 75px;
  margin: 0 auto;
}
header #header h1 {
  position: absolute;
  left: 5px;
  top: 25px;
}
header #header h2 {
  position: absolute;
  width: 216px;
  height: 130px;
  left: 0;
  top: 80px;
}
header #header h2 a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* グローバルナビゲーション */
header #grNavi {
  width: 100%;
  height: 80px;
/*  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B03D15), color-stop(0.00, #CD4618));
  background: -webkit-linear-gradient(#CD4618, #B03D15);
  background: -moz-linear-gradient(#CD4618, #B03D15);
  background: -ms-linear-gradient(#CD4618, #B03D15);
  background: linear-gradient(#CD4618, #B03D15);*/
}
header #grNavi #grNaviBox {
  position: relative;
  width: 980px;
  height: 75px;
  margin: 0 auto;
}
header #grNavi #grNaviBox #naviActive,
header #grNavi #grNaviBox #naviActive_ct {
  position: absolute;
  height: 5px;
  top: 75px;
}
body#info header #grNavi #grNaviBox #naviActive { width: 207px; left: 218px; background-color: #fff; }
body#bath header #grNavi #grNaviBox #naviActive { width: 108px; left: 435px; background-color: #fff; }
body#meal header #grNavi #grNaviBox #naviActive { width: 121px; left: 553px; background-color: #fff; }
body#relax header #grNavi #grNaviBox #naviActive { width: 132px; left: 684px; background-color: #fff; }
body#floormap header #grNavi #grNaviBox #naviActive { width: 149px; left: 826px; background-color: #fff; }

header #grNavi #grNaviBox ul {
  width: 767px;
  margin: 0 0 0 213px;
}
header #grNavi #grNaviBox ul li {
  float: left;
  height: 75px;
  background: url("../img/header_navi.png") 0 0 no-repeat;
  text-indent: -9999px;
}
header #grNavi #grNaviBox ul li:hover {
  background: url("../img/header_navi_ov.png") 0 0 no-repeat;
}
/* 英語 */
header #grNavi #grNaviBox ul.lang_en li {
  background: url("../img/header_navi_en.png") 0 0 no-repeat;
}
header #grNavi #grNaviBox ul.lang_en li:hover {
  background: url("../img/header_navi_en_ov.png") 0 0 no-repeat;
}
/* 簡体 */
header #grNavi #grNaviBox ul.lang_cn li {
  background: url("../img/header_navi_cn.png") 0 0 no-repeat;
}
header #grNavi #grNaviBox ul.lang_cn li:hover {
  background: url("../img/header_navi_cn_ov.png") 0 0 no-repeat;
}
/* 繁体 */
header #grNavi #grNaviBox ul.lang_ct li {
  background: url("../img/header_navi_ct.png") 0 0 no-repeat;
}
header #grNavi #grNaviBox ul.lang_ct li:hover {
  background: url("../img/header_navi_ct_ov.png") 0 0 no-repeat;
}
/* 韓国 */
header #grNavi #grNaviBox ul.lang_ko li {
  background: url("../img/header_navi_ko.png") 0 0 no-repeat;
}
header #grNavi #grNaviBox ul.lang_ko li:hover {
  background: url("../img/header_navi_ko_ov.png") 0 0 no-repeat;
}
header #grNavi #grNaviBox ul li a {
  height: 75px;
  display: block;
}
header #grNavi #grNaviBox ul li#navi01 { width: 217px; }
header #grNavi #grNaviBox ul li#navi02 { width: 118px; background-position: -217px 0px; }
header #grNavi #grNaviBox ul li#navi03 { width: 131px; background-position: -335px 0px; }
header #grNavi #grNaviBox ul li#navi04 { width: 142px; background-position: -466px 0px; }
header #grNavi #grNaviBox ul li#navi05 { width: 159px; background-position: -608px 0px; }

header #grNaviBar {a
  width: 100%;
  height: 5px;
  background-color: rgba(0,0,0,0.8);
}

header #langNavi {
  position: absolute;
  height: 40px;
  right: 0;
  top: 35px;
}
header #langNavi ul {
}
header #langNavi ul li {
  float: left;
  height: 26px;
  padding: 14px 15px 0;
  background: #fff;
}
/*header #langNavi ul li.active {
  background: #CD4618;
}*/
header #langNavi ul li.active a {
  color: #fff;
  font-weight: bold;
}


/*==========================================
 SNSバナー
===========================================*/
#snsBana {
  width: 567px;
  margin: 0 auto;
  padding: 30px 0;
}
#snsBana ul {
  width: 100%;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
}
#snsBana ul li {
  width: 267px;
}
#snsBana ul li img {
  width: 100%;
  height: auto;
}

/*==========================================
 フッターのスタイル
===========================================*/
footer {
  background: #0C102D;
  border-top: solid 1px #252842;
}
footer #f_navi {
  width: 980px;
  height: 30px;
  margin: 0 auto;
}
footer #f_navi ul {
  margin: 16px 0 0;
}
footer #f_navi ul li {
  float: left;
  margin: 0 23px 0 0;
}
footer #f_navi ul li a {
  padding: 0 0 0 15px;
  background: url(../img/footer_icon.png) 0 4px no-repeat;
  color: #fff;
}
footer #f_address {
  padding: 20px 0 30px;
  background: #060816;
}
footer #f_address .f_addressInner {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
footer #f_address .f_addressInner h2 {
  margin: 0 0 10px;
  font-size: 16px;
  color: #fff;
}
footer #f_address .f_addressInner address {
  margin: 0 0 10px;
  color: #fff;
}
footer #f_address .f_addressInner small {
  font-size: 11px;
  color: #fff;
}
footer .f_addressInner #f_takao_logo {
  position: absolute;
  top: 0;
  right: 0;
}