@charset "utf-8";
/* CSS Document */
/*************************************
        ヘッダー
*************************************/
#headerWrapper {
    width:100%;
    height:62px;
    margin:0;
    padding:0;
    background-image: url(../images/common/headerBack2.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}
#headerWrapper #headerArea{
    width: 100%;
    height: 40px;
    margin:0;
    padding:0;
    background-image: url(../images/common/headerBack1.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}
#headerWrapper #headerArea #header{
    width:1200px;
    height: 40px;
    margin:0 auto;
    padding:0;
}
#headerWrapper #headerArea #header h1{
    margin:4px 0 0 10px;
    float:left;
}
#headerWrapper #headerArea #header p{
    margin:6px 10px 0 0;
    float:right;
}

#headerWrapper #loginuser{
    font-weight:bold;
    padding-top: 8px;
    padding-right: 10px;
    color: white;
}
/*************************************
        ENDヘッダー
*************************************/


/*************************************
        ログイン
*************************************/
#loginWrapper {
    width: 319px;
    height: 362px;
    margin: 50px auto;
    background-image: url(../images/login/loginBack.png);
    background-repeat: no-repeat;
}
#loginWrapper #loginFromArea{
    width:220px;
    margin:0 auto;
}
#loginWrapper #idtxt{
    padding:33px 0 6px;
}
#loginWrapper #passtxt{
    padding:20px 0 6px;
}
#loginWrapper #idArea,
#loginWrapper #passArea {
    width:220px;
    height:30px;
    border:0;
}
#loginWrapper #loginInput{
    margin:30px auto 0;
    width:158px;
    height:39px;
}
/*************************************
        ENDログイン
*************************************/


/*************************************
        大枠
*************************************/
#wrapper {
    width:1200px;
    margin:0 auto 50px;
}
/*************************************
        END大枠
*************************************/



/*************************************
        検索
*************************************/

#searchArea {
    width: 377px;
    min-height: 230px;
    height: 260px;
    margin:29px 0 0 5px;
    padding:10px 20px 20px;
    float: left;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.85);
    box-shadow:0px 0px 5px 0px;
}
.new {
    width:120px;
    float:left;
    padding:0 0 10px;
}
.addition {
    width:120px;
    float:left;
    padding:0 0 10px;
}
#searchArea table{
    width:375px;
    clear: both;
    margin:0 0 4px;
    border-top: 1px solid #BCBCBC;
    border-left: 1px solid #BCBCBC;
}
#searchArea table th{
    width:70px;
    padding:5px 10px;
    text-align:left;
    color:#FFFFFF;
    background-color:#374461;
    border-bottom: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
}
#searchArea table td{
    width:210px;
    padding:5px 10px;
    text-align:left;
    background-color:#FFFFFF;
    border-bottom: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
}
#searchArea table#timeTable td{
    padding:7px 10px 2px;
}

/*カレンダー*/
#searchArea table#timeTable td a{
    width:30px;
    height:31px;
    float:left;
    margin:-5px 5px 0;
}
#searchArea table#timeTable{
}
#searchArea table#timeTable input{
    width:70px;
}
#searchArea table#kanaTable{
}
#searchArea table#kanaTable input{
    width:145px;
}
#searchArea table#companyTable{
}
#searchArea table#companyTable input{
    width:145px;
}

#searchInput {
    width:158px;
    height:39px;
    margin:0 auto;
    margin-top: 16px;
}

#searchArea table#timeTable input,
#searchArea table#timeTable span{
    float:left;
}
#searchArea table#timeTable span{
    margin-right:5px;
}

#src_constraction_name {
    width: 200px;
}
/*************************************
        END検索
*************************************/


/*************************************
        赤黒見込み
*************************************/
#akakuro {
    width:745px;
    float:right;
    margin:20px 5px 0 0;
}
#akakuroTitle {
    background-color: #374461;
    color:#FFF;
    border:1px solid #BCBCBC;
    border-radius:5px;
    /*box-shadow:0px 0px 5px 0px;*/
    padding:5px 15px;
    max-width:120px;
    width:85px;
    margin-left:-2px;
    display: inline-block;

}

#akakuroArea {
    width: 705px;
    min-height: 200px;
    padding:15px 20px;
    margin:7px 5px 0 0;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.85);
    box-shadow:0px 0px 5px 0px;
}
#akakuroArea #amountArea {
    width:705px;
    margin:0 0 10px;
}
#akakuroArea #amountArea  input{
    width:701px;
    margin:0;
}
#akakuroArea table{
    width:705px;
    clear: both;
    margin:0;
    border-top: 1px solid #BCBCBC;
    border-left: 1px solid #BCBCBC;
}
#akakuroArea table th{
    padding:3px 10px;
    color:#FFFFFF;
    background-color:#374461;
    border-bottom: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
}
#akakuroArea table th.list1{
    width:10%;
    text-align:center;
}
#akakuroArea table th.list2,
#akakuroArea table th.list3,
#akakuroArea table th.list4,
#akakuroArea table th.list4,
#akakuroArea table th.list6{
    width:20%;
    text-align:center;
}
#akakuroArea table th.list5{
    width:10%;
}

