













BODY
{
  background-color : #F3FFFF;
  color : #000000;
  font-size : 10pt;
  font-family : "ＭＳ ゴシック";
  overflow-y : expression(document.body.clientHeight < 623 ? "auto" :document.body.clientHeight >= 623 ? "hidden" : "auto") ;
}


TABLE {
  border-color : #ADDEDD;
  color : #000000;
  font-size : 10pt;
  font-family : "ＭＳ ゴシック";
  border: solid 1px #000000; border-collapse: collapse;
}


TD {
  border-color : #ADDEDD;
  border: solid 1px #000000; 
  border-collapse: collapse;
  word-break: break-all;
}


h1{
    font-size : 10pt;
    text-align: center;
    border-top-color: #00163f;
    border-left-color: #00163f;
    border-right-color: #00163f;
    border-bottom-color: #00163f;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    border-style: double;
    border-top-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
}


.clsHeader
{
  border-color : #F4F3ED;
  margin-top : 5px;
  border: none;
}



A {
  color : #0000FF;
  text-decoration : underline;
}


A.menu0 {
  width: 200px;
  height: 20px;
  background-color: rgb(0, 0, 66);
  border: solid 1px #666699;
  margin: 0px 0px 0px -50px;
  padding: 3px;
  font-size: 10pt;
  text-align:center ;
  text-decoration: none;
  COLOR: #FFFFFF;
  font-weight: bold;
}
A.menu0:hover {
  background:#003399;
  text-decoration: underline;
}
A.menu1 {
  color : #FFFFFF;
  width: 200px;
  height: 20px;
  background-color: rgb(7, 7, 185);
  border: solid 1px #666699;
  margin: 0px 0px 0px -50px;
  padding: 3px;
  font-size: 10pt;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
}
A.menu1:hover {
  background:#0033FF;
  text-decoration: underline;
}

A.menu2 {
  width: 180px;
  height: 20px;
  background-color: rgb(205, 215, 255);
  border: solid 1px #666699;
  margin: 0px 0px 0px -70px;
  padding: 3px,3px,3px,3px;
  font-size: 10pt;
  text-align: reft;
  text-decoration: none;
}

A.menu2:hover {
  text-decoration: underline;
  background-color: #99FFFF;
}

A.menu3 {
  width: 160px;
  height: 20px;
  background-color: rgb(225, 255, 255);
  border: solid 1px #666699;
  margin: 0px 0px 0px -90px;
  padding: 3px,3px,3px,3px;
  font-size: 10pt;
  text-align: reft;
  text-decoration: none;
}

A.menu3:hover {
  text-decoration: underline;
  background-color: rgb(190, 255, 255);
}
A.menu4 {
  width: 170px;
  height: 20px;
  background-color: rgb(205, 215, 255);
  border: solid 1px #666699;
  margin: 0px 0px 0px -75px;
  padding: 3px;
  font-size: 10pt;
  text-align: right;
  text-decoration: none;
}
A.menu4:hover {
  text-decoration: underline;
  background-color: #99FFFF;
}

A.menu5 {
  width: 170px;
  height: 20px;
  background-color: rgb(205, 215, 255);
  border: solid 1px #666699;
  margin: 0px 0px 0px -75px;
  padding: 3px;
  font-size: 10pt;
  text-align: right;
  text-decoration: none;
}
A.menu5:hover {
  text-decoration: underline;
  background-color: #99FFFF;
}

.menutitle {
  color : #FFFFFF;


  background-color: rgb(7, 7, 185);

  margin: 0px 0px 0px -45px;
  padding: 3px;
  font-size: 10pt;
  text-align: right;
  text-decoration: none;
  font-weight: bold;
}

A.midori {
  color: #005500;
  background-color: #C0C0C0;
  text-decoration: none;
  border:4px outset;
  margin: 0px 0px 0px 5px;
  padding: 2px 5px 2px 5px;
}

A.midori:hover {
  color: #FFFFFF;
  background-color: #cc0066;
  text-decoration: none;
  border:4px outset;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 0px 5px;
}

