@charset "UTF-8";
.wrap-init, header .sub-hd .inside, header .hdContent .hdWrapper .inside, #container .inside, footer .ftContent {
  text-align: left;
  margin: 0 auto;
  width: 970px;
}

/*
@mixin inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
*/
/*================================================================================
	Reset (normalize)
================================================================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

a:link, a:visited {
  color: #345DAA;
}

a:hover, a:active {
  color: #718DC3;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol, ul li, ol li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

/*table { border-collapse: collapse; border-spacing: 0; }*/
td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

div, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

/*--------------------------------------
	Default Settings
--------------------------------------*/
body {
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  display: block;
  margin: 0;
  padding: 0;
}

/*================================================================================
	Modules
================================================================================*/
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, #secondary .btnPagetopInner:before, header .sub-hd .inside:before, header .sub-hd .subNav:before, #container .inside:before, #container .mainColumn:before, #container .mainColumn .titleBox:before, footer .ftContent:before, footer .ftContent .siteLinkBox .linkList:before, #top #container .leftColumn .newsBox .title:before, #top #container .leftColumn .newsBox #facebook li:before, #top #container .rightColumn .openingBox .schedule li:before, .gerandePage .gerandeList:before, .gerandePage .parkPeple:before, .facilityPage .facilityBox:before, .facilityPage .rentalBox:before, .schoolPage .schoolBox:before, .schoolPage .contactBox:before, .schoolPage .crepeBox:before, .schoolPage .phBox:before, .schoolPage .kidsBox:before, .schoolPage .kidsLessonBox:before, .liftPage .btnBox:before, .accessPage .rootBox:before, .accessPage .btnBox:before, .accessPage .busMapBox:before, .secondPage .titleBox:before, .secondPage .btnSafetyBox:before, .secondPage .sitemapBox:before, .clearfix:after, #secondary .btnPagetopInner:after, header .sub-hd .inside:after, header .sub-hd .subNav:after, #container .inside:after, #container .mainColumn:after, #container .mainColumn .titleBox:after, footer .ftContent:after, footer .ftContent .siteLinkBox .linkList:after, #top #container .leftColumn .newsBox .title:after, #top #container .leftColumn .newsBox #facebook li:after, #top #container .rightColumn .openingBox .schedule li:after, .gerandePage .gerandeList:after, .gerandePage .parkPeple:after, .facilityPage .facilityBox:after, .facilityPage .rentalBox:after, .schoolPage .schoolBox:after, .schoolPage .contactBox:after, .schoolPage .crepeBox:after, .schoolPage .phBox:after, .schoolPage .kidsBox:after, .schoolPage .kidsLessonBox:after, .liftPage .btnBox:after, .accessPage .rootBox:after, .accessPage .btnBox:after, .accessPage .busMapBox:after, .secondPage .titleBox:after, .secondPage .btnSafetyBox:after, .secondPage .sitemapBox:after {
  content: "";
  display: table;
}

.clearfix:after, #secondary .btnPagetopInner:after, header .sub-hd .inside:after, header .sub-hd .subNav:after, #container .inside:after, #container .mainColumn:after, #container .mainColumn .titleBox:after, footer .ftContent:after, footer .ftContent .siteLinkBox .linkList:after, #top #container .leftColumn .newsBox .title:after, #top #container .leftColumn .newsBox #facebook li:after, #top #container .rightColumn .openingBox .schedule li:after, .gerandePage .gerandeList:after, .gerandePage .parkPeple:after, .facilityPage .facilityBox:after, .facilityPage .rentalBox:after, .schoolPage .schoolBox:after, .schoolPage .contactBox:after, .schoolPage .crepeBox:after, .schoolPage .phBox:after, .schoolPage .kidsBox:after, .schoolPage .kidsLessonBox:after, .liftPage .btnBox:after, .accessPage .rootBox:after, .accessPage .btnBox:after, .accessPage .busMapBox:after, .secondPage .titleBox:after, .secondPage .btnSafetyBox:after, .secondPage .sitemapBox:after {
  clear: both;
}

