@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:500,900');
@import url('https://fonts.googleapis.com/css?family=Orbitron&display=swap');

body {
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	font-family:
		Roboto,
		Helvetica,
		Verdana,
		"ヒラギノ角ゴ Pro W3",
		"遊ゴシック",
		"メイリオ",
		"ＭＳ Ｐゴシック",
		sans-serif;
	/* 設定変更可能箇所 */
	background: #ffffff;
	color: #0a0a0a;
}
header {
	display: block;
	width: 100%;
	height: 28px;
	border-bottom: #0a0a0a double 3px;
}
header div {
	float: left;
	width: 300px;
	font-size: 24px;
	padding: 0;
	font-weight: normal;
	font-family: 'Orbitron', cursive;
}
header ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
	list-style-type: none;
	font-weight: normal;
}
header li {
	float: left;
	height: 26px;
	width: 100px;
	text-align: center;
}
header li a {
	display: block;
	padding: 4px;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}
header li span {
	display: block;
	padding: 4px;
	font-size: 16px;
	color: #ccc;
}
header li a:visited {
	color: #000;
	text-decoration: none;
}
header li a:hover , header li.sel {
	background: #0a0a0a;
	color: #fff;
	text-decoration: none;
}
header li.sel a:visited, header li.sel a  {
	color: #fff;
	text-decoration: none;
	background: #0a0a0a;
}

