@charset "utf-8";
span.nametag_chord_root {
	font-size:30px; font-size:3.0rem;
}
span.nametag_chord_name {
	font-size:22px; font-size:2.2rem;
}
span.nametag_chord_root_other {
	font-size:20px; font-size:2.0rem;
}
span.nametag_chord_name_other {
	font-size:16px; font-size:1.6rem;
}
span.nametag_scale_root {
	font-size:20px; font-size:2.0rem;
}
span.nametag_scale_name {
	font-size:18px; font-size:1.8rem;
}
span.nametag_scale_root_other {
	font-size:16px; font-size:1.6rem;
}
span.nametag_scale_name_other {
	font-size:14px; font-size:1.4rem;
}
div.nametag_float_clear {
	clear: both;
}
div.nametag_explain {
	margin: 5px 0 0 10px;
	padding: 0;
	font-size:14px; font-size:1.4rem;
	color: #000080;
	opacity: 0.5;
}
div.nametag_name_frame_land {
	margin: 10px 0 0 0;
	padding: 0;
	font-size:14px; font-size:1.4rem;
	color: #000080;
}
div.nametag_name_land {
	float: left;
	margin: 0;
	padding: 0;
	font-size:20px; font-size:2.0rem;
	color: #000080;
	height:40px;
	line-height: 20px;
}
div.nametag_read_land {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	font-size:14px; font-size:1.4rem;
	color: #696969;
	height:40px;
	line-height: 20px;
}
div.nametag_other_land {
	margin: 0;
	padding: 0 0 0 10px;
	font-size:20px; font-size:2.0rem;
	color: #696969;
	height:40px;
	line-height: 20px;
}
div.nametag_notes_frame_land {
	margin: 10px 0px 20px 5px;
}
div.nametag_each_note_block_land {
	float: left;
	padding:0;
	margin: 0 0 5px 0;
	border-left: solid 1px #CCCCCC;
	overflow: hidden;
}
div.nametag_each_note_last_land {
	float: left;
	padding:0;
	margin: 0 0 5px 0;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	overflow: hidden;
}
div.nametag_interval_land {
	position: relative;
	font-size:14px; font-size:1.4rem;
	color: #111111;
	width:40px;
	height:40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
}
div.nametag_interval_circle_land {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #2ca9e1;
	color: #000000;
	font-size:14px; font-size:1.4rem;
	text-align: center;
	line-height: 30px;
}
div.nametag_note_land {
	position: relative;
	font-size:16px; font-size:1.6rem;
	color: #111111;
	width:40px;
	height:40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
}
div.nametag_note_mark_land {
	position: absolute;
	z-index: 201;
	top: 0;
	left: 0;
	font-size:32px; font-size:3.2rem;
	color: #000080;
	opacity: 0.5;
	width:40px;
	height:40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: transparent;
}
div.nametag_name_frame_port {
	float: left;
	margin: 20px 5px 0 0;
	padding: 0;
	font-size:14px; font-size:1.4rem;
	color: #000080;
}
div.nametag_name_port {
	margin: 0;
	padding: 0;
	font-size:20px; font-size:2.0rem;
	color: #000080;
	height:40px;
	line-height: 20px;
}
div.nametag_other_port {
	margin: 0;
	padding: 0 0 0 10px;
	font-size:20px; font-size:2.0rem;
	color: #696969;
	height:40px;
	line-height: 20px;
}
div.nametag_read_port {
	margin: 0;
	padding: 0 0 0 10px;
	font-size:14px; font-size:1.4rem;
	color: #696969;
	height:40px;
	line-height: 20px;
}
div.nametag_notes_frame_port {
	float: left;
	margin: 10px 5px 20px 5px;
}
div.nametag_each_note_block_port {
	padding:0;
	margin: 0;
	border-top: solid 1px #CCCCCC;
	overflow: hidden;
}
div.nametag_each_note_last_port {
	padding:0;
	margin: 0;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	overflow: hidden;
}
div.nametag_interval_port {
	float: left;
	position: relative;
	font-size:14px; font-size:1.4rem;
	color: #111111;
	width:50px;
	height:40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
}
div.nametag_interval_circle_port {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #2ca9e1;
	color: #000000;
	font-size:14px; font-size:1.4rem;
	text-align: center;
	line-height: 30px;
}
div.nametag_note_port {
	position: relative;
	float: left;
	font-size:16px; font-size:1.6rem;
	color: #111111;
	width:50px;
	height:40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
}
div.nametag_note_mark_port {
	position: absolute;
	z-index: 201;
	top: 0;
	left: 0;
	font-size:32px; font-size:3.2rem;
	color: #000080;
	opacity: 0.5;
	width:50px;
	height:40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: transparent;
}