@charset "utf-8";

/* reset */
* {
	margin : 0;
	padding : 0;
	border : 0; 
	color : #333333;
	font-weight : normal;
	font-family : monospace;
	font-style : normal; 
	background-color : transparent;
	}

/* original */

html, body { height : 100%; }
html {
	line-height : 1.6;
	font-size : 62.5%; }
body {
	background-color : #ffffff;
	font-size : 12px; font-size : 1.2rem; }

a { text-decoration : none; }
a:link { color : #ff5500; }
a:active { color : #ff0000; }
a:visited { color : #ff77aa; }
a:hover { color : #ff0000; }
a:hover img {
	opacity : 0.6;
	filter : alpha(opacity=60);
	-moz-opacity : 0.6; }


ul {
	list-style : square;
	padding : 10px; }
li { margin : 0 0 7px 0; }


/* id */

#footer {
	border-top : 3px double #aaaaaa;
	padding : 30px 0 0 0;
	text-align : right;
	font-size : 10px; font-size : 1.0rem;
	font-style : italic; }

#gt { margin : 0 30px; }

#score_name {
	margin : 10px;
	font-size : 14px; font-size : 1.4rem;
	border-bottom : solid 1px #333333; }
#score_contents { margin : 10px; }

#usual {
	width : 95%;
	margin : 0px; }
#usual p {
	margin : 10px; 0 0 0; }


/* div_class */

table.score_cinema {
	border-collapse: collapse;
	border : solid 1px #333333;
	line-height : 2.0;
	margin : 5px 0 20px 10px; }

	td.score_cinema1 {
		border-right : solid 1px #333333;
		padding : 5px; }
	td.score_cinema2 {
		border-right : solid 1px #333333;
		padding : 5px;
		color : #448844; }
	td.score_cinema3 {
		border-right : solid 1px #333333;
		padding : 5px;
		color : #884444; }

table.chord_sm {
	border-collapse: collapse;
	margin : 5px;
	line-height : 1.0; }

	tr.chord_sm1 {
		padding : 0px;
		text-align : center; }

table.score_comp {
	border-collapse: collapse;
	border : solid 1px #333333;
	margin : 10px 0 20px 0; }

	td.score_kisu {
		padding : 5px;
		border-right : solid 1px #333333;
		border-bottom : solid 1px #333333;
		background : #ffcc77; }
	td.score_gusu {
		padding : 5px;
		border-right : solid 1px #333333;
		border-bottom : solid 1px #333333;
		background : #ffffff; }

table.score_piece {
	border-collapse: collapse;
	border : solid 1px #333333;
	margin : 5px 0 20px 10px; }

	td.score_piece1 {
		padding : 5px; }

table.score_piece_2 {
	border-collapse: collapse;
	border : solid 1px #333333;
	margin : 5px 0 5px 10px; }

	td.score_piece2 {
		padding : 5px 10px; }
	td.score_piece3 {
		padding : 5px 10px;
		color : #ff5555; }

.chord {
	display : inline-block;
	line-height : 1.0;
	font-family : SFMono-Regular, monospace;
	margin : 10px 3px; }

/* span_class */

.cinema2 { color : #448844; }
.cinema3 { color : #884444; }

.fb { font-weight: bold; }
.fb2 {
	font-weight: bold ;
	color : #aa7733; }

.fs { text-decoration: line-through; }

.fsup {
	vertical-align : super;
	text-decoration : none; }
.fsup2 {
	vertical-align : super;
	text-decoration : none;
	color : #aa7733; }
.fsup3 {
	vertical-align : super;
	text-decoration : none;
	font-family : SFMono-Regular, monospace; }

.score_att { color : #aa7733; }

.setsumei {
	border : solid 1px #aa7733;
	padding : 5px;
	color : #aa7733; }