@charset "UTF-8";
/* line 7, ../scss/common.scss */
* {
  margin: 0;
  padding: 0; }

/* line 11, ../scss/common.scss */
html, body {
  height: 100%; }

/* line 14, ../scss/common.scss */
body {
  color: #fff;
  line-height: 1.8em;
  font-size: 12px;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","MS Pゴシック", "MS PGothic",serif;
  background: #032b4a;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%; }

/* line 23, ../scss/common.scss */
img {
  border-width: 0; }

/* line 26, ../scss/common.scss */
object, embed {
  vertical-align: bottom; }

/* line 29, ../scss/common.scss */
ul, ul li {
  list-style: none; }

/*///////////////////////////////////////////////////////////// ANCHOR */
/* line 35, ../scss/common.scss */
a {
  color: #333;
  text-decoration: none; }

/* line 39, ../scss/common.scss */
a:hover {
  color: #666;
  text-decoration: none; }

/* line 43, ../scss/common.scss */
img, a img {
  margin: 0;
  padding: 0;
  border: 0;
  border-style: none;
  text-decoration: none;
  vertical-align: top; }

/* line 51, ../scss/common.scss */
a.underline {
  text-decoration: underline; }

/* line 54, ../scss/common.scss */
.alpha0 {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

/* line 59, ../scss/common.scss */
.margin0 {
  margin: 0 !important; }

/* line 62, ../scss/common.scss */
.border0 {
  border: 0px !important; }

/* line 66, ../scss/common.scss */
.separate-box:after {
  content: ".";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden; }

/* line 73, ../scss/common.scss */
.left-box {
  float: left; }

/* line 74, ../scss/common.scss */
.right-box {
  float: right; }

/* line 75, ../scss/common.scss */
.f-kozu {
  font-family: '小塚ゴシック Pr6N', 'Kozuka Gothic Pr6N', sans-serif; }

/* line 78, ../scss/common.scss */
.f-rale {
  font-family: 'Raleway', sans-serif; }

/* line 82, ../scss/common.scss */
.f-blue01 {
  color: #0096e0 !important; }

/* line 83, ../scss/common.scss */
.f-blue02 {
  color: #001831 !important; }

/* line 84, ../scss/common.scss */
.f-blue03 {
  color: #031b33 !important; }

/* line 85, ../scss/common.scss */
.f-blue04 {
  color: #001531 !important; }

/* line 86, ../scss/common.scss */
.f-blue05 {
  color: #bfd0e0 !important; }

/* line 87, ../scss/common.scss */
.f-blue06 {
  color: #032b4a !important; }

/* line 88, ../scss/common.scss */
.f-blue07 {
  color: #001430 !important; }

/* line 89, ../scss/common.scss */
.f-blue08 {
  color: #9baec1 !important; }

/* line 90, ../scss/common.scss */
.transit-1 {
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out; }

/* line 93, ../scss/common.scss */
.transit-05 {
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }

/* line 96, ../scss/common.scss */
.transit-02 {
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

/* line 99, ../scss/common.scss */
.transit-01 {
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

/* line 102, ../scss/common.scss */
.textSplitLoad {
  display: none; }

/* line 105, ../scss/common.scss */
.split {
  visibility: hidden; }

/* line 108, ../scss/common.scss */
.zero-op {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

/* line 111, ../scss/common.scss */
#wrap {
  position: relative;
  min-width: 960px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -108px;
  z-index: 1; }

/*///////////////////////////////////////////////////////////// HEADER */
/* line 121, ../scss/common.scss */
header {
  width: 100%;
  height: 116px;
  background-color: white;
  z-index: 2;
  position: fixed; }
  /* line 129, ../scss/common.scss */
  header.active .inner h1.logo {
    padding: 18px 0 0; }
  /* line 134, ../scss/common.scss */
  header.active .inner nav.main ul {
    padding: 29px 0 0; }
  /* line 141, ../scss/common.scss */
  header .inner {
    width: 960px;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    /* line 146, ../scss/common.scss */
    header .inner h1 {
      float: left;
      padding: 33px 0 0;
      width: 200px; }
    /* line 22, ../scss/mixing.scss */
    header .inner nav.main:after {
      content: ".";
      height: 0;
      display: block;
      clear: both;
      visibility: hidden; }
    /* line 154, ../scss/common.scss */
    header .inner nav.main ul {
      float: right;
      padding: 44px 0 0; }
      /* line 157, ../scss/common.scss */
      header .inner nav.main ul li {
        height: 25px;
        border-right: 1px solid #e8eaed;
        float: left; }
        /* line 161, ../scss/common.scss */
        header .inner nav.main ul li a {
          font-size: 14px;
          line-height: 25px;
          color: black;
          height: 25px;
          padding: 0 24px; }
          /* line 167, ../scss/common.scss */
          header .inner nav.main ul li a span {
            padding: 0 0 10px; }
          /* line 171, ../scss/common.scss */
          header .inner nav.main ul li a.here span, header .inner nav.main ul li a:hover span {
            border-bottom: 3px solid black; }
        /* line 176, ../scss/common.scss */
        header .inner nav.main ul li.nav01 {
          width: 80px; }
        /* line 179, ../scss/common.scss */
        header .inner nav.main ul li.nav02 {
          width: 170px; }
        /* line 182, ../scss/common.scss */
        header .inner nav.main ul li.nav03 {
          width: 166px; }
        /* line 185, ../scss/common.scss */
        header .inner nav.main ul li.nav04 {
          width: 174px; }
        /* line 188, ../scss/common.scss */
        header .inner nav.main ul li.nav05 {
          width: 112px; }
          /* line 190, ../scss/common.scss */
          header .inner nav.main ul li.nav05 a {
            padding: 0 0 0 24px; }
  /* line 199, ../scss/common.scss */
  header .secondary {
    background-color: #0096e0;
    width: 960px;
    height: 54px;
    line-height: 54px;
    position: relative;
    margin: -10px auto 0; }
    /* line 206, ../scss/common.scss */
    header .secondary .inner {
      width: 960px;
      margin: 0 auto; }
    /* line 210, ../scss/common.scss */
    header .secondary.active {
      width: 100%;
      margin: -30px auto 0;
      height: 44px;
      line-height: 44px; }
    /* line 216, ../scss/common.scss */
    header .secondary h1 {
      font-size: 14px;
      padding: 0 0 0 32px;
      float: left;
      width: 520px; }
    /* line 222, ../scss/common.scss */
    header .secondary ul {
      padding: 1px 29px 0 0;
      float: right; }
      /* line 22, ../scss/mixing.scss */
      header .secondary ul:after {
        content: ".";
        height: 0;
        display: block;
        clear: both;
        visibility: hidden; }
      /* line 226, ../scss/common.scss */
      header .secondary ul li {
        float: left; }
        /* line 228, ../scss/common.scss */
        header .secondary ul li a {
          background: url(../images/common/nav_icon.gif) left 2px no-repeat;
          padding: 0 0 0 15px;
          margin: 0 30px 0 0; }

/* line 238, ../scss/common.scss */
#contents {
  padding: 116px 0 0 0; }

/* line 241, ../scss/common.scss */
.push {
  height: 108px; }

/* line 246, ../scss/common.scss */
footer {
  padding: 60px 0 26px;
  position: relative;
  z-index: 2; }
  /* line 250, ../scss/common.scss */
  footer .inner {
    width: 960px;
    margin: 0 auto;
    font-size: 13px; }
    /* line 254, ../scss/common.scss */
    footer .inner a {
      color: white;
      font-size: 13px; }
      /* line 257, ../scss/common.scss */
      footer .inner a img {
        vertical-align: top;
        margin: 3px 11px 0 0; }