body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size:	100%;
}

.w3c-title {
	font-family: 'Tangerine', cursive;
}

#header {
  margin:	20px;
}
#contents {
  /* margin:	20px;
  /* background-color:	lightgray; */
} 
.contents {
  /* margin:	20px;
  /* background-color:	lightgray; */
} 
#footer {
}

.hr {
  border-bottom:solid 1px red;
}

.loser-border {
  border-color:	red;
}

.loser-zone {
  /* background-color:	lightgray; */
}
.node {
  /* border:	1px solid red; */
}
.line {
  /* background-color:	yellow; */
}
.node-offset1 {
  float:	left;
  width:	6.25%;
}
.node-offset2 {
  float:	left;
  width:	22.5%;
}
.node-left {
  float:	left;
  width:	50%;
  /* border:	1px solid blue; */
}
.node-left-loser {
  float:	left;
}
.node-right-loser {
  float:	left;
}
.node-right {
  float:	left;
  width:	50%;
  /* border:	1px solid green; */
}
.node-right-wide {
  float:	left;
}
.node-bottom {
  clear:	both;
}

/* 横、ノーマル */
.node-box {
  width:	192px;
  height:	52px;
}
.node-box8 {
  width:	134px;
  height:	44px;
}

.player {
  border:	1px solid black;
  height:	52px;
}
.player-loser {
  border:	1px solid red;
  height:	52px;
}
.player8 {
  border:	1px solid black;
  height:	44px;
} 
.player8-loser {
  border:	1px solid red;
  height:	44px;
} 
.player-name-champion {
  width:	192px;
  height:	36px;
  padding-top:	4px;
  padding-bottom:	2px;
  font-size:	2em;
}
.player-name {
  width:	140px;
  height:	36px;
  padding-top:	4px;
  padding-bottom:	2px;
  font-size:	2em;
}
.player-name8 {
  width:	96px;
  height:	28px;
  padding-top:	4px;
  padding-bottom:	2px;
  font-size:	1.5em;
}
.player-name16 {
	width:	24px;
	height:	104px;
	margin:		0 auto;
	writing-mode:	vertical-rl;
	border:	1px solid black;

	position:relative;
}
.player-name16-loser {
	width:	24px;
	height:	104px;
	margin:		0 auto;
	writing-mode:	vertical-rl;
	border:	1px solid red;

	position:relative;
}
.player-name16-inner {
	position:	absolute;
	width:	1em;
	height:	100px;
	left:50%;
	display:inline;
	transform:translate(-40%, 0);
	font-size:	1.5em;
	padding-top:	4px;
}
.info {
  width:	140px;
  border-top:	1px solid black;
} 
.info-champion {
  width:	192px;
  border-top:	1px solid black;
} 
.info-loser {
  width:	140px;
  border-top:	1px solid red;
} 
.club {
  width:	98px;
} 
.club-champion {
  width:	192px;
} 
.club-loser {
  width:	98px;
} 
.handi {
  width:	38px;
  border-left:	1px solid black;
} 
.handi-champion {
} 
.handi-loser {
  width:	38px;
  border-left:	1px solid red;
} 

.info8 {
	width:		96px;
	border-top:	1px solid black;
} 
.info8-loser {
	width:		96px;
	border-top:	1px solid red;
} 
.club8 {
	width:		70px;
} 
.club8-loser {
	width:		70px;
} 
.handi8 {
	width:		24px;
	border-left:	1px solid black;
} 
.handi8-loser {
	width:		24px;
	border-left:	1px solid red;
} 
.handi16 {
  width:	24px;
  margin:	0 auto;
  border-left:	1px solid black;
  border-right:	1px solid black;
  border-bottom:	1px solid black;
} 
.handi16-loser {
  width:	24px;
  margin:	0 auto;
  border-left:	1px solid red;
  border-right:	1px solid red;
  border-bottom:	1px solid red;
} 
.line-v {
  width:	50%;
  height:	20px;
  border-right:	1px solid black;
}
.line-v-loser {
  width:	50%;
  height:	20px;
  border-right:	1px solid red;
}
.line-h {
  width:	50%;
  height:	20px;
  border-top:	1px solid black;
  border-right:	1px solid black;
  border-left:	1px solid black;
}
.line-h-loser {
  width:	50%;
  height:	20px;
  border-top:	1px solid red;
  border-right:	1px solid red;
  border-left:	1px solid red;
}
.line-h-wide {
  width:	65%;
  height:	20px;
  border-top:	1px solid black;
  border-right:	1px solid black;
  border-left:	1px solid black;
}
.line-h-wide-loser {
  width:	65%;
  height:	20px;
  border-top:	1px solid red;
  border-right:	1px solid red;
  border-left:	1px solid red;
}

.score8 {
	width:	36px;
	height:	44px;
	position:	relative;
	margin:		0 auto;
	border-top:	1px solid black;
	border-right:	1px solid black;
	border-bottom:	1px solid black;
}
.score8-loser {
	width:	36px;
	height:	44px;
	position:	relative;
	margin:		0 auto;
	border-top:	1px solid red;
	border-right:	1px solid red;
	border-bottom:	1px solid red;
} 
.score16 {
  width:	24px;
  height:	44px;
  position:	relative;
  margin:	0 auto;
  border-left:	1px solid black;
  border-right:	1px solid black;
  border-bottom:	1px solid black;
} 
.score16-loser {
  width:	24px;
  height:	44px;
  position:	relative;
  margin:	0 auto;
  border-left:	1px solid red;
  border-right:	1px solid red;
  border-bottom:	1px solid red;
} 
.score {
	width:	50px;
	height:	52px;
	position:	relative;
	margin:		0 auto;
	border-top:	1px solid black;
	border-right:	1px solid black;
	border-bottom:	1px solid black;
}
.score-loser {
	width:	50px;
	height:	52px;
	position:	relative;
	margin:		0 auto;
	border-top:	1px solid red;
	border-right:	1px solid red;
	border-bottom:	1px solid red;
}
.score-hr {
	padding-top:	1px;
	padding-right:	2px;
} 
.score-pt {
	font-size:	1.8em;
	position:	absolute;
	top:	50%;
	left:	50%;
	width:	100%;
	margin:	-0.7em 0 0 -50%; 

} 
.score-in {
	position:	absolute;
        bottom:		0;
	padding-left:	2px;
} 

.message {
	margin:	20px;
}

.text-winner {
}
.text-loser {
	color:	red;
}
.match-end {
  /* text-decoration:	line-through; */
  text-decoration:	underline;
}
.ml20 {
  margin-left:	20px;
}
.mt10 {
  margin-top:	10px;
}

@media print{
    .no_print{
        display: none;
    }
}