body {
    font-family: 'メイリオ','Hiragino Kaku Gothic Pro', sans-serif;
}
@keyframes blinking {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}
.file-dragging {
    animation: blinking 0.2s infinite;
}

a{
    outline:none;
}
pre{
    white-space:pre-wrap;
}
/* clear fix */
.clearfix {
    zoom:1;
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
.draggable{
    cursor:move;
    user-select:none;
}
.pagedialog{
    box-sizing:border-box;
}
.dialog-overlay{
    background:#fdc;
    opacity:0.3;
}
.dialog-titlebar{
    cursor:move;
    user-select:none;
}
/*
.pagedialog{
    transition:0.4s ease-in-out;
}
.pagedialog-open{
    transform:scale(1.0,1.0);
}
.pagedialog-close{
    transform:scale(0.01,0.01);
}
*/
.displayflex{
    display:flex;
}
.flexnowrap{
    display:flex;
    flex-wrap:nowrap;
}
.flexnowrapcenter{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
}

.floatleft{
    float:left;
}
.floatright{
    float:right;
}
/* input （width, height, font-sizeを追加する heightの中間に表示される） */
.strinp
{
	text-align:left;
    padding-left:2px;
	border:solid 2px #ccc;
    outline:none;/*　chromeなどが付加する枠線を消す　*/
    box-sizing:border-box;/*変更*/
}
.strinp.disabled{
    border:solid 1px #eee;/*2px transparent;/*変更*/
}
.strinp.focused:not(.disabled){
    border:solid 2px #aef;
    background:#eff;
    box-shadow:0px 0px 1px;
}
textarea.strinp{
    overflow-y:scroll;
}
.numinp
{
	text-align:right;
    padding-right:2px;
	border:solid 2px #ccc;
    ime-mode:disabled;
    outline:none;
    box-sizing:border-box;/*変更*/
}
.numinp.disabled{
    border:solid 2px transparent;/*変更*/
}
.numinp.focused:not(.disabled){
    border:solid 2px #aef;
    background:#eff;
    box-shadow:0px 0px 2px;
}
.dateinp
{
	width:60px;
	text-align:left;
	padding-left:2px;
	border:solid 2px #ccc;
    ime-mode:disabled;
    outline:none;
    box-sizing:border-box;/*変更*/
}
.dateinp.disabled{
    border:solid 2px transparent;/*変更*/
}
.dateinp.focused:not(.disabled){
    border:solid 2px #aef;
    background:#eff;
    box-shadow:0px 0px 2px;
}
div.debugwt
{
	margin:0; padding:2px;
	clear:both;
	font-size:12px;
	color:Maroon;
}
/* MsgBox */
.web-msgbox-dlg{
    width:310px;
    background-color:#fff;
    position:fixed;
    left:100px;
    top:40px;
    box-sizing:border-box;
    box-shadow:0 0 6px #033;
}

.web-msgbox-titlebar{
    display:flex;
    flex-wrap:nowrap;
    cursor:move;
}
.msgbox-stop .web-msgbox-titlebar{
    background:linear-gradient(0deg,#ee6 0%,#660 100%);
}
.msgbox-info .web-msgbox-titlebar{
    background:linear-gradient(0deg,#3cf 0%,#039 100%);
}
.msgbox-quest .web-msgbox-titlebar{
    background:linear-gradient(0deg,#c9f 0%,#606 100%);
}
.msgbox-excl .web-msgbox-titlebar{
    background:linear-gradient(0deg,#f60 0%,#930 100%);
}
.msgbox-input .web-msgbox-titlebar{
    background:linear-gradient(0deg,#eea 0%,#aa0 100%);
}
p.web-msgbox-title {
    width:calc(100% - 60px);
    height:45px;
    font-size:20px;
    font-weight:bold;
    padding:13px 16px 0 16px;
    text-align:center;
    box-sizing:border-box;
    color:#fff;
    text-shadow:1px 1px 1px #333;
    user-select:none;
}
.msgbox-input p.web-msgbox-title{
    width: 100%;
}
.long-title p.web-msgbox-title {
    font-size:16px;
    padding:15px 16px 0 16px;
}
.web-msgbox-icon{
    width:60px;
    height:45px;
    /*margin:12px 16px 8px 8px;*/
    padding:0;
    flex-grow:0;
    flex-shrink:0;
}
.msgbox-stop .web-msgbox-icon{
    background:url(../img/icon-stop6045.png) no-repeat;
}
.msgbox-info .web-msgbox-icon{
    background:url(../img/icon-info6045.png) no-repeat;
}
.msgbox-quest .web-msgbox-icon{
    background:url(../img/icon-quest6045.png) no-repeat;
}
.msgbox-excl .web-msgbox-icon{
    background:url(../img/icon-excl6045.png) no-repeat;
}
.web-msgbox-msg{
    min-width:160px;
    padding:20px 16px 16px 20px;
    font-size:16px;
    line-height:1.5;
    color:#333;
    background-color:#fff;
    cursor:default;
}
.web-msgbox-msg em{
    color:#c00;
    font-weight:bold;
    font-style:normal;
}
.web-msgbox-btnpane{
    clear:both;
    width:100%;
    height:46px;
    margin:0;
    padding:0;
    display:flex;
    justify-content:space-evenly;
}
.msgbox-stop .web-msgbox-btnpane{
    background:#e63;
}
.msgbox-info .web-msgbox-btnpane{
    background:#9ac;
}
.msgbox-quest .web-msgbox-btnpane{
    background:#dd9;
}
.msgbox-excl .web-msgbox-btnpane{
    background:#cc0;
}
.msgbox-input .web-msgbox-btnpane{
    background:#d9c;
}
.web-msgbox-btn{
    width:80px;
    height:40px;
    font-size:16px;
    line-height:40px;
    margin-top:3px;
}
/* selectable */
.row-selected{
    font-style:italic;
    background:#ed9 !important;
}
/*TableWindow*/
.TableWindow .row-selected{
    font-style:italic;
    background:#ed9;
}
.multicolored .row-selected{
    font-style:italic;
    filter:saturate(3);
    /*filter:hue-rotate(180deg);*/
    /*filter:invert(1);*/
    /*filter:brightness(0.9);*/
    /*box-shadow:1px 1px 1px #000;*/
   /* background:#ccf !important;*/
}
.tr.row-hidden{
    display:none !important;
}
.TableWindow:has(div.EditRow){
    position:relative;
}
.TableWindow .EditRow{
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    display:flex;
}
/* CssBtn */
/* oval button */
.cssbtn-ovl{
    padding:0;
    text-align:center;
    display:block;
	cursor:pointer;
    text-decoration:none;
    background:#fff;
    background:linear-gradient(0deg, #ccc 0%, #fff 100%);
    border-radius:50%;
    /*width:max-content;/*仮に大きさをセットしておく*/
    /*height:max-content;*/
    box-sizing:border-box;/* 変更しました */
    outline:none;
}
/* 角丸ボタン */
.cssbtn-rrc{
    padding:0;
    text-align:center;
    display:block;
	cursor:pointer;
    text-decoration:none;
    background:#fff;
    background:linear-gradient(0deg, #ccc 0%, #fff 100%);
    border-radius: 12% / 50%;
    border:solid 1px #aaa;
    /*width:max-content;/*仮に大きさをセットしておく*/
    /*height:max-content;*/
    box-sizing:border-box;/* 変更しました */
    outline:none;
}
/* 長方形ボタン */
.cssbtn-rct{
    padding:0;
    text-align:center;
    display:block;
	cursor:pointer;
    text-decoration:none;
    /*
    background:#fff;
    background:linear-gradient(0deg, #999 0%, #fff 100%);
    */
    border:solid 1px #aaa;
    /*width:max-content;/*仮に大きさをセットしておく*/
    /*height:max-content;*/
    box-sizing:border-box;/* 変更しました */
    outline:none;
}
/*
.cssbtn-ovl:focus,.cssbtn-rrc:focus,.cssbtn-rct:focus{
    text-shadow:1px 1px 1px #333;
}*/
/* 矢印ボタン */
.cssbtn-arrow{
    width:100%;
    height:100%;
    background:#000;
    display:block;
	cursor:pointer;
}
.cssbtn-arrow.disabled{
    background:#ccc;
}
.cssbtn-arrow:not(.disabled):hover,
.cssbtn-arrow:not(.disabled):focus{
    background:#00f;
}
.arrow-left{
    clip-path:polygon(0 50%,100% 0,100% 100%);
}
.arrow-right{
    clip-path:polygon(0 0,100% 50%,0 100%);
}
.arrow-up{
    clip-path:polygon(0 100%,50% 0,100% 100%);
}
.arrow-down{
    clip-path:polygon(0 0,100% 0,50% 100%);
}
.cssbtn-arrow-wrapper{
    width:24px;
    height:20px;
    filter:drop-shadow(2px 2px 2px #333);
    padding:0 2px 2px 0;
    box-sizing:border-box;
}
.cssbtn-arrow-wrapper.down{
    padding:2px 0 0 2px;
    filter:none;
}
.cssbtn-arrow-wrapper.disabled{
    filter:none;
}
/*disabled*/
.cssbtn-ovl.disabled,
.cssbtn-rrc.disabled,
.cssbtn-rct.disabled{
    border:none;
    color:#aaa;
    background:#eee;
    text-shadow:none;
}
/*focus*/ 
.cssbtn-ovl:focus:not(.disabled),
.cssbtn-rrc:focus:not(.disabled),
.cssbtn-rct:focus:not(.disabled){
    font-weight:600;
    text-shadow:1px 1px 1px #333;
}

/*blu*/
.cssbtn-blu{
    background:#36e;
    background:linear-gradient(0deg, #36e 0%, #39f 100%);
    color:#fff;
    border:1px solid #36e;
}
.cssbtn-blu.disabled{
    background:#36e;
}
.cssbtn-blu:not(.disabled):hover,
.cssbtn-blu:focus:not(.disabled) {
color: #00e;
background: #48f;
background: linear-gradient(0deg, #6af 0%, #cef 100%);
}
/*ygr*/
.cssbtn-ygr {
    background: #8c8;
    background: linear-gradient(0deg, #462 0%, #ad6 100%);
    color: #fff;
    border: 1px solid #7b7;
}
.cssbtn-ygr.disabled{
    background:#8c8;
}
.cssbtn-ygr:not(.disabled):hover,
.cssbtn-ygr:focus:not(.disabled){
    color:#360;
    background:#9e9;
    background:linear-gradient(0deg, #9c6 0%, #dfa 100%);
}
/*ora*/
.cssbtn-ora{
    background:#e71;
    background:linear-gradient(0deg, #c60 0%, #e92 100%);
    color:#fff;
    border:1px solid #e71;
}
.cssbtn-ora.disabled{
    background:#e71;
}
.cssbtn-ora:not(.disabled):hover,
.cssbtn-ora:focus:not(.disabled){
    color:#900;
    background:#f92;
    background:linear-gradient(0deg, #f92 0%, #fb4 100%);
}
/*grn*/
.cssbtn-grn{
    background:#494;
    background:linear-gradient(0deg, #282 0%, #6d6 100%);
    color:#fff;
    border:1px solid #494;
}
.cssbtn-grn.disabled{
    background:#494;
}
.cssbtn-grn:not(.disabled):hover,
.cssbtn-grn:focus:not(.disabled){
    color:#020;
    background:#6c6;
    background:linear-gradient(0deg, #6c6 0%, #afa 100%);
}
/*red*/
.cssbtn-red{
    background:#b34;
    background:linear-gradient(0deg, #923 0%, #e45 100%);
    color:#fff;
    border:1px solid #a23;
}
.cssbtn-red.disabled{
    background:#b34;
}
.cssbtn-red:not(.disabled):hover,
.cssbtn-red:focus:not(.disabled) {
    color: #fff;
    background: #f45;
    background: linear-gradient(0deg, #f34 0%, #f67 100%);
}
/*sky*/
.cssbtn-sky{
    background:#1ad;
    background:linear-gradient(0deg, #08b 0%, #4cf 100%);
    color:#fff;
    border:1px solid #19c;
}
.cssbtn-sky.disabled{
    background:#1ad;
}
.cssbtn-sky:not(.disabled):hover,
.cssbtn-sky:focus:not(.disabled) {
    color: #006;
    background: #2cf;
    background: linear-gradient(0deg, #2cf 0%, #5df 100%);
}
/*yel*/
.cssbtn-yel{
    background:#cc3;
    background:linear-gradient(0deg, #660 0%, #ff0 100%);
    color:#fff;
    border:1px solid #bb2;
}
.cssbtn-yel.disabled{
    background:#cc3;
}
.cssbtn-yel:not(.disabled):hover,
.cssbtn-yel:focus:not(.disabled){
    color:#333;
    background:#ee3;
    background:linear-gradient(0deg, #dd3 0%, #ff3 100%);
}
/*wht*/
.cssbtn-wht{
    background:#f8f8f8;
    background:linear-gradient(0deg, #ddd 0%, #fff 100%);
    color:#333;
    border:1px solid #aaa;
}
.cssbtn-wht.disabled{
    background:#f8f8f8;
}
.cssbtn-wht:not(.disabled):hover,
.cssbtn-wht:focus:not(.disabled){
    background:#fff;
    background:linear-gradient(0deg, #fafafa 0%, #fff 100%);
    color:#000;
}
/*gry*/
.cssbtn-gry {
    color: #000;
    background: #999;
    background: linear-gradient(0deg, #999 0%, #eee 100%);
    border: 1px solid #666;
}
.cssbtn-gry.disabled{
    background:#ccc;
}
.cssbtn-gry:not(.disabled):hover,
.cssbtn-gry:focus:not(.disabled) {
    color: #000;
    background: #ccc;
    background: linear-gradient(0deg, #ddd 0%, #fff 100%);
}
.cssbtn-blu.disabled,
.cssbtn-ygr.disabled,
.cssbtn-ora.disabled,
.cssbtn-grn.disabled,
.cssbtn-red.disabled,
.cssbtn-sky.disabled,
.cssbtn-yel.disabled,
.cssbtn-wht.disabled,
.cssbtn-gry.disabled {
    border: none;
    /*border-radius:0 0;*/
    text-shadow: none;
    font-weight: normal;
}
/* CheckBoxDiv */
.checkboxdiv
{
	/*margin:0; padding:1px;*/
	width:150px;
	/*overflow:hidden;*/
	cursor:pointer;
    /*display:inline-block;*/
    /*background:#fff;*/
    border:solid 1px #333;
    box-shadow:0 0 1px #666;
    box-sizing:border-box;/*変更*/
}
.checkboxdiv input{
    vertical-align:middle;
    cursor:pointer;
    outline:none;
}
.checkboxdiv span{
    vertical-align:middle;
}
/*.checkboxdiv.checked{
    background:#ffa;
    border-color:#ffa;
}*/
.checkboxdiv.focused:not(.disabled){
    box-shadow:1px 1px 3px #000;
}
.tblEditCtrl.checkboxdiv.focused:not(.disabled){
    border:solid 2px #aef;
    box-shadow:0px 0px 2px;
}
/*.checkboxdiv.focused:not(.disabled) input{
    background:#f00;
}*/
.checkboxdiv.disabled{
    border:none;
    box-shadow:none;
}
/* ValueCbo */
.valuecbo {
    width: 160px;
    cursor: pointer;
    outline: none;
    box-sizing: border-box; /*変更*/
    background: #fff;
}
.valuecbo.focused{
    background:#eff;
    border:solid 2px #aef;
    box-shadow:0px 0px 2px;
}
.valuecbo.disabled{
    background:#eee;
}
/*
.radiobtndiv
{
	margin:1px;
    padding:2px 0 0 1px;
	width:55px;
	background-color:#eee;
	cursor:pointer;
	overflow:hidden;
    font-size:0.7em;
    float:left;
    border:1px solid transparent;
}
    */
/* オプショングループ */
.optiongroup,.optiongroup-br{
    display:flex;/* 変更 */
    flex-wrap:wrap;
    width:fit-content;
    height:fit-content;
 }
.optiongroup.disabled a,
.optiongroup-br.disabled a{
    color:#aaa;
    cursor:default;
}
.optiongroup-br .optionbtn:first-child{
    border-radius:25% 0 0 25% / 25% 0 0 25%;
}
.optiongroup-br .optionbtn:last-child{
    border-radius:0 25% 25% 0 / 0 25% 25% 0;
}
.optionbtn
{
	margin:0;
    padding:0;
    display:block;
    width:30px;
    height:20px;
    flex-shrink:0;/* 変更 */
    flex-grow:0;/* 変更 */
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    color:#333;
    border-left:solid 1px #ddd;
    background:#fff;
    background:linear-gradient(0deg, #ccc 0%, #fff 100%);
    box-sizing:border-box;/* 変更 */
}
.optionbtn:focus{
    text-shadow:1px 1px 1px #333;
}
/*ブルー*/
.og-blu .optionbtn{
    border-left:solid 1px #adf;
    color:#00c;
}
.og-blu .selected {
    background:#06f;
    color:#fff;
}
.og-blu a.selected:focus{
    background:#08f;
    color:#fff;
}
.og-blu:not(.disabled) a:not(.selected):hover,
.og-blu a:not(.selected):focus{
    background:#cdf;
    background:linear-gradient(0deg, #cef 0%, #eef 100%);
}
/*スカイ*/
.og-sky .optionbtn{
    border-left:solid 1px #dff;
    color:#066;
}
.og-sky .selected {
    background:#0af;
    color:#fff;
}
.og-sky a.selected:focus{
    background:#0cf;
    color:#fff;
}
.og-sky:not(.disabled) a:not(.selected):hover,
.og-sky a:not(.selected):focus{
    background:#dff;
    background:linear-gradient(0deg, #cee 0%, #eff 100%);
}
/*オレンジ*/
.og-ora .optionbtn{
    border-left:solid 1px #fca;
    color:#930;
}
.og-ora .selected {
    background:#e60;
    color:#fff;
}
.og-ora a.selected:focus {
    background:#f90;
    color:#fff;
}
.og-ora:not(.disabled) a:not(.selected):hover,
.og-ora a:not(.selected):focus{
    background:#fed;
    background:linear-gradient(0deg, #feb 0%, #fed 100%);
}
/*レッド*/
.og-red .optionbtn{
    border-left:solid 1px #faa;
    color:#900;
}
.og-red .selected {
    background:#d00;
    color:#fff;
}
.og-red a.selected:focus {
    background:#f00;
    color:#fff;
}
.og-red:not(.disabled) a:not(.selected):hover,
.og-red a:not(.selected):focus{
    background:#fee;
    background:linear-gradient(0deg, #fcc 0%, #fee 100%);
}
/*イエローグリーン*/
.og-ygr .optionbtn{
    border-left:solid 1px #af6;
    color:#060;
}
.og-ygr .selected {
    background:#6a0;
    color:#fff;
}
.og-ygr a.selected:focus{
    background:#af6;
    color:#060;
}
.og-ygr:not(.disabled) a:not(.selected):hover,
.og-ygr a:not(.selected):focus{
    background:#efd;
    background:linear-gradient(0deg, #dea 0%, #efd 100%);
}
/*グリーン*/
.og-grn .optionbtn{
    border-left:solid 1px #6e6;
    color:#060;
}
.og-grn .selected {
    background:#0a3;
    color:#fff;
}
.og-grn a.selected:focus {
    background:#0c3;
    color:#fff;
}
.og-grn:not(.disabled) a:not(.selected):hover,
.og-grn a:not(.selected):focus{
    background:#cfe;
    background:linear-gradient(0deg, #aec 0%, #dfe 100%);
}
/*イエロー*/
.og-yel .optionbtn{
    border-left:solid 1px #ee6;
    color:#000;
}
.og-yel .selected {
    background:#dd0;
}
.og-yel a.selected:focus{
    background:#ffa;
}
.og-yel:not(.disabled) a:not(.selected):hover,
.og-yel a:not(.selected):focus{
    background:#ffe;
    background:linear-gradient(0deg, #ddb 0%, #ffd 100%);
}
/* image button */
.imgbtn
{   display:block;
    background-color:transparent;
    border-style:none;
	cursor:pointer;
    padding:0;
    border:none;
    outline:none;
}
.imgbtn:focus:not(.disabled){
    text-shadow:1px 1px 1px #666;
}
.imgbtn.disabled {
    color: #999 !important;
}
.clearbtn
{
    width:16px;
    height:16px;
    background-image:url(../img/rnd16ClrBtn.png);
}

.clearbtn-cha
{
    width:16px;
    height:16px;
    background-image:url(../img/rnd16ClrBtnCha.png);
}
/*Extend Fold Buutons*/
.foldbtn,.minusbtn
{
    width:30px;
    height:30px;
    background-image:url(../img/minusbtn30blu.png);
}
.foldbtn.yel, .minusbtn.yel {
    background-image: url(../img/minusbtn30yel.png);
}
.extendbtn,.plusbtn
{
    width:30px;
    height:30px;
    background-image:url(../img/plusbtn30blu.png);
}
.extendbtn.yel, .plusbtn.yel {
    background-image: url(../img/plusbtn30yel.png);
}
/*Widen Narrow Buutons*/
.widenbtn
{
    width:24px;
    height:24px;
    background-image:url(../img/widenBtn24.png);
}
.narrowbtn
{
    width:24px;
    height:24px;
    background-image:url(../img/narrowBtn24.png);
}
/*FullScrnBtn*/
.fullscrnbtn
{
    width:30px;
    height:30px;
    background-image:url(../img/fullscrnbtn30.png);
}
/*arrow*/
.leftarrow20x20
{
    width:20px;
    height:20px;
    background-image:url(../img/ArrowLeft20x20blk.png);
}
.rightarrow20x20
{
    width:20px;
    height:20px;
    background-image:url(../img/ArrowRight20x20blk.png);
}
.leftarrow30x20
{
    width:30px;
    height:20px;
    background-image:url(../img/ArrowLeft30x20Black.gif);
}
.rightarrow30x20
{
    width:30px;
    height:20px;
    background-image:url(../img/ArrowRight30x20Black.gif);
}
.rrc180x30whtbtn
{
	width:180px;
	height:30px;
	background-image:url(../img/rrc180x30whtbtn.png);
    color:#a00;
}
.rrc120x40whtbtn
{
	width:120px;
	height:40px;
	background-image:url(../img/rrc120x40whtbtn.png);
}
.rrc120x30orabtn
{
	width:120px;
	height:30px;
	background-image:url(../img/rrc120x30orabtn.png);
    color:#fff;
}
.rrc120x30whtbtn
{
	width:120px;
	height:30px;
	background-image:url(../img/rrc120x30whtbtn.png);
    color:#333;
}
.rrc120x30grnbtn
{
	width:120px;
	height:30px;
	background-image:url(../img/rrc120x30grnbtn.png);
    color:#060;
}
.rrc120x30blubtn
{
	width:120px;
	height:30px;
	background-image:url(../img/rrc120x30blubtn.png);
    color:#ffc;
    font-size:12px;
}
.rrc120x30yelbtn
{
	width:120px;
	height:30px;
	background-image:url(../img/rrc120x30yelbtn.png);
    color:#300;
    font-size:12px;
}
.rrc100x30whtbtn
{
	width:100px;
	height:30px;
	background-image:url(../img/rrc100x30whtbtn.png);
    color:#333;
}
.rrc80x30whtblubtn
{
	width:80px;
	height:30px;
	background-image:url(../img/rrc80x30whtblubtn.png);
    color:#006;
}
.rrc80x30whtgrnbtn
{
	width:80px;
	height:30px;
	background-image:url(../img/rrc80x30whtgrnbtn.png);
    color:#060;
}
.rrc80x30whtyelbtn
{
	width:80px;
	height:30px;
	background-image:url(../img/rrc80x30whtyelbtn.png);
    color:#300;
}
.rrc80x30whtredbtn
{
	width:80px;
	height:30px;
	background-image:url(../img/rrc80x30whtredbtn.png);
    color:#900;
}
.rrc100x30whtgrnbtn
{
	width:100px;
	height:30px;
	background-image:url(../img/rrc100x30whtgrnbtn.png);
    color:#060;
}
.rrc100x30whtyelbtn
{
	width:100px;
	height:30px;
	background-image:url(../img/rrc100x30whtyelbtn.png);
    color:#300;
}
.rrc100x30whtredbtn
{
	width:100px;
	height:30px;
	background-image:url(../img/rrc100x30whtredbtn.png);
    color:#900;
}
.rrc80x24whtbtn
{
	width:80px;
	height:24px;
	background-image:url(../img/rrc80x24whtbtn.png);
    color:#333;
}
.rrc60x20whtblubtn
{
	width:60px;
	height:20px;
	background-image:url(../img/rrc60x20whtblubtn.png);
    color:#006;
}
.rrc60x20whtgrnbtn
{
	width:60px;
	height:20px;
	background-image:url(../img/rrc60x20whtgrnbtn.png);
    color:#060;
}
.rrc60x20whtredbtn
{
	width:60px;
	height:20px;
	background-image:url(../img/rrc60x20whtredbtn.png);
    color:#900;
}
.rct80x50whtbtn
{
	width:80px;
	height:50px;
	background-image:url(../img/rct80x50whtbtn.png);
}
.rct80x40whtbtn
{
	width:80px;
	height:40px;
	background-image:url(../img/rct80x40whtbtn.png);
}
.rct80x30whtbtn
{
	width:80px;
	height:30px;
	background-image:url(../img/rct80x30whtbtn.png);
}
.rct100x30whtbtn
{
	width:100px;
	height:30px;
	background-image:url(../img/rct100x30whtbtn.png);
}
.rct60x40whtbtn
{
	width:60px;
	height:40px;
	background-image:url(../img/rct60x40whtbtn.png);
}
.rct60x30whtbtn
{
	width:60px;
	height:30px;
	background-image:url(../img/rct60x30whtbtn.png);
}
.rct45x30whtbtn
{
	width:45px;
	height:30px;
	background-image:url(../img/rct45x30whtbtn.png);
}
.rct45x20whtbtn
{
	width:45px;
	height:20px;
	background-image:url(../img/rct45x20whtbtn.png);
}
.ovl80x40redbtn
{
	width:80px;
	height:40px;
	background-image:url(../img/ovl80x40redbtn.png);
    color:#fff;
}
.ovl80x40grnbtn
{
	width:80px;
	height:40px;
	background-image:url(../img/ovl80x40grnbtn.png);
}
.ovl80x40blubtn
{
	width:80px;
	height:40px;
	background-image:url(../img/ovl80x40blubtn.png);
    color:#fff;
}
.ovl80x40yelbtn
{
	width:80px;
	height:40px;
	background-image:url(../img/ovl80x40yelbtn.png);
}
.ovl80x40orabtn
{
	width:80px;
	height:40px;
	background-image:url(../img/ovl80x40orabtn.png);
    color:#600;
}
.ovl80x30blubtn
{
	width:80px;
	height:30px;
	background-image:url(../img/ovl80x30blubtn.png);
    color:#009;
}
.ovl80x30redbtn
{
	width:80px;
	height:30px;
	background-image:url(../img/ovl80x30redbtn.png);
    color:#fff;
}
.ovl80x30orabtn
{
	width:80px;
	height:30px;
	background-image:url(../img/ovl80x30orabtn.png);
    color:#600;
}
.ovl80x30grnbtn
{
	width:80px;
	height:30px;
	background-image:url(../img/ovl80x30grnbtn.png);
    color:#030;
}
.ovl80x30yelbtn
{
	width:80px;
	height:30px;
	background-image:url(../img/ovl80x30yelbtn.png);
    color:#a00;
}
.ovl60x30redbtn
{
	width:60px;
	height:30px;
	background-image:url(../img/ovl60x30redbtn.png);
    color:#f00;
    font-weight:bold;
}
.ovl60x30whtbtn
{
	width:60px;
	height:30px;
	background-image:url(../img/ovl60x30whtbtn.png);
    color:#006;
}
.ovl60x30grnbtn
{
	width:60px;
	height:30px;
	background-image:url(../img/ovl60x30grnbtn.png);
    color:#030;
}
.ovl60x30blubtn
{
	width:60px;
	height:30px;
	background-image:url(../img/ovl60x30blubtn.png);
    color:#ff0;
}
.ovl60x30yelbtn
{
	width:60px;
	height:30px;
	background-image:url(../img/ovl60x30yelbtn.png);
    color:#600;
}
.ovl60x30orabtn
{
	width:60px;
	height:30px;
	background-image:url(../img/ovl60x30orabtn.png);
    color:#300;
}
.ovl60x20orabtn
{
	width:60px;
	height:20px;
	background-image:url(../img/ovl60x20orabtn.png);
    color:#300;
}
.ovl40x30redbtn
{
	width:40px;
	height:30px;
	background-image:url(../img/ovl40x30redbtn.png);
    color:#fff;
}
.ovl40x30grnbtn
{
	width:40px;
	height:30px;
	background-image:url(../img/ovl40x30grnbtn.png);
    color:#030;
}
.ovl40x30blubtn
{
	width:40px;
	height:30px;
	background-image:url(../img/ovl40x30blubtn.png);
    color:#ff0;
}
.ovl40x30yelbtn
{
	width:40px;
	height:30px;
	background-image:url(../img/ovl40x30yelbtn.png);
    color:#600;
}
.ovl40x30yelbtnCheck
{
	width:40px;
	height:30px;
	background-image:url(../img/ovl40x30yelbtnCheck.png);
    color:#600;
}
.ovl40x30orabtn
{
	width:40px;
	height:30px;
	background-image:url(../img/ovl40x30orabtn.png);
    color:#300;
}
.ovl30x20yelbtn
{
	width:30px;
	height:20px;
	background-image:url(../img/ovl30x20yelbtn.png);
    color:#600;
}
.ovl24x20redbtn
{
	width:24px;
	height:20px;
	background-image:url(../img/ovl24x20redbtn.png);
    color:#fff;
}
.ovl24x20grnbtn
{
	width:24px;
	height:20px;
	background-image:url(../img/ovl24x20grnbtn.png);
}
.ovl24x20blubtn
{
	width:24px;
	height:20px;
	background-image:url(../img/ovl24x20blubtn.png);
}
.ovl24x20yelbtn
{
	width:24px;
	height:20px;
	background-image:url(../img/ovl24x20yelbtn.png);
}
.rnd30helpbtnblu
{
	width:30px;
	height:30px;
	background-image:url(../img/rnd30helpbtnblu.png);
}
.rnd50redbtn
{
	width:50px;
	height:50px;
	background-image:url(../img/rnd50redbtn.png);
    color:#fff;
}
.rnd50grnbtn
{
	width:50px;
	height:50px;
	background-image:url(../img/rnd50grnbtn.png);
}
.rnd50blubtn
{
	width:50px;
	height:50px;
	background-image:url(../img/rnd50blubtn.png);
}
.rnd50yelbtn
{
	width:50px;
	height:50px;
	background-image:url(../img/rnd50yelbtn.png);
}
.rnd40grnbtn
{
	width:40px;
	height:40px;
	background-image:url(../img/rnd40grnbtn.png);
}
.rct50x40blubtn
{
	width:50px;
	height:40px;
	background-image:url(../img/rct50x40blubtn.jpg);
}
/* UlCbo */
.ulcbo {
    width:fit-content;
    height:fit-content;
    display:flex; /*横並びでないときはblock*/
}
.ulcbohdr{
    position:relative;
}
/*見出しの<p>*/
.ulcbohdr>p{
    text-align:center;
    cursor:default;
}
/*Valueの<p>*/
.ulcbo p.ulcbovalue{
    cursor:default;
}
.ulcbo.disabled .ulcbovalue{
    background:#ddd;
}
/*Ulでwidthを決める*/
.ulcbohdr ul{
    display:flex;
    flex-wrap:wrap;
    /*width:150px;*/
    list-style:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:4000;
    opacity:0.85;
}
/*liはborder-boxでwidth,heightを決める*/
.ulcbohdr ul li{
    width:36px;
    height:30px;
    border-top:solid 1px #fff;
    border-right:solid 1px #fff;
    box-sizing:border-box;/* 変更 */
    user-select:none;
}
/*aはliの100%のwidth,heightにする*/
.ulcbohdr ul a{
    display:block;
    width:100%;
    height:100%;
    font-size:12px;
    font-weight:500;
    line-height:100%;
    text-align:center;
    text-decoration:none;
    background:#eee;
    color:#000;
    cursor:pointer;
    box-sizing:border-box;/* 変更 */
}
/*見出しのCssBtn*/
.ulcbohdr a.cssbtn-rct:hover {
    background: #f9c;
    color:#fff;
}
.ulcbohdr a.cssbtn-rct:focus {
    background: #f0c;
    color:#fff;
}
/*ulカラー*/
.ulcbohdr ul a{
    background:#eee;
    color:#000;
}
.ulcbohdr ul a:hover {
    background: #3fa;
    color:#000;
}
.ulcbohdr ul a.default {
    font-weight:800;
    color:#f00;
}
.ulcbo-blu .ulcbohdr ul a{
    background:#cff;
    color:#000;
}
.ulcbo-blu .ulcbohdr ul a:hover {
    background: #3af;
    color:#fff;
}
.ulcbo-red .ulcbohdr ul a{
    background:#fcc;
    color:#000;
}
.ulcbo-red .ulcbohdr ul a:hover {
    background: #f66;
    color:#fff;
}
.ulcbo-cha .ulcbohdr ul a{
    background:#eea;
    color:#000;
}
.ulcbo-cha .ulcbohdr ul a:hover {
    background: #c96;
    color:#fff;
}
.ulcbo-gry .ulcbohdr ul a{
    background:#eee;
    color:#000;
}
.ulcbo-gry .ulcbohdr ul a:hover {
    background: #3fa;
    color:#000;
}