@charset "utf-8";

article,aside,figure,footer,header,footer,hgroup,nav,section {
    display: inline-block
}

* {
    margin: 0;
    padding: 0
}

html,body {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    color: #57504F;
    text-align: center;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
    line-height: 1.5
}

body {
    max-width: 480px;
    background-position: top center
}

#home {
    background-image: url("../img/home_bg_480.png");
    background-size: 320px auto;
    background-repeat: no-repeat
}

#bottom {
    background-size: 110px;
    background-repeat: repeat
}

img {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: middle
}

a {
    display: block;
    color: #68645D;
    text-decoration: none;
    font-weight: bold;
    -webkit-tap-highlight-color: #68645D
}

li {
    list-style: none
}

header .logo {
    float: left;
    width: 240px;
    text-align: left
}

header .member {
    float: right;
    padding: 10px;
    width: 60px;
    font-size: 13px;
    line-height: 20px;
    line-height: 1.8
}

header section a {
    color: #70B8C7;
    font-weight: bold;
    -webkit-tap-highlight-color: #70b8c7
}

#registration {
    text-align: right
}

#login {
    text-align: right
}

#homenavi {
    display: block
}

@media screen and (max-width:480px) {
    #homenavi {
        height: 500px
    }
}

@media screen and (max-width:320px) {
    #homenavi {
        height: 440px
    }
}

.blowoff_1,.blowoff_2,.blowoff_3,.blowoff_4,.blowoff_5 {
    position: relative;
    width: 140px
}

.blowoff_1 {
    float: left;
    margin: 0 0 0 7px
}

.blowoff_2 {
    float: right;
    margin: 10px 20px 0 0
}

.blowoff_3 {
    float: left;
    clear: both;
    margin: 40px 0 0 7px
}

.blowoff_4 {
    float: right;
    margin: 25px 7px 0 0
}

.blowoff_5 {
    float: left;
    clear: both;
    margin: 60px 0 0 55px
}

.linkbox {
    padding: 5px;
    width: 130px;
    -webkit-border-radius: 5px;
    background-image: -webkit-gradient(linear, 59% 0%, 59% 111%, color-stop(0, rgba(0, 0, 0,
        0.4) ), color-stop(0.98, rgba(0, 0, 0, 0.6) ) );
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4) inset;
    color: #fff;
    text-align: left;
    font-size: 12px;
    line-height: 1.2
}

.linkbox h2 {
    margin-bottom: 5px;
    padding: 4px 0 8px;
    border-bottom: 1px solid #FFF;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px
}

.linkbox h2 img {
    float: right
}

.box_hover {
    background-image: -webkit-gradient(linear, 59% 0%, 59% 111%, color-stop(0, rgba(0, 0, 0,
        0.4) ), color-stop(0.98, rgba(0, 0, 0, 0.6) ) );
    cursor: pointer
}

.none {
    overflow: hidden;
    height: 0;
    text-indent: -9999px
}

#linkbox_top,#linkbox_bottom,#linkbox_bottom_r {
    position: absolute;
    left: 100px;
    z-index: 999;
    width: 0;
    height: 0;
    content: ""
}

#linkbox_top {
    bottom: 100%;
    left: 120px;
    margin-bottom: -1px;
    border-right: 0 solid transparent;
    border-bottom: 8px solid rgba(0, 0, 0, 0.3);
    border-left: 11px solid transparent
}

#linkbox_bottom {
    top: 100%;
    margin-top: -1px;
    border-top: 8px solid rgba(0, 0, 0, 0.6);
    border-right: 9px solid transparent;
    border-left: 1px solid transparent
}

#linkbox_bottom_r {
    top: 100%;
    margin-top: -1px;
    border-top: 8px solid rgba(0, 0, 0, 0.6);
    border-right: 1px solid transparent;
    border-left: 9px solid transparent
}

.blowoff_1 #linkbox_bottom {
    left: 86px
}

.blowoff_3 #linkbox_bottom_r {
    left: 72px
}

#usersupport {
    padding: 12px 0;
    width: 100%;
    background-color: #f6f3ed;
    text-align: left
}

#usersupport img {
    display: inline-block;
    float: left;
    padding-right: 5px
}

#usersupport a {
    padding-left: 10px;
    color: #9d8f79;
    vertical-align: middle;
    font-weight: bold;
    line-height: 14px;
    webkit-tap-highlight-color: #9d8f79
}

#bottom_navi {
    width: 100%;
    height: 46px;
    background-color: rgba(124, 113, 95, 0.5);
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.5), 0 0 8px 1px
        rgba(255, 255, 255, 0.3) inset;
    text-align: center
}

.bottom_navi_in {
    color: #57544e;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3)
}

#homebt {
    float: left
}

.bottom_navi_in h2 {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    line-height: 48px
}

#supportbt {
    float: right
}

#textarea {
    margin: 17px 0;
    padding: 0 17px;
    text-align: left
}

#btarea {
    padding: 0 0 25px
}

#bottom aside {
    margin: 0 20px 20px;
    padding: 10px;
    -webkit-border-radius: 20px;
    background-color: rgba(188, 181, 167, 0.3);
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    text-align: left
}

#bottom aside h3 {
    margin-bottom: 8px;
    padding: 5px;
    -webkit-border-radius: 60px;
    background-color: rgb(153, 152, 150);
    color: #fff;
    vertical-align: middle;
    font-size: 105%;
    line-height: 19px
}

#b_footer {
    padding: 12px 0;
    width: 100%;
    outline: 1px solid rgba(124, 113, 95, 0.5);
    border-top: 1px solid #fff;
    background-color: rgba(124, 113, 95, 0.5);
    text-align: center
}

#k_bg {
    width: 100%;
    color: #57504f;
    border-top: 1px solid #ddd;
}

.add_a {
    display: inline-block;
    float: right !important;
    padding-left: 5px
}

#bt_b2 {
    float: left;
    margin: 11px 10px;
    padding: 9px 10px;
    width: 142px;
    -webkit-border-radius: 13px;
    background-color: #978e7e;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5), 0 -1px 1px 0
        rgba(114, 110, 102, 0.9) inset;
    text-align: left
}

#bt_b2 a {
    color: #fff;
    text-shadow: -1px -1px 0 #5b564c;
    font-weight: bold;
    line-height: 19px
}

#bt_b3 {
    float: left;
    margin: 11px 10px;
    padding: 9px 10px;
    width: 142px;
    -webkit-border-radius: 13px;
    background-color: #e7e4df;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5), 0 -1px 1px 0
        rgba(114, 110, 102, 0.9) inset;
    text-align: left
}

#bt_b3 a {
    font-weight: bold;
    line-height: 19px
}

#bt_b2 img,#bt_b3 img {
    display: inline-block;
    float: left;
    padding-right: 5px
}

#app {
    padding: 17px;
    text-align: left;
}

#app #imgarea1 {
    float: left;
    padding-right: 10px
}

#app #textarea {
    margin: 0.5em 0;
    padding: 0;
    color: #000;
    font-weight: bold;
    font-size: 16px
}

#bt_s1 {
    display: inline-block;
    margin: 0 0 8px 0;
    padding: 8px 10px;
    -webkit-border-radius: 4px;
    background: #ff9194;
    -webkit-box-shadow: 0 !important;
    text-align: center;
    box-shadow: 0 !important;
}

#bt_s1 a {
    color: #fff;
    font-weight: normal
}

#bt_k1 {
    float: left;
    margin: 17px 17px -9px;
    padding: 5px 10px;
    border: 2px solid #FFF;
    -webkit-border-radius: 50px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#68645d),
        to(#2e2c29) );
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center
}

#bt_k1 a {
    color: #fff;
    text-shadow: -1px -1px 0 #000;
    font-weight: bold;
    line-height: 11px;
    filter: dropshadow(color = #000, offx = -1, offy = -1)
}

#bt_k1 img,#bt_b1 img {
    display: inline-block;
    float: left;
    padding-right: 5px
}

#bt_b1 {
    float: left;
    margin: 0 17px;
    padding: 5px;
    -webkit-border-radius: 50px;
    background-color: #e7e4df;
    -webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.2);
    text-align: left
}

#bt_b1 a {
    font-weight: bold;
    line-height: 19px
}

#k_bg #imgarea2 {
    margin-top: 15px;
    margin-left: -85px;
    width: 375px;
    text-align: center;
}

#k_bg #imgarea2 img {
    float: left;
    width:100px;
}

.scrn_sld .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
    margin: 8px 8px 0 8px;
}

#textarea dl {
    display: inline-block;
    margin: 0 0 10px;
    padding: 0;
    font-size:14px;
}

#textarea .way dt {
    float: left;
    clear: left;
    width: 90px
}

#textarea .way dd {
    float: left;
    width: 160px;
    font-weight:bold;
}

#textarea dt {
    font-weight: bold
}

#textarea dd {
    color: #000;
}

#bt_s2, #bt_s3 {
    margin: 5px 35px 40px;
    padding: 5px 10px;
    height: 30px;
    -webkit-border-radius: 4px;
    background: #ff9194;
    text-align: center;
}

#bt_s2 a {
    color: #ffffff;
    line-height: 30px;
    font-weight:normal;
}

#bt_s3 a {
    color: #57544e;
    text-shadow: 0 1px 1px #fff;
    line-height: 30px;
    filter: dropshadow(color = #fff, offx = 0, offy = 1);
    font-family: 'Hiragino Mincho ProN', serif
}

#bt_s4 {
    margin: 15px 10px;
    padding: 5px 10px;
    width: 142px;
    height: 30px;
    -webkit-border-radius: 13px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfcfc),
        to(#d0d0d1) );
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6);
    text-align: center
}

#bt_s4 a {
    color: #57544e;
    text-shadow: 0 1px 1px #fff;
    line-height: 30px
}

#bt_s5 {
    margin: 10px 10px 30px;
    padding: 5px 10px;
    width: 100px;
    height: 30px;
    -webkit-border-radius: 13px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfcfc),
        to(#d0d0d1) );
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6);
    text-align: center
}

#bt_s5 a {
    color: #57544e;
    text-shadow: 0 1px 1px #fff;
    line-height: 30px
}

#bt_s6 {
    margin: 5px auto 40px;
    padding: 10px;
    width: 260px;
    height: 30px;
    -webkit-border-radius: 10px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfcfc),
        to(#d0d0d1) );
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6);
    text-align: center
}

#bt_s6 a {
    color: #57544e;
    text-shadow: 0 1px 1px #fff;
    line-height: 30px
}

#bt_s6 a div {
    margin-top: -18px;
    text-align: center;
    font-size: 0.7em
}

.imgarea1 {
    position: relative;
    float: left;
    padding-right: 10px
}

.textarea {
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 10px;
    width: 166px;
    color: #8F8685;
    text-align: left;
    word-break: break-all
}

.textarea h3 {
    margin-bottom: 5px;
    color: #000
}

#list {
    display: inline-block;
    float: left;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c0bebc;
    text-align: center
}

