@charset "UTF-8";
.link-reverse a:link {
  text-decoration: none; }

.link-reverse a:visited {
  text-decoration: none; }

.link-reverse a:hover {
  text-decoration: underline; }

.link-noeffect a:link {
  text-decoration: none; }

.link-noeffect a:hover {
  text-decoration: none; }

.link-noeffect a:visited {
  text-decoration: none; }

body {
  min-width: 1000px; }

#sub-header {
  display: none;
  position: fixed;
  z-index: 3;
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #e0e0e0; }
  #sub-header .inner {
    width: 1000px;
    margin-left: auto;
    margin-right: auto; }
    #sub-header .inner .logo {
      padding: 10px 0;
      float: left; }
    #sub-header .inner .sub-nav {
      width: 300px;
      margin-top: 8px;
      float: right;
      text-align: right;
      padding-right: 6px;
      background: url(img/header_nav_div.png) no-repeat right center; }
      #sub-header .inner .sub-nav li {
        display: inline-block;
        padding: 0 10px 0 20px;
        background: url(img/header_nav_div.png) no-repeat left center; }
        #sub-header .inner .sub-nav li a:link {
          text-decoration: none; }
        #sub-header .inner .sub-nav li a:visited {
          text-decoration: none; }
        #sub-header .inner .sub-nav li a:hover {
          text-decoration: underline; }
        #sub-header .inner .sub-nav li a {
          font-size: 13px;
          line-height: 1em; }

#side-nav {
  position: fixed;
  z-index: 2;
  right: 30px;
  top: calc(50% - 60px);
  width: 41px;
  height: 100px;
  text-align: center;
  padding: 20px 0 0 0;
  background: url(img/menu_bg.png) no-repeat center center; }
  #side-nav li a {
    display: inline-block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    width: 21px;
    height: 21px;
    margin-bottom: 5px;
    background: url(img/menu_mark.png) no-repeat;
    cursor: pointer; }
  #side-nav li.active a {
    background-image: url(img/menu_mark_on.png); }

/* Top Visual ************************************************************************************/
#top-visual {
  width: 100%;
  height: 600px;
  background: url(img/top_bg_pattern.png) repeat-x; }
  #top-visual .inner {
    position: relative;
    height: 600px;
    background: url(img/top_bg.jpg) no-repeat center top;
    /*background: url(/top_dummy.jpg) no-repeat center top;*/
    min-width: 1000px;
    overflow: hidden; }
  #top-visual h1 {
    display: none;
    margin: 0;
    text-align: center; }
  #top-visual .sprite-root {
    position: absolute;
    width: 1px;
    height: 10px;
    /*background: #ff0000; 基準点*/
    top: 0;
    left: 50%; }
  #top-visual .ship, #top-visual [class^="wave"] {
    position: absolute; }
  #top-visual .ship-container {
    position: absolute;
    width: 1000px;
    height: 300px;
    top: 290px; }
  #top-visual .catchcopy {
    display: none;
    margin-top: 85px;
    text-align: center; }
  #top-visual .ship img {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  #top-visual .balloon {
    display: none;
    position: absolute;
    z-index: 1;
    cursor: pointer; }
  #top-visual .tit01, #top-visual .tit02 {
    display: none; }
  #top-visual .tit01 {
    position: absolute;
    left: -484px;
    top: 122px; }
  #top-visual .tit02 {
    position: absolute;
    left: 314px;
    top: 120px; }
  #top-visual .balloon01 {
    left: -475px;
    top: 300px; }
  #top-visual .balloon02 {
    left: -460px;
    top: 205px; }
  #top-visual .balloon03 {
    left: -370px;
    top: 256px; }
  #top-visual .balloon04 {
    left: -330px;
    top: 160px; }
  #top-visual .balloon05 {
    left: -255px;
    top: 240px; }
  #top-visual .balloon06 {
    left: 215px;
    top: 170px; }
  #top-visual .balloon07 {
    left: 245px;
    top: 260px; }
  #top-visual .balloon08 {
    left: 138px;
    top: 250px; }
  #top-visual .balloon09 {
    left: 352px;
    top: 190px; }
  #top-visual .balloon10 {
    left: 385px;
    top: 270px; }
  #top-visual .wave01 {
    left: -800px;
    top: 190px; }
  #top-visual .wave02 {
    left: -300px;
    top: 200px; }
  #top-visual .wave03 {
    left: 0px;
    top: 200px; }
  #top-visual .wave04 {
    left: 300px;
    top: 200px; }
  #top-visual .popup-container {
    width: 310px;
    height: 300px;
    position: absolute;
    left: calc(50% - 155px);
    top: 162px;
    z-index: 4;
    margin-left: auto;
    margin-right: auto; }
    #top-visual .popup-container .popup {
      display: none;
      position: absolute; }
    #top-visual .popup-container .close {
      cursor: pointer;
      position: absolute;
      top: -10px;
      right: -10px; }

