body {
  background: #f1edeb url(../images/bg_main.jpg) no-repeat center top;
  font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.75em;
  letter-spacing: 0.075em; }
  body.mito {
    background-image: url(../images/bg_main2.jpg); }
  body.list {
    background-image: url(../images/bg_main2.jpg); }

dd {
  margin: 0; }

a {
  color: #CCA300;
  text-decoration: none; }
  a:link {
    color: #CCA300;
    text-decoration: none; }
  a:visited {
    color: #CCA300;
    text-decoration: none; }
  a:hover {
    color: #EFC51D;
    text-decoration: underline; }
  a:active {
    color: #EFC51D;
    text-decoration: underline; }
  a.external {
    background: url(../images/icon_new_win.gif) no-repeat right center;
    padding-right: 20px; }

/*
 * wrapper
 */
#wrapper {
  background: transparent url(../images/dot_line.gif) repeat-y center top;
  position: relative;
  width: 800px;
  margin: 0 auto; }

/*
 * 	header
 */
#header {
  height: auto;
  overflow: hidden; }
  #header .logo {
    padding: 5px 50px 0 0;
    text-align: right; }
  #header h1 {
    width: 400px;
    margin: 90px 0 0 50px; }
  #header h2, body.mito #header .schedule h2 {
    position: relative;
    margin: 35px 0 0 50px; }
    #header h2 a, body.mito #header .schedule h2 a {
      display: block;
      position: absolute;
      right: 38px;
      top: 45px; }

#yodogawa {
  float: left;
  width: 400px;
  margin: 230px 0 0 50px;
  padding: 0;
  font-weight: bold; }
  body.mito #yodogawa {
    margin-top: 60px; }

.schedule {
  float: right;
  width: 234px;
  margin: 192px 50px 0 0;
  border: 8px solid #EFC51D;
  background-color: #FFFFFF; }
  body.mito .schedule {
    margin-top: 22px; }
  .schedule h2, body.mito #header .schedule h2 {
    background-color: #EFC51D;
    margin: 0 !important;
    padding: 0 0 8px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
  .schedule dl {
    margin: 0; }
  .schedule dt {
    padding: 20px 20px 0 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em; }
    .schedule dt.end {
      opacity: 0.3;
      -moz-opacity: 0.3;
      -ms-filter: "alpha(opacity=30)";
      filter: alpha(opacity=30); }
  .schedule dd {
    position: relative;
    border-bottom: 1px solid #EFC51D;
    padding: 8px 20px 15px 20px; }
    .schedule dd p {
      margin: 0 0 5px 0;
      font-weight: bold; }
    .schedule dd .end {
      position: absolute;
      top: -15px;
      left: 60px; }
    .schedule dd.end > p {
      opacity: 0.3;
      -moz-opacity: 0.3;
      -ms-filter: "alpha(opacity=30)";
      filter: alpha(opacity=30); }
    .schedule dd.end > a {
      opacity: 0.3;
      -moz-opacity: 0.3;
      -ms-filter: "alpha(opacity=30)";
      filter: alpha(opacity=30); }

.detail {
  text-align: right;
  padding: 10px 100px 0 0; }

#toc {
  position: absolute;
  z-index: 5;
  top: 160px;
  right: -70px; }
  #toc h2, #toc body.mito #header .schedule h2, body.mito #header .schedule #toc h2 {
    margin-top: 0; }
  #toc .tocButton {
    display: none; }
  #toc .tocTitle {
    display: block; }
  #toc ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #toc ul li {
      margin: 0 0 10px 0;
      padding: 0; }
      #toc ul li a img.current {
        cursor: default; }

.navFix {
  position: fixed !important;
  top: 0 !important;
  right: auto !important;
  left: auto !important;
  margin-left: 726px; }
  .navFix ul {
    display: none; }
    .navFix ul li {
      padding-left: 25px !important; }

.contents h2, .contents body.mito #header .schedule h2, body.mito #header .schedule .contents h2 {
  margin: 50px 0 25px 0; }
.contents h3 {
  margin: 30px 0 15px 0; }

.topic {
  width: 700px;
  margin: 100px auto; }
  .topic h3 {
    width: 500px;
    margin: 30px auto 15px; }
  .topic p {
    width: 500px;
    margin: 0 auto 1.75em; }
  .topic .photo {
    width: 500px;
    margin: 30px auto; }
  .topic .bullet {
    background: url(../images/bullet.gif) no-repeat left center;
    padding-left: 25px;
    width: 475px; }
  .topic .schedule {
    float: none;
    width: 500px;
    margin: 30px auto;
    padding: 0;
    border: 8px solid #EFC51D;
    background-color: #FFFFFF; }
  .topic .schedule h3 {
    background-color: #EFC51D;
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
  .topic .schedule h4 {
    margin: 20px 0 0 0;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold; }
  .topic .schedule p {
    margin: 0 0 20px 0;
    padding: 0 20px;
    font-weight: bold; }
  .topic .caution {
    margin-bottom: 20px; }

.report {
  width: 700px;
  margin: 100px auto; }
  .report p {
    width: 500px;
    margin: 0 auto 1.75em; }
  .report .item {
    width: 500px;
    margin: 50px auto;
    padding: 25px;
    background-color: #FFFFFF; }
    .report .item p {
      width: 500px;
      margin: 0 auto; }
    .report .item .photo {
      width: 500px;
      margin: 0 auto 15px; }

.live {
  position: relative;
  width: 800px;
  margin: 100px auto 150px; }
  .live h2, .live body.mito #header .schedule h2, body.mito #header .schedule .live h2 {
    width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .live #slideshow {
    height: 450px;
    width: 600px;
    margin-left: auto;
    margin-right: auto; }
  .live #control ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .live #control ul li {
      position: absolute;
      margin: 0;
      padding: 0;
      z-index: 3;
      cursor: pointer; }
      .live #control ul li.ctrlPrev {
        top: 250px;
        left: 20px; }
      .live #control ul li.ctrlNext {
        top: 250px;
        right: 20px; }
      .live #control ul li.ctrlFirst {
        top: 465px;
        left: 20px; }
      .live #control ul li.ctrlLatest {
        top: 465px;
        right: 20px; }
      .live #control ul li.ctrlAll {
        top: 540px;
        left: 320px; }