#k_list {
    display: inline-block;
    float: left;
    padding: 15px 12px;
    width: 296px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c0bebc;
    background-color: rgba(188, 181, 167, 0.2);
    text-align: center
}

.link_list .textarea {
    padding: 6px 0;
    width: 180px
}

.link_list .textarea h3 {
    font-size: 15px
}

#list_bottom {
    float: left;
    width: 100%;
    height: 25px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c0bebc
}

#listnavi {
    float: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c0bebc;
    background-color: rgba(188, 181, 167, 0.2)
}

#listnavi h2 {
    float: left;
    padding: 10px 0;
    width: 230px;
    border-right: 1px solid #fff;
    border-left: 1px solid #c6c4c2;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3);
    line-height: 19px
}

#listnavi #leftarrow {
    float: left;
    padding: 10px 0;
    width: 43px;
    border-right: 1px solid #fff
}

#listnavi #rightarrow {
    float: right;
    padding: 10px 0;
    width: 43px;
    border-left: 1px solid #c6c4c2
}

.notb {
    border-top: none !important
}

.list_hover {
    cursor: pointer
}

.plusbt {
    position: absolute;
    float: left;
    margin: -3px 0 0 74px;
    border: 2px solid #fff;
    -webkit-border-radius: 50px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#68645d),
        to(#2e2c29) );
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    text-align: center
}

.plusbt a {
    vertical-align: middle;
    line-height: 11px
}

.plusbt img {
    float: left;
    padding: 3px
}

.listbt {
    float: right;
    line-height: 92px
}

.linklist .textarea {
    position: relative;
    display: inline-block;
    float: left;
    padding: 15px 30px 0 10px;
    width: 268px;
    color: #8F8685;
    text-align: left
}

.linklist .textarea h3 {
    margin: 0;
    font-size: 15px
}

.linklist .listbt {
    float: left;
    line-height: 20px
}

footer {
    display: block;
    background-color: #f5f5fa;
    color: #000000;
    text-align: center
}

#bottom footer {
    padding-top: 1px;
    background-color: rgba(124, 113, 95, 0.5)
}

footer>p {
    padding: 12px 0
}

#bottom footer>p {
    border-top: 1px solid #fff
}

 @charset "utf-8";

article,aside,figure,footer,header,footer,hgroup,nav,section {
    display: inline-block
}

* {
    margin: 0;
    padding: 0
}

html,body {
    color: #000;
    text-align: center;
    font-size: 85%;
    font-family: Helvetica, sans-serif;
    line-height: 1.5
}

#top_member {
    background-position: center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat
}

img {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: middle
}

a {
    display: block;
    color: #000;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

li {
    list-style: none
}

.space0 {
    width: 100%;
    height: 177px;
    background-image: url("../img/bg_bottom.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.space1 {
    width: 100%;
    height: 15px
}

.font_s2 {
    font-size: 80%
}

.font_s4 {
    font-size: 80%
}

a.hover,.accordion_head,.accordion_btn,.historylist_in,section.logo {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.accordion_btn {
    cursor: pointer;
}

.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%
}

header {
    position: relative;
    display: block;
    width: 100%;
    height: 51px;
    background: #ffffff;
}

header:after {
    display: block;
    clear: both;
    content: ""
}

header .logo {
    float: left;
    text-align: left
}

header .pagetitle {
    position: absolute;
    top: 0;
    left: 95px;
    width: 149px;
    height: 51px
}

header .pagetitle h2 {
    margin: 12px 11px;
    width: 127px;
    height: 27px;
    border: solid 1px #ea7e55;
    -webkit-border-radius: 3px;
    background-color: #a53208;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
    color: #fff;
    font-size: 110%;
    line-height: 27px
}

header .pagetitle2 {
    float: left;
    width: 191px;
    height: 51px
}

header .coin {
    float: left;
    width: 42px;
    color: #fff;
    font-size: 82%;
    line-height: 1
}

header .logout {
    float: left;
    width: 42px
}

nav {
    display: block;
}

nav:after {
    display: block;
    clear: both;
    content: ""
}

nav ul {
    letter-spacing: -.4em
}

nav li {
    float: left;
    height: 44px;
    list-style: none;
    letter-spacing: normal;
    line-height: 44px
}

nav .information {
    border-right: 1px solid rgba(250, 250, 250, 1)
}

nav .information a {
    display: block;
    width: 95px
}

nav .shortcut {
    border-right: 1px solid rgba(250, 250, 2 50, 1);
    border-left: 1px solid rgba(241, 230, 225, 1)
}

nav .shortcut a {
    display: block;
    width: 149px
}

nav .help {
    border-left: 1px solid rgba(241, 230, 225, 1)
}

nav .help a {
    display: block;
    width: 70px
}

#news {
    display: block;
    -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.13) inset;
    text-align: center;
    line-height: 40px
}

#case_android {
    display: block;
    height: 350px;
    background-image: url("../img/newcase_android.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: center
}

#case_ios {
    display: block;
    height: 164px;
    background-image: url("../img/case_ios.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: center
}

#case_android  ul ,#case_ios ul {
    padding: 19px 0;
    text-align: center;
    letter-spacing: -2px
}

#case_android li ,#case_ios li{
    display: inline-block;
    text-align: center;
    list-style: none;
    letter-spacing: normal
}


#main {
    display: block
}

#main:before {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #f00;
    background-image: url("../img/header_main.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    text-align: center
}

#main .mainlist {
    padding: 0 0 0 22px;
    background-image: url("../img/bg_main.png");
    background-position: center top;
    background-size: 100% 100%;
    background-repeat: repeat-y;
    text-align: left;
    letter-spacing: -.4em;
    position: relative;
}

#main .mainlist:after {
    display: block;
    clear: both;
    width: 100%;
    content: ""
}

#main .mainlist li {
    float: left;
    margin: 0 5px !important;
    padding: 0 0 14px;
    width: 64px;
    height: 72px;
    list-style: none;
    text-align: center;
    letter-spacing: normal;
    letter-spacing: -1px;
    font-size: 8px
}

#main .mainlist li.app-official {
    line-height: 11px
}

#main .mainlist li.app-normal {
    width: 64px;
    height: 72px;
    background: transparent url("../img/shortcut_bg.png") no-repeat top
        center;
    background-size: 64px 64px
}

#main2_android .mainlist li {
    display: inline-block;
    margin: 0 3px !important;
    padding: 2px 4px 11px;
    list-style: none;
    text-align: center;
    letter-spacing: normal;
    line-height: 5px
}

 #main2_ios .mainlist li {
    display: inline-block;
    margin: 0 3px !important;
    padding: 2px 4px 11px;
    list-style: none;
    text-align: center;
    letter-spacing: normal;
    line-height: 5px;
}

#main .mainlist li img,#main2_android .mainlist li img, #main2_ios .mainlist li img{
    display: block;
    margin-bottom: 4px;
}

#main .mainlist li.app-normal img {
    margin: 16px 16px 19px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16%;
    border-radius: 16%
}

#main:after {
    display: block;
    width: 100%;
    height: 37px;
    background-image: url("../img/footer_main.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
    text-align: center
}

#download a {
    clear: both;
    margin: 10px auto 15px;
    width: 296px;
    height: 63px;
    background-image: url("../img/bt_appsdl.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent
}

#download a.hover {
    clear: both;
    margin: 10px auto 15px;
    width: 296px;
    height: 63px;
    background-image: url("../img/bt_appsdl_on.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent
}

#menulist,.menulist {
    margin: 0 0 20px;
    width: 296px;
    border: 1px solid #eadcd7;
    -webkit-border-radius: 5px;
    background-color: #fdf1ec
}

#menulist .no1,.menulist .no1 {
    border-top: none;
    border-bottom: 1px solid #fff
}

#menulist li,.menulist li {
    padding-right: 10px;
    border-top: 1px solid #eadcd7;
    border-bottom: 1px solid #fff;
    text-align: left;
    line-height: 51px
}

#menulist .no2,.menulist .no2 {
    border-top: 1px solid #eadcd7;
    border-bottom: none
}

#menulist .arrow,.menulist .arrow,#categorylist .arrow,#buycoin .arrow {
    float: right;
    line-height: 51px
}

#menulist .sublist,.menulist .sublist {
    padding-right: 10px;
    width: 284px;
    border-top: 1px solid #eadcd7;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    background-image: url("../img/arrow1.png");
    background-position: 277px center;
    background-size: 7px auto;
    background-repeat: no-repeat;
    text-align: left;
    line-height: 51px
}

#menulist .sublistmark,.menulist .sublistmark {
    float: left;
    margin-right: 10px;
    width: 11px;
    height: 50px;
    border: 1px solid #fff;
    background-color: #eadcd7
}

#bt_membership_section .bt_membership {
    clear: both;
    /*background-image: url("../img/bg_main.png");
    background-position: center top;
    background-size: 100% 100%;
    background-repeat: repeat-y*/
}

#bt_membership_section .bt_membership a {
    margin: 0 auto;
    width: 260px;
    height: 75px;
    background-image: url("../img/bt_member.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent;
    text-align: center
}

#bt_membership_section .bt_membership a.hover {
    background-image: url("../img/bt_member_on.png")
}

#whats {
    display: block;
    height: 160px;
    background-image: url("../img/bg_whatsentag.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: left
}

#whats p {
    padding: 60px 0 0 27px;
    font-size: 105%
}

#main2_android {
    position: relative;
    display: block;
    background-image: url("../img/bg_main2_android.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    text-align: center;
    height: 255px;
}

 #main2_ios {
    position: relative;
    display: block;
    background-image: url("../img/bg_main2_ios.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    text-align: center;
    height: 255px;
}

#main2_android .mainlist {
    float: left;
    margin-bottom: 85px;
    padding: 31px 0 0 18px;
    text-align: center;
    letter-spacing: -.4em
}

 #main2_ios .mainlist {
    float: left;
    margin-bottom: 85px;
    padding: 31px 0 0 18px;
    text-align: center;
    letter-spacing: -.4em
}

#main2_android .mainlist li {
    display: inline-block;
    padding: 3px 4px 10px;
    list-style: none;
    letter-spacing: normal;
    line-height: 5px
}

#main2_ios .mainlist li {
    display: inline-block;
    padding: 3px 4px 10px;
    list-style: none;
    letter-spacing: normal;
    line-height: 5px
}

#main2_android_section .bt_membership {
    /*position: absolute;*/
    bottom: 28px;
    left: 0;
    width: 100%
}

#main2_ios_section .bt_membership {
    /*position: absolute;*/
    bottom: 28px;
    left: 0;
    width: 100%
}

#main2_android_section .bt_membership a {
    margin: 0 auto;
    width: 260px;
    height: 75px;
    background-image: url("../img/bt_member.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent;
    text-align: center
}

 #main2_ios_section .bt_membership a {
    margin: 0 auto;
    width: 260px;
    height: 75px;
    background-image: url("../img/bt_member.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent;
    text-align: center
}
#main2_android_section .bt_membership a.hover {
    background-image: url("../img/bt_member_on.png")
}

