body{
    font-size:14px;
    font-family:'Meiryo UI', 'Meiryo', 'メイリオ', 'Osaka', 'sans-serif';
    color:#333;
    background-color: #44484c;
    margin: 0;
    text-align: center;
}

.contents h2{
    font-weight:normal;
    font-size: 18px;
    margin-top:4px;
    margin-bottom:8px;
    padding:5px 0px 5px 10px;
    background-color:#6495ed;
    color:#fff;
}

.contents h3{
    font-size: 16px;
    font-weight:bold;
    margin-top:14px;
    margin-bottom:6px;
    padding-bottom:3px;
    border-bottom:1px solid #6495ed;
}

.contents h4{
    font-size: 14px;
    font-weight:bold;
    margin-top:14px;
    margin-bottom:6px;
}

.contents .note{
    font-size:12px;
    color:#666;
}

input{
    padding:3px;
    font-family : inherit;
}
select{
    padding:3px;
}
textarea{
    padding:3px;
    font-family : inherit;
}

table{
    font-size:14px;
    font-weight:normal;
    border-collapse:collapse;
    margin-top:5px;
}

table tr{
    border-bottom:1px solid #ccc;
}
table tr:hover{
    background-color:#e5f2ff !important;
}

table tr th{
    padding:4px 8px 4px 8px;
}

table tr td{
    padding:4px 8px 4px 8px;
}

table .column_num{
    text-align: right;
}

ul{
    margin:3px 0px 3px 0px;
    padding:0px 0px 0px 20px;
}

.comment{
    font-size:12px;
    color:#666;
    font-weight:normal;
}
.list-table{
    min-width:700px;
    width: 100%;    
}
.list-table tr:nth-child(odd){
    background-color:#fff;
}

.list-table tr:nth-child(even){
    background-color:#f3f3f3;
}
.list-table th{
    font-weight:normal;
    text-align: center;
    /*background-color:#eee;*/
    padding-bottom: 12px;
}
.list-table th.hsortable{
    cursor: pointer;
}
.list-table th span{
    border-radius: 30px;
    background: #edeaea;
    padding: 5px 15px;

}
.list-table th span.sort-direct{
    padding: 0;
}

.list-table th div {
    border-radius: 30px;
    background: #edeaea;
    padding: 5px 15px;
}
.property-table{
    min-width:700px;
}

.property-table th{
    font-weight:normal;
    text-align: left;
    min-width:100px;
}

.dlg-table{
    width:95%;
    min-width:100px;
}

.inner_body{
    width:750px;
}
.filter-wrapper{
    float:left;
    margin: 5px 0 10px 0;
}
.order-wrapper{
    float:right;
    margin: 5px 0 10px 0;
}
.order-title{
    color: gray;
}
.filter-wrapper span div div input{
    width: 300px;
}
.order-wrapper span div div input{
    width: 150px;
}
.contents{
    text-align: left;
    width: 90%;
    border-radius: 10px;
}

.inside-menu-button{
    text-decoration: none;
    padding: 10px;
    /*margin: 12px 3px 6px 25px;*/
}

.cmd-button{
    background-color: #666;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 3px 10px 4px 10px;
    min-width:60px;
    text-align: center;
    border-radius: 4px;
}
.cmd-button:hover{
    background-color:#999;
}

.header{
    height:28px;
    background-color:#FFF;
    padding:8px 12px 8px 10px;
    margin-bottom:8px;
    background-repeat: no-repeat;
    background-image: url('/img/logo_r2.png');
    background-size:contain;
}
.header .title{
    font-size:16px;
    margin-top:4px;
    font-weight: bold;
    font-style: italic;
    /*color:#ff3366;*/
    /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
    margin-left:175px;
    float:left;
}
.header .userinfo{
    font-size:14px;
    float:right;
    vertical-align: bottom;
}
img.logo{
    height: 40px;
    float: left;
    margin: 15px 5px 0px 10px;
}
.condinfo{
    float: left;
    padding: 10px;
    text-align: left;
}
.condinfo span.cond-name{
    color: #444;
    font-size:110%;
    font-weight:600;
}
.condinfo span.term-info{
    font-size: 0.8em;
}
.el-scrollbar {
    text-align: left;
}    

.login-component{
    text-align: left;
}
.filterorder-wrapper{
    text-align: left;
    height: 50px;    
}
.condlist-wrapper{
    background-color: #fff;
    padding: 4px 8px 4px 8px;
    margin: 5px 0px 15px 0px;
    text-align: left;
}
.el-divider__text, .el-link {
    font-weight: bold; 
}
[class*=" el-icon-"], [class^=el-icon-] {
    color: #0E7BE8;
    margin-right: 5px;
}
.condname-size{
    font-size: 16px;
}
.dateterm-size{
    font-size: 13px;
}
.el-badge__content{
    margin-left: 5px;
}
.text-left{
    text-align: left !important;
}
.text-center{
    text-align: center !important;
}
.text-right{
    text-align: right !important;
}
.kana-text{
    font-size: 80%;
    color: #666;
}
.menu-insert-button{
    display: inline-block;
    position: relative;
    line-height: 60px;
    margin-left:20px;
    float:left;
}
.menu-top-right{
    display: inline-block;
    vertical-align: middle;
    padding-top:6px;
    padding-right:6px;
}
.menu-top-right>div{
    display: inline-block;
}
div.loginuser{
    text-align: left;
    border: 1px solid #d2caca;
    border-radius: 10px;
    padding: 5px 10px;    
    vertical-align: -webkit-baseline-middle;    
}
div.loginuser>div{
    display:inline-block;
}
div.loginuser .el-icon-arrow-down{
    cursor:pointer;
    font-weight:bold;
}
.usermenu_item{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
}

div.userinfo {
    vertical-align: -webkit-baseline-middle;
}
div.userinfo img{
    height: 40px;
    vertical-align: middle;
}
.el-menu {
    text-align: right;
}
.err-msg{
    color:#ff3300;
    font-weight:bold;
    display:block;
    text-align: left;
}
.err-msg-box{
    border:2px solid #ff3300;
    border-radius: 4px;
    font-size:120%;
    padding:8px 12px;
    margin:16px 0px;
}
.err-status{
    background: #f5d5d5;
}
.screen-mask{
    background-color: transparent;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    position: absolute;
    top: 0;
    left: 0;    
}