/* 案件ログイン画面内のCSS */
.LoginTable{
    position: absolute;
    text-align: center; /* インライン要素のセンタリングを指定する */
    width: 100px; /* 要素の横幅を指定する */
    height: 20px; /* 要素の高さを指定する */
    top:150px;
    left:530px;
    top:80px;
    margin: 0px auto; /* ブロックレベル要素のセンタリングを指定する */
}

.indexmaintitle{
    position: absolute;
    width: 250px;
    left:550px;
    top:30px;
}

.sub_button{
    position: absolute;
    width: 120px;
    border-radius: 5px;
    top:140px;
    left:800px;
}

.indexid{
    background-color: white;
}

.indexpass{
    background-color: white;
}




/* 案件管理者メインメニュー画面CSS */

.Btn_kanriAcknowledged{  /* 未対応一覧 */
    background-color:skyblue;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  630px; 
    border-radius:30px;
    font-size: 17px;
}

.Btn_kanriOrderapplication{  /* 備品注文申請ボタン */
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 280px;
    left:  500px; 
    border-radius:30px;
    font-size: 17px;
}

.Btn_kanriOrderconfirmation{  /* 備品注文受取確認ボタン */
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 280px;
    left:  630px;
    border-radius:30px; 
    font-size: 17px;
}

.Btn_kanriOrderhistory{  /* 備品注文履歴ボタン */
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 280px;
    left:  760px; 
    border-radius:30px;
    font-size: 17px;
}

.Btn_kanriUsermanagement{  /* ユーザー管理ボタン */
    background-color:limegreen;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 200px;
    left:  760px;
    border-radius:30px;
    font-size: 17px;
}

.Btn_kanriAnnualbudget{  /* 年間予算ボタン */
    background-color:limegreen;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 200px;
    left:  630px;
    border-radius:30px;
    font-size: 17px;
}

.Btn_kanriEquipmentmanagement{  /* 備品管理ボタン */
    background-color:limegreen;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 200px;
    left:  500px;
    border-radius:30px;
    font-size: 17px;
}

.Btn_kanriorderlist{  /* 注文一覧ボタン */
    position: absolute;
    background-color:skyblue;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  500px; 
    border-radius:30px;
    font-size: 17px;
}

.Btn_kanriApproval{  /* 備品注文ー承認ボタン */
    background-color:coral;
    position: absolute;
    width: 380px; /* 要素の横幅を指定する */
    height: 50px; /* 要素の高さを指定する */
    top: 370px;
    left:  500px;
    border-radius:30px;
    font-size: 17px;
}

.Btn_kanriSupportedhistry{  /* 注文履歴（対応済）ボタン */
    position: absolute;
    background-color:skyblue;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  760px;
    border-radius:30px; 
    font-size: 17px;
}








/* 園長メインメニュー画面CSS */
.encyoNotcompatible_btn{
    background-color:coral;
    position: absolute;
    width: 390px; /* 要素の横幅を指定する */
    height: 50px; /* 要素の高さを指定する */
    top: 200px;
    left:  500px;
    border-radius:30px;
    font-size: 17px;
}


.encyoOrderapplication_btn{
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  500px;
    border-radius:30px;
    font-size: 17px;
}

.encyoOrderconfirmation_btn{
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  630px;
    border-radius:30px;
    font-size: 17px;
}

.encyoOrderhistory_btn{
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  760px;
    border-radius:30px;
    font-size: 17px;
}





/* 一般メインメニュー画面CSS */
.ippanOrderapplication_btn{
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  500px;
    border-radius:30px;
    font-size: 17px;
}

.ippanOrderconfirmation_btn{
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  630px;
    border-radius:30px;
    font-size: 17px;
}

.ippanOrderhistory_btn{
    background-color:#ffccff;
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    top: 120px;
    left:  760px;
    border-radius:30px;
    font-size: 17px;
}







/* 備品注文ー承認画面CSS */
.maintitle{
    position: absolute;
    font-size: 150%;
    left:  115px;
    top: 40px;
}

