/*===============基本要素===========================================*/
/*---------------スペーサー------------------------------------------*/
.spacer{
	background-color: #333333;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 660px;
	height: 10px;
}

/*---------------汎用コンテナ----------------------------------------*/
#all_conteiner{
	background-color: #333333;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 660px;
	height: 455px;
	overflow: scroll;
	clear: left;
}
.track_conteiner{
	background-color: #000000;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 640px;
	height: 20px;
	overflow: hidden;
}

/*----------------タブ----------------------------------------------*/
.left_tab_fix{
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	width: 100px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #FFFFFF;
}
.left_tab{
	background-color: #666666;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	width: 100px;
	height: 18px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	cursor: pointer;
}
.left_tab:hover{
	background-color: #000000;
	color: #FFFFFF;
}
.left_tab:active{
	background-color: #000000;
	color: #FFFFFF;
}

.right_tab_fix{
	background-color: #000000;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 00px;
	margin-bottom: 0px;
	width: 80px;
	height: 20px;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	float: right;
}
.right_tab{
	background-color: #666666;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 00px;
	margin-bottom: 0px;
	width: 80px;
	height: 18px;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	float: right;
	cursor: pointer;
}
.right_tab:hover{
	background-color: #000000;
	color: #FFFFFF;
}
.right_tab:active{
	background-color: #000000;
	color: #FFFFFF;
}

#tab_base{
	background-color: #000000;
	margin: 0px;
	width: 660px;
	height: 10px;
	clear: both;
}

/*--------------------------ボタン類------------------------------------------*/
.listen_button{
	background-image: url("../../images/music_pv/listen_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 50px;
	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/music_pv/detail_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 50px;
	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;
}
.detail_button35{
	background-image: url("../../images/music_pv/detail_button35.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 35px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.detail_button35:hover{
	background-position: 0 -20px;
}
.detail_button35:active{
	background-position: 0 -20px;
}
.itunes_button{
	background-image: url("../../images/music_pv/itunes_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 25px;
	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/music_pv/CD_vinyl_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 25px;
	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;
}

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

/*-------------------------------新曲案内用------------------------------------*/
.topix_conteiner{
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 660px;
	height: 60px;
	overflow: hidden;
}
.mf_image{
	margin: 0px;
	float: left;
}
.mf_artist_name{
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 100px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_track_name{
	font-style: normal;
	font-family: Helvetica, san-serif;
	font-size: 1.2em;
	color: #FFFFFF;
}
.mf_credit{
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 150px;
	height: 55px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.65em;
	color: #999999;
	text-align: left;
}
.mf_topix{
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 235px;
	height: 55px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-align: left;
}

/*-------------------------------------全曲案内用---------------------------------*/
#bar_conteiner{
	background-color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 660px;
	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: 100px;
	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: 100px;
	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: 200px;
	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: 200px;
	height: 20px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: center;
}
.mf_bar_search_form{
    margin: 0px;
    float: left;
    max-height: 20px;
    width: 120px;
    overflow: hidden;
}
.mf_bar_search_title{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}
.mf_bar_search_textbox{
    background-color: #CCCCCC;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 80px;
	height: 18px;
	float: left;
	font-family: Helvetica, san-serif;
	font-size: 0.68em;
	color: #333333;
	text-align: left;
}
.mf_bar_search_button{
	background-image: url("../../images/music_pv/search_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border-width: 0px;
	width: 20px;
	height: 20px;
	float: left;
	cursor: pointer;
}
.mf_bar_search_button:hover{
	background-position: 0 -20px;
}
.mf_bar_search_button:active{
	background-position: 0 -20px;
}
.mf_bar_search_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_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_barlist{
	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_barlist_track{
	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;	
}

.all_itunes_button{
	background-image: url("../../images/music_pv/itunes_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 25px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.all_itunes_button:hover{
	background-position: 0 -20px;
}
.all_itunes_button:active{
	background-position: 0 -20px;
}
.all_itunes_text{
	text-indent: -500em;
}
.all_CD_button{
	background-image: url("../../images/music_pv/CD_vinyl_button.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	width: 25px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.all_CD_button:hover{
	background-position: 0 -20px;
}
.all_CD_button:active{
	background-position: 0 -20px;
}
.all_CD_text{
	text-indent: -500em;
}

/*----------------------------------ランキング用--------------------------*/
#ranking_conteiner{
	background-color: #333333;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 660px;
	height: 395px;
	overflow: scroll;
}
.ranking_track_conteiner{
	background-color: #000000;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 640px;
	height: 20px;	
}
.ranking_track_conteiner_inside{
	margin: 0px;
	width: 640px;
	float: left;
}
.track_conteiner_rank1{
	background-color: #000099;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 640px;
	height: 20px;	
}
.track_conteiner_rank2{
	background-color: #000066;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 640px;
	height: 20px;	
}
.track_conteiner_rank3{
	background-color: #000033;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 640px;
	height: 20px;	
}
.track_conteiner_inside{
	margin: 0px;
	width: 640px;
	float: left;
}

/*--------------------------------詳細用-------------------------------*/
#detail_conteiner{
    background-color: #000000;
    margin: 0px;
    padding : 0px;
    width: 660px;
    height: 420px;
    overflow: scroll;
}

#detail_image{
    margin: 0px;
    padding: 0px;
    width: 100px;
    float: left;
}

#detail_left{
    margin: 0px;
    padding: 0px;
    width: 140px;
    float:left;
}
#detail_artist_name{
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.8em;
	color: #CCCCCC;
	text-align: left;	    
}
#detail_album_name{
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.8em;
	color: #CCCCCC;
	text-align: left;	    
}
#detail_track_name{
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	text-align: center;	    
}

