@charset "UTF-8";
/*! Yahoo UI Library Reset CSS  Copyright (c) 2007, Yahoo! Inc. All rights reserved. */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*! 2. Basic Format */
* {
  font-size: 100%;
  font-weight: normal;
  font-style: normal; }

hr {
  display: none; }

form {
  margin: 0;
  padding: 0; }

input, textarea {
  font-family: Arial, Helvetica, sans-serif; }

input {
  line-height: 1.5; }

textarea {
  padding: 0.4em 10px; }

img {
  vertical-align: bottom; }

abbr {
  border: none; }

/*! 3. Yahoo UI Library Fonts CSS Copyright (c) 2006, Yahoo! Inc. All rights reserved.
77% = 10px  | 85% = 11px  | 92% = 12px  | 100% = 13px | 107% = 14px | 114% = 15px | 122% = 16px | 129% = 17px | 136% = 18px | 144% = 19px | 152% = 20px | 159% = 21px | 167% = 22px | 174% = 23px | 182% = 24px | 189% = 25px | 197% = 26px | */
html {
  height: 100%; }

body {
  background: url(../img/bg-main.png) repeat left top;
  color: #333;
  font-size: 13px;
  *font-size: small;
  *font: x-small;
  line-height: 145%;
  min-height: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: subpixel-antialiased; }

select, input, textarea {
  font-size: 122%; }

/*! 4. Basic Font Format */
body, pre {
  font-family: 'Avenir Next', 'Helvetica Neue', Arial, YuGothic, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif; }

*:first-child + html body {
  font-family: 'Avenir Next', 'Helvetica Neue', YuGothic, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif; }

* html body {
  font-family: 'Avenir Next', 'Helvetica Neue', YuGothic, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif; }

/*! 5. Basic Hyperlink Format */
a {
  color: #333;
  text-decoration: none;
  text-shadow: none; }
  a:visited {
    color: inherit;
    text-decoration: none; }
  a:hover {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    text-shadow: none;
    opacity: .7; }
  a:active {
    color: inherit;
    text-decoration: none; }

a.altText:hover {
  background-color: transparent; }

.alignleft {
  display: inline;
  float: left;
  margin: 1px 24px 14px 0; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  display: inline;
  float: right;
  margin: 1px 0 14px 28px; }

strong {
  color: #000; }

.inner {
  margin: 0 auto;
  width: 960px;
  overflow: hidden;
  _zoom: 1; }

.main {
  padding: 30px 0; }

.cont {
  overflow: hidden;
  _zoom: 1;
  float: left;
  width: 630px; }

.cont-wrapper {
  overflow: hidden;
  _zoom: 1;
  float: left;
  width: 630px; }
  .cont-wrapper .cont {
    float: none;
    margin-bottom: 15px; }

.exlink {
  background: #F68200 url(../img/common/exlink-alpha.png) no-repeat 3px center;
  color: #fff;
  margin-right: 2px;
  padding: 2px 3px 1px 20px; }

.sidebar {
  float: right;
  width: 300px; }
  .sidebar .youtube {
    margin-bottom: 15px; }

#fb-like-box {
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
  width: 300px; }

.footer {
  padding: 0 0 50px; }
  .footer p {
    letter-spacing: .08em;
    padding-left: 24px; }

.dkc2015 .cont {
  background: #fff;
  font-size: 85%;
  margin-bottom: 15px;
  text-align: center; }
  .dkc2015 .cont div {
    margin-bottom: 12px; }
  .dkc2015 .cont .audition {
    margin-bottom: 24px; }
  .dkc2015 .cont h2,
  .dkc2015 .cont h3 {
    margin-bottom: 24px; }

.dkc2015 .description {
  padding: 0 24px; }
  .dkc2015 .description p {
    line-height: 1.7;
    text-align: left; }

.dkc2015 .thum-list li {
  display: inline-block;
  margin-bottom: 14px;
  vertical-align: top; }
  .dkc2015 .thum-list li img {
    margin-bottom: 2px; }

.dkc2015 .thum-small li {
  width: 105px; }

.dkc2015 .thum-mid li {
  width: 126px; }

.dkc2015 .thum-large li {
  width: 315px; }

.dkc2015 .booth p {
  font-size: 92%;
  line-height: 1.4;
  padding-top: 4px; }

.dkc2015 .audition p {
  font-size: 92%;
  line-height: 1.4;
  margin-bottom: 6px; }

.dkc2015 .dvd p img {
  display: block;
  margin: 0 auto 4px; }

.dkc2015 .dvd a {
  display: block;
  margin-bottom: 14px; }

.dkc2015 .detail {
  padding: 0 24px 1px; }

.dkc2015 table {
  border: 1px solid #e1e8ed;
  border-radius: 4px;
  border-collapse: separate;
  font-size: 85%;
  line-height: 1.6;
  margin-bottom: 14px;
  text-align: left;
  width: 100%; }
  .dkc2015 table .even {
    background: #f9f9f9; }
  .dkc2015 table .last {
    border-bottom: none; }

.dkc2015 th {
  border-right: 1px solid #e1e8ed;
  border-bottom: 1px solid #e1e8ed;
  font-weight: bold;
  padding: 10px 15px 10px 20px;
  width: 5.4em; }

.dkc2015 td {
  padding: 10px;
  border-bottom: 1px solid #e1e8ed; }

.dkc2015 .supported ul {
  margin: 0 auto 24px;
  padding-left: 20px;
  width: 500px; }

.dkc2015 .supported li {
  display: inline-block;
  margin: 0 20px 10px 0;
  vertical-align: middle; }

.dkc2015 .external ul {
  overflow: hidden;
  _zoom: 1;
  margin-bottom: 24px;
  padding-left: 24px; }

.dkc2015 .external li {
  float: left;
  margin-right: 23px;
  width: 280px; }

.dkc2015 .external a {
  display: block; }

.side-bnr {
  background: #fff;
  margin-bottom: 15px; }

.nav-related {
  background: #404040; }
  .nav-related a {
    display: block; }

.nav-related-wrap {
  display: table;
  margin: 0 auto;
  padding: .4% 0;
  width: 960px; }

.nav-related-myarea {
  display: table-cell;
  font-size: 85%;
  line-height: 1.2;
  vertical-align: top;
  width: 17em; }
  .nav-related-myarea li {
    display: inline-block;
    margin-right: 2%;
    width: 37%; }
  .nav-related-myarea a {
    border-radius: 3px;
    font-weight: bold;
    padding: .4em 0;
    text-align: center; }

.nav-related-myarea-login {
  background: #ff8400;
  color: #fff; }
  .nav-related-myarea-login:hover, .nav-related-myarea-login:visited, .nav-related-myarea-login:active {
    color: #fff; }

.nav-related-myarea-regist {
  background: #fff;
  color: #ff8400; }
  .nav-related-myarea-regist:hover, .nav-related-myarea-regist:visited, .nav-related-myarea-regist:active {
    color: #ff8400; }

.nav-related-site {
  display: table-cell;
  font-size: 77%;
  line-height: 1;
  text-align: right;
  vertical-align: top;
  width: 27em; }
  .nav-related-site li {
    display: inline-block;
    margin-left: 1.4em; }
  .nav-related-site a {
    color: #fff;
    display: block;
    padding: .4em 0;
    text-decoration: underline; }
  .nav-related-site i {
    padding-right: .2em; }
