* {
margin : 0;
padding : 0;
}

body {
text-align : center;
background : #CC0000 url("http://image.onpoo.net/www/img/bg.png") center top repeat-y ;
}

body div {
text-align : left;
margin : 0 auto;
}

/*--------------- 書体設定 --------------- */
h2.title, .title, .artist, .rate, .date, .album, .genre, .publisher {
font-family : ヒラギノPro W3, arial, helvetica, verdana, sans-serif;
}

/*--------------- 文字指定 --------------- */
.bold {
font-weight : bold;
}

p {
margin : 0px;
}

.h2_main {
font-size : small;
margin : 0px;
}

.h3_main {
font-size : x-small;
margin : 0px;
}

.txt {
font-size : x-small;
line-height : 1.4;
}

/*--------------- リンクテキスト設定 --------------- */
a 			{ color: #006699; text-decoration: none; }
a:link		{ color: #006699; text-decoration: none; }
a:visited	{ color: #669999; text-decoration: none; }
a:active	{ color: #EEEEEE; text-decoration: underline; }
a:hover		{ color: #CC0000; text-decoration: underline; }

.button_txtlink {
float : right;
border : 1px solid #CC0000;
margin-left : 10px;
padding : 4px;
background : #EEFFFF;
}


/*--------------- imgの枠設定 --------------- */
img {
border : 0px;
}

#container {
width : 720px;
background : #FFFFFF;
}


#home {
clear : both;
width : 720px;
}

#left {
text-align:left;
float : left;
width : 520px;
background : #FFFFFF;
}

#right {
text-align:left;
margin-left : 520px;
width : 190px;
background : #FFFFFF;
}

#footer {
clear : both;
width : 720px;
border-top : 1px dotted #CCCCCC;
}


#player_banner {
margin : 5px;
}

table.searchtable, table.logintable {
width : 160px;
font-size : 8pt;
}


/*--------------- フォーム入力画面 --------------- */

input, select, textarea, password {
color : #333333;
border : 1px solid #999999;
font-size : 8pt;
/*font-family : Courier, Andale Mono, ヒラギノPro W3, arial, helvetica, verdana, sans-serif;*/
}


/*--------------- 左側カラム関係 --------------- */
.leftbody {
padding : 10px;
font-size : x-small;
}


/*--------------- 複数ページにまたがる時のナビゲーション --------------- */
#navi {
border-top : 1px dotted #CCCCCC;
margin : 10 0 20 0;
padding : 10 0 0 20;
}

#navi .back {
float : left;
margin : 0 20 0 0;
}

#navi .now {
float : left;
}

#navi .next {
float : left;
margin : 0 0 0 20;
}

/*--------------- 下側フッタ関係 --------------- */
.footer_txt {
font-size : x-small;
padding : 10px;
}

.footer_link {
float : left;
width : 450px;
}

.copyright {
margin-left : 450px;
width : 250px;
text-align : right;
}

/*--------------- ここからは各ページ共通の項目について --------------- */
/*--------------- 曲・アーティスト名など、titleとなっているもの --------------- */
.title {
font-weight : bold;
font-size : medium;
display:block;
padding-top : 5px;
padding-bottom : 5px;
margin-bottom : 10px;
background : url("http://image.onpoo.net/www/img/title_bg.png") left top repeat-x;
}

/*--------------- 曲・アーティスト名など、titleとなっているもの（小さいバージョン・神父用） --------------- */
.title {
font-weight : bold;
font-size : x-small;
display:block;
padding-top : 5px;
padding-bottom : 5px;
margin-bottom : 10px;
background : url("http://image.onpoo.net/www/img/title_bg.png") left top repeat-x;
}


/*--------------- 曲のダウンロードボタン --------------- */
.download a {
display : block;
float : left;
width : 120px;
height : 16px;
margin-top : 10px;
margin-right : 10px;
padding-left : 20px;
}

