@charset "UTF-8";

/*--------------------------------------------*/
/*	top.css     	                          */
/*--------------------------------------------*/

/* ------------ top_gnavibtn[Home] */ 
li#gnavi01{
	display:block;
	width:67px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/gnavi/navi_home.jpg) no-repeat left -18px;
}
	


/* ------------ topbannerArea */ 
#topbannerArea{
	width:960px;
	height:250px;  
}

#contentsArea_top{
	margin-top:55px;
	float: left;
}

/* ------------ //////////////////////////////////////////////////////////////////////////////////// contents_unsupermarket */  
#contents_unsupermarket {   
    float: left;  
    width: 290px;  
	 
}

#contents_market_titleArea{
	width:290px;
	height:66px;
	/*background:#FFF url(../img/top_unsupermaket/note.gif) no-repeat;*/
} 
#contents_market_title{
	width:290px;
	height:25px;
}
#su_line{
	width:290px;
	height:1px;
	background:url(../img/line_width.jpg) repeat-x top;
}

/* ------------ unsupermarket_box */   
.market_box {
	width:270px;
	margin:0 0 30px 10px;
	border-bottom:1px dotted #b2b2b2;
}

.market_box_inner{
	width:270px;
	margin-bottom:24px;
} 
.market_left{
	width:90px;
	height:90px;
	float:left;
}
.market_right{
	width:170px;
	float:right;
}
.market_ordertag{
	width:170px;
	height:8px;
	margin-bottom:7px;
}
.market_line{
	width:270px;
	height:1px;
	overflow:hidden;
	background:url(../img/line_width.jpg) repeat-x top;
	margin:24px 0 30px 10px;
}
/* ------------------------------------------------------------------------------------------------ unsupermarket_btn */ 
.more_info_btn a{
	margin:10px 0 20px 0;
	width:17px;
	height:11px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/top_unsupermaket/moreinfo_btn.jpg) no-repeat left 0;
}
.more_info_btn a:hover {
	background:url(../img/top_unsupermaket/moreinfo_btn.jpg) no-repeat left -11px;
}


.orderbtn_box{
	width:170px;
	/*height:21px;*/
}

.package_btn{
	/*float:left;*/
	margin-bottom:5px;
}
.data_btn{
	/*margin-left:2px;
	float:left;*/
	margin-bottom:5px;
}

.itunes_btn{
	margin-bottom:5px;
}
.order_btn{
	margin-bottom:5px;
}
.record_btn{
	margin-bottom:5px;
}


.package_btn a{
	display:block;
	width:71px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/top_unsupermaket/cd_btn.jpg) no-repeat left 0;
}
.package_btn a:hover {
	background:url(../img/top_unsupermaket/cd_btn.jpg) no-repeat left -21px;
}
.data_btn a{
	display:block;
	width:71px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/top_unsupermaket/data_btn.jpg) no-repeat left 0;
}
.data_btn a:hover {
	background:url(../img/top_unsupermaket/data_btn.jpg) no-repeat left -21px;
}


.itunes_btn{
	margin-top:20px;
}


.order_btn a{
	display:block;
	width:71px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/top_unsupermaket/order_btn.jpg) no-repeat left 0;
}
.order_btn a:hover {
	background:url(../img/top_unsupermaket/order_btn.jpg) no-repeat left -21px;
}

.record_btn a{
	display:block;
	width:71px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/top_unsupermaket/record_btn.jpg) no-repeat left 0;
}

.recoed_btn a:hover {
	background:url(../img/top_unsupermaket/record_btn.jpg) no-repeat left -21px;
}



/* ------------ //////////////////////////////////////////////////////////////////////////////////// contents_Info */   
#contents_Info {  
    float: left;
	margin-left:30px;  
    width: 368px;     
}  
#contents_Info_titleArea{
	width:368px;
	height:66px;
}
#contents_Info_title{
	width:368px;
	height:25px;
}

#Info_line{
	width:368px;
	height:1px;
	background:url(../img/line_width.jpg) repeat-x top;
}

#info_message{
	width:348px;
	height:918px;
	background:url(../img/info/message.jpg) no-repeat top;
}
   
/* ==================== infoArea ==================== */
.info_box{
 	width:348px;
 	margin-bottom:40px;
	margin-left:10px;
}
.info_box_inner{
	width:348px;
	border-left:1px dotted #b2b2b2;
}
.info_textArea{
	width:338px;
	margin-left:10px;
}
.info_tagArea{
 	height:13px;
 	margin-bottom:10px;
}
.info_title_textbox{
	width:338px;
	margin-bottom:20px;
}
.info_textbox{
	width:338px;
}

