@charset 'UTF-8';

.l-footer .l-jasrac,
.media-list {
    *zoom: 1;
}

.l-footer .l-jasrac:before,
.media-list:before {
    display: table;
    content: '';
}

.l-footer .l-jasrac:after,
.media-list:after {
    display: table;
    clear: both;
    content: '';
}

#WebMember_Background,
#WebMember_Console,
#WebMembership {
    display: none;
}

html {
    overflow-y: scroll;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    outline: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}

ol,
ul,
li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 100%;
    vertical-align: baseline;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-weight: bold;
    font-style: italic;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

input,
select {
    vertical-align: middle;
}

img,
object,
embed {
    vertical-align: top;
}

/* =========================================================
 Common Style
========================================================= */

* {
    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
}

#dialog {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#dialog * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#dialog .save_rbox_btm{
    line-height: 0;
}

html {
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 62.5%;
    line-height: 1.25;

    -webkit-text-size-adjust: 100%;
         -moz-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
                    text-size-adjust: 100%;
}

body {
    min-width: 1170px;
    color: #111;
    font-family: inherit;
    font-size: 1.4rem;
}

body.is-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}

a:link {
    color: #111;
    text-decoration: none;
}

a:visited {
    color: #111;
}

a:hover {
    color: #111;
    /* text-decoration: none; */
    text-decoration: underline;
}

a:active {
    color: #111;
}

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

input {
    -webkit-appearance: none;
}

img {
    max-width: 100%;
}

/* =========================================================
 Common Module
========================================================= */

.menu-drawer .link-item,
.menu-sp .side-link > li:not(.img-link) a {
    display: block;
    position: relative;
}

.menu-drawer .link-item::after,
.menu-sp .side-link > li:not(.img-link) a::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 8px;
    margin-top: -4px;
    background: url(/dam/sp/images/common/arrow_link.png) no-repeat right center;
    background-size: 6px 8px;
    content: '';
}

.btn-link {
    display: table;
    position: relative;
    width: auto;
    min-width: 220px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #666;
    border-radius: 35px;
    font-weight: bold;
    text-align: center;
}

.btn-link::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 6px;
    height: 8px;
    margin-top: -4px;
    background: url(/dam/sp/images/common/arrow_link.png) no-repeat left top;
    background-size: 6px 8px;
    content: '';
}

.btn-link.btn--colored {
    min-width: 240px;
    border-color: #c7000a;
    background: #c7000a;
    color: #fff;
    font-size: 1.4rem;
}

.btn-link.btn--colored::after {
    background-image: url(/dam/sp/images/common/arrow_link_w.png);
}

/* =========================================================
 Layout Style
========================================================= */

.l-page {
    position: relative;
}

.l-inner,
.l-inner-full {
    width: 970px;
    margin: 0 auto;
    padding: 0 10px;
}

.main-contents {
    overflow: hidden;
    height: 100%;
    padding-bottom: 60px;
}

.main-contents.is-fixed {
    padding-top: 41px;
}

.l-container {
    display: table;
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
}

.l-container .l-main,
.l-container .l-side {
    display: table-cell;
    vertical-align: top;
}

.l-container .l-main {
    position: relative;
    min-width: 970px;
    height: 100%;
}

.l-container .l-main .localContents{
    width: 870px;
    margin: 20px auto;
    padding: 20px;
    border: solid 1px #ccc;
    background-color: #fff;
}

.l-container .l-side {
    position: relative;
    z-index: 1;
    width: 200px;
    padding-bottom: 94px;
    -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
                    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
    background: #fff;
}

.l-container .l-side a {
    font-weight: bold;
}

/* Drawer Menu
--------------------------------------------------------- */

.overlay {
    display: none;
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: rgba(0, 0, 0, .3);
}

.menu-drawer {
    position: fixed;
    z-index: 20;
    top: 0;
    left: -280px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 280px;
    height: 100%;
    background: #fff;
    -webkit-transition: all 300ms ease-out;
             -o-transition: all 300ms ease-out;
                    transition: all 300ms ease-out;
}

.menu-drawer.is-active {
    -webkit-transform: translate3d(280px, 0, 0);
                    transform: translate3d(280px, 0, 0);
}

.menu-drawer > div {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

.menu-drawer .menu-header {
    position: relative;
    height: 44px;
}

.menu-drawer .link-item {
    padding: 15px 30px 15px 15px;
    border-top: 1px solid #111;
    font-size: 1.3rem;
    font-weight: bold;
}

.menu-btn {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 42px;
    height: 44px;
    padding: 0;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;

    -webkit-appearance: none;
         -moz-appearance: none;
                    appearance: none;
}

.menu-btn.btn--open {
    background-image: url(/dam/sp/images/common/btn_menu_open.png);
    background-size: 20px 14px;
}

.menu-btn.btn--close {
    background-image: url(/dam/sp/images/common/btn_menu_close.png);
    background-size: 16px 16px;
}

.menu-pc .side-ttl {
    padding: 8px 10px;
    background: #111;
    color: #fff;
    font-weight: bold;
}

.menu-pc .side-link {
    padding: 0 10px;
}

.menu-pc .side-link + .side-link {
    border-top: 1px solid #111;
}

.menu-pc .side-link > li {
    border-top: 1px solid #ccc;
}

.menu-pc .side-link > li:first-child {
    border-top: none;
}

.menu-pc .side-link > li:last-child .side-link-sub {
    margin-bottom: 5px;
}

.menu-pc .side-link a {
    display: block;
    padding: 14px 4px 13px;
    font-size: 1.3rem;
    font-weight: normal;
}

.menu-pc .side-link a.img {
    padding-right: 0;
    padding-left: 0;
}

.menu-pc .side-ttl-sub {
    margin-top: 12px;
    padding: 3px 4px;
    background: #eee;
    color: #7e7d7d;
    font-size: 1.2rem;
}

.menu-pc .side-ttl-sub::before {
    content: '▼';
}

.menu-pc .side-link-sub {
    padding-left: 15px;
}

.menu-pc .side-link-sub > li {
    border-top: 1px dotted #d0d0d0;
}

.menu-pc .side-link-sub > li:first-child {
    border-top: none;
}

.menu-pc .side-link-sub a {
    padding: 7px 5px;
}

.menu-pc .side-link-contact {
    margin-top: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.menu-pc .side-link-contact a {
    display: block;
    padding: 14px 14px 13px 14px;
    border-top: 1px solid #ccc;
    background: #eee;
    font-size: 1.3rem;
}

.menu-pc .side-service-ttl {
    margin-bottom: 5px;
    padding: 0 10px;
    color: #c7000a;
    font-size: 1.3rem;
    font-weight: bold;
    background: none;
}

.menu-pc .side-link-service {
    padding: 0 10px;
}

.menu-pc .side-link-service > li {
    margin-top: 2px;
}

.menu-pc .side-link-service a {
    display: block;
    height: 40px;
    padding: 12px 11px;
    background: #c7000a;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
}

.menu-pc .l-logo {
    display: table;
    width: 100%;
    height: 170px;
    border-bottom: 1px solid #111;
}

.menu-pc .l-logo .logo {
    display: table-cell;
    width: 100%;
    height: 170px;
    text-align: center;
    vertical-align: middle;
}

.menu-pc .link-question {
    display: block;
    padding: 12px 0 12px 18px;
    background: url(/dam/pc/images/common/icon_question.png) no-repeat left center;
    font-size: 1.2rem;
    font-weight: bold;
}

.menu-pc .link-item {
    padding: 0 10px;
}

.menu-pc .l-damtomo {
    border-top: 1px solid #111;
    background: #83cc34;
}

.menu-pc .l-damtomo .damtomo {
    padding: 10px 10px 2px;
    border-bottom: 1px solid #111;
}

.menu-pc .l-damtomo .damtomo ul > li {
    padding: 9px 0;
}

.menu-pc .l-damtomo .damtomo ul > li + li {
    border-top: 2px dotted #111;
}

.menu-pc .l-damtomo .damtomo ul a {
    display: block;
    padding: 10px 0 10px 54px;
    background-repeat: no-repeat;
}

.menu-pc .l-damtomo .damtomo ul a.denmoku {
    background-image: url(/dam/dam/images/common/icon_denmoku.png);
    background-position: left center;
}

.menu-pc .l-damtomo .damtomo ul a.request {
    background-image: url(/dam/pc/images/common/icon_request.png);
    background-position: 6px center;
}

.menu-pc .l-damtomo .damtomo > a {
    display: table;
    margin-bottom: 3px;
    margin-left: auto;
    font-size: 1.1rem;
    font-weight: bold;
}

.menu-pc .l-damtomo .damtomo .l-user {
    display: table;
    width: 100%;
    margin-top: 10px;
    background: #61b124;
}

.menu-pc .l-damtomo .damtomo .l-user .username,
.menu-pc .l-damtomo .damtomo .l-user .logout {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}

.menu-pc .l-damtomo .damtomo .l-user .username {
    padding: 10px;
    font-size: 1.2rem;
}

.menu-pc .l-damtomo .damtomo .l-user .username a {
    right: 5px;
    font-size: 1.1rem;
    text-decoration: underline;
}

.menu-pc .l-damtomo .damtomo .l-user .logout {
    width: 54px;
    border-left: 1px dotted #111;
    text-align: center;
}

.menu-pc .l-damtomo .damtomo .l-user .logout img {
    padding-top: 2px;
}

.menu-pc .l-damtomo .search {
    padding: 20px 10px 15px;
}

.menu-sp {
    display: none;
}

.menu-sp .side-ttl {
    padding: 10px;
    background: #111;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
}

.menu-sp .side-link {
    padding-left: 25px;
}

.menu-sp .side-link > li {
    border-top: 1px solid #ccc;
}

.menu-sp .side-link > li:first-child {
    border-top: none;
}

.menu-sp .side-link > li:not(.img-link) a {
    padding: 10px 30px 10px 0;
}

.menu-sp .side-link > li:not(.img-link) .side-link-sub a {
    padding: 10px 18px 10px 8px;
}

.menu-sp .side-link > li:not(.img-link) .side-link-sub a::after {
    right: 7px;
}

.menu-sp .side-link > li.img-link {
    padding: 10px 10px 10px 0;
}

.menu-sp .side-link dt {
    font-weight: bold;
}

.menu-sp .side-link dd {
    font-size: 1.1rem;
}

.menu-sp .side-ttl-sub {
    padding: 8px 0;
    color: #7e7e7e;
}

.menu-sp .side-link-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    border-top: 1px dotted #ccc;

    -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.menu-sp .side-link-sub > li {
    width: 50%;
}

.menu-sp .side-link-sub > li:nth-child(n+3) {
    border-top: 1px dotted #ccc;
}

.menu-sp .side-link-sub > li:nth-child(2n) {
    border-left: 1px dotted #ccc;
}

.menu-sp .l-damtomo {
    padding-bottom: 5px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ccc;
}

.menu-sp .l-damtomo .link-damtomo {
    padding: 15px 10px 10px;
}

.menu-sp .l-damtomo .side-link > li {
    border-top: none;
}

.menu-sp .l-damtomo .l-user {
    padding: 15px 10px 3px 10px;
}

.menu-sp .l-damtomo .l-user > div {
    display: table;
    width: 100%;
    background: #83cc34;
}

.menu-sp .l-damtomo .l-user .username,
.menu-sp .l-damtomo .l-user .logout {
    display: table-cell;
    height: 55px;
    vertical-align: middle;
}

.menu-sp .l-damtomo .l-user .username {
    padding: 10px;
    font-size: 1.2rem;
}

.menu-sp .l-damtomo .l-user .username a {
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: underline;
}

.menu-sp .l-damtomo .l-user .logout {
    width: 54px;
    border-left: 1px dotted #111;
    text-align: center;
}

.menu-sp .l-damtomo .l-user .logout img {
    width: 42px;
    height: auto;
    padding-top: 5px;
}

.menu-sp .side-service {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #c7000a;
}

.menu-sp .side-service .side-service-ttl,
.menu-sp .side-service a {
    color: #fff;
    margin: 0;
    padding: 0;
    background: none;
}

.menu-sp .side-service .side-service-ttl {
    margin-bottom: 5px;
    padding: 10px;
    font-size: 1.3rem;
    font-weight: bold;
}

.menu-sp .side-service .side-link > li {
    border-color: rgba(255, 255, 255, .3);
}

.menu-sp .side-service .side-link > li:first-child {
    border-top: 1px solid rgba(255, 255, 255, .3);
}

.menu-sp .side-service .side-link > li:not(.img-link) a::after {
    background-image: url(/dam/sp/images/common/arrow_link_w.png);
}

/* Header
--------------------------------------------------------- */

.l-header {
    display: none;
    position: fixed;
    z-index: 11;
    top: 0;
    width: 100%;
    height: 44px;
    padding-top: 9px;
    background: #fff;
}

.l-header .logo {
    width: 64px;
    height: 30px;
    margin: 0 auto;
}

/* Footer
--------------------------------------------------------- */

.l-footer {
    position: relative;
    border-top: 1px solid #bdbdbd;
}

.l-footer .footer-row {
    padding: 25px 0 10px;
    background: #eee;
    text-align: center;
}

.l-footer p.f_copyright {
    margin-top: 30px;
    font-size: 1rem;
}

.l-footer .l-jasrac {
    display: table;
    margin: 0 auto;
    padding: 15px 0;
    color: #666;
    font-size: 1rem;
}

.l-footer .l-jasrac .jasrac-img,
.l-footer .l-jasrac .jasrac-num {
    display: table-cell;
    vertical-align: top;
}

.l-footer .l-jasrac .jasrac-img {
    padding-right: 12px;
}

.l-footer .l-jasrac .jasrac-num dl {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
}

.l-footer .l-jasrac .jasrac-num dl:nth-of-type(2) {
    clear: left;
}

.footer-link {
    margin-bottom: 30px;
}

.footer-link > li {
    display: inline;
    position: relative;
    padding-left: 1em;
    padding-right: 1em;
}

.footer-link a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.2rem;
    text-decoration: none;
}

.footer-link a span:hover {
    text-decoration: underline;
}

.footer-link a::after {
    content: ' ｜';
    position: absolute;
    top: 2px;
    right: -0.65em;
}

/* Navigation Bar
--------------------------------------------------------- */

.l-navbar {
    padding: 18px 10px 13px;
    border-bottom: 4px solid #c7000a;
    background: #eee;
}

/* Navigation
--------------------------------------------------------- */

.l-navigation {
    display: none;
    position: fixed;
    z-index: 10;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    background: #f1f1f1;
}

.navigation {
    display: table;
    width: 100%;
    height: 54px;
    table-layout: fixed;
}

.navigation > li {
    display: table-cell;
    width: 25%;
}

.navigation a {
    display: block;
    padding-top: 37px;
    background-repeat: no-repeat;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.navigation a.search {
    background-image: url(/dam/sp/images/common/icon_search.png);
    background-position: center 10px;
    background-size: 21px 21px;
}

.navigation a.ranking {
    background-image: url(/dam/sp/images/common/icon_ranking.png);
    background-position: center 10px;
    background-size: 24px 21px;
}

.navigation a.feature {
    background-image: url(/dam/sp/images/common/icon_feature.png);
    background-position: center 2px;
    background-size: 36px 30px;
}

.navigation a.shop {
    background-image: url(/dam/sp/images/common/icon_shop.png);
    background-position: center 8px;
    background-size: 18px 26px;
}

.navigation a.damtomo {
    background-image: url(/dam/sp/images/common/icon_damtomo.png);
    background-position: center 11px;
    background-size: 36px 26px;
}

/* Search
--------------------------------------------------------- */

#btn-toggle {
    display: none;
}

/* =========================================================
 Module Style
========================================================= */

.content-ttl {
    display: table;
    width: 100%;
    height: 100px;
    margin: 60px 0 40px;
    background: #f4e5e5;
}

.content-ttl span {
    display: table-cell;
    height: 100%;
    padding-left: 95px;
    background-repeat: no-repeat;
    font-size: 2.5rem;
    font-weight: bold;
    vertical-align: middle;
}

.feature .content-ttl span {
    background-image: url(/dam/images/feature/icon_ttl_feature.png);
    background-position: 22px 13px;
}

#content.feature .content-lead {
    margin-top: -10px;
    margin-left: 0;
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 1.4rem;
}

#content.feature #Keyvisual h2,
#content.feature .keyvisual h2 {
  padding: 0;
  background: transparent;
  color: inherit;
}

.media-list > li {
    float: left;
    width: 50%;
}

.l-media {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
    table-layout: fixed;
}

.l-media .media-thumb,
.l-media .media-txt {
    display: table-cell;
    vertical-align: top;
}

.l-media .media-thumb {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 120px;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.l-media .media-thumb img {
    max-width: 100%;
    max-height: 100%;
}

.l-media .media-txt {
    position: relative;
    padding: 15px 40px 40px 20px;
}

.l-media .media-txt::after {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(/dam/pc/images/common/arrow_link.png) no-repeat right center;
    content: '';
}

.l-media .media-ttl {
    font-size: 1.8rem;
    font-weight: bold;
}

.l-media .media-date {
    position: absolute;
    bottom: 10px;
    font-size: 1.3rem;
}

.l-category-nav {
    position: relative;
}

.l-pagination {
    display: table;
    margin: 62px auto 0;
}

.l-pagination .page-link {
    display: inline-block;
    overflow: hidden;
    width: 6px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 6px 10px;
    vertical-align: middle;
    white-space: nowrap;
    text-indent: 100%;
}

.l-pagination .page-link.page-prev {
    margin-right: 15px;
    background-image: url(/dam/images/common/arrow_page_prev.png);
}

.l-pagination .page-link.page-next {
    margin-left: 15px;
    background-image: url(/dam/images/common/arrow_page_next.png);
}

.l-pagination .pagination {
    display: inline-block;
    vertical-align: middle;
}

.l-pagination .pagination > li {
    display: inline-block;
    width: 32px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.l-pagination .pagination > li a {
    font-size: 1.4rem;
    font-weight: bold;
}

.l-pagination .pagination > li.is-current {
    background: #fbebec;
}

.l-pagination .pagination > li.is-current a {
    color: #c7000a;
}

@media screen and (min-width: 721px) {
    br.is-pc {
        display: inline;
    }
    br.is-sp {
        display: none;
    }

    a.btn-pagetop {
        display: block;
        position: fixed;
        z-index: 10;
        right: 0;
        bottom: 10px;
        overflow: hidden;
        width: 60px;
        height: 60px;
        padding: 0;
        background: url(/dam/pc/images/common/btn_pagetop.png) no-repeat center center;
        white-space: nowrap;
        text-indent: 100%;
    }

    .overlay {
        display: none !important;
    }

    .menu-btn {
        display: none;
    }

    .footer-link > li:nth-child(3)::after {
        white-space: pre;
        content: '\A';
    }

    .footer-link > li:nth-child(3) a::after,
    .footer-link > li:last-child a::after {
        content: '';
    }

    .l-search {
        display: table;
        overflow: hidden;
        margin: 0 auto;
    }

    .l-search .search-box {
        position: relative;
        float: right;
        margin-bottom: 5px;
        margin-left: 10px;
    }

    .l-search .search-radio {
        float: left;
        overflow: hidden;
        width: 260px;
        height: 42px;
        padding: 2px;
        border-radius: 21px;
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2);
                        box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2);
        background: #ccc;
        line-height: 42px;
    }

    .l-search .radio {
        display: table;
        overflow: hidden;
        width: 100%;
        height: 100%;
        border-radius: 21px;
        table-layout: fixed;
    }

    .l-search .radio input[type='radio'] {
        display: none;
    }

    .l-search .radio input[type='radio'] + label {
        display: table-cell;
        position: relative;
        width: 33.333%;
        height: 100%;
        padding-left: 1px;
        -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3);
                        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3);
        font-size: 1.3rem;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
    }

    .l-search .radio input[type='radio'] + label:first-of-type {
        z-index: 3;
        padding-left: 0;
        border-radius: 21px 0 0 21px;
    }

    .l-search .radio input[type='radio'] + label:first-of-type span {
        border-radius: 21px 0 0 21px;
    }

    .l-search .radio input[type='radio'] + label:nth-of-type(2) {
        z-index: 2;
    }

    .l-search .radio input[type='radio'] + label:nth-of-type(3) {
        z-index: 1;
        border-radius: 0 21px 21px 0;
    }

    .l-search .radio input[type='radio'] + label:nth-of-type(3) span {
        border-radius: 0 21px 21px 0;
    }

    .l-search .radio input[type='radio'] + label span {
        display: block;
        height: 100%;
        background: #fff;
        color: #6c6c6c;
        font-weight: bold;
        line-height: 38px;
    }

    .l-search .radio input[type='radio']:checked + label span {
        -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, .4);
                        box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, .4);
        background: #c7000a;
        color: #fff;
    }

    .l-search .search-btn {
        position: absolute;
        top: 50%;
        right: 10px;
        overflow: hidden;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        padding: 0;
        border: none;
        background: url(/dam/pc/images/common/icon_search.png) no-repeat left top;
        background-color: transparent;
        white-space: nowrap;
        text-indent: 100%;
        cursor: pointer;

        -webkit-appearance: none;
             -moz-appearance: none;
                        appearance: none;
    }

    .l-search .search-txt {
        width: 470px;
        padding: 12px 38px 12px 12px;
        border: none;
        border-radius: 4px;
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3);
                        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3);
        font-size: 1.5rem;
    }

    .media-list > li:nth-child(2n+1) {
        padding-right: 15px;
    }

    .media-list > li:nth-child(2n) {
        padding-left: 15px;
    }

    .media-list > li:nth-child(-n+2) .l-media {
        border-top: 1px solid #ccc;
    }

    .l-category-nav .category-current {
        display: none;
    }

    .l-category-nav .category-list {
        display: table;
        overflow: hidden;
        margin: 0 auto 35px;
    }

    .l-category-nav .category-list > li {
        float: left;
        margin-left: 30px;
    }

    .l-category-nav .category-list > li:first-child {
        margin-left: 0;
    }

    .l-category-nav .category-list > li a {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .l-category-nav .category-list > li.is-current a {
        color: #c7000a;
    }
}

@media screen and (max-width: 720px) {
    br.is-pc {
        display: none;
    }
    br.is-sp {
        display: inline;
    }
    body {
        min-width: 320px;
        padding-bottom: 54px;
        font-size: 1.2rem;
    }

    a.btn-pagetop {
        display: block;
        padding: 28px 0 5px;
        background: url(/dam/sp/images/common/btn_pagetop.png) no-repeat center 10px #eee;
        background-size: 26px 14px;
        color: #666;
        font-size: 1rem;
        text-align: center;
    }

    .l-page {
        padding-top: 44px;
        /* padding-bottom: 54px; */
    }

    .l-inner,
    .l-inner-full {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    .l-inner-full {
        padding-right: 0;
        padding-left: 0;
    }

    .main-contents {
        padding-bottom: 30px;
    }

    .l-container {
        display: block;
    }

    .l-container .l-main {
        display: block;
        width: 100%;
        min-width: 0;
        height: auto;
    }

    .l-container .l-side {
        display: none;
    }

    .menu-sp {
        display: block;
    }

    .l-header {
        display: block;
    }

    .l-footer {
        padding: 15px 0 20px;
        border-top: none;
        background: #4a4a4a;
        color: #fff;
    }

    .l-footer a {
        color: #fff;
    }

    .l-footer .footer-row {
        padding: 0;
        background: transparent;
    }

    .l-footer .footer-logo {
        display: none;
    }

    .l-footer p.f_copyright {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        margin-top: 0;
        padding: 0 10px;
        font-size: .9rem;
        text-align: center;
    }

    .l-footer .l-jasrac {
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 0;
        color: #fff;
        font-size: 1.1rem;
    }

    .l-footer .l-jasrac .jasrac-img {
        width: 50px;
        padding-right: 5px;
    }

    .l-footer .l-jasrac .jasrac-num dl {
        float: none;
        margin-right: 0;
        margin-bottom: 0;
    }

    .footer-link {
        margin-bottom: 0;
    }

    .footer-link > li:nth-child(2)::after,
    .footer-link > li:nth-child(8)::after {
        white-space: pre;
        content: '\A';
    }

    .footer-link > li:nth-child(4)::after,
    .footer-link > li:nth-child(6)::after {
        white-space: pre;
        content: '\A\A';
    }

    .footer-link > li:nth-child(2) a::after,
    .footer-link > li:nth-child(4) a::after,
    .footer-link > li:nth-child(6) a::after,
    .footer-link > li:nth-child(8) a::after,
    .footer-link > li:last-child a::after {
        content: '';
    }

    .footer-link a {
        margin-bottom: 0;
        font-size: 1rem;
    }

    .l-navbar {
        padding: 8px 10px;
        border-top: 1px solid #ccc;
    }

    .l-navigation {
        display: block;
    }

    .l-search {
        background: #eee;
    }

    .l-search .search-box {
        position: relative;
    }

    .l-search .search-box .search-txt {
        width: 100%;
        height: 34px;
        padding-right: 35px;
        padding-left: 10px;
        border: 1px solid #999;
        border-radius: 4px;
        background: #fff;
        font-size: 1.4rem;
        line-height: 34px;
    }

    .l-search .search-box .search-btn {
        position: absolute;
        top: 50%;
        right: 0;
        width: 34px;
        height: 34px;
        margin-top: -17px;
        padding: 0;
        border: none;
        background: url(/dam/sp/images/common/icon_search_btn.png) no-repeat center center;
        background-color: transparent;
        background-size: 16px 16px;
        white-space: nowrap;
        text-indent: 100%;
        cursor: pointer;

        -webkit-appearance: none;
             -moz-appearance: none;
                        appearance: none;
    }

    .l-search .search-radio {
        overflow: hidden;
        width: 210px;
        height: 36px;
        margin: 5px auto 0;
        padding: 2px;
        border-radius: 18px;
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2);
                        box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2);
        background: #ccc;
    }

    .l-search .radio {
        display: table;
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 16px;
        table-layout: fixed;
    }

    .l-search .radio input[type='radio'] {
        display: none;
        margin: 10px;
    }

    .l-search .radio input[type='radio'] + label {
        display: table-cell;
        position: relative;
        width: 33.333%;
        height: 100%;
        padding-left: 1px;
        font-size: 1.3rem;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
    }

    .l-search .radio input[type='radio'] + label:first-of-type {
        z-index: 3;
        padding-left: 0;
    }

    .l-search .radio input[type='radio'] + label:nth-of-type(2) {
        z-index: 2;
    }

    .l-search .radio input[type='radio'] + label:nth-of-type(3) {
        z-index: 1;
    }

    .l-search .radio input[type='radio'] + label span {
        display: block;
        height: 100%;
        color: #6c6c6c;
        font-weight: bold;
        line-height: 31px;
    }

    .l-search .radio input[type='radio']:checked + label span {
        color: #111;
    }

    .l-search .radio #btn-toggle {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 68px;
        height: 100%;
        border-radius: 16px;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .6);
                        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .6);
        background: #fff;
        color: #111;
        -webkit-transition: all .2s ease;
                 -o-transition: all .2s ease;
                        transition: all .2s ease;
    }

    .l-search .radio #btn-toggle.type1 {
        left: 0;
    }

    .l-search .radio #btn-toggle.type2 {
        left: 69px;
    }

    .l-search .radio #btn-toggle.type3 {
        left: 138px;
    }

    .content-ttl {
        height: 32px;
        margin: 17px 0 12px;
    }

    .content-ttl span {
        padding-left: 43px;
        font-size: 1.4rem;
    }

    .feature .content-ttl span {
        background-position: 9px 3px;
        background-size: 25px auto;
    }

    #content.feature .content-lead {
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 10px;
        font-size: 1.1rem;
    }

    .media-list > li {
        float: none;
        width: 100%;
    }

    .l-media {
        background: rgba(255, 255, 255, .8);
    }

    .media-list > li:first-child .l-media {
        border-top: 1px solid #ccc;
    }

    .l-media .media-thumb {
        width: 70px;
        height: 70px;
    }

    .l-media .media-txt {
        padding: 6px 20px 25px 10px;
    }

    .l-media .media-txt::after {
        background-image: url(/dam/sp/images/common/arrow_link_l.png);
        background-size: 6px auto;
    }

    .l-media .media-ttl {
        font-size: 1.4rem;
    }

    .l-media .media-date {
        font-size: 1.1rem;
    }

    .l-category-nav {
        margin-bottom: 16px;
    }

    .l-category-nav .category-current,
    .l-category-nav .category-list > li a {
        width: 100%;
        height: 45px;
        background-color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 45px;
        text-align: center;
    }

    .l-category-nav .category-current {
        display: block;
        position: relative;
        border: 1px solid #ccc;
        color: #c7000a;
        cursor: pointer;
    }

    .l-category-nav .category-current::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        width: 8px;
        height: 7px;
        margin-top: -3px;
        background: url(/dam/images/common/arrow_dropdown.png) no-repeat left center;
        background-size: 8px 7px;
        content: '';
    }

    .l-category-nav .category-list {
        display: none;
        position: absolute;
        z-index: 10;
        overflow: hidden;
        width: 100%;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        background: #fff;
    }

    .l-category-nav .category-list > li a {
        display: block;
        width: 100%;
        height: 45px;
        font-size: 1.4rem;
        text-align: center;
    }

    .l-pagination {
        margin-top: 24px;
    }



}