/*--------------- 曲のダウンロードボタンリンクテキスト設定 --------------- */
.download a 			{ color: #FFFFFF; text-decoration: none; }
.download a:link		{ color: #FFFFFF; text-decoration: none; }
.download a:visited	{ color: #FFFFFF; text-decoration: none; }
.download a:active	{ color: #FFFFFF; text-decoration: underline; }
.download a:hover		{ color: #FFFFFF; text-decoration: underline; }

/*--------------- 同じtitle classが付いているけどページのタイトル扱いのやつはこちらで --------------- */
#note .title {
font-weight : bold;
font-size : medium;
display:block;
padding-bottom : 5px;
background : #FFFFFF;
}

/*--------------- リストのときの曲の囲み・主に背景を指定 --------------- */
#filelist.file, .file {
clear : both;
width : 480px;
font-size : x-small;
padding : 10px;
padding-top : 5px;
margin : 10px;
margin-bottom : 10px;
background : #eeeeee url("http://image.onpoo.net/www/img/file_bg.png") left top no-repeat;
}

/*--------------- リストのときの曲の囲み・主に背景を指定（小さいバージョン） --------------- */
.file_mini {
clear : both;
width : 150px;
font-size : x-small;
padding : 10px;
padding-top : 5px;
margin : 10px;
margin-bottom : 10px;
background : #eeeeee url("http://image.onpoo.net/www/img/file_bg.png") left top no-repeat;
}


/*--------------- 右側カラム・検索ボックス --------------- */
/*--------------- ログインウィンドウ --------------- */
/*--------------- 検索ウィンドウ --------------- */

#box_login, #search, #box_ranking, #box_soon {
margin : 5px;
padding : 5px;
background : #eeeeee;
text-align : left;
border : 1px solid #CCCCCC;
font-size : x-small;
background : #eeeeee url("http://image.onpoo.net/www/img/search_bg.png") left top no-repeat;
}

#box_login p.mypage, #box_login p.mypage_artist, #box_login p.mypage_logout {
margin : 5px;
} 

/*--------------- 右側カラム・ランキング順位関係 --------------- */
#box_ranking ol.yesterday, #box_ranking ol.total, #box_ranking ol.week, #box_ranking ol.month, #box_soon ol.total {
margin-left : 0px;
padding-left : 30px;
}

.termselect  {
marginl : auto;
margin-bottom : 0px;
font-size:8pt;
font-weight : normal; 
}