.clearfix, #secondary .btnPagetopInner, header .sub-hd .inside, header .sub-hd .subNav, #container .inside, #container .mainColumn, #container .mainColumn .titleBox, footer .ftContent, footer .ftContent .siteLinkBox .linkList, #top #container .leftColumn .newsBox .title, #top #container .leftColumn .newsBox #facebook li, #top #container .rightColumn .openingBox .schedule li, .gerandePage .gerandeList, .gerandePage .parkPeple, .facilityPage .facilityBox, .facilityPage .rentalBox, .schoolPage .schoolBox, .schoolPage .contactBox, .schoolPage .crepeBox, .schoolPage .phBox, .schoolPage .kidsBox, .schoolPage .kidsLessonBox, .liftPage .btnBox, .accessPage .rootBox, .accessPage .btnBox, .accessPage .busMapBox, .secondPage .titleBox, .secondPage .btnSafetyBox, .secondPage .sitemapBox {
  *zoom: 1;
}

.colorBrown {
  color: #703C1D;
}

.size10-fix {
  font-size: 10px;
  line-height: 1.5;
}

.tableStyle01 table {
  background-color: #345DAA;
  margin-bottom: 20px;
}

.tableStyle01 th {
  padding: 4px;
  background-color: #D6DFEE;
  color: #345DAA;
  font-weight: bold;
  border-top: #FFF solid 1px;
  border-left: #FFF solid 1px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.5;
}

.tableStyle01 td {
  padding: 4px;
  background-color: #FFFFFF;
  font-size: 12px;
  line-height: 1.5;
}

.tCenter {
  text-align: center !important;
}

.colorRed {
  color: #D83535;
}

.colorBrown {
  color: #822727;
}

.clear {
  clear: both;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

/*================================================================================
	Base Formats
================================================================================*/
/*--------------------------------------
	init
--------------------------------------*/
body {
  background: url(../img/bg_body.gif) 0 0 repeat;
}

#pagetopTarget {
  position: absolute;
  left: 0;
  top: 0;
}

#top #mainVisual {
  height: 552px;
  position: relative;
  text-align: center;
}
#top #mainVisual .infoContainer {
  position: relative;
  width: 970px;
  margin: 0 auto;
}
#top #mainVisual #swfContainer {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
}
#top #mainVisual #btnInfoOpen {
  position: absolute;
  left: 700px;
  top: 60px;
  z-index: 110;
  display: none;
}
#top #mainVisual #topInfo {
  position: absolute;
  z-index: 100;
  left: 700px;
  top: 60px;
  width: 260px;
  height: 430px;
}
#top #mainVisual #isVisible {
  position: relative;
}
#top #mainVisual #btnInfoClose {
  position: absolute;
  left: 188px;
  top: 406px;
}
#top #wrapper {
  height: 690px;
}
#top .inside {
  margin-bottom: 0 !important;
}

#secondary #mainVisual {
  text-align: center;
  background: url(../img/bg_mainVisual.gif) 0 0 repeat-x;
}
#secondary #mainVisual h2 {
  width: 970px;
  margin: 0 auto;
  text-align: left;
  padding-left: 10px;
  padding-top: 100px;
}
#secondary #shadowBg {
  height: 239px;
  background: url(../img/bg_main_shadow.png) 0 100% repeat-x;
}
#secondary #wrapper {
  height: 385px;
}
#secondary .btnPagetopInner p {
  float: right;
}

/*---- jScrollPane Style ----*/
.jspTrack,
.jspVerticalBar {
  width: 13px !important;
  background-color: #EAEEF6 !important;
}

.jspDrag {
  background-color: #345DAA;
}

.jspDragTop {
  background-color: #345DAA;
  height: 10px;
}