.top-arrow-bottom {
  position: absolute;
  text-align: center;
  left: calc(50% - 36px);
  margin-top: -36px; }
  .top-arrow-bottom:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

section h2, section h3, section h4, section h5 {
  margin: 0; }

/* Slide ************************************************************************************/
.slide-container {
  position: relative; }
  .slide-container .slide-contents > li {
    position: absolute; }
  .slide-container .arrow-l, .slide-container .arrow-r {
    position: absolute;
    cursor: pointer; }
    .slide-container .arrow-l:hover, .slide-container .arrow-r:hover {
      opacity: 0.7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
  .slide-container .switch-container {
    height: 100px;
    text-align: center; }
    .slide-container .switch-container li {
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden;
      display: inline-block;
      background: url(img/slide_circle.png) no-repeat center center;
      width: 24px;
      height: 24px;
      cursor: pointer; }
    .slide-container .switch-container li.active {
      background-image: url(img/slide_circle_on.png); }
  .slide-container .slide-wrapper {
    position: relative;
    overflow: hidden; }

/* Section01 ************************************************************************************/
#sec01 {
  background: url(img/body_bg.png);
  padding-top: 150px;
  padding-bottom: 175px; }
  #sec01 .inner {
    width: 1000px;
    margin-left: auto;
    margin-right: auto; }
  #sec01 .tit-block .box-l {
    width: 336px; }
  #sec01 .tit-block .box-r {
    width: 636px; }
  #sec01 .block1 {
    margin-top: 40px;
    padding: 25px 0;
    background: #fff; }
    #sec01 .block1 .box-l {
      margin: 25px 0 0 76px;
      width: 400px; }
    #sec01 .block1 .box-r {
      margin: 0 20px 0 0;
      width: 440px; }
    #sec01 .block1 .slide-container {
      margin-top: 40px; }
      #sec01 .block1 .slide-container .slide-contents {
        position: relative; }
        #sec01 .block1 .slide-container .slide-contents > li {
          position: absolute; }
      #sec01 .block1 .slide-container .arrow-l {
        top: 80px;
        left: -48px; }
      #sec01 .block1 .slide-container .arrow-r {
        top: 80px;
        right: -48px; }
    #sec01 .block1 .slide-wrapper {
      width: 400px;
      height: 190px; }

/* Section02 ************************************************************************************/
#sec02 {
  padding-top: 150px;
  padding-bottom: 135px; }
  #sec02 .inner {
    width: 1000px;
    margin-left: auto;
    margin-right: auto; }
  #sec02 .tit-block .box-l {
    width: 300px; }
  #sec02 .tit-block .box-r {
    width: 636px; }
  #sec02 .block1 {
    margin-top: 40px;
    background: #fff;
    height: 544px; }
    #sec02 .block1 h3 {
      margin-bottom: 30px; }
    #sec02 .block1 .slide-container {
      margin-top: 40px; }
      #sec02 .block1 .slide-container .slide-contents {
        position: relative; }
        #sec02 .block1 .slide-container .slide-contents > li {
          position: absolute; }
      #sec02 .block1 .slide-container .arrow-l {
        top: 278px;
        left: -36px; }
      #sec02 .block1 .slide-container .arrow-r {
        top: 278px;
        right: -36px; }
      #sec02 .block1 .slide-container .switch-container {
        top: 560px; }
      #sec02 .block1 .slide-container .slide-wrapper {
        width: 1000px;
        height: 600px; }
  #sec02 .c01-list li {
    position: relative;
    float: left;
    margin-right: 13px; }
    #sec02 .c01-list li .btn {
      position: absolute;
      bottom: 30px;
      width: 100%;
      text-align: center; }
      #sec02 .c01-list li .btn img {
        cursor: pointer; }
  #sec02 .c01-list li:last-child {
    margin-right: 0; }

/* Footer ************************************************************************************/
.pagetop {
  text-align: center; }

footer {
  background: url(img/footer_bg.jpg) repeat-x; }
  footer .inner {
    padding-top: 174px;
    padding-bottom: 20px;
    background: url(img/footer_p01.jpg) no-repeat center top; }
    footer .inner .block1 {
      width: 1000px;
      margin-left: auto;
      margin-right: auto; }
      footer .inner .block1 small {
        display: block;
        margin-top: 20px; }