#main2_ios_section .bt_membership a.hover {
    background-image: url("../img/bt_member_on.png")
}


#categorylist ul {
    padding-bottom: 5px
}

#categorylist li {
    margin: 10px 0;
    width: 296px;
    border: 1px solid rgba(230, 230, 230, 1);
    -webkit-border-radius: 5px
}

#categorylist li a,#categorylist li span {
    display: block;
    padding-right: 10px;
    width: 284px;
    height: 51px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background-color: rgba(230, 230, 230, 1);
    text-align: left;
    line-height: 51px
}

#categorylist li a.hover {
    border: 1px solid rgba(193, 193, 193, 1);
    background-color: rgba(193, 193, 193, 1);
    -webkit-box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.3) inset
}

#categorylist li span.disabled {
    border: 1px solid rgba(193, 193, 193, 1);
    background-color: rgba(193, 193, 193, 1);
    color: #666
}

#categorylist li a.hover img {
    opacity: 0.5
}

#select {
    display: block;
    padding: 0 5px;
    height: 40px;
    background-color: #fdf1ec;
    -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.13) inset;
    text-align: right;
    line-height: 40px
}

#select p {
    float: left;
    padding-left: 116px
}

#select select {
    display: inline-block;
    margin-left: 10px;
    width: 65px;
    height: 30px
}

#historylist {
    position: relative;
    z-index: 0;
    margin-bottom: 15px;
    width: 100%;
    border-top: 1px solid #d1d1d0;
    text-align: left
}

.historylist_in .list_detail {
    float: right;
    padding-left: 10px;
    width: 220px
}

#historylist .historylist_in {
    padding: 10px;
    width: 300px;
    border-bottom: 1px solid #d1d1d0
}

#historylist .historylist_new {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d1d1d0;
    background-image: url("../img/bg_new.png");
    background-position: right top;
    background-size: 43px auto;
    background-repeat: no-repeat
}

#historylist .historylist_in {
    float: left;
    padding: 10px;
    width: 300px;
    border-bottom: 1px solid #d1d1d0
}

.list_arrow {
    float: right;
    padding-top: 8px
}

.list_photo {
    float: left
}

.rankinglist_in .list_photo {
    overflow: hidden;
    width: 70px;
    height: 70px !important
}

.list_number {
    float: left;
    padding: 10px;
    min-height: 65px;
    width: 10px;
    background-color: #f3be7b;
    color: #fff;
    text-align: center;
    font-weight: bold
}

.list_time {
    float: left;
    padding: 0 0 0 24px;
    width: 115px;
    text-align: left
}

.total {
    float: left;
    padding: 0 39px 0 0;
    width: 122px;
    text-align: right
}

#historylist .list_detail {
    float: left
}

#historylist .list_detail img {
    float: left
}

#historylist .list_detail2 {
    float: left;
    padding: 0 10px;
    width: 130px;
    line-height: 65px
}

#historylist .title {
    font-size: 130%;
    line-height: 32px
}

#historylist .name,#historylist .price,#historylist .tie-up {
    line-height: 15px
}

#historylist .list_bt {
    float: left;
    padding: 18px 0 0
}

#historylist .list_bt a {
    width: 81px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 5px !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #e2e1e1), color-stop(50%, #bababa),
        color-stop(100%, #d5d5d5) );
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    color: #3c3b3b;
    text-align: center;
    line-height: 28px
}

#search {
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #fff;
    background-color: #d0d0cf;
    -webkit-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.24);
    line-height: 46px
}

#search .keyword-wrapper {
    padding-left: 26px;
    width: 190px;
    height: 26px;
    border: 1px solid #aaa9a7;
    -webkit-border-radius: 3px !important;
    background-color: #fff;
    background-image: url("../img/search.png");
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 3px 7px 0 rgba(0, 0, 0, 0.14);
    text-align: left;
    line-height: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#search .keyword-wrapper input {
    display: inline;
    width: 170px;
    height: 26px;
    outline: none;
    border: none;
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#search input.search_bt {
    width: 81px;
    height: 28px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 3px !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #e2e1e1), color-stop(50%, #bababa),
        color-stop(100%, #d5d5d5) );
    color: #3c3b3b
}

#shortcut_attention {
    float: left;
    padding: 12px 0;
    width: 100%;
    height: 32px;
    background-color: #fdf1ec;
    -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.13) inset;
    text-align: center
}

div.app-normal {
    width: 64px;
    background: transparent url("../img/shortcut_bg.png") no-repeat top
        center;
    background-size: 64px 64px
}

div.app-normal img {
    margin: 16px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16%;
    border-radius: 16%
}

#shopnav {
    width: 100%;
    display: inline-block;
    height: 43px;
    margin: -1px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    background-color: #888787;
    -webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.13) inset;
    text-align: right;
}

#shopnav ul {
    float: right;
    letter-spacing: -.40em
}

#shopnav li {
    float: left;
    list-style: none;
    letter-spacing: normal
}

#shopstatus,#ranking,#feature {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0;
    height: 40px;
    background-image: url("../img/bg_title.png");
    background-position: left center;
    background-size: auto 40px;
    background-repeat: repeat-x;
    color: #fff;
    text-align: left;
    text-shadow: 0 -1px 0 #b45700;
    font-weight: bold;
    font-size: 14px;
    line-height: 40px
}

#shopstatus.musicstore {
    overflow: hidden;
    padding-left: 46px;
    background-image: url("../img/music-menu-title-icon.png"),
        url("../img/bg_title.png");
    background-position: 14px center, left -1px;
    background-size: 24px auto, auto 42px;
    background-repeat: no-repeat, repeat-x
}

#shopstatus.shortcut {
    background-image: url("../img/coin_label.png")
}

#shopstatus img,#ranking img,#feature img {
    margin-top: -3px
}

#shopstatus a,#ranking a,#feature a {
    float: right;
    margin: 8px;
    padding-left: 8px;
    width: 70px;
    height: 21px;
    border: 1px solid #e5e4e4;
    -webkit-border-radius: 11px;
    background-color: #fff;
    background-image: url("../img/arrow5.png");
    background-position: 62px center;
    background-size: 14px auto;
    background-repeat: no-repeat;
    color: #db7818;
    text-align: left;
    text-shadow: none;
    font-size: 9px;
    line-height: 23px
}

#shopstatus a.hover,#ranking a.hover,#feature a.hover {
    opacity: 0.5
}

#shopstatus a img,#ranking a img,#feature a img {
    margin-top: -2px
}

#bt_play {
    margin-bottom: 10px;
    width: 251px;
    height: 85px;
    border: 1px solid #e27918;
    -webkit-border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, #e27a18),
        color-stop(100%, #faa133) );
    color: #fff;
    text-align: center;
    font-size: 80%
}

#bt_play .bt_play_in {
    margin: 10px auto 4px;
    width: 209px;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-align: center
}

div.package.accordion_child {
    clear: both;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s ease-in-out
}

nav.package {
    display: table;
    margin: 0 auto;
    padding: 5px 2px;
    width: 304px;
    -webkit-border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%, #e27a18),
        color-stop(100%, #faa133) );
    text-align: center
}

nav.package:after,#select:after {
    display: block;
    clear: both;
    content: ""
}

nav.package .item {
    display: table-cell;
    padding: 0 3px
}

nav.package .item a {
    height: 56px;
    border: 1px solid #fff;
    -webkit-border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #fff), color-stop(50%, #eeecec),
        color-stop(100%, #fff) );
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    color: #de7115;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    font-size: 80%
}

nav.package .item a.disabled {
    border-color: #ddd;
    background-color: #ddd;
    background-image: none;
    opacity: 0.8
}

nav.package .item a.hover {
    border: 1px solid #a96327;
    background-color: #d9bea6;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13) inset;
    opacity: 0.5
}

nav.package .item span.icon {
    display: block;
    width: 73px;
    height: 35px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 73px auto
}

nav.package .item span.icon.buy {
    background-image: url('../img/icon_buy.png')
}

nav.package .item span.icon.info {
    background-image: url('../img/icon_info.png')
}

nav.package .item span.icon.play {
    background-image: url('../img/icon_listen.png')
}

nav.package .item span.icon.stop {
    background-image: url('../img/icon_stop.png')
}

#artistcomment {
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, #fff),
        color-stop(100%, #dddcdb) )
}

#artistcomment:after {
    display: block;
    clear: both;
    content: ""
}

#artistcomment .artistcomment_in {
    float: left;
    padding: 10px
}

#artistcomment .list_detail {
    float: left;
    padding-left: 12px;
    width: 184px;
    text-align: left
}

#artistcomment .list_detail h3 {
    float: right;
    padding-bottom: 10px;
    width: 164px
}

#artistcomment .list_detail h3 .font_s {
    color: #454444;
    font-weight: normal;
    font-size: 75%
}

#artistcomment .list_detail p {
    float: left
}

#title_itemslist {
    display: block;
    margin-bottom: -2px;
    height: 26px;
    background-image: url("../img/bg_title2.png");
    background-position: left center;
    background-size: 2px 26px;
    background-repeat: repeat-x
}

#title_itemslist p {
    padding-left: 8px;
    color: #fff;
    text-align: left;
    text-shadow: 0 -1px 0 #b45700;
    font-weight: bold;
    line-height: 27px
}

#totalcoin {
    margin-bottom: -1px;
    width: 100%;
    height: 116px;
    background-image: url("../img/bg_totalcoin.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 116px
}

#totalcoin .font_b {
    font-size: 160%
}

#bt_rule {
    margin: 12px auto;
    padding: 10px 0;
    width: 296px;
    height: 31px;
    border: 1px solid #e1e0e0;
    -webkit-border-radius: 5px;
    background-color: #FDF1EC;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    text-align: center
}

.bt_rule_in {
    margin: 0 auto;
    width: 99px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #e2e1e1), color-stop(50%, #bababa),
        color-stop(100%, #d5d5d5) );
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    color: #3c3b3b;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    line-height: 28px
}

#buycoin {
    display: block;
    margin: 0 auto;
    padding: 1px;
    width: 296px;
    border: 1px solid #E6E6E6;
    -webkit-border-radius: 5px
}

#buycoin:after,.coinlist_in:after {
    display: block;
    clear: both;
    width: 100%;
    content: ""
}

.title_buycoin {
    position: relative;
    z-index: 2;
    -webkit-border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.title_buycoin a {
    padding: 10px;
    height: 31px;
    -webkit-border-radius: 5px;
    background: #E6E6E6 url("../img/arrow2.png") no-repeat 280px center;
    background-size: 7px auto;
    text-align: left;
    line-height: 31px
}

.title_buycoin a.expanded {
    border-bottom: 1px solid #C3C3C3;
    -webkit-border-radius: 5px 5px 0 0;
    background-image: url("../img/arrow4.png")
}

.title_buycoin a.hover {
    border: 1px solid #C1C1C1;
    background-color: #C1C1C1;
    -webkit-box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.3) inset
}

.coinlist {
    position: relative;
    z-index: 1;
    -webkit-border-radius: 0 0 5px 5px
}

