@charset "Shift_JIS";

/* Reset ------------------------------ */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
body {
  font-size: 80%;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  text-align: center;
}
img {
  border: 0;
  margin: 0;
  vertical-align: bottom;
}
#main {
  line-height: 150%;
}
#main a {
  outline: none;
}
#main body, #main div, #main dl, #main dt, #main dd, #main ul, #main ol, #main li, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main blockquote, #main pre, #main cite, #main code, #main caption, #main form, #main fieldset, #main legend, #main input, #main textarea, #main select, #main option, #main label {
  margin: 0;
  padding: 0;
}
#main pre, #main code, #main kbd, #main samp, #main tt {
  font-family: monospace;
}
#main table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
#main fieldset, #main img {
  border: 0;
}
#main img {
  vertical-align: top;
}
#main li img, #main #main dt img {
  vertical-align: bottom;
}
#main address, #main caption, #main cite, #main code, #main dfn, #main em, #main strong, #main th, #main var {
  font-style: normal;
  font-weight: normal;
}
#main fieldset {
  border: medium none;
}
#main ol, #main ul, #main li {
  list-style: none;
}
#main caption, #main th {
  text-align: left;
  font-weight: normal;
}
#main input {
  vertical-align: middle;
}
#main q:before, #main q:after {
  content: '';
}
#main object, #main embed {
  vertical-align: top;
}
#main abbr, #main acronym {
  border: 0;
}
#footer {
  position: relative;
  width: 820px;
  margin: 0 auto;
  color: #666;
  margin-bottom: 15px;
}
#footer .menu {
  float: left;
  line-height: 150%;
}
#footer .menu a {
  color: #0f0fab;
  outline: none;
}
#footer .menu a:visited {
  color: #6a6aba;
}
#footer .menu a:hover {
  color: #f99b2d;
}
#footer .copyright {
  text-align: right;
  line-height: 150%;
  font-size: 80%;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}

/*\*/

*+html .clearfix {
  height: 1%;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/**/

.clear {
  clear: both;
}

/*--sp-----------------------------------------------------------
--------------------------------------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 768px) {
  #footer {
    width: 100%;
  }
  #footer .menu {
    float: none;
  }
  #footer .copyright {
    text-align: center;
    line-height: 150%;
    font-size: 80%;
  }
}