/* ------------ //////////////////////////////////////////////////////////////////////////////////// contents_artists */   
#contents_artists {      
    float: left;
	margin-left:30px;    
    width: 242px;   
}  
  
#contents_artists_titleArea{
	width:242px;
	height:66px;
} 
#contents_artists_title{
	width:242px;
	height:25px;
}

#artists_line{
	width:242px;
	height:1px;
	background:url(../img/line_width.jpg) repeat-x top;
}

#footerArea{
	clear:left;
}

/* ==================== linkbtn_box ==================== */
#linkbtn_box{
	width:225px;
	height:35px;
	margin-top:50px;
	margin-left:10px;
}

#youtube_btn{
	width:34px;
	height:35px;
	float:left;
}
#twitter_btn{
	width:34px;
	height:35px;
	margin-left:10px;
	float:left;
}
#myspace_btn{
	width:34px;
	height:35px;
	margin-left:10px;
	float:left;
}


#youtube_btn a,#twitter_btn a,#myspace_btn a{
	display:block;
	width:34px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
}

#youtube_btn a{
	background:url(../img/top_link/youtube_btn.jpg) no-repeat 0 0;
}
#youtube_btn a:hover{background:url(../img/top_link/youtube_btn.jpg) no-repeat 0 -35px;}

#twitter_btn a{
	background:url(../img/top_link/twitter_btn.jpg) no-repeat 0 0;
}
#twitter_btn a:hover{background:url(../img/top_link/twitter_btn.jpg) no-repeat 0 -35px;}

#myspace_btn a{
	background:url(../img/top_link/myspace_btn.jpg) no-repeat 0 0;
}
#myspace_btn a:hover{background:url(../img/top_link/myspace_btn.jpg) no-repeat 0 -35px;}

/* ==================== right ==================== */

.artist_box{
	width:225px;
	border:1px dotted #B7B7B7;
	margin:0 0 20px 10px;
}
.artist_box_innner{
	font-size:10px;
	line-height:180%;
	width:200px;
	margin:12px 0 12px 12px;
}
.artist_box p{
	margin-bottom:5px;
}


#artist_weg a,#artist_matryoshka a,#artist_tess a,#artist_mutyumu a,#artist_ryoma a,#artist_joseph a,#artist_kashiwa a,#artist_go-qualia a,#artist_xinlisupreme a,#artist_nqia a,#artist_bro a,#artist_vam a,#artist_canooooopy a,#artist_bool a,#artist_giant a,#artist_vmo a,#artist_mel a,#artist_hav a,#artist_sione a,#artist_aokiyutaka a,#artist_laxenanchaos a,#artist_drugondragon a,#artist_yaporigami a,#artist_smany a{
	display:block;
	width:200px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 20px 0;
}

#artist_weg a{background:url(../img/top_artists/btn_artist_weg.gif) no-repeat 0 0;}
#artist_weg a:hover{background:url(../img/top_artists/btn_artist_weg.gif) no-repeat 0 -18px;}

#artist_matryoshka a{background:url(../img/top_artists/btn_artist_matryoshka.gif) no-repeat 0 0;}
#artist_matryoshka a:hover{background:url(../img/top_artists/btn_artist_matryoshka.gif) no-repeat 0 -18px;}

#artist_tess a{background:url(../img/top_artists/btn_artist_tess.gif) no-repeat 0 0;}
#artist_tess a:hover{background:url(../img/top_artists/btn_artist_tess.gif) no-repeat 0 -18px;}

#artist_mutyumu a{background:url(../img/top_artists/btn_artist_mutyumu.gif) no-repeat 0 0;}
#artist_mutyumu a:hover{background:url(../img/top_artists/btn_artist_mutyumu.gif) no-repeat 0 -18px;}

#artist_ryoma a{background:url(../img/top_artists/btn_artist_ryoma.gif) no-repeat 0 0;}
#artist_ryoma a:hover{background:url(../img/top_artists/btn_artist_ryoma.gif) no-repeat 0 -18px;}

#artist_joseph a{background:url(../img/top_artists/btn_artist_joseph.gif) no-repeat 0 0;}
#artist_joseph a:hover{background:url(../img/top_artists/btn_artist_joseph.gif) no-repeat 0 -18px;}

#artist_kashiwa a{background:url(../img/top_artists/btn_artist_kashiwa.gif) no-repeat 0 0;}
#artist_kashiwa a:hover{background:url(../img/top_artists/btn_artist_kashiwa.gif) no-repeat 0 -18px;}