.All_button{
    /* maki background-color:blue; */
    position: fixed;
    width: 70px; /* 要素の横幅を指定する */
    height: 30px; /* 要素の高さを指定する */
    /* maki top: 120px; */
    top: 100px;
    left:  1240px;
    /* maki border-radius:30px; */
}

.Check_button{
    background-color:#6699FF;	/*blue;*/
    position: fixed;
    width: 120px; /* 要素の横幅を指定する */
    height: 30px; /* 要素の高さを指定する */
    left: 900px; 
    top: 572px;
    border-radius: 10px;	/* 30px; */

}
.Back_button{
    background-color:#C0C0C0;	/*slategray;*/
    position: fixed;
    width: 120px; /* 要素の横幅を指定する */
    height: 30px; /* 要素の高さを指定する */
    left: 1050px; 
    top: 572px;
    border-radius: 10px; 	/*30px;*/
}

.sinkya_button{
    background-color:#0000FF;	/*blue;*/
    position: fixed;
    width: 120px; /* 要素の横幅を指定する */
    height:30px; /* 要素の高さを指定する */
    left: 320px; 
    top: 572px;
    border-radius: 10px;	/* 30px; */
}

.sinkya{
    position: absolute;
    width: 200px; /* 要素の横幅を指定する */
    height: 20px; /* 要素の高さを指定する */
    left: 100px; 
    top: 575px;
}

th {
    background-color:#20b2aa;
    color: white;
    height: 30px;
    border-right: 1px gray solid;
}

.hed{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}


.Approval{
    position: absolute;
    width: 1325px; /* 要素の横幅を指定する */
    height: 370px; /* 要素の高さを指定する */
    /*maki top: 160px; */
    top: 150px;
    left:  20px;
    overflow-y: scroll;
}

.kyakalabel{
    position: absolute;
    left:  100px;
    top: 545px;
    color: red;
}

table{
    border-collapse:collapse;   
}

dl {
    float: left ;
    clear: left ;
    margin-right: 0.5em ;
    width: 120px ;
}

dd {
    float: left ;
    margin-left: 1em ;
}

.syouninn{
    position: absolute;
    left:  1220px;
}

.checkkyakka{
    position: absolute;
    left:  1260px;
}

.syubetu{
    position: absolute;
    left:  10px;
}

.name{
    position: absolute;
    left:  60px;
}

details{
    background:white;
    width: 1300px;
}

.sonota{
    position: absolute;
    margin: 15px 0;
    left:  0px;
    width: 1296px; /* 要素の横幅を指定する */
    height:27px; /* 要素の高さを指定する */
    background:skyblue;	/*pink;*/
}

.sonotaval{
    position: absolute;
    margin: 40px 0;
    left:  0px;
    width: 1290px; /* 要素の横幅を指定する */
    height: 50px; /* 要素の高さを指定する */
    background:skyblue;	/*pink;*/
}

.fainalsonota{
    position: absolute;
    margin: 15px 0;
    left:  2px;
    width: 1300px; /* 要素の横幅を指定する */
    height:70px; /* 要素の高さを指定する */
    background:skyblue;	/*pink;*/
}


.sen{
    position: absolute;
    width: 1300px;
    left:  0px;
}

.color{
    position: absolute;
    left:  455px;
}

.money{
    position: absolute;
    left:  720px;
}

.zai{
    position: absolute;
    left:  800px;
}

.cyu{
    position: absolute;
    width: 40px;
    left:  850px;
}

.bikouu{
    position: absolute;
    width: 260px;
    left:  905px;
}


.Go_button{
    background-color:blue;
    position: fixed;
    width: 120px; /* 要素の横幅を指定する */
    height: 40px; /* 要素の高さを指定する */
    top: 580px;
    left:  920px;
    border-radius:30px;
}






/* 発注画面レイアウト*/
.ssyokya{
    position: absolute;
    left:  1100px;
}

.haApproval{
    position: absolute;
    width: 1325px; /* 要素の横幅を指定する */
    height: 370px; /* 要素の高さを指定する */
    /*maki top: 160px; */
    top: 100px;
    left:  20px;
    overflow-y: scroll;
}


