@charset "UTF-8";

/* 投票関連 */
.vote_banner, .vote_form {
  margin : 10px 0 ;
}
.vote_form textarea {
  width : 90% ;
  height : 100px ;
}
.vote_login td {
  padding : 4px ;
}
.vote_form textarea, .vote_login input {
  padding : 2px ;
}

/* マイページ メニュー */
.mypage_menu li {
  float : left ;
  margin : 0 3px ;
  padding : 6px 11px ;
  border : solid 1px #333 ;
  text-decoration: none;
}
.mypage_menu a, .mypage_menu a:link, .mypage_menu a:visited, .mypage_menu a:hover, .mypage_menu a:active {
  text-decoration : none ;
  color : #039 ;
}
/*
.mypage_menu a:hover {
  color : #930 ;
  text-decoration : underline ;
}
*/
.mypage_menu .active {
  padding : 5px 10px ;
  background-color : #ddd ;
  border : solid 2px #333 ;
}

.mypage_menu_clear {
  clear : both ;
}

/* プロフィール編集 */
.edit_profile table {
  width : 550px ;
}
.edit_profile td {
  padding : 4px ;
  border-bottom : dashed 1px #333 ;
}
.edit_profile button {
  color : #333 ;
  border : 1px solid #999 ;
  font-size : 8pt ;
  vertical-align : middle ;
}
.edit_profile textarea {
  width : 90% ;
  height : 150px ;
}
.edit_profile input, .edit_profile textarea {
  padding : 2px ;
  vertical-align : middle ;
}
.edit_profile .error {
  width : 550px ;
  margin : 10px 0 ;
  padding : 5px ;
  border : solid 1px #f00 ;
}
.edit_profile .note {
  width : 550px ;
  text-align : right ;
}
.edit_profile .required {
  color : #d00 ;
}
.edit_profile input.required, .edit_profile select.required {
  color : #000 ;
  background : #ffb ;
}
.edit_profile .submit {
  padding : 3px ;
  margin : 5px ;
  font-size : 10pt ;
  vertical-align : middle ;
}
.edit_profile .list {
  margin-bottom : 2px ;
}
.edit_profile .title {
  width : 550px ;
  margin-top : 10px ;
}

/* イメージ編集 */
.edit_photo .item_name {
  margin-bottom : 5px ;
  padding : 5px ;
  background-color: #EEE ;
}
.edit_photo .avatar {
  float : left ;
  width : 55px ;
  margin : 2px ;
  text-align : center ;
  background-color: #EEE ;
}
.edit_photo .avatar input {
  border : none ;
  margin-top : 2px ;
}

/* ブラウズ検索 */
.browse_search_box, .browse_lists_genre {
  margin-bottom : 15px ;
}
.browse_search_box input {
  padding : 2px ;
}
h3.browse_area_title {
  width : 200px ;
  padding : 2px ;
  border-bottom : solid 1px #000 ;
  font-size : 11pt ;
}
.browse_lists_live_house {
  margin : 5px 10px 10px 10px ;
}

/* レビュー編集 */
.edit_review textarea {
  height : 100px ;
}
.per_review {
  margin-bottom : 15px ;
}
.per_review .jacket {
  margin-bottom : 5px ;
}
.per_review td {
  vertical-align : top ;
}

/* プレイリスト削除 */
.per_playlist {
  margin-bottom : 15px ;
}

/* マイプープル削除 */
.per_poople {
  margin-bottom : 15px ;
}
.per_poople td {
  vertical-align : top ;
}
.per_poople .name {
  margin-bottom : 5px ;
  padding : 0 3px 5px 3px ;
  border-bottom : dashed 1px #333 ;
}

/* 歌詞 */
.lylicsinfo {
  margin : 10px 20px ;
  font-size : 10pt ;
}
.lylics {
  margin : 0 20px ;
  font-size : 8pt ;
}

/* app からコピペ */
/*ユーザページ*/
/*--------------- 「最近再生の10曲」ボタン --------------- */

.unitlink_button .link_recent10 a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0;
padding : 0;
float : left;
width : 70px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/detailpage/btn_poople.png") left top no-repeat;
background-position: 0px -32px;
}

.unitlink_button .link_recent10 a:hover {
background-position: 0px -108px;
}

/*ユーザページ*/
/*--------------- 「先週のベスト10」ボタン --------------- */

.unitlink_button .link_lastbest10 a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0;
padding : 0;
float : left;
width : 72px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/detailpage/btn_poople.png") left top no-repeat;
background-position: -70px -32px;
}

.unitlink_button .link_lastbest10 a:hover {
background-position: -70px -108px;
}

/*ユーザページ*/
/*--------------- 「購入した曲」ボタン --------------- */

.unitlink_button .link_bought a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0;
padding : 0;
float : left;
width : 72px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/detailpage/btn_poople.png") left top no-repeat;
background-position: -142px -32px;
}

.unitlink_button .link_bought a:hover {
background-position: -142px -108px;
}


/*ユーザページ*/
/*--------------- 「おすすめの曲」ボタン --------------- */

.unitlink_button .link_recommend a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0;
padding : 0;
float : left;
width : 71px;
height: 21px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/detailpage/btn_poople.png") left top no-repeat;
background-position: -214px -32px;
}

.unitlink_button .link_recommend a:hover {
background-position: -214px -108px;
}

/*ユーザページ*/
/*--------------- 「マイプープルに追加」ボタン --------------- */

.unitlink_button .for_poople a {
font:0px/0px sans-serif;
text-indent:-2000px;
display:block;
margin : 0;
padding : 0;
float : left;
width : 143px;
height: 23px;
text-decoration:none;
background : url("http://image.onpoo.net/app/img/detailpage/btn_poople.png") left top no-repeat;
background-position: -142px -53px;
}

.unitlink_button .for_poople a:hover {
background-position: -142px -129px;
}

/*-- カート周り --*/
#cartlist {
  width : 500px ;
}

#cartlist table {
  margin : 5px ;
  border : 1px solid #666666 ;
  font-size : 8pt ;
}

#cartlist td {
  border-top : 1px solid #999999 ;
  padding : 5px ;
}

#cartlist th {
  font-weight : normal ;
  background : #EEEEEE ;
  padding : 5px ;
}

#cartlist .error {
  margin : 0 5px ;
  padding : 5px ;
  border : solid 1px #f00 ;
}

#cartlist .comment {
  margin : 5px ;
}

#cartlist input {
  padding : 2px ;
}

#cartlist .submit {
  margin : 5px ;
  vertical-align : middle ;
}

#cartlist #status {
  vertical-align : middle ;
}

#cartlist .pay {
  margin : 0 5px ;
  padding : 5px ;
  border : solid 1px #999 ;
  font-size : 10pt ;
}

#cartlist .open_trade {
  margin-top : 10px ;
  padding : 5px ;
  font-size : 10pt ;
  color : #EEEEEE ;
  background : #CC0000 url("http://image.onpoo.net/app/img/player_title_bg.png") left top repeat-x ;
}