.coinlist_in {
    padding: 10px 0;
    background-color: rgba(240, 240, 240, 1);
    text-align: center
}

#coinlist_in:after {
    display: block;
    clear: both;
    content: ""
}

.coinlist_in li {
    float: left;
    padding: 1px
}

.coinlist_in li a {
    clear: both;
    width: 95px;
    height: 82px;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent
}

.coinlist_in .coin100 a {
    background-image: url("../img/coin_base.png")
}

.coinlist_in .coin100 a.hover {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin100.match a {
    background-image: url("../img/coin/shortage/coin.png");
    background-size: 78px auto
}

.coin_buy {
    position: relative;
    top:19px;
    left: 0px;
    font-size: 21px;
    color:#ffffff;"
}

.coinlist_in .coin100.match a.hover {
    background-image: url("../img/coin/shortage/coin_on.png")
}

.coinlist_in .coin100.disabled a {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin200 a {
    background-image: url("../img/coin_base.png")
}

.coinlist_in .coin200 a.hover {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin200.match a {
    background-image: url("../img/coin/shortage/coin.png");
    background-size: 78px auto
}

.coinlist_in .coin200.match a.hover {
    background-image: url("../img/coin/shortage/coin_on.png")
}

.coinlist_in .coin200.disabled a {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin300 a {
    background-image: url("../img/coin_base.png")
}

.coinlist_in .coin300 a.hover {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin300.match a {
    background-image: url("../img/coin/shortage/coin.png");
    background-size: 78px auto
}

.coinlist_in .coin300.match a.hover {
    background-image: url("../img/coin/shortage/coin_on.png")
}

.coinlist_in .coin300.disabled a {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin500 a {
    background-image: url("../img/coin_base.png")
}

.coinlist_in .coin500 a.hover {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin500.match a {
    background-image: url("../img/coin/shortage/coin.png");
    background-size: 78px auto
}

.coinlist_in .coin500.match a.hover {
    background-image: url("../img/coin/shortage/coin_on.png")
}

.coinlist_in .coin500.disabled a {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin1000 a {
    background-image: url("../img/coin_base.png")
}

.coinlist_in .coin1000 a.hover {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin1000.match a {
    background-image: url("../img/coin/shortage/coin.png");
    background-size: 78px auto
}

.coinlist_in .coin1000.match a.hover {
    background-image: url("../img/coin/shortage/coin_on.png")
}

.coinlist_in .coin1000.disabled a {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin2000 a {
    background-image: url("../img/coin_base.png")
}

.coinlist_in .coin2000 a.hover {
    background-image: url("../img/coin_base_on.png")
}

.coinlist_in .coin2000.match a {
    background-image: url("../img/coin/shortage/coin.png");
    background-size: 78px auto
}

.coinlist_in .coin2000.match a.hover {
    background-image: url("../img/coin/shortage/coin_on.png")
}

.coinlist_in .coin2000.disabled a {
    background-image: url("../img/coin_base_on.png")
}

#tab_coin {
    display: block;
    margin-top: 12px;
    padding-bottom: 20px;
}

#tab_coin ul {
    letter-spacing: -.4em
}

#tab_coin li {
    display: inline-block;
    height: 27px;
    list-style: none;
    letter-spacing: normal;
    line-height: 27px;
}

#tab_coin a {
    margin: 0 2px;
    width: 99px;
    -webkit-border-radius: 4px;
    background: #818080;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(54, 55, 55, 0.6)
}

#tab_coin a.hover {
    border: 1px solid #e27918;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3511f),
        color-stop(100%, #e76533) );
    -webkit-box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.1) inset;
    color: #fff
}

#newapptitle {
    padding-left: 43px;
    width: 100%;
    height: 52px;
    background-image: url("../img/title_new.png");
    background-position: left center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    text-align: left;
    text-shadow: 0 -1px 0 #407e0a;
    font-weight: bold;
    font-size: 110%;
    line-height: 52px
}

.newapplist {
    position: relative;
    z-index: 0;
    margin-bottom: -2px;
    padding: 27px 12px 12px 10px;
    height: 133px;
    background-image: url("../img/bg_newlist.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: center;
    letter-spacing: -.40em;
    line-height: 8px
}

.newapplist li {
    display: inline-block;
    padding: 0 8px;
    list-style: none;
    letter-spacing: normal;
    font-size: 82%;
    width: 82px;
    vertical-align: top
}

.newapplist li a img{
    height: 65px;
    width:  65px;
}

.newapplist li a .title{
    height: 13px;
}

.newapplist li a .comment{
    font-weight: normal;
    line-height: 1.4em;
}

#status {
    position: relative;
    z-index: 1;
    float: left;
    margin-bottom: -2px;
    width: 100%;
    height: 40px;
    background-image: url("../img/bg_title3.png");
    background-position: left center;
    background-size: 2px auto;
    background-repeat: repeat-x;
    color: #fff;
    text-align: left;
    text-shadow: 0 -1px 0 #407e0a;
    font-weight: bold;
    font-size: 130%;
    line-height: 40px
}

#game_status {
    position: relative;
    z-index: 1;
    float: left;
    margin-bottom: -2px;
    width: 100%;
    height: 40px;
    background-image: url("../img/category_title2.png");
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    text-align: left;
    text-shadow: 0 -1px 0 #407e0a;
    font-weight: bold;
    font-size: 130%;
    line-height: 40px
}

#categorylist2 ul {
    padding-bottom: 5px
}

#categorylist2 li {
    margin: 10px 0;
    width: 296px;
    border: 1px solid rgba(231, 235, 223, 1);
    -webkit-border-radius: 5px
}

#categorylist2 li a {
    padding: 8px;
    width: 278px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background-color: rgba(231, 235, 223, 1);
    text-align: left
}

#categorylist2 img,#title_music img,#title_book img,#title_decomail img,#title_game img,#title_fortune img,#title_security img
    {
    padding-right: 15px
}

.count {
    float: right;
    padding-right: 24px;
    line-height: 59px
}

.mod_app_list_close .count {
    background: transparent url("../img/plus.png") no-repeat right center;
    background-size: 20px auto
}

.mod_app_list_open .count {
    background: transparent url("../img/minus.png") no-repeat right center;
    background-size: 20px auto
}

.arithmetic1 {
    float: right;
    width: 20px;
    height: 59px;
    background-image: url("../img/plus.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent;
    line-height: 59px
}

.arithmetic1.hover {
    float: right;
    width: 20px;
    height: 59px;
    background-image: url("../img/plus_on.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent;
    line-height: 59px
}

.arithmetic2 {
    float: right;
    width: 20px;
    height: 59px;
    background-image: url("../img/minus.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent;
    line-height: 59px
}

.arithmetic2.hover {
    float: right;
    width: 20px;
    height: 59px;
    background-image: url("../img/minus_on.png");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent;
    line-height: 59px
}

#title_music {
    position: relative;
    z-index: 2;
    margin: 5px 0 0;
    width: 296px;
    border-top: 1px solid #f0d5aa;
    border-right: 1px solid #f0d5aa;
    border-left: 1px solid #f0d5aa;
    -webkit-border-radius: 5px 5px 0 0
}

#title_music a {
    padding: 8px;
    width: 278px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #f0d5aa;
    border-left: 1px solid #fff;
    -webkit-border-radius: 5px 5px 0 0;
    background-color: #f5e8d6;
    text-align: left
}

.musiclist {
    position: relative;
    z-index: 1;
    margin: -1px auto 0;
    width: 296px;
}

.musiclist .historylist_new {
    padding: 10px;
    border-top: 1px solid #f0d5aa;
    background-image: url("../img/bg_new2.png");
    background-position: right top;
    background-size: 43px auto;
    background-repeat: no-repeat
}

.musiclist .arrow_n:before {
    content:"";
    background: url(../image/new023_02.png);
    background-repeat:no-repeat;
    position: absolute;
    width: 44px;
    height: 16px;
    top: 64px;
    left: 38px;
    background-size:contain;
}

.musiclist .arrow_c:before {
    content:"";
    background: url(../image/text031_02.png);
    background-repeat:no-repeat;
    position: absolute;
    width: 44px;
    height: 16px;
    top: 3px;
    left: 10px;
    background-size:contain;
}

.musiclist .historylist {
    position: relative;
    padding: 10px;
    background-size: 7px;
}

.musiclist .historylist_new .list_detail, .musiclist .historylist .list_detail {
    float: left;
    padding-left: 10px;
    width: 189px;
    text-align: left
}

.musiclist .historylist .list_detail {
    padding-left: 0;
}

.musiclist .list_detail img {
    float: left
}

.musiclist .title {
    font-size: 130%
}

.musiclist .outline {
    line-height: 15px
}

.music-heading-sub {
    clear: both;
    margin-top: -2px;
    padding: 10px 0 5px;
    width: 100%;
    background-color: #898886;
    color: #fff;
    text-align: left;
    text-indent: 10px
}

#play {
    width: 100%;
    height: 216px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #f5f5f5),
        color-stop(100%, #b2b1b1) )
}

.play_in {
    padding: 0 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#carousell {
    position: relative;
    overflow: hidden;
    height: 140px
}

#carousell-inner {
    position: absolute;
    width: 100%;
    height: 100%
}

#carousell-desc {
    position: relative
}

#cf-track-info {
    margin: 0 40px 6px;
    height: 80px;
    word-break: break-all;
    font-size: 9px;
    margin: 0 40px 0px;
}

#cf-track-name,#cf-artist-name,#cf-comment,#cf-coin {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#cf-track-name {
    font-weight: bold;
    font-size: 15px
}

#cf-artist-name,#cf-comment {
    font-size: 12px
}

.cf-btn {
    position: absolute;
    top: 0;
    float: none;
    width: 60px;
    height: 50px
}

#cf-btn-prev {
    left: 0
}

#cf-btn-next {
    right: 0
}

.cf-btn a {
    width: 60px;
    height: 50px;
    background-size: 27px auto;
    background-repeat: no-repeat;
    color: transparent
}

#cf-btn-prev a {
    float: left;
    background-image: url("../img/before.png");
    background-position: left top
}

#cf-btn-prev a.hover {
    background-image: url("../img/before_on.png")
}

#cf-btn-next a {
    float: right;
    background-image: url("../img/next.png");
    background-position: right top
}

#cf-btn-next a.hover {
    background-image: url("../img/next_on.png")
}

.more a {
    margin: 0 auto;
    width: 220px;
    height: 36px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 5px !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #e2e1e1), color-stop(50%, #bababa),
        color-stop(100%, #d5d5d5) );
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
    color: #3c3b3b;
    text-align: center !important;
    line-height: 36px
}

.more a.hover {
    background: #ebeaea;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    color: #908f8f
}

#tab_date {
    float: left;
    margin-top: 15px;
    padding-bottom: 2px;
    width: 100%;
    border-bottom: 5px solid #f6b66a
}

#tab_date ul {
    letter-spacing: -.4em
}

