@charset "UTF-8";

/*********************
 * Created : Jul 23, 2008
 * Last update : Feb 02, 2010
 ********************/

body {
    font-family: "HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3", Verdana, Geneva, Arial, Helvetica, "ＭＳ　ゴシック", sans-serif;
    font-size: 12px;
    color: #FFF;
    text-align: center;
    background: #FFF;
}

a {
    color: #99CCFF;
}

div#mainWrapContainer {
    position: relative;
    height: 500px;
    width: 750px;
    margin: 20px auto 5px auto;
    background: url("../images/background2.jpg");
    background-repeat: no-repeat;
}

/***************************************
 * 縦メニュー
 ***************************************/

div#verticalContainer {
    position: absolute;
    left: 566px;
    height: 500px;
    width: 184px;
    text-align: left;
    background: #FFF;
}

div#verticalContainer h1 {
    position: absolute;
    top: 40px;
    height: 100px;
    width: 184px;
    padding: 0px;
    margin: 0px;
    text-indent: -9999px;
    background: url("../images/siteID.png");
    background-repeat: no-repeat;
}

div#verticalContainer h1 a {
    height: 100px;
    width: 184px;
    overflow: hidden;
    display: block;
}

div#verticalContainer ul {
    position: absolute;
    top: 166px;
    padding: 0px;
    margin: 0px;
}

div#verticalContainer ul li {
    list-style: none;
}

div#verticalContainer #menuBox a {
    width: 184px;
    margin-bottom: 17px;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
    background: url("../images/menu.png");
    background-repeat: no-repeat;
}

div#verticalContainer #menuBox #profile {
    height: 35px;
    background-position: 0px 0px;
}

div#verticalContainer #menuBox #schedule {
    height: 26px;
    background-position: 0px -45px;
}

div#verticalContainer #menuBox #discography {
    height: 33px;
    background-position: 0px -81px;
}

div#verticalContainer #menuBox #gallery {
    height: 28px;
    background-position: 0px -124px;
}

div#verticalContainer #menuBox #ticket {
    height: 18px;
    background-position: 0px -162px;
}

div#verticalContainer #menuBox #bbs {
    background-position: 0px -192px;
}

div#verticalContainer #menuBox #link {
    height: 19px;
    background-position: 0px -190px;
}

div#verticalContainer #menuBox #mail {
    height: 20px;
    background-position: 0px -219px;
}

/***************************************
 * トップページニュース
 ***************************************/

ul#newsBox {
    position: absolute;
    left: 10px;
    top: 371px;
    height: 98px;
    width: 528px;
    padding: 10px;
    margin: 0px;
    overflow: auto;
    line-height: 150%;
    text-align: left;
    background: url("../images/bg_news.png");
    behavior: expression(IEPNGFIX.fix(this));
}

ul#newsBox li {
    list-style: none;
}

/***************************************
 * common list
 **************************************/

.dlList {
    padding: 0px;
    margin: 0px;
}

.dlList dt {
    padding-bottom: 3px;
    border-bottom: 1px solid #CCC;
}

.dlList dd {
    padding: 0px;
    margin: 3px 0px 20px 0px;
}

.dlList object {
    vertical-align: middle;
}

/***************************************
 * form parts
 **************************************/

input.long, input.medium, input.short {
    padding: 3px;
    border: 1px solid #CCC;
}

input.long {
    width: 300px;
}

input.medium {
    width: 150px;
}

input.short {
    width: 100px;
}

textarea.long, textarea.medium, textarea.short {
    padding: 3px;
    border: 1px solid #CCC;
}

textarea.long {
    width: 300px;
}

textarea.medium {
    width: 150px;
}

textarea.short {
    width: 100px;
}

/***************************************
 * table form
 **************************************/

table.tblForm {
    margin-bottom: 10px;
}

table.tblForm th, table.tblForm td {
    padding: 3px;
}

table.disco {
    float: left;
}

/***************************************
 * profile
 **************************************/