.haCheck_button{
    background-color:#6699FF;	/*:blue;*/
    position: fixed;
    width: 120px; /* 要素の横幅を指定する */
    height: 30px; /* 要素の高さを指定する */
    top: 550px;
    left:  900px;
    border-radius:10px;	/*30px;*/
}

.haBack_button{
    background-color:#C0C0C0;	/*slategray;*/
    position: fixed;
    width: 120px; /* 要素の横幅を指定する */
    height: 30px; /* 要素の高さを指定する */
    top: 550px;
    left:  1050px;
    border-radius:10px;	/*30px;*/
}

.kingaku{
    font-size: 130%;
    color:orangered;
    position: absolute;
    left:  30px;
    top: 530px;
}

.hasyubetu{
    position: absolute;
    left:  10px;
}

.haname{
    position: absolute;
    left:  60px;
}

.hacolor{
    position: absolute;
    left:  455px;
}

.hamoney{
    position: absolute;
    left: 720px;
}

.hazai{
    position: absolute;
    left: 790px;
}

.hacyu{
    position: absolute;
    left: 840px;
}

.habikouu{
    position: absolute;
    left: 905px;    
}


.hassyokya{
    position: absolute;
    left: 1215px;
    width: 120px;
}







/* 対応済み一覧画面　*/
/* maki ----
.ken{
    position: relative;
    width: 1200px;
    height: 70px;
    top:110px; 
    left: 20px;
    background-color: skyblue;
}
----*/
.ken{
    position: relative;
    width: 1316px;
    height: 70px;
    top:0px; /*110px;*/
    left: 12px;
    background-color: skyblue;
	border: solid 2px #6091d3;	/*枠線*/
	background: #cde4ff;/*背景色*/
}


.syo{
    position: absolute;
    top: 5px;
    left:  235px;
}

.syu{
    position: absolute;
    top: 5px;
    left:  408px;
}

.tehaikann{
    position: absolute;
    top: 5px;
    left:  688px;
}

.taiousyozoku{
    position: absolute;
    height: 30px;
    top: 30px;
    left:  180px;
}

.taiousyubetu{
    position: absolute;
    width: 50px;
    height: 30px;
    top: 30px;
    left:  400px;
}

.mae{
    position: absolute;
    height: 20px;
    top: 30px;
    left:  520px;
}

.nami{
    position: absolute;
    font-size: 25px;
    top: 25px;
    left:  700px;
}

.ato{
    position: absolute;
    height: 20px;
    top: 30px;
    left:  730px;
}

.kensaku{
    position: absolute;
    /* maki background-color: mediumblue; */
    background-color: #6699FF;
    height: 30px;
    width: 120px;
    top: 30px;
    /* maki left:  900px; */
    left:  1070px;
    border-radius: 10px;

}

.rireki{
    position: absolute;
    width: 1320px; /* 要素の横幅を指定する */
    height: 320px; /* 要素の高さを指定する */
    top: 170px;
    left:  20px; /*300px;*/
    overflow-y: scroll;
}


.rirekisyubetu{
    position: absolute;
    left: 10px;
}

.rirekiname{
    position: absolute;
    left: 60px;
}

.rirekicolor{
    position: absolute;
    left: 435px;
}

.rirekicyu{
    position: absolute;
    left: 705px;
}

.rirekicyud{
    position: absolute;
    left: 750px; 
}

.rirekisind{
    position: absolute;
    left: 855px; 
}

.rirekitehai1{
    position: absolute;
    left: 955px; 
}

.rirekisuu1{
    position: absolute;
    left: 1080px; 
}


.rirekitehai2{
    position: absolute;
    left: 1130px; 
}


.rirekisuu2{
    position: absolute;
    left: 1260px; 
}

.riresen{
    position: absolute;
    left: 0px;
    width: 1290px; 
}

.rirekisonota{
    position: absolute;
    left: -15px;
    width: 1292px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    background:#6699FF;	/*pink;*/
}

.Modoru_button{
    background-color:#C0C0C0;	/*slategray;*/
    position:absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 30px; /* 要素の高さを指定する */
    left: 700px; 
    top: 550px;
    
    color:#FFF;		/*文字色*/
    border-radius: 10px;

}

