@charset "utf-8";
div.fret_head {
	position: absolute;
	z-index: 101;
}
div.fret_board {
	position: absolute;
	background-color: #fafad2;
	z-index: 101;
}
div.fret_fret {
	position: absolute;
	background-color: #a9a9a9;
	z-index: 103;
}
div.fret_string {
	position: absolute;
	background-color: #d3d3d3;
	z-index: 104;
}
div.fret_mark {
	position: absolute;
	border-radius: 50%;
	background-color: #c0c0c0;
	z-index: 102;
}
div.fret_position_indicator {
	position: absolute;
	z-index: 201;
}
a.fret_position_indicator_link {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size:11px; font-size:1.1rem;
	text-decoration: none;
	text-align: center;
	line-height: 32px;
}
a.fret_position_indicator_link:hover {
}
a.fret_position_indicator_disabled {
	pointer-events: none;
}
div.fret_position_indicator_over {
	position: absolute;
	z-index: 202;
}
a.fret_position_indicator_over_link {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: #000080;
	font-size:11px; font-size:1.1rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 32px;
	background-color: transparent;
}
a.fret_position_indicator_over_link:hover {
	color: #696969;
}
div.fret_number_panel {
	position: absolute;
	z-index: 101;
}
div.fret_number {
	position: absolute;
	width: 30px;
	height: 30px;
	color: #696969;
	font-size:10px; font-size:1.0rem;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	z-index: 201;
}