@charset "UTF-8";
/* Resets
------------------------------------------------*/
html {
  overflow-y: scroll;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote {
  margin: 0;
  padding: 0;
}

section,
nav,
article,
aside,
hgroup,
header,
footer,
figure,
figcaption,
summary {
  display: block;
  margin: 0;
  padding: 0;
}

body {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  /*font-family: "Times New Roman", "Hiragino Mincho proN", "游明朝", "Yu Mincho", YuMincho, serif;*/
  font-size: 16px;
  line-height: 1.8;
}

* html body {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* for IF6 */
a:link {
  color: #00F;
}

a:visited {
  color: #639;
}

a:hover {
  text-decoration: underline;
  color: #F00;
}

a {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

table {
  margin: 0 auto 0 auto;
}

th,
td {
  margin: 0;
  padding: 0;
}

th,
td {
  text-align: left;
}

caption,
th {
  text-align: left;
  margin: auto;
}

img {
  vertical-align: bottom;
}

fieldset,
img,
abbr {
  border: 0;
}

ol,
ul {
  list-style: none;
}

address,
caption,
cite,
code,
dfn,
h1,
h2,
h3,
h4,
th,
var {
  font-style: normal;
  font-weight: normal;
}

/* Add class
------------------------------------------------*/
.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-center table {
  margin: 0 auto 0 auto;
}

.align-right {
  text-align: right;
}

.valign-top {
  vertical-align: top;
}

.valign-middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: bottom;
}

.nowrap {
  white-space: nowrap;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

/* body,Anchor
------------------------------------------------*/
body {
  background-color: #fff;
  color: #000;
}

a:link {
  color: #00f;
}

a:visited {
  color: #639;
}

a:hover {
  text-decoration: underline;
  color: #f00;
}

/* Pagescroll
------------------------------------------------*/
#pagescroll a:link,
#pagescroll a:visited,
#pagescroll a:hover {
  text-decoration: none;
  color: #fff;
}

#pagescroll a {
  z-index: 9;
  position: fixed;
  top: 100%;
  right: 1%;
  width: 180px;
  margin: -30px 0 0 -50px;
  height: 20px;
  padding: 3px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #555;
  border-radius: 10px 10px 0px 0px;
  opacity: 0.9;
  text-decoration: none;
}

/* Layout
------------------------------------------------*/
#container {
  width: 778px;
  margin: 0 auto;
}

@media only screen and (max-width: 639px) {
  img {
    max-width: 100%;
    height: auto;
  }
  #container {
    width: 100%;
  }
  #main {
    width: 90%;
    margin: 0 auto;
  }
}