/*--------------------------------------
	Header
--------------------------------------*/
header {
  display: block;
  width: 100%;
  color: #FFF;
  font-size: 10px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
header .sub-hd {
  background-color: #345DAA;
  width: 100%;
  text-align: center;
  height: 30px;
}
header .sub-hd .inside {
  padding-top: 5px;
}
header .sub-hd .lead {
  width: 400px;
  float: left;
  font-weight: bold;
  margin-left: 10px;
}
header .sub-hd .subNav {
  width: 330px;
  float: right;
  margin-right: 10px;
}
header .sub-hd .subNav .snsBox {
  display: block;
  width: 128px;
  float: left;
}
header .sub-hd .subNav .snsBox li {
  float: left;
}
header .sub-hd .subNav .language {
  width:180px;
  float: right;
}
header .sub-hd .subNav .language li {
  float: left;
  padding-left: 12px;
  margin-left: 8px;
  background: url(../img/icon_arrow02.gif) 0 4px no-repeat;
}
header .hdContent {
  width: 100%;
  background: url(../img/bg_header.png) 0 0 repeat-x;
}
header .hdContent .hdWrapper {
  width: 100%;
  text-align: center;
  background: url(../img/bg_header_curve.png) 50% 0 no-repeat;
}
header .hdContent .hdWrapper .inside {
  height: 127px;
  position: relative;
}
header .hdContent .hdWrapper h1 {
  position: absolute;
  left: 10px;
  top: 20px;
}
header .hdContent .hdWrapper .lead {
  position: absolute;
  left: 170px;
  top: 20px;
}
header .hdContent .hdWrapper .siteNav {
  width: 339px;
  left: 621px;
  top: 0;
  position: absolute;
}
header .hdContent .hdWrapper .siteNav li {
  float: left;
  margin-left: 5px;
}
header .hdContent .hdWrapper #globalNav {
  top: 79px;
  left: 10px;
  position: absolute;
}
header .hdContent .hdWrapper #globalNav li {
  float: left;
}
header a:link, header a:visited {
  color: #FFF;
  text-decoration: none;
}
header a:hover, header a:active {
  color: #5D7DBB;
  text-decoration: underline;
}

/*--------------------------------------
	Main Visual
--------------------------------------*/
#mainVisual {
  width: 100%;
  position: absolute;
  left: 0;
  top: 122px;
  z-index: 0;
  background-color: #b2e7ff;
  /*background: url(#{$img_path}top/img_mainvisual_sample.jpg) 50% 0 repeat-x;*/
}

/*--------------------------------------
	Main Content
--------------------------------------*/
#container {
  text-align: center;
}
#container .inside {
  margin-bottom: 30px;
}
#container .mainColumn {
  width: 680px;
  float: left;
}
#container .mainColumn .titleBox {
  height: 67px;
  padding-left: 10px;
  background: url(../img/bg_contents_top.gif) 0 0 no-repeat;
}
#container .mainColumn .titleBox li {
  float: left;
  margin-right: 10px;
}
#container .mainColumn .mainBox {
  background: url(../img/bg_contents_middle.gif) 0 0 repeat-y;
}
#container .mainColumn .mainBox .inner {
  width: 610px;
  margin-left: 35px;
  padding-bottom: 15px;
  padding-top: 15px;
  background: url(../img/bar_dot01.gif) 0 100% repeat-x;
}
#container .mainColumn .mainBox .inner h3 {
  margin-bottom: 15px;
}
#container .mainColumn .mainBox .noneBorder {
  background: none;
}
#container .mainColumn .contentBottom {
  clear: both;
  font-size: 10px;
  line-height: 10px;
}
#container .sideColumn {
  width: 270px;
  float: right;
}
#container .sideColumn .nornInfoBox {
  margin-bottom: 20px;
}
#container .sideColumn .openingBox {
  margin-bottom: 20px;
  background: url(../img/side_bg_opening_top.gif) 0 0 no-repeat;
}
#container .sideColumn .openingBox .title {
  margin: 0 0 0 48px;
  height: 75px;
}
#container .sideColumn .openingBox .title span {
  display: block;
  padding-top: 18px;
}
#container .sideColumn .openingBox .inner {
  padding-bottom: 20px;
  background: url(../img/side_bg_opening_bottom.gif) 0 100% no-repeat;
}
#container .sideColumn .openingBox .inner ul {
  width: 210px;
  margin-left: 17px;
}
#container .sideColumn .openingBox .inner li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: url(../img/bar_dot01.gif) 0 100% repeat-x;
}
#container .sideColumn .openingBox .inner li span {
  font-weight: bold;
  font-size: 14px;
  color: #345DAA;
  display: block;
}
#container .sideColumn .openingBox .inner li.noneBorder {
  background: none;
  margin-bottom: 0;
}
#container .sideColumn .liveCameraBox {
  height: 298px;
  margin-bottom: 30px;
  background: url(../img/side_bg_livecamera.gif) 0 0 no-repeat;
}
#container .sideColumn .liveCameraBox .title {
  margin: 0 0 38px 31px;
  padding-top: 11px;
}
#container .sideColumn .liveCameraBox .inner {
  margin-left: 18px;
  width: 210px;
}
#container .sideColumn .liveCameraBox .cameraImg {
  margin-bottom: 10px;
}
#container .sideColumn .sideBannerBox li {
  margin-bottom: 10px;
}

