@charset "UTF-8";
* html .clearfix {
  height: 1px;
  /*\*/
  	     /*/
    height: auto;
    overflow: hidden;
    /**/ }

html, body {
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  color: #575757;
  line-height: 1.8em;
  height: 100%;
  letter-spacing: 1px;
  /*overflow-x: hidden;*/
  font-family: "メイリオ", Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  background-color: #E2E2E2; }

h2, h3, h4, h5, img {
  padding: 0px;
  margin: 0px;
  font-size: 10px;
  text-decoration: none;
  font-weight: normal; }

h1 {
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  color: #7E7E7E;
  text-decoration: none;
  font-weight: normal;
  line-height: 1.2em;
  padding-top: 5px; }

li {
  list-style: none; }

@media screen and (max-width: 640px) {
  img {
    max-width: 100%;
    height: auto;
    width: auto;
    /*IE8のみ適用*/ } }
#wrapper {
  width: 938px;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 16px; }

#contents {
  width: 100%;
  margin: 0 auto; }

@media screen and (max-width: 640px) {
  #wrapper {
    width: 100%;
    padding: 0; }

  #contents {
    width: 100%;
    margin: 0 auto; } }
/** PC **********************************************/
/*  グローバルメニューの上部  */
div.header {
  overflow: hidden; }

a.logo {
  opacity: 1 !important; }

.midashi1 {
  margin-left: 5px;
  font-size: 10px;
  color: #000000;
  margin-top: 15px;
  width: 250px;
  float: left; }

.header-left {
  float: left; }
  .header-left img {
    float: left; }

.header-right {
  float: right;
  margin-top: 10px; }

.english-btn {
  margin-left: 6px;
  opacity: 1 !important; }

/* SNS */
.socialbtn {
  height: 26px;
  position: relative;
  font-size: 0.85em; }
  .socialbtn a .mixi-check-button {
    margin-right: 8px;
    position: absolute;
    top: -1px;
    left: 0px; }
  .socialbtn .sbtwitter {
    position: absolute;
    top: -2px;
    left: 72px; }
  .socialbtn .sbfacebook {
    position: absolute;
    top: -2px;
    left: 168px;
    width: 80px; }
  .socialbtn .hatena {
    position: absolute;
    top: -2px;
    left: 330px; }
  .socialbtn .google {
    position: absolute;
    top: -2px;
    left: 390px; }

/*  グローバルナビ */
ul.g-nav {
  overflow: hidden;
  width: 938px; }
  ul.g-nav li {
    float: left;
    list-style: none; }
    ul.g-nav li a {
      opacity: 1 !important; }

/*  パンくず */
#topicpath {
  margin: 8px 0px; }
  #topicpath a {
    text-decoration: underline;
    color: #55698A; }
    #topicpath a:hover {
      color: #0000FF; }

/* SP非表示 */
#sp-header {
  display: none; }

.sp-socialbtn {
  display: none; }

