@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
.footer:after {
  content: "";
  display: table;
  clear: both;
}

body, pre, input, textarea, select {
  color: #333333;
  line-height: 1.7;
  font-size: 13px;
}

a, a:link {
  color: #333333;
}

body {
  background-color: transparent !important;
}

/*楽天設定*/
#htlContents,
#htlMainContent,
#RthCustomizeW,
#RthExcursionArea {
  width: 1200px !important;
  min-width: 0;
  max-width: 1200px;
  margin: 0 auto !important;
}

#htlSide-A {
  position: absolute;
  left: 0px;
  top: 710px;
}

#cus_page {
  width: 950px !important;
  margin-left: 250px;
  margin-right: 0;
}

#trvlHtlSubNav ul {
  margin-bottom: 0 !important;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
.con_header {
  margin: 10px 0 35px;
}
.con_header .box_header .logo {
  width: 390px;
  float: left;
  margin: 35px 25px 45px 0;
}
.con_header .box_header .wrp_contact {
  width: 655px;
  float: left;
  text-align: right;
  margin: 25px 20px 0 0;
}
.con_header .box_header .wrp_contact .telno {
  width: 655px;
  float: left;
  margin: 0 20px 13px 0;
}
.con_header .box_header .btn_rsv {
  float: left;
}

#main_nav {
  width: 100%;
  display: inline-block;
}
#main_nav a:hover {
  opacity: 0.6;
}
#main_nav ul {
  overflow: hidden;
  width: 100%;
  text-align: right;
}
#main_nav ul li {
  display: inline-block;
  background: url("../images/header/bg_sperator_menu.png") no-repeat center left;
  margin-left: 1.3%;
  padding: 2px 0 2px 5%;
}
#main_nav ul li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
#main_nav ul li a {
  text-decoration: none;
  font-size: 16px;
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
.footer {
  width: 100%;
  padding: 20px 0;
  background: #00a19e;
  position: relative;
}
.footer .pgtop {
  position: absolute;
  right: 30px;
  top: -25px;
}
.footer .logo {
  margin-left: 65px;
  width: 270px;
  float: left;
}
.footer .btn_rsv {
  margin: 30px 0 0 65px;
  width: 160px;
  float: left;
}
.footer ul.nav {
  margin: 25px 0 0 65px;
  width: 285px;
  float: left;
  overflow: hidden;
}
.footer ul.nav li {
  margin: 0 0 3px 0;
  width: 130px;
  float: left;
  display: block;
}
.footer ul.nav li a:hover {
  opacity: 0.7;
}

h3.st_md {
  overflow: hidden;
  border-bottom: 1px solid #888888;
  margin-bottom: 30px;
  padding-bottom: 5px;
  font-weight: normal;
}
h3.st_md span.jp {
  font-size: 208%;
  padding-right: 10px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
}
h3.st_md span.en {
  font-family: "Suranna", serif;
  color: #ab8a38;
  font-size: 108%;
}

.con_fbanner {
  border-bottom: 1px solid #cccccc;
}
.con_fbanner a:visited {
  color: #333333 !important;
}
.con_fbanner ul {
  margin: 0 -8px;
  overflow: hidden;
  padding-bottom: 40px;
}
.con_fbanner ul li {
  display: inline-block;
  padding: 0 3px;
}
.con_fbanner ul li a:hover {
  opacity: 0.7;
}
.con_fbanner .page_top {
  text-align: right;
  font-size: 15px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  display: block;
  margin-bottom: 7px;
}
.con_fbanner .page_top:before {
  content: " ";
  width: 12px;
  height: 11px;
  margin-right: 10px;
  display: inline-block;
  background: url(../images/common/ic_arrow_top.png) 0 0 no-repeat;
}