/**
 * pikmin3.css
 * scss: ../scss/pikmin3.scss
 */
.link a {
  font-size: 12px; }

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

.mincho {
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

body {
  background: #007130 url(../images/bg.png) 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;
  color: white; }

del {
  color: #999; }

/* 
 * link style
 */
a {
  color: #009fe8;
  text-decoration: none;
  outline: none 0 !important; }
  a:link {
    color: #009fe8;
    text-decoration: none; }
  a:visited {
    color: #009fe8;
    text-decoration: none; }
  a:hover {
    color: #7fcff3;
    text-decoration: underline; }
  a:active {
    color: #7fcff3;
    text-decoration: underline; }
  a:hover img.hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6; }

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

.archive #header {
  background: url(../images/ph_main_archive.png) no-repeat 75px 10px; }
  .archive #header .link {
    margin-top: 60px; }
.archive #navi {
  margin-top: 0; }
.archive .conv {
  margin-bottom: 0; }

/*
 * 	header
 */
#header {
  width: 960px;
  margin: 0 auto; }
  #header h1 {
    margin: 0;
    text-align: center; }

#yodogawa {
  width: 960;
  margin: 0 auto;
  text-align: center; }

#moviebtn {
  width: 204px;
  margin-top: -30px;
  margin-bottom: -37px; }

/*
 * contents
 */
.contents {
  position: relative;
  width: 960px;
  margin: 0 auto;
  margin-bottom: 50px; }
  .contents h2 {
    margin: 0;
    text-align: center; }
  .contents .article {
    width: 960px;
    margin: 50px auto;
    text-align: center; }
    .contents .article .speak strong {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      padding: 0 3px;
      background-color: #009fe8;
      margin-bottom: 0.5em; }
    .contents .article .w500 {
      width: 500px; }
    .contents .article .columnL {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      text-align: left; }
      .contents .article .columnL p {
        margin: 40px auto; }
      .contents .article .columnL .photo {
        text-align: left; }
        .contents .article .columnL .photo p {
          margin: 5px auto;
          font-size: 12px;
          line-height: 1.75em;
          letter-spacing: 0.075em;
          text-align: left;
          color: #CCC; }
    .contents .article .info {
      margin: 100px auto;
      text-align: center; }
    .contents .article h2 {
      margin-top: 50px;
      margin-bottom: 25px;
      font-weight: normal; }
    .contents .article h3 {
      margin-top: 30px; }
  .contents ul, .contents ol, .contents li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .contents ol {
    width: 500px;
    margin: 0 auto; }
    .contents ol li.n1 {
      background: url(../images/num1w.png) no-repeat left top;
      min-height: 30px;
      margin: 0 auto 20px;
      padding-left: 50px;
      text-align: left; }
    .contents ol li.n2 {
      background: url(../images/num2w.png) no-repeat left top;
      min-height: 30px;
      margin: 0 auto 20px;
      padding-left: 50px;
      text-align: left; }
    .contents ol li.n3 {
      background: url(../images/num3w.png) no-repeat left top;
      min-height: 30px;
      margin: 0 auto 20px;
      padding-left: 50px;
      text-align: left; }
    .contents ol li.n4 {
      background: url(../images/num4w.png) no-repeat left top;
      min-height: 30px;
      margin: 0 auto 20px;
      padding-left: 50px;
      text-align: left; }
    .contents ol li.n5 {
      background: url(../images/num5w.png) no-repeat left top;
      min-height: 30px;
      margin: 0 auto 20px;
      padding-left: 50px;
      text-align: left; }
    .contents ol li.n6 {
      background: url(../images/num6w.png) no-repeat left top;
      min-height: 30px;
      margin: 0 auto 20px;
      padding-left: 50px;
      text-align: left; }
    .contents ol li .al {
      margin-left: -50px; }
  .contents #menu ul {
    letter-spacing: -0.4em; }
  .contents #menu li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    letter-spacing: normal; }
  .contents #template li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 300px; }
  .contents #textLive ul#container {
    letter-spacing: -0.4em;
    text-align: left; }
  .contents #textLive li.item {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    letter-spacing: 0.075em;
    width: 240px;
    color: #000; }
    .contents #textLive li.item .photo {
      margin: 0; }
    .contents #textLive li.item .time {
      font-size: 10px;
      color: #999;
      text-align: left; }
    .contents #textLive li.item .text {
      line-height: 1.5em;
      text-align: left;
      word-break: break-all; }
    .contents #textLive li.item a {
      display: block;
      padding: 5px;
      margin: 5px;
      background-color: #FFF;
      min-height: 330px; }
    .contents #textLive li.item a:link {
      color: #000;
      text-decoration: none; }
    .contents #textLive li.item a:visited {
      color: #000;
      text-decoration: none; }
    .contents #textLive li.item a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
      opacity: 0.5;
      color: #000;
      text-decoration: none; }
  .contents #textLive .navi {
    margin: 20px 0; }
  .contents #partner li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 238px;
    height: 58px;
    margin: 10px;
    border: 1px solid #009FE8;
    background: #007130; }
    .contents #partner li a {
      display: block;
      width: 100%;
      height: 100%;
      line-height: 58px; }
    .contents #partner li a:link {
      color: #FFF; }
    .contents #partner li a:visited {
      color: #FFF; }
  .contents .column {
    width: 960px; }
    .contents .column .mid {
      background: url(../images/col_mid.png) repeat-y center top;
      color: #000;
      padding: 1px 0; }
      .contents .column .mid p {
        width: 450px;
        text-align: left;
        margin: 1.75em auto; }
      .contents .column .mid h3,
      .contents .column .mid table {
        width: 600px; }
      .contents .column .mid .title1 {
        width: 450px !important;
        margin: 40px auto 20px; }
    .contents .column .top {
      background: url(../images/col_top1.png) no-repeat center top;
      height: 35px; }
    .contents .column .btm {
      background: url(../images/col_btm1.png) no-repeat center top;
      height: 35px;
      margin-bottom: 10px; }
    .contents .column .top2 {
      background: url(../images/col_top2.png) no-repeat center top;
      height: 35px; }
    .contents .column .btm2 {
      background: url(../images/col_btm2.png) no-repeat center top;
      height: 35px;
      margin-bottom: 10px; }
    .contents .column h3 {
      margin: 0 auto 20px;
      font-size: 18px;
      color: #000;
      text-align: left; }
      .contents .column h3 a {
        float: right;
        font-size: 13px; }
    .contents .column table {
      margin: 20px auto 0; }
    .contents .column th, .contents .column td {
      border: 1px solid #CCC;
      padding: 10px 15px;
      color: #000;
      text-align: left; }
    .contents .column th {
      vertical-align: top;
      color: #666; }
    .contents .column .info {
      margin: 0 auto; }
      .contents .column .info h3 {
        width: 400px;
        font-size: 16px; }
      .contents .column .info p {
        width: 400px;
        margin: 0 auto;
        font-size: 13px;
        color: #333;
        text-align: left; }
  .contents .send {
    margin: 50px auto; }
  .contents .date {
    margin: 20px 0;
    font-size: 12px;
    font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #d6d6d9; }
  .contents .photo {
    margin: 10px auto; }

#gallery {
  width: 770px;
  margin: 0 auto; }
  #gallery ul, #gallery li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  #gallery ul {
    font-size: 10px;
    letter-spacing: -0.4em;
    text-align: center; }
  #gallery li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    width: 100px;
    height: 100px;
    margin: 5px;
    overflow: hidden; }
    #gallery li a {
      display: block; }

