@charset "utf-8";

html,body {
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    font-size: 18px;
}
h3 {
    margin: 0;
}
dl,dt,dd,p {
    margin: 0;
    padding: 0;
}
dt {
    margin-top: 10px;
}
input {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
}

.fl {
    float:left;
}
.fr {
    float:right;
}
.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.mt80 {margin-top: 80px;}
.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px;}
.mb80 {margin-bottom: 80px;}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.clearfix{display: inline-block;} 
* html .clearfix {height: 1%;}
.clearfix{display:block;}


.iziModal table {
    margin: auto;
    border: 1px solid #ccc;
}
.iziModal table th {
    background-color:#eef;
}
label {
    font-size: 12px;
    background-color:#ffe100;
    display: inline-block;
    width: 120px;
}
.notprint {
    background-color:#ffe100;
}
.notprint input {
    border: 1px slid #ccc;
}
input[readonly=readonly] {
    background-color:#fffac7;
    border: 1px solid #bbb;
    padding: 3px;
}

#form {
    background-color: #ffefb7;
    border: 2px solid #ffcf3f;
    border-radius: 10px;
    margin: 10px;
    padding: 20px;
    width: 1000px;
    min-height: 800px;
    position: relative;
}

.createType {
    text-align:center;
    font-size: 150%;
}
.number {
    text-align:right;
}
.createDate {
    text-align:right;
}

.block {
    border: 1px dashed #ccc;
    display: inline-block;
    padding: 3px 5px;
}
#detail {
    overflow-y: scroll;
    height: 300px;
    border: 1px solid #ccc;
}
#detail table,
#detailAfter table {
    border-collapse: collapse;
    
}
#detail th,
#detail td,
#detailAfter th,
#detailAfter td {
    font-size: 14px;
    padding: 0;
    margin: 0;
}


input.price {
    text-align:right;
}



#dataNavi ul {
    list-style-type: none;
}
#dataNavi ul li {
    display:inline-block;
    cursor: pointer;
}
#dataNavi ul li img {
    vertical-align: middle;
}








.clientDetailBlock {
    position: relative;
    display: inline-block;
    line-height: 25px;
}
.detailToggleButton {
/*    margin-top: 10px;*/
    float:right;
}
.clientDetail {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 450px;
    height: 200px;
    background-color:#edd;
    border: 1px solid #efefef;
    border-radius: 15px;
    padding: 10px;
    display: none;
}
.clientDetail label {
    width: 100px;
    display: inline-block;
}
.clientDetail input {
    background-color:#fed;
}

#dataNavi {
    float:left;
    height: 50px;
}

#print_buttons {
    font-size: 12px;
    float:right;
    border-collapse:collapse;
    border: none;
}
#print_buttons tr {
}
#print_buttons th {
    text-align: right;
}
#print_buttons td {
    border: 1px solid #ccc;
}
#print_buttons td {
    padding: 5px;
    margin-bottom: 5px;
}
#print_buttons a {
    text-decoration: none;
    color:#000;
}
#print_buttons .button {
    font-size: 12px;
    padding: 2px 10px;
    background-color:#ccc;
    border: 1px solid #666;
    border-radius: 3px;
    text-align: center;
}
#print_buttons .l1 .button {
    background-color:#8f8;
}
#print_buttons .l2 .button {
    background-color:#aaf;
}


.addButton {
    cursor: pointer;
}
.searchButton {
    cursor: pointer;
}

.addblock {
    background-color:#fff;
    border: 1px solid #666;
    border-radius: 5px;
    padding:5px;
    position: absolute;
    display: none;
}

.closeButton {
    font-size: 18px;
    font-weight: bold;
    background-color:#faa;
    color:#fff;
    width: 24px;
    height:24px;
    line-height: 24px;
    text-align:center;
    float:right;
    cursor: pointer;
}
.addSubmit {
    display: block;
    width: 80px;
    height: 26px;
    background-color:#666;
    margin: 10px auto;
    text-align:center;
    text-decoration: none;
    color:#fff;
}


#popup {
    display: none;
    background-color:#fff;
    border-radius: 10px;
    border: 1px solid #666;
    padding: 5px;
    
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;

    width: 90%;
    height: 700px;
    overflow: scroll;
}
#popup .close {
    text-align:center;
    width: 100px;
    cursor: pointer;
    background-color:#aaa;
    
}
#popup .inner {
    /*width: 2000px;*/
    margin-top: 30px;
    padding-bottom: 40px;
    margin-bottom: 10px;
    overflow: scroll;
}
#popup .datatype {
    display: none;
}
#popup td {
    white-space: nowrap;
}

#SeikyuPricePopup {
    display: none;
    text-align: center;
}
#PriceDetailSubmit {
    padding: 5px auto;
    margin: 5px auto;
    width: 90%;
}



#SeikyuShowPopup .iziModal-content a,
#SeikyuCreateSubmit input[type=submit] {
    display: inline-block;
    background-color:#ccc;
    border: 1px solid #666;
    border-radius: 5px;
    padding: 3px 10px;
    margin: 10px auto;
    color: #000;
    text-decoration: none;
    text-align: center;
}


#SeikyuClientId,
#SeikyuPublisherId,
#SeikyuChargerId,
#SeikyuStatusId {
    background-color: #fcc;
}

.fieldmsg {
    font-size: 80%;
    display: inline-block;
    padding-left: 10px;
}

.sumprice {
    text-align:right;
}
input[id^=PayPrice] {
    text-align:right;
}
#SeikyuNumber,
#SeikyuCurrent {
    text-align: center;
}



#Users_login {
    background-color: #d8efff;
}

#Users_login #header {
    display: none;
}
#Users_login #content {
    height: 100%;
    width: 100%;
}
#Users_login .company {
    font-size: 80px;
    line-height: 2em;
    width: 160px;
    border-radius: 80px;
    text-align: center;
    background-color:#f00;
    margin: auto;
}
#Users_login .name {
    text-align: center;
    margin: 10px auto;
    font-size: 130%;
    font-weight: bold;
}
#Users_login .form {
    width: 50%;
    max-width: 400px;
    margin: 0 auto;
}
#Users_login .form #UserUsername {
    padding: 5px;
    border-radius: 10px 10px 0 0;
    width: 100%;
    font-size: 150%;
}
#Users_login .form #UserPassword {
    padding: 5px;
    border-radius: 0 0 10px 10px;
    width: 100%;
    font-size: 150%;
}
#Users_login .form .submit {
    text-align:center;
}
#Users_login .form .submit input {
    padding: 10px 50px;
    width: 100%;
    border-radius: 10px;
    margin: 10px 5px;
    font-size: 180%;
    background-color:#c8dfef;
}
#Users_login .cake-sql-log {
    display: none;
}