@charset "utf-8";
/* CSS Document */

html{font-family:monospace;color:black;background:white;float:none;position:static;scroll-behavior: smooth;}
body{-webkit-text-size-adjust:none;text-size-adjust:none;padding-top:160px;}

/*#title { position: absolute; top: 6px; left: 18px; font-size: 20pt; padding: 0px 8px 0px 8px;}*/

#go { position: absolute; top: 105px; left: 1370px; font-size: 24pt; word-break: keep-all; width: max-content; padding: 0px 8px 0px 8px;}
#pre { position: absolute; top: 160px; left: 1370px; font-size: 24pt; word-break: keep-all; width: max-content; padding: 0px 8px 0px 8px;}
#sta { position: absolute; top: 215px; left: 1370px; font-size: 24pt; word-break: keep-all; width: max-content; padding: 0px 8px 0px 8px;}
#end { position: absolute; top: 270px; left: 1370px; font-size: 24pt; word-break: keep-all; width: max-content; padding: 0px 8px 0px 8px;}
#pre10 { position: absolute; top: 325px; left: 1370px; font-size: 24pt; word-break: keep-all; width: max-content; padding: 0px 8px 0px 8px;}
#go10 { position: absolute; top: 380px; left: 1370px; font-size: 24pt; word-break: keep-all; width: max-content; padding: 0px 8px 0px 8px;}

#back { position: absolute; top: 0px; left: 0px; width: 1530px; height: 860px; background-color: #dbdbdb;}
#board { position: absolute; top: 54px; left: 286px;}

#file { position: absolute; top: 6px; left: 1104px; font-size: 20pt; padding: 0px 0px 0px 0px;}
#geturl { position: absolute; top: 55px; left: 1104px; font-size: 20pt; word-break: keep-all; width: max-content; padding: 0px 8px 0px 8px;}
#url { position: absolute; top: 55px; left: 1200px; width: 300px; height: 40px; padding: 0px 0px; font-size: 20pt; line-height: 115%; white-space: nowrap; overflow: hidden; resize: none;}
#score { position: absolute; top: 105px; left: 1104px; width: 240px; height: 319px; padding: 2px 10px; font-size: 15pt; line-height: 115%; overflow:auto; resize: none;}
#now { position: absolute; top: 420px; left: 24px; width: 250px; height: 40px; padding: 4px 4px; font-size: 20pt; line-height: 115%; white-space: nowrap; overflow: hidden; resize: none;}
#message { background-color: #eeeeff; position: absolute; top: 440px; left: 1104px; width: 410px; height: 400px; padding: 2px 2px; font-size: 16pt; line-height: 110%; resize: none;}

#A { position: absolute; top: 6px; left: 1013px; font-size: 16pt;}
#B { position: absolute; top: 6px; left: 927px; font-size: 16pt;}
#C { position: absolute; top: 6px; left: 841px; font-size: 16pt;}
#D { position: absolute; top: 6px; left: 755px; font-size: 16pt;}
#E { position: absolute; top: 6px; left: 669px; font-size: 16pt;}
#F { position: absolute; top: 6px; left: 583px; font-size: 16pt;}
#G { position: absolute; top: 6px; left: 497px; font-size: 16pt;}
#H { position: absolute; top: 6px; left: 411px; font-size: 16pt;}
#I { position: absolute; top: 6px; left: 325px; font-size: 16pt;}

#L1 { position: absolute; top: 70px; left: 1076px; font-size: 16pt;}
#L2 { position: absolute; top: 156px; left: 1076px; font-size: 16pt;}
#L3 { position: absolute; top: 242px; left: 1076px; font-size: 16pt;}
#L4 { position: absolute; top: 328px; left: 1076px; font-size: 16pt;}
#L5 { position: absolute; top: 414px; left: 1076px; font-size: 16pt;}
#L6 { position: absolute; top: 500px; left: 1076px; font-size: 16pt;}
#L7 { position: absolute; top: 586px; left: 1076px; font-size: 16pt;}
#L8 { position: absolute; top: 672px; left: 1076px; font-size: 16pt;}
#L9 { position: absolute; top: 758px; left: 1076px; font-size: 16pt;}


