/* ::::: http://www.emimusic.jp/dancemania/css/clearfix.css ::::: */

.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix {  }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* ::::: http://www.emimusic.jp/dancemania/css/reset.css ::::: */

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset { margin: 0pt; padding: 0pt; color: rgb(104, 104, 104); font-family: Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif; line-height: 1; }
*:first-child + html * { font-family: Meiryo,"メイリオ",sans-serif; }
* html * { font-family: Meiryo,"メイリオ",sans-serif; }
table { border-collapse: collapse; border-spacing: 0pt; }

/* ::::: http://www.emimusic.jp/dancemania/css/common.css ::::: */

* { margin: 0pt; padding: 0pt; }
body { background-image: url('bg.jpg'); }
ul, li, dl, dt, dd { list-style-type: none; list-style-image: none; list-style-position: outside; }
p { margin: 0px; padding: 0px; }
img { border: medium none ; }
a { overflow: hidden; }
a:link { color: rgb(204, 255, 0); }
a:visited { color: rgb(204, 255, 0); text-decoration: none; }
a:hover, a:focus, a:active { color: rgb(0, 204, 255); text-decoration: underline; }
.logo { position: absolute; left: -9999px; }
#contents { width: 760px; margin-right: auto; margin-left: auto; clear: both; position: relative; }
#contents #head { width: 760px; height: 100px; background-image: url('bg_head.jpg'); background-repeat: no-repeat; background-position: 0 0; margin-right: auto; margin-left: auto; clear: both; position: relative; }
#head #left { float: left; height: 100px; width: 350px; position: relative; clear: left; }
#head #right { float: right; height: 100px; width: 295px; clear: right; padding-right: 10px; }
#head li#btn_logo { width: 350px; height: 85px; left: 0px; top: 0px; text-indent: -9999px; }
#head li#btn_logo a { width: 350px; height: 85px; display: block; text-decoration: none; }
#right #navi { position: relative; display: block; width: 295px; height: 18px; background-image: url('btn_head.gif'); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; top: 40px; }
li#navi1 { position: absolute; width: 55px; height: 18px; text-indent: -9999px; }
li#navi2 { position: absolute; width: 80px; height: 18px; text-indent: -9999px; }
li#navi3 { position: absolute; width: 160px; height: 18px; text-indent: -9999px; }
li#navi1 a { display: block; width: 55px; height: 18px; text-decoration: none; }
li#navi2 a { display: block; width: 80px; height: 18px; text-decoration: none; }
li#navi3 a { display: block; width: 160px; height: 18px; text-decoration: none; }
li#navi1 { left: 0px; }
li#navi2 { left: 55px; }
li#navi3 { left: 135px; }
li#navi1 a:hover { background-image: url('btn_head.gif'); background-repeat: no-repeat; background-position: 0px -18px; }
li#navi2 a:hover { background-image: url('btn_head.gif'); background-repeat: no-repeat; background-position: -55px -18px; }
li#navi3 a:hover { background-image: url('btn_head.gif'); background-repeat: no-repeat; background-position: -135px -18px; }
#M-contents { width: 760px; position: relative; background-repeat: repeat-y; text-align: center; clear: both; margin-right: auto; margin-left: auto; background-color: rgb(0, 0, 0); }
#M-contents table { margin-left: auto; margin-right: auto; }
.bgtotop { width: 740px; text-align: right; font-size: 11px; line-height: 1.5em; color: rgb(255, 255, 255); margin-right: 5px; margin-bottom: 10px; padding-top: 10px; }
.pagetop { text-align: right; height: 20px; width: 760px; background-color: rgb(0, 0, 0); vertical-align: top; padding-top: 10px; }
.p10_pagetop { font-size: 10px; padding-right: 10px; }
#footer { width: 760px; margin-right: auto; margin-left: auto; text-align: center; background-color: rgb(0, 0, 0); height: 30px; clear: both; }
#footer p { color: rgb(255, 255, 255); font-size: x-small; padding-bottom: 20px; padding-top: 10px; position: relative; }
#footer a:link { color: rgb(204, 255, 0); }
#footer a:visited { color: rgb(204, 255, 0); text-decoration: none; }
#footer a:hover, a:focus, a:active { color: rgb(0, 255, 255); text-decoration: underline; }

/* ::::: http://www.emimusic.jp/dancemania/css/dancemania.css ::::: */

