@charset "utf-8";



/*「オリジナル 見出し」ブロック*/
.org_hd {
	font-size: 20px;	/*文字サイズ*/
	text-align: center;
}
.org_hd a {
	display: block;
	text-decoration: none;
	color: #fff;	/*背景色*/
	border: 1px solid #2f4f4f;	/*枠線の幅、線種、色*/
	border-top: 2px solid #fff;		/*上の線の幅、線種、色*/
	border-bottom: 2px solid #fff;	/*下の線の幅、線種、色*/
	outline: 5px solid #2f4f4f;		/*アウトライン。上の２行で設定しているラインの外側の線。*/
	padding: 6px 0px;	/*上下、左右へのボックス内の余白*/
	border-radius: 4px;		/*角丸のサイズ*/
	background: #2f4f4f;	/*背景色*/
}
.org_hd b {
	display: block;
	text-decoration: none;
	color: #fff;	/*背景色*/
	border: 1px solid#608080;	/*枠線の幅、線種、色*/
	border-top: 2px solid #fff;		/*上の線の幅、線種、色*/
	border-bottom: 2px solid #fff;	/*下の線の幅、線種、色*/
	outline: 5px solid#608080;		/*アウトライン。上の２行で設定しているラインの外側の線。*/
	padding: 6px 0px;	/*上下、左右へのボックス内の余白*/
	border-radius: 4px;		/*角丸のサイズ*/
	background:#608080;	/*背景色*/
}
.org_name {
	font-size: 100%;	/*文字サイズ*/
	width: 270px;
	text-align: center;
}
p.org_name {
	font-size: 100%;	/*文字サイズ*/
	width: 270px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.org_artist {
	font-size: 100%;	/*文字サイズ*/
	width: 200px;
	text-align: center;
}
p.org_artist {
	font-size: 90%;	/*文字サイズ*/
	width: 200px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.org_album {
	font-size: 100%;	/*文字サイズ*/
	width: 150px;
	text-align: center;
}
p.org_album {
	font-size: 70%;	/*文字サイズ*/
	width: 150px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.org_genre {
	font-size: 100%;	/*文字サイズ*/
	width: 80px;
	text-align: center;
}
p.org_genre {
	font-size: 80%;	/*文字サイズ*/
	width: 80px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.org_playlist {
	font-size: 100%;	/*文字サイズ*/
	width: 140px;
	text-align: center;
}
p.org_playlist {
	font-size: 80%;	/*文字サイズ*/
	width: 140px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.org_time {
	font-size: 100%;	/*文字サイズ*/
	width: 30px;
	text-align: center;
}
p.org_time {
	font-size: 80%;	/*文字サイズ*/
	width: 30px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.org_count {
	font-size: 100%;	/*文字サイズ*/
	width: 30px;
	text-align: center;
}
p.org_count {
	font-size: 80%;	/*文字サイズ*/
	width: 30px;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.org_numBlk {
	font-size: 100%;	/*文字サイズ*/
	width: 80px;
	white-space: nowrap;
	text-align: right;
}
p.org_numBlk {
	display: inline-block;
	font-size: 100%;	/*文字サイズ*/
	width: 80px;
	white-space: nowrap;
	text-align: right;
	color: #000000; 
}
.org_numRed {
	font-size: 100%;	/*文字サイズ*/
	width: 80px;
	white-space: nowrap;
	text-align: right;
}
p.org_numRed {
	display: inline-block;
	font-size: 100%;	/*文字サイズ*/
	width: 80px;
	white-space: nowrap;
	text-align: right;
	color: #FF0000; 
}
.org_ratioBlk {
	font-size: 100%;	/*文字サイズ*/
	width: 140px;
	white-space: nowrap;
	text-align: right;
}
p.org_ratioBlk {
	display: inline-block;
	font-size: 100%;	/*文字サイズ*/
	width: 140px;
	white-space: nowrap;
	text-align: right;
	color: #000000; 
}
.org_ratioRed {
	font-size: 100%;	/*文字サイズ*/
	width: 140px;
	white-space: nowrap;
	text-align: right;
}
p.org_ratioRed {
	display: inline-block;
	font-size: 100%;	/*文字サイズ*/
	width: 140px;
	white-space: nowrap;
	text-align: right;
	color: #FF0000; 
}

/* ボタンデザイン */
.btn-square {
	display: block;
	padding: 0.5em 1em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	text-decoration: none;
	width: 300px;
	text-align: center;
	background: #604040;/*ボタン色*/
	color: #FFF;
	border-bottom: solid 4px #C0A0A0;
	border-radius: 3px;
  }
  .btn-square:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
  }
  .btn-square:hover {
	color: #E0C0C0;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}