.chart table{
	border-collapse: collapse;
	width: 100%;
	height: 130px;
	margin: 0;
	padding: 0;
}
.chart tr{
	margin: 0;
	padding: 0;
}
.chart tr.number{
	border: none;
}

	.chart td{
		background-color: white;
		position: relative;
		border-top: 2px solid #666;
		border-right: 2px solid #666;
		width: 30px;
		height: 30px;
		padding: 0;
		padding-left: 5px;
		margin: 0 auto;
	}
	td.moji_fret{
		background-color: #f5f5f5;
		border: none;
		font: bold 20px Verdana, sans-serif;
	}
	td.zero_fret{
		background-color: #f5f5f5;
		border: none;
		border-right: 5px solid #666;
	}
	td.number{
		background-color: #f5f5f5;
		border: none;
		text-align: center;
		font-weight: bold;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
	td.last{
		border-bottom: 2px solid #666;
	}
	td.hfret{
		/*background-color: #eaeaea !important;*/
		background-color: #f6f6f6 !important;
	}

.layer1 , .layer2{
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	text-align: center;
}
.layer2{
	top: 3px;
	color: #ccc;
	font: bold 16px Verdana, sans-serif;
}

.scale_title{
	margin: 15px 0 5px 0;
	font: bold 20px Verdana, sans-serif;
}
	.scale_title b{
	font-size: 40px;
	}

.key_select{
	width: 50px;
}
.scale_select{
	width: 200px;
}


input.fontawesome_submit{
	font-family: FontAwesome /*FontAwesomeをフォント指定*/;
}

.label_link{
	color: white;
	text-decoration: none;
}
.label_link:hover{
	color: white;
	/*text-decoration: none;*/
}