footer {
	display: block;
	width: 98%;
	margin-top: 12px;
	font-size: 14px;
	padding: 12px 1%;
	background: #dadada;
	border-top: #ffffff double 4px;
}
footer .company, footer .footmenu, footer .langmenu {
	display: inline-block;
}
footer .company {
	color: #111;
	width: 30%;
}
footer .footmenu {
	width: 58%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
}
footer .footmenu li {
	margin-left: 8px;
	padding: 0;
	display: inline;
}
footer .footmenu li a, footer .footmenu li a:visited {
	color: #000;
} 
footer .footmenu .button {
	text-decoration: underline;
	cursor: pointer;
}
footer .langmenu {
	text-align: right;
	width: 10%;
}
footer .langmenu a,footer .langmenu span { margin-left: 4px; }
footer .langmenu a,footer .langmenu a:visited { color: #000; }
footer .langmenu span { color: #777; }

article {
	margin-top: 12px;
	display: grid;
	gap: 10px;
	grid-template-rows: 40px;
    grid-template-columns: 200px;
}
h3 {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #bababa;
}
h5 {
	display: block;
	font-weight: normal;
	text-align: center;
	margin: 6px;
	padding: 0;
	border-bottom: 1px solid #bababa;
}
button {
	border-radius: 0.8em;
	border: 1px solid #ddd;
	background: #eaeaea;
	box-shadow: 1px 1px 1px #777;
	margin-top: 3px;
}
button:hover {
	background: #333;
	color: #fff;
}
select, option {
	height:24px;
}
.s {
	font-size: 80%;
	color: #222;
}
.subMenu {
	display: none;
	width: 1200px;
	min-height: 32px;
	padding: 4px 0;
	margin: 0 auto;
	background:rgba(40,40,40,0.8);
	color: #fff;
	clear: both;
}
.subMenu div {
	height: 24px;
}
.fixed {
	position: fixed;
	top: 0;
	z-index: 990;
	margin: 0;
} 
.saveCon {
	display: none;
	padding: 12px 0;
	float: right;
}
.loadCon {
	display: none;
	padding: 12px 0;
	list-style-type: none;
	width: 100%;
	min-height: 32px;
}
.loadCon li {
	float: left;
	width: 28%;
	margin: 4px 1%;
	padding: 6px 1%;
	border-radius: 0.5em;
	background: #7a7a7a;
	box-shadow: 1px 1px 1px #0a0a0a;
	color: #fff;
	text-align: center;
}
.loadCon li:hover {
	background: #881111;
	cursor: pointer;
}
.loadCon em {
	font-style: normal;
}
.saveCon input {
	margin-right: 24px;
}
button.subBtnRun, button.subBtnReset, .subBtnSave , .subBtnLoad, button.subBtnEntry {
	height: 28px;
	width: 140px;
	float: right;
	margin-right: 8px;
	border: none;
	box-shadow: 0 1px 1px #000;
}
button.subBtnRun {
	width: 730px;
	background: #dd3939;
	color: #fff;
}
button.subBtnReset {
	background: #111188;
	color: #fff;
}
button.subBtnEntry {
	background: #9ea020;
	color: #fff;
}
button.subBtnRun:hover, button.subBtnReset:hover {
	background: #333;
}
.btnClearConAll {
	display: inline-block;
	font-size: 12px;
	margin: 0 0 2px 1em;
	background: #111188;
	border: none;
	color: #fff;
}
.l { text-align: left;}
.r { text-align: right;}
.tab_menu, #stats_menu {
	display: flex;
	margin: 12px 0;
}
.tab_menu {border-bottom: 1px solid #777;}
.tab_menu li {
	flex: 1 1 12%;
	text-align: center;
	list-style:none;
	cursor: pointer;
	padding: 8px 0;
	margin: 0 2px;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}
.tab_menu li:hover {
	background: #777;
	color:#fff;
}
#stats_menu li {
	flex: 1 1 12%;
	text-align: center;
	list-style:none;
	cursor: pointer;
	padding: 8px 0;
	margin: 0 2px;
	border: 1px solid #777;
	border-radius: 0.5em;
}
.introduction , .selectMenu , .gameMenu ,.dataMenu {
	grid-column: 1 / 5;
}
.introduction { 
	grid-row: 2;
	margin-top: 12px;
}
.introduction p {
	line-height: 1em;
	color: #111111;
} 
.introduction p.alert {
	background: #b30d28;
	color:#ffffff;
	padding: 1em 0;
}
.selectMenu h3 {
	margin-top: 6px;
}
.year , .gamekind, .competition {
	display: inline-block;
	list-style: none;
	margin-left: 24px;
	margin: 4px 16px;
}
.year li , .gamekind li , .competition li {
	display: inline-block;
	padding: 4px;
	background: rgba(240,240,240,0.8);
	color: #000;
	border: 1px solid #3a3a3a;
	text-align: center;
	cursor: pointer;
}
.competition li {
	border-radius: 0.5em;
}
.competition li a {
	display: block;
	text-decoration: none;
	color: #000;
}
.competition li:hover, .competition li:hover a, .competition a:hover , .competition li.sel, .competition li.sel a {
	background: #f5f107;
	color: #000000;
} 
.subBtnSelect { 
	display: block;
	margin-left: 3%;
	width: 94%;
}
.selectMenu { 
	grid-row: 1;
	background: #3a3a3a;
	color: #fff;
	border-radius: 0.8em;
	min-height: 40px;
	padding: 6px 0;
}
.selectMenu h3 {
	text-align: center;	
	border: none;
}
.gameMenu {	
	grid-row: 3;
}
.gameMenu dl {
	float: left;
	width: 16.5%;
	min-height: 16px;
	margin: 4px 0;
	
}
.underMenu dl {
	float: left;
	width: 32.5%;
}
.gameMenu dt,.underMenu dt {
	display: block;
	border-bottom: 1px solid #eee;
}
#underMenu7 dt  {
	border-bottom: none;
}
.gameMenu dd {
	display: block;
}
.gameMenu dd input {
	width: 35%;
}
.gameMenu dl.full {
	width: 100%;
	min-height: 24px;
	height: auto;
}
.gameMenu dl.setRnd {
	width: 60%;
}
.gameMenu dl.setRnd input {
	width: 40px;
}
.gameMenu dl.setRnd div {
	display: inline-block;
	width: 20%;
	margin: 0;
	vertical-align: top;
}
.gameMenu dl.setRnd table, .gameMenu dl.setMonth table {
	display: inline-block;
	border-collapse: separate;
	width: 79%;
	font-size: 12px;
}
.gameMenu dl.setGameDate {
	width: 20%;
}
.gameMenu dl.setTime {
	width: 66%;
	height: auto;
}
.gameMenu dl.setTimeCtrl {
	width: 33%;
	height: auto;
}
.gameMenu dl.setRnd td, .gameMenu dl.setMonth td, .gameMenu dl.setTime td{
	width: 20px;
}
.gameMenu dl.setTime table {
	border-collapse: separate;
}
.gameMenu dl.setTime td, .gameMenu dl.setMonth td, .gameMenu dl.setRnd td {
	text-align: center;
	background: rgba(240,240,240,0.8);
	border: 1px solid #fff;
}
.gameMenu dl.setTimeCtrl td {
	width: 50px;
	text-align: center;
}
.gameMenu dl.setTimeCtrl input {
	width: 50px;
}
.dataMenu {
	grid-row: 4;
	margin: 8px 0;
}
#selectTable {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 6px;
}
#selectTable div {
	flex: 1 1 120px;
	font-size: 12px;
	text-align: center;
}
#selectTable div em {
	display: block;
	font-style: normal;
	margin: 2px 2px;
	padding: 4px 0;
	background: #eaeaea;
	min-height: 3em;
}
#selectTable div span {
	display: block;
	color:#ffffff;
	margin: 2px 2px;
	font-size: 8px;
}
#selectTable div span.table {
	background: #2b8fc9;
}
#selectTable div span.board {
	background: #2db33f;
}
#selectTable div span.notPl {
	background: #d4cece;
	color: #211f1f;
	padding: 2px 0;
}
#selectTable div em:hover {
	background: #6a6d70;
	color: #fff;
	cursor: pointer;
}
#shortCut {
	margin-top: 6px;
}
#shortCut ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
}
#shortCut li {
	flex: 1 1 180px;
	font-size: 12px;
	text-align: center;
	border-radius: 1em;
	background: #eaf8e2;
	margin: 2px 2px;
	padding: 4px 0;
}
#shortCut li:hover {
	background: #6a6d70;
	color: #fff;
	cursor: pointer;
}
#setTeam ,.selFormY, dd.setGameKindDaihyo,#setAgTeam {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.setTouch span, .setAction span, .setPlayKind span, .setAOAction span, .setBOAction span, .setRAction span, .setBAction span, .setRPlayer span, .setBPlayer span, .setPlayAdd span, .setFormation span, .setFormationR span, .setAgFormationR span, .setTableMaster span, .setPlayingTime span {
	display: inline-block;
	width: 90px;
	padding: 2px 2px;
	font-size: 10px;
	border: 1px solid #fff;
	background: rgba(240,240,240,0.8);
}
.setPlayKind span {
	font-size: 12px;
}
#setTeam span, #setAgTeam span , .selFormY span, .setGameKindDaihyo span {
	flex: 1 1 50px;
	padding: 2px 0;
	text-align: center;
	font-size: 12px;
	border: 1px solid #fff;
	background: rgba(240,240,240,0.8);
}
.selFormY span {
	flex: 1 1 20%;
}
.sideMenu {
	grid-column: 1;
	grid-row: 5 / 10;
	border-right: 1px solid #bababa;
}
.sideMenu dt {
	border-radius: 0.6em;
	background: #999;
	color: #fff;
	padding: 4px 8px;
	height: 16px;
	margin: 4px 0;
}
.sideMenu .btnClear {
	height: 12px;
	background: #eaeaea;
	border-radius: 1em;
	float: right;
	padding: 2px;
}
.sideMenu .btnClear:hover {
	cursor: pointer;
	background: #777;
}
.setParameter div {
	display: block;
}
.setParameter span, .setParameter input {
	display: inline-block;
	width: 40%;
	text-align: center;
}
.datacaption {
	font-size: 12px;
	color: #333333;
	padding: 1em;
}
.gameMenu .btnClear, .underMenu .btnClear {
	height: 12px;
	margin-left: 16px;
}
.gameMenu .btnClear:hover , .underMenu .btnClear:hover {
	cursor: pointer;
}
.btnOpenClose {
	background: #eaeaea;
	border-radius: 1em;
	float: left;
	height: 12px;
	width: 12px;
	padding: 2px;
	text-align: center;
	vertical-align: baseline;
	color: #1a1a1a;
	font-style: normal;
	margin-right: 4px;
}
.btnOpenClose:hover {
	cursor: pointer;
	background: #777;
	color: #fff;
}
.tab_menu em {
	display: none;
	background: #11df25;
	border-radius: 1em;
	height: 12px;
	width: 12px;
	text-align: center;
}
.groupMenu ,#outputStats,#outputDraw,#outputStatsClone {
	grid-column: 2 / 5;
}
.groupMenu {
	grid-row: 5;
}
.groupMenu div {
	display: flex;
}
.record .groupMenu div {
	flex-flow:row wrap; 
}
.groupMenu .groupsub1 span {
	flex: 1 1 120px;
	margin: 4px 4px;
	padding: 6px 0;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 0.6em;
	text-align: center;
}
.groupMenu div span:hover {
	background: #dadada;
	cursor: pointer;
}
#outputStats, #outputDraw, #outputStatsClone {
	/*min-height: 600px;*/
	max-width: 980px;
}
#outputStats {
	grid-row: 6;
}
#outputDraw {
	grid-row: 6;
}
#outputStatsClone {
	grid-row: 7;
}