#akakuroArea table td{
    padding:2px 10px;
    text-align:left;
    background-color:#FFFFFF;
    border-bottom: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
}
#akakuroArea table td.list1{
    text-align:left;
}
#akakuroArea table td.list2,
#akakuroArea table td.list3,
#akakuroArea table td.list4,
#akakuroArea table td.list5,
#akakuroArea table td.list6{
    text-align:right;
}

#akakuroArea table td.list2 input,
#akakuroArea table td.list3 input,
#akakuroArea table td.list4 input,
#akakuroArea table td.list6 input{
    width: 100px;
    text-align:right;
}

/*************************************
        END赤黒見込み
*************************************/


/*************************************
        データエリア
*************************************/
#dataArea {
    width: 1150px;
    padding:20px;
    margin: 20px auto 0;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px;
    background-image: url(../images/common/boxBack.jpg);
    background-repeat: repeat-y;
}
#dataArea #dataAreaBtn {
}
#dataArea #dataAreaBtn #regBtn{
    float:left;
}
#dataArea #dataAreaBtn #csvBtn{
    float:left;
}
#dataArea #dataAreaBtn #pdfBtn{
    float:left;
}
#dataArea #dataAreaBtn #backBtn{
    float:right;
}
#dataArea #dataAreaBtn #nextBtn{
    float:right;
}
#dataArea table{
    width:1150px;
    margin:5px 0 0;
    border-top: 1px solid #BCBCBC;
    border-left: 1px solid #BCBCBC;
}

.pageNo{
    text-align: right;
    padding-right: 15px;
}

.red{
    color: #F00!important;
}
#dataArea table th{
    height: 48px;
    color: #FFFFFF;
    line-height:110%;
    background-image: url(../images/btn/dataAreaThBack.png);
    background-repeat: no-repeat;
    background-position: right top;
    vertical-align: middle;
    border-bottom: 1px solid #BCBCBC;
}
/*#dataArea table th.list1{ width:70px;}
#dataArea table th.list2{ width:128px;}
#dataArea table th.list3{ width:99px;}
#dataArea table th.list4{ width:44px;}
#dataArea table th.list5{ width:69px;}
#dataArea table th.list6{ width:166px;}
#dataArea table th.list7{ width:50px;}
#dataArea table th.list8{ width:94px;}
#dataArea table th.list9{ width:100px;}
#dataArea table th.list10{ width:117px;}
#dataArea table th.list11{ width:61px;}
#dataArea table th.list12{ width:62px;}
#dataArea table th.list13{ width:88px;}
*/
#dataArea table td{
    background-color:#FFFFFF;
    border-bottom: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    vertical-align: middle;
    padding:5px;
}
#dataArea table td.list1,
#dataArea table td.list7,
#dataArea table td.list8,
#dataArea table td.list11,
#dataArea table td.list12,
#dataArea table td.list13{
    text-align:center;
}
#dataArea table td.list2,
#dataArea table td.list4,
#dataArea table td.list5,
#dataArea table td.list6,
#dataArea table td.list10{
    text-align:left;
}
#dataArea table td.list9,
#dataArea table td.list3{
    text-align:center;
}
#dataArea table td.list1 a{
    width:40px;
    height:41px;
    margin:0 auto;
}
#dataArea table td.list8 a{
    width:81px;
    height:27px;
    margin:0 auto 1px;
}
#dataArea table td.list13 a{
    width:74px;
    height:46px;
    margin:0 auto;
}
#dataArea table td.list7,
#dataArea table td.list11,
#dataArea table td.list12 {
    font-size:20px;
}

/*************************************
        ENDデータエリア
*************************************/


#messageArea2 {
    position:fixed;
    width: 250px;
    height:20px;
    top:0;
    left:500px;
    background-color:#66F082;
    text-align:center;
    display: none;
}

#messageArea3 {
    position:absolute;
    width: 300px;
    height:20px;
    top:58px;
    left:10px;
}

.newInput {
    background-color: #DAFAFF;
}


.w250 {
    width: 250px;
}

.w200 {
    width: 200px;
}

.winput1 {
    width: 380px!important;
}

.chiku-code td{
    text-align: center;
}

.customer-dl-button{
    background: linear-gradient(180deg, #556280 0%, #556280 50%, #2B3140 50%, #2B3140 100%);
    border-radius: 5px;
    color: white;
    border-width: 1px;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    margin-left: 60px;
    display:inline-block;
    text-decoration: none;
    padding: 0 16px ;
    margin-bottom: 2px;
}

.customer-dl-button:hover{
    opacity: 80%;
}
/************************************/













/*************************************/