@charset "UTF-8";
* {
margin : 0;
padding : 0;
}

img {
border : 0px;
}



body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #222222;
	font-size:x-small;
}

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


.thrColHybHdr #container { 
	/*width: 100%;*/
	background: #FFFFFF;
	text-align: left; 
}  

.thrColHybHdr #head { 
	padding: 0;
} 
.thrColHybHdr #head h1 {
	margin: 0; 
	padding: 0; 
}

.thrColHybHdr #content {
	position: relative;
	width : 100%;
}

.thrColHybHdr #mainContent {
 	/*height : 600px;*/
	position: relative;
	margin: 0 180px 0 200px; 
	padding: 0; 
	min-width : 590px;
} 
.thrColHybHdr #sidebar1 {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 190px;
	background: #EBEBEB;
	margin : 0;
	padding: 0; 
}
.thrColHybHdr #sidebar2 {
	position : absolute;
	top : 0px;
	right : 0px;
	width : 170px;
	background: #EBEBEB; 
	margin : 0;
	padding: 0; 
}
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
}


.thrColHybHdr #footer { 
	margin: 10px 0 10px 0;
	padding: 0 10px;
	/*background: #EBEBEB; */
} 

.thrColHybHdr #footer p {
	margin: 0; 
	padding: 10px 0; 
}

/* 再使用できる各種クラス */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*ONPOO*/
#player_banner {
margin : 5px;
}

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


table.profiletable {
width : 160px;
font-size : 8pt;
padding : 0;
margin : 0;
}

.prof_spanr {
float : right;
}


input, select, textarea, password {
color : #333333;
border : 1px solid #999999;
font-size : 8pt;
}

.leftbody {
padding : 10px;
font-size : x-small;
}

.footer_txt {
font-size : x-small;
padding : 10px;
}

.footer_link {
float : left;
width : 70%;
}

.copyright {
/*margin-left : 50%;*/
float : right;
width : 30%;
text-align : right;
}

#box_login, #box_profile, #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  {
margin : 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;
}


#player_banner img {
/* width : 160px; */
/* height : 60px; */
}


/*マイインフォメーションウィンドウ*/

.myinfowindow {
height : 65px;
overflow : auto;
border : 1px solid #ccc;
background : #fff;
}

img.myphoto {
width : 40px;
height : 40px;
}

.mywin_icon {
margin: 0 5px 0 0;
}


.fromonpoo {font-weight:bold; }
.fromonpoo a { color : #f00; }
.fromonpoo a:link { color : #f00; }
.fromonpoo a:hover { color : #f00; }
.fromonpoo a:visited { color : #f00; }
.fromonpoo a:active { color : #f00; }

.myinfotitle {
padding:0 10px 0 5px;
font-weight:bold;
}


.title {
font-weight : bold;
font-size : medium;
display:block;
padding : 5px;
margin : 0 5px 10px 0;
vertical-align: middle;
/*background : #dedede url("http://image.onpoo.net/www/img/title_bg_repeat.png") left top repeat-x;*/
background : #fff url("http://image.onpoo.net/www/img/title_bg.png") left top no-repeat; /* デフォルトこれでよいような気がする by Yoshida 07.10.03 */
}


/*プープルの名前の背景はグレーに*/
h1.title {
font-weight : bold;
font-size : medium;
display:block;
padding : 5px;
margin : 0 5px 10px 0;
vertical-align: middle;
background : #fff url("http://image.onpoo.net/www/img/title_bg.png") left top no-repeat;
}

/*アーティストの名前の背景は黄色に*/
#artist .title {
font-weight : bold;
font-size : medium;
display:block;
padding : 5px;
margin : 0 5px 10px 0;
vertical-align: middle;
background : #fff url("http://image.onpoo.net/www/img/title_bg_artist.png") left top no-repeat;
}


#artist .title h1 {
font-weight : bold;
font-size : medium;
padding:0;
margin:0;
float:left;
}

#artist .artist_pooplepagelink {
font-size : small;
padding:0;
margin:0 0 0 20px;
}



/*プープルの名前の背景はグレーに*/
#userpage .title {
font-weight : bold;
font-size : medium;
display:block;
padding : 5px;
margin : 0 5px 10px 0;
vertical-align: middle;
background : #fff url("http://image.onpoo.net/www/img/title_bg.png") left top no-repeat;
}


#userpage .title h1 {
font-weight : bold;
font-size : medium;
padding:0;
margin:0;
float:left;
}


#userpage .poople_artistpagelink {
font-size : small;
padding:0;
margin:0 0 0 20px;
}





/*ユーザーページ*/

#box_profile_detail {
}

table.profiletable_detail {
width : 580px;
font-size : 8pt;
padding : 0;
margin : 0 0 10px 0;
vertical-align:top;
}