/** SP **********************************************/
@media screen and (max-width: 640px) {
  div.header {
    display: none; }

  .sp-socialbtn {
    display: block; }

  .socialbtn {
    display: none; }

  .g-nav {
    display: none; }

  #topicpath {
    display: none; }

  .togMenu {
    display: none; }

  #sp-header {
    display: block;
    position: relative;
    background-color: #F7F7F0;
    *zoom: 1; }
    #sp-header:after {
      content: ".";
      display: block;
      visibility: hidden;
      clear: both;
      height: 0;
      font-size: 0;
      line-height: 0; }
    #sp-header #site_logo {
      line-height: 0;
      padding: 16px 0 15px;
      width: 35%;
      text-align: center;
      margin: 0 auto; }
    #sp-header .head-menu-right {
      position: absolute;
      top: 13px;
      right: 10px;
      width: 54px;
      height: 25px; }
    #sp-header .show {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      #sp-header .show .menu_btn {
        color: #da832d; }
    #sp-header .close {
      background-color: #86816b;
      padding: 10px;
      text-align: center;
      font-weight: bold;
      color: #fff;
      margin: 0 auto;
      z-index: 5;
      position: relative;
      font-size: 12px; }
    #sp-header ul.sp-fair-menu li {
      list-style: none;
      /*border-bottom: solid 1px #000;*/
      text-align: center; }
    #sp-header .bk-white {
      background-color: #FFF;
      border-bottom: 2px solid #000;
      border-top: 2px solid #000; }
    #sp-header .sp-content {
      padding: 0px 10px; }
    #sp-header .sp-menu {
      text-align: center;
      margin-bottom: 10px; }
      #sp-header .sp-menu img {
        height: 14px; }
    #sp-header .sp-menu-2 {
      border-top: 1px solid #e0ddcf;
      *zoom: 1; }
      #sp-header .sp-menu-2:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0; }
      #sp-header .sp-menu-2 li {
        list-style: none; }
        #sp-header .sp-menu-2 li a {
          color: #213e6d;
          font-size: 11px;
          text-align: center;
          padding: 10px 0px;
          float: left;
          width: 50%;
          box-sizing: border-box;
          border-bottom: 1px solid #e0ddcf;
          background-color: #F9F9F3;
          line-height: 1em; }
          #sp-header .sp-menu-2 li a:nth-child(odd) {
            border-right: 1px solid #e0ddcf; }
    #sp-header .sp-menu-2-top {
      color: #213e6d;
      font-size: 11px;
      text-align: center;
      background-color: #F9F9F3; }
      #sp-header .sp-menu-2-top a {
        padding: 10px 0px;
        color: #213e6d;
        line-height: 1em;
        width: 100%;
        display: block; }

  /*sns*/
  .sp-socialbtn {
    margin: 10px 0px;
    position: relative;
    font-size: 0.85em;
    overflow: hidden;
    height: 46px;
    padding: 0px 10px; }
    .sp-socialbtn a.mixi-check-button {
      margin-right: 8px;
      position: absolute;
      top: 0px; }
    .sp-socialbtn .sbtwitter {
      position: absolute;
      top: 0px;
      left: 72px; }
    .sp-socialbtn .sbfacebook {
      position: absolute;
      top: 26px;
      left: 10px;
      width: 162px; }
    .sp-socialbtn .google {
      position: absolute;
      top: 26px;
      left: 165px; }
    .sp-socialbtn .hatena {
      position: absolute;
      top: 0px;
      left: 162px; } }
/** PC **********************************************/
footer {
  width: 970px;
  box-sizing: border-box;
  padding-top: 12px;
  margin: 0 auto;
  background-color: #FFF; }
  footer .block01 {
    padding: 0 16px; }
    footer .block01 #totop {
      display: block;
      background-image: url("../images/footer-backtop03.jpg");
      background-repeat: no-repeat;
      background-position: left;
      padding-left: 20px;
      float: right;
      margin-top: 20px; }
  footer .block02 {
    margin-top: 5px;
    padding: 10px 16px 12px 16px;
    background-color: #86816b; }
    footer .block02 ul li {
      line-heihgt: 1em;
      font-size: 0; }
    footer .block02 ul#btn-lst {
      *zoom: 1;
      float: left;
      width: 45%; }
      footer .block02 ul#btn-lst:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0; }
      footer .block02 ul#btn-lst li {
        float: left;
        margin-right: 2px; }
    footer .block02 ul.nav {
      float: right;
      width: 45%;
      *zoom: 1;
      height: auto;
      display: inline; }
      footer .block02 ul.nav:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0; }
      footer .block02 ul.nav li {
        float: left;
        padding-right: 10px; }
        footer .block02 ul.nav li:last-child {
          padding-right: 0; }
    footer .block02 .copyright {
      clear: both;
      color: #ffffff;
      font-size: 10px;
      padding-top: 9px;
      display: block; }

@media screen and (max-width: 640px) {
  footer {
    margin-top: 20px;
    background-color: #e9e4da;
    width: 100%;
    text-align: center; }
    footer img {
      width: 100%; }
    footer div.nav {
      *zoom: 1;
      text-align: center;
      padding: 5px; }
      footer div.nav:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0; }
      footer div.nav a {
        line-height: 2em;
        margin: 0 10px;
        color: #403a35; }
    footer .copyright {
      background-color: #86816b;
      color: #ffffff;
      display: block;
      font-size: 10px;
      line-height: 1.5em;
      padding: 10px 0; } }
/** PC **********************************************/
.sp {
  display: none; }

.pc {
  display: block; }

@media screen and (max-width: 640px) {
  .sp {
    display: block; }

  .pc {
    display: none; } }