@media screen and (min-width: 721px) and (max-width: 980px) {
    .l-search .search-box {
        float: none;
        margin: 0 auto;
    }

    .l-search .search-radio {
        float: none;
        margin: 12px auto 0;
    }
}






/*最後尾20171003追加*/

/* ==========================================
    reset
========================================== */
/*
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img, select {
    margin: 0;
    padding: 0;
}
table {
    border-spacing: 0;
}
img {
    border: 0;
    line-height: 0;
    vertical-align: bottom;
}
address, caption, th {
    font-style: normal;
    font-weight: normal;
}
ul, li {
    list-style: none;
}
caption, th {
    text-align: left;
}
th, td {
    vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input, textarea, select {
    font-size: 100%;
    vertical-align: middle;
}
input {
    position: relative;
    top: -2px;
}
a:link {
    cursor: pointer;
}
a:active {
    outline: none;
}


a:link, a:visited {
    text-decoration: underline;
}
*/
/* ==========================================
　general
========================================== */
/*
html {
    font-size: 62.5%;
    height: 100%;
}
*/
/*
body {
    background: #FFFFFF;
    color: #333333;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    height: 100%;
    line-height: 1.6;
}
*/
/*
img {
    height: auto;
    width: 100%;
}
*/
/* 出しわけ ------ */
.dspB {
    display: none;
}

@media screen and (max-device-width: 720px) {
    .dspB {
        display: block;
    }
}

/* link
------------------------------------ */
/*
a:link, a:visited {
    color: #333333;
    text-decoration: underline;
}
*/
/*
a:hover, a:active {
    text-decoration: none;
}
*/
/*
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
*/

ul#tab.clearfix.dspN {
    margin-top:  130px;
    margin-top: -130px;
    padding-top:  130px;
    padding-top: -130px;
}

/* clearfix
------------------------------------ */
/*
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
*/

/* other
------------------------------------ */
.alpha a:hover img {
    filter: alpha(opacity=70);
    moz-opacity: 0.70;
    ms-filter: "alpha(opacity=70)";
    opacity: 0.70;
}


/* frame
------------------------------------ */

#wrap {
    background-color: #F8F4F4;
    margin: 0 auto;
    width: 100%;
}

#content.feature {
    margin: 0 auto;
    max-width: 878px;
    width: 100%;
}
#content.feature .inner {
    margin: 20px auto;
                max-width: 880px;
    border-style: none;
}
#content.feature.artist {
    border-style: none;
}
#content.feature.artist .inner {
    border-style: none;
}
/*
.pagetop {
    margin-top: 23px;
    text-align: right;
}
*/
@media screen and (max-device-width: 720px) {
 #content.feature {
    margin: 0;
    max-width: 100%;
    width: 100%;
 }
 #content.feature .inner {
    margin: 10px 0 45px;
    padding: 0;
    width: 100%;
 }
}


/* font
------------------------------------ */
#content.feature {
    font-size: 12px;
}
#content.feature h2 {
    font-size: 16px;
    font-weight: bold;
}
#content.feature .section.release dt, #content.feature .section .special dt {
    font-size: 14px;
}
@media screen and (max-device-width: 720px) {
 #content.feature {
    font-size: 14px;
 }
 #content.feature h2 {
    font-size: 18px;
 }
}


/* content
------------------------------------ */
#content.feature {
    background: #fff;
    /*border: 1px solid #D0D0D0;*/
}
#content.feature h1 {
    margin: 0 auto;
}
#content.feature h1 > img {
    display: block;
    margin: 0 auto;
}
#content.feature h1 + p {
    margin: 15px 7px 0;
    font-weight: bold;
}
#content.feature h2 {
    margin: 20px 0 14px;
    padding: 9px 15px;
    background: #ADA9A6;
    color: #fff;
}
#content.feature #subTitle h2 {
    margin: 0;
    color: inherit;
}
@media screen and (max-device-width: 720px) {
    #content.feature {
        border: 0;
    }
    #content.feature h1 {
        margin: 0 10px;
    }
    #content.feature .bannerArea img,
    #content.feature h1 > img,
    #content.feature h2 > img,
    #content.feature h3 > img,
    #content.feature #Keyvisual img,
    #content.feature .keyvisual img {
        width: 100%;
        height: auto;
    }
    #Keyvisual,
    .container {
        width: 100% !important;
    }
    #content.feature h1 + p:not([class]) {
        margin: 10px 17px 0;
    }
    #content.feature .localContents h1 + p {
        margin-right: 0px;
        margin-left: 0;
    }
    #content.feature h2 {
        padding: 9px 0;
        text-align: center;
    }
    #content.feature .section h2:first-child {
        margin: 10px 0 0 !important;
    }
}
#content.feature .section .box01,
#content.feature .section .box02 {
    margin: 10px 10px 0;
}


/* karaoke
------------------------------------ */
#content.feature #table{
    width: 100%;
    border-collapse: collapse;
}
#content.feature #table td,
#content.feature #table th{
    padding: 5px;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-align: left;
}
#content.feature #table th{
    font-weight: bold;
}
#content.feature #table thead th{
    background:#e6e6e6;
}
#content.feature #table tbody td {
    font-weight: bold;
}
#content.feature #table tbody th + td + td {
    text-align: center;
}
#content.feature #table tbody td div{
    display: table;
}
#content.feature #table tbody td div p{
    display: table-cell;
    width: 94px;
    height: 94px;
    text-align: center;
    vertical-align: middle;
}
#content.feature #table tbody td a{
    display: block;
    width: 94px;
    height: 18px;
    margin: 0px auto 10;
    line-height: 1;
    background: url(/dam/app/dam/images/btn_regist_01.png) no-repeat left top;
    overflow: hidden;
    text-indent: -9999px;
}
@media screen and (max-device-width: 720px){
#content.feature #content.feature .karaoke h2 {
    margin: 20px 0 0 !important;
 }
#content.feature #table{
    display: block;
}
#content.feature #table thead{
    display: none;
}
#content.feature #table tbody{
    display: block;
}
#content.feature #table tbody tr{
    display: block;
    margin-bottom: 1.5em;
}
#content.feature #table tbody th,
#content.feature #table tbody td{
    display: list-item;
    list-style: none;
    border: none;
}
#content.feature #table tbody th{
    padding: 10px;
}
#content.feature #table tbody td {
    margin: 10px 10px 0;
    padding: 0;
    font-weight: normal;
}
#content.feature #table tbody td.dspN {
    display: none;
}
#content.feature #table tbody th + td + td {
    text-align: left;
}
#content.feature #table tbody td a {
    display: block;
    width: 80%;
    height: 100%;
    min-height: 100%;
    line-height: 3.5em;
    margin: 0 auto -10px;
    background: url(/dam/app/dam/images/btn_regist_02.png) no-repeat left top;
    background-size: 100% auto;
    overflow: hidden;
    text-indent: -9999px;
}
}


/* content
------------------------------------ */
#content.feature .release,
#content.feature .profile,
#content.feature .special {
    color: #777777;
    padding-bottom: 15px;
}
#content.feature .release dt,
#content.feature .special dt {
    margin-bottom: 5px;
    font-weight: bold;
}

#content.feature .release dt{
color: #000000;
}

/* release
------------------------------------ */
#content.feature .release {
    color: #777777;
}
#content.feature .release .box01 > p:first-child {
    float: left;
    width: 150px;
    margin-right: 15px;
}
#content.feature .release .box01 .clearfix + p {
    margin: 15px 0;
}

#content.feature .release .box02 > p:first-child {
    float: left;
    width: 150px;
    margin-right: 15px;
}
#content.feature .release .box02 .clearfix + p {
    margin: 15px 0;
}


#content.feature .release .box03 p:first-child {
    float: left;
    width: 250px;
    margin-right: 15px;
}
#content.feature .release .box03 .clearfix + p {
    margin: 15px 0;
}
#content.feature .release .box03 dl {
    margin-top: 15px;
}

@media screen and (max-device-width: 720px) {
 #content.feature .release .box01 > p:first-child {
    float: none;
    margin: 0 auto 10px;
    text-align: center;
 }
 #content.feature .release .box01 .clearfix + p {
    display: none;
 }


 #content.feature .release .box02 > p:first-child {
    float: none;
    margin: 0 auto 10px;
    text-align: center;
 }
 #content.feature .release .box02 .clearfix + p {
    display: none;
 }

 #content.feature .release .box03 > p:first-child {
    float: none;
    /*width: 100%;*/
    margin: 10px auto 0;
    text-align: center;
 }
 #content.feature .release .box03 .clearfix p:first-child {
    margin: 0 auto;
    text-align: center;
 }
 #content.feature .release .box03 dl {
    margin: 10px auto 0;
 }

 .dspN { display: none; }
}


/*追加*/
#content.feature .release .box04 > p:first-child {
    float: left;
    width: 300px;
    margin-right: 15px;
margin-left: 10px;
}
#content.feature .release .box04 .clearfix + p {
    margin: 15px 0;
}
#content.feature .release .box04 dl {
    margin-top: 0px;
}
@media screen and (max-device-width: 720px) {
#content.feature .release .box04 > p:first-child {
    float: none;
    width: 95%;
    margin: 10px auto 0;
    text-align: center;
 }
 #content.feature .release .box04 .clearfix p:first-child {
    margin: 0 auto;
    text-align: center;
 }
 #content.feature .release .box04 dl {
    margin: 10px auto 0;
 }
}
/**/
/* profile
------------------------------------ */

#content.feature .profile .box01 p:first-child {
    float: left;
    width: 250px;
    margin-right: 15px;
}

#content.feature .profile .box03 p:first-child {
    float: left;
    width: 180px;
    margin-right: 15px;
}

#content.feature .profile .box02 {
    margin-top: 15px;
}
#content.feature .profile .box02 > p:first-child {
    float: left;
    width: 645px;
}
#content.feature .profile .box02 > p + p {
    float: right;
    width: 150px;
}
@media screen and (max-device-width: 720px) {
 #content.feature .profile .box01 p:first-child,
 #content.feature .profile .box03 p:first-child {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
 }
 #content.feature .profile .box02 {
    margin-top: 15px;
 }
 #content.feature .profile .box02 > p:first-child {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0;
 }
 #content.feature .profile .box02 > p + p {
    float: none;
    margin: 0 auto;
    text-align: center;
 }
 .dspN { display: none; }
}

 #content.feature .profile .nameline{
    color:#000000;
    border-bottom-color:#000000;
    border-bottom-style:dashed;
    border-bottom-width:1px;
    font-weight:bold;
    margin-bottom:5px;
    padding:0 5px 2px;
}

/* special
------------------------------------ */
#content.feature .special ul li {
    float: left;
    width: 383px;
    margin: 0 25px 15px 0;
    line-height: 1.1em;
}
#content.feature .special ul li p {
    float: left;
    margin-right: 10px;
    padding-bottom: 20px;
}
#content.feature .special ul li div {
    margin-top: 10px;
}
@media screen and (max-device-width: 720px) {
 #content.feature .section.special ul {
    margin: 10px 10px 0;
 }
 #content.feature .special ul li {
    clear: both;
    float: none;
    width: 100%;
    margin: 0 auto;
 }
 #content.feature .special ul li p {
    width: 103px;
    margin: 0 10px 10px 0;
    padding-bottom: 0px;
 }
 #content.feature .special ul li p img{
    width: 80px;
    height: 45px;
 }
 #content.feature .special ul li dl dd {
    display: none;
 }
 .dspN { display: none; }
}


/* My denmoku button
------------------------------------ */


.localContents #table tbody td.dspN a{
    display: block;
    width: 94px;
    height: 18px;
    margin: 0px auto 10;
    line-height: 1;
    background: url(/dam/app/dam/images/btn_regist_01.png) no-repeat left top;
    overflow: hidden;
    text-indent: -9999px;
}




/*最後尾20171003追加その2*/

/* ---------------------------------------------
    * display
    * float
    * clear
    * position
    * z-index

    * width
    * min-width
    * max-width
    * height
    * min-height
    * max-height
    * line-height

    * overflow
    * clip
    * visiblity

    * margin
    * padding
    * border
    * background

    * list-style

    * color
    * font

    * text-decoration
    * text-align
    * vertical-align
    * white-space
    * text-indent
    * letter-spacing
    * word-spacing
    * text-transform

    * contents
    * counter-reset
    * counter-increment

--------------------------------------------- */


/* ==========================================
    reset
========================================== */
/* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img, select { margin: 0; padding: 0; }

table { border-spacing: 0; }

img {   border: 0; line-height: 0; vertical-align: bottom; }

address, caption, th { font-style: normal; font-weight: normal; }

ul,li { list-style: none; }

caption, th {   text-align: left; }

th, td { vertical-align: top; }

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

abbr, acronym { border: 0; font-variant: normal; }

input, textarea, select {   font-family: inherit;   font-size: inherit; font-weight: inherit; }
input, textarea, select {   *font-size: 100%;   vertical-align: middle; }

input{ position:relative; top: -2px; }

a:link { cursor: pointer; }
a:active { outline: none; } */


/* ==========================================
　general
========================================== */
/* html { font-size: 62.5%; } */
body {
    background: #FFFFFF;
    color: #333333;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.6;
}


/* link
------------------------------------ */
/* a:link, a:visited {
    color: #333333;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}
#footer a:link, #footer a:visited {
    color: #666666;
    text-decoration: underline;
}
#footer a:hover, #footer a:active {
    text-decoration: none;
} */

/* clearfix
------------------------------------ */
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
        content: " ";
        display: table;
}
.clearfix:after,
.cf:after {
        clear: both;
}
.clearfix,
.cf {
        *zoom: 1;
}

/* other
------------------------------------ */
.alpha a:hover img {
    opacity: 0.70;
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -ms-filter: "alpha(opacity=70)";
}

/* frame
------------------------------------ */
#wrap {
    position: relative;
    width: 100%;
    min-width: 1000px;
    overflow-x: hidden;
    margin: 0 auto;
    background-color: #F8F4F4;
}
#header {
    width: 100%;
    background-color: #FFFFFF;
}
#header .inner {
    width: 938px;
    margin: 0 auto;
    padding-top: 10px;
}
#content {
    /*width: 978px;*/
    margin: 0 auto;
}
#content .inner {
    width: 878px;
    margin: 0 auto;
}
#aside {
    float: left;
    width: 240px;
/* 20150416 LIVEDAMロゴ削除対応 */
    margin: 0 0 20px;
}
#footer {
    width: 100%;
}
#footer .nav {
    width: 960px;
    margin: 0 auto;
}
.pagetop {
    margin-top: 23px;
    text-align: right;
}


/* ==========================================
    header
========================================== */
#header {
    line-height: 1em;
    padding-bottom: 18px;
    border-bottom: 1px solid #D0D0D0;
    position: fixed;
}
#header #logo {
    display: inline;
    float: left;
    margin: 10px 52px 0 0;
}
#header .inner .headerNav div {
    float: right;
}
#header .inner .headerNav div ul,
#header .inner .headerNav div ul li,
#header .inner .headerNav > ul {
    float: left;
    vertical-align: bottom;
}
#header .inner .headerNav div ul li {
    margin-right: 10px;
    padding: 1px 16px 0 0;
    background: url(/dam/common/images/ico_header_01.gif) no-repeat right 0;
    line-height: 1;
}
#header .inner .headerNav div ul li a {
    font-size: 1.1em;
    font-weight: bold;
}
#header .inner .headerNav div ul:first-child li a:link
,#header .inner .headerNav div ul:first-child li a:visited {
    color: #539F2B;

}
#header .inner .headerNav div ul.denmoku li a {
    color: #FB7819;
}
#header .inner .headerNav div ul:last-child li a:link
,#header .inner .headerNav div ul:last-child li a:visited {
    color: #333333;
}
#header .inner .headerNav div ul.denmoku li {
    background: url(/dam/common/images/ico_header_03.gif) no-repeat right 0;
}
#header .inner .headerNav div ul + ul li {
    background: url(/dam/common/images/ico_header_02.gif) no-repeat right 0;
}
#header .inner .headerNav div ul li:first-child {
    margin-left: 0;
}
#header .inner .headerNav > ul li {
    float: left;
}
#header .inner .headerNav div + ul li {
    display: inline;
    margin: 10px 0 0 6px;
}

#header .inner .search {
    width: 938px;
    height: 42px;
    margin-top: 9px;
    background: url(/dam/common/images/bg_search_01.gif) no-repeat;
}
#header .inner .search .clearfix {
    margin: 0 15px 0 47px;
}
#header .inner .search .clearfix p,
#header .inner .search .clearfix input,
#header .inner .search .clearfix select {
    float: left;
}
#header .inner .search .clearfix p:first-child {
    margin-top: 9px;
}
#header .inner .search .clearfix p,
#header .inner .search .clearfix select {
    margin: 12px 0 0 13px;
                font-size: 1.1em;
}
#header .inner .search .clearfix input[type="text"] {
    width: 287px;
    height: 17px;
                font-size: 1.1em;
    margin: 14px 0 0 13px;
}
#header .inner .search .clearfix input[type="image"] {
    margin: 11px 0 0 13px;
}


/* ==========================================
    contents
========================================== */
#content {
    font-size: 12px;
}

/* topicPath
------------------------------------ */
#content .topicPath {
    margin: 10px 0;
}
#content .topicPath p a {
    display: block;
    float: left;
}
#content .topicPath p a:after {
    margin-right: 8px;
    content: ">";
}

/* contents common
------------------------------------ */

#content #search01 {
    border: 1px solid #D0D0D0;
    background-color: #FFF;
    padding: 20px 0;
}
#content .inner #box_song {
    margin: 0 0 20px 55px;
    padding: 0;
    text-align: left;
}

#content .inner #box_song .ttl {
    float: left;
}

#content .inner #box_song .song_title {
    float: left;
    margin: 0 0 0 15px;
    padding: 0;
    width: 568px;
}
#content .inner #box_song .song_title .artist {
    font-size: 26px;
                word-wrap: break-word;
}
#content .inner #box_song .song_title .song {
                word-wrap: break-word;
}
#content .inner .search02 {
    width: 100%;
    border: 1px solid #d0d0d0;
    padding: 20px 0;
    background-color: #FFF;
}
#content .inner .search02 table {
    width: 768px;
    margin: 0 auto;
}
#content .inner .search02 table tr {
    height: 40px;
}
#content .inner .search02 table th {
    width: 137px;
    font-weight: bold;
    border: 1px solid #d0d0d0;
    background-color: #ebebeb;
    color: #323232;
    text-align: center;
    vertical-align: middle;
}
#content .inner .search02 table td {
    width: 645px;
    font-weight: bold;
    background-color: #FFF;
    vertical-align: middle;
    border: 1px solid #d0d0d0;
}
#content .inner .search02 table td .nonselect a:link,
#content .inner .search02 table td .nonselect a:visited,
#content table.list a:link,
#content table.list a:visited {
    text-decoration: underline;
}
#content .inner .search02 table td .nonselect a:hover,
#content .inner .search02 table td .nonselect a:active,
#content table.list a:hover,
#content table.list a:active {
    text-decoration: none;
}
#content .inner .search02 table td ul li,
#content .inner .search02 table p {
    float: left;
}

#content .inner .search02 table td ul li:first-child {
    margin-left:15px;
}
#content .inner .search02 table td ul li + li {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-left: 12px;
}
#content .inner .search02 table td ul li a.selected {
    color: #fff;
    background-color: #d10303;
    padding: 0 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#content .inner .search02 table td p {
    padding-top: 4px;
    margin-left: 10px;
}
#content .inner .search02 table td p:first-child {
    padding-top: 0;/* 最初のp（input,select内包）だけpaddingを外す */
}
#content .inner .search02 table p.nonselect,
#content .inner .search02 table td p a.selected02 {
    font-size: 15px;
}
#content .inner .search02 table td p a.selected02 {
    color: #fff;
    background-color: #5d5b5b;
    padding: 4px 20px 2px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
#content .inner .search02 table td input {
    width: 326px;
    height: 25px;
    top: 0; /* top: -2px; を初期化する */
}
#content .inner .search02 table td select {
    width: 330px;
    height: 29px;/* サイズを調整 */
}
#content .inner .pageCount {
    padding: 20px 10px 3px 10px;
}
#content .inner table.list + .pageCount {
    padding: 10px 10px 3px 10px;
}
#content .inner .searchResult {
    font-size: 14px;
}
#content .inner .searchResult span {
    font-weight: bold;
}
#content .inner .searchResult span:first-child {
    margin-right: 20px;
}
#content .inner .searchResult,
#content .inner .searchResult p,
#content .inner .matching,
#content .inner .matching p {
    float: left;
}
#content .inner .page,
#content .inner .checkTop100 {
    float: right;
}
#content .inner .page a {
    border-left: 1px solid #ccc;
    padding: 0 7px 0 10px;
}
#content .inner .page a:first-child {
    border-left: none;
}
#content .inner .page img.left {
    margin: 0 6px 3px 0;
    vertical-align: middle;
}
#content .inner .page img.right {
    margin: 0 0 3px 6px;
    vertical-align: middle;
}
#content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.2em;
}
#content table.list {
    font-size: 12px;
}
#content table.list .mvmain,
#content table.list .mvsub {
                            width: 80px;
}
#content table.list .request {
    width: 71px;
}
#content table.list .provide,
#content table.list .damKashi,
#content table.list .karaokeDam {
    width: 72px;
}
#content table.list .denmoku {
    width: 90px;
}
#content table.list th,
#content table.list td {
    padding: 5px 12px 5px 7px;
    border: 1px solid #D0D0D0;
    vertical-align: middle;
    text-align: center;
}
#content table.list .song,
#content table.list .artist,
#content table.list th.download,
#content table.list td.singer,
#content table.list td.medleylist,
#content table.list td.download {
    text-align: left !important;
}
#content table.list th {
    background-color: #EBEBEB;
    text-align: center;
    white-space: nowrap;
    word-spacing: normal;
    font-size: 12px;
                text-align: left;
}
#content table.list td.singer {
    font-weight: bold;
}
#content table.list td {
}
#content table.list tr:nth-child(odd) td{
    background-color: #F9FBBF;   /* 奇数行の背景色 */
}
#content table.list tr:nth-child(even) td {
    background-color: #FFFFFF;   /* 偶数行の背景色 */
}
#content table.list tr.odd td {
    background-color: #F9FBBF;
}
#content table.list tr.even td {
    background-color: #FFFFFF;
}


/* ==========================================
    aside(research nav)
========================================== */
#aside div {
    border-right: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
}
#aside div.sound {
    border-bottom: 1px solid #E3E3E3;
}
#aside div.newsong {
    padding: 9px 0;
    background: #ffffff url(/dam/common/images/bg_aside_01.jpg) no-repeat left bottom;
}
#aside div ul li {
    margin-top: 1px;
}
#aside div.newsong p {
    text-align: center;
}
#aside .bnr p {
    margin-top: 10px;
}

/***     140219追記   ***/
#aside div ul li {
    background: url(/dam/common/images/bg_aside.jpg) no-repeat left top;
    height: 55px;
    position: relative;
}
#aside div dl {
    padding-top: 8px;
}
#aside div dt {
    font-size: 17px;
    font-weight: bold;
    margin-left: 6px;
}
#aside div dd {
    font-size: 8pt;
                font-weight: normal;
    margin-left: 6px;
    letter-spacing: -1px;
}

#aside div dd.new {
    position: absolute;
    top: 14px;
    left: 120px;
}
#aside a:hover, a:active {
    text-decoration: none;
}


