/* 和声学　CSS Document */
.wg_content
{
	width:1000px;
	margin:0;
}
/* -------------------------------------------------- */
/*                   楽譜設定                         */
/* -------------------------------------------------- */
#wrapper{position:relative;}
.wgL{float:left;width:580px;}
.wgR{float:left;width:400px;}
.wgR li{float:left;width:99px;margin-right:1px; padding:0;line-height:24px;}
.wgR li a{display:block;text-align:center;line-height:27px;}
#scoreL
{
	position:relative;
	float:left;
	width:165px;
	height: 240px;
}
#scoreR
{
	position:relative;
	float:left;
	width:835px;
	height: 240px;
}
.controller
{
	position:relative;
	width:1000px;
	float:right;
	height:112px;
	padding:15px 0;
	background:#fffff3;
	border:1px solid #ddd;
	border-right:none;
	border-left:none;
}
.controller2
{
	position:relative;
	width:1000px;
	float:right;
	height:237px;
	padding:15px 0;
	background:#fffff3;
	border:1px solid #ddd;
	border-right:none;
	border-left:none;
}
#view_marking{position:relative;}
#S11,#A11,#T11,#B11 {position:absolute; display:block; left:  1px;}
#S12,#A12,#T12,#B12 {position:absolute; display:block; left: 49px;}
#S21,#A21,#T21,#B21 {position:absolute; display:block; left:105px;}
#S22,#A22,#T22,#B22 {position:absolute; display:block; left:153px;}
#S31,#A31,#T31,#B31 {position:absolute; display:block; left:208px;}
#S32,#A32,#T32,#B32 {position:absolute; display:block; left:256px;}
#S41,#A41,#T41,#B41 {position:absolute; display:block; left:310px;}
#S42,#A42,#T42,#B42 {position:absolute; display:block; left:358px;}
#S51,#A51,#T51,#B51 {position:absolute; display:block; left:412px;}
#S52,#A52,#T52,#B52 {position:absolute; display:block; left:460px;}
#S61,#A61,#T61,#B61 {position:absolute; display:block; left:513px;}
#S62,#A62,#T62,#B62 {position:absolute; display:block; left:561px;}
#S71,#A71,#T71,#B71 {position:absolute; display:block; left:615px;}
#S72,#A72,#T72,#B72 {position:absolute; display:block; left:663px;}
#S81,#A81,#T81,#B81 {position:absolute; display:block; left:717px;}
#S82,#A82,#T82,#B82 {position:absolute; display:block; left:765px;}

#AD111,#AD112,#AD121,#AD122,#AD131,#AD132,#AD141,#AD142,#AD151,#AD152,#AD161,#AD162,#AD171,#AD172,#AD181,#AD182,
#AD211,#AD212,#AD221,#AD222,#AD231,#AD232,#AD241,#AD242,#AD251,#AD252,#AD261,#AD262,#AD271,#AD272,#AD281,#AD282,
#AD311,#AD312,#AD321,#AD322,#AD331,#AD332,#AD341,#AD342,#AD351,#AD352,#AD361,#AD362,#AD371,#AD372,#AD381,#AD382,
#AD411,#AD412,#AD421,#AD422,#AD431,#AD432,#AD441,#AD442,#AD451,#AD452,#AD461,#AD462,#AD471,#AD472,#AD481,#AD482,
#AD511,#AD512,#AD521,#AD522,#AD531,#AD532,#AD541,#AD542,#AD551,#AD552,#AD561,#AD562,#AD571,#AD572,#AD581,#AD582,
#AD611,#AD612,#AD621,#AD622,#AD631,#AD632,#AD641,#AD642,#AD651,#AD652,#AD661,#AD662,#AD671,#AD672,#AD681,#AD682
{
	display:none; position:absolute;
}
#AD111,#AD112,#AD121,#AD122,#AD131,#AD132,#AD141,#AD142,#AD151,#AD152,#AD161,#AD162,#AD171,#AD172,#AD181,#AD182{top:8px;}
#AD211,#AD212,#AD221,#AD222,#AD231,#AD232,#AD241,#AD242,#AD251,#AD252,#AD261,#AD262,#AD271,#AD272,#AD281,#AD282{top:67px;}
#AD311,#AD312,#AD321,#AD322,#AD331,#AD332,#AD341,#AD342,#AD351,#AD352,#AD361,#AD362,#AD371,#AD372,#AD381,#AD382{top:77px;}
#AD411,#AD412,#AD421,#AD422,#AD431,#AD432,#AD441,#AD442,#AD451,#AD452,#AD461,#AD462,#AD471,#AD472,#AD481,#AD482{top:102px;}
#AD511,#AD512,#AD521,#AD522,#AD531,#AD532,#AD541,#AD542,#AD551,#AD552,#AD561,#AD562,#AD571,#AD572,#AD581,#AD582{top:112px;}
#AD611,#AD612,#AD621,#AD622,#AD631,#AD632,#AD641,#AD642,#AD651,#AD652,#AD661,#AD662,#AD671,#AD672,#AD681,#AD682{top:122px;}

