/*-------------------------------基本要素-------------------------------------*/
#contents_conteiner_artist{
	display: inline;
	float: left;
	width: 670px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
}

/*---------------------------アーティスト一覧用---------------------------*/
.artist_conteiner{
	background-color: #000000;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	width: 100px;
	height: 360px;
}
.main_contents{
    margin: 0px;
    padding: 0px;
    width: 100px;
    height: 320px;
}
.buttons{
    margin: 0px;
    padding: 0px;
    width: 100px;
    height: 40px;
}
.new_album_button{
	background-image: url("../../images/artist/new_album_button_ja.gif");
	background-repeat: no-repeat;
	margin: 0px;
	width: 50px;
	height: 20px;
	float: left;
	cursor: pointer;
}
.new_album_button:hover{
	background-position: 0 -20px;
}
.new_album_button:active{
	background-position: 0 -20px;
}
.new_album_text{
	text-indent: -500em;
}
.new_track_button{
	background-image: url("../../images/artist/new_track_button_ja.gif");
	background-repeat: no-repeat;
	margin: 0px;
	width: 50px;
	height: 20px;
	float: left;
	cursor: pointer;
}
.new_track_button:hover{
	background-position: 0 -20px;
}
.new_track_button:active{
	background-position: 0 -20px;
}
.new_track_text{
	text-indent: -500em;
}
.artist_button{
	background-image: url("../../images/artist/artist_button_ja.gif");
	background-repeat: no-repeat;
	margin: 0px;
	width: 100px;
	float: left;
	height: 20px;
	cursor: pointer;
}
.artist_button:hover{
	background-position: 0 -20px;
}
.artist_button:active{
	background-position: 0 -20px;
}
.artist_text{
	text-indent: -500em;
}

.artist_img{
    cursor: pointer;
}

/*--------------------------------アーティスト別ページ用----------------------------*/
/*---------------------------スペーサー------------------------------------------*/
.spacer{
	background-color: #333333;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 660px;
	height: 10px;
}

/*-------------------------------audition player用---------------------------*/
#flash_conteiner{
	margin-top: 10px;
	margin-left: 10px;
}

/*-------------------------------アーティストページ一般----------------------------*/
#page_conteiner{
    background-color: #000000;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 0px;
    float: left;
    width: 660px;
    height: 395px;
}
#artist_image{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100px;
    height: 395px;
}
#right_conteiner{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 560px;
    height: 395px;
}
#text_conteiner{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 560px;
    height: 250px;
}
#basic_info_conteiner{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 150px;
    height: 250px;
}
#message_conteiner{
    background-color: #333333;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 410px;
    height: 235px;
    overflow: scroll;
}
#button_conteiner{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 560px;
    height: 20px;
}
#track_list_conteiner{
    background-color: #333333;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 560px;
    height: 105px;
    overflow: scroll;
}

#artist_name{
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.8em;
	color: #CCCCCC;
	text-align: center;	    
}
#info{
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.75em;
	color: #CCCCCC;
	text-align: left;	    
}
#message_title{
    background-color: #000000;
    margin: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.72em;
	color: #999999;
	text-align: center;
	width: 410px;
	height:15px;
	float: left
}
.message{
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	padding : 3px;
	font-family: Helvetica, san-serif;
	font-size: 0.72em;
	color: #CCCCCC;
	text-align: left;
	width: 300px;
	float: left
}
.date{
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	padding: 3px;
	font-family: Helvetica, san-serif;
	font-size: 0.70em;
	color: #666666;
	text-align: right;
	width: 70px;
	float: left;
}

#bar_conteiner{
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 560px;
	height: 20px;
}
.track_conteiner{
	background-color: #000000;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 540px;
	height: 20px;	
}

.bar_sort{
	cursor: pointer;
}
.mf_bar30{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 30px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}
.mf_bar30:hover{
	color: #FFFFFF;
}
.mf_bar30:active{
	color: #FFFFFF;
}
.mf_bar30_fix{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 30px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_bar40{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 40px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}
.mf_bar40:hover{
	color: #FFFFFF;
}
.mf_bar40:active{
	color: #FFFFFF;
}
.mf_bar40_fix{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 40px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_bar70{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 70px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}
.mf_bar70:hover{
	color: #FFFFFF;
}
.mf_bar70:active{
	color: #FFFFFF;
}
.mf_bar70_fix{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 70px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_bar{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 80px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}
.mf_bar:hover{
	color: #FFFFFF;
}
.mf_bar:active{
	color: #FFFFFF;
}
.mf_bar_fix{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 80px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_bar_track{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 180px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}
.mf_bar_track:hover{
	color: #FFFFFF;
}
.mf_bar_track:active{
	color: #FFFFFF;
}
.mf_bar_track_fix{
	background-image: url("../../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 180px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_barlist70{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 70px;
	max-height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.65em;
	color: #CCCCCC;
	text-align: center;
	overflow: hidden;
}
.mf_barlist{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 80px;
	max-height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.65em;
	color: #CCCCCC;
	text-align: center;	
	overflow: hidden;
}
.mf_barlist_track{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 180px;
	max-height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.68em;
	color: #CCCCCC;
	overflow: hidden;
}


/*--------------------------ボタン類------------------------------------------*/
#relation_button{
	background-image: url("../../images/artist/page/relation_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 100px;
	height: 20px;
	float: right;
	cursor: pointer;
}
#relation_button:hover{
	background-position: 0 -20px;
}
#relation_button:active{
	background-position: 0 -20px;
}
#relation_text{
	text-indent: -500em;
}
#back_list_button{
	background-image: url("../../images/artist/page/back_list_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	width: 100px;
	height: 20px;
	float: right;
	cursor: pointer;
}
#back_list_button:hover{
	background-position: 0 -20px;
}
#back_list_button:active{
	background-position: 0 -20px;
}
#back_list_text{
	text-indent: -500em;
}

.listen_button{
	background-image: url("../../images/artist/page/listen_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.listen_button:hover{
	background-position: 0 -20px;
}
.listen_button:active{
	background-position: 0 -20px;
}
.listen_text{
	text-indent: -500em;
}
.detail_button{
	background-image: url("../../images/artist/page/detail_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.detail_button:hover{
	background-position: 0 -20px;
}
.detail_button:active{
	background-position: 0 -20px;
}
.detail_text{
	text-indent: -500em;
}
.itunes_button{
	background-image: url("../../images/artist/page/itunes_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.itunes_button:hover{
	background-position: 0 -20px;
}
.itunes_button:active{
	background-position: 0 -20px;
}
.itunes_text{
	text-indent: -500em;
}
.CD_vinyl_button{
	background-image: url("../../images/artist/page/CD_vinyl_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.CD_vinyl_button:hover{
	background-position: 0 -20px;
}
.CD_vinyl_button:active{
	background-position: 0 -20px;
}
.CD_vinyl_text{
	text-indent: -500em;
}