.CSV_button{
    background-color:#6699FF; /*blue;*/
    position:absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 30px; /* 要素の高さを指定する */
    left: 550px; 
    top: 550px;
    
    color:#FFF;		/*文字色*/
    border-radius: 10px;

}

.rirekiid{
    display: none;
}


.zumihed{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}







.bihnken{
    position: relative;
    width: 1300px;
    height: 70px;
    /*top: 5px;*/
    top: 0px;
    left: 30px; /*292px;*/
    background-color: skyblue;
}

.bihnname{
    position:absolute;
    width: 280px;
    height: 25px;
    top: 30px;
    left:  370px;
}

.bihnno{
    position:absolute;
    height: 25px;
    top: 30px;
    left:  300px;
}

.zainasi{
    position:absolute;
    width:20px;
    height: 20px;
    top: 35px;
    left:  770px;
}

.bihinkennsaku{
    position:absolute;
    width:150px;
    height: 30px;
    top: 30px;
    left:  950px;
}

.bihintable{
    position:absolute;
    width:1300px;
    height: 370px;
    top: 170px;
    left: 38px; /*300px;*/
    overflow-y: scroll;
}

.bihnsyu{
    position:absolute;
    width:50px;
    height: 30px;
    top: 30px;
    left:  142px;
}
    
.bihisyu{
    position:absolute;
    top: 10px;
    left:  150px;
}

.bihinmei{
    position:absolute;
    top: 10px;
    left:  500px;
}

.bihinban{
    position:absolute;
    top: 10px;
    left:  360px;
}

.bihingire{
    position:absolute;
    top: 10px;
    left:  750px;
}

.sinbutton{
    position:absolute;
    top: 500px;
    left:  345px;
}

.henbutton{
    position:absolute;
    top: 500px;
    left:  450px;
}

.csvla{
    position:absolute;
    top: 500px;
    left:  600px;
}

.bihinche{
    position:absolute;
    left:  25px; 
    margin:-5px;

}

.kinds{
    position:absolute;
    left:  70px; 
    padding:0px;
}

.bihineqid{
    position:absolute;
    left:  130px;
    width: 40px;
    margin:-10px;
}

.bihininname{
    position:absolute;
    left:  195px;
    width: 330px;
    margin:-10px;
}

.bihinincolo{
    position:absolute;
    left:  550px;
    width: 220px;
    margin:-10px;
}

.bihininamo{
    position:absolute;
    left:  810px;
    width: 40px;
    margin:-10px;
}

.zeiko{
    position:absolute;
    left:  870px;
    width: 40px;
    text-align    : right;
}

.bihininstock{
    position:absolute;
    left:  950px;
    width: 50px;
    margin:-10px;
}

.inorder{
    position:absolute;
    left:  1053px;
    width: 40px;
}

.bihininreta{
    position:absolute;
    left:  1095px;
    width: 50px;
    margin:-10px;
}

.csvbila{
    background-color:#6699FF;	/*blue;*/
    color:#FFF;		/*文字色*/
    position:absolute;
    width:130px;
    height: 30px;
    left:  450px; /*640px;*/
    top: 570px;
    border-radius: 10px;
}

.sinbibutton{
    background-color:#6699FF;
    color:#FFF;
    position:absolute;
    width:130px;
    height: 30px;
    left:  600px; /*780px;*/
    top: 570px;
    border-radius: 10px;
}

.henbibutton{
    background-color:#6699FF;
    color:#FFF;
    position:absolute;
    width:130px;
    height: 30px;
    left:  750px; /*920px;*/
    top: 570px;
    border-radius: 10px;
}

.modobibutton{
    background-color:#C0C0C0;
    color:#FFF;
    position:absolute;
    width:130px;
    height: 30px;
    left: 900px; /*1060px;*/
    top: 570px;
    border-radius: 10px;
}

.bisyubutton{
    background-color:#6699FF;
    color:#FFF;
    position:absolute;
    width:130px;
    height: 30px;
    left:  300px; /*500px;*/
    top:570px;
    border-radius: 10px;
}






/*申請画面レイアウト*/
.sinseitable{
    position:absolute;
    width:1100px;
    height: 350px;
    top: 130px;
    left: 130px;
    overflow-y: scroll;
}

