body {
  border-top: 5px solid #011664;
  background: #efece7 url(../../common/contents_bg.gif) center top no-repeat;
  font-size: 14px; }

body#row {
  background: #efece7 url(../../common/contents_bg.gif) center -390px no-repeat; }

/* header */
header h1 {
  vertical-align: middle;
  display: table;
  margin: 10px 0;
  float: left; }
  header h1 img {
    margin: 0 1em 0 0; }
  header h1 span {
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 0.05em;
    font-weight: bold; }
header .head-menu {
  display: block;
  width: 550px;
  float: right;
  margin: 10px 0 0; }
  header .head-menu li {
    float: left;
    margin: 13px 10px 0 0; }
    header .head-menu li a {
      background: url(../../common/icon/circle_keycolor.png) left center no-repeat;
      background-size: 13%;
      color: #471D16;
      text-decoration: none;
      padding: 0 0 0 20px;
      display: block;
      width: 7em;
      font-size: 90%; }
      header .head-menu li a:hover {
        text-decoration: underline; }
header nav {
  clear: both; }
  header nav .search-box {
    position: absolute;
    top: 18px;
    right: 0; }
    header nav .search-box form input.text-box {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border: 1px solid #ccc;
      line-height: 1.5;
      width: 220px;
      margin: 0 10px 0 0;
      font-size: 105%;
      padding: 0 0 0 5px; }
    header nav .search-box form input.submit {
      background: #011664;
      border: none;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      color: #FFF;
      line-height: 1.5;
      padding: 2px 20px;
      font-size: 105%; }
  header nav ul {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
    background-image: -moz-linear-gradient(top, white, #f8f8eb);
    background-image: -ms-linear-gradient(top, white, #f8f8eb);
    background-image: -o-linear-gradient(top, white, #f8f8eb);
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
    background-image: -webkit-linear-gradient(top, white, #f8f8eb);
    background-image: linear-gradient(top, white, #f8f8eb);
    border: 1px solid #dddddd;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -moz-box-shadow: 0px 3px 6px 0px #999;
    -webkit-box-shadow: 0px 3px 6px 0px #999;
    box-shadow: 0px 3px 6px 0px #999;
    height: 50px; }
    header nav ul li {
      border-right: 1px solid #dddddd;
      float: left;
      position: relative; }
      header nav ul li a {
        color: #471D16;
        display: block;
        text-align: center;
        text-decoration: none;
        line-height: 50px;
        padding: 0 20px 0 44.21px;
        box-sizing: border-box; }
        header nav ul li a:hover {
          color: #FFF; }
      header nav ul li ul.sub-nav {
        background: #FFF;
        height: auto;
        position: absolute;
        z-index: 999;
        display: none;
        border-radius: 0; }
        header nav ul li ul.sub-nav li {
          float: none;
          width: 190px; }
          header nav ul li ul.sub-nav li a {
            height: auto;
            line-height: 1;
            width: 101%;
            padding: 10px 0 10px 30px;
            text-align: left;
            font-size: 90%; }
            header nav ul li ul.sub-nav li a:hover {
              color: #FFF; }
        header nav ul li ul.sub-nav li:last-child {
          border: none; }
    header nav ul .nav-01 a {
      background: url(../../common/icon/nav/icon_info_c.png) 10px center no-repeat;
      background-size: 18%;
      width: 145px; }
      header nav ul .nav-01 a:hover {
        background: #468c00 url(../../common/icon/nav/icon_info_w.png) 10px center no-repeat;
        background-size: 18%;
        border-radius: 13px 0 0 13px;
        -webkit-border-radius: 13px 0 0 13px;
        -moz-border-radius: 13px 0 0 13px; }
    header nav ul .nav-01 ul {
      border: 3px solid #468C00; }
      header nav ul .nav-01 ul li {
        border-bottom: 1px solid #468C00; }
        header nav ul .nav-01 ul li a {
          background: url(../../common/icon/circle_info.png) 10px center no-repeat;
          background-size: 7%; }
          header nav ul .nav-01 ul li a:hover {
            background: #468c00 url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 7%;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0; }
    header nav ul .nav-02 a {
      background: url(../../common/icon/nav/icon_order_c.png) 10px center no-repeat;
      background-size: 15%;
      width: 185px; }
      header nav ul .nav-02 a:hover {
        background: #5396d2 url(../../common/icon/nav/icon_order_w.png) 10px center no-repeat;
        background-size: 15%; }
    header nav ul .nav-02 ul {
      border: 3px solid #5396D2; }
      header nav ul .nav-02 ul li {
        border-bottom: 1px solid #5396D2; }
        header nav ul .nav-02 ul li a {
          background: url(../../common/icon/circle_order.png) 10px center no-repeat;
          background-size: 7%; }
          header nav ul .nav-02 ul li a:hover {
            background: #5396d2 url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 7%; }
    header nav ul .nav-03 a {
      background: url(../../common/icon/nav/icon_snews_c.png) 10px center no-repeat;
      background-size: 14%;
      width: 195px; }
      header nav ul .nav-03 a:hover {
        background: #ff9933 url(../../common/icon/nav/icon_snews_w.png) 10px center no-repeat;
        background-size: 14%; }
    header nav ul .nav-03 ul {
      border: 3px solid #F93; }
      header nav ul .nav-03 ul li {
        border-bottom: 1px solid #F93; }
        header nav ul .nav-03 ul li a {
          background: url(../../common/icon/circle_snews.png) 10px center no-repeat;
          background-size: 7%; }
          header nav ul .nav-03 ul li a:hover {
            background: #ff9933 url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 7%; }
    header nav ul .nav-04 a {
      background: url(../../common/icon/nav/icon_pnews_c.png) 10px center no-repeat;
      background-size: 13%;
      width: 165px; }
      header nav ul .nav-04 a:hover {
        background: #ff6699 url(../../common/icon/nav/icon_pnews_w.png) 10px center no-repeat;
        background-size: 13%; }
    header nav ul .nav-04 ul {
      border: 3px solid #F69; }
      header nav ul .nav-04 ul li {
        border-bottom: 1px solid #F69; }
        header nav ul .nav-04 ul li a {
          background: url(../../common/icon/circle_pnews.png) 10px center no-repeat;
          background-size: 7%; }
          header nav ul .nav-04 ul li a:hover {
            background: #ff6699 url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 7%; }
    header nav ul .nav-05 a {
      background: url(../../common/icon/nav/icon_time_c.png) 10px center no-repeat;
      background-size: 18%;
      width: 125px; }
      header nav ul .nav-05 a:hover {
        background: #b375ea url(../../common/icon/nav/icon_time_w.png) 10px center no-repeat;
        background-size: 18%; }
    header nav ul .nav-05 ul {
      border: 3px solid #B375EA; }
      header nav ul .nav-05 ul li {
        border-bottom: 1px solid #B375EA; }
        header nav ul .nav-05 ul li a {
          background: url(../../common/icon/circle_time.png) 10px center no-repeat;
          background-size: 7%; }
          header nav ul .nav-05 ul li a:hover {
            background: #b375ea url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 7%; }
    header nav ul .nav-06 a {
      background: url(../../common/icon/nav/icon_shop_c.png) 10px center no-repeat;
      background-size: 23%;
      width: 138px; }
      header nav ul .nav-06 a:hover {
        background: #57acf9 url(../../common/icon/nav/icon_shop_w.png) 10px center no-repeat;
        background-size: 23%;
        border-radius: 0 13px 13px 0;
        -webkit-border-radius: 0 13px 13px 0;
        -moz-border-radius: 0 13px 13px 0; }
    header nav ul .nav-06 ul {
      border: 3px solid #57ACF9; }
      header nav ul .nav-06 ul li {
        border-bottom: 1px solid #57ACF9; }
        header nav ul .nav-06 ul li a {
          background: url(../../common/icon/circle_shop.png) 10px center no-repeat;
          background-size: 7%; }
          header nav ul .nav-06 ul li a:hover {
            background: #57acf9 url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 7%;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0; }
  header nav li:last-child {
    border: none; }

/* slider */
#slider {
  margin: 30px auto;
  overflow: hidden;
  position: relative; }
  #slider .thumb-box {
    overflow: hidden;
    position: relative;
    width: 90%;
    margin: 20px auto; }
    #slider .thumb-box .flex-control-thumbs li {
      float: left;
      width: 200px;
      margin: 0 20px 0 0; }
      #slider .thumb-box .flex-control-thumbs li img {
        width: 100%; }
    #slider .thumb-box .flex-control-thumbs li:last-child {
      margin: 0; }
  #slider a.thumb-control-left {
    position: absolute;
    width: 3%;
    height: 34px;
    display: block;
    bottom: 34px;
    left: 0;
    background: url(../../common/icon/arw_thumb_prev.png) no-repeat;
    opacity: 0.6; }
  #slider a.thumb-control-right {
    position: absolute;
    width: 3%;
    height: 34px;
    display: block;
    bottom: 34px;
    right: 0;
    background: url(../../common/icon/arw_thumb_next.png) no-repeat;
    opacity: 0.6; }
  #slider .flex-direction-nav li a {
    position: absolute;
    top: 30%;
    display: block;
    width: 33px;
    height: 60px;
    text-indent: -9999px; }
  #slider .flex-direction-nav li a.flex-prev {
    background: url(../../common/icon/arw_main_prev.png) no-repeat;
    left: 10px;
    opacity: 0.6; }
  #slider .flex-direction-nav li a.flex-next {
    right: 10px;
    background: url(../../common/icon/arw_main_next.png) no-repeat;
    opacity: 0.6; }

/* breadcrumb */
.breadcrumb {
  width: 940px;
  margin: 20px auto;
  overflow: hidden;
  font-size: 90%; }
  .breadcrumb ul li {
    float: left;
    margin: 0 .5em 0 0; }
    .breadcrumb ul li a {
      /*background: url(../../common/images/icon/icon_breadcrumb.png) right center no-repeat;*/
      color: #471D16; }
      .breadcrumb ul li a:hover {
        text-decoration: none; }
    .breadcrumb ul li:after {
      content: ">";
      margin: 0 0 0 .5em; }
  .breadcrumb ul li.current:after {
    content: none; }

/* conetnts */
#contents {
  margin: 0 auto 50px;
  /* upside-block */
  /* middle-block */
  /* lower-block */
  /* left-block */
  /* right-block */ }
  #contents .upside-block .news .headline {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
    background-image: -moz-linear-gradient(top, white, #f8f8eb);
    background-image: -ms-linear-gradient(top, white, #f8f8eb);
    background-image: -o-linear-gradient(top, white, #f8f8eb);
    background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
    background-image: -webkit-linear-gradient(top, white, #f8f8eb);
    background-image: linear-gradient(top, white, #f8f8eb);
    border: 1px solid #dddddd;
    border-top: none;
    box-sizing: border-box;
    position: relative;
    height: 50px; }
    #contents .upside-block .news .headline h2 {
      font-weight: bold;
      padding: 10px 120px 0 3em;
      width: 100%;
      box-sizing: border-box;
      height: 100%;
      font-size: 17px;
      color: #471D16; }
    #contents .upside-block .news .headline .other-link {
      position: absolute;
      line-height: 2.3;
      top: 10px;
      right: 10px; }
      #contents .upside-block .news .headline .other-link span.more-list {
        border-right: 1px solid #666;
        padding: 0 10px 0 0; }
      #contents .upside-block .news .headline .other-link span a {
        font-size: 90%;
        text-decoration: none;
        color: #471D16;
        padding: 0 0 0 30px; }
  #contents .upside-block .news .headline-shop {
    margin: 0 20px 0 0; }
    #contents .upside-block .news .headline-shop h2 {
      border-top: 4px solid #FF9933;
      background: url(../../common/icon/nav/icon_snews_c.png) 10px center no-repeat;
      background-size: 6.5%; }
    #contents .upside-block .news .headline-shop .more-list a {
      background: url(../../common/icon/circle_snews.png) 10px center no-repeat;
      background-size: 20%; }
    #contents .upside-block .news .headline-shop .rss a {
      background: url(../../common/icon/icn_rss_snews.png) 10px center no-repeat;
      background-size: 25%; }
  #contents .upside-block .news .headline-item h2 {
    border-top: 4px solid #FF6699;
    background: url(../../common/icon/nav/icon_pnews_c.png) 10px center no-repeat;
    background-size: 5.5%; }
  #contents .upside-block .news .headline-item .more-list a {
    background: url(../../common/icon/circle_pnews.png) 10px center no-repeat;
    background-size: 20%; }
  #contents .upside-block .news .headline-item .rss a {
    background: url(../../common/icon/icn_rss_pnews.png) 10px center no-repeat;
    background-size: 25%; }
  #contents .upside-block .news ul.shop li, #contents .upside-block .news ul.item li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px dotted;
    overflow: hidden; }
    #contents .upside-block .news ul.shop li span.days, #contents .upside-block .news ul.item li span.days {
      font-size: 85%;
      color: #011664;
      font-weight: bold;
      margin: 0 0 5px;
      display: inline-block;
      vertical-align: middle; }
    #contents .upside-block .news ul.shop li span.thumb, #contents .upside-block .news ul.item li span.thumb {
      float: left;
      margin: 0 10px 0 0; }
    #contents .upside-block .news ul.shop li span.new, #contents .upside-block .news ul.item li span.new {
      font-size: 80%;
      color: #FF6699;
      margin: 0 0 5px;
      display: inline-block;
      vertical-align: middle; }
    #contents .upside-block .news ul.shop li span.group, #contents .upside-block .news ul.item li span.group {
      font-size: 85%;
      color: #011664;
      font-weight: bold;
      margin: 0 0 5px;
      display: inline-block;
      vertical-align: middle; }
    #contents .upside-block .news ul.shop li ul.category, #contents .upside-block .news ul.item li ul.category {
      display: inline-block;
      margin: 0 0 5px;
      vertical-align: middle; }
      #contents .upside-block .news ul.shop li ul.category li, #contents .upside-block .news ul.item li ul.category li {
        border: none;
        margin: 0 5px 0 0;
        padding: 0  0 0 5px;
        float: left;
        border-left: 1px solid;
        font-size: 85%;
        color: #666; }
    #contents .upside-block .news ul.shop li h3 a, #contents .upside-block .news ul.item li h3 a {
      text-decoration: none;
      padding: 0; }
      #contents .upside-block .news ul.shop li h3 a:hover, #contents .upside-block .news ul.item li h3 a:hover {
        text-decoration: underline; }
  #contents .upside-block .news ul.shop {
    margin: 0 20px 0 0; }
    #contents .upside-block .news ul.shop li ul.category li:first-child {
      border-left: none; }
    #contents .upside-block .news ul.shop li h3 a:before {
      background: url(../../common/icon/arw_shop.png) 5px center no-repeat;
      content: "";
      display: inline-block;
      height: 10px;
      width: 10px;
      margin: 0 5px 0 0; }
  #contents .upside-block .news ul.item li ul.category li {
    float: none;
    margin: 0 0 0 10px; }
  #contents .upside-block .news ul.item li h3 a:before {
    background: url(../../common/icon/arw_product.png) 5px center no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px 0 0; }
  #contents .middle-block div {
    border: 1px solid #dddddd; }
    #contents .middle-block div h3 {
      color: #FFF;
      font-weight: bold;
      font-size: 122%;
      padding: 20px 0 10px 60px;
      width: 260px;
      position: absolute;
      margin: -18px 0 0 -10px; }
    #contents .middle-block div ul {
      margin: 40px 0 0 0; }
      #contents .middle-block div ul li {
        float: left;
        width: 204px;
        margin: 0 10px 10px 0; }
        #contents .middle-block div ul li a {
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          line-height: 2.5;
          display: block;
          text-align: center;
          text-decoration: none;
          -moz-box-shadow: 0px 2px 0px 0px #777;
          -webkit-box-shadow: 0px 2px 0px 0px #777;
          box-shadow: 0px 2px 0px 0px #777;
          transition: .2s;
          position: relative;
          top: 0; }
        #contents .middle-block div ul li a:hover {
          top: 2px;
          box-shadow: none;
          vertical-align: baseline; }
  #contents .middle-block .order-block {
    background: #8EB5DA; }
    #contents .middle-block .order-block h3 {
      background: url(../../common/icon/icn_order.png) 5px center no-repeat;
      background-size: 15%; }
    #contents .middle-block .order-block ul li a {
      color: #013499; }
    #contents .middle-block .order-block ul li.pc a {
      background: url(../../common/icon/icn_order_pc.jpg) left center no-repeat, url(../../common/icon/arw_order.png) 95% center no-repeat, white;
      background-size: auto, 3%; }
    #contents .middle-block .order-block ul li.book a {
      background: url(../../common/icon/icn_order_book.jpg) left center no-repeat, url(../../common/icon/arw_order.png) 95% center no-repeat, white;
      background-size: auto, 3%; }
    #contents .middle-block .order-block ul li.service a {
      background: url(../../common/icon/icn_order_ser.jpg) left center no-repeat, url(../../common/icon/arw_order.png) 95% center no-repeat, white;
      background-size: auto, 3%; }
    #contents .middle-block .order-block ul li.trip a {
      background: url(../../common/icon/icn_order_trip.jpg) left center no-repeat, url(../../common/icon/arw_order.png) 95% center no-repeat, white;
      background-size: auto, 3%; }
    #contents .middle-block .order-block ul li:nth-child(2), #contents .middle-block .order-block ul li:nth-child(4) {
      margin: 0 0 10px; }
  #contents .middle-block .taker-block {
    background: #93CEAD; }
    #contents .middle-block .taker-block h3 {
      background: url(../../common/icon/icn_freshman.png) 5px center no-repeat;
      background-size: 15%; }
    #contents .middle-block .taker-block ul li a {
      color: #349999; }
    #contents .middle-block .taker-block ul li.guide a {
      background: url(../../common/icon/arw_freshman.png) 95% 90% no-repeat, white;
      background-size: 3%;
      line-height: 2; }
      #contents .middle-block .taker-block ul li.guide a img {
        display: block;
        margin: 0 auto -5px; }
    #contents .middle-block .taker-block ul li.cheer a {
      background: url(../../common/icon/icn_fresh_cheer.jpg) left center no-repeat, url(../../common/icon/arw_freshman.png) 95% center no-repeat, white;
      background-size: auto, 3%; }
    #contents .middle-block .taker-block ul li.stay a {
      background: url(../../common/icon/icn_fresh_stay.jpg) left center no-repeat, url(../../common/icon/arw_freshman.png) 95% center no-repeat, white;
      background-size: auto, 3%; }
    #contents .middle-block .taker-block ul li:nth-child(2), #contents .middle-block .taker-block ul li:nth-child(3) {
      margin: 0 0 10px; }
  #contents .lower-block .buy-block, #contents .lower-block .service-block {
    background: #FFF;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    border-top: 4px solid #011664;
    padding: 10px;
    margin: 0 20px 0 0; }
    #contents .lower-block .buy-block h3, #contents .lower-block .service-block h3 {
      margin: 0 0 10px;
      color: #011664;
      font-weight: bold;
      font-size: 120%; }
    #contents .lower-block .buy-block ul, #contents .lower-block .service-block ul {
      margin: 0 0 15px; }
      #contents .lower-block .buy-block ul li h4, #contents .lower-block .service-block ul li h4 {
        margin: 0 0 5px;
        height: 41px;
        padding: 9px 0 0 12px;
        box-sizing: border-box; }
      #contents .lower-block .buy-block ul li h4.buy, #contents .lower-block .service-block ul li h4.buy {
        background: url(../../common/buy_block_title_01.gif) no-repeat; }
      #contents .lower-block .buy-block ul li h4.other, #contents .lower-block .service-block ul li h4.other {
        background: url(../../common/buy_block_title_02.gif) no-repeat; }
      #contents .lower-block .buy-block ul li h4.service, #contents .lower-block .service-block ul li h4.service {
        background: url(../../common/service_block_title_01.gif) no-repeat; }
      #contents .lower-block .buy-block ul li ul li, #contents .lower-block .service-block ul li ul li {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
        background-image: -moz-linear-gradient(top, white, #f8f8eb);
        background-image: -ms-linear-gradient(top, white, #f8f8eb);
        background-image: -o-linear-gradient(top, white, #f8f8eb);
        background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
        background-image: -webkit-linear-gradient(top, white, #f8f8eb);
        background-image: linear-gradient(top, white, #f8f8eb);
        border: 1px solid #dddddd;
        box-sizing: border-box;
        -moz-box-shadow: 0px 1px 2px 0px #bbb;
        -webkit-box-shadow: 0px 1px 2px 0px #bbb;
        box-shadow: 0px 1px 2px 0px #bbb;
        margin: 0 0 10px;
        clear: both;
        overflow: hidden; }
        #contents .lower-block .buy-block ul li ul li a, #contents .lower-block .service-block ul li ul li a {
          text-decoration: none;
          color: #333;
          display: table; }
          #contents .lower-block .buy-block ul li ul li a img, #contents .lower-block .service-block ul li ul li a img {
            width: 54px;
            height: 54px;
            margin: 3px 10px 3px 3px;
            vertical-align: middle; }
          #contents .lower-block .buy-block ul li ul li a span, #contents .lower-block .service-block ul li ul li a span {
            display: table-cell;
            vertical-align: middle; }
  #contents .lower-block .banner-block {
    width: 230px; }
    #contents .lower-block .banner-block ul {
      border-bottom: 1px dotted #666;
      margin: 0 0 10px; }
      #contents .lower-block .banner-block ul li {
        border: 3px solid #CFCDC8;
        margin: 0 0 10px;
        width: 224px;
        background: #FFF; }
        #contents .lower-block .banner-block ul li a {
          background: url(../../common/icon/circle_gray.png) 5px center no-repeat;
          background-size: 7%;
          display: block;
          line-height: 2.5;
          text-decoration: none;
          color: #666;
          padding-left: 25px; }
  #contents .left-block {
    border-top: none; }
    #contents .left-block h2 {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
      background: -moz-linear-gradient(top, white, #f8f8eb);
      background: -ms-linear-gradient(top, white, #f8f8eb);
      background: -o-linear-gradient(top, white, #f8f8eb);
      background: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
      background: -webkit-linear-gradient(top, white, #f8f8eb);
      background: linear-gradient(top, white, #f8f8eb);
      border: 1px solid #ccc;
      border-top: 5px solid #F93;
      border-bottom: 2px solid #CCC;
      line-height: 2.5;
      padding: 0 0 0 45px;
      font-size: 120%;
      font-weight: bold;
      color: #461D14; }
      #contents .left-block h2:before {
        content: '';
        background: url(../../common/icon/nav/icon_snews_c.png) center center no-repeat;
        background-size: 25px;
        width: 49px;
        height: 49px;
        position: absolute;
        top: 0px;
        left: 0px; }
    #contents .left-block ul.sub-nav {
      background: #FFF;
      border-radius: 0; }
      #contents .left-block ul.sub-nav li {
        float: none;
        width: 100%;
        border: 1px solid #dddddd;
        box-sizing: border-box;
        border-top: none;
        position: relative; }
        #contents .left-block ul.sub-nav li a {
          display: block;
          height: auto;
          line-height: 1;
          width: 100%;
          padding: 10px 0 10px 30px;
          text-align: left;
          font-size: 100%;
          background: url(../../common/icon/circle_keycolor.png) 10px center no-repeat;
          background-size: 15px;
          text-decoration: none;
          color: #471D16;
          box-sizing: border-box; }
          #contents .left-block ul.sub-nav li a:hover {
            background: #ff9933 url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 15px;
            color: #FFF; }
            #contents .left-block ul.sub-nav li a:hover:before, #contents .left-block ul.sub-nav li a:hover:after {
              left: 100%;
              top: 50%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              border-color: rgba(136, 183, 213, 0);
              border-left-color: #F93;
              border-width: 7px;
              margin-top: -7px; }
        #contents .left-block ul.sub-nav li a.current {
          background: #ff9933 url(../../common/icon/circle_white.png) 10px center no-repeat;
          background-size: 6%;
          color: #FFF; }
          #contents .left-block ul.sub-nav li a.current:before, #contents .left-block ul.sub-nav li a.current:after {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136, 183, 213, 0);
            border-left-color: #F93;
            border-width: 7px;
            margin-top: -7px; }
    #contents .left-block .banner-block {
      width: 100%;
      padding: 1em 0; }
      #contents .left-block .banner-block ul li {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
        background-image: -moz-linear-gradient(top, white, #f8f8eb);
        background-image: -ms-linear-gradient(top, white, #f8f8eb);
        background-image: -o-linear-gradient(top, white, #f8f8eb);
        background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
        background-image: -webkit-linear-gradient(top, white, #f8f8eb);
        background-image: linear-gradient(top, white, #f8f8eb);
        border: none;
        border: 1px solid #dddddd;
        box-sizing: border-box;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 0 10px;
        clear: both;
        overflow: hidden; }
        #contents .left-block .banner-block ul li a {
          text-decoration: none;
          color: #333;
          display: table;
          width: 100%; }
          #contents .left-block .banner-block ul li a img {
            width: 54px;
            height: 54px;
            margin: 3px 10px 3px 3px;
            vertical-align: middle; }
          #contents .left-block .banner-block ul li a span {
            display: inline-block;
            vertical-align: middle;
            width: 65%; }
  #contents .right-block {
    border: 1px solid #dddddd; }
    #contents .right-block section {
      margin: 0 15px;
      border-top: 1px solid #ddd; }
    #contents .right-block h2 {
      font-size: 150%;
      font-weight: bold;
      color: #011664;
      border-left: 5px solid #011664;
      padding: 0 0 0 .5em;
      line-height: 3; }
      #contents .right-block h2 span.day {
        font-size: 60%;
        color: #333;
        display: block;
        position: relative;
        line-height: 1;
        top: 15px; }
    #contents .right-block h3 {
      width: 100%;
      font-size: 120%;
      font-weight: bold;
      padding: 8px 10px;
      margin: 15px 0 15px auto;
      border: 1px solid #ccc;
      border-top: 1px solid #011664;
      border-bottom: 3px solid #ccc;
      box-sizing: border-box;
      background-image: -moz-linear-gradient(bottom, #f7f7e8 0%, white 99%);
      background-image: -webkit-gradient(linear, bottom, color-stop(0, #f7f7e8), color-stop(0.99, white));
      background-image: -webkit-linear-gradient(bottom, #f7f7e8 0%, white 99%);
      background-image: -o-linear-gradient(bottom, #f7f7e8 0%, white 99%);
      background-image: -ms-linear-gradient(bottom, #f7f7e8 0%, white 99%);
      background-image: linear-gradient(bottom, #f7f7e8 0%, white 99%);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff7f7e8,GradientType=0)";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff7f7e8,GradientType=0); }
    #contents .right-block h4 {
      width: 100%;
      box-sizing: border-box;
      color: #001564;
      border-bottom: 1px dotted #001564;
      font-size: 17px;
      margin: 20px 0 10px 0; }
    #contents .right-block a {
      color: #0672bf;
      text-decoration: none; }
      #contents .right-block a:hover {
        text-decoration: underline; }
    #contents .right-block .color-red {
      color: #EA518D;
      border-bottom: 2px solid #EA518D;
      line-height: 2.1; }
    #contents .right-block .attention-mark {
      padding: 0 0 0 20px;
      background: url(../../common/icon/icn_attention.png) 0 0.4em no-repeat; }
    #contents .right-block div.block {
      padding: 0px 10px; }
      #contents .right-block div.block:last-child {
        margin: 0 0 25px 0; }
    #contents .right-block div.information h4 {
      font-weight: bold;
      color: #011664;
      font-size: 110%;
      margin-bottom: 10px;
      width: auto;
      box-sizing: border-box;
      border-bottom: none;
      margin: 0; }
    #contents .right-block div.information ul {
      width: 100%;
      overflow: hidden; }
      #contents .right-block div.information ul li {
        background-image: url(../../common/icon/circle_henko_list.png);
        background-position: left center;
        background-repeat: no-repeat;
        padding: 0 0 0 15px; }
    #contents .right-block ul.top-list {
      overflow: hidden;
      margin: 15px 0; }
      #contents .right-block ul.top-list a {
        text-decoration: none;
        color: #471D16; }
        #contents .right-block ul.top-list a:hover {
          text-decoration: underline; }
      #contents .right-block ul.top-list li {
        float: left;
        background-image: url(../../common/common/images/icon/circle_keycolor.png);
        background-repeat: no-repeat;
        background-position: left 3px;
        background-size: 15px;
        padding: 0 0 0 18px;
        margin: 0 20px 0 0;
        box-sizing: border-box; }
    #contents .right-block div.information {
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 10px 8px;
      margin: 10px 0 20px; }
    #contents .right-block .category {
      width: 95%;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
      margin: 0 auto;
      padding: 3px 0;
      overflow: hidden; }
      #contents .right-block .category ul {
        font-size: 80%;
        float: right; }
        #contents .right-block .category ul li {
          float: left;
          margin: 0 0 0 .5em;
          padding: 0 .5em 0 0;
          border-right: 1px solid #dddddd; }
        #contents .right-block .category ul li:last-child {
          border-right: none; }
    #contents .right-block .edit-box {
      width: 95%;
      margin: 20px auto; }
      #contents .right-block .edit-box p {
        text-align: left; }
    #contents .right-block ul.shop, #contents .right-block ul.product {
      width: 100%;
      margin: 0;
      padding: 0 1em;
      box-sizing: border-box; }
      #contents .right-block ul.shop li, #contents .right-block ul.product li {
        padding: 0 1.5em 1em .5em;
        margin: 0 0 1em;
        border-bottom: 1px dotted #333; }
        #contents .right-block ul.shop li span.days, #contents .right-block ul.product li span.days {
          font-size: 100%;
          color: #011664;
          font-weight: bold;
          margin: 5px;
          display: inline-block;
          overflow: hidden;
          vertical-align: middle; }
        #contents .right-block ul.shop li span.new, #contents .right-block ul.product li span.new {
          display: inline-block;
          margin: 3px;
          overflow: hidden;
          color: #FF6699;
          vertical-align: middle; }
        #contents .right-block ul.shop li span.group, #contents .right-block ul.product li span.group {
          font-size: 100%;
          color: #011664;
          font-weight: bold;
          margin: 3px;
          display: inline-block; }
        #contents .right-block ul.shop li span.thumb, #contents .right-block ul.product li span.thumb {
          display: block;
          float: left;
          margin: 0 10px 0 0; }
        #contents .right-block ul.shop li ul.category, #contents .right-block ul.product li ul.category {
          display: inline-block;
          width: auto;
          border: none;
          vertical-align: middle; }
          #contents .right-block ul.shop li ul.category li, #contents .right-block ul.product li ul.category li {
            border: none;
            margin: 0 .3em .3em 0;
            padding: 0 .3em 0 0;
            float: left;
            font-size: 90%;
            color: #666;
            background: none; }
            #contents .right-block ul.shop li ul.category li:first-child, #contents .right-block ul.product li ul.category li:first-child {
              border-left: 1px solid #666;
              padding: 0 .3em 0 1em; }
        #contents .right-block ul.shop li h3, #contents .right-block ul.product li h3 {
          line-height: 1.2;
          width: auto;
          font-size: 100%;
          font-weight: normal;
          padding: 0;
          margin: 0;
          border: none;
          background-image: none;
          filter: none; }
          #contents .right-block ul.shop li h3 a, #contents .right-block ul.product li h3 a {
            text-decoration: none;
            padding: 0 0 0 20px;
            background: url(../../common/icon/arw_shop.png) 5px center no-repeat;
            background-size: 2%; }
            #contents .right-block ul.shop li h3 a:hover, #contents .right-block ul.product li h3 a:hover {
              text-decoration: underline; }
      #contents .right-block ul.shop li:first-child, #contents .right-block ul.product li:first-child {
        border-top: 1px solid #ccc;
        padding-top: 20px; }
    #contents .right-block ul.product li h3 a {
      background: url(../../common/icon/arw_product.png) 5px center no-repeat; }
    #contents .right-block p {
      text-align: left;
      margin: 0 1em 0 0; }
    #contents .right-block p.article_number {
      text-align: right; }
    #contents .right-block .paging {
      text-align: center; }
      #contents .right-block .paging ul {
        overflow: hidden;
        display: inline-block; }
        #contents .right-block .paging ul li {
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
          background-image: -moz-linear-gradient(top, white, #f8f8eb);
          background-image: -ms-linear-gradient(top, white, #f8f8eb);
          background-image: -o-linear-gradient(top, white, #f8f8eb);
          background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
          background-image: -webkit-linear-gradient(top, white, #f8f8eb);
          background-image: linear-gradient(top, white, #f8f8eb);
          float: left;
          width: 30px;
          height: 30px;
          border: 1px solid #dddddd;
          border-left: none; }
          #contents .right-block .paging ul li a {
            line-height: 30px;
            text-decoration: none;
            text-align: center;
            display: block;
            color: #471D16; }
          #contents .right-block .paging ul li a.current {
            background: #011664;
            color: #FFF; }
        #contents .right-block .paging ul li.next {
          border-radius: 0 .5em .5em 0; }
        #contents .right-block .paging ul li.prev {
          border-left: 1px solid #dddddd;
          border-radius: .5em 0 0 .5em; }
    #contents .right-block .banner-block {
      text-align: center;
      padding: 2em 0; }

/* footer */
footer {
  border-top: 3px solid #011664;
  font-size: 90%;
  background: #FFF; }
  footer .inner {
    padding: 15px 0 10px;
    position: relative; }
    footer .inner .totop {
      position: fixed;
      bottom: 100px;
      right: 50px; }
      footer .inner .totop a {
        display: block;
        text-decoration: none;
        color: #FFF;
        background: #011664 url(../../common/icon/arw_totop.png) center 7px no-repeat;
        background-size: 30%;
        width: 45px;
        height: 45px;
        text-align: center;
        padding: 20px 0 0;
        box-sizing: border-box;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px; }
    footer .inner .foot-menu ul li {
      float: left;
      padding: 0 10px 0 0;
      border-right: 1px solid #333;
      margin: 0 10px 0 0; }
      footer .inner .foot-menu ul li a {
        text-decoration: none;
        color: #471D16; }
        footer .inner .foot-menu ul li a:hover {
          text-decoration: underline; }
    footer .inner .foot-menu ul li:last-child {
      border-right: none; }
    footer .inner .info {
      float: right;
      overflow: hidden;
      margin: 0 120px 10px 0; }
      footer .inner .info h2 {
        margin: 0 0 10px;
        font-size: 150%; }
      footer .inner .info p {
        margin: 0 0 5px; }

body {
  border-top: 5px solid #011664;
  background: #efece7 url(../../common/contents_bg.gif) center -320px no-repeat;
  font-size: 14px; }

/* header */
header h1 {
  display: block;
  margin: 10px 0 2em; }
  header h1 img {
    float: left;
    width: 30%;
    margin: 0 0 0 .5em; }
  header h1 span {
    display: block;
    float: left;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin: .5em 0 0 .5em;
    width: 11em; }
header .head-menu {
  display: none;
  width: 530px;
  float: right;
  margin: 10px 0 0; }
  header .head-menu li {
    float: left;
    margin: 18px 10px 0 0; }
    header .head-menu li a {
      background: url(../../common/icon/circle_keycolor.png) left center no-repeat;
      background-size: 14%;
      color: #333;
      text-decoration: none;
      padding: 0 0 0 20px;
      display: block;
      width: 6em; }
header #toggle {
  position: absolute;
  top: -5px;
  right: 2%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
  background-image: -moz-linear-gradient(top, white, #f8f8eb);
  background-image: -ms-linear-gradient(top, white, #f8f8eb);
  background-image: -o-linear-gradient(top, white, #f8f8eb);
  background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
  background-image: -webkit-linear-gradient(top, white, #f8f8eb);
  background-image: linear-gradient(top, white, #f8f8eb);
  display: block;
  border: 1px solid #dddddd;
  border-radius: 0 0 .3em .3em;
  -webkit-border-radius: 0 0 .3em .3em;
  -moz-border-radius: 0 0 .3em .3em;
  -moz-box-shadow: 0px 1px 5px 0px #999;
  -webkit-box-shadow: 0px 1px 5px 0px #999;
  box-shadow: 0px 1px 5px 0px #999;
  height: 55px;
  width: 55px; }
  header #toggle a {
    background: url(../../common/icon/icn_menu.png) center 0.7em no-repeat;
    background-size: 60%;
    display: block;
    height: 55px;
    width: 55px;
    text-decoration: none;
    color: #333;
    padding-top: 2.8em;
    box-sizing: border-box;
    font-size: 90%;
    text-align: center; }
header nav {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
  background-image: -moz-linear-gradient(top, white, #f8f8eb);
  background-image: -ms-linear-gradient(top, white, #f8f8eb);
  background-image: -o-linear-gradient(top, white, #f8f8eb);
  background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
  background-image: -webkit-linear-gradient(top, white, #f8f8eb);
  background-image: linear-gradient(top, white, #f8f8eb);
  border-top: 1px solid #dddddd;
  border-bottom: none;
  position: relative;
  margin: 0 0 1em; }
  header nav:before, header nav:after {
    top: -20px;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  header nav:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #FFF;
    border-width: 10px;
    margin-left: -10px; }
  header nav:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #dddddd;
    border-width: 11px;
    margin-left: -11px;
    top: -23px; }
  header nav .search-box {
    position: absolute;
    top: 18px;
    right: 0;
    width: 100%; }
    header nav .search-box form input.text-box {
      border-radius: 1.5em;
      -webkit-border-radius: 1.5em;
      -moz-border-radius: 1.5em;
      border: 1px solid #ccc;
      line-height: 2;
      width: 90%;
      margin: 0 auto 0;
      font-size: 110%;
      display: block;
      padding: 0 0 0 2.5em;
      box-sizing: border-box;
      background: url(../../common/icon/icn_search.png) 0.5em center no-repeat;
      background-size: 25px; }
    header nav .search-box form input.submit {
      background: #011664;
      border: none;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      color: #FFF;
      line-height: 1.5;
      padding: 2px 20px;
      font-size: 105%;
      display: none; }
  header nav ul {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    margin: 70px 0 0;
    overflow: auto; }
    header nav ul li {
      border-right: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
      float: left;
      position: relative;
      width: 50%;
      box-sizing: border-box; }
      header nav ul li a {
        color: #471D16;
        display: block;
        text-align: left;
        text-decoration: none;
        line-height: 50px;
        padding: 0 0 0 4em;
        box-sizing: border-box;
        font-size: 85%; }
        header nav ul li a:hover {
          color: #333; }
        header nav ul li a:active {
          color: #FFF; }
      header nav ul li ul.sub-nav {
        background: #FFF;
        height: auto;
        position: absolute;
        z-index: 999;
        display: none;
        border-radius: 0; }
        header nav ul li ul.sub-nav li {
          float: none;
          width: 190px; }
          header nav ul li ul.sub-nav li a {
            height: auto;
            line-height: 1;
            width: 101%;
            padding: 10px 0 10px 30px;
            text-align: left;
            font-size: 90%; }
            header nav ul li ul.sub-nav li a:active {
              color: #FFF; }
        header nav ul li ul.sub-nav li:last-child {
          border: none; }
    header nav ul .nav-01 a {
      background: url(../../common/icon/nav/icon_info_c.png) 10px center no-repeat;
      background-size: 30px;
      width: 100%; }
      header nav ul .nav-01 a:hover {
        background: url(../../common/icon/nav/icon_info_c.png) 10px center no-repeat;
        background-size: 30px; }
      header nav ul .nav-01 a:active {
        background: #468c00 url(../../common/icon/nav/icon_info_w.png) 10px center no-repeat;
        background-size: 15%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0; }
    header nav ul .nav-01 ul {
      border: 3px solid #468C00; }
      header nav ul .nav-01 ul li {
        border-bottom: 1px solid #468C00; }
        header nav ul .nav-01 ul li a {
          background: url(../../common/icon/circle_snews.png) 10px center no-repeat;
          background-size: 7%; }
          header nav ul .nav-01 ul li a:active {
            background: #468c00 url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 7%;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0; }
    header nav ul .nav-02 {
      border-right: none; }
      header nav ul .nav-02 a {
        background: url(../../common/icon/nav/icon_order_c.png) 10px center no-repeat;
        background-size: 30px;
        width: 100%; }
        header nav ul .nav-02 a:hover {
          background: url(../../common/icon/nav/icon_order_c.png) 10px center no-repeat;
          background-size: 30px; }
        header nav ul .nav-02 a:active {
          background: #5396d2 url(../../common/icon/nav/icon_order_w.png) 10px center no-repeat;
          background-size: 30px; }
      header nav ul .nav-02 ul {
        border: 3px solid #5396D2; }
        header nav ul .nav-02 ul li {
          border-bottom: 1px solid #5396D2; }
          header nav ul .nav-02 ul li a {
            background: url(../../common/icon/circle_snews.png) 10px center no-repeat;
            background-size: 7%; }
    header nav ul .nav-03 a {
      background: url(../../common/icon/nav/icon_snews_c.png) 10px center no-repeat;
      background-size: 28px;
      width: 100%;
      padding: 0 0 0 3em; }
      header nav ul .nav-03 a:hover {
        background: url(../../common/icon/nav/icon_snews_c.png) 10px center no-repeat;
        background-size: 28px; }
      header nav ul .nav-03 a:active {
        background: #ff9933 url(../../common/icon/nav/icon_snews_w.png) 10px center no-repeat;
        background-size: 28px; }
    header nav ul .nav-03 ul {
      border: 3px solid #F93; }
      header nav ul .nav-03 ul li {
        border-bottom: 1px solid #F93; }
        header nav ul .nav-03 ul li a {
          background: url(../../common/icon/circle_snews.png) 10px center no-repeat;
          background-size: 7%; }
    header nav ul .nav-04 {
      border-right: none; }
      header nav ul .nav-04 a {
        background: url(../../common/icon/nav/icon_pnews_c.png) 10px center no-repeat;
        background-size: 26px;
        width: 100%; }
        header nav ul .nav-04 a:hover {
          background: url(../../common/icon/nav/icon_pnews_c.png) 10px center no-repeat;
          background-size: 26px; }
        header nav ul .nav-04 a:active {
          background: #ff6699 url(../../common/icon/nav/icon_pnews_w.png) 10px center no-repeat;
          background-size: 26px; }
      header nav ul .nav-04 ul {
        border: 3px solid #F69; }
        header nav ul .nav-04 ul li {
          border-bottom: 1px solid #F69; }
          header nav ul .nav-04 ul li a {
            background: url(../../common/icon/circle_pnews.png) 10px center no-repeat;
            background-size: 7%; }
    header nav ul .nav-05 {
      border-bottom: none; }
      header nav ul .nav-05 a {
        background: url(../../common/icon/nav/icon_time_c.png) 10px center no-repeat;
        background-size: 30px;
        width: 100%; }
        header nav ul .nav-05 a:hover {
          background: url(../../common/icon/nav/icon_time_c.png) 10px center no-repeat;
          background-size: 30px; }
        header nav ul .nav-05 a:active {
          background: #b375ea url(../../common/icon/nav/icon_time_w.png) 10px center no-repeat;
          background-size: 30px; }
      header nav ul .nav-05 ul {
        border: 3px solid #B375EA; }
        header nav ul .nav-05 ul li {
          border-bottom: 1px solid #B375EA; }
          header nav ul .nav-05 ul li a {
            background: url(../../common/icon/circle_snews.png) 10px center no-repeat;
            background-size: 7%; }
            header nav ul .nav-05 ul li a:active {
              background: #b375ea url(../../common/icon/circle_white.png) 10px center no-repeat;
              background-size: 7%; }
    header nav ul .nav-06 a {
      background: url(../../common/icon/nav/icon_shop_c.png) 10px center no-repeat;
      background-size: 34px;
      width: 100%;
      padding: 0 0 0 4em; }
      header nav ul .nav-06 a:hover {
        background: url(../../common/icon/nav/icon_shop_c.png) 10px center no-repeat;
        background-size: 34px; }
      header nav ul .nav-06 a:active {
        background: #57acf9 url(../../common/icon/nav/icon_shop_w.png) 10px center no-repeat;
        background-size: 34px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0; }
    header nav ul .nav-06 ul {
      border: 3px solid #57ACF9; }
      header nav ul .nav-06 ul li {
        border-bottom: 1px solid #57ACF9; }
        header nav ul .nav-06 ul li a {
          background: url(../../common/icon/circle_snews.png) 10px center no-repeat;
          background-size: 7%; }
  header nav li:last-child {
    border: none; }

/* slider */
#slider {
  margin: 30px auto;
  overflow: hidden;
  position: relative; }
  #slider .thumb-box, #slider .thumb-control-left, #slider .thumb-control-right {
    display: none !important; }
  #slider .thumb-control-left
  .flex-control-thumbs {
    width: 90%;
    margin: 20px auto; }
    #slider .thumb-control-left
    .flex-control-thumbs li {
      float: left;
      width: 23.5%;
      margin: 0 2% 0 0; }
      #slider .thumb-control-left
      .flex-control-thumbs li img {
        width: 100%; }
    #slider .thumb-control-left
    .flex-control-thumbs li:last-child {
      margin: 0; }
  #slider .flex-direction-nav li a {
    position: absolute;
    top: 30%;
    display: block;
    width: 16px;
    height: 30px;
    text-indent: -9999px; }
  #slider .flex-direction-nav li a.flex-prev {
    background: url(../../common/icon/arw_main_prev.png) no-repeat;
    background-size: 100%;
    left: 10px; }
  #slider .flex-direction-nav li a.flex-next {
    background: url(../../common/icon/arw_main_next.png) no-repeat;
    background-size: 100%;
    right: 10px; }

/* slider */
/* breadcrumb */
.breadcrumb {
  display: none;
  width: 940px;
  margin: 20px auto;
  overflow: hidden; }
  .breadcrumb ul li {
    float: left;
    margin: 0 .5em 0 0; }
    .breadcrumb ul li a {
     /* background: url(../../common/images/icon/icon_breadcrumb.png) right center no-repeat;*/
      padding: 0 1em 0 0;
      color: #471D16; }

/* contents */
#contents {
  /* upside-block */
  /* middle-block */
  /* lower-block */
  /* left-block */
  /* right-block */ }
  #contents .sp-order {
    overflow: hidden;
    width: 100%; }
    #contents .sp-order ul {
      display: table;
      width: 100%;
      margin: 0 0 1em; }
      #contents .sp-order ul li {
        background: #CCC;
        box-shadow: 3px;
        border-right: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        box-sizing: border-box;
        vertical-align: middle;
        border: 3px solid #FFF;
        width: 47%;
        float: left;
        -moz-box-shadow: 0px 2px 0px 0px #777;
        -webkit-box-shadow: 0px 2px 0px 0px #777;
        box-shadow: 0px 2px 0px 0px #777;
        transition: .2s;
        position: relative;
        top: 0; }
        #contents .sp-order ul li:hover {
          top: 2px;
          box-shadow: none;
          vertical-align: baseline; }
        #contents .sp-order ul li a {
          color: #FFF;
          text-decoration: none;
          text-align: left;
          line-height: 1.2;
          display: block;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px; }
      #contents .sp-order ul li.order {
        margin: 0 2% 0 2%; }
        #contents .sp-order ul li.order span a {
          background: #8fb5da url(../../common/icon/arw_white.png) 96% center no-repeat;
          background-size: 3.5%;
          height: 3em;
          padding: .85em 0 0 .8em;
          box-sizing: border-box; }
      #contents .sp-order ul li.taker span a {
        background: #93cead url(../../common/icon/arw_white.png) 96% center no-repeat;
        background-size: 3.5%;
        height: 3em;
        padding: .4em 0 0 0;
        box-sizing: border-box;
        text-align: center; }
  #contents .upside-block .news .headline {
    box-sizing: border-box;
    border: none !important;
    background: none !important; }
    #contents .upside-block .news .headline h2 {
      line-height: 2.5;
      font-weight: normal;
      padding: .5em 0 0 1.5em;
      float: none;
      width: 100%;
      font-size: 90%; }
    #contents .upside-block .news .headline h2.current {
      z-index: 3; }
    #contents .upside-block .news .headline .other-link {
      display: none;
      float: right;
      line-height: 2.3;
      margin: 0 10px 0 0; }
      #contents .upside-block .news .headline .other-link span.more-list {
        border-right: 1px solid #666;
        padding: 0 10px 0 0; }
      #contents .upside-block .news .headline .other-link span a {
        font-size: 90%;
        text-decoration: none;
        color: #471D16;
        padding: 0 0 0 30px; }
  #contents .upside-block .news .headline-shop {
    border-right: 3px solid #F93;
    margin: 0 2% 0 0;
    background: #F93;
    width: 49%;
    border-radius: 0 .5em 0 0;
    -webkit-border-radius: 0 .5em 0 0;
    -moz-border-radius: 0 .5em 0 0; }
    #contents .upside-block .news .headline-shop h2 {
      border-radius: 0 .5em 0 0;
      -webkit-border-radius: 0 .5em 0 0;
      -moz-border-radius: 0 .5em 0 0;
      background: #ff9933 url(../../common/icon/nav/icon_snews_w.png) 0.5em 1em no-repeat;
      background-size: 11%;
      position: relative;
      padding: .5em 0 0 2em;
      color: #FFF;
      border-top: 4px solid #F93;
      border-right: 4px solid #F93; }
    #contents .upside-block .news .headline-shop h2.current {
      background: white url(../../common/icon/nav/icon_snews_c.png) 0.5em 1em no-repeat;
      background-size: 11%;
      box-sizing: border-box;
      color: #471D16;
      padding-top: .5em;
      height: 107%; }
    #contents .upside-block .news .headline-shop .more-list a {
      background: url(../../common/icon/circle_snews.png) 10px center no-repeat;
      background-size: 20%; }
    #contents .upside-block .news .headline-shop .rss a {
      background: url(../../common/icon/icn_rss_snews.png) 10px center no-repeat;
      background-size: 25%; }
  #contents .upside-block .news .headline-item {
    background: #F69;
    width: 49%;
    border-radius: .5em 0 0 0;
    -webkit-border-radius: .5em 0 0 0;
    -moz-border-radius: .5em 0 0 0; }
    #contents .upside-block .news .headline-item h2 {
      border-radius: .5em 0 0 0;
      -webkit-border-radius: .5em 0 0 0;
      -moz-border-radius: .5em 0 0 0;
      background: #ff6699 url(../../common/icon/nav/icon_pnews_w.png) 0.8em 1em no-repeat;
      background-size: 9%;
      position: relative;
      padding: .5em 0 0 2.5em;
      color: #FFF;
      box-sizing: border-box;
      border-top: solid #f69;
      border-left: solid #f69; }
    #contents .upside-block .news .headline-item h2.current {
      background: white url(../../common/icon/nav/icon_pnews_c.png) 0.8em 1em no-repeat;
      background-size: 9%;
      box-sizing: border-box;
      color: #471D16;
      padding-top: .5em;
      height: 107%; }
    #contents .upside-block .news .headline-item .more-list a {
      background: url(../../common/icon/circle_pnews.png) 10px center no-repeat;
      background-size: 20%; }
    #contents .upside-block .news .headline-item .rss a {
      background: url(../../common/icon/icn_rss_pnews.png) 10px center no-repeat;
      background-size: 25%; }
  #contents .upside-block .news ul.shop, #contents .upside-block .news ul.item {
    width: 100%;
    margin: 0;
    position: relative;
    top: 0px;
    z-index: 0; }
    #contents .upside-block .news ul.shop li, #contents .upside-block .news ul.item li {
      padding: 0 1.5em 1em .5em;
      margin: 0 0 1em;
      border-bottom: 1px solid #ccc; }
      #contents .upside-block .news ul.shop li span.days, #contents .upside-block .news ul.item li span.days {
        font-size: 100%;
        color: #011664;
        font-weight: bold;
        margin: 0 0 5px;
        display: block; }
      #contents .upside-block .news ul.shop li span.new, #contents .upside-block .news ul.item li span.new {
        display: inline-block;
        margin: 0 0 3px;
        overflow: hidden;
        color: #FF6699;
        vertical-align: middle; }
      #contents .upside-block .news ul.shop li span.group, #contents .upside-block .news ul.item li span.group {
        font-size: 100%;
        color: #011664;
        font-weight: bold;
        margin: 0 0 5px;
        display: block; }
      #contents .upside-block .news ul.shop li ul.category, #contents .upside-block .news ul.item li ul.category {
        display: inline-block;
        margin: 0 0 5px; }
        #contents .upside-block .news ul.shop li ul.category li, #contents .upside-block .news ul.item li ul.category li {
          border: none;
          margin: 0 .3em .3em 0;
          padding: 0 .3em 0 0;
          float: left;
          border-right: 1px solid;
          font-size: 90%;
          color: #666;
          background: none; }
      #contents .upside-block .news ul.shop li h3, #contents .upside-block .news ul.item li h3 {
        line-height: 1.2; }
        #contents .upside-block .news ul.shop li h3 a, #contents .upside-block .news ul.item li h3 a {
          text-decoration: none;
          padding: 0 0 0 20px; }
    #contents .upside-block .news ul.shop li.list-show, #contents .upside-block .news ul.item li.list-show {
      width: 100%;
      background: none;
      padding: 0 0 1em; }
      #contents .upside-block .news ul.shop li.list-show a, #contents .upside-block .news ul.item li.list-show a {
        display: block;
        text-align: center;
        color: #FFF;
        font-size: 120%;
        line-height: 3;
        -moz-box-shadow: 0px 2px 0px 0px #777;
        -webkit-box-shadow: 0px 2px 0px 0px #777;
        box-shadow: 0px 2px 0px 0px #777;
        transition: .2s;
        position: relative;
        border-radius: .5em;
        -webkit-border-radius: .5em;
        -moz-border-radius: .5em;
        width: 94%;
        margin: 0 auto;
        text-decoration: none;
        top: 0; }
        #contents .upside-block .news ul.shop li.list-show a:hover, #contents .upside-block .news ul.item li.list-show a:hover {
          top: 2px;
          box-shadow: none;
          vertical-align: baseline; }
  #contents .upside-block .news ul.shop {
    border-top: 3px solid #f93;
    padding: 0.5em 0 0;
    display: block; }
    #contents .upside-block .news ul.shop li {
      background: url(../../common/icon/arw_snews.png) 96% center no-repeat;
      background-size: 4%; }
      #contents .upside-block .news ul.shop li ul.category li:first-child {
        margin-left: 0; }
      #contents .upside-block .news ul.shop li ul.category li:last-child {
        border-right: none; }
      #contents .upside-block .news ul.shop li h3 a {
        background: none;
        padding: 0; }
    #contents .upside-block .news ul.shop li:first-child {
      padding-top: 1em;
      border-top: 1px solid #ccc; }
    #contents .upside-block .news ul.shop li.list-show {
      border-bottom: 3px solid #F93;
      margin: 0; }
      #contents .upside-block .news ul.shop li.list-show a {
        background: #ff9933 url(../../common/icon/arw_white.png) 96% center no-repeat;
        background-size: 2.5%; }
  #contents .upside-block .news ul.item {
    border-top: 3px solid #F69;
    padding: 0.5em 0 0;
    display: none; }
    #contents .upside-block .news ul.item li {
      background: url(../../common/icon/arw_pnews.png) 96% center no-repeat;
      background-size: 4%; }
      #contents .upside-block .news ul.item li ul.category li:first-child {
        margin-left: 0; }
      #contents .upside-block .news ul.item li ul.category li:last-child {
        border-right: none; }
      #contents .upside-block .news ul.item li ul.category li {
        float: none;
        margin: 0; }
      #contents .upside-block .news ul.item li h3 a {
        background: none;
        padding: 0; }
    #contents .upside-block .news ul.item li:first-child {
      padding-top: 1em;
      border-top: 1px solid #ccc; }
    #contents .upside-block .news ul.item li.list-show {
      border-bottom: 3px solid #F69;
      margin: 0; }
      #contents .upside-block .news ul.item li.list-show a {
        background: #ff6699 url(../../common/icon/arw_white.png) 96% center no-repeat;
        background-size: 2.5%; }
  #contents .middle-block div {
    border: 1px solid #dddddd; }
    #contents .middle-block div h3 {
      color: #FFF;
      font-weight: bold;
      font-size: 122%;
      padding: 20px 0 10px 60px;
      width: 260px;
      position: absolute;
      margin: -18px 0 0 -10px; }
    #contents .middle-block div ul {
      margin: 40px 0 0 0; }
      #contents .middle-block div ul li {
        float: left;
        width: 49%;
        margin: 0 2% 2% 0; }
        #contents .middle-block div ul li a {
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          line-height: 3;
          display: block;
          text-align: center;
          text-decoration: none;
          -moz-box-shadow: 0px 2px 0px 0px #777;
          -webkit-box-shadow: 0px 2px 0px 0px #777;
          box-shadow: 0px 2px 0px 0px #777;
          transition: .2s;
          position: relative;
          top: 0; }
        #contents .middle-block div ul li a:hover {
          top: 2px;
          box-shadow: none;
          vertical-align: baseline; }
  #contents .middle-block .order-block {
    background: #8EB5DA; }
    #contents .middle-block .order-block h3 {
      background: url(../../common/icon/icn_order.png) 5px center no-repeat;
      background-size: 15%; }
    #contents .middle-block .order-block ul li a {
      color: #013499; }
    #contents .middle-block .order-block ul li.pc a {
      background: url(../../common/icon/arw_order.png) 95% center no-repeat, white;
      background-size: 5%; }
    #contents .middle-block .order-block ul li.book a {
      background: url(../../common/icon/arw_order.png) 95% center no-repeat, white;
      background-size: 5%; }
    #contents .middle-block .order-block ul li.service a {
      background: url(../../common/icon/arw_order.png) 95% center no-repeat, white;
      background-size: 5%; }
    #contents .middle-block .order-block ul li.trip a {
      background: url(../../common/icon/arw_order.png) 95% center no-repeat, white;
      background-size: 5%; }
    #contents .middle-block .order-block ul li:nth-child(2), #contents .middle-block .order-block ul li:nth-child(4) {
      margin: 0 0 10px; }
  #contents .middle-block .taker-block {
    background: #93CEAD; }
    #contents .middle-block .taker-block h3 {
      background: url(../../common/icon/icn_freshman.png) 5px center no-repeat;
      background-size: 15%; }
    #contents .middle-block .taker-block ul li {
      float: none;
      width: 100%; }
      #contents .middle-block .taker-block ul li a {
        color: #349999; }
    #contents .middle-block .taker-block ul li.guide a {
      background: url(../../common/icon/arw_freshman.png) 95% center no-repeat, white;
      background-size: 2.5%;
      line-height: 3; }
      #contents .middle-block .taker-block ul li.guide a img {
        display: none;
        margin: 0 auto -5px; }
    #contents .middle-block .taker-block ul li.cheer a {
      background: url(../../common/icon/arw_freshman.png) 95% center no-repeat, white;
      background-size: 2.5%; }
    #contents .middle-block .taker-block ul li.stay a {
      background: url(../../common/icon/icn_fresh_stay.jpg) left center no-repeat, url(../../common/icon/arw_freshman.png) 95% center no-repeat, white;
      background-size: auto, 3%; }
    #contents .middle-block .taker-block ul li:nth-child(2), #contents .middle-block .taker-block ul li:nth-child(3) {
      margin: 0 0 10px; }
    #contents .middle-block .taker-block ul li.sp-non {
      display: none; }
  #contents .lower-block li.sp-none {
    display: none; }
  #contents .lower-block .buy-block, #contents .lower-block .service-block {
    background: #FFF;
    box-sizing: border-box;
    border: none;
    padding: 0;
    margin: 0 20px 0 0; }
    #contents .lower-block .buy-block h3, #contents .lower-block .service-block h3 {
      background: #011664;
      color: #FFF;
      margin: 0;
      line-height: 2;
      font-weight: normal;
      font-size: 120%;
      padding: 0 0 0 .5em; }
    #contents .lower-block .buy-block ul, #contents .lower-block .service-block ul {
      margin: 0; }
      #contents .lower-block .buy-block ul li, #contents .lower-block .service-block ul li {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
        background-image: -moz-linear-gradient(top, white, #f8f8eb);
        background-image: -ms-linear-gradient(top, white, #f8f8eb);
        background-image: -o-linear-gradient(top, white, #f8f8eb);
        background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
        background-image: -webkit-linear-gradient(top, white, #f8f8eb);
        background-image: linear-gradient(top, white, #f8f8eb);
        border-bottom: 2px solid #dddddd; }
        #contents .lower-block .buy-block ul li h4, #contents .lower-block .service-block ul li h4 {
          font-weight: bold;
          background: url(../../common/icon/btn_plus.gif) 97% center no-repeat    !important;
          background-size: 8% !important;
          margin: 0;
          height: auto;
          padding: 0 0 0 .5em;
          line-height: 3; }
        #contents .lower-block .buy-block ul li h4.open, #contents .lower-block .service-block ul li h4.open {
          background: url(../../common/icon/btn_minus.gif) 97% center no-repeat    !important;
          background-size: 8% !important; }
        #contents .lower-block .buy-block ul li ul, #contents .lower-block .service-block ul li ul {
          display: none; }
          #contents .lower-block .buy-block ul li ul li, #contents .lower-block .service-block ul li ul li {
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
            background-image: -moz-linear-gradient(top, white, #f8f8eb);
            background-image: -ms-linear-gradient(top, white, #f8f8eb);
            background-image: -o-linear-gradient(top, white, #f8f8eb);
            background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
            background-image: -webkit-linear-gradient(top, white, #f8f8eb);
            background-image: linear-gradient(top, white, #f8f8eb);
            border: none;
            border-top: 1px solid #dddddd;
            box-sizing: border-box;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin: 0;
            clear: both;
            overflow: hidden; }
            #contents .lower-block .buy-block ul li ul li a, #contents .lower-block .service-block ul li ul li a {
              text-decoration: none;
              color: #333;
              display: table;
              background: url(../../common/icon/arw_keycolor.png) 97% center no-repeat    !important;
              background-size: 4% !important;
              width: 100%; }
              #contents .lower-block .buy-block ul li ul li a img, #contents .lower-block .service-block ul li ul li a img {
                width: 54px;
                height: 54px;
                margin: 3px 10px 3px 3px;
                vertical-align: middle; }
              #contents .lower-block .buy-block ul li ul li a span, #contents .lower-block .service-block ul li ul li a span {
                display: inline-block;
                vertical-align: middle;
                width: 65%; }
  #contents .lower-block .banner-block {
    width: 100%;
    padding: 1em 0; }
    #contents .lower-block .banner-block ul {
      border: none;
      margin: 0 0 10px;
      display: none; }
      #contents .lower-block .banner-block ul li {
        border: 3px solid #CFCDC8;
        margin: 0 auto 1em;
        width: 94%;
        background: #FFF;
        display: none; }
        #contents .lower-block .banner-block ul li a {
          background: url(../../common/icon/circle_gray.png) 5px center no-repeat;
          background-size: 6%;
          display: block;
          line-height: 3;
          text-decoration: none;
          color: #666;
          padding: 0 0 0 2.5em; }
    #contents .lower-block .banner-block ul.sp-on {
      display: block; }
      #contents .lower-block .banner-block ul.sp-on li.sp-on {
        display: block; }
  #contents .left-block, #contents .clone {
    border-top: none;
    position: relative;
    width: 96%;
    margin: 0 auto; }
    #contents .left-block h2, #contents .clone h2 {
      background: #ff9933 url(../../common/icon/nav/icon_snews_w.png) 10px center no-repeat;
      background-size: 25px;
      border: 1px solid #ccc;
      border-top: 2px solid #ffffff;
      border-left: 2px solid #fff;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #FFF;
      line-height: 2.5;
      padding: 0 0 0 45px;
      font-size: 120%;
      font-weight: bold;
      color: #FFF;
      margin: 0 0 20px;
      position: relative; }
      #contents .left-block h2:before, #contents .left-block h2:after, #contents .clone h2:before, #contents .clone h2:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        background: none; }
      #contents .left-block h2:after, #contents .clone h2:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #F93;
        border-width: 10px;
        margin-left: -10px; }
      #contents .left-block h2:before, #contents .clone h2:before {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #FFF;
        border-width: 12px;
        margin-left: -12px; }
    #contents .left-block ul.sub-nav, #contents .clone ul.sub-nav {
      background: #EFECE7;
      border-radius: 0;
      border-top: 1px solid #dddddd;
      border-left: 1px solid #dddddd;
      border-bottom: none;
      overflow: hidden;
      margin-bottom: 1em;
      display: table; }
      #contents .left-block ul.sub-nav li, #contents .clone ul.sub-nav li {
        float: left;
        width: 50%;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        border-top: none;
        border-left: none;
        background: #FFF;
        box-sizing: border-box; }
        #contents .left-block ul.sub-nav li a, #contents .clone ul.sub-nav li a {
          line-height: 1;
          width: 100%;
          padding: 10px 0 10px 30px;
          text-align: left;
          font-size: 100%;
          background: url(../../common/icon/circle_keycolor.png) 10px center no-repeat;
          background-size: 15px;
          text-decoration: none;
          color: #471D16;
          width: 320px;
          display: table-cell;
          vertical-align: middle; }
          #contents .left-block ul.sub-nav li a:hover, #contents .clone ul.sub-nav li a:hover {
            background: #ff9933 url(../../common/icon/circle_white.png) 10px center no-repeat;
            background-size: 15px;
            color: #FFF; }
            #contents .left-block ul.sub-nav li a:hover:before, #contents .left-block ul.sub-nav li a:hover:after, #contents .clone ul.sub-nav li a:hover:before, #contents .clone ul.sub-nav li a:hover:after {
              display: none; }
        #contents .left-block ul.sub-nav li a.current, #contents .clone ul.sub-nav li a.current {
          background: #ff9933 url(../../common/icon/circle_white.png) 10px center no-repeat;
          color: #FFF; }
          #contents .left-block ul.sub-nav li a.current:before, #contents .left-block ul.sub-nav li a.current:after, #contents .clone ul.sub-nav li a.current:before, #contents .clone ul.sub-nav li a.current:after {
            display: none; }
    #contents .left-block .banner-block, #contents .clone .banner-block {
      width: 100%;
      padding: 1em 0; }
      #contents .left-block .banner-block ul li, #contents .clone .banner-block ul li {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
        background-image: -moz-linear-gradient(top, white, #f8f8eb);
        background-image: -ms-linear-gradient(top, white, #f8f8eb);
        background-image: -o-linear-gradient(top, white, #f8f8eb);
        background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
        background-image: -webkit-linear-gradient(top, white, #f8f8eb);
        background-image: linear-gradient(top, white, #f8f8eb);
        border: none;
        border: 1px solid #dddddd;
        box-sizing: border-box;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 0 10px;
        clear: both;
        overflow: hidden; }
        #contents .left-block .banner-block ul li a, #contents .clone .banner-block ul li a {
          text-decoration: none;
          color: #333;
          display: table;
          width: 100%; }
          #contents .left-block .banner-block ul li a img, #contents .clone .banner-block ul li a img {
            width: 54px;
            height: 54px;
            margin: 3px 10px 3px 3px;
            vertical-align: middle; }
          #contents .left-block .banner-block ul li a span, #contents .clone .banner-block ul li a span {
            display: inline-block;
            vertical-align: middle;
            width: 65%; }
  #contents .clone {
    padding: 1em 0;
    overflow: hidden; }
    #contents .clone ul.sub-nav li a {
      box-sizing: border-box; }
  #contents .right-block {
    border: 1px solid #dddddd;
    border-left: none;
    border-right: none; }
    #contents .right-block h2 {
      font-size: 150%;
      font-weight: bold;
      color: #011664;
      border-left: 5px solid #011664;
      padding: 0 0 0 .5em;
      line-height: 2.5; }
    #contents .right-block section {
      margin: 0 10px;
      border-top: 1px solid #ddd; }
    #contents .right-block div.block {
      padding: 0px; }
    #contents .right-block span.tel-link {
      color: #0672BF;
      background: #eeeeee;
      display: inline-block;
      border-radius: 5px;
      padding: 3px;
      font-weight: bold;
      text-decoration: underline; }
    #contents .right-block ul.shop {
      width: 100%;
      margin: 0;
      padding: 0 1em;
      box-sizing: border-box; }
      #contents .right-block ul.shop li {
        padding: 0 1.5em 1em .5em;
        margin: 0 0 1em;
        border-bottom: 1px dotted #333;
        background: url(../../common/icon/arw_snews.png) 100% center no-repeat;
        background-size: 5%; }
        #contents .right-block ul.shop li span.days {
          font-size: 100%;
          color: #011664;
          font-weight: bold;
          margin: 0 0 5px 0;
          display: inline-block;
          overflow: hidden; }
        #contents .right-block ul.shop li span.new {
          display: inline-block;
          margin: 0 0 4px;
          overflow: hidden;
          color: #FF6699;
          vertical-align: middle; }
        #contents .right-block ul.shop li span.group {
          font-size: 100%;
          color: #011664;
          font-weight: bold;
          margin: 3px;
          display: none; }
        #contents .right-block ul.shop li ul.category {
          display: none;
          margin: 3px; }
          #contents .right-block ul.shop li ul.category li {
            border: none;
            margin: 0 .3em .3em 0;
            padding: 0 .3em 0 0;
            float: left;
            border-right: 1px solid;
            font-size: 90%;
            color: #666;
            background: none; }
        #contents .right-block ul.shop li h3 {
          line-height: 1.2; }
          #contents .right-block ul.shop li h3 a {
            text-decoration: none;
            padding: 0;
            background: none;
            background-size: 2%; }
      #contents .right-block ul.shop li:first-child {
        border-top: 1px solid #ccc;
        padding-top: 20px; }
    #contents .right-block p {
      text-align: left;
      margin: 0 1em 1em 0; }
      #contents .right-block p img {
        max-width: 100%;
        height: auto; }
    #contents .right-block .paging {
      text-align: center; }
      #contents .right-block .paging ul {
        overflow: hidden;
        display: inline-block; }
        #contents .right-block .paging ul li {
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB');
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F8F8EB')";
          background-image: -moz-linear-gradient(top, white, #f8f8eb);
          background-image: -ms-linear-gradient(top, white, #f8f8eb);
          background-image: -o-linear-gradient(top, white, #f8f8eb);
          background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#f8f8eb));
          background-image: -webkit-linear-gradient(top, white, #f8f8eb);
          background-image: linear-gradient(top, white, #f8f8eb);
          float: left;
          width: 30px;
          height: 30px;
          border: 1px solid #dddddd;
          border-left: none; }
          #contents .right-block .paging ul li a {
            line-height: 30px;
            text-decoration: none;
            text-align: center;
            display: block;
            color: #471D16; }
          #contents .right-block .paging ul li a.current {
            background: #011664;
            color: #FFF; }
        #contents .right-block .paging ul li.next {
          border-radius: 0 .5em .5em 0; }
        #contents .right-block .paging ul li.prev {
          border-left: 1px solid #dddddd;
          border-radius: .5em 0 0 .5em; }
    #contents .right-block .banner-block {
      text-align: center;
      padding: 2em 0; }
    #contents .right-block ul.sub-nav {
      width: 100%;
      padding: 1em;
      background: #EFECE7;
      box-sizing: border-box; }
      #contents .right-block ul.sub-nav li {
        background: #FFF;
        width: 50%;
        float: left;
        box-sizing: border-box;
        border: 1px solid #dddddd; }
        #contents .right-block ul.sub-nav li a {
          text-decoration: none;
          line-height: 3;
          padding: 0 0 0 1.5em; }