.comment {
	display: block;
	margin-top: 24px;
	border-collapse: collapse;
	color: #111;
}
.comment td {
	border-bottom: 1px solid #dadada;
	width: 570px;
	padding: 0 15px;
}
td.dataTitle {
	width: 170px;
	text-align: right;
	border-right: 1px dotted #dadada;
}
#loading {
	display: none;
	height: 60px;
	text-align: center;
}
#loading span {
	display: block;
}
.sumMenu {
	display: block;
	width: 100%;
	height: 48px;
}
.groupMenu dl ,.sumMenu dl, .statssubMenu dl, #underMenu7 dl {
	float: left;
	width: 32%;
	margin: 3px 0.5%;
	border: 1px solid #ddd;
	border-radius: 0.6em;
	height: 32px;
}
#underMenu7 dl.fieldMenuHalf, dl.groupMenuHalf {
	width: 48.5%;
}
#underMenu7 dl.fieldMenuOne {
	width: 99%;
}
#underMenu7 dl.fieldMenuHalf dt {
	width: 27%;
}
dl.fieldMenuOne dt {
	width: 48%;
}
dl.groupMenuHalf dt {

	width: 47.5%;
}
.sumMenu dl {
	width: 23.6%;
}
.groupMenu dt, .sumMenu dt, .statssubMenu dt, #underMenu7 dt  {
	float: left;
	width: 47%;
	height: 24px;
	padding: 6px 0;
}
.groupMenu dd ,.sumMenu dd, .statssubMenu dd, #underMenu7 dd {
	float: left;
	width: 47%;
	height: 24px;
	padding: 2px 0;
}
#board2 .MoveMenu dl {
	float: left;
	width: 32%;
	margin: 3px 0.5%;
	border: 1px solid #ddd;
	border-radius: 0.6em;
	height: 72px;
}