#tab_date li {
    display: inline-block;
    height: 29px;
    list-style: none;
    letter-spacing: normal;
    line-height: 29px
}

#tab_date a {
    margin: 0 2px;
    width: 124px;
    border: 1px solid #696a6a;
    -webkit-border-radius: 5px 5px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5a5a5),
        color-stop(100%, #616060) );
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(54, 55, 55, 0.6)
}

#tab_date a.hover {
    border: 1px solid #e27918;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed9e53),
        color-stop(100%, #f6b66a) );
    -webkit-box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.1) inset;
    color: #fff
}

.rankinglist {
    position: relative;
    z-index: 0;
    display: block;
    clear: both;
    padding-bottom: 4px;
    border-top: 1px solid #d1d1d0;
    text-align: left
}

.rankinglist_in,.rankinglist_in_etc {
    display: block;
    padding: 10px 10px 6px
}

.rank_no1 {
    background-color: #fcf3dc
}

.rank_no2 {
    background-color: #e9e8e6
}

.rank_no3 {
    background-color: #e9dfd4
}

.rank_last {
    margin-bottom: 15px;
    border-bottom: 1px solid #d1d1d0
}

.no01 {
    float: left;
    padding-top: 40px;
    width: 25px;
    height: 30px;
    background-image: url("../img/bg_1.png");
    background-position: center top;
    background-size: auto 71px;
    background-repeat: no-repeat
}

.no02 {
    float: left;
    padding-top: 23px;
    width: 25px;
    height: 48px;
    background-image: url("../img/bg_2.png");
    background-position: center top;
    background-size: auto 71px;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-weight: bold
}

.no03 {
    float: left;
    padding-top: 23px;
    width: 25px;
    height: 48px;
    background-image: url("../img/bg_3.png");
    background-position: center top;
    background-size: auto 71px;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-weight: bold
}

.etc {
    float: left;
    padding-top: 23px;
    width: 25px;
    height: 48px;
    background-color: #dcdada;
    color: #676565;
    text-align: center;
    font-weight: bold
}

footer {
    padding: 7px 0;
    width: 100%;
    background-color: #f5f5fa;
    color: #fff;
    text-align: center
}

footer>p {
    padding: 0 !important
}

#dialogue,#login_dialog,#need_standard_dialog {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #000;
    text-align: center
}

#login_dialog {
    display: none
}

#need_standard_dialog {
    display: none
}

.dialogue_v1,.dialogue_v2,.dialogue_v3,.dialogue_v4 {
    width: 270px;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    background-color: #dfdede
}

.dialogue_v1 p,.dialogue_v3 p,.dialogue_v4 p {
    float: left;
    padding: 20px 0;
    width: 100%
}

.dialogue_v2 p {
    position: relative;
    z-index: 1;
    float: left;
    padding: 20px 0;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #aeadad
}

.dialogue_title {
    float: left;
    padding: 12px 0;
    width: 100%;
    height: 31px;
    -webkit-border-radius: 5px 5px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea7042),
        color-stop(23%, #da4208), color-stop(100%, #aa3106) );
    color: #fff;
    line-height: 1.2
}

.dialogue_v2 .dialogue_title {
    position: relative;
    z-index: 2;
    margin-bottom: -1px
}

.dialogue_bt {
    float: left;
    padding: 5px 3px 0 4px;
    width: 264px;
    height: 42px;
    -webkit-border-radius: 0 0 5px 5px;
    background-color: #888787;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3) inset
}

.dialogue_v1 a,.dialogue_v2 a {
    float: left;
    margin: 0 2px;
    width: 125px;
    height: 35px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #fff), color-stop(50%, #eeecec),
        color-stop(100%, #fff) );
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    line-height: 35px
}

.dialogue_v1 a.hover,.dialogue_v2 a.hover {
    border: 1px solid #a4a4a4;
    background: #ebeaea;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    color: #908f8f;
    opacity: 0.5
}

.dialogue_v3 a {
    float: left;
    margin: 0 2px;
    width: 254px;
    height: 35px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #fff), color-stop(50%, #eeecec),
        color-stop(100%, #fff) );
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    line-height: 35px
}

.dialogue_v3 a.hover {
    border: 1px solid #a4a4a4;
    background: #ebeaea;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    color: #908f8f;
    opacity: 0.5
}

.dialoguearea1 {
    float: left;
    padding: 20px 27px 10px;
    width: 212px;
    text-align: left
}

.dialoguearea1 a {
    clear: both;
    margin: 10px auto 15px;
    width: 212px;
    height: 48px;
    background-image: url("../img/bt_member2.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent
}

.dialoguearea1 a.hover {
    background-image: url("../img/bt_member2_on.png")
}

.dialoguearea2 {
    float: left;
    padding: 10px 27px 20px;
    width: 212px;
    text-align: left
}

.dialoguearea2 a {
    clear: both;
    margin: 10px auto 15px;
    width: 212px;
    height: 48px;
    background-image: url("../img/bt_login.png");
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: transparent
}

.dialoguearea2 a.hover {
    background-image: url("../img/bt_login_on.png")
}

.dialogue_v4 .dialogue_bt a {
    float: left;
    margin: 0 2px;
    width: 254px;
    height: 35px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #fff), color-stop(50%, #eeecec),
        color-stop(100%, #fff) );
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    line-height: 35px
}

.dialogue_v4 .dialogue_bt a.hover {
    border: 1px solid #a4a4a4;
    background: #ebeaea;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    color: #908f8f;
    opacity: 0.5
}

header .pagetitle3 {
    float: left;
    width: 148px;
    height: 51px
}

header .pagetitle3 h2 {
    margin: 12px 11px;
    width: 126px;
    height: 27px;
    border: 1px solid #ea7e55;
    -webkit-border-radius: 3px;
    background-color: #a53208;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
    color: #fff;
    font-size: 110%;
    line-height: 27px
}

.b_nav {
    display: block;
    letter-spacing: -.40em;
    line-height: 1 !important
}

.b_nav li {
    display: table-cell;
    box-sizing: border-box;
    width: 100px;
    height: 44px;
    list-style: none;
    text-align: center;
    font-size: 80%
}

.b_nav .aboutentag {
    width: 120px;
    letter-spacing: -.1em;
    font-size: 8px !important
}

.b_nav .aboutcoin {
    border-right: none
}

.b_nav a {
    display: block;
    margin: 5px;
    height: 34px;
    color: #000;
    line-height: 34px
}

.b_nav a.hover {
    height: 32px;
}

.b_nav_on {
    display: block;
    border-bottom: 2px solid #ff9194;
    color: #fe4a5d !important;
}

.h_nav{
    background: #fcc770;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    text-align: left;
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

#help_entag,#help_coin {
    display: block;
    padding-left: 43px;
    height: 42px;
    background-image: url("../img/title_helpentag.png");
    background-position: left center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    text-align: left;
    text-shadow: 0 -1px 0 #a8300b;
    font-weight: bold;
    font-size: 12px;
    line-height: 57px
}

#help_coin {
    background-image: url("../img/title_helpcoin.png")
}

#select_r {
    display: block;
    padding-left: 15px;
    height: 40px;
    background-color: #fdf1ec;
    -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.13) inset;
    text-align: left;
    line-height: 40px
}

#pagenavi {
    display: block;
    clear: both;
    padding: 5px 4px;
    height: 33px;
    background-color: #888787;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3) inset
}

#pagenavi>div {
    display: table-cell;
    vertical-align: middle
}

.bt_in {
    width: 100%
}

.bt_in a {
    display: inline-block;
    margin: 0 4px;
    width: 114px;
    height: 31px;
    border: 1px solid #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #fff), color-stop(50%, #eee), color-stop(100%, #fff) )
        ;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    letter-spacing: -0.12em;
    font-weight: bold;
    font-size: 10px;
    line-height: 31px
}

.bt_in a.hover {
    border: 1px solid #a4a4a4;
    background: #ebeaea;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    color: #908f8f;
    opacity: 0.5
}

.bt_play_l2,.bt_play_r2 {
    width: 34px
}

.bt_play_l2 a,.bt_play_r2 a {
    width: 36px;
    height: 31px;
    background: transparent url("../img/before2.png") no-repeat center;
    background-size: 100% auto;
    color: transparent
}

.bt_play_r2 a {
    background-image: url("../img/next2.png")
}

.bt_play_l2 a.hover,.bt_play_r2 a.hover {
    background: transparent url("../img/before2_on.png") no-repeat center;
    background-size: 100% auto;
    color: transparent
}

.bt_play_r2 a.hover {
    background-image: url("../img/next2_on.png")
}

.menulist-section-header {
    margin-top: -2px;
    padding: 8px 0 5px 10px;
    width: 100%;
    background-color: #555;
    color: #fff;
    text-align: left
}

.menulist.musicstore {
    margin-bottom: 0;
    width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #E9DFD4
}

.menulist.musicstore li {
    padding: 10px 0 10px 20px;
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E9DFD4),
        to(#CBC3BB) );
    line-height: normal
}

.menulist.musicstore li:after {
    display: block;
    clear: right;
    content: ""
}

.menulist.musicstore li a {
    overflow: hidden;
    max-height: 31px;
    height: 31px;
    line-height: 31px
}

.search_body{
    height: 93px;
    width: 100%;
}

#music_menu {
    position: fixed;
    top: 0;
    left: 350px;
    z-index: 999;
    visibility: hidden;
    overflow: auto;
    width: 280px;
    height: 100%;
    border-left: 3px solid #666;
    background-color: #E9DFD4;
    -webkit-transition: left 0.5s ease-in-out
}

#music_menu_inner {
    position: relative
}

#music_menu_content {
    position: absolute !important;
    top: 40px;
    left: 0
}

.menuitem {
    margin-left: -4px;
    padding-left: 30px;
    max-height: 48px !important;
    height: 48px !important;
    background-color: transparent;
    background-position: left center;
    background-size: 22px;
    background-repeat: no-repeat;
    line-height: 48px !important
}

#mi-toppage {
    background-image: url("../img/music-menu-home.png")
}

#mi-pickup {
    background-image: url("../img/music-menu-pickup.png")
}

#mi-ranking {
    background-image: url("../img/music-menu-ranking.png")
}

#app-purchase-history-wrapper #list,#app-purchase-history-wrapper #k_list
    {
    display: block;
    float: none;
    box-sizing: border-box;
    padding: 0;
    width: 100%
}

#app-purchase-history-wrapper #list div.inner-wrapper,#app-purchase-history-wrapper #k_list div.inner-wrapper
    {
    padding: 15px 12px
}

#app-purchase-history-wrapper div.inner-wrapper:after,#app-purchase-history-wrapper div.inner-wrapper:after
    {
    display: block;
    clear: both;
    width: 100%;
    content: ""
}

#historylist.package {
    display: block
}

#historylist .historylist_in,#rankinglist .rankinglist_in,#historylist.shortcut .historylist_in,#historylist.package .historylist_in
    {
    float: none;
    clear: both;
    width: auto
}

