/* ############################################################ * ■アーティスト特集 ページ固有スタイル * ------ * 【★履歴】------ * ・2007/06/13 新規ひながた 渡辺 * ############################################################ */ /* 【お約束】id,class の指定は必ず先頭に『#contentMain 』をつけて指定すること！ * (共通ヘッダ、フッタ、左メニューに影響をあたえないようにするため) */ /* ------------------------------------------------------------ * ▼コンテンツメイン * ------------------------------------------------------------ */ #contentMain { background:#000000 repeat-y; } /* 背景画像 */ /* 文字の設定(色、フォント、大きさ) */ #contentMain h1, #contentMain h2, #contentMain h3, #contentMain h4, #contentMain h5, #contentMain h6 { color:#fff; } /* 文字色 */ #contentMain p, #contentMain li { color:#fff; } /* 文字色 */ #contentMain .TrackList /* TrackListは文字の大きさを変更しないこと！ */ { color:#fff; } /* 文字色 */ #contentMain .JkTitle /* ジャケタイトルは文字の大きさを変更しないこと！ */ { color:#fff; } /* 文字色 */ /*ディスクエリア文字色*/ #contentMain #discArea .JkTitle /* TrackListは文字の大きさを変更しないこと！ */ { color:#fff; } /* 文字色 */ #contentMain #discArea .TrackList, #contentMain #discArea .JkRelease, #contentMain #discArea .JkKakaku /* ジャケタイトルは文字の大きさを変更しないこと！ */ { color:#fff; } /* 文字色 */ /*ディスクエリアリンク文字色*/ #contentMain #discArea .TrackList a, #contentMain #discArea .JkTitle a { color:#bbefbc; } #contentMain #discArea .TrackList a:visited, #contentMain #discArea .JkTitle a:visited { color:#bfb14e; } #contentMain #discArea .TrackList a:hover, #contentMain #discArea .JkTitle a:hover { color:#d95fac; } /*ディスクエリア文字色*/ #contentMain .JkRelease, /* ジャケリリース年、ジャケ価格は文字の大きさを変更しないこと！ */ #contentMain .JkKakaku, #contentMain .Comment { color:#fff; } /* 文字色 */ /* リンク */ #contentMain a { color:#bbefbc; } #contentMain a:visited { color:#bfb14e; } #contentMain a:hover { color:#d95fac; } /* TrackList */ #contentMain .TrackList .Shichou { background-image:url("/img/campaign/kaera/iconShichou01.gif"); } /* 試聴アイコン画像 */ /* TrackList */ #contentMain #discArea .TrackList .Shichou { background-image:url("/img/campaign/kaera/iconShichou02.gif"); } /* 試聴アイコン画像 */ #contentMain #coverArea .TrackList .Shichou { background-image:url("/img/campaign/kaera/iconShichou03.gif"); } /* LinkList */ #contentMain .LinkList li { background-image:url("/img/campaign/kaera/arrow01.gif"); } /* 矢印画像 */ /* ページTOPへ */ #contentMain .GoToPageTop { margin:0 12px 20px 0; text-align:right; } /* 重要・注釈テキスト */ #contentMain .Juyou { color:#fff; } /* -------------------------------------------------------- * ▼コンテンツメイン トップ部分 * -------------------------------------------------------- */ #contentMain #contentMainTop { position:relative; background:url("/img/campaign/kaera/bg_cnttMainTop.jpg") no-repeat; /* 背景画像 */ height:462px; /* 高さ調節 */ } #contentMain #pankuzu a { color:#bbefbc; } #contentMain #pankuzu a:visited { color:#bfb14e; } #contentMain #pankuzu a:hover { color:#d95fac; } /* 【★ぱんくず】------ */ #contentMain #pankuzu { color:#fff; margin:0 0 0 5px; } /* 文字色 */ /* 【★ページ内ナビ】------ */ #contentMain #pageNavi { margin:0; } #contentMain #pageNavi li img { vertical-align:bottom; } #contentMain #naviDisc { position:absolute; /* 位置調節 */ top:261px; left:0px; /* 位置調節 */ } /* -------------------------------------------------------- * ▼コンテンツメイン 本体 * -------------------------------------------------------- */ #contentMain #contentMainBody { margin:0; padding:0; background:url("/img/campaign/kaera/bg_cnttMainBody.jpg") repeat-y; /* 背景画像 */ } /* 【★コンテンツメイン本体内の大枠=章(チャプター) * (本文 + 右リスト枠、Discography枠、関連アーティスト枠など)】------ */ #contentMain #contentMainBody .Chapter { margin:0 12px 10px; width:559px; } /* ------------------------------------------------------------ * ▼本文 + 右リスト枠 * ------------------------------------------------------------ */ #contentMain #honbunAndRightListArea { padding-top:25px; } /* ------------------------------------------------------------ * ▼本文枠 * ------------------------------------------------------------ */ #contentMain #honbunArea { } #contentMain #honbunArea p { color:#f4dcdc; /* 文字色 */ font-size:12px !important; line-height:22px !important; /* 行間調節 18px〜22pxのあいだ */ } #contentMain #honbunArea p a { color:#bbefbc; } #contentMain #honbunArea p a:visited { color:#bfb14e; } #contentMain #honbunArea p a:hover { color:#d95fac; } /* ------------------------------------------------------------ * ▼右リスト枠 * ------------------------------------------------------------ */ #contentMain #rightListArea { float:right; margin:0 0 10px 10px; background:url("/img/campaign/kaera/bg_trackListJk01.gif") repeat-y; /* 背景画像 */ } /* リンク */ #contentMain #rightListArea a { color:#bbefbc; } #contentMain #rightListArea a:visited { color:#bfb14e; } #contentMain #rightListArea a:hover { color:#d95fac; } /* 【★章(チャプタ)内の中枠=節、セクション * (トラックリスト枠、スペシャルコメント枠、インフォメーション枠、リンクス枠など)】------ */ #contentMain #rightListArea .Section { margin:0; } #contentMain #rightListArea .Section .Body { /*background:url("/img/campaign/kaera/bg_rightListArea.gif") repeat-y;*/ } /* 背景画像 */ #contentMain #rightListArea .Section .Btm /* last */ { background:url("/img/campaign/kaera/bg_rightListAreaBtm.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } /* TrackList */ #contentMain #rightListArea .TrackList { width:243px; } /* 幅(TrackList全体) */ #contentMain #rightListArea .TrackList dd { width:223px; } /* トラック名の幅(TrackList全体から20px引いた数) */ /* LinkList */ #contentMain #rightListArea .LinkList { width:243px; } /* 幅調節 */ /* 【★トラックリスト枠】------ */ #contentMain #trackListArea { } /* ジャケ枠 */ #contentMain #trackListArea .JkArea01 { background:url("/img/campaign/kaera/bg_trackListJk01.gif") repeat-y; /* 背景画像 */ height:124px; /* 高さ調節 */ } #contentMain #trackListArea .CatchText { font-size:1px; height: 0px; overflow: hidden; width: 0px; } /* 【★スペシャルコメント枠】------ */ #contentMain #commentArea { } /* 【★リンクス枠】------ */ #contentMain #linksArea { } #contentMain .AlbumList { padding-left:10px; } /* ------------------------------------------------------------ * ▼Discography枠 * ------------------------------------------------------------ */ #contentMain #discArea { background:url("/img/campaign/kaera/bg_disc01.gif") repeat-y; } /* 背景画像 */ #contentMain #discArea .Btm { background:url("/img/campaign/kaera/bg_disc01Btm.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } /* ジャケ枠 */ /* ※必要であればジャケ枠の高さ調整をする。 * そのときclass名を『JkArea01』から『JkArea02』などに変更し、 * 任意の部分だけの高さ調整をする */ /* #contentMain #discArea .JkArea02 { height:300px; } */ #contentMain #coverArea { background:url("/img/campaign/kaera/bg_disc.gif") repeat-y; } /* 背景画像 */ #contentMain #coverArea .Btm { background:url("/img/campaign/kaera/bg_discBtm.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* 【★Discgraphy枠 1カラム】------ */ #contentMain #discArea .UnitDisc1CAl01, #contentMain #discArea .UnitDisc1CAl02, #contentMain #discArea .UnitDisc1CSi01, #contentMain #discArea .UnitDisc1CSi02 { background:url("/img/campaign/kaera/bg_unitDisc1C.gif") repeat-y; } /* 背景画像 */ #contentMain #discArea .UnitDisc1CAl01 .Top, #contentMain #discArea .UnitDisc1CAl02 .Top, #contentMain #discArea .UnitDisc1CSi01 .Top, #contentMain #discArea .UnitDisc1CSi02 .Top { background:url("/img/campaign/kaera/bg_unitDisc1CTop.gif") no-repeat left top; /* 背景画像(上部分) */ font-size:1px; line-height:0; height:23px; /* 高さ調節 */ } #contentMain #discArea .UnitDisc1CAl01 .Btm, #contentMain #discArea .UnitDisc1CAl02 .Btm, #contentMain #discArea .UnitDisc1CSi01 .Btm, #contentMain #discArea .UnitDisc1CSi02 .Btm { background:url("/img/campaign/kaera/bg_unitDisc1CBtm.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #contentMain #relArtiArea { background:url("/img/campaign/kaera/bg_disc.gif") repeat-y; } /* 背景画像 */ #contentMain #relArtiArea .Btm { background:url("/img/campaign/kaera/bg_discBtm.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:16px; /* 高さ調節 */ } #contentMain #discArea .UnitDisc1CAl01 .BgUpper {background:url(/img/campaign/kaera/bg_unitUpper1C.gif); background-position:left top; background-repeat:no-repeat;} #contentMain #discArea .UnitDisc1CAl01 .Shichou { background-image:url("/img/campaign/kaera/iconShichou02.gif"); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* 【★Discgraphy枠 色別カラム　試聴アイコン】------ */ #contentMain .UnitDisc2CSi02 .AreaA .TrackList .Shichou { background-image:url("/img/campaign/kaera/iconShichou03.gif"); } #contentMain .UnitDisc2CSi02 .AreaB .TrackList .Shichou { background-image:url("/img/campaign/kaera/iconShichou04.gif"); } #contentMain .UnitDisc2CSi03 .AreaC .TrackList .Shichou { background-image:url("/img/campaign/kaera/iconShichou05.gif"); } #contentMain .UnitDisc2CSi03 .AreaD .TrackList .Shichou { background-image:url("/img/campaign/kaera/iconShichou06.gif"); } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #contentMain #relArtiArea .UnitRelArti1C01, #contentMain #relArtiArea .UnitRelArti1C02 { background:url("/img/campaign/kaera/bg_unitDisc1CM.gif") repeat-y; } #contentMain #relArtiArea .UnitRelArti1C01 .Top { background:url("/img/campaign/kaera/bg_unitDisc1CTop.gif") no-repeat left top; } #contentMain #relArtiArea .UnitRelArti1C01 .Btm, #contentMain #relArtiArea .UnitRelArti1C02 .Btm { background:url("/img/campaign/kaera/bg_unitDisc1CBtm.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:14px; /* 高さ調節 */ } #contentMain #discArea .UnitDisc2CAl, #contentMain #discArea .UnitDisc2CSi01, #contentMain #coverArea .UnitDisc2CSi02 { background:url("/img/campaign/kaera/bg_unitDisc2C.gif") repeat-y; } /* 背景画像 */ #contentMain #coverArea .UnitDisc2CSi03 { background:url("/img/campaign/kaera/heart_haikei.gif") repeat-y; } #contentMain #discArea .UnitDisc2CAl .Top, #contentMain #discArea .UnitDisc2CSi01 .Top, #contentMain #coverArea .UnitDisc2CSi02 .Top { background:url("/img/campaign/kaera/bg_unitDisc2CTop.gif") no-repeat left top; /* 背景画像(上部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } #contentMain #coverArea .UnitDisc2CSi03 .Top { background:url("/img/campaign/kaera/bg_unitDisc3CTop.gif") no-repeat left top; /* 背景画像(上部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } #contentMain #discArea .UnitDisc2CAl .Btm, #contentMain #discArea .UnitDisc2CSi01 .Btm, #contentMain #coverArea .UnitDisc2CSi02 .Btm { background:url("/img/campaign/kaera/bg_unitDisc2CBtm.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } #contentMain #coverArea .UnitDisc2CSi03 .Btm { background:url("/img/campaign/kaera/bg_unitDisc3CBtm.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } #contentMain #discArea .UnitDisc2CAlSpe, #contentMain #discArea .UnitDisc2CSi01Spe, #contentMain #discArea .UnitDisc2CSi02Spe { background:url("/img/campaign/kaera/bg_unitDisc2C.gif") repeat-y; } /* 背景画像 */ #contentMain #discArea .UnitDisc2CAlSpe .Top, #contentMain #discArea .UnitDisc2CSi01Spe .Top, #contentMain #discArea .UnitDisc2CSi02Spe .Top { background:url("/img/campaign/kaera/bg_unitDisc2CTop02.gif") no-repeat left top; /* 背景画像(上部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } #contentMain #discArea .UnitDisc2CAlSpe .Btm, #contentMain #discArea .UnitDisc2CSi01Spe .Btm, #contentMain #discArea .UnitDisc2CSi02Spe .Btm { background:url("/img/campaign/kaera/bg_unitDisc2CBtm02.gif") no-repeat left bottom; /* 背景画像(下部分) */ font-size:1px; line-height:0; height:11px; /* 高さ調節 */ } /* -------------------------------------------------------- * ▼コンテンツメイン ボトム部分 * -------------------------------------------------------- */ #contentMain #contentMainBtm { height:42px; }