/* contents */
footer {
  border-top: 3px solid #011664;
  font-size: 90%;
  background: #FFF; }
  footer .inner {
    padding: 15px 0 10px;
    position: relative; }
    footer .inner .totop {
      position: fixed;
      top: inherit;
      right: 0;
      bottom: 50px; }
      footer .inner .totop a {
        display: block;
        text-decoration: none;
        color: #FFF;
        background: #011664 url(../../common/icon/arw_totop.png) center 7px no-repeat;
        background-size: 30%;
        width: 45px;
        height: 45px;
        text-align: center;
        padding: 20px 0 0;
        box-sizing: border-box;
        border-radius: .5em 0 0 .5em;
        -webkit-border-radius: .5em 0 0 .5em;
        -moz-border-radius: .5em 0 0 .5em; }
    footer .inner .foot-menu {
      overflow: hidden;
      margin: 0 0 1.5em; }
      footer .inner .foot-menu ul li {
        float: left;
        padding: 0 .5em 0 0;
        border-right: 1px solid #333;
        margin: 0 .5em .5em 0; }
        footer .inner .foot-menu ul li a {
          text-decoration: none;
          color: #333; }
      footer .inner .foot-menu ul li:last-child {
        border-right: none; }
    footer .inner .info {
      float: none;
      overflow: hidden;
      margin: 0 auto;
      width: 94%; }
      footer .inner .info h2 {
        margin: 0 0 .5em;
        font-size: 100%;
        font-weight: bold; }
      footer .inner .info p {
        margin: 0 0 5px; }

/* footer */