/* ==========================================
    footer
========================================== */
#footer {
    margin-top: 30px;
    border-top: 3px solid #E1E1E1;
    background-color: #FFFFFF;
    color: #666666;
}
#footer .nav {
    font-size: 1.2em;
}
#footer .nav .inner {
    width: 930px;
}
#footer .nav .inner + .inner {
    margin-top: 15px;
    border-top: 1px dotted #C0C0C0;
}
#footer .nav .inner div {
    float: left;
    margin-top: 15px;
}
#footer .nav .inner .category02 { margin-left: 40px; }
#footer .nav .inner .category03 { margin-left: 40px; }
#footer .nav .inner .category04 { margin-left: 16px; }
#footer .nav .inner .category05 { margin-left: 30px; }
#footer .nav .inner .category06 { margin-left: 30px; }
#footer .nav .inner .category08 { margin-left: 54px; }
#footer .nav .inner .category09 { margin-left: 115px; }
#footer .nav .inner .category10 { margin: 33px 0 0 120px; }
#footer .nav .inner div:first-child {
    margin-left: 0;
}
#footer .nav .inner div p {
    font-weight: bold;
}
#footer .nav .inner div ul {
    line-height: 1.5em;
    margin-top: 10px;
}
#footer .nav .inner div ul li {
    padding-left: 8px;
    background: url(/dam/common/images/ico_footer_01.gif) no-repeat left center;
}
#footer .info {
    margin-top: 15px;
    padding: 7px 0 7px;
    border-top: 1px solid #5C5C5C;
    background-color: #4A4A4A;
    color: #FFFFFF;
}
#footer .info .inner {
    width: 938px;
    margin: 0 auto;
}
#footer .info .inner .jasrac{
margin-top: -12px;
}
#footer .info .inner .jasrac p,
#footer .info .inner .jasrac dl {
    float: left;
}
#footer .info .inner .jasrac p {
    margin-right: 20px;
}
#footer .info .inner .jasrac p dl {
    margin-right: 30px;
}
#footer .info .inner .jasrac dl {
    line-height: 1.2em;
margin-top: 5px;
}
#footer .info .inner .jasrac + p {
    float: right;
    margin-top: 24px;
}
/* 150218 追記
------------------------------------ */
.jasrac p,
.jasrac dl,
#jasrac p,
#jasrac dl {
        float: left;
}
.jasrac p,
#jasrac p {
        height: 60px;
        margin-right: 20px;
}
.jasrac dl,
#jasrac dl {
        margin-right: 30px;
}
.jasrac dl,
#jasrac dl {
        font-size: 11px;
        line-height: 1.2em;
        margin-top: 5px;
}
.jasrac + p,
#jasrac + p {
        float: right;
        margin-top: 24px;
}

/* 140113 追記
------------------------------------ */
html {
    background: #e0dbdb;
}
body {
    width: 100%;
    position: relative;
    left: 0;

}
#header {
    background: #fff;
    width: 100%;
    min-height: 107px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
#content .topicPath {
    margin-top: 136px;
}
#searchSong {
        width: 305px;
        display: none;
        position: absolute;
    top: 126px;
    right: -305px;
        z-index: 200;
}
#searchSong .inner {
    padding: 0px 65px 20px 0;
}
#searchSong .inner div {
    margin-top: 0px;
}
#searchSong .close {
    margin-top: 15px;
    text-align: right;
}
#searchSongBtn {
    position: fixed;
    top: 126px;
    right: 0;
}
#searchSongBtn:hover,#searchSong .close:hover {
    cursor: pointer;
}




/* artistKaraokeLeaf1
------------------------------------ */

/* artistKaraokeLeaf2
------------------------------------ */

/* artistKaraokeLeaf3
------------------------------------ */

#content.artistKaraokeLeaf3 .songInfo {
    width: 785px;
    margin-left: 55px;
}
#content.artistKaraokeLeaf3 .songInfo table th {
    padding: 10px 0px;
}
#content.artistKaraokeLeaf3 .songInfo table tr + tr {
    border-top: 1px solid #d0d0d0;
}

#content.artistKaraokeLeaf3 .songInfo table th p {
    width: 120px;
    font-weight: bold;
    padding: 7px 5px 5px 5px;
    background-color: #ececec;
    text-align: center;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#content.artistKaraokeLeaf3 .songInfo table td {
    font-weight: bold;
    vertical-align: middle;
    padding: 10px 0 10px 20px;
                word-break: break-all;
}
#content.artistKaraokeLeaf3 .songInfo table td.number img {
    margin-left: 10px;
}
/*#content.artistKaraokeLeaf3 .songInfo table td ul {
    margin: 0 0 15px 220px;
}
#content.artistKaraokeLeaf3 .songInfo table td ul li {
    margin-left: 20px;
    vertical-align: middle;
    display: inline;
}
#content.artistKaraokeLeaf3 .songInfo table td ul li img {
    text-align: center;
}}*/
#content.artistKaraokeLeaf3 .songInfo table td ul.sort {
    width: 435px;
    margin: 0 0 15px 220px;
}
#content.artistKaraokeLeaf3 .songInfo table td ul.sort li {
    float: left;
    width: 135px;
    text-align: center;
    margin-left: 10px;
}
#content.artistKaraokeLeaf3 .songInfo table td ul.sort li:first-child {
    padding-bottom: 0;
}
#content.artistKaraokeLeaf3 .songInfo table td dl {
    width: 670px;
}
#content.artistKaraokeLeaf3 .songInfo table td dt {
    width: 220px;
    float: left;
    clear: both;
    margin-bottom: 10px;
}
#content.artistKaraokeLeaf3 .songInfo table td dd {
    float: left;
    margin-left: 10px;
}

#content.artistKaraokeLeaf3 table .singer a:link,
#content.artistKaraokeLeaf3 table .singer a:visited {
    text-decoration: underline;
}
#content.artistKaraokeLeaf3 table .singer a:hover,
#content.artistKaraokeLeaf3 table .singer a:active {
    text-decoration: none;
}
#content.artistKaraokeLeaf3 .area01 {
    margin: 30px 0 10px;
}
#content.artistKaraokeLeaf3 .area01 .matching img {
    vertical-align: middle;
    margin: 0 5px 4px 0;
}
#content.artistKaraokeLeaf3 .area01 .matching p + p {
    margin-left: 15px;
}

#content.artistKaraokeLeaf3 table.denmokuList {
    border: 1px solid #d0d0d0;
    background-color: #f7f7f7;

}
#content.artistKaraokeLeaf3 table.denmokuList th,
#content.artistKaraokeLeaf3 table.denmokuList td {
    padding: 10px 0;
    border-top: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle;
    background-color: #f7f7f7;
}
#content.artistKaraokeLeaf3 table.denmokuList th {
    text-align: left;
    padding-left: 15px;
}
#content.artistKaraokeLeaf3 table.denmokuList + p {
    margin-top: 10px;
    line-height: 1.5em;
}
#content.artistKaraokeLeaf3 table.denmokuList img.model {
    width: 55px;
    height: auto;
}
#content.artistKaraokeLeaf3 .karaokeInfo {
    width: 878px;
    margin-top: 30px;
}
#content.artistKaraokeLeaf3 .karaokeInfo p.title {
    font-size: 18.5px;
    font-weight: bold;
    padding: 7px 0 5px 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: rgb(235,235,235);
    background: -moz-linear-gradient(top,  rgba(235,235,235,1) 0%, rgba(214,214,214,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(214,214,214,1)));
    background: -webkit-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%);
    background: -o-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%);
    background: -ms-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%);
    background: linear-gradient(to bottom,  rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%);
}
#content.artistKaraokeLeaf3 .karaokeInfo p.songTitle {
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin: 50px 0 0 15px;
    }
#content.artistKaraokeLeaf3 .karaokeInfo table {
    width: 550px;
    float: right;
    margin: 10px 20px 0 0;
}
#content.artistKaraokeLeaf3 .karaokeInfo table th,
#content.artistKaraokeLeaf3 .karaokeInfo table td {
    text-align: center;
    vertical-align: middle;
    padding: 5px 15px;
}


/* searchKaraokeKeywordArtist
------------------------------------ */

#content.searchKaraokeKeywordArtist #search01,
#content.searchKaraokeABCArtist1 #search01 {
    padding-top: 0;
}
#content.searchKaraokeKeywordArtist #search01 .search03,
#content.searchKaraokeABCArtist1 #search01 .search03 {
    margin-top: 0;
    border-top: 0;
}
#content.searchKaraokeKeywordArtist  table.list td.download,
#content.searchKaraokeABCArtist1  table.list td.download {
    width: 300px;
}

/* searchKeawordKaraoke1
------------------------------------ */

#content .topicPath + p {
    margin: 15px 0 20px 50px;
}
#content .search03 {
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 20px auto;
}
#content .search03 dl {
    float: left;
    margin-top: 20px;
}
#content .search03 dl:first-child {
    width: 400px;
    margin-right: 52px;
    margin-left: 54px;
}
#content .search03 dl dt {
    background: url(/dam/app/search/images/ico_graycircle.gif) no-repeat 5px 1px;
    padding-left: 25px;
    margin-bottom: 3px;
}
#content .search03 dl dd {
    float: left;
    margin-right: 10px;
}
#content.searchKeawordKaraoke1 table.list td.song {
    width: 300px;
}
#content.searchKeawordKaraoke1 .search03,
#content.searchKeawordKaraoke2 .search03 {
    margin-top: 0;
    border-top: none;
}

/* searchKeawordKaraoke2
------------------------------------ */
#content.searchKeawordKaraoke2 table.list td.song {
    width: 280px;
}

/* searchKaraokeABCArtist
------------------------------------ */
#content.searchKaraokeABCArtist {
    margin-top: 140px;
}
#content .search03 {
    width: 100%;
    border: 1px solid #ccc;
    margin: 20px auto;
    background-color: #FFF;
    padding-bottom: 15px;
}
#content .search03 dl+ div {
    margin-bottom: 20px;
    float: left;
    margin-top: 43px;
}
#content .search03 table.abc {
    width: 285px;
    margin: 0 5px 0 54px;
    clear: left;
}
#content .search03 table.abc td {
    padding-bottom: 6px;
    padding-right: 6px;
}
.pie{
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        zoom: 1;
        position:relative;
}
#content .search03 table.abc td a,
#content .search03 .detailed table td a {
    display: block;
    font-weight: bold;
    color: #fff;
    background: rgb(93,91,91);
    background: -moz-linear-gradient(top,  rgba(93,91,91,1) 0%, rgba(86,84,84,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,91,91,1)), color-stop(100%,rgba(86,84,84,1)));
    background: -webkit-linear-gradient(top,  rgba(93,91,91,1) 0%,rgba(86,84,844,1) 100%);
    background: -o-linear-gradient(top,  rgba(93,91,91,1) 0%,rgba(86,84,84,1) 100%);
    background: -ms-linear-gradient(top,  rgba(93,91,91,1) 0%,rgba(86,84,84,1) 100%);
    background: linear-gradient(to bottom,  rgba(93,91,91,1) 0%,rgba(86,84,84,1) 100%);
    padding: 3px 6px 1px 6px;
}
#content .search03 table.abc td.empty a {
    cursor: default;
}
#content .search03 table.abc td a:hover,
#content .search03 table.abc td.empty a,
#content .search03 .detailed table td a:hover {
    color: #d10303;
    text-decoration: none;
    background: rgb(235,235,235);
    background: -moz-linear-gradient(top,  rgba(235,235,235,1) 0%, rgba(214,214,214,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)), color-stop(100%,rgba(214,214,214,1)));
    background: -webkit-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%);
    background: -o-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%);
    background: -ms-linear-gradient(top,  rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%);
    background: linear-gradient(to bottom,  rgba(235,235,235,1) 0%,rgba(214,214,214,1) 100%);
}/**/
#content .search03 .detailed table td a {
    width: 300px;
    margin-bottom:6px;
}

#content .search03 table.abc,
#content .search03 .detailed {
    float:left;
}


/* searchABCKaraoke
------------------------------------ */
#content.searchABCKaraoke .search03 {
    margin-bottom: 0;
    border-bottom: none;
}
#content.searchABCKaraoke table.list td.song {
    width: 300px;
}

/* newReleaseArtist
------------------------------------ */
#content.newReleaseArtist .categoryNav > .over,
#content.newReleaseArtist .categoryNav .sort {
    float: left;
}
#content.newReleaseArtist .categoryNav > .over li,
#content.newReleaseArtist .categoryNav .sort ul,
#content.newReleaseArtist .categoryNav .sort ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
}
#content.newReleaseArtist .categoryNav .sort {
    margin: 8px 0 0 5px;
}
#content.newReleaseArtist .categoryNav .sort > p {
    float: left;
    margin: 4px 6px 0 0;
    color: #262626;
    font-weight: bold;
}

#content.newReleaseArtist .inner .title {
    height: 72px;
    background: url(/dam/app/dam/images/tit_newReleaseArtist_01.jpg) no-repeat;
}
#content.newReleaseArtist .inner .title h1 {
    line-height: 1em;
    margin-left: 50px;
    padding-top: 30px;
    font-size: 1.9em;
    font-weight:bold;
}
#content.newReleaseArtist .inner .title h1 span {
    margin-left: 10px;
}
#content.newReleaseArtist .inner .date {
    position: relative;
    padding: 10px 0 6px;
    border-bottom: 2px solid #C7C26E;
    background: url(/dam/images/bg_newReleaseArtist_01.jpg) no-repeat left top;
}
#content.newReleaseArtist .inner .date > p {
    padding-top: 3px;
    font-size: 1em;
    text-align: center;
}
#content.newReleaseArtist .inner .date > p strong {
    font-size: 1.6em;
    font-weight: bold;
}
#content.newReleaseArtist .inner .date div p:first-child {
    position: absolute;
    top: 11px;
    left: 9px;
}
#content.newReleaseArtist .inner .date div p:first-child + p {
    position: absolute;
    top: 11px;
    right: 9px;
}
#content.newReleaseArtist .inner .monthLink {
    margin: 6px 0 5px;
}
#content.newReleaseArtist .inner .monthLink a {
    margin-left: 15px;
    font-size: 1.2em;
}
#content.newReleaseArtist .inner .monthLink a:first-child {
    margin-left: 10px;
}
#content.newReleaseArtist .inner .monthLink a:link,#content.newReleaseArtist .inner .monthLink a:visited {
    text-decoration: underline;
}
#content.newReleaseArtist .inner .monthLink a:hover,#content.newReleaseArtist .inner .monthLink a:active {
    text-decoration: none;
}
#content.newReleaseArtist .artistList ul.over li {
    display: inline;
    float: left;
    margin-left: 1px;
}
#content.newReleaseArtist .artistList ul.over li:first-child {
    margin-left: 0px;
}
#content.newReleaseArtist table.list .singer,
#content.newReleaseArtist table.list .song {
    width: 281px;
}
#content.newReleaseArtist table.list .request {
    width: 71px;
}
#content.newReleaseArtist table.list .provide {
    width: 59px;
}
#content.newReleaseArtist table.list .denmoku {
    width: 90px;
}

/* weeklyRanking
------------------------------------ */

#content.weeklyRanking .inner .title {
    height: 72px;
    background: url(/dam/app/dam/images/tit_weeklyRanking_01.jpg) no-repeat;
}
#content.weeklyRanking .inner .title h1 {
    line-height: 1em;
    margin-left: 50px;
    padding-top: 30px;
    font-size: 1.9em;
    font-weight:bold;
}
#content.weeklyRanking .inner .title h1 span {
    margin-left: 10px;
}
#content .inner .date {
    position: relative;
    padding: 10px 0 13px;
    border-bottom: 2px solid #6da4c6;
    margin-bottom: 15px;
}
#content .inner .date > p {
    padding-top: 3px;
    font-size: 1em;
    text-align: center;
}
#content .inner .date div p:first-child {
    position: absolute;
    top: 11px;
    left: 9px;
}
#content .inner .date div p:first-child + p {
    position: absolute;
    top: 11px;
    right: 9px;
}
#content.weeklyRanking .category ul.over li {
    display: inline;
    float: left;
    margin-left: 1px;
}
#content.weeklyRanking .category ul.over li:first-child {
    margin-left: 0px;
}
#content.weeklyRanking table.list .ranking {
    width: 63px;
    font-weight: bold;
    font-size: 15px;
    padding-left: 12px;
}
#content.weeklyRanking table.list .singer,
#content.weeklyRanking table.list .song {
    width: 308px;
}
#content.weeklyRanking table.list .request {
    width: 71px;
}
#content.weeklyRanking table.list .denmoku {
    width: 90px;
}

/* base
------------------------------------ */
#content.base {
    /*margin-top: 140px;*/
}
#content.base .title p {
    font-size: 14px;
    font-weight: normal;
    padding: 15px;
}

#content #tabBox ul li {
    float: left;
    margin-left: 1px;
    display:inline;
}
/*
#content #tabBox ul li a img {
    outline:none;
    border:none;
}
#content #tabBox #tab01,
#content #tabBox #tab02,
#content #tabBox #tab03 {
    display:none;
}
*/
#content.base #tabBox #tab03 {
    background-color:#FFF;
    border: 1px solid #ccc;
}

#content.base #tabBox #tab03 .pickBox {
    width: 840px;
    margin: 30px 0 50px 8px;
}
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix {
    background: url(/dam/app/dam/images/bg_mamaoto_01.gif) no-repeat;
    width: 351px;
    height: 84px;
    padding: 22px 22px 22px 25px;
    float: left;
    margin: 0 0 20px 22px;
}
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix p {
    float: left;
    margin-right: 10px;
}
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix dl {
    float: left;
    width: 251px;
}
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt {
    font-size: 13px;
    font-weight: bold;
}
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt img {
    vertical-align: middle;  !important;
    margin: 0 0 3px 4px;
}
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt a:link,
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt a:visited {
    color: #333333;
    text-decoration: underline;
}
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt a:hover,
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix dt a:active {
    text-decoration: none;
}
#content.base #tabBox #tab03 .pickBox.clearfix .clearfix dl dd {
    font-size: 10px;
    margin-top: 20px;
}
#content.base table.list td.singer span img {
    margin-left: 15px;
    vertical-align: middle !important;
}
#content.base table.list tbody td + td + td + td {
    text-align: center;
}
*/

/* medley
------------------------------------ */
#content.medley {
    margin-top: 140px;
}
#content.medley .title h1 {
    background: url(/dam/app/dam/images/bg_medley_title.jpg) no-repeat;
    line-height: 1em;
    padding: 25px 0 25px 50px;
    font-size: 1.9em;
    font-weight: bold;
}
#content.medley .title p {
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
}
#content.medley .inner .date {
    position: relative;
    padding: 10px 0 13px;
    border-bottom: 2px solid #c7c26e;
    margin-bottom: 15px;
    background: rgb(233,233,233);
    background: -moz-linear-gradient(top,  rgba(224,222,222,1) 10%, rgba(248,244,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(224,222,222,1)), color-stop(100%,rgba(248,244,244,1)));
    background: -webkit-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
}
#content.medley .inner .date span {
    font-size: 16px;
    font-weight: bold;
}
#content.medley table.list th.medleylist {
    text-align: left;
}
#content.medley table.list td.song {
    font-weight: bold;
    width: 216px !important;
}
#content.medley #tabBox + p {
    color: #777;
    margin-top: 5px;
}
#content.medley .tabBox .disNon {
    display:none;
}
#content.medley .tabBox {
}
#content.medley .tabBox ul {
    display:table;
    width:813px;
}
#content.medley .tabBox ul li {
    display: table-cell;
    height: 41px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
}
#content.medley .tabBox ul li.nav01,
#content.medley .tabBox ul li.nav02 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.medley .tabBox ul li.on {
    background-position: left 0;  !important;
}

#content.medley .tabBox ul li:last-child {
    border-right:none;
}
#content.medley .tabBox + ul {
    margin-right: 5px;
    text-align: right;
}

/* anime
------------------------------------ */
#content.anime {
    margin-top: 0;
}
#content.anime .title h1 {
    background: url(/dam/app/dam/images/bg_anime.jpg) no-repeat;
    line-height: 1em;
    padding: 25px 0 25px 50px;
    font-size: 1.9em;
    font-weight: bold;
}
#content.anime .title p {
    font-size: 14px;
    font-weight: normal;
    padding: 15px;
}
#content.anime .inner .date {
    position: relative;
    padding: 10px 0 13px;
    border-bottom: 2px solid #edad32;
    margin-bottom: 15px;
    background: rgb(233,233,233);
    background: -moz-linear-gradient(top,  rgba(224,222,222,1) 10%, rgba(248,244,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(224,222,222,1)), color-stop(100%,rgba(248,244,244,1)));
    background: -webkit-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
}
#content.anime .inner .date span {
    font-size: 16px;
    font-weight: bold;
}
#content.anime table.animeList {
    background-color: #FFF;
    font-size: 12px;
}
#content.anime table.animeList th {
    background-color: #EBEBEB;
    white-space: nowrap;
    word-spacing: normal;
    font-size: 12px;
}
#content.anime table.animeList th,
#content.anime table.animeList td {
    padding: 5px 12px 5px 7px;
    border: 1px solid #D0D0D0;
    vertical-align: middle;
    text-align: center;
}
#content.anime table.animeList .artist,
#content.anime table.animeList .song,
#content.anime table.animeList .singer {
    text-align: left !important;
    width: 296px;
}
#content.anime table.animeList th.program {
    background: rgb(253,233,195);
    background: -moz-linear-gradient(top,  rgba(253,233,195,1) 10%, rgba(254,211,147,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(253,233,195,1)), color-stop(100%,rgba(254,211,147,1)));
    background: -webkit-linear-gradient(top,  rgba(253,233,195,1) 10%,rgba(254,211,147,1) 100%);
    background: -o-linear-gradient(top,  rgba(253,233,195,1) 10%,rgba(254,211,147,1) 100%);
    background: -ms-linear-gradient(top,  rgba(253,233,195,1) 10%,rgba(254,211,147,1) 100%);
    background: linear-gradient(to bottom,  rgba(253,233,195,1) 10%,rgba(254,211,147,1) 100%);
    text-align: left;
    font-weight: bold;
}
#content.anime table.animeList .artist a:link,
#content.anime table.animeList .song a:link,
#content.anime table.animeList .singer a:link,
#content.anime table.animeList .artist a:visited,
#content.anime table.animeList .song a:visited,
#content.anime table.animeList .singer a:visited {
    color: #333333;
    text-decoration: underline;
}
#content.anime table.animeList .artist a:hover,
#content.anime table.animeList .song a:hover,
#content.anime table.animeList .singer a:hover,
#content.anime table.animeList .artist a:active,
#content.anime table.animeList .song a:active,
#content.anime table.animeList .singer a:active,
#content.anime .tabContents .downloadList ul li a:hover,
#content.anime .tabContents .downloadList ul li a:active {
    text-decoration: none;
}
#content.anime .tabBox .disNon {
    display:none;
}
##content.anime .tabBox ul {
    display:table;
    width:813px;
}
#content.anime .tabBox ul.tabBtn li {
    display: table-cell;
    height: 41px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
}
#content.anime .tabBox ul li.nav01,
#content.anime .tabBox ul li.nav02,
#content.anime .tabBox ul li.nav03 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.anime .tabBox ul li.on {
    background-position: left 0;  !important;
}

#content.anime .tabBox ul li:last-child {
    border-right:none;
}
#content.anime .tabContents .downloadList {
    border-right:none;
}
#content.anime .tabContents .downloadList ul {
    margin: 10px 0;
}
#content.anime .tabContents .downloadList h2 + p {
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
}
#content.anime .tabContents .monthLink {
    margin: 6px 0 5px;
}
#content.anime .tabContents .monthLink a {
    margin-left: 15px;
    font-size: 1.2em;
}
#content.anime .tabContents .monthLink a:first-child {
    margin-left: 10px;
}


/* spmobile
------------------------------------ */
#content.spmobile p.title {
    background: url(/dam/app/clubdam/images/bg_appli_05.gif) no-repeat;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    padding: 6px 20px 2px 15px;
}
#content.spmobile .appliIcon {
    margin: 140px 0 30px;
}
#content.spmobile .appliIcon ul li {
    width: 104px;
    display: block;
    float: left;
    margin-right: 7px;
}
#content.spmobile .appliIcon ul li p {
    font-size: 10px;
    text-align: center;
}
#content.spmobile .appli {
    margin: 140px 0 30px;
}
#content.spmobile .appliBox {
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
#content.spmobile .appliBox p:first-child {
    float: left;
}
#content.spmobile .appliBox .clearfix {
    width: 657px;
    float: right;
}
#content.spmobile .appliBox .clearfix ol {
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}
#content.spmobile .appliBox .clearfix ol li {
    background: url(/dam/app/clubdam/images/bg_appli_01.jpg) no-repeat;
    padding-left: 28px;
}
#content.spmobile .appliBox .clearfix ol li + li {
    background: url(/dam/app/clubdam/images/bg_appli_02.jpg) no-repeat;
}
#content.spmobile .appliBox .clearfix ol li + li + li {
    background: url(/dam/app/clubdam/images/bg_appli_03.jpg) no-repeat;
}
#content.spmobile .appliBox .clearfix ol li + li + li + li {
    background: url(/dam/app/clubdam/images/bg_appli_04.jpg) no-repeat;
}
#content.spmobile .appliBox .clearfix .clearfix {
    width: 304px;
    float: right;
    margin-top: 10px;
}
#content.spmobile .appliBox .clearfix .clearfix p {
    float: left;
}
#content.spmobile .appliBox .clearfix .clearfix p + p {
    margin: 5px 0;
}
#content.spmobile .appliBox .clearfix .clearfix p + p + p {
    margin-right: 5px;
}
#content.spmobile .mobile {
    width: 878px;
}
#content.spmobile .mobile p.title {
    margin-bottom: 20px;
}
#content.spmobile .mobileBox {
    width: 266px;
    height: 120px;
    background-color: #FFF;
    border: 1px solid #ccc;
    padding: 13px 10px 0;
    margin: 0 6px 6px 0;
    float: left;
}
#content.spmobile .mobileBox div {
    font-size: 10px;
    width: 180px;
    float: left;
    margin-right: 21px;
}
#content.spmobile .mobileBox div + p {
    float: right;
}
#content.spmobile .mobileBox div > p + p {
    margin: 8px 0;
    font-size: 12px;
}
#content.spmobile p.title + div.mobileBox + div.mobileBox + div.mobileBox {
    margin-right: 0;
}



/*20140305追加
------------------------------------ */
##content.base .tabBox ul {
    display:table;
    width:813px;
}
#content.base .tabBox ul li {
    display: table-cell;
    height: 41px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
}
#content.base .tabBox ul li.nav01 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.base .tabBox ul li.nav02 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.base .tabBox ul li.nav03 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.base .tabBox ul li.on {
    background-position: left 0;  !important;
}

#content.base .tabBox ul li:last-child {
    border-right:none;
}
#content.base .tabBox + ul {
    margin-right: 5px;
    text-align: right;
}