table.profiletable_detail td {
vertical-align:top;
width:50%;
}


/*写真は長辺120pixel*/
#box_profile_detail .photo {
display:block;
text-align:center;
vertical-align:middle;
float:left;
width : 120px;
height : 120px;
margin: 0 10px 0 0;
background:#eee;
}


/*アーティストの場合、写真は長辺200pixel*/
#artist #box_profile_detail .photo {
display:block;
text-align:center;
vertical-align:middle;
float:left;
width : 200px;
height : 200px;
margin: 0 10px 0 0;
background:#eee;
}


/*ユーザページでのコメント表示（スクロール有り）*/
#userpage #box_profile_detail .comment {
height : 110px;
overflow : auto;
border : 1px solid #ccc;
background : #fff;
margin: 0;
padding:5px;
line-height:1.5;
}

/*アーティスト詳細ページでのコメント表示（スクロール無し）*/
#artist #box_profile_detail .comment {
background : #fff;
margin: 0;
padding:5px;
line-height:1.5;
}

/*ユーザページ・アーティスト詳細などでセンターを左右2カラムに分ける場合*/
#detailunit_left {
width : 48%;
float : left;
margin : 0;
padding : 0;
}

#detailunit_right {
width : 48%;
float : left;
margin : 0;
padding : 0;
}

/*左右2カラムに分けずにフルで使う場合*/
#detailunit_01, #detailunit_02 {
clear:both;
margin : 0 0 10px 0;
padding : 0;
}

/*マイプープルなど一覧*/
.detailunit_list {
clear : left;
margin : 0 0 10px 0;
}

.detailunit_list .minilist_unit {
width : 45px;
height : 70px;
display : block;
overflow : hidden;
float : left;
margin : 2px;
}

.detailunit_list .minilistimg {
width : 45px;
height : 45px;
vertical-align:middle;
text-align:center;
}


.detailunit_list .minilistimg img {
/*width : 45px;*/
/*height : 45px;*/
}

.detailunit_list .minilistname {
width : 45px;
font-size : x-small;
padding:2px;
}

/*プープルの写真の背景はグレー*/
.minilist_unit .minilistimg {
width : 45px;
height : 45px;
vertical-align:middle;
text-align:center;
background : #eee url("http://image.onpoo.net/app/img/photo_bg.png") left top no-repeat;
background-position:0px -30px
}

/*アーティストの写真の背景は黄色*/
.minilist_unit_artist .minilistimg {
width : 45px;
height : 45px;
vertical-align:middle;
text-align:center;
background : #eee url("http://image.onpoo.net/app/img/photo_bg_artist.png") left top no-repeat;
background-position:0px -30px
}

/*プープルの名前の背景はグレー*/
.minilist_unit .minilistname {
background : #eee url("http://image.onpoo.net/app/img/name_bg.png") left top no-repeat;
}

/*アーティストの名前の背景は黄色*/
.minilist_unit_artist .minilistname {
background : #fc0 url("http://image.onpoo.net/app/img/name_bg_artist.png") left top no-repeat;
}

.review_unit, .playlist_unit, .boughtsong_unit {
margin : 5px 0 5px 0;
padding : 5px;
border-bottom : 1px dotted #ccc;
font-size:x-small;
}

.rvwnm, .plstnm, .bghtnm {
font-size : small;
}


/*ランキング*/

table#ranking_week, table#ranking_month, table#ranking_total {
vertical-align:top;
}

table#ranking_week td.rank, table#ranking_month td.rank, table#ranking_total td.rank  {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
vertical-align:top;
/*text-align:right;*/
padding:5px;
border-bottom:1px dotted #999;
background: none !important;
}

table#ranking_week td.rank .rnk, table#ranking_month td.rank .rnk, table#ranking_total td.rank .rnk {
width:15px;
text-align:center;
padding: 2px 4px;
background:#999;
color:#fff;
font-weight:bold;
}


table#ranking_week td.rank img, table#ranking_month td.rank img, table#ranking_total td.rank img {
margin:5px 5px 0 0;
}

table#ranking_week td.song, table#ranking_month td.song, table#ranking_total td.song  {
vertical-align:top;
padding:5px;
border-bottom:1px dotted #999;
font-size:x-small;
}


a.rank_song {
font-size:8pt;
font-weight:bold;
}

a.rank_artist {
font-size:8pt;
text-decoration: none !important;
}



/*ランキングなど一覧ページ*/

.content_description {
margin:0 0 10px 0;
}

#listview {
}

/*曲単位*/
.listunit_s {
display:block;
height:70px;
width: 590px;
border-bottom: 1px dotted #999;
margin:5px 0 5px 0;
padding:5px;
font-size:x-small;
}