#navi {
  margin: 50px auto; }
  #navi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    letter-spacing: -0.4em;
    text-align: center; }
    #navi ul li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      letter-spacing: normal;
      text-align: left;
      padding: 0;
      margin: 0;
      padding: 0 20px; }
      #navi ul li.hidden {
        visibility: hidden; }

/*
 * archive
 */
#archive {
  margin: 50px auto; }
  #archive h2 {
    margin: 10px 0;
    text-align: center; }
  #archive ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  #archive li {
    margin-bottom: 5px; }
    #archive li a {
      display: block;
      padding: 3px 0;
      text-align: center; }
    #archive li span.date {
      font-size: 11px;
      color: #999;
      line-height: 1.5em;
      font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
      text-transform: uppercase; }

#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;
      padding: 0 20px;
      margin: 0; }
  #footer .fblike {
    text-align: center;
    margin: 20px; }
  #footer .copyright {
    margin-top: 10px;
    font-size: 10px;
    font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #d6d6d9; }

.none {
  display: none; }

.hidden {
  visibility: hidden; }

.red {
  color: #F00; }

.conv {
  width: 530px;
  margin: 25px auto 25px; }
  .conv table {
    width: 100%; }
  .conv table + table {
    margin-top: 50px; }
  .conv th, .conv td {
    text-align: left; }
  .conv th {
    width: 130px;
    padding: 2em 0 0 0;
    font-weight: bold;
    vertical-align: top;
    color: white; }
  .conv td {
    padding-top: 2em;
    vertical-align: middle;
    color: white; }
    .conv td.photo {
      padding: 30px 0 10px 130px;
      text-align: left; }
      .conv td.photo p {
        font-size: 12px;
        line-height: 1.75em;
        letter-spacing: 0.075em;
        text-align: left;
        color: #CCC; }
    .conv td.photoC {
      padding: 30px 0 10px 0;
      text-align: center; }
      .conv td.photoC p {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
        line-height: 1.75em;
        letter-spacing: 0.075em;
        text-align: left;
        color: #CCC; }
    .conv td.center {
      text-align: center; }
  .conv .continue {
    width: 530px;
    margin: 0 auto;
    padding: 2em 0;
    text-align: center; }

#noTitleColBox #cboxTitle {
  background-color: transparent; }