body {
    /* background-color: black; */
    background: url(../images/disco_back.jpg) no-repeat fixed;
    background-size: 100% auto;
    color: #e9e8eb;
}

/* 左側ナビゲーション */
/* 全体レイアウトボックス */
div.navi {
    clear: both;
    position: fixed;
    left: 6%;
    /* bottom: 15%;　/* 固定してるため、bottomを設定しないと高さちょっと小さいウィンドウ枠の中では下の部分見えなくなります */
    top: 20%;
    float: left;
    width: 15%;
}
/* 大見出し */
h1 {
    /* font-family: '游明朝', 'Yu Mincho', 'ＭＳ 明朝', 'MS Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro'; */
    font-family: 'Blackadder ITC', 'Monotype Corsiva', 'Luminari', 'Noteworthy', 'arial narrow'; /* 少しインパクト欲しいので、ちょっと可愛いフォントを選んだ */
    text-align: left;
    font-size: 37px;
}
/* 大見出し下の区切り線 */
hr.navi {
    width: 215px;
    margin-bottom: 15px;
}

/* 区切り線下の小文字 */
p.navi {
	padding-bottom: 15%;
  font-size: 16px;
	line-height: 1.3em;
}
/* 箇条書きリンク */
li.navi {
    list-style-type: none;
    text-align: center;
	  padding: 2px 0;
}
a.navi {
    display: block;
    color: #e9e8eb;
    text-decoration: none;
    border: solid 1px #e9e8eb;
    margin: 10% 0;
}

/* 右側作品紹介 */
/* 全体レイアウトボックス */
div#text {
    float: right;
    width: 65%;
    margin-right: 9%;
    margin-top: 50px;
    padding-bottom: 80px;
}
/* 動画コラム */
.video {
    float: left;
    margin: 30px;
}
/* 作品情報の表 */
table {
    margin: 23px 23px 23px 0;
}
/* タイトルを大文字にする */
th {
    text-align: left;
    font-size: 20px;
}
/* 具体的な情報は小文字且つ薄い色で表示 */
td {
    font-size: 14px;
    color: #828282;
    padding-top: 5px;
}
/* 幅の比較的大きいウィンドウでも項目のセルが自動改行させないため幅を設定 */
td.cell {
    width: 80px;
}
/* 少し見やすくするためにタイアップ曲名を太字で表示 */
em {
    font-weight: bold;
}
/* 作品間の薄細い区切り線 */
hr.long {
    clear: both;
    border: solid 0.5px #828282;
}

/* アルバムページ */
/* 小見出し */
h2 {
    margin: 40px auto 0 30px;
    border-left: solid 10px #dc7ea9;
    padding-left: 10px;
}
/* 一番上の注意メッセージ */
p#attention {
    margin-left: 30px;
}



/* DVDページ */
/* 動画部分は左右コラムで表示 */
div.dvd {
    float: left;
    width: 50%;
    /* margin-right: 5px; */
    /* margin-left: 50px; */
    /* overflow: auto; */
}

/* ２作だけなので文字を少し大きめにする */
th.dvd {
    font-size: 25px;
}
td.dvd {
    font-size: 17px;
}

/* 作品情報tableの項目の幅を揃えるように */
td.item {
    width: 70px;
}

/* 動画の間のスペースを少し広げる */
iframe.dvd {
    margin-left: 10px;
}
/* 動画下の曲とコメント */
p.title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
}
p.comment {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 20px;
    font-size: 17px;
}
/* 一番上のスペースを少なめにする */
table.dvd {
    margin-top: 0;
}