@charset "Shift_JIS";

/* reset-- */
* {
  margin: 0; padding: 0;
}
ul, li, ol, dl, dt, dd {
  list-style: none;
}
img {
  border: 0;
}
br {
  letter-spacing: 0;
}
a {
  text-decoration: none;
}

/* scroll-- */
  ::-webkit-scrollbar { width: 7px; height: auto; background: #f9f8f3; }
  ::-webkit-scrollbar:horizontal { width: auto; height: 7px; background: #f9f8f3; }
  ::-webkit-scrollbar-button { display: none; }
  ::-webkit-scrollbar-piece { display: none; }
  ::-webkit-scrollbar-thumb { background: #ccc; }
  ::-webkit-scrollbar-thumb:horizontal { background: #ccc; }
  ::-webkit-scrollbar-corner { display: none; }

body {
  color: #222;
  font-size: 13px;
  background: #f3f3ee;
}

#contents {
  margin: 0 auto;
  padding: 20px 30px 40px;
  width: 840px;
  font-size: 13px;
  line-height: 1.9;
}

.text {
  font-family: 'Hiragino Kaku Gothic Pro W3', 'Verdana', 'Meiryo', 'MS P Gothic', 'sans-serif';
  margin: 30px auto;
  padding: 0 20px;
  width: 800px;
  font-size: 13px;
  line-height: 1.9;
}

h1 {
  font-family: 'Hiragino Mincho Pro W3', 'MS Mincho', 'serif';
  font-size: 18px;
  margin-bottom: 30px;
}

ul.re {
  margin: 50px 0;
  padding: 5px 0;
  text-align: right;
}
ul.re li {
  color: #999;
}
ul.re li a:hover {
  color: #222;
}
ul.re li a {
  color: #999;
}

#footer {
  padding: 10px 10px 0px 0px;
  width: 100%;
  height: 100px;
}
#footer ul {
  list-style-type: none;
}
#footer li a:hover {
  color: #777;
  text-decoration: none;
  font-weight: nomal;
}
#footer li a {
  color: #222;
  text-decoration: none;
}