A.name
{
  color : #0934AC;
  text-decoration: underline;
}
A.name:active
{
  color : #701F9A;
  text-decoration: underline;
}
A.name:hover
{
  color : #701F9A;
  text-decoration: underline;
}
A.name:visited
{
  color : #701F9A;
}

DIV.fix {
 position : relative;
 width: 190px;
 margin: 0px 0px 0px 0px;
 padding : 1px;
 background-color : #FFFFFF;
 z-index : 10;
}


TR.odd TD {
  background-color : #FFFFFF;
  border: solid 1px #000000; border-collapse: collapse;
}


TR.even TD {
  background-color : #DCE8F3;
  border: solid 1px #000000; border-collapse: collapse;
}

TR.over TD {
  background-color : #FFFF99;
  border: solid 1px #000000; border-collapse: collapse;
}


TR.label TD {
  color: #FFFFFF;
  font-weight: bold;
  background-color : #6699CC;
  text-align : center;
  border-color : #3399ff;
  border: solid 1px #000000; border-collapse: collapse;
}


TD.label {
  background-color : #DCE8F3;
  border-color : #ADDEDD;
  border: solid 1px #000000; border-collapse: collapse;
}


TD.data {
  border-color : #ADDEDD;
  border: solid 1px #000000; border-collapse: collapse;
}


TD.indata {
  border-color : #ADDEDD;
  border: solid 1px #000000; border-collapse: collapse;
  background-color:#FFFF77;
}


TABLE.noline {
 border-color : #ADDEDD;
 border:none;
 color : #000000;
 font-size : 10pt;
 font-family : "ＭＳ ゴシック";
}


TR.noline {
 text-align : center;
 border:none;
}


TD.noline {
 border-color : #ADDEDD;
 border:none;
}

div.dialog-body {

    color : #000000;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    overflow-y : expression(document.body.clientHeight < 490 ? "auto" :document.body.clientHeight >= 490 ? "hidden" : "auto") ;
    padding : 5px;
}

.clsInput {
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
}

.clsInput_address {
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    background-color : "#C0C0C0";
    
}

.clsInput_disabled {
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    background-color : #C0B5C0;
    color : #000000;
}




DIV.HeaderMain {


    width  : expression(document.body.clientWidth < 830 ? "810px" : document.body.clientWidth >= 830 ? "100%" : "auto") ;

    margin: -13px 0px 0px 0px;

}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.HeaderMain {
	margin: 0px 0px -11px 0px;
}

DIV.HeaderSub {

    width  : expression(document.body.clientWidth < 590 ? "570px" : document.body.clientWidth >= 590 ? "100%" : "auto") ;
    height : 5px;
    margin: 0px 0px 0px 0px;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.HeaderSub {
	margin: 0px 0px -11px 0px;
	height:auto;
}

DIV.MessageMain {

    border-style: solid;
    border-width: 1px;
    border-color: silver;

    width  : expression(document.body.clientWidth < 830 ? "810px" : document.body.clientWidth >= 830 ? "100%" : "auto") ;
    height : 42px;

    text-align:left;
    background-color:#FFFFFF;
    overflow : auto;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.MessageMain {
    margin-top: 13px;
}

DIV.MessageMainWN {
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    width  : expression(document.body.clientWidth < 830 ? "810px" : document.body.clientWidth >= 830 ? "100%" : "auto") ;
    font-weight: bold;
    height : 42px;
    text-align:left;
    background-color:#FFFF77;
    overflow : auto;
    font-size : 11pt;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.MessageMainWN {
    margin-top: 13px;
}

DIV.MessageMainEM {
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    width  : expression(document.body.clientWidth < 830 ? "810px" : document.body.clientWidth >= 830 ? "100%" : "auto") ;
    font-weight: bold;
    height : 42px;
    text-align:left;
    background-color:#FFFF77;
    overflow : auto;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.MessageMainEM {
    margin-top: 13px;
}

DIV.MessageSub {
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    width  : expression(document.body.clientWidth < 590 ? "570px" : document.body.clientWidth >= 590 ? "100%" : "auto") ;
    height : 42px;
    text-align:left;
    background-color:#FFFFFF;
    overflow : auto;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.MessageSub {
    margin-top: 13px;
}

DIV.MessageSubEM {
    border-style: solid;
    border-width: 1px;
    border-color: silver;
    width  : expression(document.body.clientWidth < 540 ? "570px" : document.body.clientWidth >= 540 ? "100%" : "auto") ;
    height : 42px;
    text-align:left;
    background-color:#FFFF77;
    overflow : auto;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.MessageSubEM {
    margin-top: 13px;
}

DIV.BodyMain {
    width  :expression(document.body.clientWidth < 830 ? "810px" : document.body.clientWidth >= 830 ? "100%" : "auto") ;
    height : expression(document.body.clientHeight < 627 ? (533 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight) + "px") : document.body.clientHeight >= 627 ? ((document.body.clientHeight- 90 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight))+"px") : (533 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight) + "px")) ;
    overflow : auto;
}


DIV.BodySub {
    width  : expression(document.body.clientWidth < 590 ? "570px" : document.body.clientWidth >= 590 ? "100%" : "auto") ;
    height : expression(document.body.clientHeight < 290 ? (190 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight) + "px") : document.body.clientHeight >= 290 ? ((document.body.clientHeight- 95 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight))+"px") : (190 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight) + "px")) ;
    overflow : auto;
}