#board99 { position: absolute; top: 748px; left: 292px; border-color: green; border-width: 3px;}
#board89 { position: absolute; top: 748px; left: 378px; border-color: green; border-width: 3px;}
#board79 { position: absolute; top: 748px; left: 464px; border-color: green; border-width: 3px;}
#board69 { position: absolute; top: 748px; left: 550px; border-color: green; border-width: 3px;}
#board59 { position: absolute; top: 748px; left: 636px; border-color: green; border-width: 3px;}
#board49 { position: absolute; top: 748px; left: 722px; border-color: green; border-width: 3px;}
#board39 { position: absolute; top: 748px; left: 808px; border-color: green; border-width: 3px;}
#board29 { position: absolute; top: 748px; left: 894px; border-color: green; border-width: 3px;}
#board19 { position: absolute; top: 748px; left: 980px; border-color: green; border-width: 3px;}

#board98 { position: absolute; top: 662px; left: 292px; border-color: green; border-width: 3px;}
#board88 { position: absolute; top: 662px; left: 378px; border-color: green; border-width: 3px;}
#board78 { position: absolute; top: 662px; left: 464px; border-color: green; border-width: 3px;}
#board68 { position: absolute; top: 662px; left: 550px; border-color: green; border-width: 3px;}
#board58 { position: absolute; top: 662px; left: 636px; border-color: green; border-width: 3px;}
#board48 { position: absolute; top: 662px; left: 722px; border-color: green; border-width: 3px;}
#board38 { position: absolute; top: 662px; left: 808px; border-color: green; border-width: 3px;}
#board28 { position: absolute; top: 662px; left: 894px; border-color: green; border-width: 3px;}
#board18 { position: absolute; top: 662px; left: 980px; border-color: green; border-width: 3px;}

#board97 { position: absolute; top: 576px; left: 292px; border-color: green; border-width: 3px;}
#board87 { position: absolute; top: 576px; left: 378px; border-color: green; border-width: 3px;}
#board77 { position: absolute; top: 576px; left: 464px; border-color: green; border-width: 3px;}
#board67 { position: absolute; top: 576px; left: 550px; border-color: green; border-width: 3px;}
#board57 { position: absolute; top: 576px; left: 636px; border-color: green; border-width: 3px;}
#board47 { position: absolute; top: 576px; left: 722px; border-color: green; border-width: 3px;}
#board37 { position: absolute; top: 576px; left: 808px; border-color: green; border-width: 3px;}
#board27 { position: absolute; top: 576px; left: 894px; border-color: green; border-width: 3px;}
#board17 { position: absolute; top: 576px; left: 980px; border-color: green; border-width: 3px;}

#board96 { position: absolute; top: 490px; left: 292px;  border-color: green; border-width: 3px;}
#board86 { position: absolute; top: 490px; left: 378px; border-color: green; border-width: 3px;}
#board76 { position: absolute; top: 490px; left: 464px; border-color: green; border-width: 3px;}
#board66 { position: absolute; top: 490px; left: 550px;  border-color: green; border-width: 3px;}
#board56 { position: absolute; top: 490px; left: 636px; border-color: green; border-width: 3px;}
#board46 { position: absolute; top: 490px; left: 722px; border-color: green; border-width: 3px;}
#board36 { position: absolute; top: 490px; left: 808px;  border-color: green; border-width: 3px;}
#board26 { position: absolute; top: 490px; left: 894px; border-color: green; border-width: 3px;}
#board16 { position: absolute; top: 490px; left: 980px; border-color: green; border-width: 3px;}

#board95 { position: absolute; top: 404px; left: 292px; border-color: green; border-width: 3px;}
#board85 { position: absolute; top: 404px; left: 378px; border-color: green; border-width: 3px;}
#board75 { position: absolute; top: 404px; left: 464px; border-color: green; border-width: 3px;}
#board65 { position: absolute; top: 404px; left: 550px; border-color: green; border-width: 3px;}
#board55 { position: absolute; top: 404px; left: 636px; border-color: green; border-width: 3px;}
#board45 { position: absolute; top: 404px; left: 722px; border-color: green; border-width: 3px;}
#board35 { position: absolute; top: 404px; left: 808px; border-color: green; border-width: 3px;}
#board25 { position: absolute; top: 404px; left: 894px; border-color: green; border-width: 3px;}
#board15 { position: absolute; top: 404px; left: 980px; border-color: green; border-width: 3px;}