#detail_right{
    margin: 0px;
    padding: 0px;
    width: 350px;
    float:left;
}
#detail_creator{
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: left;	    
}
#detail_credit{
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: left;	    
}
#detail_lyrics{
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.70em;
	color: #FFFFFF;
	text-align: left;	    
}
#detail_date{
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: right;	    
}

#detail_button_conteiner{
    margin: 0px;
    padding: 0px;
    width: 50px;
    height: 395px;
    float: left;
}
.detail_listen_button{
	background-image: url("../../images/music_pv/listen_button.gif");
	background-repeat: no-repeat;
	margin: 0px;
	width: 50px;
	height: 20px;
	float: left;
	cursor: pointer;
}
.detail_listen_button:hover{
	background-position: 0 -20px;
}
.detail_listen_button:active{
	background-position: 0 -20px;
}
.detail_listen_text{
	text-indent: -500em;
}
.detail_itunes_button{
	background-image: url("../../images/music_pv/itunes_large_button.gif");
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 50px;
	height: 20px;
	clear: left;
	float: left;
	cursor: pointer;
}
.detail_itunes_button:hover{
	background-position: 0 -20px;
}
.detail_itunes_button:active{
	background-position: 0 -20px;
}
.detail_itunes_text{
	text-indent: -500em;
}
.detail_CD_button{
	background-image: url("../../images/music_pv/CD_large_button.gif");
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 50px;
	height: 20px;
	clear: left;
	float: left;
	cursor: pointer;
}
.detail_CD_button:hover{
	background-position: 0 -20px;
}
.detail_CD_button:active{
	background-position: 0 -20px;
}
.detail_CD_text{
	text-indent: -500em;
}
.detail_vinyl_button{
	background-image: url("../../images/music_pv/vinyl_large_button.gif");
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 50px;
	height: 20px;
	clear: left;
	float: left;
	cursor: pointer;
}
.detail_vinyl_button:hover{
	background-position: 0 -20px;
}
.detail_vinyl_button:active{
	background-position: 0 -20px;
}
.detail_vinyl_text{
	text-indent: -500em;
}

.detail_back_button{
	background-image: url("../../images/music_pv/back_button.gif");
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 50px;
	height: 20px;
	clear: left;
	float: left;
	cursor: pointer;
}
.detail_back_button:hover{
	background-position: 0 -20px;
}
.detail_back_button:active{
	background-position: 0 -20px;
}
.detail_back_text{
	text-indent: -500em;
}
.detail_artist_button{
	background-image: url("../../images/music_pv/artist_button.gif");
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 50px;
	height: 20px;
	clear: left;
	float: left;
	cursor: pointer;
}
.detail_artist_button:hover{
	background-position: 0 -20px;
}
.detail_artist_button:active{
	background-position: 0 -20px;
}
.detail_artist_text{
	text-indent: -500em;
}

/*--------------------------------使い方用---------------------------*/
#howto_conteiner{
    background-color: #000000;
    margin: 0px;
    padding : 0px;
    width: 660px;
    height: 395px;
    overflow: scroll;
}
.howto_title{
	margin-top: 8px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.howto_sub_title{
	margin-top: 2px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.72em;
	color: #CCCCCC;
	font-weight: bold;
	text-align: left;
}
.howto_normal{
	margin-top: 2px;
	margin-left: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, san-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: left;
}