#content.base .tabContents .pickBox {
    width: 840px;
    margin: 30px 0 50px 8px;
}
#content.base .tabContents .pickBox.clearfix .clearfix {
        background: rgba(0, 0, 0, 0) url("/dam/app/dam/images/bg_mamaoto_01.gif") no-repeat scroll 0 0;
        float: left;
        height: 130px;
        margin: 0 0 20px 5px;
        padding: 15px 15px 42px 10px;
        width: 405px;
}
#content.base .tabContents .pickBox.clearfix .clearfix p {
    float: left;
    margin-right: 10px;
}
#content.base .tabContents .pickBox.clearfix .clearfix dl {
    float: left;
    width: 251px;
}
#content.base .tabContents .pickBox.clearfix .clearfix dt {
    font-size: 13px;
    font-weight: bold;
}
#content.base .tabContents .pickBox.clearfix .clearfix dt img {
    vertical-align: middle;  !important;
    margin: 0 0 3px 4px;
}
#content.base .tabContents .pickBox.clearfix .clearfix dt a:link,
#content.base .tabContents .pickBox.clearfix .clearfix dt a:visited {
    color: #333333;
    text-decoration: underline;
}
#content.base .tabContents .pickBox.clearfix .clearfix dt a:hover,
#content.base .tabContents .pickBox.clearfix .clearfix dt a:active {
    text-decoration: none;
}
#content.base .tabContents .pickBox.clearfix .clearfix dl dd {
    font-size: 10px;
    margin-top: 20px;
}
#content.base table.list td.singer span img {
    margin-left: 15px;
    vertical-align: middle !important;
}
#content.base table.list tbody td + td + td + td {
    text-align: center;
}
#content.base .tabBox .disNon {
    display:none;
}

#content.base .tabBox .tabContents {
    background-color: #FFF;
    border: 1px solid #ccc;
}

/*20140308追加
------------------------------------ */
#content.base .title h1.videoContents {
    background: url(/dam/app/dam/images/bg_video_contents.jpg ) no-repeat;
    line-height: 1em;
    padding: 25px 0 25px 50px;
    font-size: 1.9em;
    font-weight: bold;
}

#content.base .title h1.videoContents + p a {
    color: #0000FF;
}

#content.weeklyRanking .inner .title {
        background: url("/dam/app/dam/images/tit_weeklyRanking_01.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 72px;
}

#content.weeklyRanking .category .list tr td.ranking.rankUp {
        background-image: url("/dam/images/ico_top_ranking_01.jpg");
        background-repeat: no-repeat;
        background-position: 3px center;
}


#content.base .title h1.genre {
    background: url(/dam/app/dam/images/bg_genre.jpg) no-repeat;
    line-height: 1em;
    padding: 25px 0 25px 50px;
    font-size: 1.9em;
    font-weight: bold;
}

#content.base .title h1.anime {
    background: url(/dam/app/dam/images/bg_anime.jpg) no-repeat;
    line-height: 1em;
    padding: 25px 0 25px 50px;
    font-size: 1.9em;
    font-weight: bold;
}

#content.base .title h1.soundContents {
    background: url(/dam/app/dam/images/bg_sound_contents.jpg) no-repeat;
    line-height: 1em;
    padding: 25px 0 25px 50px;
    font-size: 1.9em;
    font-weight: bold;
}

/*
#content.medley .tabBox .disNon {
    display:none;
}

#content.medley .tabBox {
}

#content.medley .tabBox ul {
    display:table;
    width:813px;
}

#content.medley .tabBox ul li {
    display: table-cell;
    height: 41px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
}

#content.medley .tabBox ul li.nav01,
#content.medley .tabBox ul li.nav02 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.medley .tabBox ul li.on {
    background-position: left 0;  !important;
}

#content.medley .tabBox ul li:last-child {
    border-right:none;
}
#content.medley .tabBox + ul {
    margin-right: 5px;
    text-align: right;
}
*/

/*20140310追加
------------------------------------ */
div#content.newReleaseArtist div#tabBox.artistList table.list th.singerName {
    text-align: left;
                background-color: #F9FB80;
                font-weight: bold;
}

.hover_opacity:hover{filter:alpha(opacity=60);opacity:0.6;}



/*20140310追加
------------------------------------ */
.tabBox #nav.tabBtn li a {
                display: block;
                height: 25px;
}

/*20140311追加
------------------------------------ */
#content.weeklyRanking #tabBox ul {
                width:100%x;
    padding: 0;
    list-style: none;
}
#content.weeklyRanking #tabBox ul li {
    margin-right:2px;
    float:left;
    display:inline;
    font-size:0;
}
#content.weeklyRanking #tabBox ul li + li + li + li {
    margin-right:0;
}
#content.weeklyRanking #tabBox ul li a img{
    outline:none;
    border:none;
}
#content.weeklyRanking #tabBox div {
    display:none;
}
#content.base .title h1 {
    line-height: 1em;
    padding: 25px 0 25px 50px;
    font-size: 1.9em;
    font-weight: bold;
}
#content.base table.list td.singer span img {
    margin-left: 15px;
    vertical-align: middle !important;
}
#content.base table.list tbody td + td + td + td {
    text-align: center;
}
#content.base .tabBox .disNon {
    display:none;
}
#content.base .tabBox {
}
##content.base .tabBox ul {
    display:table;
    width:813px;
}
#content.base .tabBox ul li.nav01 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.base .tabBox ul li.nav02 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.base .tabBox ul li.nav03 {
    width: 220px;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px;  !important;
}
#content.base .tabBox ul li.on {
    background-position: left 0;  !important;
}

#content.base .tabBox ul li:last-child {
    border-right:none;
}
#content.base .tabBox + ul {
    margin-right: 5px;
    text-align: right;
}
#content.base .tabContents .pickBox {
    width: 840px;
    margin: 30px 0 50px 8px;
}
#content.base .tabContents .pickBox.clearfix .clearfix {
        background: rgba(0, 0, 0, 0) url("/dam/app/dam/images/bg_mamaoto_01.gif") no-repeat scroll 0 0;
        float: left;
        height: 130px;
        margin: 0 0 20px 5px;
        padding: 15px 15px 42px 10px;
        width: 405px;
}
#content.base .tabContents .pickBox.clearfix .clearfix p {
    float: left;
    margin-right: 10px;
}
#content.base .tabContents .pickBox.clearfix .clearfix dl {
    float: left;
    width: 251px;
}
#content.base .tabContents .pickBox.clearfix .clearfix dt {
    font-size: 13px;
    font-weight: bold;
}
#content.base .tabContents .pickBox.clearfix .clearfix dt img {
    vertical-align: middle;  !important;
    margin: 0 0 3px 4px;
}
#content.base .tabContents .pickBox.clearfix .clearfix dt a:link,
#content.base .tabContents .pickBox.clearfix .clearfix dt a:visited {
    color: #333333;
    text-decoration: underline;
}
#content.base .tabContents .pickBox.clearfix .clearfix dt a:hover,
#content.base .tabContents .pickBox.clearfix .clearfix dt a:active {
    text-decoration: none;
}
#content.base .tabContents .pickBox.clearfix .clearfix dl dd {
    font-size: 10px;
    margin-top: 20px;
}
#content.base .inner .date {
    position: relative;
    padding: 10px 0 13px;
    border-bottom: 2px solid #edad32;
    margin-bottom: 15px;
    background: rgb(233,233,233);
    background: -moz-linear-gradient(top,  rgba(224,222,222,1) 10%, rgba(248,244,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(224,222,222,1)), color-stop(100%,rgba(248,244,244,1)));
    background: -webkit-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(224,222,222,1) 10%,rgba(248,244,244,1) 100%);
}
#content.base .inner .date span {
    font-size: 16px;
    font-weight: bold;
}
#content.base .tabContents .downloadList ul li a:hover,
#content.base .tabContents .downloadList ul li a:active {
    text-decoration: none;
}
#content.base .tabContents .downloadList {
    border-right:none;
}
#content.base .tabContents .downloadList ul {
    margin: 10px 0;
}
#content.base .tabContents .downloadList ul li a {
    font-weight: normal;
}
#content.base .tabContents .downloadList h2 + p {
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
}
#content.base .tabContents .monthLink {
    margin: 6px 0 5px;
}
#content.base .tabContents .monthLink a {
    margin-left: 15px;
    font-size: 1.2em;
}
#content.base .tabContents .monthLink a:first-child {
    margin-left: 10px;
}

/*20140312追加
------------------------------------ */
div#content.base div.tabContents div.downloadList #subTitle.anime h2 {
    background: url(/dam/app/dam/images/anime_subtitle.jpg) no-repeat;
    line-height: 1em;
    padding: 11px 0 10px 50px;
    font-size: 20px;
    font-weight: bold;
}
div#content.base div.tabContents div.downloadList #subTitle.common h2 {
    background: url(/dam/app/dam/images/common_subtitle.jpg) no-repeat;
    line-height: 1em;
    padding: 11px 0 10px 50px;
    font-size: 20px;
    font-weight: bold;
}
div#content.base div.tabContents div.downloadList span {
                padding: 10px;
    font-size: 14px;
}
div#content.anime div.tabContents div.downloadList #subTitle.anime h2 {
    background: url(/dam/app/dam/images/anime_subtitle.jpg) no-repeat;
    line-height: 1em;
    padding: 11px 0 10px 50px;
    font-size: 20px;
    font-weight: bold;
}
div#content.anime div.tabContents div.downloadList span {
                padding-left: 10px;
    font-size: 14px;
}
#content.anime .tabBox .tabContents .downloadList ul li.hover_opacity.pie.on {
                background-color: #FFCC66;
}
#content.base .tabBox .tabContents .downloadList ul li.hover_opacity.pie.on {
                background-color: #FF99CC;
}
div#content.base div.downloadList #subTitle.common h2 {
    background: url(/dam/app/dam/images/common_subtitle.jpg) no-repeat;
    line-height: 1em;
    padding: 11px 0 10px 50px;
    font-size: 20px;
    font-weight: bold;
}
div#content.base div.downloadList span {
                padding: 10px;
    font-size: 14px;
}

#content.base .tabBox .downloadList ul li.hover_opacity.pie.on {
                background-color: #FF99CC;
}
#footer .info .copyright img {
                padding-left: 110px;
}

/*20140313追加
------------------------------------ */

.pagetop {
                width: 900px;
                margin: 0 auto;
                padding-top: 50px;
}

/*20140314追加
------------------------------------ */
#content.anime .tabContents .downloadList ul li {
    float: left;
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 2px;
    box-sizing: content-box;
                margin-right: 2px;
                text-align: center;
                width: auto;
                min-width: 165px;
                height: 20px;
}

#content.base .tabContents .downloadList ul li {
    float: left;
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 2px;
    box-sizing: content-box;
                margin-right: 2px;
                text-align: center;
                width: auto;
                min-width: 165px;
                height: 20px;
}

#content.base .downloadList ul li {
    float: left;
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 2px;
    box-sizing: content-box;
                margin-right: 2px;
                text-align: center;
                width: auto;
                min-width: 165px;
                height: 20px;
}

#footer .logo .inner {
                width:930px;
                margin-left:auto;
                margin-right:auto;
}

#footer .logo .inner p.copyright {
                text-align:right;
}

/*20140317追加
------------------------------------ */
#content.newReleaseArtist .inner #LiveKaraoke.localContents .title {
    background:none;
}

#subTitle.anime h2 span {
                font-weight: normal;
}

#content.base .tabBox .common h2 span {
                font-weight: normal;
                font-size: 14px;
}

#content.base .tabBox .soundContents h2 span {
                font-weight: normal;

}

/*20140318追加
------------------------------------ */
#content.anime .inner .tabBox .tabContents .downloadList .clearfix .pie a {
        display: block;
        height: 20px;
}

#content.base .inner .tabBox .tabContents .downloadList .clearfix .pie a {
        display: block;
        height: 20px;
}

/*20140321追加
------------------------------------ */
#WebMember_Background,
#WebMember_Console,
#WebMembership {
    display: none;
}

/*20140412追加
------------------------------------ */
.detail_notes a:link,
.detail_notes a:visited {
    color: #347926;
    text-decoration: none;
}
.detail_notes a:active,
.detail_notes a:hover {
    text-decoration: underline;
}

/*20141127追加
------------------------------------ */
#content .inner .search02 table th {
    width: 165px;
}

/*20160325追加
------------------------------------ */

#content.base .tabBox ul.tabBtn02 li {
    display: inline-block;
    background: url(/dam/app/dam/images/nav_tab.png) no-repeat left -41px !important;
    width: 142px !important;
    height: 44px;
    line-height: 44px;
    padding-top: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
}

#content.base .tabBox ul.tabBtn02 li a{
                         display:block;
}

#content.base .tabBox ul.tabBtn02 li a{
                         display:block;
}

#content.base .tabBox ul.tabBtn02 li.on {
    background-position: left 0 !important;
}
/*#content.base .tabBox ul li:last-child {
    border-right:none;
}*/
.midashi_sub p {
    width: 580px;
    float: right;
    font-weight: bold;
    background-color: #ccc;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-right:152px;
}
.midashi_sub:after {
    content: '';
    display: block;
    clear: both;
}


.dual01, .dual02, .dual03 {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
}
.dual02, .dual03 {
    text-align: center;
}

.tabBox_search{
    background-color:#E7E8E2;
    padding:10px 0;
    margin-bottom:10px;
}
.tabBox_search .midashi{
    font-size:18px;
    width:100%;
    font-weight:bold;
    color:#333;
    text-align:center;
    padding: 5px 0;
}
.color01{
    background-color:#ff4000;
}
.color02{
    background-color:#ff9100;
}
.tabBox_search .midashi_secound,
.tabBox_search .midashi_btn{
    font-weight:bold;
    margin-left:8px;
}
.tabBox_search .midashi_secound li{
    float:left;
    margin-right: 3px;
    margin-bottom:3px;
    padding: 5px 0;
    color:#FFF;
    text-align:center;
    letter-spacing:2px;
}
.tabBox_search .midashi_secound li.cell01{
    width: 213px;
    background-color: #ff4000;
}
.tabBox_search .midashi_secound li.cell02{
    width: 645px;
    margin-right:0;
    background-color: #ff9100;
}

.tabBox_search .midashi_btn li{
    float:left;
    margin-right: 3px;
    width: 105px;
    color:#FFF;
    text-align:center;
    border-radius:3px;
}

.tabBox_search .midashi_btn li a{
    display:block;
    padding:10px 0;
    color:#FFF;
    text-align:center;
    border-radius:3px;
}

.tabBox_search .midashi_btn li a:last-child{
    margin-right:0;
}

.tabBox_search .midashi_btn li.color01 a:hover,
.tabBox_search .midashi_btn li.color01.on a{
    background-color: #c00;
}
.tabBox_search .midashi_btn li.color02 a:hover,
.tabBox_search .midashi_btn li.color02.on a{
    background-color: #b87a00;
}

#content.feature #livekaraoke h2{
        background: none;
        color: #fff;
        margin: 20px 0 14px;
        padding: 0;
        width: 810px;
        overflow: hidden;
}



/*20171017追加
------------------------------------ */

#content table tbody {
        background: #fff;
        color: #333;
        font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", ArialMT, sans-serif;
        font-size: 12px;
        line-height: 1.5;
        -webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

#LiveKaraoke #KeyVisualBlock p.text {
/*      display: block;
        width: 810px;
        top: 246px;
        left: auto;
        color: #fff;
        font-size: 12px;
        line-height: 1.3; */
    background-size: contain;
}

@media screen and (max-width: 720px) {
    #LiveKaraoke #KeyVisualBlock p.text {
        color: transparent;
        font-size: 0;
    }
}

#LiveKaraoke #KeyVisualBlock p {
        height: 85px;
        line-height: 130%;
        color: #fff;
}

#LiveKaraoke #KeyVisualBlock .lk-lead {
    display: none;
    font-size: 1.2rem;
}

@media screen and (max-width: 720px) {
    #LiveKaraoke #KeyVisualBlock .lk-lead {
        display: block;
        margin-top: 10px;
    }
}

#BBContents h3 {
        margin-bottom: 10px;
}

#content th {
        font-weight: bold;
}

#content .localContents {
        width: 852px;
        margin: 0 auto;
        padding: 10px;
}

#content {
        background-color: white;
}


#main_2nd {
        margin: 0;
        padding: 0 5px 20px 0;
        text-align: left;
}


#main_2nd h1,
#main_2nd h2,
#main_2nd h3,
#main_2nd h4,
#main_2nd h5,
#main_2nd h6 {
        font-weight:bold;
        font-size:12px;
}

#content h1, h2, h3, h4, h5, h6, address {
        margin: 0;
        padding: 0;
        font-style: normal;
        font-weight: normal;
}

#content h1, h2, h3, h4, h5, h6 {
        font-weight: bold;
}

#content h2 {
        display: block;
        -webkit-margin-before: 0.83em;
        -webkit-margin-after: 0.83em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
}

#content h2.dspB {
    display: none;
}

@media screen and (max-width: 720px) {
    #content h2.dspB {
        display: block;
    }
    #content h2.dspN {
        display: none;
    }
}

#LiveKaraoke #KaraokeList th {
        border-bottom: 5px #fff solid;
}

#LiveKaraoke #KaraokeList th .lk-subtitle,
#LiveKaraoke #KaraokeList h2 .lk-subtitle,
#LiveKaraoke .KaraokeList h2 .lk-subtitle,
#LiveKaraoke #ReleaseBlock h2 .lk-subtitle,
#LiveKaraoke #ReleaseBlock2 h2 .lk-subtitle {
    display: none;
    padding: 5px;
    background: #111111;
    color: #ffffff;
    text-align: left;
    font-size: 1.4rem;
    font-weight: bold;
}

@media screen and (max-width: 720px) {
    #LiveKaraoke #KaraokeList th img,
    #LiveKaraoke #KaraokeList h2 img,
    #LiveKaraoke .KaraokeList h2 img,
    #LiveKaraoke #ReleaseBlock h2 img,
    #LiveKaraoke #ReleaseBlock2 h2 img {
        display: none;
    }

    #LiveKaraoke #KaraokeList th .lk-subtitle,
    #LiveKaraoke #KaraokeList h2 .lk-subtitle,
    #LiveKaraoke .KaraokeList h2 .lk-subtitle,
    #LiveKaraoke #ReleaseBlock h2 .lk-subtitle,
    #LiveKaraoke #ReleaseBlock2 h2 .lk-subtitle {
        display: block;
        white-space: nowrap;
    }
}

#content .dam_caption {
        margin: 10px 0 20px 20px;
}

#content ul.dam_caption {
        text-indent: -1em;
        margin-top: 20px;
        color: #666;
/*    font-size: 62.5%*/
}

#content div.pagenavigationBox {
        text-align: right;
        clear: both;
        display: none;
}

#content .inner {
        padding: 0 0 10px 0;
}

#footer .nav .backtop {
        position: absolute;
        right: 0;
        bottom: 0;
}

#content .backtop {
        position: absolute;
        right: 0;
        bottom: 0;
}

#content div.clearing {
        clear: both;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 0px;
        width: 0px;
        font-size: 1px;
        line-height: 100%;
}

#content img.icon {
        margin-left: 0.5em;
        width: 13px;
        height: 13px;
}

#content .bulletlink a {
        color: #000;
        font-weight: bold;
        word-break: break-all;
}

#content img {
        vertical-align: top;
}

#Miku #gameSong01 table {
        background-image: url(/dam/images/feature/miku_project_mirai2/bg_table01_bottom.gif);
}

#content tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
}

#Yogaku #Mainarea table, #Yogaku #Mainarea table th, #Yogaku #Mainarea table td {
        border: 1px #b67d91 solid;
}

#Mainarea .list th {
        padding: 3px;
}

#Yogaku #Mainarea th {
        background: #cda8b5 url(/dam/images/newrelease/yogaku/list_ttlbg.gif) repeat-x;
}

/*#content a:link, #content a:visited{
        color: #03A;
        text-decoration: underline;
}*/

#Yogaku #Mainarea .nendai {
        padding-top: 10px;
}

#Yogaku #Mainarea .list h3 {
        margin-bottom: 20px;
}

#Hrhm .leftarea {
        float: left;
        width: 570px;
        margin-right: 20px;
}

#Hrhm #HRHM_Tab li {
        float: left;
        display: inline;
        margin: 0px;
        padding: 0px;
}

#Hrhm .karaoke_list_box .hrhm_title {
        margin: 0px 0px 10px 0px;
        border-bottom: 1px #000 solid;
}

#Hrhm .karaoke_list_box .hrhm_list_new .width01 {
        width: 25%;
}

#Hrhm .karaoke_list_box .hrhm_list_new th {
        color: #FFF;
        padding: 5px;
        background: #000;
        border: 1px #666 solid;
        font-size: 10px;
        line-height: 130%;
        letter-spacing: 0px;
        text-align: left;
}

#content table {
        border-collapse: collapse;
}

#Hrhm .karaoke_list_box .hrhm_list_new td {
        border: 1px #666 solid;
        padding: 5px;
        font-size: 13px;
        line-height: 130%;
        text-align: left;
}

#Hrhm .karaoke_list_box .hrhm_list_new .width01 {
        width: 25%;
}

#Hrhm .karaoke_list_box .hrhm_list_new .width02 {
        width: 60%;
}

#Hrhm .karaoke_list_box .hrhm_list_new .width03 {
        width: 15%;
}

#Hrhm .rightarea {
        float: right;
        width: 240px;
}

#Hrhm .rightarea .section .bdr, #Hrhm .rightarea .section li {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px #aaa dashed;
}

#Hrhm .rightarea .section {
        padding-bottom: 10px;
        margin-bottom: 10px;
        background: url(/dam/images/feature/hrhm/right_bg.gif) no-repeat left bottom;
}

#Hrhm .rightarea .section h3 {
        margin-bottom: 10px;
}

#Hrhm .rightarea .section p, #Hrhm .rightarea .section li {
        padding: 0px 10px 10px;
}

#BBContents table {
        width: 100%;
        margin-bottom: 20px;
        top:40px;
}

#feauture_style .block03 {
        background-color: #fdecf3;
        padding: 15px;
        margin-bottom: 35px;
}

#feauture_style #wall {
        padding: 24px 29px;
        background-image: url(/dam/images/feature/tohokei/bg_wall.gif);
        background-repeat: no-repeat;
        background-position: left top;
}

#keyVisual {
        margin-bottom: 25px;
}

#content .songBlock {
        clear: both;
        margin-bottom: 20px;
}

#content .clearFix {
        display: block;
}

#feauture_style .block03 .column {
        width: 315px;
        height: 38px;
        padding: 20px;
        background-image: url(/dam/images/feature/tohokei/bg_info_banner.gif);
        background-repeat: no-repeat;
        background-position: 0 0;
}

#content .column dd {
        float: right;
        width: 112px;
        text-align: right;
}

#content .fL {
        float: left;
}

#content .fR {
        float: right;
}

#content .clearFix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

#content blockquote, p, pre, dl, dt, dd {
        margin: 0;
        padding: 0;
        border: 0;
}

#feauture_style .songBlock table th {
        text-align: center;
        background-color: #c82464;
        color: #fff;
        font-weight: normal;
        text-align: center;
}

#content .songBlock table th, #feauture_style .songBlock table td {
        padding: 5px;
        border-style: solid;
        border-width: 0 0 1px 1px;
        border-color: #c82464;
}

#content h3 {
        display: block;
        top: auto;
        left: auto;
        hight: 30px

}

#feauture_style .block02 {
        position: relative;
        padding-top: 29px;
        margin-bottom: 20px;
}

#feauture_style .block02 .columnA {
float: left;
width: 330px;
padding-top: 84px;
}

/*
p {
        margin-bottom: 24px;
}
*/

#content p.linkText {
        text-align: right;
        margin-bottom: 0;
        line-height: 30px;
}

#feauture_style .block03 .column dt {
        float: left;
        width: 173px;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        text-align: center;
}

#feauture_style .block02 .columnA p {
        margin-bottom: 17px;
}

#feauture_style .block02 .columnA ul li {
        font-size: 11px;
        line-height: 1.6;
}

#feauture_style .block02 .inner {
        background-color: #fdecf3;
        padding: 30px 26px 25px 26px;
}

#feauture_style .block02 .columnB {
        float: right;
        width: 359px;
}

#feauture_style{
    background-repeat: repeat-y;
    background-position: left;
}
/*
#List td {
    font-size: 6px;
    width: 120;
}
*/
#List h3 {
        width: auto;
        font-size: 8px;
        top: auto;
        left: auto;
}


#List .spec{
        vertical-align:bottom;
        margin-bottom:5px;
}

#feauture_style h2.title {
        padding: 4px 5px;
        text-align: center;
        color: #fff;
        background-color: #c62463;
        font-size: 16px;
        font-weight: bold;
}

#feauture_style #wall {
        padding: 24px 29px;
        background-image: url(/dam/images/feature/tohokei/bg_wall.gif);
        background-repeat: no-repeat;
        background-position: left top;
}

#feauture_style {
        /*background-image: url(/dam/images/feature/tohokei/bg_wall02.jpg);
        background-repeat: repeat;
        background-position: left;*/
}


#LiveKaraoke .arc li {
        float: left;
        width: 400px;
        margin: 0px 15px 10px 0px;
}

#LiveKaraoke .arc li a {
        color: #000;
        text-decoration: none;
}

#LiveKaraoke .arc li a:hover {
        text-decoration: underline;
}

#LiveKaraoke .arc .img_left {
        float: left;
        width: 70px;
        margin-right: 10px;
        vertical-align: top;
}


#content h2 {
        margin: 0;
}
#content .bulletlink a:link, a:visited {
        text-decoration: none;
        /* color: #000; */
}
#main_2nd .bulletlink a:hover {
        text-decoration: underline;
        color: #000;
}

#main_2nd a:hover {
        color: #F00;
        text-decoration: underline;
}

#ProfileBlock .left_block {
        float: left;
        width: 613px;
        padding: 10px;
}

#LiveKaraoke #ProfileBlock .right_block {
        float: right;
        width: 185px;
        margin: 0px;
        padding: 10px 10px 10px 0px;
}

#LiveKaraoke #KaraokeList p {
        color: #666;
        line-height: 120%;
}

#LiveKaraoke #KaraokeList .img_left {
        width: 80px;
        float: left;
        margin-right: 10px;
}
/*
#LiveKaraoke #KeyVisualBlock p.text {
        top: auto;
}
*/
#LiveKaraoke #KaraokeList p {
        color: #666;
        line-height: 120%;
}

#LiveKaraoke #KaraokeList .img_left {
        width: 80px;
        float: left;
        margin-right: 10px;
}

#LiveKaraoke #KaraokeList .text {
        width: 184px;
        float: right;
}

#LiveKaraoke #KeyVisualBlock {
        margin-bottom: 10px;
}

/*#searchSong .inner div {
        margin-top: 42px;
}*/

/*20140315追加
-------------------------*/

.artistBox {
                width: 45%;
                min-height: 100px;
                float: left;
                margin: auto;
                padding-left: 40px;
                /*padding-bottom: 20px;*/
}
.artistBox dd {
                float: left;
}

#content .artistBox dt a:visited,#content .artistBox dt a:link {
                color: #000;
                text-decoration: none;
}