div#profileBox {
    text-align: center;
}

/***************************************
 * common container
 **************************************/

div#commonContainer {
    position: absolute;
    left: 10px;
    top: 20px;
    height: 440px;
    width: 526px;
    padding: 10px;
    margin: 0px;
    overflow: auto;
    line-height: 150%;
    text-align: left;
    background: url("../images/bg_news.png");
 behavior: expression(IEPNGFIX.fix(this));
}

/* profile */
table#profileTbl {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

table#profileTbl th, table#profileTbl td {
    padding: 3px;
    border: none;
    text-align: center;
}

table#profileTbl th {
    width: 25%;
    text-align: center;
}

div#footer {
    width: 750px;
    padding: 3px;
    margin: 0px auto;
    font-size: 11px;
    color: #666;
    text-align: right;
}

/***************************************
 * schedule
 **************************************/

.scheduleBox {
    margin-bottom: 20px;
}

.scheduleBox .date {
    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid #CCC;
}

/***************************************
 * profile
 **************************************/

div#profilePic {
    height: 273px;
    width: 442px;
    background-image: url("../images/profile/member.png");
    background-repeat: no-repeat;
    behavior: expression(IEPNGFIX.fix(this));
}

/***************************************
 * wallpaper
 ***************************************/

.wallpaperBox {
    margin-bottom: 10px;
}

.wallpaperBox {
    zoom: 100%;
}

.wallpaperBox:after {
    clear: both;
    display: block;
    content: "";
}

.wallpaperBoxInner {
    float: left;
    width: 49%;
    text-align: center;
}

.wallpaperBoxInner dl {
    padding: 0px;
    margin: 0px;
}

.wallpaperBoxInner dt {
    padding: 0px;
    margin: 0px;
}

.wallpaperBoxInner dd {
    padding: 0px;
    margin: 0px;
}

.wallpaperBoxInner img {
    padding: 0px;
    margin: 0px;
    border: 1px solid #666;
    vertical-align: bottom;
}

h3.pageTitle {
    padding-bottom: 3px;
    border-bottom: 1px solid #666;
    font-size: 12px;
}

/***************************************
 * page title
 **************************************/

/* 一括設定 */
h2#ttl-profile, h2#ttl-schedule, h2#ttl-discography,
h2#ttl-ticket, h2#ttl-bbs, h2#ttl-link, h2#ttl-mail,
h2#ttl-extra, h2#ttl-gallery {
    height: 18px;
    width: 158px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    behavior: expression(IEPNGFIX.fix(this));
}

/* 個別設定 */
h2#ttl-profile {
    background-image: url("../images/title/ttl_profile.png");
}

h2#ttl-schedule {
    background-image: url("../images/title/ttl_schedule.png");
}

h2#ttl-discography {
    background-image: url("../images/title/ttl_discography.png");
}

h2#ttl-gallery {
    background-image: url("../images/title/ttl_gallery.png");
}

h2#ttl-ticket {
    background-image: url("../images/title/ttl_ticket.png");
}

h2#ttl-bbs {
    background-image: url("../images/title/ttl_bbs.png");
}

h2#ttl-link {
    background-image: url("../images/title/ttl_link.png");
}

h2#ttl-mail {
    background-image: url("../images/title/ttl_mail.png");
}

h2#ttl-extra {
    background-image: url("../images/title/ttl_extra.png");
}

/***************************************
 * discography
 **************************************/

div.discoBox {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #666;
}

div.discoBox:after {
    clear: both;
    display: block;
    content: "";
}

div.discoBox img {
    float: left;
    margin-right: 10px;
    border: 1px solid #000;
}

div.discoBox dl {
    float: left;
    padding: 0px;
    margin: 0px;
}

div.discoBox dl dt, div.discoBox dl dd {
    padding: 0px;
    margin: 0px;
}

div.discoBox dl dt {
    font-weight: bold;
}

div.discoBox dl dd {
/* tmp */
}