@charset "utf-8";

html,body {
  margin: 0;
  padding: 0;
  font-family: meiryo, verdana, arial, sans-serif;
  font-size: 13px;
  color: #000;
  background-color: #ccc;
  text-align: center;
  height: 100%;
}
a {
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
}
a img { border: none; }

#page {
  background-color: #fff;
  border: 1px solid #bbb;
  margin: 0 auto;
  width: 800px;
  min-height: 100%;
}
#top {
  margin: 0 36px 10px 36px;
  text-align: left;
  width: 728px;
}
#top #logo {
  margin: 0 115px 0 0;
}
#top #menu {
  margin: 5px 0 0 0;
  text-align: right;
  border-bottom: 4px solid #ccc;
}
#top #bread {
  margin: 5px 0 0 0;
  font-size: 11px;
  font-weight: bold;
}
#top .menu {
  margin: 0 5px;
  padding: 0 5px;
  text-decoration: none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#header {
  margin: 0 36px 10px 36px;
  text-align: left;
  width: 728px;
  border: 1px solid #ffcf7b;
}
#header #title {
  padding: 0 0 0 5px;
  font-weight: bold;
  background-color: #ffcf7b;
}
#header #contents {
  padding: 5px 0 5px 5px;
}

.main {
  margin: 0 36px 10px 36px;
  text-align: left;
  width: 728px;
  min-height: 500px;
  border: 1px solid #ffcf7b;
}
.main h1 {
  margin: 0;
  padding: 0 0 0 5px;
  font-size: 13px;
  font-weight: bold;
  background-color: #ffcf7b;
}
.main #head_link {
  float:right;
  padding: 0 15px;
}

.main h1.event {
  margin: 0;
  padding: 0 5px 0 5px;
  font-size: 20px;
  font-weight: bold;
  background-color: #ffcf7b;
}

.main h2 {
  margin: 5px 5px 0 5px;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.main #content {
  margin: 10px 15px;
}
.main #content .title {
  font-weight: bold;
}
.main #content #text {
  margin: 10px 3px;
  line-height: 13px;
}
.main ul {
  margin: 5px;
  padding: 0;
}
.main ul li {
  font-size: 15px;
  margin: 0 0 20px 10px;
  padding: 0;
  width: 340px;
  float:left;
  list-style:none;
}
.main ul li ul {
  margin: 0;
  padding: 0;
}
.main ul li ul li {
  font-size: 11px;
  margin: 0 0 0 10px;
  padding: 0;
  width: auto;
  float:left;
  list-style: none;
}

.main ul.text {
  margin: 5px;
  padding: 0;
}
.main ul.text li {
  font-size: 13px;
  margin: 0 0 20px 10px;
  padding: 0;
  width: auto;
  float: none;
  list-style: square;
}

.main .clear {
  clear: both;
}
.main .clear hr {
  display:none;
}

.main .list {
  border-bottom: 1px solid #ccc;
}
.main .list .date {
  float: left;
  width: 50px;
  height: 40px;
  margin: 5px;
  text-align: center;
  border: 1px solid #ccc;
  font-weight: bold;
}
.main .list .date .month {
  margin: 0;
  background-color: #000;
  color: #fff;
  font-size: 10px;
}
.main .list .date .day {
  margin: 0;
  font-size: 19px;
}
.main .list .date .day .label {
  font-size: 10px;
}
.main .list .contents {
  margin: 5px;
  width: 620px;
  float: left;
}
.main .list .end {
  color: #f33;
  margin: 0;
}


#footer {
  margin: 20px 0 5px 0;
  font-size: 9px;
}