#content .artistBox dt a:hover {
                text-decoration: underline;
}

#content .artistBox img {
                vertical-align: middle;
                padding-right: 5px;
                box-sizing: content-box;
}

.artistBox dt .artistDate {
                font-weight: bold;
}

/*20140317
-----------------------------*/

#LiveKaraoke #ProfileBlock {
                margin-bottom: 20px;
}

#content.feature #LiveKaraoke #KeyVisualBlock h2 {
    margin: 0;
    padding: 0;
}

#content.feature #LiveKaraoke h2 {
    padding: 0;
}

p.pagetop {
    display: none;
}

/*20171017
-----------------------------*/

/*  ******************************************************************************* */
/*  #KaraokeDAM                                                                     */
/*  =============================================================================== */

#main_wp{
background:#fff;
margin:5px 10px;
}

#main_2nd{
margin:0;
/*padding:10px 20px 20px;*/
padding:0 5px 20px 0;
text-align:left;
}

#main_2nd .localContents{
width:830px;
margin:0 auto;
padding:0;
}

#main_2nd img.icon                                          {margin-left:0.5em;width:13px;height:13px;}
#main_2nd .pdf25{width:25px;height:26px;margin-right:5px;vertical-align:middle;}
#main_2nd img.stmicon                                           {margin-right:0.5em;width:13px;height:13px;vertical-align:middle;}
#main_2nd p.dam_caption                                     {margin-top:20px;color:#666;}
#main_2nd ul.dam_caption                                        {margin-top:20px;color:#666;}
#main_2nd ul.dam_caption                                        {padding-left:1em;text-indent:-1em;}
#main_2nd .txt01 {color:#666;margin-left:10px;}

/* 共通リスト */
.li280_img90_text li{float:left;width:320px;margin:0px 10px 10px 0px;display:inline;}
.li280_img90_text li strong{line-height:100%;}
.li280_img90_text li .imgLeft{float:left;width:90px;margin-right:10px;}


/*  ******************************************************************************* */
/*  #NewRelease　最新のカラオケ配信曲                                              */
/*  =============================================================================== */


#NewRelease {width: 830px; margin: auto;}
#NewRelease #NewlistTitle {margin-bottom:20px;}
#NewRelease #NewlistTitle form#GenreForm {margin-top:10px;}/* ジャンル選択用のプルダウンフォーム */
#NewRelease #NewlistTitle form#GenreForm select#GenreSelector{}/* ジャンル選択用のプルダウンフォーム */
#NewRelease #ArcNavi {width:830px;height:29px;background:url(/dam/images/newrelease/arc_navi_bg.gif) repeat-x;}
#NewRelease #ArcNavi #lastmonth {float:left;width:72px;}
#NewRelease #ArcNavi #thismonth {float:left;width:686px;padding-top:3px;text-align:center;font-weight:bold;}
#NewRelease #ArcNavi #thismonth .gray_txt{padding-left:10px;color:#666;font-weight:normal;}
#NewRelease #ArcNavi #nextmonth {float:left;width:72px;}

#NewRelease #ListNavi {display:inline;}
#NewRelease #ListNavi ul{display:inline;;}
#NewRelease #ListNavi li{float:left;width:83px;height:43px;text-indent:-9999px;}
#NewRelease #ListNavi li a{width:83px;height:43px;overflow:hidden;display:block;}
#NewRelease #ListNavi #aa{background:url(/dam/images/newrelease/list_navi.gif) no-repeat 0px 0px;}
#NewRelease #ListNavi #aa_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat 0px -43px;}
#NewRelease #ListNavi #ka{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -83px 0px;}
#NewRelease #ListNavi #ka_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -83px -43px;}
#NewRelease #ListNavi #sa{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -166px 0px;}
#NewRelease #ListNavi #sa_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -166px -43px;}
#NewRelease #ListNavi #ta{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -249px 0px;}
#NewRelease #ListNavi #ta_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -249px -43px;}
#NewRelease #ListNavi #na{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -332px 0px;}
#NewRelease #ListNavi #na_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -332px -43px;}
#NewRelease #ListNavi #ha{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -415px 0px;}
#NewRelease #ListNavi #ha_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -415px -43px;}
#NewRelease #ListNavi #ma{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -498px 0px;}
#NewRelease #ListNavi #ma_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -498px -43px;}
#NewRelease #ListNavi #ya{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -581px 0px;}
#NewRelease #ListNavi #ya_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -581px -43px;}
#NewRelease #ListNavi #ra{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -664px 0px;}
#NewRelease #ListNavi #ra_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -664px -43px;}
#NewRelease #ListNavi #wa{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -747px 0px;}
#NewRelease #ListNavi #wa_on{background:url(/dam/images/newrelease/list_navi.gif) no-repeat -747px -43px;}
#NewRelease #ListNavi .clearing {clear:both;}

#NewRelease .listblock h3{margin-bottom:10px;}
#NewRelease .listblock table {width:100%;}
#NewRelease .listblock table th,#NewRelease .listblock table td {padding:3px;border:1px #fcc76d solid;text-align:left;}
#NewRelease .listblock table .width01{width:39%}
#NewRelease .listblock table .width02{width:39%}
#NewRelease .listblock table .width03{width:12%}
#NewRelease .listblock table .width04{width:10%}
#NewRelease .listblock table .medleytitle{width:40%;}
#NewRelease .listblock table tr.tdhead td{background:#eee}
#NewRelease .listblock th{background:#fed088;}
#NewRelease ThisWeekList table .width01{width:45%}
#NewRelease ThisWeekList table .width02{width:45%}
#NewRelease ThisWeekList table .width03{width:10%}

#NewRelease .listblock .song_indent{padding-left:30px;}

/*  ******************************************************************************* */
/*  #NewRelease #Indies 最新のカラオケ配信曲(インディーズ)                                                      */
/*  =============================================================================== */

#Indies .keyvisual,
#Indies .keyvisual h2,
#Indies .keyvisual p{margin-bottom:10px;}
#Indies .keyvisual .update{margin:0px;text-align:right;}
#Indies .new{margin-left:10px;color:#f00;}

#Indies .mainpickup {margin-bottom:20px;padding-bottom:10px;background:url(/dam/images/newrelease/indies/mainpu_bg.gif) no-repeat left bottom;}
#Indies .mainpickup h3{padding:40px 0px 0px 30px;background:url(/dam/images/newrelease/indies/mainpu_title_bg.gif) no-repeat left top;color:#fff;}
#Indies .mainpickup .artist,
#Indies .mainpickup .jacket {width:810px;margin:10px;padding-bottom:10px;border-bottom:1px #aaa dashed;}
#Indies .photo{float:left;width:200px;margin-right:10px;margin-bottom:10px;}
#Indies .text {float:left;width:600px;}
#Indies .mainpickup .jacket {border:none;margin-bottom:0px;}
#Indies .mainpickup .jacket .photo{width:110px;}
#Indies .mainpickup .jacket .text{width:690px;}
#Indies .mainpickup .jacket .text .spec{color:#666;}

#Indies .subpickup {margin-bottom:20px;}
#Indies .otherlist h3,
#Indies .indies_information h3,
#Indies .subpickup h3{padding:2px 0px 0px 30px;margin-bottom:10px;background:url(/dam/images/newrelease/indies/subpu_title_bg.gif) no-repeat left top;color:#fff;}
#Indies .subpickup .text{width:620px;}

#Indies .indies_information .section{margin-bottom:10px;padding:0px 0px 0px 60px;border-bottom:1px #aaa dashed;}
#Indies .indies_information #logo_be{background:url(/dam/images/newrelease/indies/logo_s_bigecho.gif) no-repeat 0px 0px;}
#Indies .indies_information #logo_sk{background:url(/dam/images/newrelease/indies/logo_s_sk.gif) no-repeat 0px 0px;}
#Indies .indies_information #logo_md{background:url(/dam/images/newrelease/indies/logo_s_merodam.gif) no-repeat 0px 0px;}
#Indies .indies_information #logo_sd{background:url(/dam/images/newrelease/indies/logo_s_stardigio.gif) no-repeat 0px 0px;}

#Indies th{background:#acacff url(/dam/images/newrelease/indies/list_bg.gif) repeat-x;}
#Indies td{background:#fff;}
#Indies table {width:100%;}
#Indies table th,#Indies table td {padding:3px;border:1px #938bcb solid;}
#Indies table .width01{width:80%}
#Indies table .width02{width:10%}
#Indies table .width03{width:10%}

#Indies .otherlist {margin-bottom:20px;}
#Indies .otherlist th,.liststyle table td {padding:3px;border:1px #938bcb solid;}
#Indies .otherlist .width01{width:40%;}
#Indies .otherlist .width02{width:40%}
#Indies .otherlist .width03{width:10%}
#Indies .otherlist .width04{width:10%}

/*  ******************************************************************************* */
/*  #NewRelease #Vpress 最新のカラオケ配信曲(V-STYLE)                                                     */
/*  =============================================================================== */

#Vpress .keyvisual,
#Vpress .keyvisual h2,
#Vpress .mainbn,
#Vpress .keyvisual p{margin-bottom:10px;}
#Vpress .keyvisual .update{margin:0px;text-align:right;}
#Vpress .new{padding-left:10px;color:#f00;}

#Vpress .mainpickup {margin-bottom:20px;padding-bottom:10px;background:url(/dam/images/newrelease/vpress/mainpu_bg.gif) no-repeat left bottom;}
#Vpress .mainpickup h3{padding:5px 0px 0px 30px;background:url(/dam/images/newrelease/vpress/mainpu_title_bg.gif) no-repeat left top;color:#fff;}
#Vpress .mainpickup h5{margin-bottom:5px;}
#Vpress .mainpickup .artist,
#Vpress .mainpickup .jacket {width:810px;margin:10px;padding-bottom:10px;border-bottom:1px #aaa dashed;}
#Vpress .photo{float:left;width:200px;margin:0px 10px 10px 0px;}
#Vpress .tex{float:left;width:200px;margin-right:10px;}
#Vpress .artist p{margin-bottom:10px;}
#Vpress .mainlist{padding:0px 10px;}
#Vpress .block .mainlist{padding:0px;margin-bottom:20px;}

#Vpress .subpickup {margin-bottom:20px;}
#Vpress .subpickup table{width:620px;margin-bottom:10px;}
#Vpress .subpickup td{border:none;border-bottom:1px #666 solid;vertical-align:bottom;line-height:130%;}
#Vpress .subpickup .width01 {width:85%;}
#Vpress .subpickup .width02 {text-align:right;letter-spacing:0px;}
#Vpress .subpickup h3{padding:0px 0px 5px 0px;}
#Vpress .subtitle {font-weight:bold;}

#Vpress .otherlist h3,
#Vpress .vpress_information h3,
#Vpress .subpickup h3{padding:2px 0px 0px 30px;margin-bottom:10px;background:url(/dam/images/newrelease/vpress/subpu_title_bg.gif) no-repeat left top;color:#fff;}
#Vpress .subpickup .text{width:620px;}

#Vpress .vpress_information .section{margin-bottom:10px;padding:0px 0px 0px 60px;border-bottom:1px #aaa dashed;}
#Vpress .vpress_information #logo_24{background:url(/dam/images/newrelease/vpress/logo_s_sc24.gif) no-repeat 0px 0px;}
#Vpress .vpress_information #logo_sk{background:url(/dam/images/newrelease/vpress/logo_s_sk.gif) no-repeat 0px 0px;}

#Vpress .mainlist th,
#Vpress .otherlist th{background:#cb6d6d url(/dam/images/newrelease/vpress/list_bg.gif) repeat-x;}
#Vpress .mainlist#Black th{background:#6e6e6e url(/dam/images/newrelease/vpress/list_bg_b.gif) repeat-x;}
#Vpress .mainlist#Black table th,
#Vpress .mainlist#Black table td {padding:3px;border:1px #000000 solid;}
#Vpress .mainlist td{background:#fff;}
#Vpress .mainlist table th,
#Vpress table td {padding:3px;border:1px #dba8a9 solid;}

#Vpress .mainlist table,
#Vpress .otherlist table {width:100%;margin-bottom:10px;}
#Vpress .mainlist table .width01{width:76%}
#Vpress .mainlist table .width02{width:12%}
#Vpress .mainlist table .width03{width:12%}


#Vpress .otherlist {margin-bottom:20px;}
#Vpress .otherlist th,#Vpress table td {padding:3px;border:1px #dba8a9 solid;}
#Vpress .otherlist .width01{width:39%;}
#Vpress .otherlist .width02{width:39%}
#Vpress .otherlist .width03{width:12%}
#Vpress .otherlist .width04{width:10%}


#Vpress .zyblock {margin-bottom:20px;padding-bottom:10px;background:url(/dam/images/newrelease/vpress/zy_bg.gif) no-repeat left bottom;}
#Vpress .zyblock h3{margin:0px;}
#Vpress .zyblock .contents {width:790px;margin:0px auto;padding-bottom:10px;}
#Vpress .zyblock .contents .photo{width:200px;float:left;margin-right:10px;}
#Vpress .zyblock .contents .text{width:580px;margin-bottom:10px;}

#Vpress .honninpdf {margin-bottom:10px;}
#Vpress .honninpdf .img01{float:left;width:280px;height:25px;}
#Vpress .honninpdf .img02{float:right;width:365px;height:25px;}

/*  ******************************************************************************* */
/*  #BBcontents　BBコンテンツ                                                     */
/*  =============================================================================== */
#BBContents h2{margin-bottom:10px;}
#BBContents h3{margin-bottom:10px;}
#BBContents {margin-bottom:20px;}
#BBContents .update{text-align:right;}
#BBContents table {width:100%;margin-bottom:20px;}
#BBContents th,
#BBContents td {padding:3px 0px 3px 5px;}
#BBContents .listtype05 table .width01{width:33%}
#BBContents .listtype05 table .width02{width:33%}
#BBContents .listtype05 table .width03{width:12%}
#BBContents .listtype05 table .width04{width:11%}
#BBContents .listtype05 table .width05{width:11%}

#BBContents .listtype04 table .width01{width:38%}
#BBContents .listtype04 table .width02{width:38%}
#BBContents .listtype04 table .width03{width:12%}
#BBContents .listtype04 table .width04{width:12%}

#BBContents .listtype03 table .width01{width:44%}
#BBContents .listtype03 table .width02{width:44%}
#BBContents .listtype03 table .width03{width:12%}

#BBContents .listtype02 table .width01{width:50%}
#BBContents .listtype02 table .width02{width:50%}

#BBContents #Guide th{background:#9BC6D9 url(/dam/images/bbcontents/guide/list_bg.gif) repeat-x;}
#BBContents #Guide table th,
#BBContents #Guide table td {border:1px #63A8C6 solid;}

#BBContents #Honnin th{background:#FFB5C8 url(/dam/images/bbcontents/honnin/list_bg.gif) repeat-x;}
#BBContents #Honnin table th,
#BBContents #Honnin table td {border:1px #FC8BA7 solid;}

#BBContents #Honninmedley th{background:#FFDEB5 url(/dam/images/bbcontents/honninmedley/list_bg.gif) repeat-x;}
#BBContents #Honninmedley table th,
#BBContents #Honninmedley table td {border:1px #FFB55A solid;}

#BBContents #Imadake th{background:#FFB7BA url(/dam/images/bbcontents/imadake/list_bg.gif) repeat-x;}
#BBContents #Imadake table th,
#BBContents #Imadake table td {border:1px #FFB7BA solid;}

#Imadake #KaraokeList {margin-bottom:20px;}
#Imadake #KaraokeList td{padding:10px;vertical-align:top;}
#Imadake #KaraokeList li{margin-bottom:10px;}
#Imadake #KaraokeList ul{list-style:none;}
#Imadake #KaraokeList .td01{width:535px;}
#Imadake #KaraokeList .td02{width:294px;}
#Imadake #KaraokeList th{border-bottom:5px #fff solid;}
#Imadake #KaraokeList h3{line-height:120%;}
#Imadake #KaraokeList p{color:#666;line-height:120%;}
#Imadake #KaraokeList .img_left{width:80px;float:left;margin-right:10px;}

#BBContents #Introon th{background:#B6D2FF url(/dam/images/feature/introon/list_bg.gif) repeat-x;}
#BBContents #Introon table th,
#BBContents #Introon table td {border:1px #1b5bc3 solid;}

#BBContents #Jikisoden th{background:#D9E5A4 url(/dam/images/bbcontents/jikisoden/list_bg.gif) repeat-x;}
#BBContents #Jikisoden table th,
#BBContents #Jikisoden table td {border:1px #9EAF59 solid;}

#BBContents #Meien th{background:#DAC8B0 url(/dam/images/bbcontents/meien/list_bg.gif) repeat-x;}
#BBContents #Meien table th,
#BBContents #Meien table td {border:1px #8C7C6C solid;}

#BBContents #Namaoto th{background:#6b6b6b url(/dam/images/bbcontents/namaoto/list_bg.gif) repeat-x;}
#BBContents #Namaoto table th,
#BBContents #Namaoto table td {border:1px #404040 solid;}

#BBContents #Nikusei th{background:#F2ACE0 url(/dam/images/bbcontents/nikusei/list_bg.gif) repeat-x;}
#BBContents #Nikusei table th,
#BBContents #Nikusei table td {border:1px #C95FAE solid;}

#BBContents #Otakara th{background:#FFE6B5 url(/dam/images/bbcontents/otakara/list_bg.gif) repeat-x;}
#BBContents #Otakara table th,
#BBContents #Otakara table td {border:1px #FFC556 solid;}

#BBContents #Sabihamo th{background:#B6FFC9 url(/dam/images/bbcontents/sabihamo/list_bg.gif) repeat-x;}
#BBContents #Sabihamo table th,
#BBContents #Sabihamo table td {border:1px #38CE5D solid;}

#BBContents #Natsuki th{background:#cfeb5f url(/dam/images/bbcontents/natsuki/list_bg.gif) repeat-x;}
#BBContents #Natsuki table th,
#BBContents #Natsuki table td {border:1px #526601 solid;}

#BBContents #Prooke th{background:#6b6b6b url(/dam/images/bbcontents/prooke_list/list_bg.gif) repeat-x;}
#BBContents #Prooke table th,
#BBContents #Prooke table td {border:1px #525252 solid;}

#BBContents #Begin th{background:#6b6b6b url(/dam/images/bbcontents/begin_list/list_bg.gif) repeat-x;}
#BBContents #Begin table th,
#BBContents #Begin table td {border:1px #24201f solid;}


/*  ******************************************************************************* */
/*  #DamChannel　DAMCHANNEL                                                          */
/*  =============================================================================== */

#DamChannel #Keyvisual {width:830px; height:790px; margin-bottom:10px;position:relative;}
#DamChannel  #Keyvisual .movie{width:402px; border:1px solid #000; background:#fff; padding:8px; position:absolute; top:567px; left:25px;}

#DamChannel  #Keyvisual .movie h4{margin-bottom:5px;}
#DamChannel  #Keyvisual .movie p{font-size:80%;line-height:1.2em;}

#DamChannel  #Keyvisual .movie .leftblock{float:left;width:230px;}
#DamChannel  #Keyvisual .movie .rightblock{float:right;width:165px;}
#DamChannel  #Keyvisual .movie  span{font-size:100%; line-height:1.2em; color:#666;  }



#DamChannel .container {padding-bottom:15px;margin-bottom:15px;border-bottom:5px #ff8ec7 solid;}
#DamChannel #Dtoge li{float:left;width:198px;margin-right:10px;border:1px #9AACC9 solid;}
#DamChannel #Dtoge li h4{background:#B2B9E5;padding-left:5px;}
#DamChannel #Dtoge li p img{margin:5px auto;display:block;}
#DamChannel #Dtoge .nomgn {margin-right:0px;}

#DamChannel #Corner .corner_bg {width:830px;margin-bottom:10px;padding-bottom:10px;background:url(/dam/images/damchannel/corner_bg_l.gif) no-repeat left bottom;}
#DamChannel #Corner .section {width:411px;float:left;margin-right:8px}
#DamChannel #Corner #Artist,
#DamChannel #Corner #Entertainment {margin-right:0px}
#DamChannel #Corner p.artist{margin:10px 10px 0px;padding:5px;background:#fee3ef;}
#DamChannel #Corner p{margin:5px;}

#DamChannel #Tv {height:120px;margin-bottom:20px;background:url(/dam/images/damchannel/tv_bg.gif) no-repeat left top;}
#DamChannel #Tv ul{padding:10px 0px 0px 190px;}
#DamChannel #Tv li{margin-bottom:10px;line-height:100%;}

#DamChannel #Present table{width:100%;margin-bottom:10px;border:1px #9AACC9 solid;border-collapse:collapse;}
#DamChannel #Present table td,
#DamChannel #Present table th{padding:3px;border:1px #9AACC9 solid}
#DamChannel #Present table th {background:#B2B9E5;text-align:center;}
#DamChannel #Present table .width01{width:10%}
#DamChannel #Present table .width02{width:70%}
#DamChannel #Present table .width03{width:20%}

/*  ******************************************************************************* */
/*  #LiveKaraoke　ライブカラオケ                                                    */
/*  =============================================================================== */

#LiveKaraoke #KeyVisualBlock {margin-bottom:10px;}
#LiveKaraoke #KeyVisualBlock p{height:85px;line-height:130%;color:#fff;box-sizing:content-box;}
#LiveKaraoke .other{margin-bottom:10px;}

#LiveKaraoke .arc {margin-bottom:0px;}
#LiveKaraoke .arc li{float:left;width:400px;margin:0px 15px 10px 0px;}
#LiveKaraoke .arc li a{color:#000;text-decoration:none;}
#LiveKaraoke .arc li a:hover{text-decoration:underline;}
#LiveKaraoke .arc .bold{font-weight:bold;}
#LiveKaraoke .arc .img_left{float:left;width:70px;margin-right:10px;vertical-align:top;}

#LiveKaraoke #KaraokeList {margin-bottom:20px;}
#LiveKaraoke #KaraokeList td{padding:10px;vertical-align:top;}
#LiveKaraoke #KaraokeList li{margin-bottom:10px;}
#LiveKaraoke #KaraokeList ul{list-style:none;}
#LiveKaraoke #KaraokeList .td01{width:535px;}
#LiveKaraoke #KaraokeList .td02{width:294px;}
#LiveKaraoke #KaraokeList th{border-bottom:5px #fff solid;}
#LiveKaraoke #KaraokeList h3{line-height:120%;}
#LiveKaraoke #KaraokeList p{color:#666;line-height:120%;}
#LiveKaraoke #KaraokeList .img_left{width:80px;float:left;margin-right:10px;}
#LiveKaraoke #KaraokeList .text{width:184px;float:right;}
#LiveKaraoke #KaraokeList .text img{margin-bottom:3px;}

#LiveKaraoke #ReleaseBlock {margin-bottom:20px;}
#LiveKaraoke #ReleaseBlock .section{margin-bottom:20px;}
#LiveKaraoke #ReleaseBlock h2{margin-bottom:10px;}
#LiveKaraoke #ReleaseBlock h3{margin-bottom:10px;padding-left:5px;background:#e5e5e5;}
#LiveKaraoke #ReleaseBlock .left_block{float:left;width:110px;margin-right:10px;}
#LiveKaraoke #ReleaseBlock .left_block .img01 {margin-bottom:3px;}
#LiveKaraoke #ReleaseBlock .left_block p{font-size:10px;color:#666;}
#LiveKaraoke #ReleaseBlock .right_block{float:right;width:710px;}
#LiveKaraoke #ReleaseBlock .spec{font-size:10px;color:#666;margin-top:5px;}
#LiveKaraoke #ReleaseBlock .dvd{white-space: nowrap;letter-spacing:0px;}
#LiveKaraoke #ReleaseBlock .dvd a{font-size:10px;}

#LiveKaraoke #ReleaseBlock .dvd .col{color:#000;font-size:10px;text-decoration:none;}

#LiveKaraoke #ProfileBlock {width:828px;border:1px #e5e5e5 solid;}
#LiveKaraoke #ProfileBlock h2{margin-bottom:5px;border-bottom:1px #aaa dashed;}
#LiveKaraoke #ProfileBlock .left_block{float:left;width:613px;padding:10px;}
#LiveKaraoke #ProfileBlock .right_block{float:right;width:185px;margin:0px;padding:10px 10px 10px 0px;}

@media screen and (max-width: 720px) {
    #LiveKaraoke #KaraokeList .text{
        width: auto;
    }
    #LiveKaraoke #ProfileBlock {
        width: auto !important;
    }
    #LiveKaraoke #ProfileBlock .left_block {
        width: 70% !important;
    }
    #LiveKaraoke #ProfileBlock .right_block {
        width: 30% !important;
        padding-left: 10px;
    }
    #LiveKaraoke #ProfileBlock .right_block img {
        display: block;
        width: auto;
        height: auto;
        margin-left: auto;
    }
    #LiveKaraoke #ReleaseBlock .left_block,
    #LiveKaraoke #ReleaseBlock2 .left_block {
        width: 25% !important;
    }
    #LiveKaraoke #ReleaseBlock .left_block img,
    #LiveKaraoke #ReleaseBlock2 .left_block img {
        display: block;
        width: auto;
        height: auto;
    }
    #LiveKaraoke #ReleaseBlock .right_block,
    #LiveKaraoke #ReleaseBlock2 .right_block {
        width: 70% !important;
    }
}

@media screen and (max-width: 568px) {
    #LiveKaraoke #ProfileBlock .left_block {
        float: none !important;
        width: auto !important;
    }
    #LiveKaraoke #ProfileBlock .right_block {
        float: none !important;
        width: auto !important;
    }
    #LiveKaraoke #ProfileBlock .right_block img {
        display: block;
        margin: 0 auto;
    }
}

/*  ******************************************************************************* */
/*  #DamGame　DAMで遊ぼう                                                            */
/*  =============================================================================== */
#DamGame .keyvisual {margin-bottom:10px;}
#DamGame .keyvisual h2{width:830px;height:103px;text-indent:-9999px;background:url(/dam/images/damgame/keyvisual.gif) no-repeat left top;}
#DamGame .keyvisual li{float:left;width:103px;height:46px;text-indent:-9999px;background:url(/dam/images/damgame/navigation.gif) no-repeat}
#DamGame .keyvisual li a{width:103px;height:46px;display:block;overflow:hidden;}
#DamGame .keyvisual li.navi_osusume a{width:108px;}
#DamGame .keyvisual li.navi_osusume {width:108px;background-position:0px 0px}
#DamGame .keyvisual li.navi_osusume_on {width:108px;background-position:0px -46px}
#DamGame .keyvisual li.navi_seimitsu {background-position:-108px 0px}
#DamGame .keyvisual li.navi_seimitsu_on {background-position:-108px -46px}
#DamGame .keyvisual li.navi_saiten {background-position:-211px 0px}
#DamGame .keyvisual li.navi_saiten_on {background-position:-211px -46px}
#DamGame .keyvisual li.navi_uranai {background-position:-314px 0px}
#DamGame .keyvisual li.navi_uranai_on {background-position:-314px -46px}
#DamGame .keyvisual li.navi_party {background-position:-417px 0px}
#DamGame .keyvisual li.navi_party_on {background-position:-417px -46px}
#DamGame .keyvisual li.navi_sebgm {background-position:-520px 0px}
#DamGame .keyvisual li.navi_sebgm_on {background-position:-520px -46px}
#DamGame .keyvisual li.navi_special {background-position:-623px 0px}
#DamGame .keyvisual li.navi_special_on {background-position:-623px -46px}
#DamGame .keyvisual li.navi_codenmoku {width:104px;background-position:-726px 0px}
#DamGame .keyvisual li.navi_codenmoku_on {width:104px;background-position:-726px -46px}