.sumMenu dt {
	width: 30%;
}
.sumMenu dd {
	width: 64%;
}
.groupMenu dt, .sumMenu dt, .statssubMenu dt, #underMenu7 dt  {
	text-align: right;
	padding-right: 2%;
	border-right: 2px dotted #ddd;
}
.groupMenu dd,.sumMenu dd, .statssubMenu dd , #underMenu7 dd  {
	text-align: left;
	padding-left: 2%;
}
.sumMenu option ,.sumMenu select {
	font-size: 12px;
}
.groupMenu button {
	display: block;
	width: 96%;
	margin-top: 4px;
	margin-left: 2%;
	height: 24px;
}
.underMenu {
	grid-column: 2 / 5;
	grid-row: 8;
}
.setPAr1, .setPAr2, .setPAr3, .setSCDiff table, .setScore table  {
	border-collapse: separate;
	width: 100%;
}
.setPAr1 td, .setPAr2 td, .setPAr3 td, .setSCDiff td, .setScore td {
	text-align: center;
	background: rgba(240,240,240,0.8);
	border: 1px solid #fff;
	font-size: 12px;
}
.setPAr2 td {width: 25%;}
.setPAr3 td {width: 20%;}
.setWithPlayerID dd {
	font-size: 12px;
}
.setWithPlayerID input {
	width: 45%;
}
.setWithPlayerID select {
	width: 48%;
}
.setAOTeam span,.setBOTeam span, .setOffEnd span,.setBOFlag span, .setOffStart span, .setOffStart2 span, .setResult span, .setGHA span, .setTeamStyle span, .setEPosition span, .setNextGoal span {
	float: left;
	width: 30%;
	padding: 2px 0;
	padding-left: 2%;
	font-size: 12px;
	text-align: left;
	background: rgba(240,240,240,0.8);
	border: 1px solid #fff;
}
.setOffStart span,.setOffStart2 span {
	float: left;
	width: 45%;
	padding: 2px 0;
	padding-left: 2%;
	font-size: 12px;
	height: 16px;
}