#ttl_dancemania { width: 760px; height: 35px; background-image: url('bg_ttl_dancemania.jpg'); background-repeat: no-repeat; background-position: 0 0; margin-right: auto; margin-left: auto; }
#ttl_dancemania h2#ttl_series { float: left; text-indent: -9999px; }
#ttl_dancemania #btn_trance { position: relative; width: 240px; height: 15px; top: 10px; background-image: url('btn_2nd_trance.gif'); background-repeat: no-repeat; background-position: 0 0; float: right; margin-right: 4px; }
li#btn_trance1 { position: absolute; width: 240px; height: 15px; text-indent: -9999px; }
li#btn_trance1 a { display: block; width: 240px; height: 15px; text-decoration: none; }
li#btn_trance1 { left: 0px; }
li#btn_trance1 a:hover { background-image: url('btn_2nd_trance.gif'); background-repeat: no-repeat; background-position: 0px -15px; }
p.cd_ttl { font-size: 18px; font-weight: bold; color: rgb(0, 204, 255); }
p.catch { font-size: 14px; font-style: italic; line-height: 1.5em; color: rgb(51, 51, 51); font-weight: bold; padding-top: 4px; padding-bottom: 4px; }
p.hatubai { font-size: 14px; line-height: 1.5em; color: rgb(0, 204, 255); font-weight: bold; }
p.price { font-size: 14px; color: rgb(0, 0, 0); margin-top: 3px; margin-bottom: 3px; }
#dancemania_pickup td a:link { color: rgb(0, 204, 255); text-decoration: none; font-weight: bold; }
#dancemania_pickup td a:hover { color: rgb(0, 153, 255); text-decoration: none; font-weight: bold; }
#dancemania_pickup td a:visited { color: rgb(0, 204, 255); text-decoration: underline; font-weight: bold; }
#dancemania_pickup { width: 760px; background-image: url('pickup_bg_001.jpg'); background-repeat: repeat-y; background-position: 0 0; text-align: center; margin-right: auto; margin-left: auto; }
#dancemania_pickup h3#ttl_pickup { background-image: url('pickup_ttl_001.jpg'); background-repeat: no-repeat; height: 30px; width: 760px; text-indent: -9999px; }
#dancemania_pickup #bottom_pickup { background-image: url('pickup_bottom_001.jpg'); background-repeat: no-repeat; height: 15px; width: 760px; }
#dancemania_pickup td { text-align: left; vertical-align: top; }
#dancemania_pickup table { margin-bottom: 8px; margin-top: 5px; margin-left: 15px; }
p#dancemania_ttl_release { background-image: url('ttl_release_001.jpg'); background-repeat: no-repeat; height: 30px; width: 760px; text-indent: -9999px; }
#btn_ttl_release { width: 745px; text-align: left; margin-bottom: 15px; margin-left: 5px; }
#btn_ttl_release a:link { font-size: 10px; color: rgb(255, 255, 255); text-decoration: none; }
#btn_ttl_release a:hover { font-size: 10px; color: rgb(0, 255, 255); text-decoration: underline; }
#btn_ttl_release a:visited { font-size: 10px; color: rgb(255, 255, 255); text-decoration: none; }
#release { margin: 0px; padding: 0px; background-color: rgb(0, 0, 0); background-repeat: repeat-y; width: 760px; }
#release a:link { color: rgb(255, 255, 255); text-decoration: none; }
#release a:hover { color: rgb(0, 255, 255); text-decoration: none; }
#release a:visited { color: rgb(255, 255, 255); text-decoration: none; }
#release table { margin-left: 15px; }
.disc_ttl { font-size: 12px; line-height: 1.5em; color: rgb(255, 255, 255); width: 745px; text-align: left; margin-left: 7px; padding-top: 7px; padding-bottom: 7px; }
.sttl { padding: 5px; background-color: rgb(141, 164, 170); font-size: 11px; color: rgb(255, 255, 255); font-weight: bold; margin-left: 7px; margin-bottom: 7px; margin-top: 7px; text-align: center; width: 140px; float: left; clear: both; }
.disc_sttl { font-size: 12px; line-height: 1.5em; color: rgb(255, 255, 255); width: 745px; text-align: left; margin-left: 7px; margin-bottom: 7px; float: left; clear: both; }
#release table { clear: both; margin-top: 15px; }
#release td { text-align: left; }
#release td a:link { font-size: 11px; color: rgb(0, 255, 255); text-decoration: none; }
#release td a:hover { font-size: 11px; color: rgb(204, 255, 0); text-decoration: none; }
#release td a:visited { font-size: 11px; color: rgb(0, 255, 255); text-decoration: none; }
#release p { margin: 0px; padding: 0px; }
#release td p.cdttl { font-size: 11px; line-height: 1.2em; font-weight: bold; color: rgb(255, 255, 255); padding-top: 7px; padding-bottom: 7px; position: relative; }
#ttl_release01 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_01_001.jpg'); background-repeat: no-repeat; height: 35px; }
#ttl_release02 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_02_001.jpg'); background-repeat: no-repeat; height: 35px; }
#ttl_release03 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_03_001.jpg'); background-repeat: no-repeat; height: 35px; }
#ttl_release04 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_04_001.jpg'); background-repeat: no-repeat; height: 35px; }
#ttl_release05 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_05.jpg'); background-repeat: no-repeat; height: 35px; }
#ttl_release06 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_06.jpg'); background-repeat: no-repeat; height: 35px; }
#ttl_release07 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_07.jpg'); background-repeat: no-repeat; height: 35px; }
#ttl_release08 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_08.jpg'); background-repeat: no-repeat; height: 35px; }
#ttl_release00 { text-indent: -9999px; width: 760px; background-image: url('ttl_release_00.jpg'); background-repeat: no-repeat; height: 35px; }
#disc { background-image: url('disc_frame_02_001.jpg'); width: 760px; background-repeat: repeat-y; margin-right: auto; margin-left: auto; text-align: center; }
#disc #frame_01 { background-image: url('disc_frame_01_001.jpg'); height: 15px; width: 760px; background-repeat: no-repeat; }
#ttl_tracklist { background-image: url('ttl_tracklist_001.jpg'); background-repeat: repeat-y; height: 45px; width: 760px; text-align: left; }
#ttl_tracklist #btn_release_all { position: relative; display: block; width: 135px; height: 14px; background-image: url('btn_releaseall_001.gif'); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; left: 150px; top: 14px; }
li#btn_release_all { position: absolute; width: 135px; height: 14px; text-indent: -9999px; }
li#btn_release_all a { display: block; width: 135px; height: 14px; text-decoration: none; }
li#btn_release_all { left: 0px; }
li#btn_release_all a:hover { background-image: url('btn_releaseall_001.gif'); background-repeat: no-repeat; background-position: 0px -14px; }
#disc table { margin-bottom: 8px; margin-top: 5px; margin-left: 15px; }
#disc td { vertical-align: top; text-align: left; }
#tracklist { background-color: rgb(255, 255, 255); background-repeat: repeat-y; width: 760px; text-align: center; padding-bottom: 15px; }
p.tracklist { font-size: 12px; line-height: 1.5em; color: rgb(0, 153, 255); text-align: left; font-weight: bold; padding-top: 5px; padding-left: 25px; padding-right: 25px; }
p.j_tracklist { font-size: small; line-height: 1.2em; color: rgb(102, 102, 102); text-align: left; padding-top: 5px; padding-left: 50px; padding-right: 25px; }
.dot { background-image: url('dot_001.jpg'); background-repeat: no-repeat; height: 20px; width: 760px; }