/*アーティスト・ユーザ*/
.listunit_p {
display:block;
height:90px;
width: 590px;
border-bottom: 1px dotted #999;
margin:5px 0 5px 0;
padding:5px;
font-size:x-small;
}

#listview .rank {
display:block;
width:16px;
float: left;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size:12px;
}

#listview img.listimg {
float:left;
/*width: 60px;*/
/*height:60px;*/
}

/*プープル一覧・アーティスト一覧での写真のサイズ（枠）*/
#listview .photo {
width: 60px;
height:60px;
display:block;
text-align:center;
vertical-align:middle;
background:#eee;
float:left;
}

/*プープル一覧・アーティスト一覧での写真のサイズ（imgタグ）*/
#listview .listunit_p .photo img {
}


#listview .unitinfo {
float:left;
margin: 0 0 0 10px;
}

/*アーティストコメント・ユーザコメントによるレイアウト崩れを防ぐためwidth指定*/
#listview .listunit_p .unitinfo {
float:left;
width:500px;
margin: 0 0 0 10px;
}

#listview h3.unittitle {
font-weight: bold;
font-size:12px;
margin: 0 0 10px 0;
}

/*付加情報*/
#listview .unitcol2 {
margin:4px 0 4px 0;
line-height: 1.4;
}

#listview .unitcol2 img {
vertical-align:middle;
}

/*ダウンロードなどのボタン類*/
#listview .unitcol3 {
float:right;
}


#listview .unitcol4 {
/*float:right;*/
margin-left: 70px;
clear:both;
display:block;
}

#listview .unitcol4 a {
}



/*再生ボタン関係（lver1.0より引き継ぎ）*/

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

.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 : url("http://image.onpoo.net/tmp/1.6/full.png") left top no-repeat;
background-position: 0px 0px;
}

.for_play a:hover {
/*background-position: 0px -32px;*/
background : url("http://image.onpoo.net/tmp/1.6/full_p.png") left top no-repeat;
}

/*--------------- 再生ボタン（トップコンテンツ用）ここから --------------- */
.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 : url("http://image.onpoo.net/tmp/1.6/full.png") left top no-repeat;
background-position: 0px 0px;
}

.for_play_webmag a:hover {
/*background-position: 0px -32px;*/
background : url("http://image.onpoo.net/tmp/1.6/full_p.png") left top no-repeat;
}
/*--------------- 再生ボタン（トップコンテンツ用）ここまで --------------- */


.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;*/
background : url("http://image.onpoo.net/tmp/1.6/reviw.png") left top no-repeat;
background-position: 0px 0px;
}

.for_reviewwrite a:hover {
/*background-position: -150px -32px;*/
background : url("http://image.onpoo.net/tmp/1.6/reviw2.png") left top no-repeat;
}

.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;
}

/*--------------- 再生ボタン関係（吉田追加） --------------- */
.for_miniplayer {
display:block;
margin : 0px;
padding : 0px;
float : left;
margin-right : 5px;
width : 50px;
height: 32px;
}

.not_sale {
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/addCart_g.png") left top no-repeat;
background-position: 0px 0px;
}

.for_mp3 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/tmp/1.6/dl.png") left top no-repeat;
background-position: 0px 0px;
}

.for_mp3 a:hover {
background : url("http://image.onpoo.net/tmp/1.6/dl_p.png") left top no-repeat;
}

/*--------------- 「詳細を見る」ボタン --------------- */

.listunit_p .more a {
/*font:0px/0px sans-serif;*/
/*text-indent:-2000px;*/
text-align:center;
color:#222;
text-decoration:underline;
display:block;
margin : 0px;
/*margin-top : 10px;*/
padding : 0px;
float : left;
margin-right : 5px;
width : 153px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/www/img/morebutton.png") left top no-repeat;
background-position: 0px 0px;
}

.listunit_p .more a:hover {
background-position: 0px -21px;
}

/*--------------- 「曲一覧を見る」ボタン --------------- */

.listunit_p .song a {
/*font:0px/0px sans-serif;*/
/*text-indent:-2000px;*/
text-align:center;
color:#222;
text-decoration:underline;
display:block;
margin : 0px;
/*margin-top : 10px;*/
padding : 0px;
float : left;
margin-right : 5px;
width : 153px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/www/img/morebutton.png") left top no-repeat;
background-position: 0px 0px;
}

.listunit_p .song a:hover {
background-position: 0px -21px;
}

/*--------------- 「プープルページを見る」ボタン --------------- */

.listunit_p .poople a {
/*font:0px/0px sans-serif;*/
/*text-indent:-2000px;*/
text-align:center;
color:#222;
text-decoration:underline;
display:block;
margin : 0px;
/*margin-top : 10px;*/
padding : 0px;
float : left;
margin-right : 5px;
width : 153px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/www/img/morebutton.png") left top no-repeat;
background-position: 0px 0px;
}