.gameMenu .setYear span, .setStage span, .setLeague span { 
	float: left;
	width: 36px;
	padding: 2px 0;
	font-size: 12px;
	text-align: center;
	background: rgba(240,240,240,0.8);
	border: 1px solid #fff;
}
.setEPosition span { width: 21%;}
.setTeamStyle span { width: 47%;}
.setResult span, .setGHA span, .setEPosition span {
	text-align: center;
}
.setOffStart div {
	display: block;
	font-size: 12px;
	margin: 4px 0;
}
.setInsS span, .setInsG span {
	float: left;
	width: 7.2%;
	padding: 2px 0;
	padding-left: 1%;
	font-size: 12px;
	text-align: center;
	background: rgba(240,240,240,0.8);
	border: 1px solid #fff;
}

.setPPitch, .setPPitch2 {
	margin: 0 auto;
	border-collapse: collapse;
	color: #ccc;
	/*
	width: 102px;
	height: 157.5px;
	*/
	width: 95.2px;
	height: 147px;
	background-image: url('../img/pitch.png');
	background-size: cover;
	font-size: 8px;
}
.setPPitch3 {
	margin: 0 auto;
	border-collapse: collapse;
	color: #ccc;
	width: 186px;
	height: 90px;
	background-image: url('../img/pa.png');
	background-size: cover;
	font-size: 8px;
}
.setPPitch2 {
	width: 136px;
	height: 210px;
}
.setHPitch {
	margin: 0 auto;
	color: #ccc;
	width: 150px;
	height: 100px;
	background-image: url('../img/halfpitch.png');
	background-size: cover;
	font-size: 8px;
}
.setPPitch td , .setHPitch td, .setPPitch2 td, .setPPitch3 td {
	text-align: center;
	background: rgba(240,240,240,0.8);
}
#setFrom101 ,#setFrom106, #setFrom111, #setFrom116, #setFrom121, #setFrom126 
,#setFrom105 ,#setFrom110, #setFrom115, #setFrom120, #setFrom125, #setFrom130 {
	width: 18px;
}
#setFrom103 ,#setFrom108, #setFrom113, #setFrom118, #setFrom123, #setFrom128 {
	width: 25px;
}
#setFrom101, #setFrom102, #setFrom103, #setFrom104, #setFrom105,
#setFrom126, #setFrom127, #setFrom128, #setFrom129, #setFrom130 {
	height: 21.5px;
}
#setTo101 ,#setTo106, #setTo111, #setTo116, #setTo121, #setTo126 
,#setTo105 ,#setTo110, #setTo115, #setTo120, #setTo125, #setTo130 {
    width: 18px;
}
#setTo103 ,#setTo108, #setTo113, #setTo118, #setTo123, #setTo128 {
    width: 25px;
}
#setTo101, #setTo102, #setTo103, #setTo104, #setTo105,
#setTo126, #setTo127, #setTo128, #setTo129, #setTo130 {
    height: 21.5px;
}
#setTrackArea101 ,#setTrackArea106, #setTrackArea111, #setTrackArea116, #setTrackArea121, #setTrackArea126 
,#setTrackArea105 ,#setTrackArea110, #setTrackArea115, #setTrackArea120, #setTrackArea125, #setTrackArea130 {
    width: 18px;
}
#setTrackArea103 ,#setTrackArea108, #setTrackArea113, #setTrackArea118, #setTrackArea123, #setTrackArea128 {
    width: 25px;
}
#setTrackArea101, #setTrackArea102, #setTrackArea103, #setTrackArea104, #setTrackArea105,
#setTrackArea126, #setTrackArea127, #setTrackArea128, #setTrackArea129, #setTrackArea130 {
    height: 21.5px;
}
.setPPitch3 .setPASide {
	width: 5px;
}
#setFrom141, #setFrom142, #setFrom143, #setFrom145, #setFrom146, #setFrom147 {
	width: 21px;
	height: 22px;
}
#setFrom144 {	
	height: 22px;
	width: 29px;	
}
#setFrom148, #setFrom149, #setFrom150, #setFrom151, #setFrom152, #setFrom153, #setFrom154
,#setFrom155, #setFrom156, #setFrom157, #setFrom158, #setFrom159, #setFrom160, #setFrom161 {
	height: 22px;
}
#setTo141, #setTo142, #setTo143, #setTo145, #setTo146, #setTo147 {
    width: 21px;
    height: 22px;
}
#setTo144 {   
    height: 22px;
    width: 29px;    
}
#setTo148, #setTo149, #setTo150, #setTo151, #setTo152, #setTo153, #setTo154
,#setTo155, #setTo156, #setTo157, #setTo158, #setTo159, #setTo160, #setTo161 {
    height: 22px;
}
#setAgLineRange1, #setAgLineRange2 { height: 14.5px; }
#setAgLineRange7 { height: 102.5px; }


