@charset "utf-8";

/* reset */
* { 
	margin : 0;
	padding : 0;
	border : 0; 
	color : #333333;
	font-weight : normal;
	font-family : sans-serif;
	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 : 13px; font-size : 1.3rem; }

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;}


figure {
	float: left;
	margin: 0 15px 15px 0;
}

/* id */

#container {
	width : 93.75%;
	height : 100%;
	min-height: 100%;
	margin: 0 auto;}
	/* 960/1024 */
body > #container { height : auto; }

#container_l {
	width : 23.438%;
	height : 2000px;
	float : left; }
	/* 240/1024 */
#container_r {
	width : 70.312%;
	height : 2000px;
	float : right; }
	/* 720/1024 */

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

#main {
	width : 100%;
	margin : 10px 0; }
#main p {
	margin : 30px 0 0 0; }

#nav {
	width : 50%;
	height : 2000px;
	float : right;
	margin : 30px 0; 
	line-height : 60px; }
	/* 120/240 */
#nav a { display : block; }
#nav_sm { display : none; }

#title { 
	width : 41.667%;
	height : 2000px;
	float : left;
	background-color : #ff6600;
	text-align : center; }
	/* 100/240 */
#title_sm { display : none; }

#toppage {
	box-sizing: border-box;
	width: 100%;
	height: 90%;
	display: flex;
	justify-content: center;
	align-items: center; }
#toppage2 {
	width: 300px;
	height: 300px; }

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

#watermark {
	border-bottom : double 3px #aaaaaa;
	margin : 30px 0;
	padding : 0 0 20px 0;
	font-size : 12px; font-size : 1.2rem;
	font-style : italic;
	color : #ffaa33; }

/* div_class */

.cl {
	clear : both; }

.disc_pic {
	float : right;
	margin : 0 15px 15px 15px; }

.intro {
	padding : 30px 0;
	line-height : 3.0; }

.plag {
	font-size : 14px; font-size : 1.4rem; }
.plag2 {
	margin : 20px;
	padding : 10px;
	border : solid 1px #ffcc77; }
.plag3 {
	margin : 20px;
	padding : 10px;
	border : solid 1px #77ccff; }
.plag4 {
	margin : 20px;
	padding : 10px; }

.song {
	padding : 0 0 0 30px; }

table.include {
	border-collapse: collapse;
	border : solid 1px #333333;
	margin : 0 0 30px 0; }

table.top_page {
	border-collapse: collapse;
	margin : 30px 0; }

	td.top_page_1 {
		padding : 15px 3px; }

table.rep_title {
	border-collapse: collapse;
	border : solid 1px #333333;
	margin : 0 0 30px 0; }

	td.rep_title_1 {
		padding : 5px;
		border-right : solid 1px #333333;
		border-bottom : solid 1px #333333;
		background : #cccccc;
		text-align : left; }
	td.rep_title_2 {
		padding : 5px;
		border-right : solid 1px #333333;
		border-bottom : solid 1px #333333;
		text-align : left; }
	td.rep_title_3 {
		padding : 5px 10px;
		border-bottom : solid 1px #333333;
		text-align : left; }

table.song_title {
	border-collapse: collapse;
	border : solid 1px #333333;
	margin : 0 0 30px 0; }

	td.song_title_1 {
		padding : 5px;
		border-right : solid 1px #333333;
		background : #ffcc77;
		text-align : right; }
	td.song_title_2 {
		padding : 5px;
		text-align : left; }

table.title_dec {
	border-collapse: collapse;
	border-bottom : solid 1px #333333;
	margin : 0 0 30px 0; }

table.works_title {
	border-collapse: collapse;
	border : solid 1px #333333;
	margin : 0 0 30px 0; }

	td.works_title_1 {
		padding : 5px;
		border-bottom : solid 1px #333333;
		background : #77ccff;
		text-align : center; }
	td.works_title_2 {
		padding : 5px;
		border-bottom : solid 1px #333333;
		text-align : center; }
	td.works_title_3 {
		padding : 5px;
		text-align : left; }

.title_search {
	padding : 0 0 30px 0;
	line-height : 3.0; }

.works_imp {
	padding : 0 0 0 20px;
	color : #aa7733; }

/* span_class */

.aiueo {
	padding : 15px;
	border : solid 1px #ff6600;
	font-size : 16px; font-size : 1.6rem; }
.aiueo_11 { color : #ff6600; }
.aiueo_111 { 
	font-size : 14px; font-size : 1.4rem;
	color : #ff6600; }

.aiueo_2 {
	padding : 15px;
	border : solid 1px #0066ff;
	font-size : 16px; font-size : 1.6rem; }
.aiueo_22 { color : #0066ff; }
.aiueo_222 { 
	font-size : 14px; font-size : 1.4rem;
	color : #0066ff; }

.chord_name {
	line-height : 3.0;
	border-bottom : solid 1px #333333; }

.cd_close1 {
	margin : 0 0 0 10px;
	color : #ffaa33; }
.cd_close2 {
	margin : 0 0 0 10px;
	color : #33aaff; }
.cd_close3 {
	margin : 0 0 0 10px;
	color : #999999; }

.day {
	font-style : italic; }

.fb { font-weight : bold; }

.song_name {
	font-size : 14px; font-size : 1.4rem;
	line-height : 3.0;
	border-bottom : solid 1px #333333; }