@charset "utf-8";
@import "reset-min.css";
/* 美しい */

/*
 * commons -------------------------------------------------------------------
 */

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.clearfix {
  min-height:1px;
}
* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}

html {
  height:100%;
  overflow-y:scroll;
}
body {
  min-height:100%;
  font:normal normal normal 12px Georgia,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  background:url("../img/sandback.jpg");
}
a {
  outline:none;
}
a:link, a:visited {
  color:#0089c8;
}
a:active, a:hover {
  color:#ff9900;
}
p, ul, ol, dl {
  margin:1.8em 0;
  line-height:1.8em;
}
li, dd {
  margin-left:2.4em;
}
ul li {
  list-style:disc;
}
ol li {
  list-style:decimal;
}
strong, b {
  font-weight:bold;
}
em, i {
  font-style:italic;
}
br.clear {
  clear:both;
  line-height:0;
  height:0;
}
sup {
  font-size:.8em;
  vertical-align:super;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
.nowrap {
  white-space:nowrap;
}
.topmargin-none {
  margin-top:0;
}
.bottommargin-none {
  margin-bottom:0;
}
#container {
  position:relative;
  width:900px;
  margin:0 auto;
}

/*
 * header -------------------------------------------------------------------
 */

#header {
  width:900px;
  height:155px;
  background:url("../img/footprints.gif") no-repeat;
}
#header-inner {
  width:900px;
  height:95px;
}
#header-content {
  width:330px;
  height:85px;
  padding:5px 0 0 170px;
  line-height:12px;
  background:url("../img/header_logo.png") no-repeat;
  float:left;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/header_logo.png');
}
h1#header-name, h2#header-description {
  display:inline;
  font-family:'MS UI Gothic';
  font-size:10px;
  color:#aaaaaa;
}
h1#header-name a {
  color:#aaaaaa;
  text-decoration:none;
}
#header-subwrap {
  width:400px;
  float:right;
}
#header-reserve-wrap {
  width:400px;
  height:78px;
}
#header-reserve {
  width:250px;
  height:33px;
  margin:0 0 0 145px;
  background:url("../img/header_reserve.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/header_reserve.png');
}
#header-reserve a {
  display:block;
  width:250px;
  height:33px;
  text-indent:-9999px;
}
#header-phone {
  width:250px;
  height:28px;
  margin:0 0 0 145px;
  text-indent:-9999px;
  background:url("../img/header_phone.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/header_phone.png');
}
#header-submenu {
  width:368px;
  height:15px;
  margin:0 0 0 22px;
}
#header-submenu ul {
  width:368px;
  height:15px;
  margin:0;
}
#header-submenu li {
  margin:0;
  list-style:none;
  float:left;
}
#header-submenu li a {
  display:block;
  height:15px;
  text-indent:-9999px;
}
#hsm-staff {
  width:88px;
  background:url("../img/header_submenu.gif") 0 0 no-repeat;
}
#hsm-about {
  width:67px;
  background:url("../img/header_submenu.gif") -88px 0 no-repeat;
}
#hsm-access {
  width:96px;
  background:url("../img/header_submenu.gif") -155px 0 no-repeat;
}
#hsm-privacy {
  width:116px;
  background:url("../img/header_submenu.gif") -251px 0 no-repeat;
}
#header-mainmenu {
  width:900px;
  height:60px;
  background:url("../img/header_menuback.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/header_menuback.png');
}
#header-mainmenu ul {
  margin:0;
  width:880px;
  height:48px;
  padding:5px 10px 7px 10px;
}
#header-mainmenu ul li {
  margin:0;
  list-style:none;
  float:left;
}
#header-mainmenu ul li a {
  display:block;
  position:relative;
  height:48px;
  text-indent:-9999px;
}
#mm-home {
  width:60px;
  padding:0 0 0 24px;
}
#mm-home a:link, #mm-home a:visited {
  background:url("../img/mainmenu.png") -24px 0 no-repeat;
}
#mm-home a:active, #mm-home a:hover {
  background:url("../img/mainmenu.png") -24px -48px no-repeat;
}
#mm-hate {
  width:135px;
  padding:0 0 0 21px;
}
#mm-hate a:link, #mm-hate a:visited {
  background:url("../img/mainmenu.png") -105px 0 no-repeat;
}
#mm-hate a:active, #mm-hate a:hover {
  background:url("../img/mainmenu.png") -105px -48px no-repeat;
}
#mm-dive {
  width:71px;
  padding:0 0 0 20px;
}
#mm-dive a:link, #mm-dive a:visited {
  background:url("../img/mainmenu.png") -260px 0 no-repeat;
}
#mm-dive a:active, #mm-dive a:hover {
  background:url("../img/mainmenu.png") -260px -48px no-repeat;
}
#mm-fish {
  width:76px;
  padding:0 0 0 21px;
}
#mm-fish a:link, #mm-fish a:visited {
  background:url("../img/mainmenu.png") -352px 0 no-repeat;
}
#mm-fish a:active, #mm-fish a:hover {
  background:url("../img/mainmenu.png") -352px -48px no-repeat;
}
#mm-act {
  width:80px;
  padding:0 0 0 21px;
}
#mm-act a:link, #mm-act a:visited {
  background:url("../img/mainmenu.png") -449px 0 no-repeat;
}
#mm-act a:active, #mm-act a:hover {
  background:url("../img/mainmenu.png") -449px -48px no-repeat;
}
#mm-mem {
  width:94px;
  padding:0 0 0 16px;
}
#mm-mem a:link, #mm-mem a:visited {
  background:url("../img/mainmenu.png") -545px 0 no-repeat;
}
#mm-mem a:active, #mm-mem a:hover {
  background:url("../img/mainmenu.png") -545px -48px no-repeat;
}
#mm-info {
  width:66px;
  padding:0 0 0 10px;
}
#mm-info a:link, #mm-info a:visited {
  background:url("../img/mainmenu.png") -649px 0 no-repeat;
}
#mm-info a:active, #mm-info a:hover {
  background:url("../img/mainmenu.png") -649px -48px no-repeat;
}
#mm-link {
  width:53px;
  padding:0 0 0 16px;
}
#mm-link a:link, #mm-link a:visited {
  background:url("../img/mainmenu.png") -731px 0 no-repeat;
}
#mm-link a:active, #mm-link a:hover {
  background:url("../img/mainmenu.png") -731px -48px no-repeat;
}
#mm-blog {
  width:53px;
  padding:0 0 0 22px;
}
#mm-blog a:link, #mm-blog a:visited {
  background:url("../img/mainmenu.png") -806px 0 no-repeat;
}
#mm-blog a:active, #mm-blog a:hover {
  background:url("../img/mainmenu.png") -806px -48px no-repeat;
}