.setSentOff th {
	font-weight: normal;
	font-size: 12px;
}
.setPlayingTime input, .setTotalTime input {
	width: 40%;
}
.setPlayerID input, #setMovePlayerID {
	width: 95%;
}
.setPPitch td:hover
	, .setPPitch2 td:hover
	, .setPPitch3 td:hover
	, .setHPitch td:hover
	, .setPAr1 td:hover
	, .setPAr2 td:hover
	, .setPAr3 td:hover
	, .selFormY span:hover
	, .setTime td:hover
	, .setMonth td:hover
	, .setSCDiff td:hover
	, .setScore td:hover
	, .setTouch span:hover
	, .setStage span:hover
	, .setYear span:hover
	, .setLeague span:hover
	, .setFormation span:hover
	, .setFormationR span:hover
	, .setAgFormationR span:hover
	, .setAction span:hover
	, .setPlayAdd span:hover
	, .setPlayKind span:hover
	, .setBAction span:hover
	, .setBPlayer span:hover
	, .setOffEnd span:hover 
	, .setTeamStyle span:hover 
	, .setInsG span:hover 
	, .setInsS span:hover 
	, .setResult span:hover
	, .setGHA span:hover
	, .setEPosition span:hover
	, .setOffStart span:hover
	, .setPlayingTime span:hover
	, #setTeam span:hover
	, .setGameKindDaihyo span:hover
	, #setAgTeam span:hover
	, #setRndTbl td:hover {
	cursor: pointer;
	background: rgba(200,200,200,0.8);
}
#setSumMin, #setAngleMin , #setAngleMax , #setDistanceMin , #setDistanceMax, #setDistanceFMin , #setDistanceFMax ,#setBDistanceMin , #setBDistanceMax {
	width: 40px;
	font-size: 80%;
}
#setFromXmin, #setFromXmax,#setFromYmin, #setFromYmax, #setToXmin, #setToXmax,#setToYmin, #setToYmax, #setFromGoalDismin, #setFromGoalDismax, #setFromGoalAngmin, #setFromGoalAngmax {
	width: 48px;
	font-size: 80%;
}
h4 {
	text-align: center;
	font-size: 18px;
}
#DLcsv, #DLjsn, #DLxls, #DLcopy, #sortReset,#clonehtml, .loadCon .xlsBtn, .loadCon .csvBtn, .loadCon .jsnBtn, .loadCon .clnBtn, .loadCon .delBtn, .btnPng, .pngBtn, .copBtn {
	margin-left: 6px;
	padding: 2px 6px;
	border-radius: 0.4em;
	font-size: 12px;
}
#DLcsv:hover , #DLjsn:hover, #DLxls:hover, #sortReset:hover, .btnPng, .pngBtn:hover, .copBtn:hover, #DLcopy:hover, #clonehtml:hover {
	cursor: pointer;
}
#DLxls, .loadCon .xlsBtn, .btnPng {
	margin-left: 18px;
	background: #268826;
	color: #fff;
}
.loadCon .delBtn {
	float: left;
	margin-left: -2%;
	background: #b30d28;
	color: #fff;
	cursor: pointer;
}
#DLcsv, .loadCon .csvBtn {
	background: #ade9ad;
	color: #000;
}
#DLjsn, .loadCon .jsnBtn {
	background: #c9f550;
	color: #000;
}
#clonehtml, .loadCon .clnBtn {
	background: #c9f550;
	color: #000;
}
#DLcopy {
	background: #fdec87;
	color: #000;
}
.jstats_logo {
	float: right;
	width: 100px;
	margin: 8px 0;
}
.pngBtn,.copBtn {
	font-weight: normal;
	margin-top:4px;
	font-size: 8px;
}
.pngBtn {
	background: #bfdcf5;
	color: #000;
	
}
.copBtn {
	background: #e0e0e0;
	color: #000;
}
#sortReset {
	background: #e0e0e0;
	color: #000;
	font-weight: normal;
}
#saveConName {
	width: 200px;
}
#cExportFile {
	margin-right: 12px;
}