#artist_go-qualia a{background:url(../img/top_artists/btn_artist_go-qualia.gif) no-repeat 0 0;}
#artist_go-qualia a:hover{background:url(../img/top_artists/btn_artist_go-qualia.gif) no-repeat 0 -18px;}

#artist_xinlisupreme a{background:url(../img/top_artists/btn_artist_xinlisupreme.gif) no-repeat 0 0;}
#artist_xinlisupreme a:hover{background:url(../img/top_artists/btn_artist_xinlisupreme.gif) no-repeat 0 -18px;}

#artist_nqia a{background:url(../img/top_artists/btn_artist_nqia.gif) no-repeat 0 0;}
#artist_nqia a:hover{background:url(../img/top_artists/btn_artist_nqia.gif) no-repeat 0 -18px;}

#artist_bro a{background:url(../img/top_artists/btn_artist_bro.gif) no-repeat 0 0;}
#artist_bro a:hover{background:url(../img/top_artists/btn_artist_bro.gif) no-repeat 0 -18px;}

#artist_vam a{background:url(../img/top_artists/btn_artist_vam.gif) no-repeat 0 0;}
#artist_vam a:hover{background:url(../img/top_artists/btn_artist_vam.gif) no-repeat 0 -18px;}

#artist_canooooopy a{background:url(../img/top_artists/btn_artist_canooooopy.gif) no-repeat 0 0;}
#artist_canooooopy a:hover{background:url(../img/top_artists/btn_artist_canooooopy.gif) no-repeat 0 -18px;}

#artist_bool a{background:url(../img/top_artists/btn_artist_bool.gif) no-repeat 0 0;}
#artist_bool a:hover{background:url(../img/top_artists/btn_artist_bool.gif) no-repeat 0 -18px;}

#artist_giant a{background:url(../img/top_artists/btn_artist_giant.gif) no-repeat 0 0;}
#artist_giant a:hover{background:url(../img/top_artists/btn_artist_giant.gif) no-repeat 0 -18px;}

#artist_vmo a{background:url(../img/top_artists/btn_artist_vmo.gif) no-repeat 0 0;}
#artist_vmo a:hover{background:url(../img/top_artists/btn_artist_vmo.gif) no-repeat 0 -18px;}

#artist_mel a{background:url(../img/top_artists/btn_artist_mel.gif) no-repeat 0 0;}
#artist_mel a:hover{background:url(../img/top_artists/btn_artist_mel.gif) no-repeat 0 -18px;}

#artist_hav a{background:url(../img/top_artists/btn_artist_hav.gif) no-repeat 0 0;}
#artist_hav a:hover{background:url(../img/top_artists/btn_artist_hav.gif) no-repeat 0 -18px;}

#artist_sione a{background:url(../img/top_artists/btn_artist_sione.gif) no-repeat 0 0;}
#artist_sione a:hover{background:url(../img/top_artists/btn_artist_sione.gif) no-repeat 0 -18px;}

#artist_aokiyutaka a{background:url(../img/top_artists/btn_artist_aokiyutaka.gif) no-repeat 0 0;}
#artist_aokiyutaka a:hover{background:url(../img/top_artists/btn_artist_aokiyutaka.gif) no-repeat 0 -18px;}

#artist_laxenanchaos a{background:url(../img/top_artists/btn_artist_laxenanchaos.gif) no-repeat 0 0;}
#artist_laxenanchaos a:hover{background:url(../img/top_artists/btn_artist_laxenanchaos.gif) no-repeat 0 -18px;}

#artist_drugondragon a{background:url(../img/top_artists/btn_artist_drugondragon.gif) no-repeat 0 0;}
#artist_drugondragon a:hover{background:url(../img/top_artists/btn_artist_drugondragon.gif) no-repeat 0 -18px;}

#artist_yaporigami a{background:url(../img/top_artists/btn_artist_yaporigami.gif) no-repeat 0 0;}
#artist_yaporigami a:hover{background:url(../img/top_artists/btn_artist_yaporigami.gif) no-repeat 0 -18px;}

#artist_smany a{background:url(../img/top_artists/btn_artist_smany.gif) no-repeat 0 0;}
#artist_smany a:hover{background:url(../img/top_artists/btn_artist_smany.gif) no-repeat 0 -18px;}

.free_download a{
	display:block;
	width:103px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
}
.free_download a{background:url(../img/top_artists/btn_free_download.gif) no-repeat 0 0;}
.free_download a:hover{background:url(../img/top_artists/btn_free_download.gif) no-repeat 0 -12px;}