/*
 * content -------------------------------------------------------------------
 */

#title-img {
  text-align:center;
}
#content-inner {
  width:890px;
  padding:0 5px;
}
#alpha {
  width:710px;
  padding:25px 0 0 0;
  background:url("../img/mc_head.gif") no-repeat;
  float:right;
}
#alpha-inner {
  width:710px;
  padding:0 0 25px 0;
  background:url("../img/mc_foot.gif") left bottom no-repeat;
}
#alpha-content {
  padding:1px 25px 1px 30px;
  background:url("../img/mc_body.gif") repeat-y;
}
#alpha-content h3 {
  width:605px;
  height:46px;
  margin:0 0 16px 0;
  padding:16px 0 0 50px;
  font-size:24px;
  background:url("../img/alphah3_back.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/alphah3_back.png');
}
#alpha-content h4 {
  clear:both;
  font-size:large;
  font-weight:bold;
  margin:1.6em 0;
  padding:6px 0 6px 32px;
  background:#ece5dd url("../img/alphah4_star.gif") 4px 3px no-repeat;
  border-top:dashed 1px #aaaaaa;
  border-bottom:dashed 1px #aaaaaa;
}
#alpha-content h5 {
  margin:1.8em 0;
  padding:0 0 0 8px;
  line-height:1.8em;
  font-weight:bold;
  border-left:solid 4px #0089c8;
}
.head-en {
  font-size:small;
  font-weight:normal;
  font-style:italic;
}
table.prices {
}
table.prices th, table.prices td {
  padding:4px 6px;
  border-top:solid 1px #cccccc;
  border-bottom:solid 1px #cccccc;
  background-color:#ffffff;
}
table.prices th {
  font-weight:bold;
  text-align:center;
  background-color:#eeffff;
}
.plan-wrap {
  width:655px;
}
.plan-txt {
  width:440px;
  float:left;
}
#alpha-content .plan-txt h5:first-child {
  margin-top:0;
}
.plan-img {
  width:195px;
  float:right;
}
.time-table {
  margin:1.8em 0;
}
.time-table caption {
  padding:4px 0;
  font-weight:bold;
}
.time-table td {
  padding:4px 6px;
  border-top:solid 1px #cccccc;
  border-bottom:solid 1px #cccccc;
}
.tt-time {
  background-color:#eeffff;
  text-align:center;
}
.tt-do {
  line-height:150%;
  background-color:#ffffff;
}
.tt-do ul {
  margin:0;
  line-height:150%;
}