.tabulator,  #setYosoName, #setYosoShadow {
	font-size: 12px;
}
.tabulator-cell {
	text-align: right;
}
td.tblRowName {
	background: #fff;
	text-align: right;
}
td.tblRowName:hover {
	background: #fff;
	text-align: right;
	cursor: auto;
}
.tabulator-col {
	color: #3b3b3b;
}
.tabulator-header .underClmHead {
	color: #777777;
}
.bx { 
	display: block;
	width: 1200px;
}
.bx_flx {
	display: flex;
	width: 100%;
}
.bx_flx section {
	flex: 1 0 600px;
}

.set_menu {
	list-style-type: none;
	display: flex;
	width: 1200px;
	border-bottom: 2px double #777;
}
.set_menu li {
	flex: 1 1 10%;
}
.set_menu a {
	display: block;
	text-align: center;
	padding: 12px 0;
}
.set_menu li:hover, .set_menu .sel {
	background: #333;
	color: #fff;
}
.bx_flx table {
	border-collapse: collapse;
	margin-top: 24px;
}
.bx_flx th { background: #eee; }
.bx_flx tr {
	height: 32px;
}
td.set_form {
	border-bottom: 1px solid #333;
}
.bx_tbl {
	border-collapse: collapse;
}
.bx_tbl tr {
	height: 28px;
}
.bx_tbl th {
	background: #555;
	color: #fff;
}
.bx_tbl td {
	border-bottom: 1px solid #555;
}

.field {
	float: left;
	text-align: center;
	margin-top: 24px;
	height: auto !important;
	min-height: 240px;
	/*perspective: 150px;*/
}
.schart  {
	float: left;
	text-align: center;
}
.field h5 { 
	display: block;
	height: 24px;
}
.field img, .schart img { width: 100%; }
.groupMenu .groupsub2 {
	display: block;
	min-height: 100px;
}
.groupMenu .HotZoneMenu , .groupMenu .PressingMenu, .groupMenu .MoveMenu  {
	display: none;
	height: 240px;
}
.groupMenu .RouteMenu, .groupMenu .PassDistributionMenu {
	display: none;
	height: 250px;
}
.ctrlHotZone input {
	width: 50px;
}
.ctrlHotZone td {
	height: 14px;
	text-align: center;
}
#setBackGroundC
, #setHZTxC
, #setBackLineC
, #setDataC
, #setPlay1C, #setPlay2C, #setPlay3C, #setPlay4C
, #setHZC
, #setAgViewC
, #setInnerTextC
, #setOuterTextC
, #setAgInnerTextC
, #setAgOuterTextC
, #setHeaderFontC
, #setNotTouchC
, #setShadowPC
, #setShadowLC
, #setPMVC
, #setWhere1C
, #setWhere2C
, #setBackGround2C {
	width: 30px;
	padding: 0;
}

