@charset "UTF-8";
/*---------------------------*/
* {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif; }

body {
  margin: 0px;
  padding: 0px; }

a.noborder,
a.noborder:link,
a.noborder:hover,
a.noborder:active,
a.noborder:visited,
img {
  border: 0;
  vertical-align: bottom; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

header {
  border-bottom: solid 1px #aaa; }
  header ul {
    width: 320px;
    height: 20px;
    margin: 0 auto;
    padding: 10px 0; }
    header ul li {
      float: left;
      margin: 0 7px; }
      header ul li img {
        display: block; }

article {
  width: 100%; }
  article > div {
    position: relative; }
    article > div img {
      width: 90%;
      margin: 0 5%; }
    article > div > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      article > div > div a {
        display: block;
        position: absolute;
        width: 100%;
        height: 33.33%;
        left: 0; }
        article > div > div a.link1 {
          top: 0; }
        article > div > div a.link2 {
          top: 33.33%; }
        article > div > div a.link3 {
          bottom: 0; }
  article p {
    font-size: 87.5%;
    line-height: 1.8;
    color: #333;
    padding: 0 15px;
    margin-bottom: 15px; }
  article .banner img {
    width: 90%;
    margin: 30px 5%; }
  article h1 {
    margin-bottom: 15px; }
  article img.subtitle {
    width: 90%;
    margin: 0 5% 15px;
    box-shadow: 0px 9px 5px -5px rgba(0, 0, 0, 0.3); }
  article .arrow {
    width: 90%;
    margin: 20px 5% 0;
    text-align: center; }
    article .arrow a {
      width: 30%;
      height: 20px;
      border-radius: 5px;
      color: #fff;
      font-size: 1em;
      background-color: #a29f6d;
      text-align: center;
      padding: 10px 0px;
      text-decoration: none; }
      article .arrow a.left {
        float: left; }
      article .arrow a.right {
        float: right;
        position: relative; }
  article .pagitation {
    text-align: center;
    margin: 30px 0; }
    article .pagitation a {
      display: inline-block;
      width: 8%;
      position: relative;
      text-decoration: none;
      text-align: center;
      color: #333; }
      article .pagitation a.current {
        background-color: #c7c5a7; }
  article .sp_banner {
    width: 94%;
    margin: 0 3%; }
    article .sp_banner a {
      width: 48%;
      float: left;
      margin: 0 1% 30px;
      position: relative; }
  article a.page_top {
    font-size: 19px;
    text-align: center;
    display: block;
    text-decoration: none;
    background-color: #FAF6AA;
    color: #666;
    padding: 10px 0;
    border-radius: 10px;
    box-shadow: 3px 3px rgba(0, 0, 0, 0.4);
    margin: 0 5% 50px;
    width: 90%; }

footer {
  clear: both;
  background-color: #000;
  padding: 20px 15px; }
  footer a {
    display: block;
    width: 164px;
    margin: 0 auto 15px; }
  footer p {
    font-size: 75%;
    color: #fff;
    line-height: 1.4; }

/*# sourceMappingURL=style_smp.css.map */