.sinbiname{
    position:absolute;
    left: 20px;
    width:270px;
    margin:-10px;
}

.sinbico{
    position:absolute;
    left: 300px;
    width:120px;
    margin:-10px;
}

.sinbiamo{
    position:absolute;
    left: 430px;
    width:85px;
    margin:-10px;
}

.sinbist{
    position:absolute;
    left: 525px;
    width:90px;
    margin:-10px;
}

.sinbiche{
    position:absolute;
    left: 658px;
    width:20px;
    margin:-7px;
}

.sinbiord{
    position:absolute;
    left: 745px;
    width:50px;
    margin:-10px;
}


.sinbibi{
    width:250px;
}

.sinbichekbutton{
    position: absolute;
    background-color:#6699FF;	/*blue;*/
    color:#FFF;		/*文字色*/
    width:130px;	
    height: 30px;
    border-radius: 10px;
    left:  530px;
    top: 530px;
}

.sinbibackbutton{
    position: absolute;
    background-color:#C0C0C0;	/*slategray;*/
    color:#FFF;		/*文字色*/
    width:130px;
    height: 30px;
    border-radius: 10px;
    left: 670px;
    top: 530px;
}

.sinikka{
    position:absolute;
    width:50px;
    height: 25px;
    left: 768px;
    top: 100px;
}

.sinsyubetu{
    position:absolute;
    width:50px;
    height:20px;
    left: 175px;
    top: 100px;
}

.labesyu{
    position:absolute;
    width:50px;
    height:30px;
    left: 135px;
    top: 100px;
}



/*申請確認画面レイアウト*/
.sinkakusono{
    position:absolute;
    width:600px;
    height:20px;
    left: 105px;
    top: 400px;
}

.sinkakute{
    background-color:skyblue;
    position:absolute;
    width:1180px;
    height:60px;
    left: 105px;
    top: 438px;
}

.cyugo{
    position:absolute;
    font-size: 150%;
    color: orange;
    width:500px;
    height:50px;
    left: 180px;
    top: 503px;
}

.sikakubu{
    background-color:#6699FF;	/*:blue;*/
    color:#FFF;		/*文字色*/
    position:absolute;
    width:130px;
    height: 30px;
    left:  780px;
    top: 530px;
    border-radius: 10px;
}

.sinkakuback{
    background-color:#C0C0C0;	/*:slategray;*/
     color:#FFF;		/*文字色*/
   	position:absolute;
    width:130px;
    height: 30px;
    left:  930px;
    top: 530px;
    border-radius: 10px;
}

.sinkakutable{
    position:absolute;
    width:1180px;
    height: 300px;
    top: 100px;
    left: 105px;
    overflow-y: scroll;
}

.sksyu{
    position:absolute;
    left: 35px;
    margin:-10px;
}

.skname{
    position:absolute;
    left: 80px;
    margin:-10px;   
}

.skco{
    position:absolute;
    left: 425px;
    margin:-10px;
}

.skamo{
    position:absolute;
    left: 630px;
    margin:-10px;   
}

.skst{
    position:absolute;
    left: 725px;
    margin:-10px;   
}


.skbiko{
    position:absolute;
    left: 860px;
    margin:-10px;   
}

/******************************/
/*前場                        */
/******************************/

/******************************/
/* maki */
/* 画面タイトル部 maki*/
div.title_box{
	width: 700px;
	display: flex;
	width: 100%;
	margin: 0 auto;
	max-width: 500px;
	height: 120px;
    valine: top

}
/* 処理画面　タイトルボックス */
div.title_box_ichiran{
	width: 700px;
	display: flex;
	width: 80%;
	margin: 0 auto;
	max-width: 600px;
	height: 80px;
    valine: top

}

div.button_box{
	width: 700px;			/* コンテンツの横幅 */
	width: 50%;				/* 表示幅率 */
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 700px;		/* コンテンツの最大幅 */
	text-align:center;		/* 中央寄せ */
}
div.button_box_right{
	width: 700px;			/* コンテンツの横幅 */
	width: 50%;				/* 表示幅率 */
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 700px;		/* コンテンツの最大幅 */
	text-align:center;		/* 右寄せ */
}

