.cssBaseContainer
{
    width: 100%;
    /*position: relative;*/
    height: auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}

.cssTableMain
{
    width: 100%;
    height: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.cssHeader
{
    width: 100%;
    background-color: #e8e8e8;
    border-top: 5px solid #b1000e;
    position: fixed;
    height:70px;
    top: 0;
    left: 0;
    z-index: 9999;
}

.cssHeaderMenu
{
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    height:70px;
    top: 70px;
    left: 0;
    z-index: 9999;
}

.cssBaseContents
{
    padding-top: 140px;
    padding-bottom : 35px;
}

.cssFooter
{
    text-align: center;
    width: 100%;
    height: 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #e8e8e8;
    border-top: 5px solid #b1000e;
    z-index: 2;
}
.cssFooterTable
{
    text-align: center;
    width: 100%;
    height: 100%;
    vertical-align:middle;

}

.csslblSyStemTitle
{
    font-size: 24px; /*文字の大きさ*/
    white-space: nowrap;
}


.cssEnvInfoDetail
{
    font-size: 16px;
    margin: 0;
    font-weight: bold;
     background: #e8e8e8;

}

 .cssEnvInfoTitle
{
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
     background: #cdcdcd;
}

.cssTdTitle
{
    font-size: 24px;
    white-space: nowrap;
    text-align: center;
}

.cssTdComplete
{
    
    font-size: 16px;
    white-space: nowrap;
    text-align: left ;
    vertical-align:middle;
    background-color :#b1000e;
    padding:10px;
    color: #FFFFFF;
    border-radius: 10px;
    
}

.cssDivComplete
{
    width: 80%;
    height: 100%;
    text-align: center;
    border-collapse: collapse;
    background-color: #e8e8e8;
        border-bottom: solid 5px #627295;
        border-right : solid 5px #627295;
   /* border-radius: 7px;*/
   padding:7px;
   border-radius: 10px;
}

.cssDivFrame    
{
    width: 95%;
    height: 95%;
    text-align: center;
    border-collapse: collapse;
    background-color: #e8e8e8;
        border-bottom: solid 5px #627295;
        border-right : solid 5px #627295;
   /* border-radius: 7px;*/
   padding:7px;
   border-radius: 10px;
}

.cssTableFrame
{
    width: 90%;
    height: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}
.cssTdFrame
{

    text-align: right ;
    padding-right :110px;
}

.cssTdTitleSub
{
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
}

.cssTdFlatShort
{
    font-size: 14px;
    white-space: nowrap;
    text-align: right; 
    padding: 3px;
    width: 60px;
}

.cssTdFlatMiddle
{
    font-size: 14px;
    white-space: nowrap;
    text-align: right; 
    padding: 3px;
    width: 80px;
}

.cssTdFlatLong
{
    font-size: 14px;
    white-space: nowrap;
    text-align: right; 
    padding: 3px;
    width: 200px;
}

.cssTdFlat
{
    font-size: 14px;
    white-space: nowrap;
    text-align: right; 
    padding: 3px;
    width: 120px;
}

.cssTdFlatApproval
{
    font-size: 14px;
    white-space: nowrap;
    text-align: left; 
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 180px;
    border-style: solid;
    border-width: thin;
    background-color: LightGrey;
    height: 25px;
}

.cssTdFlatApprovalLeftBorder
{
    font-size: 14px;
    white-space: nowrap;
    text-align: left; 
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 180px;
    border-left-style: double;
    border-right-style: solid;
    border-right-width: thin;
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-style: solid;
    border-bottom-width: thin;
    background-color: LightGrey;
    height: 25px;
}

.cssTdFlatApprovalDouble
{
    font-size: 14px;
    white-space: nowrap;
    text-align: left; 
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 180px;
    border-style: solid;
    border-width: thin;
    background-color: LightGrey;
    height: 50px;
}

.cssTdFlatApprovalParts
{
    font-size: 14px;
    white-space: nowrap;
    text-align: left; 
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 60px;
    border-style: solid;
    border-width: thin;
    background-color: LightGrey;
    height: 25px;
}

.cssTdFlatApprovalCheck
{
    font-size: 14px;
    white-space: nowrap;
    text-align: left; 
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 120px;
}

.cssTdFlatBoxApproval
{
    white-space: nowrap;
    font-size: 14px;
    text-align: left; 
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 180px;
    border-style: solid;
    border-width: thin;
    height: 25px;
}

.cssTdFlatBoxApprovalParts
{
    white-space: nowrap;
    font-size: 14px;
    text-align: left; 
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 120px;
    border-style: solid;
    border-width: thin;
    height: 25px;
}

.cssTdFlatSubApproval
{
    font-size: 14px;
    white-space: nowrap;
    text-align: center; 
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-left-style: double;
    border-right-style: double;
    border-top-style: double;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-color: Black;
    background-color: Gray;
    color: White;
    height: 25px;
}

.cssTdFlatBoxShort
{
    text-align: left ; 
    white-space: nowrap;
    font-size: 14px;
    width: 80px;
}

.cssTdFlatBox
{
    text-align: left ; 
    white-space: nowrap;
    font-size: 14px;
    width: 120px;
}

.cssTdFlatBoxMiddle
{
    text-align: left ; 
    white-space: nowrap;
    font-size: 14px;
    width: 200px;
}

.cssTdFlatBoxLonger
{
    text-align: left ; 
    white-space: nowrap;
    font-size: 14px;
    width: 250px;
}


.cssTdFlatBoxLarge
{
    text-align: left ; 
    font-size: 14px;
    width: 120px;
}

.cssTextBoxFlatLonger
{
    text-align: left ; 
    white-space: nowrap;
    font-size: 14px;
    width: 250px;
}

.cssTextBoxFlatLong
{
    font-size: 16px;
    height: 20px;
    width: 160px;
}
.cssTextBoxFlatLongest
{
    font-size: 16px;
    height: 20px;
    width: 300px;
}

.cssDropDownFlat
{
    font-size: 16px;
    height: 24px;
    width: 120px;
}
.cssDropDownFlatMed
{
    font-size: 16px;
    height: 24px;
    width: 165px;
}
.cssDropDownFlatLong
{
    font-size: 16px;
    height: 24px;
    width: 240px;
}
.cssDropDownFlatLongest
{
    font-size: 16px;
     height: 24px;
    width: 500px;
}
.cssListBoxFlat
{
    font-size: 16px;
    width: 300px;
}

.cssBtnFlatType
{
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f2f2f2; /*ボタン色*/
    border-bottom: solid 3px #627295;
    border-radius: 7px;
}
.cssBtnFlatType:active
{
    /*ボタンを押したとき*/
    -webkit-transform: translateY(2px);
    transform: translateY(2px); /*下に動く*/ /*border-bottom: solid 4px #fff;線を消す*/
}

.cssBtnFlatType:hover
{
    background-color: #f2f2f2;
    border-color: #a6a6a6;
    color: #000;
}

.cssBtnFlatTypeOnPro
{
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #627295; /*ボタン色*/
    border-bottom: solid 3px #627295;
    border-radius: 7px;
    color: White;
}

.cssBtnFlatTypeMint
{
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    padding: 0.3em 0.8em;
    text-decoration: none;
    background: #f2f2f2; /*ボタン色*/
    border-bottom: solid 2px #627295;
    border-radius: 6px;
}
.cssBtnFlatTypeMint:active
{
    /*ボタンを押したとき*/
    -webkit-transform: translateY(2px);
    transform: translateY(2px); /*下に動く*/ /*border-bottom: solid 4px #fff;線を消す*/
}

.cssBtnFlatTypeMint:hover
{
    background: #f2f2f2;
    border-color: #a6a6a6;
    color: #000;
}

.cssBtnFlatTypeApproval
{
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f2dcdb; /*ボタン色*/
    border-bottom: solid 3px #627295;
    border-radius: 7px;
}
.cssBtnFlatTypeApproval:active
{
    /*ボタンを押したとき*/
    -webkit-transform: translateY(2px);
    transform: translateY(2px); /*下に動く*/ /*border-bottom: solid 4px #fff;線を消す*/
}

.cssBtnFlatTypeApproval:hover
{
    background-color: #f2dcdb;
    border-color: #a6a6a6;
    color: #000;
}


.cssTdComment
{
    color: Red;
     font-size: 16px;
    font-weight: bold;
     text-align: left ; 
}

.cssTdUpdate
{
    text-align: right;
    vertical-align: bottom;
    padding: 16px;
}



.cssGridHeaderStyle
{
    background-color: #7f7f7f;

    font-weight: bold;
    white-space: nowrap;
    height: 20px;
    font-size: 16px;
}
.cssGridRowStyle
{
    background-color: #cdcdcd;
    color: Black;
    white-space: nowrap;
    height: 20px;
    font-size: 16px;
}
.cssGridAlternatingRowStyle
{
    background-color: #e8e8e8;
    color: Black ;
    white-space: nowrap;
    height: 20px;
    font-size: 16px;
}
.cssGridFooterStyle
{
    background-color: #7f7f7f;
    font-weight: bold;
    white-space: nowrap;
    height: 20px;
    font-size: 16px;
}

.cssGridPagerStyle
{
    background-color: #7f7f7f;
    font-weight: bold;
    white-space: nowrap;
    height: 20px;
    font-size: 16px;
}
.cssGridSelectedRowStyle
{
    background-color: #5CFFC3;
    color: #333333;
    font-weight: bold;
    white-space: nowrap;
    height: 20px;
    font-size: 16px;
}

.cssGridEditRowStyle
{
    background-color: #999999;
    font-size: 16px;
    white-space: nowrap;
    height: 20px;
}



.cssTdFlatMessage
{
    text-align: left ; 
    white-space: nowrap;
    font-size: 14px;
    padding-left:24px;
    padding-bottom:4px;
}

.cssLblHead
{
    margin: 3px;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 6px;
    white-space: nowrap;
}


.cssTdMenu
{
    padding: 5px;
    
    text-align:center;
}




















.cssBtnFlatTypeRegist
{
    color: #538dd5;
    border: solid 2px #627295;
    width: 250px;
    height: 70px;
    font-size: xx-large;
    font-weight: bold;
    border-radius: 10px;
    background: #f2f2f2;
    margin: 5px;
    padding: 6px;
}
.cssBtnFlatTypeRegist:hover
{
    background: #538dd5;
    color: white;
}






.cssTdFlatText
{
    font-size: large;
    text-align: left;
}

.cssTextBoxFlat
{
    font-size: medium;
    height: 20px;
    width: 120px;
    background-color: White;
}

.cssTextBoxFlatShort
{
    font-size: medium;
    height: 20px;
    width: 60px;
    background-color: White;
}

.cssTextBoxFlatMiddle
{
    font-size: medium;
    height: 20px;
    width: 200px;
    background-color: White;
}

.cssTextBoxFlatLonger
{
    font-size: medium;
    height: 20px;
    width: 250px;
    background-color: White;
}

.cssTextBoxFlatLarge
{
    font-size: large;
    height: 60px;
    width: 900px;
    background-color: White;
}
.cssTextBoxFlatAgreement
{
    font-size: 13px;
    height: 500px;
    width: 900px;
    background-color: White;
    overflow: auto;
    border-style: solid;
    border-width: thin;
}

.cssTextBoxFlatComments
{
    font-size: 14px;
    width: 250px;
    background-color: White;
}

.cssPnlInfo
{
    overflow: scroll;
    height: 500px;
    width: 100%;
    border-style: groove;
    border: 3px;
    border-color: #fffacd;
}

.cssBtnHeadType
{
    display: inline-block;
    position: relative;
    padding: 0.5em 1.4em;
    text-decoration: none;
    background: #f2f2f2; /*ボタン色*/
    color: #000;
    border-bottom: solid 4px #627295; /*ボタン色より暗めに*/
    border-right: solid 4px #627295; /*ボタン色より暗めに*/
    border-top: solid 4px #dcdcdc; /*ボタン色より暗めに*/
    border-left: solid 4px #dcdcdc; /*ボタン色より暗めに*/
    margin: 3px;
    font-weight: bold;
    font-size: large;
    padding: 6px;
    width: 120px;
}

.cssBtnHeadType:before
{
    content: " ";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 4px 4px 0px;
    border-style: solid;
    border-bottom-color: #FFF;
}

.cssBtnHeadType:after
{
    content: " ";
    position: absolute;
    top: -1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 0 4px 4px 0px;
    border-style: solid;
    border-color: #000;
    border-bottom-color: transparent;
}

.cssBtnHeadType:active
{
    /*ボタンを押したとき*/
    -webkit-transform: translate(6px,6px);
}

.cssBtnHeadType:active:after, .cssBtnHeadType:active:before
{
    content: none; /*ボタンを押すと線が消える*/
}


.cssGridStyle
{
    /*width: 80%;*/
    white-space: nowrap;
    font-size: 16px;
    color:Black ;
    border-style :none ;
    text-align :left ;
}

.cssContainer
{
    margin: 0 0 20px;
    height: 410px;
}

.cssFakeContainer
{
    overflow: auto;
}

.cssCenter
{
    text-align: center;
    white-space: nowrap;
}

.cssRight
{
    text-align: right;
    white-space: nowrap;
}

.cssLeft
{
    text-align: left;
    white-space: nowrap;
}


.cssTdReturn
{
    text-align: left;
    vertical-align: bottom;
    width: 200px;
    white-space: nowrap;
    padding: 16px;
}


.cssTdRegist
{
    text-align: center;
    vertical-align: middle;
    padding: 16px;
}

.cssTdSearch
{
    text-align: right;
    vertical-align: bottom;
}

.cssLblReqired
{
    color: Red;
}

.cssTdMessage
{
    color: #DA1146;
    font-size: large;
    font-weight: bold;
}

.cssImeDisable
{
    ime-mode: disabled;
}

.cssLblCount
{
    color: #DA1146;
}

.cssAddEditFrameStyle
{
    border-style: solid;
    background-color: #e8e8e8;
    width: 90%;
}

.cssCommentSize
{
    font-size: 14px;
}

.cssLoading
{
    border-color: #7F7F7F !important;
    border-width: thick !important;
    padding: 3px !important;
    background-color: #fff !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    color: #7F7F7F !important;
    font-size: 16px !important;
    font-weight: bold !important;
}


.cssTdSyStemTitle:before, .cssTdSyStemTitle:after
{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.cssTdSyStemTitle:before
{
    top: 0;
    left: 0;
    border-width: 45px 0px 45px 30px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.cssTdSyStemTitle:after
{
    top: 0;
    right: 0;
    border-width: 45px 30px 45px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.cssTextBoxNumber
{
    text-align: right;
}




.cssRepairFrame
{
    width: 550px;
    height: 700px;
}

.cssDialog
{
  overflow: hidden;
  position: absolute;
  width: 500px;
  height: 200px;
  display: none;
  border:1px solid #aaa;
  z-index:1000;
  left: 30%;
}
.cssDialog-header
{
  border: 1px solid #aaa;
  background: gray;
  color: White;
  font-weight: bold;
  overflow: hidden;
  padding:5px;
  height: 10px;
  font-size: small;
  text-align: center;
}
.cssDialog-title
{
    float: left;
}
.cssDialog-close 
{
    position: absolute;
    left: 100px;
}
.cssDialog-confirm
{
    position: absolute;
    right: 100px;
}
.cssDialog-content
{
  position: relative;
  border: 0;
  padding: 0px 5px .5em 5px;
  background: #fff;
  overflow: auto;
  width: 100%;
  height: 100%;
  color: Red;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}
.cssDrag
{
    z-index: 1001;
}
.cssDialog-img 
{
    position: absolute;
    top: 17px;
    left: 35px;
}

.cssApprovalCellPoint
{
    text-align: right;
    cursor: pointer;
    color: #0066cc;
    width: 73px;
}

.cssApprovalHeader
{
    height: 48px;
}

.cssTXTMailConfirm
{
  width: 850px;
  height: 450px;
}
.cssMailConfirm
{
  overflow: hidden;
  position: absolute;
  top: 20%;
  height: auto;
  width: 900px;
  height: 550px;
  display: none;
  border:1px solid #aaa;
  z-index:1000;
  left: 20%;
}
.cssMailConfirm-header
{
  border: 1px solid #aaa;
  background: gray;
  color: White;
  font-weight: bold;
  overflow: hidden;
  padding:5px;
  height: 10px;
  font-size: small;
  text-align: center;
}
.cssMailConfirm-title
{
    float: left;
}
.cssMailConfirm-close 
{
    position: absolute;
    left: 100px;
}
.cssMailConfirm-confirm
{
    position: absolute;
    right: 100px;
}
.cssMailConfirm-content
{
  position: relative;
  border: 0;
  padding: 0px 5px .5em 5px;
  background: #fff;
  overflow: auto;
  width: 100%;
  height: 100%;
  color: Red;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}
.cssMailConfirm-img 
{
    position: absolute;
    top: 17px;
    left: 35px;
}

.cssMasterMessage
{
    text-align:left;
    color: #DA1146;
    font-size: 14px;
    font-weight: bold;
}

.cssListBoxSmall
{
    font-size: 16px;
    height: 200px;
    width: 220px;
}

.cssTableDoubleBorder
{
    border-style: double;
}


.cssDialogRepair
{
  overflow: hidden;
  position: absolute;
  width: 400px;
  height: 180px;
  display: none;
  border:1px solid #aaa;
  z-index:1000;
  left: 30%;
}
.cssDialog-got
{
    position: absolute;
    right: 80px;
}
.cssDialog-goto
{
    position: absolute;
    left: 80px;
}

.cssOperationGuide {
    color: Red;
    font-weight: bold;
    text-align: left;
}

.csslblNum 
{    
 width: 15%;
}

.cssTdFlatRework
{
    font-size: 14px;
    white-space: nowrap;
    text-align: left; 
    padding: 3px;
    padding-left: 120px;
}

.cssNoscript
{
    color: Red;
    font-weight: bold;
}

.cssTdAttention
{
    color: Red;
    font-size: 13px;
}

.cssDivImport
{
    overflow: auto;
    width: 1200px;
    height:300px;
}

.cssDivImportHistory
{
    overflow: auto;
    width: 1200px;
    height:300px;
}

.cssDisplayNone
{
    display: none;
}