/*--------------------------------------
	Footer
--------------------------------------*/
footer {
  display: block;
  text-align: center;
}
footer .ftContent {
  position: relative;
  height: 324px;
  margin: 0 auto;
  font-size: 10px;
  background: url(../img/bg_footer.gif) 0 0 no-repeat;
}
footer .ftContent .btnPagetop {
  position: absolute;
  left: 950px;
  top: 12px;
}
footer .ftContent .siteLinkBox {
  width: 440px;
  float: left;
  margin-left: 45px;
  margin-right: 20px;
  margin-top: 35px;
  border-right: #345DAA solid 3px;
}
footer .ftContent .siteLinkBox .linkList {
  margin-bottom: 10px;
}
footer .ftContent .siteLinkBox ul {
  width: 145px;
  float: left;
}
footer .ftContent .siteLinkBox ul li {
  padding-left: 14px;
  margin-bottom: 1px;
  background: url(../img/icon_arrow01.gif) 0 3px no-repeat;
}
footer .ftContent .siteLinkBox .qr {
  width: 65px;
  float: left;
  margin-right: 10px;
}
footer .ftContent .siteLinkBox .address {
  color: #345DAA;
  padding-top: 5px;
}
footer .ftContent .siteNav {
  width: 180px;
  float: left;
  margin-right: 20px;
  margin-top: 35px;
  border-right: #345DAA solid 3px;
}
footer .ftContent .siteNav li {
  margin-bottom: 10px;
}
footer .ftContent .siteNav li.last {
  margin: 0;
}
footer .ftContent .bannerBox {
  width: 205px;
  float: left;
  margin-top: 35px;
}
footer .ftContent .bannerBox li {
  margin-bottom: 15px;
}
footer .ftBottom {
  background-color: #334566;
  text-align: center;
  color: #FFF;
  font-size: 10px;
  padding-top: 15px;
  padding-bottom: 40px;
}
footer a:link, footer a:visited {
  color: #345DAA;
  text-decoration: none;
}
footer a:hover, footer a:active {
  color: #718DC3;
  text-decoration: underline;
}