DIV.BodySub1 {
    width  : expression(document.body.clientWidth < 590 ? "570px" : document.body.clientWidth >= 590 ? "100%" : "auto") ;
    height : expression(document.body.clientHeight < 290 ? (190 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight) + "px") : document.body.clientHeight >= 290 ? ((document.body.clientHeight- 65 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight))+"px") : (190 - (document.all.footer == undefined ? 0 : document.all.footer.clientHeight) + "px")) ;
    overflow : auto;
}

DIV.FooterMain {
    width : expression(document.body.clientWidth < 830 ? "810px" : document.body.clientWidth >= 830 ? "100%" : "auto") ;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.FooterMain {
	left: 0;
	bottom: 60px;
	width: 100%;
}

DIV.FooterSub {
    width  : expression(document.body.clientWidth < 590 ? "570px" : document.body.clientWidth >= 590 ? "100%" : "auto") ;
}

_:lang(x)::-internal-media-controls-overlay-cast-button, DIV.FooterSub {
	left: 0;
	bottom: 60px;
	width: 100%;
}

DIV.TableScrollMain {


    width  :expression(document.body.clientWidth < 830 ? "810px" :document.body.clientWidth >= 830 ? "100%" : "auto");

    height : expression(document.body.clientHeight < 623 ? "250px" :document.body.clientHeight >= 623 ? ((document.body.clientHeight - 353)+"px") : ("250px")) ;
    overflow :auto;
    border-style:solid;
    border-color:black;
    border-width:0px 0px 0px 0px;
}


DIV.TableScrollMain2 {


    width  :expression(document.body.clientWidth < 830 ? "810px" :document.body.clientWidth >= 830 ? "100%" : "auto");


    height : expression(document.body.clientHeight < 627 ? "350px" :document.body.clientHeight >= 627 ? ((document.body.clientHeight-253)+"px") : "350px") ;
    overflow :auto;
    border-style:solid;
    border-color:black;
    border-width:0px 0px 0px 0px;
}


DIV.TableScrollMainDynamic {
    width  :expression(document.body.clientWidth < (Number(defaultW) + 20) ? (defaultW + "px") : document.body.clientWidth >= (Number(defaultW)) ? "100%" : "auto");
    height : expression(document.body.clientHeight < 623 ? (defaultH + "px") : document.body.clientHeight >= 623 ? ((document.body.clientHeight - 623 + Number(defaultH))+"px") : (defaultH + "px")) ;
    overflow :auto;
    border-style:solid;
    border-color:black;
    border-width:0px 0px 0px 0px;
}

DIV.TableScrollSub {
    width :540px;
    height:250px;
    overflow :auto;
    border-style:solid;
    border-color:black;
    border-width:0px 0px 0px 0px;
}


DIV.TabMain {
   
}


DIV.TabSub {
    
}


INPUT.clsBtn {
    width  : 75px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
}


INPUT.clsBtn2 {
    width  : 90px;
    height : 25px;
    font-size : 12.5px;
    font-family : "ＭＳ ゴシック";
}


INPUT.clsBtn3 {
    width  : 105px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
}


INPUT.clsBtn4 {
    width  : 120px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
}


INPUT.clsBtn5 {
    width  : 135px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
}


INPUT.clsBtnUpdt {
    width  : 75px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    color : #FFFFFF;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt:disabled {
    width  : 75px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    color: darkgray;
    text-shadow: 1px 1px 0px white;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt2 {
    width  : 90px;
    height : 25px;
    font-size : 12.5px;
    font-family : "ＭＳ ゴシック";
    color : #FFFFFF;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt2:disabled {
    width  : 90px;
    height : 25px;
    font-size : 12.5px;
    font-family : "ＭＳ ゴシック";
    color: darkgray;
    text-shadow: 1px 1px 0px white;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt3 {
    width  : 105px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    color : #FFFFFF;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt3:disabled {
    width  : 105px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    color: darkgray;
    text-shadow: 1px 1px 0px white;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt4 {
    width  : 120px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    color : #FFFFFF;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt4:disabled {
    width  : 120px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    color: darkgray;
    text-shadow: 1px 1px 0px white;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt5 {
    width  : 135px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    color : #FFFFFF;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnUpdt5:disabled {
    width  : 135px;
    height : 25px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    color: darkgray;
    text-shadow: 1px 1px 0px white;
    font-weight: bold;
    background-color:blue;
}


INPUT.clsBtnClose {
    width  : 60px;
    height : 20px;
    font-size : 10pt;
    font-family : "ＭＳ ゴシック";
    background-color : rgb(7, 7, 185);
    color : white;
}


SPAN.input-require {
    color : #ff0000;
    font-weight: bold;
}


SPAN.comment {
    color : #808080;
    font-size : 8pt;
}

SPAN.comment2 {
    color : #ff0000;
    font-family : "ＭＳ ゴシック";
    font-size : 7.5pt;
}


SPAN.ontab {
    background-image:url(../img/ontab.jpg);
    width:105px;
    font-weight: bold;
    height:27px;
    padding:10px 0px 0px 0px;
    margin: 3px -8px 0px 0px;
    text-align: center;
    cursor:pointer;
    display:table-cell;
    background-repeat:no-repeat;
}

SPAN.ontabHover {
    background-image:url(../img/ontab.jpg);
    width:105px;
    font-weight: bold;
    height:27px;
    padding:10px 0px 0px 0px;
    margin: 3px -8px 0px 0px;
    text-align: center;
    cursor:pointer;
    display:table-cell;
    background-repeat:no-repeat;
}

SPAN.offtab {
    background-image:url(../img/offtab.jpg);
    color : #FFFFFF;
    width:105px;
    height:27px;
    padding:10px 0px 0px 0px;
    margin: 3px -8px 0px 0px;
    text-align: center;
    cursor:pointer;
    display:table-cell;
    background-repeat:no-repeat;
}

SPAN.offtabHover {
    background-image:url(../img/offtab.jpg);
    color : #FFFFFF;
    width:105px;
    height:27px;
    padding:5px 0px 0px 0px;
    margin: 3px -8px 0px 0px;
    text-align: center;
    cursor:pointer;
    display:table-cell;
    background-repeat:no-repeat;
}

.infoMsg {
    color : #000000;
}


.questionMsg {
    color : #0000ff;
}


.warningMsg {
    color : #ff0000;
}


.warningItem {
    background-color : #ff0000 !important
}


.warningItemMsg {
    color : #ff0000;
}


B.CC_Title{
    background-color: #00FFE0;
}