#DamGame .section {width:828px;margin-top:10px;border:1px #b6b6b6 solid;}
#DamGame .section .contents{margin:10px 10px 0px;padding-bottom:10px;}
#DamGame .section .photo {float:left;width:186px;margin-right:10px;}
#DamGame .section .text {float:right;width:612px;}
#DamGame .section .text h3{margin-bottom:10px;}
#DamGame .section .text h4{font-weight:bold;color:#ea0b7c;font-size:120%;}
#DamGame .section .text .block01 {margin:10px 0px;}
#DamGame .section .text .block01 li{float:left;width:160px;margin-right:10px;}
#DamGame .section .text .block01 li.tbox{width:260px;margin-right:0px;}
#DamGame .section .text .carrier {padding:10px;background:#ffe8f3;}
#DamGame .section .text .carrier h4{font-size:100%;}
#DamGame .section .text .carrier ul{margin:10px 0px;}
#DamGame .section .text .carrier li{display:inline;margin-right:10px;}

#DamGame .codenmoku {width:828px;margin-top:10px;border:1px #b6b6b6 solid;}
#DamGame .codenmoku .contents{margin:10px 10px 0px;padding-bottom:10px;}
#DamGame .codenmoku .contents h3{margin-bottom:20px;}
#DamGame .codenmoku .contents p{margin-bottom:20px;}

#DamGame .button{margin-top:10px;}

/*  ******************************************************  */
/*  楽曲リクエスト                                         */
/*  ******************************************************  */
#Request h2 {margin-bottom:20px;}
#Request h3 {margin-bottom:10px;}
#Request .bulletlink {margin-bottom:20px;}
#Request .mainblock {float:left;width:550px;margin-right:10px;padding:0px 0px 100px;background:url(/dam/images/request/main_bg.gif) no-repeat left bottom;}
#Request .mainblock p{margin-bottom:10px;}
#Request .mainblock .caption{margin:20px 0px;}
#Request .mainblock input{padding:2px;}
#Request .mainblock .formtextarea {width:300px;}

#Request .subblock{float:right;width:270px;}
#Request .subblock h4{margin-bottom:10px;font-weight:bold;}
#Request .subblock .contents{padding:5px;background:#eee;border:1px #aaa dashed;}
#Request .subblock .section{margin-bottom:10px;padding-bottom:10px;background:url(/dam/images/request/side_bg.gif) no-repeat left bottom;}

#Request .mainblock p,
#Request .mainblock form,
#Request .subblock p,
#Request .subblock h4 {margin:0px 10px 10px;}


/*  ******************************************************  */
/*  ポップアップ特集用　　                                 */
/*  ******************************************************  */
#PopUp {border-bottom:1px #aaa solid;width:100%;margin-bottom:20px;padding-bottom:10px;line-height:140%;}
#PopUp .localContents {width:570px;margin:auto;}
#PopUp .Mark {color:#ff6900;}
#PopUp .Mark2 {color:#0095FF;}
#PopUp #Header {width:570px;}

/*  ******************************************************  */
/*  HR&HM特集　　　　　　                                   */
/*  ******************************************************  */

#Hrhm .keyvisual{margin-bottom:20px;}
#Hrhm .leftarea{float:left;width:570px;margin-right:20px;}
#Hrhm .rightarea{float:right;width:240px;}
#Hrhm .rightarea .section{padding-bottom:10px;margin-bottom:10px;background:url(/dam/images/feature/hrhm/right_bg.gif) no-repeat left bottom;}
#Hrhm .rightarea .section h3{margin-bottom:10px;}
#Hrhm .rightarea .section p,
#Hrhm .rightarea .section li {padding:0px 10px 10px;}
#Hrhm .rightarea .section .photo {float:left;width:100px;}
#Hrhm .rightarea .section .text {float:left;width:115px;}
#Hrhm .rightarea .section a{text-decoration:none;}
#Hrhm .rightarea .section .bdr,
#Hrhm .rightarea .section li {padding-bottom:5px;margin-bottom:5px;border-bottom:1px #aaa dashed;}

#Hrhm #HRHM_Tab ul{margin:0px 0px 0px 0px;padding:0px}
#Hrhm #HRHM_Tab li{float:left;display:inline;margin:0px;padding:0px}

#Hrhm .karaoke_list_box .hrhm_title {margin:0px 0px 10px 0px;border-bottom:1px #000 solid;}
#Hrhm .karaoke_list_box .hrhm_list_new {width:570px;margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}
#Hrhm .karaoke_list_box .hrhm_list_new #HRHM_Interview h3{margin:0px 0px 10px 0px;border-bottom:1px #000 solid;}
#Hrhm .karaoke_list_box .hrhm_list_new p {font-size:10px;line-height:130%;letter-spacing:0px;}
#Hrhm .karaoke_list_box .hrhm_list_new th{color:#FFF;padding:5px;background:#000;border:1px #666 solid;font-size:10px;line-height:130%;letter-spacing:0px;text-align:left;}
#Hrhm .karaoke_list_box .hrhm_list_new td{border:1px #666 solid;padding:5px;font-size:13px;line-height:130%;text-align:left;}
#Hrhm .karaoke_list_box .hrhm_list_new .width01 {width:25%;}
#Hrhm .karaoke_list_box .hrhm_list_new .width02 {width:60%;}
#Hrhm .karaoke_list_box .hrhm_list_new .width03 {width:15%;}
#Hrhm .karaoke_list_box .hrhm_list_new .catalog {margin:0px;padding:5px 0px 0px 0px;}
#Hrhm .karaoke_list_box .hrhm_list_new .artist02 {background:#ccc;}
#Hrhm .karaoke_list_box .hrhm_list_new .track02 {background:#ccc;}
#Hrhm .karaoke_list_box .hrhm_list_new .album02 {background:#ccc;}

/*
#Hrhm .karaoke_list_box .hrhm_title {margin:0px 0px 10px 0px;border-bottom:1px #000 solid;}
#Hrhm .karaoke_list_box .hrhm_list_new {width:570px;margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}
#Hrhm .karaoke_list_box .hrhm_list_new #HRHM_Interview h3{margin:0px 0px 10px 0px;border-bottom:1px #000 solid;}
#Hrhm .karaoke_list_box .hrhm_list_new p {font-size:10px;line-height:130%;letter-spacing:0px;}
#Hrhm .karaoke_list_box .hrhm_list_new th{color:#FFF;padding:5px;background:#000;border:1px #666 solid;font-size:10px;line-height:130%;letter-spacing:0px;text-align:left;}
#Hrhm .karaoke_list_box .hrhm_list_new td{border:1px #666 solid;padding:5px;font-size:13px;line-height:130%;text-align:left;}
#Hrhm .karaoke_list_box .hrhm_list_new .width01 {width:25%;}
#Hrhm .karaoke_list_box .hrhm_list_new .width02 {width:60%;}
#Hrhm .karaoke_list_box .hrhm_list_new .width03 {width:15%;}
#Hrhm .karaoke_list_box .hrhm_list_new .catalog {margin:0px;padding:5px 0px 0px 0px;}
#Hrhm .karaoke_list_box .hrhm_list_new .artist02 {background:#ccc;}
#Hrhm .karaoke_list_box .hrhm_list_new .track02 {background:#ccc;}
#Hrhm .karaoke_list_box .hrhm_list_new .album02 {background:#ccc;}


#Hrhm #HRHM_KeyVisual {padding:0px 0px 10px 0px;}

#Hrhm #HRHM_Information {margin:0px 0px 20px 0px;padding:10px;background:#eee;}

#Hrhm #HRHM_Interview {}
#Hrhm #HRHM_Interview a,#contentBox #HRHM_Interview span{font-size:10px;letter-spacing:0px;}
#Hrhm #HRHM_Interview p{margin:0px 0px 10px 0px;font-size:10px;line-height:130%;letter-spacing:0px;}
#Hrhm #HRHM_Interview h3{margin:0px;padding:0px;border-bottom:1px #000 solid;}
#Hrhm #HRHM_Interview h4{margin:0px;padding:0px;font-size:13px;line-height:130%;letter-spacing:0px;}
#Hrhm #HRHM_Interview ul{margin:10px 0px 0px 0px;padding:0px}
#Hrhm #HRHM_Interview .li01{width:175px;float:left;display:inline;margin:0px 17px 0px 0px;padding:0px}
#Hrhm #HRHM_Interview .li02{width:175px;float:left;display:inline;margin:0px 18px 0px 0px;padding:0px}
#Hrhm #HRHM_Interview .li03{width:175px;float:left;display:inline;margin:0px 0px 0px 0px;padding:0px}

#Hrhm #HRHM_Tab ul{margin:0px 0px 0px 0px;padding:0px}
#Hrhm #HRHM_Tab li{float:left;display:inline;margin:0px;padding:0px}
*/

/*  ******************************************************  */
/*  キッズソング　　　　　　                                    */
/*  ******************************************************  */
#Kids .keyvisual {margin-bottom:10px;}
#Kids .keyvisual .navigation li{float:left;width:118px;height:47px;text-indent:-9999px;background:url(/dam/images/feature/kids/navigation.gif) no-repeat 0px 0px;}
#Kids .keyvisual .navigation li a{display:block;width:118px;height:47px;overflow:hidden;}
#Kids .keyvisual .navigation #top {background-position:0px 0px;width:120px;}
#Kids .keyvisual .navigation #top_on {background-position:0px -47px;width:120px;}
#Kids .keyvisual .navigation #anime {background-position:-120px 0px;}
#Kids .keyvisual .navigation #anime_on {background-position:-120px -47px;}
#Kids .keyvisual .navigation #hero {background-position:-238px 0px;}
#Kids .keyvisual .navigation #hero_on {background-position:-238px -47px;}
#Kids .keyvisual .navigation #child {background-position:-356px 0px;}
#Kids .keyvisual .navigation #child_on {background-position:-356px -47px;}
#Kids .keyvisual .navigation #doyo {background-position:-474px 0px;}
#Kids .keyvisual .navigation #doyo_on {background-position:-474px -47px;}
#Kids .keyvisual .navigation #woman {background-position:-592px 0px;}
#Kids .keyvisual .navigation #woman_on {background-position:-592px -47px;}
#Kids .keyvisual .navigation #man {background-position:-710px 0px;width:120px;}
#Kids .keyvisual .navigation #man_on {background-position:-710px -47px;width:120px;}

#Kids .blocknavigationBox{margin-bottom:10px;border-bottom:1px dashed #EEE;clear:both}
#Kids .blocknavigationBox table{width:100%;}
#Kids .blocknavigationBox .blocktitlearea{width:300px;}
#Kids .blocknavigationBox .blocknavigationarea{width:270px;text-align:right;vertical-align:bottom;}
#Kids .wrappingtable .songlistBox {margin-bottom:0px}
#Kids .wrappingtable .songlistBox table{width:810px;background:#FFF;margin-bottom:0px}
#Kids .wrappingtable .songlistBox h2{margin-bottom:5px;}
#Kids .wrappingtable .songlistBox h3{margin-bottom:5px;font-weight:normal;}
#Kids .wrappingtable .songlistBox h4{margin-bottom:5px;font-weight:normal;}
#Kids .wrappingtable .songlistBox p{margin-bottom:5px;}
#Kids .songlistBox td a{text-decoration:underline;}
#Kids .wrappingtable .songlistBox td.artist{width:48%;text-align:left;}
#Kids .wrappingtable .songlistBox td.track{width:40%;text-align:left;}
#Kids .wrappingtable .songlistBox td.number{width:12%;text-align:center;}

/*  ******************************************************  */
/*  D-PUSH　　　　　　                                    */
/*  ******************************************************  */
#Dpush .bg_bottom{width:830px;background:url(/dam/images/d-push/block_bottom.gif) no-repeat left bottom;}
#Dpush .keyvisual h2{margin-bottom:20px;}
#Dpush .section {float:left;width:410px;margin-right:10px;}
#Dpush #enka{margin:0px;}
#Dpush .section .block {width:390px;margin:0px 10px 10px;padding-bottom:10px;}
#Dpush .section .block h3{margin-bottom:10px;}

#Dpush .section .address {background:#eaeaea;}
#Dpush .section .address h3 {width:380px;height:24px;margin-bottom:5px;padding-right:10px;text-align:right;}
#Dpush .section .address h3.mail{background:url(/dam/images/d-push/ttl_mail.gif) no-repeat left top;}
#Dpush .section .address h3.letter{background:url(/dam/images/d-push/ttl_letter.gif) no-repeat left top;}
#Dpush .section .address .contents{margin:10px;}
#Dpush .section .address h4{margin:10px 0px 0px;font-weight:bold;}
#Dpush .section .address ul{margin:0px 0px 0px 20px;list-style:disc;}
#Dpush .section .address li{margin-bottom:0px;}
#Dpush .section .address .caption{text-indent:-1em;padding-left:1em;color:#666;}
#Dpush .section .txt01 {margin:0px;font-weight:normal;}

#Dpush .section #streaming {margin:0px 10px 10px;}
#Dpush .section #streaming li{float:left;width:175px;margin-right:40px;}
#Dpush .section #streaming li.nomgn{margin:0px;}
#Dpush .section #streaming img{margin-bottom:2px;}
#Dpush .section #streaming .stmicon{margin-bottom:0px;}
#Dpush .section .block table,
#Dpush .section .block td,
#Dpush .section .block th{border:1px #ff8972 solid;padding:5px;}
#Dpush .section .block table{width:387px;margin:10px 0px 5px 0px;}
#Dpush .section .block th{background:#ffbda6;width:50%;}
#Dpush .section .block #table02 th{text-align:left;}
#Dpush .section .block .logo{float:left;width:50px;margin-right:10px;}
#Dpush .section .block table h3{font-size:120%;}

#Dpush .section .live {margin:10px 10px 30px;}


/* 洋楽カラオケ */
#Yogaku #Sidearea{width:240px;margin:0px 20px 0px 0px;float:left;}
#Yogaku #Sidearea .yogakuTop {margin-bottom:10px}
#Yogaku #Sidearea .section{width:240px;background:url(/dam/images/newrelease/yogaku/bg_sidearea.gif) no-repeat left bottom;margin-bottom:10px;}
#Yogaku #Sidearea .section h3{width:240px;height:30px;text-indent:-9999px;background:url(/dam/images/newrelease/yogaku/sidetitle.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea .list h3{margin:0px;padding:0px 0px 10px 0px;text-indent:0px;background:none}
#Yogaku #Sidearea .list {padding-bottom:10px;}
#Yogaku #Sidearea .list dt{margin-bottom:5px;width:230px;height:18px;padding:3px 5px;color:#4b021b;font-weight:bold;background:url(/dam/images/newrelease/yogaku/list_subbg.gif) no-repeat left top;}
#Yogaku #Sidearea .list li{margin-bottom:5px;margin-left:10px;}
#Yogaku #Sidearea .list .ftList{padding-left:1em;text-indent:-1em;}
#Yogaku #Sidearea .list .ftList li{text-indent:0;margin-bottom:10px;}

#Yogaku #Sidearea #Coment h3{background-position:0px -30px;}
#Yogaku #Sidearea #Coment .positioncenter{width:175px;margin:auto;padding:10px;}
#Yogaku #Sidearea .section#Ranking .contents{width:210px;padding:0px 10px 10px 10px;}

#Yogaku #Sidearea #Ranking h3{background-position:0px -60px;padding-bottom:0px;}
#Yogaku #Sidearea #Ranking h4{margin:0px 10px;color:#500C24;border-bottom:1px solid #500C24;}
#Yogaku #Sidearea #Ranking p{margin:0px 0px 10px 10px;}
#Yogaku #Sidearea #Ranking p.songs{margin:0px 10px;padding-top:10px;border-top:1px solid #500C24;}
#Yogaku #Sidearea #Ranking p.caution{font-size:80%;padding-left:10px;margin-bottom:0px;}
#Yogaku #Sidearea #Ranking li{padding:0px 0px 10px 30px;line-height:110%;}
#Yogaku #Sidearea #Ranking li.no1{background:url(/dam/images/newrelease/yogaku/no1.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea #Ranking li.no2{background:url(/dam/images/newrelease/yogaku/no2.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea #Ranking li.no3{background:url(/dam/images/newrelease/yogaku/no3.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea #Ranking li.no4{background:url(/dam/images/newrelease/yogaku/no4.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea #Ranking li.no5{background:url(/dam/images/newrelease/yogaku/no5.gif) no-repeat 0px 0px;margin-bottom:0px;}
#Yogaku #Sidearea #Ranking li.no6{background:url(/dam/images/newrelease/yogaku/no6.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea #Ranking li.no7{background:url(/dam/images/newrelease/yogaku/no7.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea #Ranking li.no8{background:url(/dam/images/newrelease/yogaku/no8.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea #Ranking li.no9{background:url(/dam/images/newrelease/yogaku/no9.gif) no-repeat 0px 0px;}
#Yogaku #Sidearea #Ranking li.no10{background:url(/dam/images/newrelease/yogaku/no10.gif) no-repeat 0px 0px;}

#Yogaku #Sidearea #Mail h3{background-position:0px -90px;}
#Yogaku #Sidearea #Mail .contents{width:210px;padding:10px}
#Yogaku #Sidearea #Mail p.button{margin:0px 0px 5px 0px;}
#Yogaku #Sidearea #Mail img{vertical-align: middle;}

#Yogaku h2 {padding-bottom:20px;}
#Yogaku #Mainarea{width:570px;float:left;padding-left:120px;}
#Yogaku #Mainarea .contents{width:570px;padding-bottom:0px;}
#Yogaku #Mainarea .contents .titleBlock {width:570px;margin-bottom:10px;}
#Yogaku #Mainarea .contents .titleBlock h3{float:left;margin:0px;padding:0px;display:inline;height:30px;text-indent:-9999px;}
#Yogaku #Mainarea .contents .titleBlock a{display:block;float:right;height:30px;text-indent:-9999px;}

#Yogaku #Mainarea .cd{width:570px;margin-bottom:10px;}
#Yogaku #Mainarea .cd h4{border-bottom:1px #AAA dotted;margin-bottom:5px;}
#Yogaku #Mainarea .cd .jacket{width:80px;float:left;padding-right:10px;}
#Yogaku #Mainarea .cd .text{width:480px;float:right;}
#Yogaku #Mainarea .nendai{padding-top:10px;}

#Yogaku #Mainarea .linkimage{margin-bottom:10px;}
#Yogaku #Mainarea .bn{width:240px;float:left}
#Yogaku #Mainarea .bntext{width:320px;float:right;padding-left:10px;}
#Yogaku #Mainarea table {width:100%;}
#Yogaku #Mainarea table .width03{width:15%}
#Yogaku #Mainarea table .width04{width:15%}
#Yogaku #Mainarea th{background:#cda8b5 url(/dam/images/newrelease/yogaku/list_ttlbg.gif) repeat-x;}
#Yogaku #Mainarea table,
#Yogaku #Mainarea table th,
#Yogaku #Mainarea table td {border:1px #b67d91 solid;}

#Yogaku #Mainarea #Orinfo {background:url(/dam/images/newrelease/yogaku/orinfo_bg.gif)  left bottom #ebf9ff; width:570px;padding-bottom:20px;margin-bottom:10px; }
#Yogaku #Mainarea #Orinfo .orinfo_contents{margin:20px 10px 0px; width:550px; background:url(/dam/images/newrelease/yogaku/orinfo_artistbg.gif) left bottom;}
#Yogaku #Mainarea #Orinfo .orinfo_contents .orinfo_leftblock{float:left; width:245px; padding:10px; background:#ffffff; }
#Yogaku #Mainarea #Orinfo .orinfo_contents .orinfo_rightblock{float:right; width:245px; padding:10px 10px 0px; background:#ffffff; }
#Yogaku #Mainarea #Orinfo .orinfo_contents .orinfo_img{float:left; width:100px;}
#Yogaku #Mainarea #Orinfo .orinfo_contents .orinfo_text{float:right; width:135px;}
#Yogaku #Mainarea #Orinfo .orinfo_contents .tourinfo{background:#f6f6f6;}
#Yogaku #Yogaku #Orinfo .orinfo_contents .tourinfo ul{padding:10px;}
#Yogaku #Yogaku #Orinfo .orinfo_contents .tourinfo ul p{margin-bottom:10px;}
#Yogaku #Mainarea .list h3{margin-bottom:20px;}
#Yogaku #Mainarea .list td,
#Yogaku #Mainarea .list th {padding:3px;}

#Yogaku #Mainarea .caption{color:#666666;}

#Yogaku #Mainarea #FeatureList {width:570px;margin-bottom:20px;padding-bottom:10px;background:url(/dam/images/newrelease/yogaku/featurelist_bottom.gif) no-repeat left bottom;}
#Yogaku #Mainarea #FeatureList ul{width:550px;margin:10px 10px 0px;}


/*  ******************************************************  */
/*  express　　　　　　                                       */
/*  ******************************************************  */
#main_2nd #Express #hotsnap ul,
#main_2nd #Express #hotsnap li{list-style:disc;margin-left:10px;padding:0;}


/* sp/common/css/style.css
-----------------------------*/