#setDataCA
, #setInnerTextCA
, #setOuterTextCA
, #setInnerText
, #setOuterText
, #setAgInnerTextCA
, #setAgOuterTextCA
, #setAgInnerText
, #setAgOuterText
, #setAgOuterTextSz
, #setOuterTextSz
, #setYColorA
, #setYColor
, #setYokoLine
, #setYokoLineC
, #setTateLine
, #setTateLineC
, #setYosoNameC
, #setYosoNameSize
, #setYosoShadowC
, #setYosoName
, #setYosoNameC
, #setYosoNameSize
, #setYosoName1
, #setYosoNameC1
, #setYosoNameSize1
, #setTateVl
, #setTateVlSize
, #setTateVlC
, #setYokoVl
, #setYokoVlSize
, #setYokoVlC
, #setYRateSize1
, #setYRateSize2
, #setHZTxCA
, #setHZcusX
, #setHZcusY
, #setRTcusX
, #setRTcusY
, #setRTcnt
, #setPMcnt
, #setHZView
, #setPMVCA
, #setPMVcnt2, #setPMVmin
, #setSeasonResult1, #setSeasonResult2
, #setLastResult1, #setLastResult2
, #setSprintTimeStart, #setSprintTimeEnd
, #setAccelCus1 , #setAccelCus2
, #setAccelTimeStart , #setAccelTimeEnd
, #setAccelStartSp1 , #setAccelStartSp2
, #setAccelEndSp1 , #setAccelEndSp2
, #setBMoveSpeed , #setAMoveSpeed
, #setNearestMin , #setNearestMax
, #setBetPosMin, #setBetPosMax
, #setPMVcnt, #setPMVsize
, #setAgLineDownMin, #setAgLineDownMax
, #setRunToEvDisMin, #setRunToEvDisMax
, #setHeightMin , #setHeightMax
, #setFillNum, #setFillLimit
, #setPlayerCnt1Min , #setPlayerCnt1Max, #setPlayerCnt2Min , #setPlayerCnt2Max
{
	width: 50px;
	font-size: 10px;
}
#setPlay1CondC, #setPlay2CondC, #setPlay3CondC, #setPlay4CondC {
	width: 70px;
	font-size: 10px;
}
.underMenu th {
	font-weight: normal;
}
#setPMfromPl, #setPMtoPl {
	width: 100px;
	height: 12px;
	font-size: 12px;
}
#setViewID {
	padding: 0;
	margin: 0;
	width: 24px;
}
#setAgViewCA
, #setPlay1CA, #setPlay2CA, #setPlay3CA, #setPlay4CA
, #setShadowPX
, #setShadowPY
, #setShadowPBlur
, #setShadowLX
, #setShadowLY
, #setShadowLBlur
, #setPlay1CondA, #setPlay2CondA, #setPlay3CondA, #setPlay4CondA
, #setPlay1CondB, #setPlay2CondB, #setPlay3CondB, #setPlay4CondB
, #setNotTouchCA {
	width: 40px;
	font-size: 10px;
}
#setPointSz, #setLineSz, #setOuterTextArea, #setWhere2ID {
	width: 50px;
	font-size: 12px;
}
#setHZcusX, #setHZcusY {
	display: none;
}
span.teamCap , span.headCap {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.groupMenu span.teamCap:hover , .groupMenu span.headCap:hover {
	background: #ffffff;
	cursor: auto;
}
.headCap {
	font-size: 8px;
}
#copytable {
	position: absolute;
    top: -9999px;  
    left: -9999px;
}
span.scatterConLft {
	display: inline-block;
	width: 35%;
}
span.scatterConBlk {
	margin-top:8px;
	display: block;
	width:100%;
	border-bottom: #d0d0d0 1px dotted;
}
.scatter .selectMenu button {
	margin-left: 12px;
}
#csvData {
	width: 64%;
	height: 50px;
}
#csvHeader {
	width: 34%;
	height: 50px;
}
.scatter .gameMenu button {
	width: 100%;
	text-align: center;
}
.scatter .dataMenu td {
	border: 1px solid #777;
}
.scatter .dataMenu th {
	background: #444;
	color: #fff;
}
.backgroundSClist a {
	background-size: contain;
}
.backgroundSClist {
	list-style-type: none;
}
.backgroundSClist li , .backgroundSClist li a {
	display: inline-block;
	width: 95px;
	height: 75px;
	text-align: center;
	font-size: 10px;
	color: #888;
}
.trMenuBehind ,.trMenuAccel ,.trMenuSprint {
	display: none;
}