#AD111,#AD211,#AD311,#AD411,#AD511,#AD611{left:  5px;}
#AD112,#AD212,#AD312,#AD412,#AD512,#AD612{left: 53px;}
#AD121,#AD221,#AD321,#AD421,#AD521,#AD621{left:109px;}
#AD122,#AD222,#AD322,#AD422,#AD522,#AD622{left:157px;}
#AD131,#AD231,#AD331,#AD431,#AD531,#AD631{left:212px;}
#AD132,#AD232,#AD332,#AD432,#AD532,#AD632{left:260px;}
#AD141,#AD241,#AD341,#AD441,#AD541,#AD641{left:314px;}
#AD142,#AD242,#AD342,#AD442,#AD542,#AD642{left:362px;}
#AD151,#AD251,#AD351,#AD451,#AD551,#AD651{left:416px;}
#AD152,#AD252,#AD352,#AD452,#AD552,#AD652{left:464px;}
#AD161,#AD261,#AD361,#AD461,#AD561,#AD661{left:517px;}
#AD162,#AD262,#AD362,#AD462,#AD562,#AD662{left:565px;}
#AD171,#AD271,#AD371,#AD471,#AD571,#AD671{left:619px;}
#AD172,#AD272,#AD372,#AD472,#AD572,#AD672{left:667px;}
#AD181,#AD281,#AD381,#AD481,#AD581,#AD681{left:721px;}
#AD182,#AD282,#AD382,#AD482,#AD582,#AD682{left:769px;}

#MSK11,#MSK12,#MSK21,#MSK22,#MSK31,#MSK32,#MSK41,#MSK42,#MSK51,#MSK52,#MSK61,#MSK62,#MSK71,#MSK72,#MSK81,#MSK82
{
	position:absolute;top:0;
	opacity:0;
}
#MSK11{left:  2px;}
#MSK12{left: 52px;}
#MSK21{left:104px;}
#MSK22{left:154px;}
#MSK31{left:207px;}
#MSK32{left:257px;}
#MSK41{left:310px;}
#MSK42{left:360px;}
#MSK51{left:411px;}
#MSK52{left:461px;}
#MSK61{left:514px;}
#MSK62{left:564px;}
#MSK71{left:616px;}
#MSK72{left:666px;}
#MSK81{left:719px;}
#MSK82{left:769px;}

.btnBox  { position:absolute; width:50px; height:50px; }
.btnBox2 { position:absolute; width:50px; height:75px; }

.btnUP  {
	position: absolute;
	top: 0px;
	left: 0px;
}
.btnDW  { position:absolute; top: 25px; left: 0px; }
.btnAC  {
	position: absolute;
	top: 0px;
	left: 30px;
}
/* ---------- 和声記号 ---------- */
.kt
{
	font-size: 8pt;
	position:relative;
	top:+3px;
	left:-0px;
}
.tk
{
	font-size: 8pt;
	position:relative;
	top:-7px;
	left:-7px;
}
.tk0
{
	font-size: 8pt;
	position:relative;
	top:-7px;/*left:-7px;*/
}
img{vertical-align: bottom;}
#view_marking hr{margin-top:15px;}
.box1{
	background:#fffff5; 
	box-shadow:#ddd 3px 3px 4px;
	width:880px;
	border:1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	}
	.box2{
	background:#fffff5; 
	box-shadow:#ddd 3px 3px 4px;
	width:210px;
	float:left;
	margin:10px;
	border:1px solid #ccc;
	text-align:center;
	border-radius:4px;
	font-size:18px;
	box-sizing: border-box;
	}
	.box2 a{display:block;color:#555;padding:8px;}
	.box2 a:link{color:#555;}
	.box2 a:hover{color:#555;text-decoration:none;background: #e4f0bf;}
	h2{padding:0;margin:0; background:url(../WG0448773279/img/headerback.png); background-repeat:repeat;}
	h3{font-size:19px;}
	h4{font-size:17px;}
	p  {font-size:16px;}
	.tb_barG{border-top:2px solid #86b89E;border-bottom:2px solid #86b89E;padding:5px 0 5px 10px;}

	#wrapper {background-image: none;}
	.wid800p {max-width: 800px;}
	.wid900p {max-width: 900px;}
    .wid950p {max-width: 950px;}
	.f-btn {margin:0 5px 10px 5px; border:1px solid #AAA; text-align: center; box-sizing:border-box;}
	.f-dummy {margin:0 5px 0 5px; padding:0;}
	@media screen and (max-width:950px)
	{
		.wid950p.border_gray{border-left: none; border-right: none;}
	}