#historylist .historylist_in:after,#rankinglist .rankinglist_in:after,#historylist.shortcut .historylist_in:after,#historylist.package .historylist_in:after
    {
    display: block;
    clear: both;
    content: ""
}

#historylist.shortcut .list_bt {
    float: right
}

#historylist.package .historylist_in {
    width: auto;
    height: auto
}

.layout-row {
    position: relative;
    display: table
}

.layout-row .list_number {
    display: table-cell;
    float: none !important;
    padding: 0;
    min-height: 0;
    width: 22px !important;
    height: auto;
    vertical-align: middle;
    text-align: center
}

.layout-row .list_photo {
    display: table-cell;
    float: none !important;
    width: 70px;
    vertical-align: top;
}

.layout-row .list_photo img {
    display: inline;
    vertical-align: middle;
}

.layout-row .list_detail {
    display: table-cell;
    float: none !important;
    padding: 0 0 5px;
    width: 280px;
    height: auto;
    vertical-align: top;
}

.error-heading {
    margin: 1em 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#error-message {
    margin: 2em auto 3em;
    width: 20em;
    text-align: left
}

#load-indicator {
    height: 30px;
    background: transparent url("../img/indicator.gif") no-repeat center;
    text-align: center
}

.accordion_head {
    display: block;
    clear: both !important;
    padding: 0 !important;
    background-image: url("../img/arrow2.png");
    background-position: 277px 0;
    background-size: 10px auto;
    background-repeat: no-repeat
}

.accordion_head.expanded {
    background-image: url("../img/arrow4.png")
}

.accordion_body {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.5s ease-in
}

.accordion_body ul {
    width: auto
}

.expanded .accordion_body {
    display: block;
    margin-bottom: 4px
}

.accordion_body ul,.accordion_body li:after {
    display: block;
    clear: both;
    content: ""
}

.list_detail .title,.list_detail .name,.list_detail .tie-up {
    overflow: hidden;
    max-width: 230px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis
}

#historylist.package .list_detail .title,#historylist.package .list_detail .name,#historylist.package .list_detail .tie-up
    {
    max-width: 280px
}

.rankinglist .list_detail .title,.rankinglist .list_detail .name,.rankinglist .list_detail .tie-up
    {
    max-width: 210px
}

.list_detail .title {
    font-weight: bold;
    font-size: 15px
}

#historylist.package div.package.accordion_child {
    margin: 6px 0 0
}

.search #historylist nav.package {
    margin-bottom: -4px
}

.drm-icon-placeholder {
    position: absolute;
    right: 0;
    bottom: 0
}

.drm-icon {
    margin: 0 2px;
    padding: 2px 6px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #555;
    color: #fff;
    font-size: 8px
}

.list_detail,.list_detail2 {
    position: relative
}

.cover-img {
    margin: 26px 0 16px;
    text-align: center
}

.cover-text {
    padding: 0 30px;
    text-align: left;
    font-size: 12px
}

.about-s {
    margin: 12px 0;
    padding: 0 20px;
    text-align: left
}

.about-s-text {
    padding: 8px 10px
}

.about-s h2 {
    margin: 8px 0;
    padding: 2px;
    background-color: #888;
    color: #fff;
    font-size: 110%
}

.about-s h3 {
    margin: 1em 0 0;
    font-weight: bold;
    font-size: 100%
}

button.btn-white {
    display: block;
    margin: 14px auto;
    padding: 16px 0;
    width: 260px;
    border: 1px solid #bbb;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: whitesmork;
    background-image: -webkit-linear-gradient(top, white, #e6e6e6);
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
        rgba(0, 0, 0, 0.05);
    text-align: center;
    font-weight: bold;
    font-size: 14px
}

.slidebox {
    margin: 2px 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slidebox-h {
    margin: 2px 20px;
    padding: 10px 8px;
    background-color: #9a9b93;
    background-image: url('../img/musicstore/about/arrow_w_b_01.png'),
        -webkit-linear-gradient(bottom, rgba(51, 51, 51, 0.4) 0%,
        rgb(154, 155, 147) 15% );
    background-position: right center, left top;
    background-origin: content-box, border-box;
    background-size: 26px, auto;
    background-repeat: no-repeat, repeat-x;
    color: #61625c;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.expand .slidebox-h {
    background-image: url('../img/musicstore/about/arrow_b_t_01.png'),
        -webkit-linear-gradient(top, rgba(51, 51, 51, 0.4) 0%,
        rgb(154, 155, 147) 15% )
}

.slidebox ol {
    overflow: hidden;
    margin: 0 10px;
    text-align: left;
    -webkit-transition: height 0.5s ease-out 0s
}

.note {
    margin-top: 8px;
    font-size: 80%
}

.slidebox ol li {
    margin: 8px 20px
}

.step-label {
    display: inline-block;
    margin: 8px 0;
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #333;
    color: #fff;
    font-weight: bold;
    font-size: 10px
}

.btn-glass-white {
    display: block;
    margin: 14px auto;
    padding: 8px 0;
    width: 280px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url('../img/btn-bg-white.png');
    background-size: auto 100%;
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 4px
        rgba(0, 0, 0, 0.2);
    text-align: center;
    font-weight: bold
}

.btn-glass-white-more {
    display: block;
    margin: 14px auto;
    padding: 8px 0;
    width: 70px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url('../img/btn-bg-white.png');
    background-size: auto 100%;
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 2px 4px
        rgba(0, 0, 0, 0.2);
    text-align: center;
    font-weight: bold
}

.btn-plain {
    margin: 10px 10px 30px;
    padding: 5px 10px;
    height: 30px;
    -webkit-border-radius: 13px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfcfc),
        to(#d0d0d1) );
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6);
    color: #57544e;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
    line-height: 30px
}

.s10 {
    width: 100px
}

.btn-holder {
    position: relative;
    width: 280px;
    height: 50px;
    margin: 20px auto
}

.btn-primary {
    position: absolute;
    top: 0;
    left: 0
}

.btn-secondary {
    position: absolute;
    top: 0;
    right: 0
}

.listview-plain {
    list-style-type: none;
    font-weight: bold;
    text-align: left;
    border-top: 1px solid #cbb
}

.listview-plain li {
    padding: 22px 16px;
    word-break: break-all;
    border-bottom: 1px solid #cbb
}

.listview-plain.list-arrow li {
    background: transparent url('../img/arrow1.png') no-repeat right center;
    background-size: 7px auto;
    background-origin: content-box
}

#music-loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    z-index: 900
}

 @charset "utf-8";

#main2_android .mainlist li {
    margin-right: 10px
}

#main .mainlist li {
    margin: 0 5px
}

header .logo {
    width: auto;
    padding:10px;
}

#bottom footer {
    padding: 7px 0;
    background-color: #f5f5fa;
    color: #fff
}

#bottom footer>p {
    border-top: 0
}

header {
    float: none
}

#top_member header {
    float: left
}

header .mod_right {
    float: right
}

#download_history {
    width: 70px
}

.bt_s4 {
    width: 142px;
    margin: 5px 10px;
    height: 30px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdfcfc),
        to(#d0d0d1) );
    -webkit-border-radius: 13px;
    padding: 0 5px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6)
}

.bt_s4 a {
    color: #57544e;
    text-shadow: 0 1px 1px #fff;
    line-height: 30px
}

.bt_s4_disable {
    width: 142px;
    margin: 5px 10px;
    height: 30px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d0d0d1),
        to(#d0d0d1) );
    -webkit-border-radius: 13px;
    padding: 0 5px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.6)
}

.bt_s4_disable a {
    color: #57544e;
    text-shadow: 0 1px 1px #fff;
    line-height: 30px
}

.mod_clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0
}

.mod_slider_parent {
    position: relative;
    height: 40px;
    overflow: hidden
}

.mod_slider {
    position: absolute;
    height: 100%;
    width: 100%;
    display: none
}

.mod_slider a {
    display: inline
}

#dialogue {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    z-index: 9999
}

.dialogue_v4 {
    margin-top: 50px;
    margin-bottom: 470px
}

#tab_coin .mod_store_tab_on {
    background: #ff9194;
    text-shadow: none;
}

.mod_app_list_close {
    width: 296px;
    border: solid 1px #F8CB70;
    overflow: hidden;
    margin-top: 1px;
}

.mod_app_list_close .list_close_head {
    background-color: #FFF9F1;
    line-height: 58px;
    display: block;
    text-align: left;
    padding-left: 15px;
    color: #e9a940;
    font-weight: bold;
}

.mod_app_list_close img,.mod_app_list_open img {
    padding-right: 15px
}

.mod_app_list_open {
    width: 296px;
    -webkit-border-radius: 5px 5px 0 0;
    border-top: solid 1px #f0d5aa;
    border-right: solid 1px #f0d5aa;
    border-left: solid 1px #f0d5aa;
    margin: 5px 0 0;
    position: relative;
    z-index: 2
}

.mod_app_list_open a {
    background-color: #FFF9F1;
    text-align: left;
    padding: 8px
}

.mod_app_list_close .arithmetic1 {
    background-image: url("../img/plus.png")
}

.mod_app_list_open .arithmetic1 {
    background-image: url("../img/minus.png")
}

.mod_dialogue_overlay,#login_dialog,#need_standard_dialog {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    display: none
}

.mod_dialogue_overlay #dialogue {
    position: fixed;
    top: 10%;
    background-color: rgba(0, 0, 0, 0);
    display: block
}

#historylist .list_detail img {
    float: none
}

#mod_newapptitle {
    font-weight: bold;
    xbackground-image: url("../img/title_new_trim1.png");
    background-image: url("../img/osusume_app_title.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: left;
    color: white;
    text-shadow: 0 -1px 0 #407E0A;
    font-size: 110%;
    padding-left: 43px
}

#mod_newgametitle {
    font-weight: bold;
    background-image: url("../img/osusume_game_title.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 52px;
    line-height: 52px;
    text-align: left;
    color: white;
    text-shadow: 0 -1px 0 #407E0A;
    font-size: 110%;
    padding-left: 43px
}

.more .mod_disabled {
    color: gray;
    background: #e2e1e1
}

.section_title{
    width:100%;background-color:#A6A6A6;margin-top:-3px;
}
.section_title_div{
    text-align:left;padding:5px 0 5px 10px;color:white;
}
.bg_android{
    background:#a4c639; color:#ffffff; width:5em; padding:2px 4px; text-align:center;
    float:left; margin-right:1.5em;
}
.bg_ios{
    background:#6c6c6c; color:#ffffff; width:5em; padding:2px 4px; text-align:center;
    float:left; margin-right:1.5em;
}
.line{
    border:1px solid #b3b3b3; margin: 6px 0;
}
.item_name{
    font-weight:bold; display:block; height:2.25em; width:16em; margin-top:2px; float:left;
}


#tab_coin_help {
    margin: 10px 0 0 0;
    padding: 0 0 20px 0;

}

#tab_coin_help ul {
    letter-spacing: -.4em
}

#tab_coin_help li {
    display: inline-block;
    height: 27px;
    list-style: none;
    letter-spacing: normal;
    line-height: 27px;
    float: left;
}