#beta {
  width:180px;
  float:left;
}
#beta-inner {
}
#submenu-head {
  width:180px;
  padding:25px 0 0 0;
  background:url("../img/sm_head.gif") no-repeat;
}
#submenu-foot {
  width:180px;
  padding:0 0 135px 0;
  background:url("../img/sm_foot.gif") left bottom no-repeat;
}
#submenu-foot ul {
  margin:0;
  padding:0 15px;
  line-height:normal;
  background:url("../img/sm_body.gif") repeat-y;
}
#submenu-foot li {
  margin:0;
  list-style:none;
  border-top:solid 1px #80c4e4;
}
#submenu-foot li:last-child {
  border-bottom:solid 1px #80c4e4;
}
#submenu-foot li a {
  display:block;
  color:#cce7f4;
  padding:4px 0 4px 20px;
  background:url("../img/sm_star.gif") 2px 5px no-repeat;
  text-decoration:none;
}
#submenu-foot li a:hover {
  text-decoration:underline;
  color:#0089c8;
  background-color:#99e0d9;
}
.big-reserve {
  text-align:center;
  padding:18px 0 5px 0;
}
.big-reserve a {
  display:block;
  width:480px;
  height:60px;
  margin:0 auto;
  background:url("../img/btn_reserve_big.png") no-repeat;
  text-indent:-9999px;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/btn_reserve_big.png');
}
.blog-banner {
  width:170px;
  padding:5px;
}

/*
 * footer --------------------------------------------------------------------
 */

#footer-content {
  width:900px;
  height:120px;
}
#footer-menu-wrap {
  width:600px;
  height:100px;
  float:left;
}
#footer-banners {
  width:590px;
  height:61px;
  padding:10px 0 12px 10px;
}
#footer-banners img {
  margin:0 5px;
}
#footer-menu {
  width:590px;
  margin:0 0 0 10px;
  font-size:9px;
  line-height:normal;
  border-left:solid 1px #666666;
}
#footer-menu li {
  display:inline;
  margin:0;
  list-style:none;
  padding:0 4px;
  border-right:solid 1px #666666;
}
#footer-address {
  width:200px;
  padding:10px 0 0 0;
  font-size:10px;
  color:#666666;
  float:left;
}
address {
  font-style:normal;
}
#footer-copyright {
  margin:4px 0 0 0;
  padding:4px 0 0 0;
  border-top:solid 1px #666666;
}
#footer-starfish {
  width:98px;
  height:100px;
  float:right;
  background:url("../img/starfish.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/starfish.png');
}