#board94 { position: absolute; top: 318px; left: 292px; border-color: green; border-width: 3px;}
#board84 { position: absolute; top: 318px; left: 378px; border-color: green; border-width: 3px;}
#board74 { position: absolute; top: 318px; left: 464px; border-color: green; border-width: 3px;}
#board64 { position: absolute; top: 318px; left: 550px; border-color: green; border-width: 3px;}
#board54 { position: absolute; top: 318px; left: 636px; border-color: green; border-width: 3px;}
#board44 { position: absolute; top: 318px; left: 722px; border-color: green; border-width: 3px;}
#board34 { position: absolute; top: 318px; left: 808px; border-color: green; border-width: 3px;}
#board24 { position: absolute; top: 318px; left: 894px; border-color: green; border-width: 3px;}
#board14 { position: absolute; top: 318px; left: 980px; border-color: green; border-width: 3px;}

#board93 { position: absolute; top: 232px; left: 292px; border-color: green; border-width: 3px;}
#board83 { position: absolute; top: 232px; left: 378px; border-color: green; border-width: 3px;}
#board73 { position: absolute; top: 232px; left: 464px; border-color: green; border-width: 3px;}
#board63 { position: absolute; top: 232px; left: 550px; border-color: green; border-width: 3px;}
#board53 { position: absolute; top: 232px; left: 636px; border-color: green; border-width: 3px;}
#board43 { position: absolute; top: 232px; left: 722px; border-color: green; border-width: 3px;}
#board33 { position: absolute; top: 232px; left: 808px; border-color: green; border-width: 3px;}
#board23 { position: absolute; top: 232px; left: 894px; border-color: green; border-width: 3px;}
#board13 { position: absolute; top: 232px; left: 980px; border-color: green; border-width: 3px;}

#board92 { position: absolute; top: 146px; left: 292px; border-color: green; border-width: 3px;}
#board82 { position: absolute; top: 146px; left: 378px; border-color: green; border-width: 3px;}
#board72 { position: absolute; top: 146px; left: 464px; border-color: green; border-width: 3px;}
#board62 { position: absolute; top: 146px; left: 550px; border-color: green; border-width: 3px;}
#board52 { position: absolute; top: 146px; left: 636px; border-color: green; border-width: 3px;}
#board42 { position: absolute; top: 146px; left: 722px; border-color: green; border-width: 3px;}
#board32 { position: absolute; top: 146px; left: 808px; border-color: green; border-width: 3px;}
#board22 { position: absolute; top: 146px; left: 894px; border-color: green; border-width: 3px;}
#board12 { position: absolute; top: 146px; left: 980px; border-color: green; border-width: 3px;}

#board91 { position: absolute; top: 60px; left: 292px; border-color: green; border-width: 3px;}
#board81 { position: absolute; top: 60px; left: 378px; border-color: green; border-width: 3px;}
#board71 { position: absolute; top: 60px; left: 464px; border-color: green; border-width: 3px;}
#board61 { position: absolute; top: 60px; left: 550px; border-color: green; border-width: 3px;}
#board51 { position: absolute; top: 60px; left: 636px; border-color: green; border-width: 3px;}
#board41 { position: absolute; top: 60px; left: 722px; border-color: green; border-width: 3px;}
#board31 { position: absolute; top: 60px; left: 808px; border-color: green; border-width: 3px;}
#board21 { position: absolute; top: 60px; left: 894px; border-color: green; border-width: 3px;}
#board11 { position: absolute; top: 60px; left: 980px; border-color: green; border-width: 3px;}