.termselect a { color: #003366; text-decoration: none !important; }
.termselect a:link { color: #003366; text-decoration: none !important; }
.termselect a:vlink { color: #003366; text-decoration: none !important; }
.termselect a:alink { color: #003366; text-decoration: underline !important; }
.termselect a:hover { color: #003366; text-decoration: underline !important; }

.termselect .open a { color: #FFFFFF; text-decoration: none !important; }
.termselect .open a:link { color: #FFFFFF; text-decoration: none !important; }
.termselect .open a:vlink { color: #FFFFFF; text-decoration: none !important; }
.termselect .open a:alink { color: #FFFFFF; text-decoration: underline !important; }
.termselect .open a:hover { color: #FFFFFF; text-decoration: underline !important; }

.termselect .close {
width : 40px;
height : 12px;
float : left;
border-style: solid;
border-width: 1px 1px 0px 1px; 
border-color: #EEE #999 #CCC #FFF;
background-color: #CCCCCC;
margin:0;
padding: 0.5em;
text-align : center;
white-space: nowrap;
}

.termselect .open {
width : 40px;
height : 12px;
float : left;
color : #FFFFFF;
border-style: solid;
border-width: 1px 1px 0px 1px; 
border-color: #CCC #666 #999 #EEE;
background-color: #999999;
margin:0;
padding: 0.5em;
text-align : center;
white-space: nowrap;
}

#box1, #box2, #box3 {
margin : 0px;
float : left;
width : 160px;
}


#box1 h3, #box2 h3, #box3 h3, #box_soon h3 {
clear : both;
margin : 0px;
padding : 5px;
font-size : x-small;
color : #EEEEEE;
text-align : center;
background : #999999;
border-width: 0px 1px 0px 1px; 
border-color: #CCC #666 #999 #EEE;
}




/*--------------- fileの各項目 --------------- */

.txtblock {
}

/*--------------- アーティスト --------------- */
.file .artist, .file_mini .artist {
font-size : 8pt;
display : block;
margin-right : 10px;
margin-bottom : 0px;
}

/*--------------- 価格 --------------- */
.file .price, .file_mini .price {
font-size : 8pt;
display : block;
margin-right : 10px;
margin-bottom : 0px;
}

/*--------------- アルバム --------------- */
.file .album, .file_mini .album {
font-size : 8pt;
display : block;
margin-right : 10px;
margin-bottom : 0px;
}

/*--------------- レーベル --------------- */
.file .publisher, .file_mini .publisher {
font-size : 8pt;
display : block;
margin : 0px;
margin-right : 10px;
margin-bottom : 0px;
}

/*--------------- 登録日 --------------- */
.file .date, .file_mini .audition {
font-size : 8pt;
display : block;
margin-right : 10px;
margin-bottom : 0px;
}

/*--------------- 試聴期限 --------------- */
.file .audition, .file_mini .audition {
font-size : 8pt;
display : block;
margin-right : 10px;
margin-bottom : 0px;
}

/*--------------- コメント --------------- */
.file .comment, .file_mini .comment {
font-size : 8pt;
display : block;
margin-right : 10px;
margin-bottom : 0px;
}

/*--------------- レビュー評価 --------------- */
.review .rate {
font-size : 8pt;
display : block;
margin-right : 10px;
margin-bottom : 2px;
}

.file_for_info, .file_for_sale {
width : 320px;
float : left;
}









/*--------------- 曲のダウンロードボタン --------------- */
.action {
margin : 10px;
padding : 0px;
float : right;
}

.for_play a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/file_button.png") left top no-repeat;
background-position: 0px 0px;
}

.for_play a:hover {
background-position: 0px -32px;
}

/*--------------- 再生ボタン（トップコンテンツ用）ここから --------------- */
.for_play_webmag a {
clear : both !important;
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : auto;
padding : 0px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/file_button.png") left top no-repeat;
background-position: 0px 0px;
}

.for_play_webmag a:hover {
background-position: 0px -32px;
}
/*--------------- 再生ボタン（トップコンテンツ用）ここまで --------------- */


.for_play_soon {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/DownloadAndPlaySoon.png") left top no-repeat;
background-position: 0px 0px;
}

.for_playlist a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/file_button.png") left top no-repeat;
background-position: -50px 0px;
}

.for_playlist a:hover {
background-position: -50px -32px;
}

.for_cart a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/file_button.png") left top no-repeat;
background-position: -100px 0px;
}

.for_cart a:hover {
background-position: -100px -32px;
}

.for_reviewwrite a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/file_button.png") left top no-repeat;
background-position: -150px 0px;
}

.for_reviewwrite a:hover {
background-position: -150px -32px;
}

.for_song_text a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/file_button.png") left top no-repeat;
background-position: -200px 0px;
}

.for_song_text a:hover {
background-position: -200px -32px;
}

.for_mail a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/file_button.png") left top no-repeat;
background-position: -250px 0px;
}

.for_mail a:hover {
background-position: -250px -32px;
}

.for_playstream a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/file_button.png") left top no-repeat;
background-position: -300px 0px;
}

.for_playstream a:hover {
background-position: -300px -32px;
}


/*--------------- 下のナビゲーションボタン --------------- */

#navi .back a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
width : 40px;
height: 16px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/navi_back.png") left top no-repeat;
background-position: 0px 0px;
}

/*#navi .back a:hover {
background-position: 0px -16px;
}*/

/*--------------- 下のナビゲーションボタン --------------- */

#navi .next a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0px;
padding : 0px;
width : 40px;
height: 16px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/navi_next.png") left top no-repeat;
background-position: 0px 0px;
}

/*#navi .next a:hover {
background-position: 0px -16px;
}*/


#navi .now {
color : #666666;
font-size : x-small;
}

#navi .now .number {
font-family : helvatica, arial, verdana, sans-serif;
font-size : medium;
}