@charset "UTF-8";
/*-----------------------------------------------------

　カーパーク水島
　SP用CSS

-----------------------------------------------------*/
/* #########################

　共通設定

######################### */
a {
  color: #6a3906; }
  a:active {
    color: #f39800; }

.w960 {
  width: 320px;
  margin: 0 auto; }

/* ##### Table ##### */
.contents table {
  border-collapse: collapse;
  border-top: 1px solid #f1edda;
  margin: 0 0 20px 0; }

.contents table th {
  font-weight: normal;
  border-bottom: 1px solid #f1edda;
  border-right: 1px dotted #f1edda;
  padding: 5px; }

.contents table th, .contents table td {
  padding: 5px;
  border-bottom: 1px solid #f1edda;
  vertical-align: middle; }

/* ##### List ##### */
ul {
  margin: 5px 0px 5px 1em; }

/* ##### Photo Area ##### */
.photo-thumb {
  list-style: none;
  margin: 30px auto; }
  .photo-thumb li {
    display: block;
    margin: 6px;
    vertical-align: top; }
    .photo-thumb li a {
      display: block;
      color: #000;
      text-decoration: none;
      font-size: 12px;
      line-height: 140%; }
      .photo-thumb li a span {
        display: block;
        margin: 7px 0px; }
        .photo-thumb li a span.imgarea {
          text-align: center; }
        .photo-thumb li a span img {
          max-width: 100%;
          border-radius: 10px;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px; }
      .photo-thumb li a:active {
        opacity: 0.8;
        filter: alpha(opacity=80);
        -ms-filter: alpha(opacity=80); }

/* ##### Button ##### */
p.linkbtn {
  text-align: center;
  margin: 20px auto; }
  p.linkbtn img {
    max-width: 260px; }
  p.linkbtn a:active {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: alpha(opacity=80); }

#pastlist {
  max-width: 320px;
  margin: 20px auto; }
  #pastlist a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px 5px 30px;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 9px -2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 9px -2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 9px -2px; }
    #pastlist a:active {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: alpha(opacity=80); }

#backbtn {
  max-width: 320px;
  margin: 50px auto 20px auto;
  text-align: center; }
  #backbtn a {
    display: inline-block;
    background: #f39800;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
    #backbtn a:active {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: alpha(opacity=80); }

.nextbtn {
  max-width: 320px;
  margin: 10px auto 10px auto;
  text-align: right; }
  .nextbtn a {
    display: inline-block;
    background: #f39800;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
    .nextbtn a:active {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: alpha(opacity=80); }

/* #########################

　Header

######################### */
header {
  background: #f1edda url("../img/bg_header_dash.png") center top repeat-x;
  position: relative; }
  header h1 {
    width: 100%;
    height: 60px;
    background: transparent url("../img/bg_header_h1.png") 0px 30px repeat-x;
    text-align: center;
    padding: 30px 0px 20px 0px; }
    header h1 a:active {
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: alpha(opacity=80); }
  header nav#subnav {
    display: none; }
  header nav#mainnav {
    width: 100%;
    background: #6a3906 none;
    margin: 0px auto;
    padding: 7px 0px 7px 0px; }
    header nav#mainnav #spnavi {
      /*			background: transparent url("../img/icon_spnavi.png") right center no-repeat;*/
      /*			min-height: 44px;*/
      background: transparent url("../img/icon_spnavi_menu.png") right center no-repeat;
      min-height: 55px;
      cursor: pointer; }
      header nav#mainnav #spnavi span {
        display: none; }
    header nav#mainnav ul {
      display: table;
      margin: 0px auto;
      border-top: 1px solid #f1edda;
      display: none; }
      header nav#mainnav ul li {
        border-bottom: 1px solid #f1edda; }
        header nav#mainnav ul li a {
          display: block;
          height: 21px;
          vertical-align: middle;
          padding: 7px 10px; }
          header nav#mainnav ul li a:active {
            opacity: 0.8;
            filter: alpha(opacity=80);
            -ms-filter: alpha(opacity=80); }
          header nav#mainnav ul li a.active {
            background: #896236 none; }

/* #########################

　Footer

######################### */
footer {
  background: #6a3906 none;
  color: #f1edda;
  letter-spacing: 0px;
  margin: 0px;
  padding: 0 0 15px 0;
  position: relative; }
  footer p#pageup {
    width: 86px;
    height: 174px;
    position: absolute;
    bottom: 50px;
    right: 10px; }
  footer > div {
    margin: 0px auto;
    padding: 40px 0px; }
    footer > div > div {
      width: 80%;
      margin: 10px auto; }
      footer > div > div strong {
        display: inline-block;
        font-size: 18px;
        margin: 10px 0px; }
      footer > div > div iframe {
        width: 100%;
        height: 300px;
        border: 0px; }
  footer p#copyright {
    background: #f39800 none;
    color: #6a3906;
    font-size: 12px;
    text-align: center;
    margin-top: 130px;
    padding: 5px 0px; }
    footer p#copyright span {
      display: none; }