@media screen and (max-width: 720px) {
    #content .localContents {
        width: 100%;
        border: none;
    }

    #content .localContents h1 {
        margin-right: 0;
        margin-left: 0;
    }

    /* 共通
    ----------------------------------------*/
    article {
        margin:8px 0 20px 0 !important;
    }
    section {
        margin-top:20px;
    }
    .bg_diagonal {
        background-image:url(/dam/sp/images/bg_diagonal.png);
        background-size:3px auto;
        background-color:#F6EF74;
        padding:10px 0;
    }
    .bg_diagonal h1 {
        font-size:129%;
        font-weight:bold;
        text-align:center;
    }
    .white_ttl {
        border-top:solid 1px #BFBFBF;
        border-bottom:solid 1px #BFBFBF;
        background: rgb(254,254,254);
        background: -moz-linear-gradient(top,  rgba(254,254,254,1) 10%, rgba(231,231,231,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(254,254,254,1)), color-stop(100%,rgba(231,231,231,1)));
        background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 10%,rgba(231,231,231,1) 100%);
        background: -o-linear-gradient(top,  rgba(254,254,254,1) 10%,rgba(231,231,231,1) 100%);
        background: -ms-linear-gradient(top,  rgba(254,254,254,1) 10%,rgba(231,231,231,1) 100%);
        background: linear-gradient(to bottom,  rgba(254,254,254,1) 10%,rgba(231,231,231,1) 100%);
        padding:10px 0;
        font-size:115%;
        text-align:center;
    }
    .dlg #modal_area input[type=checkbox] {
        -webkit-appearance: checkbox;
    }

    /* firstBox
    ----------------------------------------*/
    .firstBox {
        padding:0 20px 0;
    }
    .firstBox h1 {
        margin:0 25px 11px;
    }
    .firstBox h1.damKashi {
        width: 60%;
        margin:0 auto 11px;
    }
    .firstBox ul {
        width: 100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
    }

    .firstBox ul li {
        display:table-cell;
        width:33%;
        padding:15px 12px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        vertical-align:middle;
        text-align:center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background: rgb(255,255,255);
    }

    .firstBox ul li.in {
        background: -moz-linear-gradient(top,  rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1)));
        background: -webkit-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -o-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -ms-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: rgb(207,27,21);
    }
    .firstBox ul li.out {
        background: -moz-linear-gradient(top,  rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1)));
        background: -webkit-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -o-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -ms-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: #595757;
    }
    .firstBox ul li + li {
        background: -moz-linear-gradient(top,  rgba(33,181,249,1) 0%, rgba(30,165,227,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,181,249,1)), color-stop(100%,rgba(30,165,227,1)));
        background: -webkit-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: -o-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: -ms-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: linear-gradient(to bottom,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
    }

    .firstBox ul li a {
        display: block;
        color: #fff;
        font-weight: bold;
        text-align:center;
    }
    .firstBox table {
        width: 100%;
    }
    .firstBox table td {
        width:50%;
        padding:10px 4px 0 4px;
        text-align:center;
    }
    .firstBox table td img {
        display:inline-block;
        max-width:290px;
    }

    /* 楽曲リスト musiclistBox
    ----------------------------------------*/
    .musiclistBox .bg_diagonal {
        background-color:#ffa151;
    }.musiclistBox .bg_diagonal.damKashi {
        background-color:#d0bc88;
    }
    .musiclistBox ul {
        padding:0 8px;
    }
    .musiclistBox li {
        border-bottom: dotted 1px #000;
    }
    .musiclistBox li table {
        width:100%;
    }
    .musiclistBox li table td {
        background-image:url(/dam/sp/common/images/ico_arrow_02.png);
        background-repeat:no-repeat;
        background-position:98% 50%;
        background-size:10px auto;
        padding:15px 24px 15px 4px;
        vertical-align:middle;
    }





    /* 週間ランキング rankingBox
    ----------------------------------------*/
    .rankingBox .bg_diagonal {
        background-color:#F6EF74;
        padding-bottom:8px;
    }
    .rankingBox .title p {
        font-size:86%;
        text-align:center;
    }
    .rankingBox .tabBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .rankingBox .tabBox ul {
        display:table;
        width:100%;
    }
    .rankingBox .tabBox ul li {
        display:table-cell;
        width:20%;
        height:32px;
        border-right:#CDCDCD solid 1px;
        text-align:center;
        vertical-align:middle;
        font-size:86%;
        font-weight:bold;
        background: rgb(233,233,233);
        background: -moz-linear-gradient(top,  rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1)));
        background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -o-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -ms-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: linear-gradient(to bottom,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        cursor:pointer;
    }
    .rankingBox .tabBox ul li.on {
        background:#FFF !important;
    }
    .rankingBox .tabBox ul li:last-child {
        border-right:none;
    }
    .rankingBox .tabContents {
        background-color:#FFF;
        padding:8px;
    }
    .rankingBox .tabContents.disNon {
        display:none;
    }
    .rankingBox .tabContents table {
        width:100%;
    }
    .rankingBox .tabContents th {
        width:30px;
        background-color:#4B4B4B;
        color:#FFF;
        font-weight:bold;
        vertical-align:middle;
        text-align:center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .rankingBox .tabContents li {
        border-bottom:solid 1px #BCBCBC;
        padding-bottom:4px;
        margin-bottom:4px;
    }
    .rankingBox .tabContents ol li:last-child {
        border-bottom:none;
    }
    .rankingBox .tabContents table td {
        padding:2px 4px;
        overflow:hidden;
    }
    .rankingBox .btn_01 {
        display:inline-block;
        float:right;
    }
    .rankingBox .btn_01 a {
        display:inline-block;
        text-align:center;
        font-size:86%;
        background: rgb(251,145,25);
        background: -moz-linear-gradient(top,  rgba(254,209,168,1) 16%, rgba(251,145,25,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,rgba(254,209,168,1)), color-stop(100%,rgba(251,145,25,1)));
        background: -webkit-linear-gradient(top,  rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%);
        background: -o-linear-gradient(top,  rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%);
        background: -ms-linear-gradient(top,  rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%);
        background: linear-gradient(to bottom,  rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%);
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 1px 1px 2px rgba(51,51,51,0.4);
        padding:4px 6px;
    }
    .rankingBox .btn_02 {
        display:inline-block;
        margin:12px 0;
    }
    .rankingBox .btn_02 a {
        display:inline-block;
        text-align:center;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        padding:8px 12px;
    }

    /* 週間ランキング weeklyRankingBox
    ----------------------------------------*/
    .weeklyRankingBox {
        background-color:#FFF;
        padding:8px;
    }
    .weeklyRankingBox table {
        width:100%;
    }
    .weeklyRankingBox th {
        width:30px;
        background-color:#4B4B4B;
        color:#FFF;
        font-weight:bold;
        vertical-align:middle;
        text-align:center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
    }
    .weeklyRankingBox li {
        border-bottom:solid 1px #BCBCBC;
        padding:4px 4px 6px 4px;
        margin-bottom:4px;
    }
    .weeklyRankingBox table td {
        padding:2px 4px;
        overflow:hidden;
        text-align: right;
    }
    .weeklyRankingBox ol li > table tr > th + td {
        text-align: left;
    }


    /* 特集 featureBox
    ----------------------------------------*/
    .featureBox .bg_diagonal {
        background-color:#59D3C6;
    }
    .featureBox ul {
        padding:0 8px;
    }
    .featureBox li {
        border-bottom: dotted 1px #000;
    }
    .featureBox li dl {
        width:100%;
        margin: 10px 0;
    }
    .featureBox li dt {
        vertical-align:top;
        font-weight: bold !important;
        padding:0 0 2px 4px;
    }
    .featureBox li dd {
        padding:0 4px 0 4px;
        vertical-align:middle;
    }
    .featureBox .btn {
        display:inline-block;
        margin:12px 0 0;
    }
    .featureBox .btn a {
        display:inline-block;
        text-align:center;
        background: rgb(202,237,225);
        background: -moz-linear-gradient(top,  rgba(202,237,225,1) 10%, rgba(184,216,205,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(202,237,225,1)), color-stop(100%,rgba(184,216,205,1)));
        background: -webkit-linear-gradient(top,  rgba(202,237,225,1) 10%,rgba(184,216,205,1) 100%);
        background: -o-linear-gradient(top,  rgba(202,237,225,1) 10%,rgba(184,216,205,1) 100%);
        background: -ms-linear-gradient(top,  rgba(202,237,225,1) 10%,rgba(184,216,205,1) 100%);
        background: linear-gradient(to bottom,  rgba(202,237,225,1) 10%,rgba(184,216,205,1) 100%);
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        padding:8px 12px;
    }



    /* songKaraokeAtDamLeaf
    ----------------------------------------*/

    #login {
        background-color:#93c317;
        padding:0 8px 9px;
    }
    #login table {
        width: 100%;
    }
    #login table tr td:first-child {
        width: 70%;
    }
    #login table tr td:last-child {
        width: 30%;
    }
    #login table input[type="text"] {
        -webkit-appearance: none;
        display:block;
        width:100%;
        border:solid 1px #ccc;
        border-radius: 0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        margin:0;
        font-size:16px;
        padding:4px;
    }
    #login input[type="submit"] {
        -webkit-appearance: none;
        display:block;
        width:100%;
        border:none;
        margin-bottom:3px;
        padding:0;
        background: #93c317;
        text-align:center;
        color:#FFF;
        line-height:24px;
        font-weight:bold;
    }
    #login span {
        -webkit-appearance: none;
        display:block;
        width:100%;
        border:none;
        margin-bottom:3px;
        padding:0;
        background: #93c317;
        text-align:center;
        color:#FFF;
        line-height:24px;
        font-weight:bold;
    }


    /* 曲名詳細 songdetailBox
    ----------------------------------------*/
    .songdetailBox .detailBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .songdetailBox .detailContents {
        background-color:#FFF;
        padding:8px;
    }
    .songdetailBox .detailContents li {
        border-bottom:solid 1px #BCBCBC;
        padding-bottom:4px;
        margin-bottom:4px;
    }
    .songdetailBox .detailContents ul li:last-child {
        border-bottom:none;
    }
    .songdetailBox .detailContents table {
        width:100%;
    }
    .songdetailBox .detailContents th {
        width:82px;
        background-color:#e7e7e7;
        vertical-align:middle;
        text-align:center;
    }
    .songdetailBox .detailContents table td {
        padding:7px 4px 7px 8px;
        overflow:hidden;
    }
    .songdetailBox .detailContents li:nth-child(5) table {
        width: 100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
    }
    .songdetailBox .detailContents li:nth-child(6) table td,
    .songdetailBox .detailContents li:nth-child(7) table td {
        background-image:url(/dam/sp/common/images/ico_arrow_02.png);
        background-repeat:no-repeat;
        background-position:98% 50%;
        background-size:10px auto;
        padding-right: 30px;
    }

    /* 曲名詳細 songdetailBox2
    ----------------------------------------*/
    .songdetailBox2 .detailBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .songdetailBox2 .detailContents {
        background-color:#FFF;
        padding:8px;
    }
    .songdetailBox2 .detailContents li {
        border-bottom:solid 1px #BCBCBC;
        padding-bottom:4px;
        margin-bottom:4px;
    }
    .songdetailBox2 .detailContents ul li:last-child {
        width: 100%;
        border-bottom:none;
        margin: 8px auto 0;
    }
    .songdetailBox2 .detailContents table {
        width:100%;
    }
    .songdetailBox2 .detailContents th {
        width:82px;
        background-color:#e7e7e7;
        vertical-align:middle;
        text-align:center;
    }
    .songdetailBox2 .detailContents table td {
        padding:7px 4px 7px 8px;
        overflow:hidden;
    }
    .songdetailBox2 .detailContents table td img {
        width: 32%;
        float: left;
        margin: 0 1% 1% 0;
    }
    .songdetailBox2 li.btn_01 {
        display:inline-block;
        text-align: center !important;
    }
    .songdetailBox2 li.btn_01 a {
        display:inline-block;
        text-align:center !important;
        font-size:115%;
        background: rgb(251,145,25);
        background: -moz-linear-gradient(top,  rgba(254,209,168,1) 16%, rgba(251,145,25,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,rgba(254,209,168,1)), color-stop(100%,rgba(251,145,25,1)));
        background: -webkit-linear-gradient(top,  rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%);
        background: -o-linear-gradient(top,  rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%);
        background: -ms-linear-gradient(top,  rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%);
        background: linear-gradient(to bottom,  rgba(254,209,168,1) 16%,rgba(251,145,25,1) 100%);
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 1px 1px 2px rgba(51,51,51,0.4);
        padding:8px 25px;
    }

    #SongLeafResultWrapper h1 .ttl_txt01 {
            float: left;
            width: 5em;
            padding-left: 5px;
    }
    #SongLeafResultWrapper h1 .ttl_txt02 {
            margin-left: 6em;
            font-size: 14px;
    }

    /* damKashiBox
    ----------------------------------------*/
    .damKashiBox .detailBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .damKashiBox .detailContents {
        background-color:#FFF;
        padding:8px;
    }
    .damKashiBox .detailContents li {
        border-bottom:solid 1px #BCBCBC;
        padding-bottom:4px;
        margin-bottom:4px;
    }
    .damKashiBox .detailContents li:nth-child(n+4) table td {
        background-image:url(/dam/sp/common/images/ico_arrow_02.png);
        background-repeat:no-repeat;
        background-position:98% 50%;
        background-size:10px auto;
        padding-right: 30px;
    }
    .damKashiBox .detailContents ul li:last-child {
        border-bottom:none;
    }
    .damKashiBox .detailContents table {
        width:100%;
    }
    .damKashiBox .detailContents th {
        width:82px;
        background-color:#e7e7e7;
        vertical-align:middle;
        text-align:center;
    }
    .damKashiBox .detailContents table td {
        padding:7px 4px 7px 8px;
        overflow:hidden;
    }
    .damKashiBox .detailContents ul + table {
        width: 100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
        margin: 10px 0 8px;
    }
    .damKashiBox .detailContents ul + table td {
        width: 25%;
        font-size: 86%;
        text-align: center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background: #f0f0f0;
        background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dadada));
        background: -webkit-linear-gradient(top, #f0f0f0 0%,#dadada 100%);
        background: -o-linear-gradient(top, #f0f0f0 0%,#dadada 100%);
        background: -ms-linear-gradient(top, #f0f0f0 0%,#dadada 100%);
        background: linear-gradient(to bottom, #f0f0f0 0%,#dadada 100%);
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
    }
    .damKashiBox .detailContents ul + table td:nth-child(odd) {
        background: #f6ef74;
        background: -moz-linear-gradient(top, #f6ef74 0%, #e0d96a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ef74), color-stop(100%,#e0d96a));
        background: -webkit-linear-gradient(top, #f6ef74 0%,#e0d96a 100%);
        background: -o-linear-gradient(top, #f6ef74 0%,#e0d96a 100%);
        background: -ms-linear-gradient(top, #f6ef74 0%,#e0d96a 100%);
        background: linear-gradient(to bottom, #f6ef74 0%,#e0d96a 100%);
    }
    .damKashiBox .detailContents .scroll {
        overflow: scroll;   /* スクロール表示 */
        width: 300px;
        height: 350px;
        margin: 0 auto 10px;
    }
    .damKashiBox .detailContents .signed p:first-child,
    .damKashiBox .detailContents .unSigned p:first-child,
    .damKashiBox .detailContents .notLogin p:first-child {
        margin-bottom: 8px;
    }
    .damKashiBox .detailContents .signed p:last-child,
    .damKashiBox .detailContents .unSigned p:last-child,
    .damKashiBox .detailContents .notLogin p:last-child {
        width: 45%;
        padding:15px 12px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        vertical-align:middle;
        text-align:center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background: #f0f0f0;
        background: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#dadada));
        background: -webkit-linear-gradient(top, #f0f0f0 0%,#dadada 100%);
        background: -o-linear-gradient(top, #f0f0f0 0%,#dadada 100%);
        background: -ms-linear-gradient(top, #f0f0f0 0%,#dadada 100%);
        background: linear-gradient(to bottom, #f0f0f0 0%,#dadada 100%);
        float: right;
        margin-bottom: 15px;
    }
    .damKashiBox .detailContents .unSigned p:last-child {
        background: -moz-linear-gradient(top,  rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1)));
        background: -webkit-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -o-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -ms-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: linear-gradient(to bottom,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
    }
    .damKashiBox .detailContents .notLogin p:last-child {
        background: -moz-linear-gradient(top,  rgba(33,181,249,1) 0%, rgba(30,165,227,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,181,249,1)), color-stop(100%,rgba(30,165,227,1)));
        background: -webkit-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: -o-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: -ms-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: linear-gradient(to bottom,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
    }
    .damKashiBox .detailContents .unSigned p:last-child a,
    .damKashiBox .detailContents .notLogin p:last-child a {
        color: #fff;
        font-weight: bold;
    }

    /* songInfoBox
    ----------------------------------------*/
    .songInfoBox {
        padding: 0 10px;
    }
    .songInfoBox dl dt {
        width: 150px;
        font-size: 108%;
        font-weight: bold;
        text-align: center;
        background-color:#5c5050;
        color: #fff;
        padding: 2px 0 1px 0;
        margin-bottom: 5px;
        clear: right;
    }
    .songInfoBox  dt + dd {
        font-size: 115%;
    }
    .songInfoBox dd + dd {
        margin: 5px 0 8px;
    }
    .songInfoBox dl dd table {
        width: 100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
    }
    .songInfoBox dl dd.unsigned,
    .songInfoBox dl dd.notLogin {
        width: 45%;
        padding:15px 12px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        vertical-align:middle;
        text-align:center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1)));
        background: -webkit-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -o-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -ms-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: linear-gradient(to bottom,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        float: right;
    }
    .songInfoBox dl dd.notLogin {
        background: -moz-linear-gradient(top,  rgba(33,181,249,1) 0%, rgba(30,165,227,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,181,249,1)), color-stop(100%,rgba(30,165,227,1)));
        background: -webkit-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: -o-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: -ms-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: linear-gradient(to bottom,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
    }
    .songInfoBox dl dd.unsigned a,
    .songInfoBox dl dd.notLogin a {
        color: #fff;
    }


    /* contractInfoBox
    ----------------------------------------*/
    .contractInfoBox {
        padding: 0 10px;
    }
    .contractInfoBox dl dt {
        width: 150px;
        font-size: 108%;
        font-weight: bold;
        text-align: center;
        background-color:#5c5050;
        color: #fff;
        padding: 2px 0 1px 0;
        margin-bottom: 5px;
        clear: right;
    }
    .contractInfoBox  dt + dd {
        font-size: 115%;
    }
    .contractInfoBox dd + dd {
        margin: 5px 0 8px;
    }
    .contractInfoBox dl dd table {
        width: 100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
    }
    .contractInfoBox dl dd.unsigned,
    .contractInfoBox dl dd.notLogin {
        width: 45%;
        padding:15px 12px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        vertical-align:middle;
        text-align:center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(207,27,21,1) 0%, rgba(188,25,19,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,27,21,1)), color-stop(100%,rgba(188,25,19,1)));
        background: -webkit-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -o-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: -ms-linear-gradient(top,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        background: linear-gradient(to bottom,  rgba(207,27,21,1) 0%,rgba(188,25,19,1) 100%);
        float: right;
    }
    .contractInfoBox dl dd.notLogin {
        background: -moz-linear-gradient(top,  rgba(33,181,249,1) 0%, rgba(30,165,227,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,181,249,1)), color-stop(100%,rgba(30,165,227,1)));
        background: -webkit-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: -o-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: -ms-linear-gradient(top,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
        background: linear-gradient(to bottom,  rgba(33,181,249,1) 0%,rgba(30,165,227,1) 100%);
    }

    .contractInfoBox a {
        color: #347926;
    }

    .contractInfoBox dl dd.unsigned a,
    .contractInfoBox dl dd.notLogin a {
        color: #fff;
    }


    /* カラオケ関連情報 karaokeInfoBox
    ----------------------------------------*/
    .karaokeInfoBox ul {
        padding:0 8px;
    }
    .karaokeInfoBox li {
        border-bottom: dotted 1px #000;
    }
    .karaokeInfoBox li table {
        width:100%;
    }
    .karaokeInfoBox li table td {
        padding:10px 4px;
        vertical-align:middle;
    }

    /* カラオケ@DAM検索結果 searchResultBox
    ----------------------------------------*/
    .searchResultBox ul {
        padding:0 8px;
    }
    .searchResultBox li {
        border-bottom: dotted 1px #000;
        padding:10px 4px;
    }
    .searchResultBox li dl {
        font-weight: bold;
    }
    .searchResultBox li dl dd {
        text-align: right;
        padding:3px 4px;
    }
    .searchResultBox li table {
        width:100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
    }
    /* カラオケ@DAM検索結果 searchArtistBox
    ----------------------------------------*/
    .searchArtistBox ul {
        padding:0 8px;
    }
    .searchArtistBox li {
        border-bottom: dotted 1px #000;
        padding:10px 4px;
    }
    .searchArtistBox li dl {
        font-weight: bold;
    }
    .searchArtistBox li dl dd {
        text-align: right;
        padding:3px 4px;
        font-weight: bold;
        text-decoration: underline;
    }
    .searchArtistBox li table {
        width:100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
    }
    /* カラオケ@DAM検索結果 searchResultBox2
    ----------------------------------------*/
    .searchResultBox2 p.bg_diagonal {
        background-image:url(/dam/sp/images/bg_diagonal.png);
        background-size:3px auto;
        background-color:#fafbbf;
        font-size: 115%;
        font-weight: bold;
        padding:10px 0 4px 4px;
        margin-top:5px;
        border-bottom: none;
    }
    .searchResultBox2 p {
        border-bottom: dotted 1px #000;
        padding:10px 4px;
    }

    /* 歌手詳細 artistResult
    ----------------------------------------*/
    .artistResult p.bg_diagonal {
        background-image:url(/dam/sp/images/bg_diagonal.png);
        background-size:3px auto;
        background-color:#fafbbf;
        font-size: 115%;
        font-weight: bold;
        text-align: center;
        padding:10px 0 4px 4px;
        margin-top:5px;
        border-bottom: none;
    }
    .artistResult ul {
        padding:0 8px;
    }
    .artistResult ul li {
        border-bottom: dotted 1px #000;
        padding:10px 4px;
        background-image:url(/dam/sp/common/images/ico_arrow_01.png);
        background-repeat:no-repeat;
        background-position:98% 50%;
        background-size:10px auto;
    }

    /*  pager
    ----------------------------------------*/
    .pager {
        width: 100%;
    }
    .pager table {
        width: 100%;
        display:table;
    }
    .pager td {
        display:table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .pager ul {
        display:table;
        width:100%;
    }
    .pager ul li {
        display:table-cell;
        width:20%;
        padding:6px 4px;
        vertical-align:middle;
        text-align:center;
    }
    .pager ul li:nth-child(even) img {
        width: 84%;
    }
    .pager ul li:nth-child(3) {
        font-size: 86%;
    }
    .pager p {
        font-size: 115%;
        font-weight: bold;
        margin: 0 0 8px 15px;
    }

    /*  monthPager
    ----------------------------------------*/

    .monthPager {
        width: 100%;
        background-color: #f7f3f3;
    }
    .monthPager ul li:first-child {
        float: left;
    }
    .monthPager ul li:last-child {
        float: right;
    }
    .pager + .monthPager {
        border-top: 2px solid #acacac;
    }

    /*  rankingSearchBox
    ----------------------------------------*/
    .rankingSearchBox .bg_diagonal {
        background-color:#F6EF74;
        padding-bottom:8px;
    }
    .rankingSearchBox .title p {
        font-size:86%;
        text-align:center;
    }

    /*  refineSearch
    ----------------------------------------*/
    .refineSearch {
        border-top: 2px solid #acacac;
        border-bottom: 2px solid #acacac;
        background-color:#e5e5e5;
    }
    .refineSearch table {
        width:100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
    }
    .refineSearch ul {
        margin:7px 0 0;
    }
    .refineSearch ul li + li {
        margin:7px 0 10px 7px;
    }
    .refineSearch select {
        display:block;
        width:100%;
        font-size:16px;
        padding:4px;
    }
    .refineSearch td {
        width: 50%;
        display:table-cell;
        padding:15px 12px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        vertical-align:middle;
        text-align:center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
    }
    .refineSearch td.selected {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(246,239,116,1) 0%, rgba(223,217,105,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,239,116,1)), color-stop(100%,rgba(223,217,105,1)));
        background: -webkit-linear-gradient(top,  rgba(246,239,116,1) 0%,rgba(223,217,105,1) 100%);
        background: -o-linear-gradient(top,  rgba(246,239,116,1) 0%,rgba(223,217,105,1) 100%);
        background: -ms-linear-gradient(top,  rgba(246,239,116,1) 0%,rgba(223,217,105,1) 100%);
        background: linear-gradient(to bottom,  rgba(246,239,116,1) 0%,rgba(223,217,105,1) 100%);
    }

    /*  まま音  mamaoto
    ----------------------------------------*/
    .mamaotoBox .bg_diagonal {
        background-color:#68b3e8;
        padding-bottom:8px;
    }
    .mamaotoBox .bg_diagonal h1 {
        font-size: 172%;
    }
    .mamaotoBox .bg_diagonal + p {
        background-color: #ededed;
        padding: 8px 10px;
    }
    .mamaotoBox .tabBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .mamaotoBox .tabBox + div {
        background-color:#ededed !important;
        padding:12px 0 6px;
    }
    .mamaotoBox .tabBox ul {
        display:table;
        width:100%;
    }
    .mamaotoBox  ul.tabBtn li {
        display:table-cell;
        width:20%;
        height:32px;
        border-right:#CDCDCD solid 1px;
        text-align:center;
        vertical-align:middle;
        font-size:86%;
        font-weight:bold;
        background: rgb(233,233,233);
        background: -moz-linear-gradient(top,  rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1)));
        background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -o-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -ms-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: linear-gradient(to bottom,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        cursor:pointer;
    }
    .mamaotoBox .tabBox ul li.on {
        background:#FFF !important;
    }
    .mamaotoBox .tabBox ul li:last-child {
        border-right:none;
    }
    .mamaotoBox .tabContents {
        background-color:#FFF;
        padding: 8px 0;
    }
    .mamaotoBox .tabContents h2 {
        font-size: 143%;
        text-align: center;
        font-weight: bold;
        background-color: #ededed;
        padding: 8px 0 5px 0;
    }
    .mamaotoBox .tabContents ul {
        padding:0 8px;
    }
    .mamaotoBox .tabContents li {
        border-bottom: dotted 1px #000;
        padding:10px 4px;
    }
    .mamaotoBox .tabContents li:last-child {
        border-bottom: none;
    }
    .mamaotoBox .tabContents li dl {
        font-weight: bold;
    }
    .mamaotoBox .tabContents li dl dd {
        text-align: right;
        padding:3px 4px;
    }
    .mamaotoBox .tabContents li table {
        width:100%;
        display: table;
        border-collapse: separate;
        border-spacing: 5px 0;
    }

    /*  メドレー  medley
    ----------------------------------------*/
    .medleyBox .bg_diagonal {
        background-color:#eb83b3;
        padding-bottom:8px;
    }
    .medleyBox .bg_diagonal h1 {
        font-size: 172%;
    }
    .medleyBox .tabBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .medleyBox .tabBox ul {
        display:table;
        width:100%;
    }
    .medleyBox .tabBox ul li {
        display:table-cell;
        width:20%;
        height:32px;
        border-right:#CDCDCD solid 1px;
        text-align:center;
        vertical-align:middle;
        font-size:93%;
        font-weight:bold;
        background: rgb(233,233,233);
        background: -moz-linear-gradient(top,  rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1)));
        background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -o-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -ms-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: linear-gradient(to bottom,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        cursor:pointer;
    }
    .medleyBox .tabBox ul li.on {
        background:#FFF !important;
    }
    .medleyBox .tabBox ul li:last-child {
        border-right:none;
    }
    .medleyBox .monthPager {
        width: 100%;
        background-color: #ededed;
    }
    .medleyBox .monthPager table {
        width: 100%;
    }
    .medleyBox .monthPager table td:first-child,
    .medleyBox .monthPager table td:last-child {
        width: 21%;
        height: auto;
        vertical-align: middle;
        padding: 0 5px;
    }
    .medleyBox .monthPager table td h2 {
        text-align: center;
        padding: 10px 0;
        font-size: 86%;
    }
    .medleyBox .monthPager table td h2 span {
        font-size: 143%;
        font-weight: bold;
    }
    .medleyBox .tabContents {
        background-color:#FFF;
        padding:8px;
    }
    .medleyBox .tabContents table {
        width:100%;
        font-size: 86%;
    }
    .medleyBox .tabContents table td {
        padding: 5px 2px 3px;
        width: 50%;
    }
    .medleyBox .tabContents table td a {
        width: 100%;
        text-align: center;
        display:inline-block;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        /*20140403追加*/
        padding: 16px 10px;
        height: 50px;
        /*
        padding:8px 0;
        */
    }
    .medleyBox .tabContents table td.selected a {
        background: rgb(247,189,215);
        background: -moz-linear-gradient(top,  rgba(247,189,215,1) 0%, rgba(241,145,189,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,189,215,1)), color-stop(100%,rgba(241,145,189,1)));
        background: -webkit-linear-gradient(top,  rgba(247,189,215,1) 0%,rgba(241,145,189,1) 100%);
        background: -o-linear-gradient(top,  rgba(247,189,215,1) 0%,rgba(241,145,189,1) 100%);
        background: -ms-linear-gradient(top,  rgba(247,189,215,1) 0%,rgba(241,145,189,1) 100%);
        background: linear-gradient(to bottom,  rgba(247,189,215,1) 0%,rgba(241,145,189,1) 100%);
        /*20140403追加*/
        padding: 16px 10px;

    }
    .medleyBox + section.searchResultBox {
        margin-top: 0 !important;
    }
    .medleyBox + section.searchResultBox h1 {
        background-color: #ededed;
        border-top:solid 1px #BFBFBF;
        border-bottom:solid 1px #BFBFBF;
        padding:10px 0;
        font-size:115%;
        text-align:center;
    }


    /*  アニメ  anime
    ----------------------------------------*/
    .animeBox .bg_diagonal {
        background-color:#eeae32;
        padding-bottom:8px;
    }
    .animeBox .bg_diagonal h1 {
        font-size: 172%;
    }
    .animeBox .tabBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .animeBox .tabBox ul {
        display:table;
        width:100%;
    }
    .animeBox .tabBox ul li {
        display:table-cell;
        width:20%;
        height:32px;
        border-right:#CDCDCD solid 1px;
        text-align:center;
        vertical-align:middle;
        font-size:86%;
        font-weight:bold;
        background: rgb(233,233,233);
        background: -moz-linear-gradient(top,  rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1)));
        background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -o-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -ms-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: linear-gradient(to bottom,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        cursor:pointer;
    }
    .animeBox .tabBox ul li.on {
        background:#FFF !important;
    }
    .animeBox .tabBox ul li:last-child {
        border-right:none;
    }
    .animeBox .monthPager {
        width: 100%;
        background-color: #ededed;
    }
    .animeBox .monthPager table {
        width: 100%;
    }
    .animeBox .monthPager table td:first-child,
    .animeBox .monthPager table td:last-child {
        width: 21%;
        height: auto;
        vertical-align: middle;
        padding: 0 5px;
    }
    .animeBox .monthPager table td h2 {
        text-align: center;
        padding: 10px 0;
        font-size: 86%;
    }
    .animeBox .monthPager table td h2 span {
        font-size: 143%;
        font-weight: bold;
    }
    .animeBox .tabContents {
        background-color:#FFF;
        padding:8px;
    }
    .animeBox .tabContents table {
        width:100%;
        font-size: 86%;
    }
    .animeBox .tabContents table td {
        padding: 0 5px 5px 0;
        vertical-align: middle;
    }
    .animeBox .tabContents table td:nth-child(even) {
        padding-right: 0;
    }
    .animeBox .tabContents table td a {
        width: 100%;
        text-align: center;
        display:inline-block;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        padding:8px 10px;
        font-size: 100%;
    }
    .animeBox .tabContents table td.single a {
        padding:16px 10px;
        height: 50px;
    }
    .animeBox .tabContents table td.selected a {
        background: rgb(255,208,154);
        background: -moz-linear-gradient(top,  rgba(255,208,154,1) 0%, rgba(255,177,87,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,208,154,1)), color-stop(100%,rgba(255,177,87,1)));
        background: -webkit-linear-gradient(top,  rgba(255,208,154,1) 0%,rgba(255,177,87,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,208,154,1) 0%,rgba(255,177,87,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,208,154,1) 0%,rgba(255,177,87,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,208,154,1) 0%,rgba(255,177,87,1) 100%);
    }
    .animeBox + section.animeSongBox {
        margin-top: 0 !important;
    }
    .animeSongBox h1 {
    /*  background-color: #ededed;
        border-top:solid 1px #BFBFBF;
        border-bottom:solid 1px #BFBFBF; */
        padding:10px 0;
        font-size:115%;
        text-align:center;
    }
    .animeSongBox ul {
        padding:0 8px;
    }
    .animeSongBox li {
        border-bottom: dotted 1px #000;
    }
    .animeSongBox li table {
        width:100%;
    }
    .animeSongBox li table td {
        /*background-image:url(/dam/sp/common/images/ico_arrow_02.png);*/
        background-repeat:no-repeat;
        background-position:98% 50%;
        background-size:10px auto;
        padding:15px 24px 15px 4px;
        vertical-align:middle;
    }

    .animeSongBox li dl dd {
        text-align: right;
    }

    /*  はじめての方へ  begin
    ----------------------------------------*/
    .begin h2 {
        padding: 5px 10px 15px;
    }
    .begin dl {
        padding: 0 10px;
        text-align: center;
    }
    .begin dd {
        padding: 5px 5px 10px;
    }


    /*  よくあるご質問  question
    ----------------------------------------*/
    .question li {
        border-bottom: dotted 1px #000;
    }
    .question ul li:last-child {
        border-bottom:none;
    }
    .question li table {
        width:100%;
    }
    .question li table th {
        vertical-align:top;
        width:130px;
        background-color: #f5f5f5;
        padding: 8px 5px 8px 10px;
    }
    .question li table td {
        background-image:url(/dam/sp/common/images/ico_arrow_01.png);
        background-repeat:no-repeat;
        background-position:98% 50%;
        background-size:10px auto;
        padding:0 26px 0 4px;
        vertical-align:middle;
    }
    .question p {
        padding:15px 8px 20px;
    }

    /*  アコーディオン  acMenu
    ----------------------------------------*/
    #acMenu dt{
        display:block;
        width:100%;
        height:50px;
        font-size: 0.8em;
        font-weight: bold;
        line-height:50px;
        text-align:left;
        border-bottom:#ccc 1px solid;
        cursor:pointer;
        background:url(/dam/sp/app/leaf/images/ico_accordion_02.png) 30px 10px no-repeat;
        background-size: 30px 30px;
        padding-left: 80px;
        }
    #acMenu dd{
        background:#f2f2f2;
        width:100%;
        line-height:50px;
        text-align: left;
        border-bottom:#ccc 1px solid;
        display:none;
        }
    #acMenu dt.active{
        background:url(/dam/sp/app/leaf/images/ico_accordion_01.png) 30px 10px no-repeat;
        background-size: 30px 30px;
        }
    /*#acMenu dd table {
        width: 100%;
        margin: 8px 30px;
    }*/
    #acMenu dd table {
        width: 100%;
        display: table;
        border-collapse: separate;
        border-spacing: 8px;
    }
    #acMenu dd table td {
        width: 25%;
        background: #f0f0f0;
    }
    /*#acMenu dd table td:nth-child(odd) {
        background: #f6ef74;
        background: -moz-linear-gradient(top, #f6ef74 0%, #e0d96a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ef74), color-stop(100%,#e0d96a));
        background: -webkit-linear-gradient(top, #f6ef74 0%,#e0d96a 100%);
        background: -o-linear-gradient(top, #f6ef74 0%,#e0d96a 100%);
        background: -ms-linear-gradient(top, #f6ef74 0%,#e0d96a 100%);
        background: linear-gradient(to bottom, #f6ef74 0%,#e0d96a 100%);
    }*/


    /* ボタン各種
    ----------------------------------------*/

    table td.normal,
    table td.male,
    table td.female,
    table td.mix,
    table td.favorite {
        width:33%;
        padding:15px 12px !important;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        vertical-align:middle;
        text-align:center;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        margin-right: 1.5%;
    }
    table td.normal a,
    table td.male a,
    table td.female a,
    table td.mix a,
    table td.favorite a {
        display: block;
        color: #fff;
        font-weight: bold;
        text-align:center;
    }
    table td.normal {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(34,182,251,1) 0%, rgba(30,165,228,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,182,251,1)), color-stop(100%,rgba(30,165,228,1)));
        background: -webkit-linear-gradient(top,  rgba(34,182,251,1) 0%,rgba(30,165,228,1) 100%);
        background: -o-linear-gradient(top,  rgba(34,182,251,1) 0%,rgba(30,165,228,1) 100%);
        background: -ms-linear-gradient(top,  rgba(34,182,251,1) 0%,rgba(30,165,228,1) 100%);
        background: linear-gradient(to bottom,  rgba(34,182,251,1) 0%,rgba(30,165,228,1) 100%);
    }
    table td.male,
    table td.mix {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(115,208,252,1) 0%, rgba(105,188,228,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,208,252,1)), color-stop(100%,rgba(105,188,228,1)));
        background: -webkit-linear-gradient(top,  rgba(115,208,252,1) 0%,rgba(105,188,228,1) 100%);
        background: -o-linear-gradient(top,  rgba(115,208,252,1) 0%,rgba(105,188,228,1) 100%);
        background: -ms-linear-gradient(top,  rgba(115,208,252,1) 0%,rgba(105,188,228,1) 100%);
        background: linear-gradient(to bottom,  rgba(115,208,252,1) 0%,rgba(105,188,228,1) 100%);
    }
    table td.female {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(254,142,208,1) 0%, rgba(230,128,188,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,142,208,1)), color-stop(100%,rgba(230,128,188,1)));
        background: -webkit-linear-gradient(top,  rgba(254,142,208,1) 0%,rgba(230,128,188,1) 100%);
        background: -o-linear-gradient(top,  rgba(254,142,208,1) 0%,rgba(230,128,188,1) 100%);
        background: -ms-linear-gradient(top,  rgba(254,142,208,1) 0%,rgba(230,128,188,1) 100%);
        background: linear-gradient(to bottom,  rgba(254,142,208,1) 0%,rgba(230,128,188,1) 100%);
    }
    table td.favorite {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(84,156,44,1) 0%, rgba(76,141,39,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,156,44,1)), color-stop(100%,rgba(76,141,39,1)));
        background: -webkit-linear-gradient(top,  rgba(84,156,44,1) 0%,rgba(76,141,39,1) 100%);
        background: -o-linear-gradient(top,  rgba(84,156,44,1) 0%,rgba(76,141,39,1) 100%);
        background: -ms-linear-gradient(top,  rgba(84,156,44,1) 0%,rgba(76,141,39,1) 100%);
        background: linear-gradient(to bottom,  rgba(84,156,44,1) 0%,rgba(76,141,39,1) 100%);
    }

    .preview,
    .next {
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
        background-image: -webkit-linear-gradient(top, #fff, #e8e8e8);
        background-image: -moz-linear-gradient(top, #fff, #e8e8e8);
        background-image: -ms-linear-gradient(top, #fff, #e8e8e8);
        background-image: -o-linear-gradient(top, #fff, #e8e8e8);
        background-image: linear-gradient(top, #fff, #e8e8e8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e8e8e8');
        border: 1px solid #e6e6e6;
        margin: 0.5em;
        font-weight: bold;
        line-height: 3em;
        color: #333;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
    }
    .preview {
        padding: 0 .5em 0 0;
    }
    .next {
        padding: 0 0 0 .5em;
                    text-align: left;
    }

    .preview:before
    {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#7b7b7b));
        background-image: -webkit-linear-gradient(top, #878787, #7b7b7b);
        background-image: -moz-linear-gradient(top, #878787, #7b7b7b);
        background-image: -ms-linear-gradient(top, #878787, #7b7b7b);
        background-image: -o-linear-gradient(top, #878787, #7b7b7b);
        background-image: linear-gradient(top, #878787, #7b7b7b);
        float: left;
        text-align: center;
        font-size: 1.2em;
        margin: 0 0.5em 0 0em;
        padding: 0 .2em;
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
            pointer-events: none;
    }/**/
    .next:after
    {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#878787), to(#7b7b7b));
        background-image: -webkit-linear-gradient(top, #878787, #7b7b7b);
        background-image: -moz-linear-gradient(top, #878787, #7b7b7b);
        background-image: -ms-linear-gradient(top, #878787, #7b7b7b);
        background-image: -o-linear-gradient(top, #878787, #7b7b7b);
        background-image: linear-gradient(top, #878787, #7b7b7b);
        float: right;
        text-align: center;
        font-size: 1.2em;
        margin: 0 0em 0 .5em;
        padding: 0 .2em;
        -moz-border-radius: 0 .15em .15em 0;
        -webkit-border-radius:  0 .15em .15em 0;
        border-radius:  0 .15em .15em 0;
            pointer-events: none;
    }

    /* Hexadecimal entities for the icons */

    .left:before
    {
        content: "<";
        color: #fff;
    }
    .right:after
    {
        content: ">";
        color: #fff;
    }

    .alpha {
        opacity: 0.70;
        filter: alpha(opacity=70);
        -moz-opacity: 0.70;
        -ms-filter: "alpha(opacity=70)";
    }

    /*0313追加
    *****************************/
    .animeBox .tabContents table td {
                    width: 50%;
    }

    /*0314追加
    *****************************/
    #Inquiry_RegistListUp.localContents #ListUpWrapper.container li img {
                    width:13px;
    }

    /*0315追加
    *****************************/

    /*  サウンド  sound
    ----------------------------------------*/
    .soundBox .tabBox ul li {
        display:table-cell;
        width:20%;
        height:32px;
        border-right:#CDCDCD solid 1px;
        text-align:center;
        vertical-align:middle;
        font-size:93%;
        font-weight:bold;
        background: rgb(233,233,233);
        background: -moz-linear-gradient(top,  rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1)));
        background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -o-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: -ms-linear-gradient(top,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        background: linear-gradient(to bottom,  rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
        border-top-left-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        cursor:pointer;
    }
    .soundBox .bg_diagonal {
                    background-color: #996699;
                    padding-bottom: 8px;
    }
    .soundBox .bg_diagonal h1 {
        font-size: 172%;
    }
    .soundBox .tabBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .soundBox .tabBox ul {
        display:table;
        width:100%;
    }
    .soundBox .tabBox ul li.on {
        background:#FFF !important;
    }
    .soundBox .tabBox ul li:last-child {
        border-right:none;
    }
    .soundBox .monthPager {
        width: 100%;
        background-color: #ededed;
    }
    .soundBox .monthPager table {
        width: 100%;
    }
    .soundBox .monthPager table td:first-child,
    .soundBox .monthPager table td:last-child {
        width: 21%;
        height: auto;
        vertical-align: middle;
        padding: 0 5px;
    }
    .soundBox .monthPager table td h2 {
        text-align: center;
        padding: 10px 0;
        font-size: 86%;
    }
    .soundBox .monthPager table td h2 span {
        font-size: 143%;
        font-weight: bold;
    }
    .soundBox .tabContents {
        background-color:#FFF;
        padding:8px;
    }
    .soundBox .tabContents table {
        width:100%;
        font-size: 86%;
    }
    .soundBox .tabContents table td {
        padding: 5px 2px 3px;
        width: 50%;
    }
    .soundBox  .tabContents table td a {
        width: 100%;
        text-align: center;
        display:inline-block;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%);
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        box-shadow: 2px 2px 2px rgba(51,51,51,0.4);
        padding:8px 0;
    }
    .soundBox .tabContents table td.selected a {
        background:#996699;
        background: -moz-linear-gradient(top,  #996699 0%, r#996699 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#996699), color-stop(100%,#996699));
        background: -webkit-linear-gradient(top, #996699 0%,#996699 100%);
        background: -o-linear-gradient(top,  #996699 0%,#996699 100%);
        background: -ms-linear-gradient(top, #996699 0%,#996699 100%);
        background: linear-gradient(to bottom, #996699 0%,#996699 100%);
    }
    .soundBox + section.searchResultBox {
        margin-top: 0 !important;
    }
    .soundBox + section.searchResultBox h1 {
        background-color: #ededed;
        border-top:solid 1px #BFBFBF;
        border-bottom:solid 1px #BFBFBF;
        padding:10px 0;
        font-size:115%;
        text-align:center;
    }
    .soundBox .tabContents h2 {
            background-color: #EDEDED;
            font-size: 143%;
            font-weight: bold;
            padding: 8px 0 5px;
            text-align: center;
    }
    .soundBox .tabContents ul {
            padding: 0 8px;
    }
    .soundBox .tabContents li {
            border-bottom: 1px dotted #000000;
            padding: 10px 4px;
    }
    .soundBox .bg_diagonal + p {
            background-color: #EDEDED;
            padding: 8px 10px;
    }
    .medleyBox .tabContents h2 {
            background-color: #EDEDED;
            font-size: 143%;
            font-weight: bold;
            padding: 8px 0 5px;
            text-align: center;
    }

    .medleyBox .bg_diagonal + p {
            background-color: #EDEDED;
            padding: 8px 10px;
    }


    .animeBox .tabContents h2 {
            background-color: #EDEDED;
            font-size: 143%;
            font-weight: bold;
            padding: 8px 0 5px;
            text-align: center;
    }

    .animeBox .bg_diagonal + p {
            background-color: #EDEDED;
            padding: 8px 10px;
    }

    /*0318追加
    *****************************/

    .animeBox .tabContents table td {
        float: left;
    }

    .medleyBox .tabContents table td {
        float: left;
    }

    /*0329追加
    *****************************/
    .pager ul li img.btnPrev,
    .pager ul li img.btnNext {
        width: 100%;
    }

    /*20140401追加
    ------------------------------------ */
    @media print {
        div#karaokeLyric {display: none;}
    }

    #contents .function dt.model_inactive {
        display: none;
    }

    /*20160325追加
    ------------------------------------ */

    .tab_area {
        background-color: #ededed;
        padding: 0 10px 8px;
    }
    .tab_area .midashi01,
    .tab_area .midashi02 {
        /*display: inline-block;*/
        padding: 6px 8px;
        text-align: center;
        background-color: #000;
        color: #fff;
        margin-bottom: 10px;
    }
    .tab_area ul.tabBtn02 {
        margin-bottom:20px;
    }
    .tab_area ul.tabBtn02:after {
        content: '';
        clear: both;
        display: block;
    }
    .tab_area ul.tabBtn02 li {
            width: 33.333%;
            border-right: #CDCDCD solid 1px;
            text-align: center;
            vertical-align: middle;
            font-size: 86%;
            font-weight: bold;
            background: rgb(233,233,233);
            background: -moz-linear-gradient(top, rgba(233,233,233,1) 10%, rgba(212,212,212,1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(233,233,233,1)), color-stop(100%,rgba(212,212,212,1)));
            background: -webkit-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
            background: -o-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
            background: -ms-linear-gradient(top, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
            background: linear-gradient(to bottom, rgba(233,233,233,1) 10%,rgba(212,212,212,1) 100%);
            cursor: pointer;
            float: left;
    }
    .tab_area ul.tabBtn02 li.on {
            background: #FFF !important;
    }
    .tab_area ul.tabBtn02 li a {
        display: block;
        height: 34px;
        line-height: 34px;
    }
    .tab_area ul.tabBtn02 li a.line2 {
        padding-top: 2px;
        line-height: 14px;
    }
    .tab_area + .tabBox .tabContents {
        padding: 0 0 8px;
    }

    /*  20160407追加（デュアル映像）
    ----------------------------------------*/
    .dualBox .bg_diagonal {
        background-color:#68b3e8;
        padding-bottom:8px;
    }
    .dualBox .bg_diagonal h1 {
        font-size: 172%;
    }
    .dualBox .bg_diagonal + p {
        background-color: #ededed;
        padding: 8px 10px;
    }
    .dualBox .bg_diagonal + p a {
        color: #0000FF;
        text-decoration: underline;
    }
    .dualBox .tabBox {
        background-color:#CDCDCD;
        padding:6px;
    }
    .dualBox .tabBox ul {
        display:table;
        width:100%;
    }
    .dualBox .tabContents {
        background-color:#FFF;
    }
    .dualBox .tabContents h2 {
        font-size: 143%;
        text-align: center;
        font-weight: bold;
        background-color: #ededed;
        padding: 8px 0 5px 0;
    }
    .dualBox .tabContents ul {
        padding:0 8px;
    }
    .dualBox .tabContents li {
        border-bottom: dotted 1px #000;
        padding:10px 4px;
    }
    .dualBox .tabContents li:last-child {
        border-bottom: none;
    }
    .dualBox .tabContents li dl {
        font-weight: bold;
    }
    .dualBox .tabContents li dl dd {
        text-align: right;
        padding:3px 4px;
    }

    /*  特集詳細ページ
    ----------------------------------------*/
    #content.feature #table tbody td a {
        display: block;
        overflow: hidden;
        width: 80%;
        max-width: 130px;
        height: 100%;
        min-height: 100%;
        margin: 0 auto -10px;
        background: url(/dam/app/dam/images/btn_regist_04.png) no-repeat left top;
        background-size: 100% auto;
        line-height: 3.5em;
        text-indent: -9999px;
    }

    #content.feature .inner {
        width: 100%;
        margin: 10px 0 45px;
        padding: 0;
    }

    #content.feature .section h2:first-child {
        margin: 10px 0 0 !important;
    }

    #content.feature .karaoke h2 {
        margin: 20px 0 0 !important;
    }

    #content.feature #table {
        display: block;
        font-size: 1.4rem;
    }

    #content.feature #table th {
        font-weight: normal;
    }

    #content.feature #table thead {
        display: none;
    }

    #content.feature #table tbody {
        display: block;
    }

    #content.feature #table tbody tr {
        display: block;
        margin-bottom: 1.5em;
    }

    #content.feature #table tbody th,
    #content.feature #table tbody td {
        display: list-item;
        list-style: none;
        border: none;
    }

    #content.feature #table tbody th {
        padding: 10px;
    }

    #content.feature #table tbody td {
        margin: 10px 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #content.feature #table tbody td.dspN {
        display: none;
    }

    #content.feature #table tbody th + td + td {
        text-align: left;
    }

    #content.feature .release .box01 > p:first-child {
        float: none;
        margin: 0 auto 10px;
        text-align: center;
    }

    #content.feature .release .box01 .clearfix + p {
        display: none;
    }

    #content.feature .release .box02 .clearfix p {
        float: none;
        width: 100%;
        margin: 10px auto 0;
        text-align: center;
    }

    #content.feature .release .box02 .clearfix p:first-child {
        margin: 0 auto;
        text-align: center;
    }

    #content.feature .release .box02 dl {
        margin: 10px auto 0;
    }

    #content.feature .profile > div {
        margin: 10px;
    }

    #content.feature .profile .box01 p:first-child {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
    }

    #content.feature .profile .box02 {
        margin-top: 15px;
    }

    #content.feature .profile .box02 > p:first-child {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
    }

    #content.feature .profile .box02 > p + p {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    #content.feature .section.special ul {
        margin: 10px 10px 0;
    }

    #content.feature .special ul li {
        float: none;
        clear: both;
        width: 100%;
        margin: 0 auto;
    }

    #content.feature .special ul li p {
        width: 103px;
        margin: 0 10px 10px 0;
        padding-bottom: 0px;
    }

    #content.feature .special ul li p img {
        width: 80px;
        height: 45px;
    }

    #content.feature .special ul li dl dd {
        display: none;
    }

    #content.feature #common_caption {
        margin-right: 10px;
        margin-left: 10px;
    }

    #content.feature .l-ranking-container {
        margin: 10px;
    }

    #content.feature .ranking-type-header {
        display: block;
        height: 22px;
    }

    #content.feature .ranking-type-header .ranking-denmoku-guide {
        bottom: -1px;
    }

    .artistBox {
        float: none;
        width: 100%;
        height: auto;
        padding-left: 0;
    }

    /*  タブ
    ----------------------------------------*/
    .tabBox #nav.tabBtn li {
        line-height: 1.2;
    }
    .tabBox #nav.tabBtn li a {
        box-sizing: border-box;
        height: auto;
        padding-right: 1px;
        padding-left: 1px;
    }
    #content.base .tabBox ul li {
        font-size: 13px;
    }
    #content.base .tabBox .soundContents h2 {
        padding-right: 50px;
        padding-left: 50px;
        font-size: 18px;
    }
}

