@charset "Shift_JIS";

/*
---------------------------------------------------------------
リニューアル用　CSS
---------------------------------------------------------------*/

@import url(/_css/default.css);
@import url(/_css/layout.css);
@import url(/_css/header_footer.css);
@import url(/_css/navi.css);

/* CONTENTS以下
---------------------------------------------------- */
/* ----- toptable ----- */

table#toptable {
    margin: 0 auto;
    width: 780px;
    border-collapse: collapse;
}
table#toptable td {
    background: #FFF;
    vertical-align: top;
    border: 8px #000 solid;
}
table#toptable td#back_none {/* --banner部分-- */
    background: #000;
    text-align: center;
} 
table#toptable td#back_none img {/* --banner部分-- */
    margin-top: 5px;
} 
table#toptable p {
    margin: 5px;
}
table#toptable p.topCaps {
    text-indent: 20px;
    font-weight: bold;
    color: #C00;
    background: url(/common/images/mark01.gif) no-repeat 0 0; 
}
table#toptable p img.img-cont {/* --画像枠-- */
    margin: 0 5px 5px 0;
    border: 1px #999 solid;
}
table#toptable col#col01 { width: 237px; }
table#toptable col#col02 { width: 264px; }
table#toptable col#col03 { width: 264px; }

table#toptable table#login td {
    border: none;
    padding: 3px;
    vertical-align: middle;
}

/* --log in-- */
table#login p {
    margin: 0;
}
.login_size{
    width: 150px;
    height: 16px;
}

/* --whats-- */
ul#whats {
    margin: 5px;
}
ul#whats li {
    padding: 5px 0;
    text-indent: 15px;
    border-bottom: 3px #999 dotted;
    background: url(/common/images/listmark01.gif) no-repeat 2px 12px;
    list-style: none;
}
/* --news-- */
dl#news {
    margin: 5px;
}
dl#news dd {
    border-bottom: 3px #999 dotted;
}
/* --discography-- */
.jacket {
    width: 100px;
}

/* ----- menuBtn ----- */

h2 { height: 29px; }
h2 span {
    position: absolute;
    left: -9999px;
}
#menuBtn01,#menuBtn04,
#menuBtn01 a,#menuBtn04 a {
    width: 237px;
}
#menuBtn02,#menuBtn03,
#menuBtn05,#menuBtn06,
#menuBtn07,#menuBtn08,
#menuBtn09,#menuBtn10,
#menuBtn11,
#menuBtn02 a,#menuBtn03 a,
#menuBtn05 a,#menuBtn06 a,
#menuBtn07 a,#menuBtn08 a,
#menuBtn09 a,#menuBtn10 a,
#menuBtn11 a, {
    width: 264px;
}
#menuBtn01 a,#menuBtn03 a,
#menuBtn02 a,#menuBtn04 a,
#menuBtn05 a,#menuBtn06 a,
#menuBtn07 a,#menuBtn08 a,
#menuBtn09 a,#menuBtn10 a,
#menuBtn11 a {
    display: block;
    text-decoration: none;
    height: 29px;
}
#menuBtn01 { background: url(/images/top/btn_login.gif) no-repeat 0 0; }
#menuBtn02 { background: url(/images/top/btn_whats.gif) no-repeat 0 0; }
#menuBtn03 { background: url(/images/top/btn_news.gif) no-repeat 0 0; }
#menuBtn04 { background: url(/images/top/btn_discography.gif) no-repeat 0 0; }
#menuBtn05 { background: url(/images/top/btn_from.gif) no-repeat 0 0; }
#menuBtn06 { background: url(/images/top/btn_event.gif) no-repeat 0 0; }
#menuBtn07 { background: url(/images/top/btn_staff.gif) no-repeat 0 0; }
#menuBtn08 { background: url(/images/top/btn_sp.gif) no-repeat 0 0; }
#menuBtn09 { background: url(/images/top/btn_fanclub.gif) no-repeat 0 0; }
#menuBtn10 { background: url(/images/top/btn_profile.gif) no-repeat 0 0; }
#menuBtn11 { background: url(/images/top/btn_history.gif) no-repeat 0 0; }

#menuBtn01 a:hover { background: url(/images/top/btn_login_on.gif) no-repeat 0 0; }
#menuBtn02 a:hover { background: url(/images/top/btn_whats_on.gif) no-repeat 0 0; }
#menuBtn03 a:hover { background: url(/images/top/btn_news_on.gif) no-repeat 0 0; }
#menuBtn04 a:hover { background: url(/images/top/btn_discography_on.gif) no-repeat 0 0; }
#menuBtn05 a:hover { background: url(/images/top/btn_from_on.gif) no-repeat 0 0; }
#menuBtn06 a:hover { background: url(/images/top/btn_event_on.gif) no-repeat 0 0; }
#menuBtn07 a:hover { background: url(/images/top/btn_staff_on.gif) no-repeat 0 0; }
#menuBtn08 a:hover { background: url(/images/top/btn_sp_on.gif) no-repeat 0 0; }
#menuBtn09 a:hover { background: url(/images/top/btn_fanclub_on.gif) no-repeat 0 0; }
#menuBtn10 a:hover { background: url(/images/top/btn_profile_on.gif) no-repeat 0 0; }
#menuBtn11 a:hover { background: url(/images/top/btn_history_on.gif) no-repeat 0 0; }




/* -----下部バナー部分----- */
#banner img { width: 536px; }
#bottom-banner {
    text-align: center;
}
#bottom-banner img {
    margin: 5px 1px;
}