@charset "utf-8";
/* CSS Document */

/*スコアページ*/

h1 {
	border-bottom:1px solid #3478CB;
	padding:8px 0 6px 15px;
	background-image:url(../images/h1_score_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin:0;
	line-height:90%;
}
h2 {
	background-repeat: no-repeat;
	background-position: left center;
	font-size:1.0rem;/*16px基準で16x相当*/
}
/*タグ*/
#tag {
	margin-bottom:7px;
}
#tag ul {
	list-style-type: none;
}
#tag li {
	background-image:url(../images/tag.png);
	background-repeat:no-repeat;
	background-position:5px 0px;
	float:left;
	margin-right:12px;
	padding-left:28px;
	font-size:0.875rem;
}
/*ライナーノーツ*/

#side p.linernotes a {
	color:#0066FF;
}
/*ダウンロード販売*/
#download dl, dt, dd {
	overflow:hidden;
}
#download dl {
	margin: 15px 0 15px 0;
	display: block;
	line-height: 150%;
}
#download dt {
	float:left;
	width:120px;
	font-weight:bold;
}
#download dd {
	width:180px;
	float:left;
	clear:right;
}
#download h2 {
	padding:5px 0 0 35px;
	background-image:url(../images/h2_download.png);
}
/*購入ボタンの設定*/

#buy_score_box {
	height:32px;
}
/*YouTubeの設定*/

#movie h2 {
	padding:3px 0 0 35px;
	background-image:url(../images/h2_movie.png);
}
#movie ul {
	padding:20px 20px 15px 20px;
	background-color:#EEEEEE;
	line-height:130%;
}
/*スコアビュアー*/
#scoreViewer {
	width:638px;
	height:901px;
	border: 1px solid #000000;
	overflow:hidden;
	position:relative;
}
#scoreViewer #button {
	/*opacity:0;*/
	position:absolute;
	top:0px;
	left:0px;
	display: inline;
	cursor: pointer;
}
/*ソーシャルボタンの設定*/
#top #social {
	float:right;
	height: 30px;
	width: 300px;
}
/*コメントの設定*/
#comments {
	margin-top:30px;
	margin-bottom:15px;
	font-size:14px;
}
.comment_box {
	width:640px;

}
.prof_img {
	float:left;
	padding-top:1px;
	border-radius:100px;

}
.hukidasi {
	padding:10px 20px;

	position: relative;
	width: 525px;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.hukidasi:before {
	position: absolute;
	top: 20px;
	
	content: "";
	display: block;
	border: 5px solid transparent;
	border-right: 10px solid #ccc;
	width: 0;
	height: 0;
}
.hukidasi:after {
	position: absolute;
	top: 20px;

	content: "";
	display: block;
	border: 5px solid transparent;
	border-right: 10px solid #fff;
	width: 0;
	height: 0;
}
.hukidasi ul {
}
.hukidasi li {
	float:left;
}
.hukidasi li:first-child a{
	color:#3399FF;
}
.hukidasi li:last-child {
	margin-left:15px;
	margin-bottom:5px;
	color:#999999;
	font-size:13px;
}
.hukidasi p {
	clear:both;

}

.bt_more_comment{
	margin:0 auto;
}

/*ビジターのコメント調整*/
.visiter .hukidasi {

	float:right;

}
.visiter .hukidasi:before {
	left:-15px;
}
.visiter .hukidasi:after {

	left: -13px;
	
}

/*管理人のコメント調整*/


.webmaster .prof_img {
	float:right;


}

.webmaster .hukidasi {

	float:left;

}

.webmaster .hukidasi:before {

	right: -15px;
	
	border: 5px solid transparent;
	border-left: 10px solid #ccc;
	
}
.webmaster .hukidasi:after {

	right: -13px;

	border: 5px solid transparent;
	border-left: 10px solid #fff;

}