a{
    outline:none;
}
/* 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.4;
}
.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;
}
.floatleft{
    float:left;
}
.floatright{
    float:right;
}
/* input （width, height, font-sizeを追加する heightの中間に表示される） */
.strinp
{
	text-align:left;
	border:solid 2px #ccc;
    outline:none;/*　chromeなどが付加する枠線を消す　*/
    box-sizing:border-box;/*変更*/
}
.strinp.disabled{
    border:solid 2px transparent;/*変更*/
}
.strinp.focused{
    border:solid 2px #aef;
    background:#eff;
    box-shadow:0px 0px 2px;
}
textarea.strinp{
    overflow-y:scroll;
}
.numinp
{
	text-align:right;
	border:solid 2px #ccc;
    ime-mode:disabled;
    outline:none;
    box-sizing:border-box;/*変更*/
}
.numinp.disabled{
    border:solid 2px transparent;/*変更*/
}
.numinp.focused{
    border:solid 2px #aef;
    background:#eff;
    box-shadow:0px 0px 2px;
}
.dateinp
{
	width:60px;
	padding:2px;
	text-align:left;
	border:solid 2px #ccc;
    ime-mode:disabled;
    outline:none;
    box-sizing:border-box;/*変更*/
}
.dateinp.disabled{
    border:solid 2px transparent;/*変更*/
}
.dateinp.focused{
    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 */
.ui-selected{
    background:#ee9 !important;
}
.ui-selecting{
    background:#ffd !important;
}
.ui-widget-overlay{
    opacity:.30 !important;
    filter: alpha(opacity=30) !important;
    background-color:#9cf;
    background-image:none;
}
/* 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:60px;/*仮に大きさをセットしておく*/
    height:40px;/*100％に広がってしまうので*/
    box-sizing:border-box;/* 変更しました */
}
/* 角丸ボタン */
.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:60px;/*仮に大きさをセットしておく*/
    height:40px;/*100％に広がってしまうので*/
    box-sizing:border-box;/* 変更しました */
}
/* 長方形ボタン */
.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:60px;/*仮に大きさをセットしておく*/
    height:40px;/*100％に広がってしまうので*/
    box-sizing:border-box;/* 変更しました */
}
.cssbtn-ovl.focused,.cssbtn-rrc.focused,.cssbtn-rct.focused{
    text-decoration:underline;
    text-shadow:1px 1px 1px #666;
}
/* focus 
a.cssbtn-ovl:focus, a.cssbtn-rrc:focus, a.cssbtn-rct:focus{
    color:#ff0;
    font-weight:bold;
    text-shadow:1px 1px 1px #666;
}*/
.cssbtn-ovl.disabled, .cssbtn-rrc.disabled, .cssbtn-rct.disabled{
    color:#000;
    background:#ccc;
    border:none;
    border-radius:0 0;
}
.cssbtn-blu{
    background:#36e;
    background:linear-gradient(0deg, #36e 0%, #39f 100%);
    color:#fff;
    border:1px solid #36e;
}
a.cssbtn-blu:not(.disabled):hover,
a.cssbtn-blu.focused{
    background:#48f;
    background:linear-gradient(0deg, #6af 0%, #acf 100%);
   /* color:#006;*/
}
/*
a.cssbtn-blu.disabled{
    background:#cdf;
}*/
.cssbtn-ygr{
    background:#8c8;
    background:linear-gradient(0deg, #6a3 0%, #cea 100%);
    color:#fff;
    border:1px solid #7b7;
}
.cssbtn-ygr:not(.disabled):hover,
.cssbtn-ygr.focused{
    background:#9e9;
    background:linear-gradient(0deg, #9c6 0%, #dfa 100%);
}
/*
.cssbtn-ygr{
    color:white;
    background:#dccdad;
    border:1px solid #7b7;
    background:linear-gradient(0deg, #875 0%, #edb 100%);
}
a.cssbtn-ygr:not(.disabled):hover{
    background:#9e9;
    background:linear-gradient(0deg, #8c8 0%, #9f9 100%);
}
*/
.cssbtn-ora{
    background:#e71;
    background:linear-gradient(0deg, #c60 0%, #e92 100%);
    color:#fff;
    border:1px solid #e71;
}
.cssbtn-ora:not(.disabled):hover,
.cssbtn-ora.focused{
    background:#f92;
    background:linear-gradient(0deg, #f92 0%, #fb4 100%);
}
.cssbtn-grn{
    background:#494;
    background:linear-gradient(0deg, #282 0%, #6d6 100%);
    color:#fff;
    border:1px solid #494;
}
.cssbtn-grn:not(.disabled):hover,
.cssbtn-grn.focused{
    background:#6c6;
    background:linear-gradient(0deg, #6c6 0%, #afa 100%);
}
.cssbtn-red{
    background:#b34;
    background:linear-gradient(0deg, #923 0%, #e45 100%);
    color:#fff;
    border:1px solid #a23;
}
.cssbtn-red:not(.disabled):hover,
.cssbtn-red.focused{
    background:#f45;
    background:linear-gradient(0deg, #f34 0%, #f67 100%);
}
.cssbtn-sky{
    background:#1ad;
    background:linear-gradient(0deg, #08b 0%, #4cf 100%);
    color:#fff;
    border:1px solid #19c;
}
.cssbtn-sky:not(.disabled):hover,
.cssbtn-sky.focused{
    background:#2cf;
    background:linear-gradient(0deg, #2cf 0%, #5df 100%);
}
.cssbtn-yel{
    background:#cc3;
    background:linear-gradient(0deg, #aa4 0%, #dd4 100%);
    color:#fff;
    border:1px solid #bb2;
}
.cssbtn-yel:not(.disabled):hover,
.cssbtn-yel.focused{
    background:#ee3;
    background:linear-gradient(0deg, #dd3 0%, #ff3 100%);
}
.cssbtn-wht{
    background:#f8f8f8;
    background:linear-gradient(0deg, #eee 0%, #fff 100%);
    color:#333;
    border:1px solid #aaa;
}
.cssbtn-wht:not(.disabled):hover,
.cssbtn-wht.focused{
    background:#fff;
    background:linear-gradient(0deg, #fafafa 0%, #fff 100%);
    color:#000;
}
.cssbtn-gry{
    background:#999;
    background:linear-gradient(0deg, #666 0%, #ccc 100%);
    color:#fff;
    border:1px solid #666;
}
.cssbtn-gry:not(.disabled):hover,
.cssbtn-gry.focused{
    background:#ccc;
    background:linear-gradient(0deg, #ccc 0%, #fff 100%);
    color:#000;
}
/* 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{
    box-shadow:1px 1px 4px #000;
}
/*.checkboxdiv.focused input{
    background:#f00;
}*/
.checkboxdiv.disabled{
    border:none;
    box-shadow:none;
}
/* ValueCbo */
.valuecbo{
    cursor:pointer;
    outline:none;
    box-sizing:border-box;/*変更*/
}
.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;
}
.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;
    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-decoration:underline;
}
/*ブルー*/
.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{
    text-shadow:1px 1px 1px #666;
}
.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
{
    width:24px;
    height:24px;
    background-image:url(../img/minusbtn24blu.png);
}
.extendbtn
{
    width:24px;
    height:24px;
    background-image:url(../img/plusbtn24blu.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;
}
.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:#fff;
}
.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:160px;
    display:flex;
/*    align-items:flex-start;*/
}
.ulcbo .ulcbohdr{
    position:relative;
}
.ulcbo .ulcbohdr>p{
    text-align:center;
    cursor:default;
    width:80px;
    height:24px;
    line-height:24px;
    background:#ade;
}
/*ulcbohdrのcssbtn*/
.ulcbo .ulcbohdr>a{
    width:80px;
    height:24px;
    line-height:24px;
    box-sizing:border-box;
}
.ulcbo p.ulcbovalue{
    width:79px;
    height:24px;
    line-height:24px;
    text-align:center;
    background:#eec;
    cursor:default;
}
.ulcbo.disabled .ulcbovalue{
    background:#ddd;
}
.ulcbo .ulcbohdr ul{
    width:150px;
    list-style:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:4000;
    opacity:0.8;
}
.ulcbo .ulcbohdr ul li{
    width:30px;
    height:20px;
    float:left;/*横に並べるとき*/
    border-top:solid 1px #fff;
    border-right:solid 1px #fff;
    box-sizing:border-box;/* 変更 */
}
.ulcbo .ulcbohdr ul li a{
    display:block;
    width:100%;
    height:100%;
    font-size:14px;
    line-height:20px;
    text-align:center;
    text-decoration:none;
    background:#cee;
    cursor:pointer;
    box-sizing:border-box;/* 変更 */
}
.ulcbo .ulcbohdr ul li a.default {
    font-weight:800;
    color:#f00;
}