/*================================================================================
	Layout Formats
================================================================================*/
/*--------------------------------------
	Top
--------------------------------------*/
#top #container .leftColumn {
  width: 563px;
  float: left;
}
#top #container .leftColumn .newsBox {
  margin-bottom: 20px;
  margin-top: 38px;
  height: 334px;
  background: url(../../img/top/bg_news.gif) 0 0 no-repeat;
}
#top #container .leftColumn .newsBox .title {
  margin-bottom: 30px;
}
#top #container .leftColumn .newsBox h3 {
  margin: 0 0 0 30px;
  padding-top: 32px;
  width: 132px;
  float: left;
}
#top #container .leftColumn .newsBox .button {
  float: right;
  width: 162px;
  margin-right: 40px;
  padding-top: 37px;
}
#top #container .leftColumn .newsBox #facebook {
  width: 480px;
  height: 190px;
  overflow: auto;
  margin-left: 43px;
}
#top #container .leftColumn .newsBox #facebook #importBox {
  width: 450px;
}
#top #container .leftColumn .newsBox #facebook li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: url(../img/bar_dot01.gif) 0 100% repeat-x;
}
#top #container .leftColumn .newsBox #facebook li span {
  font-weight: bold;
  color: #345DAA;
}
#top #container .leftColumn .newsBox #facebook li img {
  /*float:right;*/
}
#top #container .leftColumn .eventBox {
  margin-bottom: 20px;
  height: 389px;
  background: url(../../img/top/bg_event.gif) 0 0 no-repeat;
}
#top #container .leftColumn .eventBox h3 {
  margin: 0 0 30px 40px;
  padding-top: 33px;
}
#top #container .leftColumn .eventBox .calender {
  margin-left: 33px;
}
#top #container .rightColumn {
  width: 382px;
  float: right;
}
#top #container .rightColumn .openingBox {
  margin-bottom: 20px;
  height: 354px;
  background: url(../../img/top/bg_opening.gif) 0 0 no-repeat;
}
#top #container .rightColumn .openingBox h3 {
  margin: 0 0 40px 50px;
  padding-top: 70px;
}
#top #container .rightColumn .openingBox .schedule {
  width: 300px;
  margin-left: 33px;
}
#top #container .rightColumn .openingBox .schedule li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  background: url(../img/bar_dot01.gif) 0 100% repeat-x;
}
#top #container .rightColumn .openingBox .schedule li .boxL {
  float: left;
  width: 150px;
}
#top #container .rightColumn .openingBox .schedule li .boxR {
  float: right;
  width: 140px;
}
#top #container .rightColumn .openingBox .schedule li span {
  font-weight: bold;
  font-size: 14px;
  color: #345DAA;
}
#top #container .rightColumn .openingBox .schedule li.noneBorder {
  background: none;
}
#top #container .rightColumn .cameraBox {
  margin-bottom: 20px;
  height: 406px;
  background: url(../../img/top/bg_livecamera.gif) 0 0 no-repeat;
}
#top #container .rightColumn .cameraBox h3 {
  margin: 0 0 50px 23px;
  padding-top: 14px;
}
#top #container .rightColumn .cameraBox .cameraImg {
  margin-left: 23px;
  margin-bottom: 15px;
}
#top #container .rightColumn .cameraBox .button {
  margin-left: 23px;
}
#top #container .bannerBox {
  width: 950px;
  height: 106px;
  margin-left: 10px;
  margin-bottom: 35px;
  position: relative;
  background: url(../../img/top/bg_banner.gif) 0 0 no-repeat;
}
#top #container .bannerBox .btnBack {
  position: absolute;
  left: 0;
  top: 0;
}
#top #container .bannerBox .btnNext {
  position: absolute;
  left: 927px;
  top: 0;
}
#top #container .bannerBox .slideWrapper {
  position: relative;
  width: 860px;
  height: 106px;
  overflow: hidden;
  margin-left: 45px;
}
#top #container .bannerBox .slider {
  position: absolute;
  width: 900px;
  height: 71px;
  left: 0;
  top: 19px;
}
#top #container .bannerBox .slider a {
  width: 205px;
  height: 71px;
  position: absolute;
  top: 0;
  left: 868px;
}
#top #container .bannerBox .slider img {
  float: left;
  /*margin:10px 10px 0 10px;*/
  /*margin-right:12px;*/
}

/*--------------------------------------
	Gerande Guide
--------------------------------------*/
.gerandePage .mainTitle {
  height: 239px;
  background: url(../../img/gerande/bg_main.png) 50% 0 no-repeat;
}
.gerandePage .gerandeList {
  margin-bottom: 20px;
}
.gerandePage .gerandeList .boxL {
  width: 295px;
  float: left;
}
.gerandePage .gerandeList .boxR {
  width: 295px;
  float: right;
}
.gerandePage .gerandeList h4 {
  margin-bottom: 10px;
}
.gerandePage .gerandeList h4.blue {
  font-weight: bold;
  color: #345DAA;
  margin-bottom: 5px;
}
.gerandePage .gerandeList .ph {
  margin-bottom: 10px;
}
.gerandePage .parkPeple {
  margin-left: 10px;
  margin-bottom: 20px;
}
.gerandePage .parkPeple li {
  width: 200px;
  float: left;
  font-size: 10px;
  text-align: center;
}

/*--------------------------------------
	Facility
--------------------------------------*/
.facilityPage .mainTitle {
  height: 239px;
  background: url(../../img/facility/bg_main.png) 50% 0 no-repeat;
}
.facilityPage .facilityBox .iconL {
  width: 85px;
  float: left;
}
.facilityPage .facilityBox .boxR {
  width: 515px;
  float: right;
}
.facilityPage .facilityBox .boxR h4 {
  margin-bottom: 10px;
}
.facilityPage .facilityBox .boxR .phL {
  width: 250px;
  float: left;
}
.facilityPage .facilityBox .boxR .phR {
  width: 250px;
  float: right;
}
.facilityPage .facilityBox .boxR .lead-snowkids {
  color: #32B16C;
  margin-bottom: 15px;
}
.facilityPage .facilityBox .boxR .lead-snowholic {
  color: #FF7481;
  margin-bottom: 15px;
}
.facilityPage .facilityBox .boxR .lead-telemark {
  color: #EA68A2;
  margin-bottom: 15px;
}
.facilityPage .facilityBox .boxR .lead-foodcourt {
  color: #F39700;
  margin-bottom: 15px;
}
.facilityPage .facilityBox .boxR .lead-cafe {
  color: #EB6100;
  margin-bottom: 15px;
}
.facilityPage .facilityBox .boxR .lead-rental {
  color: #B274B3;
  margin-bottom: 15px;
}
.facilityPage .rentalBox .phL {
  float: left;
  width: 300px;
}
.facilityPage .rentalBox .detailR {
  width: 300px;
  float: right;
}

