@charset "UTF-8";

/* 将棋 */

#Shogi { margin-left: 15px; }

.ResultTable, .ResultTable2, .ResultTable3 {
	border: 2px black solid;
	border-collapse: collapse;
	margin-left: 15px;
}
.ResultTable, .ResultTable2 { width: 90%; }
.ResultTable th, .ResultTable2 th, .ResultTable3 th {
	background-color: #BFE5E6;
	border: 1px black solid;
	color: black;
	padding: 1px;
	white-space: nowrap;
	text-align: center;
}

.ResultTable3 th, .ResultTable3 td {
	vertical-align: top !important;
	white-space: nowrap;
	padding: 5px;
	font-size: 10pt;
}
.ResultTable3 td {
	background-color: #E2F6F7;
	border: 1px black solid;
	padding: 1px 3px;
}

.ResultTable td, .ResultTable2 td { white-space: nowrap; }
.ResultTable .NoBorder {
	margin: 5px 10px;
	border: none;
}
.ResultTable .NoBorder td {
	background-color: #E2F6F7;
	border: none;
	border-bottom : 1px dashed black;
	font-size: 10pt;
	padding: 0 5px;
	white-space: nowrap;
	border-collapse: collapse;
}
.ResultTable .SmallTable2 {
	margin-left:30px;
	border: none;
	border-collapse: collapse;
}
.ResultTable .SmallTable2 td {
	font-size: 10pt;
	border: none;
}

.ResultTable2 .Status {
	background: orange;
	color: black;
}

.ThLT {
	vertical-align: top !important;
}

.ResultTable .ThC, .ResultTable2 .ThC { text-align: center; }
.ResultTable td, .ResultTable2 td {
	background-color: #E2F6F7;
	border: 1px black solid;
	font-size: 10pt;
	padding: 1px 3px;
}
.ResultTable td { vertical-align: top !important; }
.ResultTable .TdC { text-align: center; }
.ResultTable .TdR { text-align: right; }


.FontLarge {
	font-weight: 600;
	font-size: 12pt;
	border: 3px black double !important;
}

/* ----- 枠ありテーブル ----- */
.BorderTable3 {
	border: 2px black solid;
	border-collapse: collapse;
}
.BorderTable3 th, .BorderTable3 td {
	border: 1px black solid;
}
.BorderTable3 th {
	background-color: #BFE5E6;
	color: black;
	padding: 1px;
}

.BorderTable3 td {
	background-color: #E2F6F7;
	font-size: 10pt;
	padding: 1px 3px;
	padding-left:  8px  !important;
	padding-right: 8px  !important;
}

.BorderTable3 .TW { background-color: #FCF       !important; }
.BorderTable3 .TL { background-color: #E2F6F7    !important; }
.BorderTable3 .TC { background-color: lawngreen  !important; }
.BorderTable3 .Te { text-align: right !important; }


.FontS { font-size: 10px !important; }
.FontN {
	display:inline-block;
	transform: scale(0.75, 1.4);
	font-size: 10px !important;
}

.SMarkerW	{ background: linear-gradient(transparent 60%, #FCF 30%); }
.SMarkerL	{ background: linear-gradient(transparent 60%, #BBB 30%); }
.SMarkerC	{ background: linear-gradient(transparent 60%, lawngreen 30%); }

.St1S, .St2S, .St3S { 
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 10px;
	font-weight: bold;
	width:700px;
}


.RL0		{
		background-color: black !important;
		color: white !important;
		font-weight: bold;
		padding-left: 8px;
		padding-right: 8px;
}
.RW1, .RW1C	{ background-color: #FCF !important; }
.RL1, .RL1C	{ background-color: #CCC !important; }
.RD1, .RD1C	{ background-color: #FF9 !important; }
.CTD, .CTDC	{ background-color: #CF9 !important; }
.St0		{ background-color: #F99 !important; }
.St1, .St1C, .St1S, .RC1, .RC1C	{ background-color: #CFC !important; color: black; }
.St2, .St2C, .St2S { background-color: #5F5 !important; }
.St3, .St3C, .St3S, .St3R	{ background-color: #DDD !important; }
.St3R		{ text-align: right !important; }
.StT, .StTC	{ background-color: #F99 !important; }
.CTD2, .CTDC2	{ background-color: #CF6 !important; }
.CTD3, .CTDC3	{ background-color: #FF0 !important; }
.RW1C, .RL1C, .RD1C, .RC1C, .WTDC, .LTDC, .DTDC, .CTDC, .CTDC2, .Sente, .Gote, .St1C, .St2C, .St3C, .StTC { text-align: center !important; }
.TDF, .TDB	{
	padding-left:  8px  !important;
	padding-right: 8px  !important;
}
.TDB		{ text-align: right; }
.RW3	{ background-color: red; color: white; }
.RL3	{ background-color: #CCC; color: black; }
.RW3, .RL3	{ font-weight: 600; padding-left: 8px; padding-right: 8px; }
.RW2	{ color: red; }
.RL2	{ color: blue; }
.RW2, .RL2, .C	{ font-weight: 600; }
.FIN		{
	font-weight: bold;
	color: black;
	background: #9FF !important;
}
.MoveTo		{ float: right; margin-right: 180px; font-size: 10pt; white-space: nowrap; }

.RateH		{ background-color: #0F0 !important; }
.RateM		{ background-color: #CF0 !important; }
.RateL		{ background-color: #CCC !important; }

.Graph		{
	text-align: center;
	vertical-align: middle !important;
	width:  200px;
}

.GraphImg img	{ width: 200px; }