/**
 * basic.css
 * scss: ../scss/basic.scss
 */
body {
  background: #e9e9ed url(../images/bg.gif) fixed no-repeat center top;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.75em;
  letter-spacing: 0.1em; }

li img {
  vertical-align: bottom; }

/* 
 * link style
 */
a {
  color: black;
  text-decoration: underline;
  outline: none 0 !important; }
  a:link {
    color: black;
    text-decoration: underline; }
  a:visited {
    color: black;
    text-decoration: underline; }
  a:hover {
    color: gray;
    text-decoration: underline; }
  a:active {
    color: gray;
    text-decoration: underline; }
  a:hover img.hover {
    opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60); }
  a.amazon {
    background: url(../images/amazon.png) no-repeat left center;
    padding-left: 20px; }

/*
 * wrapper
 */
#wrapper {
  position: relative;
  width: 800px;
  margin: 0 auto 0; }

/*
 * 	header
 */
#header {
  margin-bottom: 50px;
  height: auto;
  overflow: hidden; }
  #header .logo {
    text-align: right; }
  #header h1 {
    margin: 0;
    text-align: center; }
  #header #yodogawa {
    float: left;
    position: relative;
    margin: 50px 0;
    padding: 0;
    text-align: center;
    z-index: 1; }
  #header #menu {
    float: left;
    margin-top: 283px;
    padding-left: 49px; }
    #header #menu h2 {
      padding: 0 0 13px 0;
      margin: 0;
      background: url(../images/border1.gif) no-repeat 0 100%; }
    #header #menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #header #menu ul li {
        margin: 3px 0;
        padding: 0 0 13px 0; }
        #header #menu ul li.menu1 {
          background: url(../images/border1.gif) no-repeat -400px 100%; }
        #header #menu ul li.menu2 {
          background: url(../images/border1.gif) no-repeat -800px 100%; }
        #header #menu ul li.menu3 {
          background: url(../images/border1.gif) no-repeat -1200px 100%; }
        #header #menu ul li.menu4 {
          background: url(../images/border1.gif) no-repeat -1600px 100%; }
    #header #menu .menuProfile {
      margin-top: 50px; }

.profile {
  display: none;
  margin-top: -50px;
  margin-bottom: 50px;
  background-color: #fbfbfb;
  height: auto;
  overflow: hidden; }
  .profile .photo {
    float: left; }
  .profile .text {
    float: left;
    width: 500px;
    padding-left: 50px;
    padding-bottom: 50px;
    background-color: #f4f4f6; }
    .profile .text h2 .small {
      font-size: 16px; }
    .profile .text .close {
      text-align: right; }

/*
 * contents
 */
.contents {
  position: relative;
  margin-bottom: 50px; }
  .contents h2 {
    margin: 0 0 0 0; }

.column {
  width: 500px;
  padding: 50px;
  margin: 0 auto 50px;
  background-color: #f4f4f6; }

.info {
  margin-top: 25px; }
  .info table {
    width: 100%;
    border-top: 1px solid #9393a6; }
    .info table th {
      width: 100px;
      padding: 5px 10px;
      border-bottom: 1px solid #9393a6;
      text-align: left;
      vertical-align: top; }
    .info table td {
      padding: 5px 10px;
      border-bottom: 1px solid #9393a6; }

/**
 * 	対談用
 */
.contents .conv {
  width: 600px;
  padding-left: 200px;
  background-color: #f4f4f6;
  /* 「＜つづきます＞」などの文言用 */ }
  .contents .conv table {
    width: 100%;
    padding: 0;
    background-color: #e9e9ed; }
    .contents .conv table th {
      width: 100px;
      padding: 0;
      padding-top: 30px;
      font-weight: bold;
      text-align: left;
      vertical-align: top;
      color: #26264c; }
    .contents .conv table td {
      padding: 0;
      padding-top: 30px;
      vertical-align: middle;
      color: #26264c; }
      .contents .conv table td .col {
        padding: 50px;
        background-color: #fbfbfb;
        color: #66668c; }
        .contents .conv table td .col ol li {
          margin-bottom: 5px; }
  .contents .conv .photo {
    padding: 30px 0 30px 100px;
    text-align: left; }
  .contents .conv #continue {
    padding: 30px 0 30px 100px; }

#navi {
  width: 500px;
  margin: 0 auto; }
  #navi ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 50px 0;
    letter-spacing: -0.4em; }
    #navi ul li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin: 0;
      padding: 0; }
      #navi ul li.latest {
        margin: 0 75px; }

#footer {
  position: relative;
  padding-bottom: 50px; }
  #footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    letter-spacing: -0.4em;
    margin-bottom: 10px; }
    #footer ul li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin: 0;
      padding: 0;
      padding: 0 30px 0 0;
      margin: 0; }
  #footer .copyright {
    font-size: 10px;
    font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: gray; }

.cap {
  font-size: 12px;
  color: gray; }

.hidden {
  visibility: hidden; }

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