/*--------------------------------------
	School
--------------------------------------*/
.schoolPage .mainTitle {
  height: 239px;
  background: url(../../img/school/bg_main.png) 50% 0 no-repeat;
}
.schoolPage .schoolBox {
  margin-bottom: 15px;
}
.schoolPage .schoolBox .phL {
  width: 165px;
  float: left;
}
.schoolPage .schoolBox .textR {
  width: 430px;
  float: right;
  color: #345DAA;
}
.schoolPage .contactBox {
  margin-bottom: 10px;
}
.schoolPage .contactBox .boxL {
  color: #345DAA;
  font-weight: bold;
  float: left;
  width: 90px;
}
.schoolPage .contactBox .boxR {
  width: 350px;
  float: left;
}
.schoolPage .crepeBox {
  margin-bottom: 20px;
}
.schoolPage .crepeBox .textL {
  width: 280px;
  float: left;
}
.schoolPage .crepeBox .phR {
  width: 300px;
  float: right;
}
.schoolPage .phBox {
  margin-bottom: 20px;
}
.schoolPage .phBox .phL {
  width: 295px;
  float: left;
}
.schoolPage .phBox .phR {
  width: 295px;
  float: right;
}
.schoolPage .kidsBox {
  margin-bottom: 20px;
}
.schoolPage .kidsBox .phL {
  width: 250px;
  float: left;
}
.schoolPage .kidsBox .detailR {
  width: 340px;
  float: right;
}
.schoolPage h4.subTitle {
  font-size: 16px;
  font-weight: bold;
  color: #345DAA;
  margin-bottom: 10px;
}
.schoolPage .kidsLessonBox {
  margin-bottom: 20px;
}
.schoolPage .kidsLessonBox .phL {
  width: 125px;
  float: left;
}
.schoolPage .kidsLessonBox .detailR {
  width: 440px;
  float: right;
}

/*--------------------------------------
	Lift
--------------------------------------*/
.liftPage .mainTitle {
  height: 239px;
  background: url(../../img/lift/bg_main.png) 50% 0 no-repeat;
}
.liftPage .lead-lift {
  font-size: 14px;
  font-weight: bold;
  color: #345DAA;
  margin-bottom: 10px;
}
.liftPage .btnBox {
  margin-bottom: 15px;
}
.liftPage .btnBox .btnL {
  width: 301px;
  float: left;
}
.liftPage .btnBox .btnR {
  width: 301px;
  float: right;
}

/*--------------------------------------
	Sightseeing
--------------------------------------*/
.sightseeingPage .mainTitle {
  height: 239px;
  background: url(../../img/sightseeing/bg_main.png) 50% 0 no-repeat;
}
.sightseeingPage .lead-spa {
  color: #345DAA;
  margin-bottom: 15px;
}
.sightseeingPage .lead-spa span {
  font-size: 14px;
  font-weight: bold;
}
.sightseeingPage .mapFrame {
  margin-bottom: 15px;
}

/*--------------------------------------
	Coupon
--------------------------------------*/
.couponPage .mainTitle {
  height: 239px;
  background: url(../../img/coupon/bg_main.png) 50% 0 no-repeat;
}
.couponPage .button {
  left: 380px;
  top: 240px;
  position: absolute;
}
.couponPage .liftBox {
  width: 610px;
  height: 394px;
  position: relative;
  margin-bottom: 20px;
  background: url(../../img/coupon/bg_lift.gif) 0 0 no-repeat;
}
.couponPage .nighterBox {
  width: 610px;
  height: 394px;
  position: relative;
  margin-bottom: 20px;
  background: url(../../img/coupon/bg_nighter.gif) 0 0 no-repeat;
}
.couponPage .debutBox {
  width: 610px;
  height: 394px;
  position: relative;
  margin-bottom: 20px;
  background: url(../../img/coupon/bg_debut.gif) 0 0 no-repeat;
}
.couponPage .debutBox .button {
  top: 220px;
}