/* 181009追加　サイトマップ(pc) */
#SITE-MAP.siteMap {
  padding-top: 20px;
  background-color: #f3f2ee;
  border-top: 1px solid #ccc;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

#SITE-MAP .siteMap__content {
  position: relative; }

#SITE-MAP .smp-songs {
  margin-left: auto;
  margin-right: 20px; }

#SITE-MAP .smp-fun {
  flex-basis: 50%;
  width: 50%;
  padding-left: 19px;
  padding-left: 60px; }

#SITE-MAP .siteMap__inner {
  display: flex;
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  justify-content: space-around; }

#SITE-MAP .smp-content__title {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 34px;
  background-color: #dbd8cb;
  padding: 10px 15px;}

#SITE-MAP .smp-lists__inner {
  display: flex;
  width: 100%; }

#SITE-MAP .smp-content__lists:not(:first-of-type) {
  margin-left: 25px; }

#SITE-MAP .smp-content__lists--noneML {
  margin-left: 0;
  margin-top: 28px; }

#SITE-MAP .smp-content__lists--sTab {
  display: flex; }
  #SITE-MAP .smp-content__lists--sTab:not(:first-of-type) {
    margin-left: 25px; }

#SITE-MAP .smp-content__lists--fTab {
  display: flex; }
  #SITE-MAP .smp-content__lists--fTab:not(:first-of-type) {
    margin-left: 25px; }

#SITE-MAP .smp-lists__title {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 13px;
  line-height: 1; }

#SITE-MAP .smp-lists {
  margin-left: 10px; }
  #SITE-MAP .smp-lists:first-child {
    margin-left: 0; }

#SITE-MAP .smp-list {
  font-size: 0;
  margin-bottom: 8px; }

#SITE-MAP .smp-list__link {
  font-size: 10px;
  color: #111111;
  line-height: 1.3;
  white-space: pre; }
  #SITE-MAP .smp-list__link:hover, #SITE-MAP .smp-list__link:active {
    color: #111;
    text-decoration: underline; }

#FOOTER-LINK .footer-links__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 25px; }

#FOOTER-LINK .footer-links__lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  #FOOTER-LINK .footer-links__lists:not(:first-of-type) {
    margin-top: 10px; }
  #FOOTER-LINK .footer-links__lists:nth-of-type(2) {
    margin-top: 30px; }

#FOOTER-LINK .footer-links__list, #FOOTER-LINK .footer-links__list--hideSP {
  padding: 0 15px;
  border-left: 1px solid #121212;
  font-size: 0; }
  #FOOTER-LINK .footer-links__list:first-of-type, #FOOTER-LINK .footer-links__list--hideSP:first-of-type {
    border-left: none; }

#FOOTER-LINK .footer-links__link {
  font-size: 1.2rem;
  line-height: 1.4; }
  #FOOTER-LINK .footer-links__link:hover, #FOOTER-LINK .footer-links__link:active {
    color: #111;
    text-decoration: underline; }

#FOOTER-LINK .u-br-nonePC {
  display: none; }

  .smp-content-block {
    margin-right: 40px;
}

.smp-content-area {
    margin-bottom: 40px;
}

@media screen and (max-width: 720px) {
  #SITE-MAP.siteMap {
    display: none; }
  #FOOTER-LINK .footer-links__list--hideSP {
    display: none; }
  #FOOTER-LINK .footer-links__link {
    font-size: 1rem;
    line-height: 1; } }

@media screen and (max-width: 1024px) {
  #SITE-MAP .smp-songs::before {
    width: 3px;
    right: -7.06vw; }
#SITE-MAP .smp-songs {
  padding-left: 10px;
  margin-right: 7.06vw; }
#SITE-MAP .smp-fun {
  padding-left: 7.06vw; }
#SITE-MAP .smp-content__lists:not(:first-of-type) {
  margin-left: 0; }
#SITE-MAP .smp-content__lists--sTab {
  display: block; }
  #SITE-MAP .smp-content__lists--sTab:first-of-type {
    margin-right: 11.52vw; }
#SITE-MAP .smp-content__lists--fTab {
  display: block; }
  #SITE-MAP .smp-content__lists--fTab:nth-of-type(2) {
    margin-left: 8.04vw; }
#SITE-MAP .smp-list:last-of-type {
  margin-bottom: 22px; }
  #FOOTER-LINK .footer-links__lists:nth-of-type(2) {
    margin-top: 0; }
#FOOTER-LINK .footer-links__lists {
  max-width: 525px;
  width: 100%;
  margin: 0 auto; }
#FOOTER-LINK .footer-links__list, #FOOTER-LINK .footer-links__list--hideSP {
  flex-basis: 50%;
  border: none;
  margin-top: 12px;
  text-align: left; }
  #FOOTER-LINK .footer-links__list:nth-child(odd), #FOOTER-LINK .footer-links__list--hideSP:nth-child(odd) {
    margin-right: auto;
    padding: 0 0 0 16px; }
  #FOOTER-LINK .footer-links__list:nth-child(even), #FOOTER-LINK .footer-links__list--hideSP:nth-child(even) {
    margin-left: auto;
    padding: 0 0 0 7.06vw; }
#FOOTER-LINK .u-br-nonePC {
  display: inline; }
  .footer-links__lists {
    margin-top:0px!important;
  }
  .footer-links__link {
    line-height: 1.7!important;
  }
  .footer-links__list {
    margin-top:5px!important;
  }
}