/*使用例

<table class="resulttable">
<tbody>
<tr class="win">
<th class="class"></th><th class="name">鉄門</th>
<th class="game"></th><th class="score">2-0</th>
<th class="game"></th><th class="name">SSA</th><th class="class"></th>
</tr>
<tr>
<td>1D</td><td>荻本（理）・荻本（萌）</td>
<td>2</td><td>15-12<br>15-9</td><td>0</td>
<td>森・永尾</td><td></td>
</tr>
<tr>
<td>1S</td><td>荻本（萌）</td>
<td>2</td><td>15-12<br>15-9</td><td>0</td>
<td>永尾</td><td></td>
</tr>
</tbody>
</table>

<table class="resulttable2">
<tbody>
<tr>
<th class="class"></th><th class="name">男子1部 1回戦</th><th class="game"></th><th class="score"></th><th class="game"></th><th class="ename"></th>
</tr>
<tr>
<td></td><td>衣斐・稲葉</td>
<td>2</td><td>15-12<br>15-9</td><td>0</td>
<td>森・永尾（ひこうせん）</td>
</tr>
<tr>
<td></td><td>衣斐・稲葉</td>
<td>2</td><td>15-12<br>15-9</td><td>0</td>
<td>森・永尾（ひこうせん）</td>
</tr>
</tbody>
</table>
*/


.resulttable {
	width: auto;
	border-spacing: 0;
	font-size:16px;
	margin: auto;
	margin-bottom: 10px;
	table-layout: fixed;
	word-wrap: break-word;
}
.resulttable .class{
	width: 25px;
}
.resulttable .name{
	width: 220px;
}
.resulttable .game{
	width: 30px;
}
.resulttable .score{
	width: 60px;
}
.resulttable th {
	font-size: 18px;
	color: #000;
	padding: 8px 15px;
	background: #8ABADE;
	background:-moz-linear-gradient(#BBD3E5, #8ABADE 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#BBD3E5), to(#8ABADE));
	font-weight: bold;
	border-bottom:1px solid #aaa;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.resulttable .win th{
	background: #FE777E;
	background:-moz-linear-gradient(#FEB0B4, #FE777E 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#FEB0B4), to(#FE777E));
}
.resulttable th:first-child {
	border-radius: 5px 0 0 0;	
}
.resulttable th:last-child {
	border-radius:0 5px 0 0;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}
.resulttable tr td {
	padding: 8px 15px;
	text-align: center;
}
.resulttable tr td:first-child {
	border-right: 1px solid #aaa;	
}
.resulttable tr td:last-child {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}
.resulttable tr {
	background: #fff;
}
.resulttable tr:nth-child(2n+1) {
	background: #f5f5f5;
}
.resulttable tr:last-child td {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}
.resulttable tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}
.resulttable tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}




.resulttable2 {
	width: auto;
	border-spacing: 0;
	font-size:16px;
	margin: auto;
	margin-bottom: 10px;
	table-layout: fixed;
	word-wrap: break-word;
}
.resulttable2 .class{
	width: 25px;
}
.resulttable2 .name{
	width: 220px;
}
.resulttable2 .game{
	width: 30px;
}
.resulttable2 .score{
	width: 60px;
}
.resulttable2 .ename{
	width: 275px;
}
.resulttable2 th {
	font-size: 18px;
	color: #000;
	padding: 8px 15px;
	background: #eee;
	background:-moz-linear-gradient(#eee, #ddd 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
	font-weight: bold;
	border-bottom:1px solid #aaa;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.resulttable2 th:first-child {
	border-radius: 5px 0 0 0;	
}
.resulttable2 th:last-child {
	border-radius:0 5px 0 0;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}
.resulttable2 tr td {
	padding: 8px 15px;
	text-align: center;
}
.resulttable2 .win2:nth-child(2n) td{
	background: #ffeded;
}
.resulttable2 .win2:nth-child(2n+1) td{
	background: #fce1e1;
}
.resulttable2 tr td:last-child {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}
.resulttable2 tr {
	background: #eeffff;
}
.resulttable2 tr:nth-child(2n+1) {
	background: #ddffff;
}
.resulttable2 tr:last-child td {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.3);
}
.resulttable2 tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}
.resulttable2 tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}

/* style="color:black;text-decoration:none"*/

a.a-modal{
	color: #000000;
	text-decoration: none;
}
a.a-modal:hover{
	color: #000000;
	text-decoration: none;
}
.a-modal:before{
	color: #000000;
	text-decoration: none;
}

textarea {
	width: 600px;
	height: 20em;
}