#tab_coin_help a {
    margin: 0 2px;
    width: 99px;
    -webkit-border-radius: 4px;
    background: #818080;
    color: #fff;
    text-align: center;
}

#tab_coin_help a.hover {
    border: 1px solid #e27918;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3511f),
        color-stop(100%, #e76533) );
    -webkit-box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.1) inset;
    color: #fff
}

#tab_coin_help .mod_store_tab_on {
    background: #ff9194;
    text-shadow: none
}

.tool_list_ttl_other {
    width: auto;
	height: 40px;
    background: url("../image/title_background.png") no-repeat;
    background-size: 100% auto;
}

.tool_list_ttl_other p {
    text-align: left;
    padding-top: 10px;
    padding-left: 50px;
    font-size: 14px;
    color: white;
}


/*キャンペーン詳細*/
#campain_detail{
    border-collapse: collapse; width: 83%;
    font-size: 85%;
    border: 1px solid #666;
}
#campain_detail .title{
    text-align: center; color: #fff; background-color: #666; padding: 6px 0px;
}
#campain_detail .campain{
    padding: 0.5em;border-bottom: 1px solid #666;border-right: 1px solid #666;background-color: #e7e7e7;
}
#campain_detail .detail{
    border-bottom: 1px solid #666;padding: 0.5em;
}
#campain_detail .campain_end{
    padding: 0.5em;border-right: 1px solid #666;background-color: #e7e7e7;
}
#campain_detail .detail_end{
    padding: 0.5em;
}


/*MUSICストア TOP*/
/*検索*/
#search_input{
    display: block;
    zoom: .5;
    background-color: #888787;
    padding-left: 16px;
}
#search_input form{
    height: 78px;
    background-color: transparent;
    display: block;
    background-image: url("../img/musicstore/top/search_input.png");
    background-repeat: no-repeat;
    text-align: left;
    line-height: 40px;
}
#search_input form input{
    background-color: transparent;
    xheight: 51px;
    width: 75%;
    xmargin-top: 16px;
    margin-left: 79px;
    border: none;
        font-size: 20px;

    height: 34px;
    margin-top: 27px;
}



.js-tabs ul.tab_menu{
  list-style-type:none;
  margin:0px;
  padding:0px;
  zoom: 0.522;
}
.js-tabs ul.tab_menu li{
  margin:0px;
  padding:2px;
}
.js-tabs .tab_menu li a{
  padding:3px;
}

.js-tabs .tab_menu{
  position:relative;
  height: 68px;
  top: 68px;
}

.js-tabs .tab_menu li#single a:link{
     display: block;
     text-indent: -9999em;
     height: 51px;
     width: 240px;
     left: 68px;
     top: -63px;
     position: absolute;
     background-color:none;
     z-index: 20;
}
.js-tabs .tab_menu li#video a:link{
     display: block;
     text-indent: -9999em;
     height: 51px;
     width: 240px;
     left: 270px;
     top: -51px;
     position: absolute;
     background-color:none;
     z-index: 20;
}

.js-tabs .tab_menu li#single a.active:link,
.js-tabs .tab_menu li#single a.active:visited{
  background:url("../img/musicstore/top/tab-single.png");
  width:100%;
  height:63px;
  padding-left:0;
  padding-right:0;
  z-index:0;
  margin-left: -68px;
}
.js-tabs .tab_menu li#video a.active:link,
.js-tabs .tab_menu li#video a.active:visited{
  background:url("../img/musicstore/top/tab-video.png");
  width:100%;
  height:63px;
  padding-left:0;
  padding-right:0;
  margin-top: -12px;
  z-index:0;
  margin-left: -270px;
}

/*デバイス別ダウンロード可否*/
.device_enb_list{
 float: right; margin-top: -18px; margin-right: -10px;
}



/*MUSICストア　artist*/
.artist_info{
    margin-top:13px;
}
.artist_image {
    display:block;
    float: left;
    width:30%;
    padding-left: 5px;
}
.artist_image img{
    width:100%;
}
.artist_content {
    float:left;
    width:62%;
    margin-top:8px;
    margin-left:0px;
    padding-left: 12px;
    margin-bottom: 10px;
}
.artist_name{
    text-align:left;
}
.artist_name p{
    font-size:16px;
    line-height:33px;
    height:33px;
    font-weight: bold;
}
.artist_name p img{
    margin-top:-10px;
    margin-right:10px;
}
.artist_comment{
    text-align : justify ;
    text-justify : distribute-all-lines ;
}
.clear{
    clear:both;
}
.artist_list_in{
    height:86px;
    display: block;
    padding: 10px 10px 6px
}
.new_icon{
    background:url("../img/musicstore/airtist/new_icon.png") no-repeat right top;
}
.artist_thumb_image{
    display:block;
    float: left;
    width: 74px;
    height: 84px;
    padding-left: 0px;
    text-align: center;
    min-height: 84px;
    line-height: 84px;
}
.layout-row .artist_thumb_image img {
    display: inline;
    vertical-align: middle;
    max-width: 64px;
    max-height: 64px;
}
.layout-row .artist_thumb_content {
    display: table-cell;
    float: none !important;
    padding: 0 0 5px 5px;
    width: 280px;
    height: auto;
    vertical-align: top;
    background-image: url("../img/musicstore/airtist/arrow_icon.png");
    background-repeat: no-repeat;
    background-position: right center;
}
.layout-row .artist_thumb_content .release_day img{
    height : 14px;
    width : 19px;
    margin-left:3px;
    margin-right:13px;
}
.package_name{
    padding-bottom:0px;
    font-size: 15px;
    font-weight: bold;
}
.package_name p{
    font-size:15px;
    font-weight: normal;
}.release_day p{
    font-size:13px;
    font-weight: normal;
}
.package_name img,
.release_day img{
    margin-right:10px;
    margin-top:-5px;
}

.artist_name{
    height: 3em;
    width: 177px;
    padding-top: 3px;
    background: url("../img/musicstore/package/artist_name_icon.png") no-repeat left top;
    background-size:16px 16px;
    background-position:4px 6px;
    padding-left: 28px;
    overflow: hidden;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
}
.artist_package_name{
    max-height: 3em;
    min-height: 2.25em;
    width: 177px;
    padding-top: 3px;
    background: url("../img/musicstore/airtist/package_icon.png") no-repeat 3px 0px;
    background-position:3px 3px;
    padding-left:33px;
    overflow:hidden;
    display: inline-block;
    font-weight: bold;
}

/*MUSICストア　package*/
#artistcomment .list_detail{
    padding-left: 6px;
}
#artistcomment .list_detail h3{
    float:none;
    width: 206px;
}
#artistcomment .list_detail span.font_s{
    display: inline-block;
    margin-bottom: 10px;
    width: 206px;
}
#artistcomment .list_detail img{
    height : 14px;
    width : 14px;
    margin-top: -4px;
    margin-left: 2px;
    margin-right: 6px;
}
#artistcomment .list_detail p{
    float:none;
}


.artist_package_name_package_id{
    font-weight: bold;
    max-height: 3em;
    min-height: 2.25em;
    width: 250px;
    padding-top: 3px;
    background: url("../img/musicstore/package/icon_circle.png") no-repeat 4px 0px;
    padding-left: 40px;
    overflow: hidden;
    display: inline-block;
    zoom: 0.65;
    font-size: 165%;
    margin-left: -4px;
}

.artist_name_package_package_id{
    height: 3em;
    width: 155px;
    padding-top: 0px;
    background: url("../img/musicstore/package/artist_name_icon.png") no-repeat left top;
    background-size:13px 13px;
    background-position:3pt 1pt;
    padding-left: 24px;
    overflow: hidden;
    display: inline-block;
    zoom: 1.00;
}

/*topページ - deily_chance*/
#deily_chance h2{
    text-align:left;
    background: url("../img/deily_chance/deily_chance_title.png") no-repeat left top;
    padding-left:95px;
    padding-top:6px;
    line-height:72px;
    color:#ffffff;
    font-weight:bold;
    display:block;
    zoom:0.59;
        font-size: 23px;
}
#deily_chance p{
    font-size:120%;
}
#deily_chance a{
    background: url("../img/deily_chance/member_button.png") no-repeat 50% 0%;
    color:#ffffff;
    font-weight:bold;
    font-size:120%;
    margin: 5px 10px 20px 10px;
    text-align:center;
    line-height:48px;
    display:block;
}


/*daily_chanceページ*/
#deily_chance_page{
    text-align:left;
    overflow:hidden;
}
#deily_chance_page .entag_party_slot_wrap{
    background: url("../img/deily_chance/base.png") no-repeat 50% -15%;
    zoom:0.75;
    padding-top:10px;
    padding-bottom:10px;
}
#deily_chance_page .entag_party_slot_wrap p{
    text-align:center;
    color:#FF0000;
    font-size:180%;
    font-weight:bold;
    margin-top: 0.6em;
    margin-bottom:0.2em;
}
#deily_chance_page .entag_party_slot_box{
    background: url("../img/deily_chance/slot_background.png") no-repeat left top;
    zoom:0.71;
    position:relative;
}
#deily_chance_page .entag_party_slot_parts ul{
    padding-top:33px;
    padding-left:21px;
}
#deily_chance_page .entag_party_slot_parts ul li{
    display:block;
    float:left;
    margin-right:27px;
    text-align:center;
}
#deily_chance_page .entag_party_slot_parts ul li span{
    margin-left:0.1em;
    font-size: 18px;
}
#deily_chance_page .entag_party_slot_parts_frame{
    position:relative;
    top:0px;
    left:25px;
    background:url("../img/deily_chance/slot_base.png") no-repeat left top;
    height:380px;
    width: 620px;
}
#deily_chance_page .entag_party_slot_parts_frame img{
    position:relative;
    top:52px;
    left:44px;
}
#deily_chance_page .entag_party_slot_parts .play_btn{
    margin-top:-40px;
    margin-left:170px;
}
#deily_chance_page .entag_party_slot_parts .credit{
    /*position:relative;*/
    /*top:-69px;*/
    /*left:260px;*/
    position:absolute;
    top: 530px;
    left: 560px;
    font-size: 300%;
    color:#FF0000;
}
#deily_chance_page h2{
    background: url("../img/deily_chance/title_bgimage.png") no-repeat left top;
    padding-left:24px;
    line-height:40px;
    color:#ffffff;
    font-size: 14px;
    font-weight:bold;
    margin-bottom:0.6em;
}
#deily_chance_page ul{
    line-height:1.6;
    margin-left:24px;
    margin-bottom:1.0em;
    font-size: 14px;
}
#deily_chance_page .title{
    display:block;
    float:left;
    width:10em;
}
#deily_chance_page #content{
    width:100%;
}
#deily_chance_page #content #more{
    float:right;
    margin: 1em;
    padding: 4px 7px;
    font-size: 12px;
    font-weight:bold;
    text-align: center;
}

.entag_party_slot_parts_frame .viewport {
    width: 511px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
    position: relative;
    top: 51px;
    left: -11px;
}