.listunit_p .poople a:hover {
background-position: 0px -21px;
}


/*再生ボタン関係（ver1.5）*/

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

.listunit_s .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 : url("http://image.onpoo.net/tmp/1.6/full.png") left top no-repeat;
background-position: 0px 0px;
}

.listunit_s .play a:hover {
/*background-position: 0px -32px;*/
background : url("http://image.onpoo.net/tmp/1.6/full_p.png") left top no-repeat;
}

.listunit_s .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;
}

.listunit_s .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;
}

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

.listunit_s .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;
}

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

.listunit_s .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;*/
background : url("http://image.onpoo.net/tmp/1.6/reviw.png") left top no-repeat;
background-position: 0px 0px;
}

.listunit_s .reviewwrite a:hover {
/*background-position: -150px -32px;*/
background : url("http://image.onpoo.net/tmp/1.6/reviw2.png") left top no-repeat;
}

.listunit_s .lyrics 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;
}

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

.listunit_s .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;
}

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

.listunit_s .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;
}

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


/*マイページの編集*/
table.edit_photo td, table.detail_update td, table.edit_mail td, table.edit_password td {
border-bottom:1px dotted #999;
padding:2px;
vertical-align:top;
}

/*アバターユニット*/
#edit_photo .avatarunit {
width:80px;
float:left;
vertical-align:middle;
}

/*アバターユニット*/
#edit_photo .avatarunit input {
border:none !important
}


/*必須項目は色を変える*/
table.edit_photo td.must, table.detail_update td.must, table.edit_mail td.must, table.edit_password td.must {
color:#c00;
}

/*必須項目は色を変える*/
table.edit_photo input.must, 
table.detail_update input.must, 
table.edit_mail input.must, 
table.edit_password input.must,
table.edit_photo select.must, 
table.detail_update select.must, 
table.edit_mail select.must, 
table.edit_password select.must {
color:#000;
background:#fcc;
}

input.noborder {
color : #333333;
border : none !important;
font-size : 8pt;
}


/*もっとみるボタン*/

.moreview a {
text-align:center;
color:#222;
text-decoration:underline;
display:block;
float:right;
margin : 0px;
padding : 0px;
float : left;
width : 45px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/www/img/morebutton.png") left top no-repeat;
background-position: -50px 0px;
}

.moreview a:hover {
background-position: -50px -21px;
}

/*会社概要関係*/
#companytxt, #bannercontent {
width:800px;
margin:10px;
}

#companytable {
float:left;
}


#aboutcontent {
width:800px;
margin-top:10px;
margin-bottom:10px;
}

#supportcontent {
width:800px;
margin-top:10px;
margin-bottom:10px;
}


/*プープル検索一覧*/
/*プープルの名前の背景はグレー*/
.listunit_p h3.unittitle {
background : url("http://image.onpoo.net/www/img/title_bg.png") left top no-repeat;
padding: 4px;
}

/*アーティストの名前の背景は黄色*/
.listunit_p_artist h3.unittitle {
background : url("http://image.onpoo.net/www/img/title_bg_artist.png") left top no-repeat; 
padding: 4px;
}


.content_menu {
text-align:right;
}


/*ファイル・おすすめしているプープル一覧*/
.recommendpooples a {
font:0px/0px sans-serif;
text-indent:-2000px;
text-align:center;
color:#333;
font-size:x-small;
text-decoration:underline;
display:block;
margin : 2px 0 0 0;
padding : 0;
float : left;
width : 200px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/link_recommendpoople.png") left top no-repeat;
background-position: 0px 0px;
}

.recommendpooples a:hover{
background-position: 0px -21px;
}

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

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

#navi .now {
float : left;
}

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

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

#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 : x-small;
}



/*ニュースリリース*/
#newsrelease {
line-height:1.6;
}

li.module-list-item {
list-style-type:disc;
margin:0 10px 0 20px;
}


#newsrelease blockquote {
margin:0 0 0 30px;
}

h2.module-header, h2.module-header {
font-size:small;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
}

#newsrelease h4 {
font-size:small;
}

#newsrelease blockquote a 			{ color: #000; text-decoration: none; }
#newsrelease blockquote a:link		{ color: #000; text-decoration: none; }
#newsrelease blockquote a:visited	{ color: #000; text-decoration: none; }
#newsrelease blockquote a:active	{ color: #000; text-decoration: underline; }
#newsrelease blockquote a:hover		{ color: #c00; text-decoration: underline; }

.module-content {
margin:4px;
}

.rssfeed {
margin:10px 0 0 0;
padding:4px;
}