/*上側駒台　手番名前*/
#upside { position: absolute; top: 300px; left: 24px; font-size: 20pt;}
#upside2 { position: absolute; top: 340px; left: 24px; font-size: 20pt;}
#second { background-color: #ead493; position: absolute; top: 60px; left: 18px; width: 258px; height: 258px;}
#board09 { position: absolute; top: 60px; left: 18px; border-color:rgba(204,255,204,0); border-width: 3px;}
#board08 { position: absolute; top: 60px; left: 104px; border-color: rgba(204,255,204,0); border-width: 3px;}
#board07 { position: absolute; top: 60px; left: 190px; border-color: rgba(204,255,204,0); border-width: 3px;}
#board06 { position: absolute; top: 146px; left: 18px; border-color: rgba(204,255,204,0); border-width: 3px;}
#board05 { position: absolute; top: 146px; left: 104px; border-color: rgba(204,255,204,0); border-width: 3px;}
#board04 { position: absolute; top: 146px; left: 190px; border-color: rgba(204,255,204,0); border-width: 3px;}
#board03 { position: absolute; top: 232px; left: 18px; border-color: rgba(204,255,204,0); border-width: 3px;}
#board02 { position: absolute; top: 232px; left: 104px; border-color: rgba(204,255,204,0); border-width: 3px;}
#board01 { position: absolute; top: 232px; left: 190px; border-color: rgba(204,255,204,0); border-width: 3px;}
#p09 { position: absolute; top: 60px; left: 18px; font-size: 16pt;}
#p08 { position: absolute; top: 60px; left: 104px; font-size: 16pt;}
#p07 { position: absolute; top: 60px; left: 190px; font-size: 16pt;}
#p06 { position: absolute; top: 146px; left: 18px; font-size: 16pt;}
#p05 { position: absolute; top: 146px; left: 104px; font-size: 16pt;}
#p04 { position: absolute; top: 146px; left: 190px; font-size: 16pt;}
#p03 { position: absolute; top: 232px; left: 18px; font-size: 16pt;}
#p02 { position: absolute; top: 232px; left: 104px; font-size: 16pt;}
#p01 { position: absolute; top: 232px; left: 190px; font-size: 16pt;}

/*下側駒台　手番名前*/
#downside { position: absolute; top: 480px; left: 24px; font-size: 20pt;}
#downside2 { position: absolute; top: 520px; left: 24px; font-size: 20pt;}
#first { background-color: #ead493; position: absolute; top: 576px; left: 18px; width: 258px; height: 258px;}
#board10 { position: absolute; top: 576px; left: 18px; border-color: rgba(204,204,255,0); border-width: 3px;}
#board20 { position: absolute; top: 576px; left: 104px; border-color: rgba(204,204,255,0); border-width: 3px;}
#board30 { position: absolute; top: 576px; left: 190px; border-color: rgba(204,204,255,0); border-width: 3px;}
#board40 { position: absolute; top: 662px; left: 18px; border-color: rgba(204,204,255,0); border-width: 3px;}
#board50 { position: absolute; top: 662px; left: 104px; border-color: rgba(204,204,255,0); border-width: 3px;}
#board60 { position: absolute; top: 662px; left: 190px; border-color: rgba(204,204,255,0); border-width: 3px;}
#board70 { position: absolute; top: 748px; left: 18px; border-color: rgba(204,204,255,0); border-width: 3px;}
#board80 { position: absolute; top: 748px; left: 104px; border-color: rgba(204,204,255,0); border-width: 3px;}
#board90 { position: absolute; top: 748px; left: 190px; border-color: rgba(204,204,255,0); border-width: 3px;}
#p10 { position: absolute; top: 586px; left: 88px; font-size: 16pt;}
#p20 { position: absolute; top: 586px; left: 174px; font-size: 16pt;}
#p30 { position: absolute; top: 586px; left: 260px; font-size: 16pt;}
#p40 { position: absolute; top: 672px; left: 88px; font-size: 16pt;}
#p50 { position: absolute; top: 672px; left: 174px; font-size: 16pt;}
#p60 { position: absolute; top: 672px; left: 260px; font-size: 16pt;}
#p70 { position: absolute; top: 758px; left: 88px; font-size: 16pt;}
#p80 { position: absolute; top: 758px; left: 174px; font-size: 16pt;}
#p90 { position: absolute; top: 758px; left: 260px; font-size: 16pt;}

/*エリア外コメント*/
#comment { background-color: #eeeeff; position: absolute; top: 25px; left: 1550px; width: 1000px; height: 815px; padding: 2px 2px; font-size: 18pt; line-height: 110%; resize: none;}

/*
#start { position: absolute; top: 32px; left: 24px; }
#links { position: absolute; top: 410px; left: 20px; width: 600px; height: 36px; font-size: 9pt; text-align: left;}
a:link { color: #0000ff; text-decoration: none;}
a:visited { color: #0000ff; text-decoration: none;}
a:hover { color: #0000ff; background: #ffffcc; text-decoration: none;}
a:active { color: #ff0000; text-decoration: none;}
#foot { position: absolute; top: 426px; left: 20px; width: 608px; height: 36px; font-size: 10pt; text-align: center;}
*/