.information {
  width: 500px;
  margin: 0 auto 20px;
  border: 8px solid #CCCCCC;
  background-color: #FFFFFF; }
  .information h3 {
    background-color: #CCCCCC;
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #333333; }
  .information p {
    width: auto;
    margin: 0;
    padding: 20px;
    font-weight: bold;
    color: #333333; }

.caution {
  width: 500px;
  margin: 0 auto;
  border: 8px solid #FF0000;
  background-color: #FFFFFF; }
  .caution h3 {
    background-color: #FF0000;
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF; }
  .caution p {
    width: auto;
    margin: 0;
    padding: 20px;
    font-weight: bold;
    color: #FF0000; }

.column {
  width: 500px;
  padding-left: 300px;
  margin-top: 50px; }
  .column .item {
    padding: 50px 0 50px 50px;
    border: 1px solid #CCCCCC;
    border-right: 0 none;
    background-color: #F2F2F2; }
  .column h2, .column body.mito #header .schedule h2, body.mito #header .schedule .column h2 {
    font-size: 18px;
    margin-bottom: 25px; }
    .column h2 .small, .column body.mito #header .schedule h2 .small, body.mito #header .schedule .column h2 .small {
      font-size: 13px; }
  .column .photo {
    margin: 25px 0 50px 0;
    text-align: left; }

#navi {
  width: 500px;
  margin: 0 auto; }
  body.list #navi {
    width: 232px; }
  #navi ul {
    list-style-type: none;
    padding: 0;
    margin: 20px 0;
    height: auto;
    overflow: hidden; }
    #navi ul li {
      float: left;
      padding: 0 20px;
      margin: 0; }
      #navi ul li.next {
        float: right; }

#footer {
  margin-top: 50px;
  padding-left: 50px; }
  #footer ul {
    list-style-type: none;
    padding: 0;
    margin: 50px 0 30px;
    height: auto;
    overflow: hidden; }
    #footer ul li {
      float: left;
      padding: 0 30px 0 0;
      margin: 0; }

.copyright {
  padding: 0 0 50px 0;
  font-size: 10px;
  font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #808080; }

.date {
  font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #808080; }

.cap {
  font-size: 11px;
  color: #808080; }

.attention {
  font-size: 13px;
  color: #FF0000; }

.hidden {
  display: none; }

a {
  outline: none 0 !important; }

a:hover img.btn {
  opacity: 0.60;
  -moz-opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  filter: alpha(opacity=60); }

/*
 *  一覧用
 */
body.list .contents {
  margin: 100px 0 50px; }
  body.list .contents .info {
    text-align: center;
    font-weight: bold; }
  body.list .contents ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    letter-spacing: -0.4em;
    width: 760px;
    margin: 0 auto; }
    body.list .contents ul.items li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin: 0;
      padding: 0;
      letter-spacing: 0.075em;
      padding: 10px 5px;
      width: 180px;
      cursor: pointer; }
      body.list .contents ul.items li:hover {
        opacity: 0.6;
        -moz-opacity: 0.6;
        -ms-filter: "alpha(opacity=60)";
        filter: alpha(opacity=60); }
      body.list .contents ul.items li.navi {
        text-align: center; }
      body.list .contents ul.items li.navi:hover {
        opacity: 1;
        -moz-opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100); }
      body.list .contents ul.items li .text {
        min-height: 125px;
        height: auto !important;
        height: 125px;
        background-color: #000000;
        padding: 5px;
        word-break: break-all; }
        body.list .contents ul.items li .text .date {
          font-size: 10px;
          text-align: left;
          color: #CCCCCC; }
        body.list .contents ul.items li .text .description {
          font-size: 13px;
          line-height: 1.5em;
          color: #FFFFFF; }
      body.list .contents ul.items li .photo {
        min-height: 135px;
        height: auto !important;
        height: 135px;
        background-color: #000000; }
      body.list .contents ul.items li a {
        display: none; }

#fancybox-title #boxTitle {
  font-size: 16px;
  text-align: left; }

/**
 * 	対談用
 */
.contents .conv {
  width: 500px;
  padding-left: 300px; }
  .contents .conv table {
    width: 100%;
    padding: 0; }
    .contents .conv table th {
      width: 60px;
      padding: 0;
      padding-bottom: 30px;
      font-weight: bold;
      text-align: left;
      vertical-align: top;
      color: #000000; }
    .contents .conv table td {
      padding: 0;
      padding-bottom: 30px;
      vertical-align: middle;
      color: #000000; }
  .contents .conv .photo {
    margin: 30px 0 60px 0;
    text-align: left; }

/* 「＜つづきます＞」などの文言用 */
.contents #continue {
  width: 500px;
  margin: 0 auto;
  padding: 2em 0; }