@font-face {
	font-family: 'heavy_data';
	src: url('../../../../../soundpool/font/heavy_data-webfont.eot');
	src: url('../../../../../soundpool/font/heavy_data-webfont.eot?#iefix') format('embedded-opentype'),
	url('../../../../../soundpool/font/heavy_data-webfont.woff') format('woff'),
	url('../../../../../soundpool/font/heavy_data-webfont.ttf') format('truetype'),
	url('../../../../../soundpool/font/heavy_data-webfont.svg#heavy_dataregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* reset */
#artist_area p,
#artist_area_nr p {margin:0;}


.clearfix:after {  
	content: ".";
	display: block;
	height: 0;clear: both;
	visibility: hidden;
}

/* pickup artist */
#pick_artist_area {
width:900px;
margin:0 auto;
background:#000;
color:#FFF;
font-family:"メイリオ", sans-serif;
font-size:16px;
}

#pick_artist_area a {
color:#FFF;
text-decoration:none;
}

#pick_artist_area .box {
width:890px;
height:160px;
margin:5px;
padding:5px;
background:none;
float:left;
box-sizing:border-box;
}

#pick_artist_area .box:hover {
background:#555;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}

#pick_artist_area .name {
margin-bottom:5px;
padding-left:5px;
border-bottom:1px solid #ccc;
}

#pick_artist_area .box img {
width:160px;
height:auto;
float:left;
}

#pick_artist_area .box .intro {
width:700px;
height:72px;
float:right;
position:relative;
}

#pick_artist_area .box .intro p {
width:100%;
font-size:16px;
margin:0;
}

#pick_artist_area .box .intro .info {
color:#999;
position:absolute;
text-align:right;
bottom:-5px;
}
/* special */
#artist_area {
width:900px;
margin:0 auto;
background:#000;
color:#FFF;
font-family:"メイリオ", sans-serif;
font-size:13px;
}

#artist_area a {
display:block;
color:#FFF;
text-decoration:none;
}


#artist_area .box {
width:430px;
height:165px;
margin:5px;
padding:5px;
background:none;
float:left;
}

#artist_area .box:hover {
background:#555;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}

#artist_area .name {
margin-bottom:5px;
padding-left:5px;
border-bottom:1px solid #ccc;
}

#artist_area .box img {
width:120px;
height:auto;
max-height:120px;
float:left;
}

#artist_area .box .intro {
width:300px;
height:60px;
float:right;
position:relative;
}

#artist_area .box .intro p {
width:100%;
font-size:12px;
}

#artist_area .box .intro .info {
color:#999;
position:absolute;
text-align:right;
bottom:-5px;
}

/* new registration */

#artist_area_nr {
width:240px;
margin:0 auto;
background:#336;
color:#FFF;
font-family:"メイリオ", sans-serif;
font-size:13px;
}

#artist_area_nr a {
color:#FFF;
text-decoration:none;
}

#artist_area_nr .box {
width:220px;
margin:5px;
padding:5px;
background:#222;
}

#artist_area_nr .box:hover {
background:#555;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}

#artist_area_nr .name {
margin-bottom:5px;
padding-left:5px;
border-bottom:1px solid #ccc;
}

#artist_area_nr .box img {
width:80px;
height:auto;
max-height:68px;
float:left;
}

#artist_area_nr .box .intro {
width:140px;
height:40px;
float:right;
position:relative;
}

#artist_area_nr .box .intro p {
width:100%;
font-size:10px;
}

#artist_area_nr .box .intro .info {
color:#999;
position:absolute;
text-align:right;
bottom:-5px;
}

/* new release */

#new_release_area {
width:890px;
margin:20px auto 0;
padding:0 5px;
color:#000;
font-family:"メイリオ", sans-serif;
font-size:12px;
}

#new_release_area .box {
width:210px;
height:210px;
margin:0 1px 20px;
padding:5px;
float:left;
}

#new_release_area .box:hover {
background:rgba(100,100,100,0.4);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}

#new_release_area a {
color:#000;
}
 
#new_release_area .box .name {
font-weight:800;
color:#559;
margin-bottom:5px;
height:50px;
}

#new_release_area .box img{
width:150px;
height:150px;
margin-left:34px;
border:1px solid #555;
}

/* new release 記事 */
#news_area .entry {position:relative;}
#news_area .entry h2 {color:#FFF;font-family:メイリオ,sans-serif;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-bottom:1px solid #FFF;}
#news_area .entry_main {width:400px;min-height:400px;padding:0 80px;}
#news_area .entry_main {margin-top:60px;padding-bottom:60px;}
#news_area .entry_main a {text-decoration:underline;}
#news_area p {margin:0;}
#news_area img {max-width:100%;}
#news_area img {width:300px;height:auto;position:absolute;top:100px;right:80px;}
.social_btn {width:100%;padding-left:50px;}
.social_btn .like_btn {width:70px; height:62px;}


.entry .amazon{width:420px;}

#artist_area .readmore {
	width: 140px;
	margin: 30px auto 10px;
}

#artist_area .readmore a {
	padding:20px 25px;
	text-align:center;
	color:#000;
	background:#FFF;
}

#artist_area .readmore a:hover {
	color:#FFF;
	background:rgba(100,100,100,0.8);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
}