div.button_box_sub{
	width: 700px;			/* コンテンツの横幅 */
	width: 50%;				/* 表示幅率 */
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 700px;		/* コンテンツの最大幅 */
	text-align:center;		/* 中央 */
}

div.button_box_menu{
	width: 700px;			/* コンテンツの横幅 */
	width: 50%;				/* 表示幅率 */
	height: 300px;
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 700px;		/* コンテンツの最大幅 */
	text-align:center;		/* 中央寄せ */
}
.bihnsyu_sub{
    position:absolute;
    width:50px;
    height: 30px;
    top: 30px;
    left:  60px;
}
    

.bihnken_sub{
    position: relative;
    width: 970px;
    height: 70px;
    top: 0px;
	margin-left:auto;margin-right:auto;
	text-align:left;
    background-color: skyblue;
}

.bihinkennsaku_sub{
    position:absolute;
    width:100px;
    height: 30px;
    top: 25px;
    left:  800px;
}
    

.kensaku_box {
	width: 500px;
	height: 60px;
	/*font-weight: bold;*/
	border: solid 2px #6091d3;	/*枠線*/
	background: #cde4ff;/*背景色*/
	/*text-align:center;*/
	margin-left:auto;margin-right:auto;
	text-align:left;
	padding-top: 5px;  		/* 上だけ指定 */

}
.kensaku_box p {
	margin: 0; 
	padding: 0;
	//padding-top:    0px;  /* 上だけ指定 */
	//padding-left:   2px;  /* 左だけ指定 */
	padding-top:    0;  	/* 上だけ指定 */
	padding-left:   10;  	/* 左だけ指定 */
}
/*-----------
div.button_box{
	width: 700px;			/* コンテンツの横幅 */
	width: 50%;				/* 表示幅率 */
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 700px;		/* コンテンツの最大幅 */
	text-align:center;		/* 中央寄せ */
}
------*/
/************************/
.buttons_box{
  display: inline-block;	/* 表示タイプ 改行せずに表示 */
  margin: 0 10px;
}
.sub_button_A{
    border-radius:30px;
	text-align:right;		/* 右寄せ */
}
.sub_button_B{
    background-color:#EAEAEA;
    color:BLACK;		/*文字色*/
    /*position:absolute;*/
    width:100px;
    height: 30px;
    border-radius: 5px;
}

div.button_kanrimenu_box{	
	width: 500px;			/* コンテンツの横幅 */
	width: 100%;				/* 表示幅率 */
	height: 300px;
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 360px;		/* コンテンツの最大幅 */
	padding-top: 10px;  		/* 上だけ指定 */

	/*text-align:center;*/		/* 中央寄せ */
	/*vertical-align: top;*/		/* 上寄せ   */
}
div.button_ippanmenu_box{
	width: 500px;			/* コンテンツの横幅 */
	width: 100%;				/* 表示幅率 */
	height: 300px;
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 360px;		/* コンテンツの最大幅 */
	padding-top: 30px;  		/* 上だけ指定 */

	/*text-align:center;		/* 中央寄せ */
	/*vertical-align: top;*/		/* 上寄せ   */
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 60px;		/*グリッド　行*/
  column-gap: 25px;			/*間隔*/
  row-gap: 1em;				/*間隔*/
}
.box_syounin {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 5;
}
.box_syounin_encou {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
}

/*メニューボタン位置*/
/*----------管理部門---------*/
.Btn_orderlist_A{  /* 注文一覧ボタン */
    position: absolute;
    background-color: #D9F1FF; /*#0099FF;*/	/*#B3FBFF;*/
    color: black;
/*
    background-color: skyblue;
*/
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px;
    font-size: 17px;
}
.Btn_Acknowledged_A{  /* 未対応一覧 */
    background-color: #D9F1FF; /*#0099FF;*/	/*#B3FBFF;*/
    color: black;
/*
    background-color: skyblue;
*/
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px;
    font-size: 17px;
}
.Btn_Supportedhistry_A{  /* 注文履歴（対応済）ボタン */
    position: absolute;
    background-color: #D9F1FF; /*#0099FF;*/	/*#B3FBFF;*/
    color: black;
/*
    background-color: skyblue;
*/
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px; 
    font-size: 17px;
}
/*----------マスタメンテ---------*/
.Btn_Usermanagement_A{  /* ユーザー管理ボタン */
    background-color:#B9FEB4;	/*limegreen;*/
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px;
    font-size: 17px;
}

