/*-------------------------------基本要素-------------------------------------*/
#buttons_conteiner{
	display: inline;
	float: left;
	width: 660px;
	height: 180px;
	margin: 0px;
	padding: 0px;
}
.button_clear{
    background-image: url("../images/music_pv/bar20.gif");
    width: 80px;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    clear: left;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #666666;
	text-align: center;
	cursor: pointer;
}
.button_clear:hover{
    color: #FFFFFF;
}
.button_clear:active{
    color: #FFFFFF;
}
.button_clear_selected{
    background-image: url("../images/music_pv/bar20.gif");
    width: 80px;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    clear: left;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #6666FF;
	text-align: center;
}
.button{
    background-image: url("../images/music_pv/bar20.gif");
    width: 80px;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #666666;
	text-align: center;
	cursor: pointer;
}
.button:hover{
    color: #FFFFFF;
}
.button:active{
    color: #FFFFFF;
}
.button_selected{
    background-image: url("../images/music_pv/bar20.gif");
    width: 80px;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #6666FF;
	text-align: center;
}
#list_conteiner{
    float: left;
    width: 660px;
    height: 300px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#scroll_conteiner{
    background-color: #333333;
    float: left;
    width: 660px;
    height: 280px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    overflow: scroll;
    float: left;
}
.track_conteiner{
	background-color: #000000;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 640px;
	height: 20px;
	clear: left;
	float: left;
}
/*-------------------track listラベル用----------------------------*/
#bar_conteiner{
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 660px;
	height: 20px;
	float: left;
}
.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;
	cursor: pointer;
}
.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;
	cursor: pointer;
}
.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_bar50{
	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;
	cursor: pointer;
}
.mf_bar50:hover{
	color: #FFFFFF;
}
.mf_bar50:active{
	color: #FFFFFF;
}
.mf_bar50_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;
	cursor: pointer;
}
.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_bar100{
	background-image: url("../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 100px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
	cursor: pointer;
}
.mf_bar100:hover{
	color: #FFFFFF;
}
.mf_bar100:active{
	color: #FFFFFF;
}
.mf_bar100_fix{
	background-image: url("../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 100px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_bar200{
	background-image: url("../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 200px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
	cursor: pointer;
}
.mf_bar200:hover{
	color: #FFFFFF;
}
.mf_bar200:active{
	color: #FFFFFF;
}
.mf_bar200_fix{
	background-image: url("../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 200px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_bar_help{
	background-image: url("../images/music_pv/bar20.gif");
	margin-top: 0px;
	margin-left: 50px;
	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;
	cursor: pointer;
}
.mf_bar_help:hover{
	color: #FFFFFF;
}
.mf_bar_help:active{
	color: #FFFFFF;
}
.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;
}
.appleloops_button{
	background-image: url("../images/sources/appleloops_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 50px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.appleloops_button:hover{
	background-position: 0 -20px;
}
.appleloops_button:active{
	background-position: 0 -20px;
}
.appleloops_text{
	text-indent: -500em;
}
.mp3_button{
	background-image: url("../images/sources/mp3_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 50px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.mp3_button:hover{
	background-position: 0 -20px;
}
.mp3_button:active{
	background-position: 0 -20px;
}
.mp3_text{
	text-indent: -500em;
}
/*--------------------------サンプルリスト用-----------------------*/
.mf_barlist30{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 30px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;	
}
.mf_barlist40{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 40px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;	
}
.mf_barlist50{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 40px;
	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;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;	
}
.mf_barlist100{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 100px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;	
}
.mf_barlist200{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 200px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;	
}
/*-----------------------ヘルプ用--------------------------*/
.help_title{
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	clear: left;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.75em;
	color: #CCCCCC;
	text-align: left;
}
.help_text{
	margin-top: 3px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	clear: left;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: left;
}
.help_back{
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	clear: left;
	clear: right;
	float: right;
	font-family: Helvetica, san-serif;
	font-size: 0.67em;
	color: #000000;
	text-align: right;
	cursor: pointer;
}
.help_back:hover{
    color: #FFFFFF;
}
.help_back:active{
    color: #FFFFFF;
}
/*--------------------------detail用----------------------------*/
.detail_title{
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	clear: left;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.72em;
	color: #999999;
	text-align: left;
}
.detail_words{
	margin-top: 2px;
	margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	clear: left;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.72em;
	color: #CCCCCC;
	text-align: left;
}
.detail_back{
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	clear: left;
	clear: right;
	float: right;
	font-family: Helvetica, san-serif;
	font-size: 0.65em;
	color: #000000;
	text-align: right;
	cursor: pointer;
}
.detail_back:hover{
    color: #FFFFFF;
}
.detail_back:active{
    color: #FFFFFF;
}
/*-------------------------------audition player用---------------------------*/
#flash_conteiner{
	margin-top: 0px;
	margin-left: 0px;
}