.entag_party_slot_parts_frame .flipsnap {
    /*width: 30900px; /* 320px(item width) * 101(item count) */
    display: flex;
    display: -webkit-flex;
    padding-left: 102px;
    float: left;
    white-space: nowrap;
    /*-webkit-filter: grayscale(100%);*/
}

.entag_party_slot_parts_frame .item {
    float: left;
    width: 300px;
    height: 200px;
    /*padding: 50px 0;*/
    background: #EFEFEF;
    /*border: 5px solid #999;*/
    color: #666;
}

#deily_chance_page .item img {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 300px;
    height: 200px;
}

.entag_party_slot_parts_frame #slot_shadow {
    background-color: transparent;
    position: absolute;
    width: 511px;
    height: 200px;
    box-shadow: 100px 0 100px -50px rgba(0,0,0,0.5) inset, -100px 0 100px -50px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 100px 0 100px -50px rgba(0,0,0,0.5) inset, -100px 0 100px -50px rgba(0,0,0,0.5) inset;
    pointer-events: none;
}

/*MUSICストア TOP-特集コーナー*/
.music_special_list_wrap {
    padding: 0px;
    width: 100%;
    text-align: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
}
.music_special_list {
    width: 98%;
    margin-top: 12px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    xborder-bottom-width: 1px;
    xborder-bottom-style: solid;
    xborder-bottom-color: #d1d1d0;
    xpadding-top: 0px;
    padding-right: 0px;
    xpadding-bottom: 9px;
    padding-left: 0px;
    height:103px;

    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d1d1d0;
    padding-top: 9px;
    margin-top: -2px;
}
.music_special_list img {
    float: left;
    width: 130px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 8px;

    width:41.5%;
}
.music_special_list p{
        font-weight: normal;
        display: block;
        max-width:320px;
        min-width:160px;
    height:103px;
        font-size:14px;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.ellipsis.multiline {
    white-space: normal;
}
.clear{
    clear:both;
}

/*MUSICストア-特集一覧ページ*/
#musicstore_feature {
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: left;
}
#musicstore_feature .feature_title {
    background-color: #d63f06;
    color: #FFF;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    font-weight: bold;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 13px;
}
#musicstore_feature .feature_list {
    width: 100%;
    font-weight: bold;
}
#musicstore_feature .feature_list_title {
    background-color: #888787;
    color: #FFF;
    padding-left: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#musicstore_feature .feature_list_contents {
    padding: 13px;
}
#musicstore_feature .feature_list_contents img {
    margin-bottom: 13px;
    width: 310px;
}

/*MUSICストア-特集詳細ページ*/
.feature_comment{
    font-weight: normal;
}
.featurelist_in{
    display: block;
    padding: 10px 10px 0px;
    border-top: 1px solid #d1d1d0;
}
.featurelist_in .list_photo {
    /*
    overflow: hidden;
    width: 64px;
    */
    height: 110px !important;
}

.featurelist_in .list_photo .cut{
    /*
    position: relative;
    overflow: hidden;
    height: 64px;
    xwidth: 64px;
    */
}
.featurelist_in .list_photo .cut .cut_image{
    /*
    display: block;
    position: absolute;
    height: 75px;
    left: -5.5px;
    top: -5.5px;
    */
    xmax-width: 64px;
    xheight: auto;
}

#musicstore_feature .list_detail {
    font-size: 15px;
    font-weight: normal;
    position: relative;
    top: -10px;
}
#musicstore_feature .list_detail .TrackPackageLink{

}
#musicstore_feature .list_detail .title,
#musicstore_feature .list_detail .name,
#musicstore_feature .list_detail .tie-up,
#musicstore_feature .list_detail .price
 {
    max-width: 210px;
    display: block;

        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis
        white-space: nowrap;
}
#musicstore_feature .list_detail .name,
#musicstore_feature .list_detail .tie-up,
#musicstore_feature .list_detail .price
{
        padding:5px 0px 0px 0px;
        font-size:85%;
}
#musicstore_feature .list_detail .tie-up img{
        margin:0px 5px 0px 8px;
    height: 20px;
    width: 20px;
}
#musicstore_feature .list_detail .title img{
        float:left;
}
#musicstore_feature .list_detail .title .Track_Package_name{
        margin:6px 0px 0px 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis
        white-space: nowrap;
}
#musicstore_feature .list_detail .name,
#musicstore_feature .list_detail .tie-up,
#musicstore_feature .list_detail .price{
    font-weight: normal;
}
#musicstore_feature .list_detail .comment {
    max-width: 210px;
    padding-left: 106px;
    padding-top: 5px;
    display:block;
    font-weight: normal;
        font-size:85%;
}
#musicstore_feature .clear{
    clear:both;
}
#musicstore_feature .comment2 {
    padding-left: 13px;
    border-top: 1px dotted #d1d1d0;
}
#musicstore_feature .pageTop {
    text-align: right;
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 3px;
    padding-left: 0px;
}
#musicstore_feature .pageTop a{
    font-weight:normal;
}
#musicstore_feature .pageTop a span{
    font-size:8px;
    color: #888787;
    padding-left: 0.1em;
    vertical-align: middle;
    line-height:1.5em;
    height: 15px;
    display: block;
    width: 15px;
    float: right;
}

/*コイン増量キャンペーン*/
#cancel_hub{
    padding: 10px 0px 0px 0px;
    text-align: center;
    overflow:hidden;
}
#cancel_hub p.note {
    margin-top: 8px;
    color: #F00;
    font-weight: bold;
    font-size: 14px;
    margin-bottom:8px;
}
#cancel_hub .coin_increase{
    margin-left:85px;
    width:55%;
}
#cancel_hub .point-box{
    color:#cc0000;
    margin: 0em auto 1em;
    text-align: center;
    padding: 10px 0px 10px 0px;
}
#cancel_hub .point-box .value{
    vertical-align: initial;
    font-size:50px;
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 3px;

}
#cancel_hub .length_coin{
    font-size:12px;
    xmargin-left:0.5em;
    margin-left: -113px;
}
#cancel_hub .cs-line{
    border-top:4px solid #898886;
}
#cancel_hub .cs-note{
    padding-top:8px;
    margin-bottom: 16px;
    font-size: 100%;
    text-align: left;
}
#cancel_hub .cs-header{
    height: 25px;
    vertical-align: middle;
    width: 100%;
    text-align: left;
    font-size: 1.2em;
    margin-top: 20px;
    background-color: #87cefa;
    color: #ffffff;
    font-weight: bold;
    padding-top: 6px;
}
#cancel_hub #bottom {
    background-image: none;
}
#cancel_hub #bottom aside {
    margin: 20px 20px 20px 20px;
    padding: 10px 10px 0px 10px;
    -webkit-border-radius: 20px;
    background-color: rgba(188, 181, 167, 0.3);
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    text-align: left
}
#cancel_hub h3{
    margin-top:6px;
}
#cancel_hub .hub-btn_wrap{
    margin-top: 20px;
}
#cancel_hub .hub-btn{
    width: 75%;
    margin: 0 auto;
}

.gamestore_dialoguearea {
    float: left;
    padding: 20px 27px 10px;
    width: 212px;
    text-align: left
}

.gamestore_dialoguearea a {
    float: left;
    margin: 0 2px;
    width: 202px;
    height: 35px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #fff), color-stop(50%, #eeecec),
        color-stop(100%, #fff) );
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    line-height: 35px
}

.gamestore_dialoguearea a.hover {
    border: 1px solid #a4a4a4;
    background: #ebeaea;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    color: #908f8f;
    opacity: 0.5
}

/*ダウンロード済みアプリ-もっと見る-
  MUSICストアRANKING
  MUSICストア特集
     追加分 ここから
  */
.rankinglist_block {
    height: 150px;
    width: 105px;
    float: left;
    display: block;
    clear: none;
    padding:0px 0px 0px 4px;
    margin: 0;
    overflow: hidden;
}
.rankinglist_in_block{
    padding:10px 0px 6px 8px;
}
.list_detail_block{
    position:absolute;
    top:80px;
    left:-8px;
    max-width: 105px;
}
.rankinglist_in_packagelink{
    float:left;
    height:70px;
    width:95px;
}
ul.mainlist li#more{
    padding-bottom: 0px;
    padding-top: 20px;
    clear: both;
    width: 67%;
    display: block;
    height: 45px;
    float: right;
}
.more_button{
    float:right;
    margin-right:8px;
    margin-bottom:10px;
    clear: both;
}
#loading {
  display: none;
  position:absolute;
  top: 40px;
  left: 50%;
}
/*ダウンロード済みアプリ-もっと見る-
  MUSICストアRANKING
  MUSICストア特集
     追加分 ここまで
*/

.dialogue_select_bt {
    float: left;
    padding: 5px 3px 0 4px;
    width: 264px;
    height: 42px;
    /* -webkit-border-radius: 0 0 5px 5px; */
    background-color: #888787;
    /* -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3) inset */
}
.dialogue_v4 .dialogue_select_bt a {
    float: left;
    margin: 0 2px;
    width: 125px;
    height: 35px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #fff), color-stop(50%, #eeecec),
        color-stop(100%, #fff) );
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    line-height: 35px
}
.dialogue_v4 .dialogue_select_bt a.hover {
    border: 1px solid #a4a4a4;
    background: #ebeaea;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    color: #908f8f;
    opacity: 0.5
}

.dialogue_cancel_bt {
    float: left;
    padding: 1px 3px 0 4px;
    width: 264px;
    height: 42px;
    -webkit-border-radius: 0 0 5px 5px;
    background-color: #888787;
    /* -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3) inset */
}
.dialogue_v4 .dialogue_cancel_bt a {
    float: left;
    margin: 0 2px;
    width: 256px;
    height: 35px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
        color-stop(50%, #fff), color-stop(50%, #eeecec),
        color-stop(100%, #fff) );
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.13);
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    line-height: 35px
}
.dialogue_v4 .dialogue_cancel_bt a.hover {
    border: 1px solid #a4a4a4;
    background: #ebeaea;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
    color: #908f8f;
    opacity: 0.5
}
#textarea .apk dt {
    float: left;
    clear: left;
    width: 76px
}

#textarea .apk dd {
    float: center;
    width: 80%
}

.banner-image{
	width:315px;
	margin-top:15px;
}

.section-banner{
    height:25px; 
    vertical-align:middle;
    width:100%;
    text-align:left;
    font-size:1.2em;
    background-color:#78FF94;
    color:#ffffff;
    font-weight:bold;
    padding-top:6px
}

.menu_btn.btn_close {
    background: url("../img/new_icon/btn_close.png") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-size: 50%;
    background-position: center;
}

.etpt_bnr {
    position: relative;
}

.etpt_bnr_close {
    position: absolute;
    height: 23px;
    width: 23px;
    margin-left: 8.5px;
    margin-top: 13px;
    z-index: 9999;
}

#get_history{
   -webkit-appearance: none;
   border-radius: 10px;
   height: 30px;
   width: 45px;
}