.Btn_Annualbudget_A{  /* 年間予算ボタン */
    background-color:#B9FEB4;	/*limegreen;*/
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px;
    font-size: 17px;
}

.Btn_Equipmentmanagement_A{  /* 備品管理ボタン */
    background-color:#B9FEB4;	/*limegreen;*/
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px;
    font-size: 17px;
}
/*----------　一般　---------*/
.Btn_Orderapplication_A{  /* 備品注文申請ボタン */
    background-color:#FFE1FF; /*#FEACF4;*/	/*#FFDDFF;*/	/*#ffccff;*/
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px;
    font-size: 17px;
}

.Btn_Orderconfirmation_A{  /* 備品注文受取確認ボタン */
    background-color:#FFE1FF; /*#FEACF4;*/	/*#FFDDFF;*/	/*#ffccff;*/
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px; 
    font-size: 17px;
}

.Btn_Orderhistory_A{  /* 備品注文履歴ボタン */
    background-color:#FFE1FF; /*#FEACF4;*/	/*#FFDDFF;*/	/*#ffccff;*/
    position: absolute;
    width: 120px; /* 要素の横幅を指定する */
    height: 70px; /* 要素の高さを指定する */
    border-radius:20px;
    font-size: 17px;
}
/*----------  園長  ---------*/
.Btn_Approval_A{  /* 備品注文ー承認ボタン */

    background-color:#FF8001;	/*#FDBB59;*/
    color: white;

/*
    background-color: coral;
    */
    position: absolute;
    width: 380px; /* 要素の横幅を指定する */
    height: 50px; /* 要素の高さを指定する */
    border-radius:20px;
    font-size: 17px;
}
/*******備品管理*******/
div.button_box_bihin{
	width: 800px;			/* コンテンツの横幅 */
	width: 100%;				/* 表示幅率 */
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 800px;		/* コンテンツの最大幅 */
	text-align:right;		/* 右寄せ */
	padding-top: 380px;  		/* 上だけ指定 */

}
.btn_shinki{
    background-color:#BFF2F9; /*yellowgreen;*/
   /* position:absolute;*/
    width:130px;
    height: 30px;
    /* --left:  570px;
    top: 550px;--*/
    border-radius: 10px;
}
.btn_koushin{
    background-color:#6699FF;	/*blue;*/
    color:#FFF;		/*文字色*/
    /*position:absolute;*/
    width:130px;	/*200px;*/
    height: 30px;
    /*left:  785px;*/
    /*top: 550px;*/
    border-radius: 10px;
}
.btn_modoru{
    background-color:#C0C0C0;	/*slategray;*/
    color:#FFF;		/*文字色*/
    /*position:absolute;*/
    width:130px;
    height: 30px;
    /*left: 1100px;*/
    /*top: 550px;*/
    border-radius: 10px;
}

.btn_csv{
    background-color:#6699FF; /* #C0C0C0;*/	/*slategray;*/
    color:#FFF;		/*文字色*/
    /*position:absolute;*/
    width:130px;
    height: 30px;
    /*left: 1100px; */
    /*top: 550px; */
    border-radius: 10px;
}
/*******備品申請*******/
div.button_box_shinsei{
	width: 800px;			/* コンテンツの横幅 */
	width: 100%;				/* 表示幅率 */
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 800px;		/* コンテンツの最大幅 */
	text-align:right;		/* 右寄せ */
	padding-top: 380px;  		/* 上だけ指定 */

div.button_box_taiouzumi{
    position:absolute;
	width: 1100px;			/* コンテンツの横幅 */
	width: 100%;			/* 表示幅率 */
	margin: 0 auto;			/* ボックスの上下左右に余白 */
	max-width: 1100px;		/* コンテンツの最大幅 */
	text-align:right;		/* 右寄せ */
    top: 1000px;

}