@charset "utf-8";

body {
  /* background-color: #eee; */
  font-family: 'ＭＳ Ｐ明朝','ヒラギノ明朝 Pro W3',serif;
}

div.main {
  background-color: #fff;
  width: 724px;
  margin: 30px auto 20px auto;
  padding: 10px 0;
  border-style: solid;
  border-color: #999;
  border-width: 0 0 6px 0;
}

/* title */

h1.title {
  padding: 10px 0 0 0;
  margin: 10px 0;
}

/* menu */

div.menu {
  width: 724px;
  margin: 0 auto 10px auto;
  padding: 0;
}

div.menu ul {
  margin: 0;
  padding: 0;
}

div.menu li {
  font-size: 11px;
  list-style-type: none;
  float: left;
  width: 120px;
}

div.menu li a {
  background-color: #ccc;
  color: #000;
  display: block;
  margin: 0 1px 0 0;
  padding: 2px 0 2px 4px;
}

div.menu li.active a {
  background-color: #666;
  color: #fff;
}

div.menu a {
  text-decoration: none;
}

div.menu a:link, a:visited {
  color: #000;
}

div.menu a:hover {
  background-color: #b02e2d;
  color: #fff;
}

/* work */

div.work {
  width: 624px;
  margin: 0 auto;
  padding: 30px 0 10px 0;
}

div.work ol {
  margin: 0;
  padding: 0 0 0 45px;
}

div.work li {
  font-size: small;
  margin: 10px 2px;
  display: block;
  float: left;
  width: 180px;
  height: 180px;
}

div.work a img,
div.large a img {
  border: none;
}

div.work a {
  text-decoration: none;
}

div.main div.end {
  clear: both;
  font-size: 1pt;
}

div.content {
  line-height: 1.5em;
}

div.content li {
  margin: 0.4em 0 0.4em 0;
}

/* footer */

div.footer {
  width: 624px;
  margin: 0 auto;
  text-align: center;
  font-size: x-small;
}

div.content {
  padding: 40px 20px 10px 22px;
  font-size: small;
}

div.content h1 span.number {
  font-size: x-small;
  padding-right: 0.5em;
}

div.content h1 {
  font-size: large;
  margin-bottom: 2em;
}