/* ::::: http://www.emimusic.jp/dancemania/css/stinavi.css ::::: */

#stinavi { border-bottom: 1px solid rgb(153, 153, 153); background: rgb(255, 255, 255) none repeat; width: 100%; height: 25px; }
#stinavibox { margin: auto; width: 820px; height: 25px; text-align: center; }
#stinavi p#stitop, #stinavi ul, #stinavi li { margin: 0pt; padding: 0pt; }
#stinavi p#stitop { background: transparent url('logo.gif') no-repeat scroll 0pt 5px; width: 250px; height: 25px; float: left; }
#stinavi p#stitop a { width: 100%; height: 100%; display: block; text-decoration: none; }
#stinavi p#stitop span { display: none; }
#stinavi ul { margin: 3px 0pt 0pt; background: transparent url('stinavi.gif') no-repeat; float: right; width: 540px; height: 20px; font-size: 10px; list-style-type: none; }
#stinavi li { float: left; height: 20px; width: 105px; }
#stinavi li.stinavi2 { width: 125px; }
#stinavi li.stinavi5 { width: 100px; }
#stinavi li a { display: block; width: 100%; height: 20px; }
#stinavi li a span { position: absolute; left: -9999px; }
#stinavi li.stinavi1 a:hover { background: transparent url('stinavi.gif') no-repeat scroll 0pt -20px; }
#stinavi li.stinavi2 a:hover { background: transparent url('stinavi.gif') no-repeat scroll -105px -20px; }
#stinavi li.stinavi3 a:hover { background: transparent url('stinavi.gif') no-repeat scroll -230px -20px; }
#stinavi li.stinavi4 a:hover { background: transparent url('stinavi.gif') no-repeat scroll -335px -20px; }
#stinavi li.stinavi5 a:hover { background: transparent url('stinavi.gif') no-repeat scroll -440px -20px; }