/*--------------------------------------
	Access
--------------------------------------*/
.accessPage .mainTitle {
  height: 239px;
  background: url(../../img/access/bg_main.png) 50% 0 no-repeat;
}
.accessPage .lead-access {
  color: #345DAA;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
}
.accessPage .rootBox {
  margin-bottom: 5px;
}
.accessPage .rootBox .boxL {
  width: 295px;
  float: left;
}
.accessPage .rootBox .boxL p {
  margin-bottom: 5px;
}
.accessPage .rootBox .boxR {
  width: 295px;
  float: right;
}
.accessPage .rootBox .boxR p {
  margin-bottom: 5px;
}
.accessPage .rootBox .icon01 {
  padding-left: 40px;
  background: url(../../img/access/icon_access_01.gif) 0 3px no-repeat;
}
.accessPage .rootBox .icon02 {
  padding-left: 40px;
  background: url(../../img/access/icon_access_02.gif) 0 3px no-repeat;
}
.accessPage .rootBox .icon03 {
  padding-left: 40px;
  background: url(../../img/access/icon_access_03.gif) 0 3px no-repeat;
}
.accessPage .rootBox .icon04 {
  padding-left: 40px;
  background: url(../../img/access/icon_access_04.gif) 0 3px no-repeat;
}
.accessPage h5 {
  margin-bottom: 5px;
}
.accessPage .btnBox {
  margin-bottom: 30px;
}
.accessPage .btnBox .btnL {
  width: 301px;
  float: left;
}
.accessPage .btnBox .btnR {
  width: 301px;
  float: right;
}
.accessPage .busMapBox {
  margin-bottom: 30px;
}
.accessPage .busMapBox .mapL {
  width: 295px;
  float: left;
}
.accessPage .busMapBox .mapR {
  width: 295px;
  float: right;
}

/*--------------------------------------
	Secondary - illustNone version
--------------------------------------*/
.secondPage .mainTitle {
  height: 239px;
  background: url(../img/bg_main_illustnone.png) 50% 0 no-repeat;
}
.secondPage .titleBox {
  height: 10px !important;
  line-height: 10px !important;
  font-size: 10px !important;
  background: url(../img/bg_contents_top02.gif) 0 0 no-repeat !important;
}
.secondPage .lead-text {
  color: #345DAA;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
}
.secondPage .linkBox li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 15px;
  background: url(../img/icon_arrow03.gif) 0 6px no-repeat;
}
.secondPage .linkBox li a {
  font-size: 14px;
  font-weight: bold;
}
.secondPage .lead-privacy {
  color: #345DAA;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
}
.secondPage .privacyBox p {
  margin-bottom: 15px;
}
.secondPage .lead-staff {
  color: #345DAA;
  font-weight: bold;
  font-size: 18px !important;
  margin-bottom: 10px;
}
.secondPage .safetyBox ul {
  list-style-type: decimal !important;
  list-style-position: inside !important;
}
.secondPage .safetyBox li {
  list-style-type: decimal !important;
  list-style-position: inside !important;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.secondPage .btnSafetyBox {
  text-align: center;
  margin-bottom: 30px;
}
.secondPage .btnSafetyBox p {
  width: 433px;
  margin: 0 auto;
}
.secondPage .sitemapBox .boxL {
  width: 280px;
  float: left;
}
.secondPage .sitemapBox .boxR {
  width: 280px;
  float: left;
}
.secondPage .sitemapBox li {
  padding-left: 15px;
  margin-bottom: 10px;
  background: url(../img/icon_arrow03.gif) 0 6px no-repeat;
}
.secondPage .sitemapBox li li {
  margin-bottom: 0;
}

/*================================================================================
	Media Queries
================================================================================*/
/*
@media only screen and (min-width: 35em) {
	#story,
	#top{
		width:960px;
	}
}
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
  	/*
    #story,
  	#top,
  	#character,
  	#graphic,
  	#special,
  	#spec,
  	#wrapper2nd,
  	#fancybox-overlay, #fancybox-outer, #fancybox-hide-sel-frame, #fancybox-img, #fancybox-frame, #fancybox-bg-n,
  	#diagram,
  	#diagram_wrap{
  		width:960px !important;
  	}
  	*/
}
/*================================================================================
	Print Styles
================================================================================*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }
}