@charset "utf-8";
* {
    padding: 0;
    margin: 0;
}

@media print {
   thead {display: table-header-group;}
}

a:hover{
	opacity: 0.7;
	cursor: pointer;
}
input[type="button"]:hover,input[type="submit"]:hover,button[type="button"]:hover{
	opacity: 0.8;
	cursor: pointer;
}


/* ヘッダー関連 */
.header {
	background-color:#ff8c00;
	height:50px;
	width:100%;
	margin-bottom:1%;
	font-size:25px;
	line-height:200%;
}
.header2 {
	background-color:#9acd32;
	height:50px;
	width:100%;
	margin-bottom:1%;
	font-size:25px;
	line-height:200%;
}
.header_button {
	width:100%;
}
.header_button_left {
	float:left;
	width:75%;
}
.header_button_right {
	text-align:right;
	float:right;
	width:20%;
	margin-right:1%;
	font-size: 16px;
}
.header_title {
	text-align:left;
	float:left;
	width:70%;
/*	margin-right:1%;*/
	font-size: 16px;
	list-style: none;
	padding: 0% 1%;
}
.header_logout {
	text-align:right;
	float:right;
	width:24%;
	font-size: 16px;
	list-style: none;
	padding: 0% 1%;
}
/*---------------------------
gotop
-----------------------------*/
.gotop {
	position: fixed;
	bottom: 20px;
	right: 10px;
	text-indent: -9999px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	display: block;
	background: url(./Image/gototop_btn.png) no-repeat;
	background-size: contain;
	z-index: 9999;
}
.gotop {
	width: 70px;
	height: 70px;
}

/* ログアウトボタン */
.logout_button {
	width: 30%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 5%;
    border-radius: 0;
}
.button_logout{
	width: 10%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 60%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 1% 0 1%;
    float: right;
    border-radius: 0;
}

/* ログイン画面 */
#login_table {
	width:40%;
	height:200px;
	margin:7% auto 10% auto;
}
#login_table th{
	height:50px;
	width:30%;
	text-align:right;
}
#login_table td{
	height:50px;
	width:70%;
}
.login_input {
	width:70%;
	height:45px;
	font-size:100%;
}
/* メニュー画面 */
#menu1 {
	width:70%;
	height:200px;
	margin:auto;
}

#menu2 {
	width:90%;
	height:200px;
	margin:auto;
	margin-top: 5%;
}

.button_menu {
	width: 30%;
    height: 150px;
    position: relative;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #663359,
		1px -1px #663359,
		-1px 1px #663359,
		1px 1px #663359;
}
.color_genryo{
	background-color:#fbce97;
	border-top: solid 2px #f2ccff;
	border-left: solid 2px #f2ccff;
	/* 陰効果 */
	border-bottom: solid 3px #660055;
	border-right: solid 3px #660055;
}
#menu_button_left {
	width: 40%;
    height: 150px;
    position: relative;
    background-color:#99cc99;
	border-top: solid 2px #ccff99;
	border-left: solid 2px #ccff99;
	border-bottom: solid 3px #336600;
	border-right: solid 3px #336600;
	text-align: center;
	margin: 3% 1.5% 1.5% 8%;
	float:left;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #336633,
		 1px -1px #336633,
	 	-1px 1px #336633,
		 1px 1px #336633;
}
#menu_button_right {
	width: 40%;
    height: 150px;
    position: relative;
    background-color:#99cccc;
	border-top: solid 2px #ccffff;
	border-left: solid 2px #ccffff;
	text-align: center;
	margin: 3% 1.5% 1.5% 8%;
	float:left;
	/* 陰効果 */
	border-bottom: solid 3px #006666;
	border-right: solid 3px #006666;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #336666,
		1px -1px #336666,
		-1px 1px #336666,
		1px 1px #336666;
}
#menu_button_right2 {
	width: 30%;
    height: 150px;
    position: relative;
    background-color:#cc99bc;
	border-top: solid 2px #f2ccff;
	border-left: solid 2px #f2ccff;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
	/* 陰効果 */
	border-bottom: solid 3px #660055;
	border-right: solid 3px #660055;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #663359,
		1px -1px #663359,
		-1px 1px #663359,
		1px 1px #663359;
}
#s_menu_button_left {
	width: 30%;
    height: 150px;
    position: relative;
    background-color:#99cc99;
	border-top: solid 2px #ccff99;
	border-left: solid 2px #ccff99;
	border-bottom: solid 3px #336600;
	border-right: solid 3px #336600;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #336633,
		 1px -1px #336633,
	 	-1px 1px #336633,
		 1px 1px #336633;
}
#s_menu_button_left2 {
	width: 30%;
  height: 150px;
  position: relative;
  background-color:#9a99cc;
	border-top: solid 2px #b299ff;
	border-left: solid 2px #b299ff;
	border-bottom: solid 3px #482577;
	border-right: solid 3px #482577;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
	-1px -1px  #403366,
	 1px -1px #403366,
	-1px 1px #403366,
	 1px 1px #403366;
}
#s_menu_button_left3 {
	width: 30%;
  height: 150px;
  position: relative;
  background-color:#cc9999;
	border-top: solid 2px #ff9999;
	border-left: solid 2px #ff9999;
	border-bottom: solid 3px #772525;
	border-right: solid 3px #772525;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
	-1px -1px  #663333,
	 1px -1px #663333,
	-1px 1px #663333,
	 1px 1px #663333;
}

#s_menu_button_right {
	width: 30%;
    height: 150px;
    position: relative;
    background-color:#99cccc;
	border-top: solid 2px #ccffff;
	border-left: solid 2px #ccffff;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
	/* 陰効果 */
	border-bottom: solid 3px #006666;
	border-right: solid 3px #006666;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #336666,
		1px -1px #336666,
		-1px 1px #336666,
		1px 1px #336666;
}
#s_menu_button_right2 {
	width: 30%;
    height: 150px;
    position: relative;
    background-color:#cc99bc;
	border-top: solid 2px #f2ccff;
	border-left: solid 2px #f2ccff;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
	/* 陰効果 */
	border-bottom: solid 3px #660055;
	border-right: solid 3px #660055;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #663359,
		1px -1px #663359,
		-1px 1px #663359,
		1px 1px #663359;
}
#s_menu_button_shizai {
	width: 30%;
    height: 150px;
    position: relative;
    background-color:#ffffef;
	border-top: solid 2px #fffff4;
	border-left: solid 2px #fffff4;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
	/* 陰効果 */
	border-bottom: solid 3px #666660;
	border-right: solid 3px #666660;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #666660,
		1px -1px #666660,
		-1px 1px #666660,
		1px 1px #666660;
}

/*管理用メニュー*/
#a_menu_button_left {
	width: 30%;
  height: 150px;
  position: relative;
  background-color:#99cc99;
	border-top: solid 2px #ccff99;
	border-left: solid 2px #ccff99;
	border-bottom: solid 3px #336600;
	border-right: solid 3px #336600;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #336633,
		 1px -1px #336633,
	 	-1px 1px #336633,
		 1px 1px #336633;
}
#a_menu_button_left2 {
	width: 30%;
  height: 150px;
  position: relative;
  background-color:#9a99cc;
	border-top: solid 2px #b299ff;
	border-left: solid 2px #b299ff;
	border-bottom: solid 3px #482577;
	border-right: solid 3px #482577;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
	-1px -1px  #403366,
	 1px -1px #403366,
	-1px 1px #403366,
	 1px 1px #403366;
}
#a_menu_button_right {
	width: 30%;
    height: 150px;
    position: relative;
    background-color:#99cccc;
	border-top: solid 2px #ccffff;
	border-left: solid 2px #ccffff;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
	/* 陰効果 */
	border-bottom: solid 3px #006666;
	border-right: solid 3px #006666;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #336666,
		1px -1px #336666,
		-1px 1px #336666,
		1px 1px #336666;
}
#a_menu_button_right2 {
	width: 30%;
    height: 150px;
    position: relative;
    background-color:#cc99bc;
	border-top: solid 2px #f2ccff;
	border-left: solid 2px #f2ccff;
	text-align: center;
	margin: 3% 1.5% 1.5% 1%;
	float:left;
	/* 陰効果 */
	border-bottom: solid 3px #660055;
	border-right: solid 3px #660055;
    border-radius: 0;
	cursor: pointer;
	font-weight:bold;
	font-size: 129%;
	letter-spacing: 0.1em;
    color:white;
	text-shadow:
		-1px -1px  #663359,
		1px -1px #663359,
		-1px 1px #663359,
		1px 1px #663359;
}


/* エラーメッセージ */
.err {
	width:80%;
	margin:1% auto 1% auto;
	font-size:100%;
	color: red;
	font-weight:bold;
}
.err_message {
	font-size:100%;
	color: red;
	font-weight:bold;
}

/* 一覧画面に表示されるメッセージ */
.error_message {
	width:98%;
	margin:2% 0% 1% 1%;
	font-size:100%;
	color: red;
	font-weight:bold;
}

.cmp_message {
	width:98%;
	margin:2% 0% 1% 1%;
	font-size:100%;
	color: #2e8b57;
	font-weight:bold;
}
.upd_message {
	width:98%;
	/* margin:2% 0% 1% 1%; */
	font-size:100%;
	color: #2e8b57;
	font-weight:bold;
}

.message_comp {
	margin:1% 0% 0% 1%;
	font-size:100%;
	color: #2e8b57;
	font-weight:bold;
}
.message_comp2 {
	font-size:100%;
	color: #2e8b57;
	font-weight:bold;
}
/* 確認メッセージ */
.cnf_msg {
	width:80%;
	font-size:18px;
	margin-left:10%;
}
/* 完了メッセージ */
.cmp_msg {
	width:80%;
	margin:1% auto 1% auto;
	font-size:18px;
	text-align: center;
}
/*完了画面*/
.cmp_container{
	margin: 2% auto;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cmp_container_table{
	width: 40%;
}
.cmp_container_table_td_t{
	width: 20%;
	text-align:left;
}
.cmp_container_table_td_co{
	width: 80%;
	text-align:left;
}


/* 原料入荷テーブル */
.nyuka_table {
	width:80%;
	margin:2% auto 2% auto;
	font-size:18px;
}
.nyuka_table td{
	height:50px;
}
.nyuka_td_right {
	text-align:right;
	padding-right:2%;
	width:15%;
}
.nyuka_td_center {
	text-align:center;
	width:25%;
}
.nyuka_td {
	width:25%;
}
.genryo_select {
	width:100%;
	height:30px;
	font-size:15px;
}
.genryo_select_2 {
	width:100%;
	height:40px;
	font-size:30px;
}

.seihin_select {
	height:30px;
	width:30%;
}

/* 原料加工テーブル */
.kakou_table {
	width:70%;
	margin:auto;
}
.kakou_table td{
	height:50px;
}
.kakou_td {
	width:18%;
}
.kakou_td_right {
	width:6%;
	text-align:right;
	padding-right:2%;
}
.kakou_td_center {
	text-align:center;
	width:25%;
}
.kakou_kobetu {
	width:100%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
}
.kakou_kobetu th{
	border:2px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:30px;
}
.kakou_kobetu td{
	border:2px solid #000000;
	text-align:center;
	height:50px;
}

/* テキスト項目 */
.text {
	width:70%;
	height:30px;
	font-size:18px;
}
/* テキスト項目(幅広) */
.text_w {
	width:70%;
	height:30px;
	font-size:18px;
}
/* 数値項目 */
.input_cnt {
	width:60%;
	height:30px;
	font-size:18px;
}
.input_cnt_2 {
	width:60%;
	height:36px;
	font-size:30px;
}
.input_cnt_big {
	width:90%;
	height:47px;
	font-size:40px;
	text-align: right;
	vertical-align: middle;
}
/* 備考 */
.input_bikou {
	width:95%;
	height:30px;
	font-size:18px;
}
.input_text {
	height:30px;
	font-size:18px;
}
/* カレンダー設定(名称変更する場合はscript内の修正が必要) */
.input_calendar {
	width:60%;
	height:30px;
	font-size:20px;
}
.input_calendar_2 {
	width:70%;
	height:30px;
	font-size:30px;
}
.input_calendar_big {
	width:40%;
	/* height:50px; */
	font-size:30px;
	margin-left: 2%;
	padding: 6px 8px;
}
/* 項目名 */
.th_w {
	width:8.75%;
}
.th_s {
	width:5%;
	background-color:red;
}
/* データ */
.td_w {
	width:8.75%;
}
.td_s {
	width:5%;
}

/* 一覧の検索項目用テーブル */
.search_element_s {
	width:10%;
	height:50px;
}
.table_td_s {
	width:10%;
	height:50px;
	padding: 0% 1%;
}

.search_element_w {
	height:50px;
	padding: 0% 3%;
	text-align: left;
}
.search_list_select {
	height: 34px;
	font-size: 100%;
}

.search_select_nendo {
	height: 34px;
	font-size: 15px;
}
.search_table {
	width:69%;
	margin:1% 0 1% 0;
	border-collapse: collapse;
	text-align:center;
	border:2px solid #000000;
}
.search_table2 {
	width:69%;
	margin:2% 0 1% 0;
	border-collapse: collapse;
	text-align:center;
	background-color: #e1e1e1;
}
.search_table_stock_history {
	width:69%;
	margin:1% 0 1% 0;
	border-collapse: collapse;
	text-align:center;
	background-color: #e1e1e1;
}
.search_table_chart {
	margin:1% 0 1% 0;
	border-collapse: collapse;
	text-align:center;
	background-color: #e1e1e1;
}
.seatch_td_s {
	padding: 1%;
	text-align: right;
	height:50px;
}

.search_td_m {
	width:4%;
	height:50px;
}
.search_td_s {
	width:6%;
	height:50px;
}
.search_td_w {
	width:22%;
	height:50px;
}
.search_td_l {
	width:60%;
	height:50px;
}
.search_table_all {
	width:98%;
	margin: 1%;
}

.search_td_ttl{
	text-align: right;
	padding-left: 1%;
}
.search_td_input{
	text-align: left;
	padding-left: 1%;
}
.search_td_button{
	text-align: right;
	padding-left: 1%;
	padding-right: 1%;
}

/* 検索テーブルの右側、印刷ボタン等の領域 */
.right_table {
	width:29%;
	margin:1% 0 1% 1%;
	text-align:center;
}
.right_table_chart {
	margin:1% 0 1% 1%;
	text-align:center;
}
.right_td_w {
	width:50%;
	height:50px;
}
.right_td_s {
	width:33%;
	height:50px;
}

/* 登録ボタン */
.search_button {
	width: 95%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 2%;
    border-radius: 0;
}
/* 表のタイトル */
.list_scroll_title {
    width: 97.5%;
    padding: 0% 0% 0% 1%;
}

/* 一覧のスクロール用領域(モバイル用) */
.list_scroll {
	width: 97.5%;
	height:500px;
    padding: 1%;
    border: 1px solid #CCC;
    overflow: auto;
}
.list_scroll::-webkit-scrollbar{ /* スクロールバー全体 */
/*	display: none;*/
    width: 15px;
}
.list_scroll::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #a9a9a9;;
    width: 30%;
    border-radius: 0px;
}
.list_scroll::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #dcdcdc;
}
.list_scroll::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #dcdcdc;
}
/* スクロールバーを表示 */
.list_scroll{
    -webkit-overflow-scrolling:touch;
}
/* 一覧用のテーブル */
.list_table {
	width:100%;
/*	margin:2% auto 2% auto;*/
	border-collapse: collapse;
	text-align:center;
}
.list_table th{
	border:1px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:40px;
	word-break:break-all;
}
.list_table td{
	border:1px solid #000000;
	height:45px;
	word-break:break-all;
}

.list_table2 {
	width:100%;
	border-collapse: collapse;
	text-align:center;
}
/* 一覧用のテーブル(偶数色分けリスト) */
.list_table2 th{
	border:1px solid #000000;
	height:29px;
	word-break:break-all;
	padding: 2px 7px;
}
.list_table2 td{
	border:1px solid #000000;
	height:29px;
	word-break:break-all;
	padding: 2px 7px;
}
.list_table2 tr:nth-child(even){/*偶数行色分け*/
	border:1px solid #000000;
	height:29px;
	word-break:break-all;
	padding: 2px 7px;
	background: #e1e1e1;
}
.list_table2_tr{
	height:23px;
	line-height: 47px;
}

/* 一覧用のテーブル(済で色変えるリスト) */
.list_table3 {
	width:100%;
	border-collapse: collapse;
	text-align:center;
}

.list_table3 th{
	border:1px solid #000000;
	height:29px;
	word-break:break-all;
	padding: 0px 5px;
}
.list_table3 td{
	border:1px solid #000000;
	height:29px;
	word-break:break-all;
	padding: 0px 5px;
}
.list_table3_tr{
	height:23px;
	line-height: 47px;
}

.list_table4 {
	width:95%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.list_table4 th{
	border:1px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:40px;
	word-break:break-all;
}
.list_table4 td{
	border:1px solid #000000;
	height:45px;
	word-break:break-all;
}


.div_scroll_title{
	width: 98%;
	margin: 0% auto;
}
.div_scroll_body{
	width: 100%;
	height: 500px;
	overflow-y: scroll;
}

.chart_scroll_title{
	width: 98%;
	margin: 0% auto;
}
@media print {
	.chart_scroll_title {
		display: none;
	}
}

.chart_scroll_body{
	margin: 0 0 1% 1%;
	width: 99%;
	height: 1000px;
	overflow-y: scroll;
}

@media print {
	.chart_scroll_body {
		display: none;
	}
}
.bodyBox {
    /* background-color: var(--nc-bg-1); */
    /* color: var(--nc-tx-1); */
	/* position: absolute;
    top: 0px; */
	margin: 1% 0% 0% 0%;
    width: 100%;
}
.t_edit_table{
	border-collapse: collapse;
	border-spacing: 0;
    table-layout: fixed;
    /* width: max-content; */
	width: 98%;
	margin: 0% auto 2%;
}
.scroll_fix{
	position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}
/* .scroll_before::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid var(--nc-bg-7);
    z-index: 1;
} */
.scroll_fix_col {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
}

.list_select {
	width:62%;
	height:34px;
	font-size:100%;
}
.list_select_s {
	height:34px;
	font-size:16px;
}
.list_select_big {
    width: 100%;
    font-size: 30px;
	padding: 6px 8px;
}
.list_select_search {
    height: 40px;
    font-size: 1.0em;
    vertical-align: middle;
}
.list_select_size2 {
    width: 100%;
    font-size: 20px;
	padding: 5px 5px;
}
.ly_list_big {
	width: 15%;
    margin-left: 2%;
}
.list_check {
	width:80%;
	height:40px;
	font-size:15px;
	margin-left:5%;
}
.check_big {
	width:35px;
	height:35px;
	font-size:15px;
	/*margin-left:5%;*/
	vertical-align: middle;
}
.hane_check {
	width:15%;
	height:30px;
	margin-left:5%;
	vertical-align: middle;
}
.input_table_wrap{
    width: 98%;
    margin: 0% auto;
}
/* 印刷画面 */
.print_table_right {
    width: 100%;
    margin: 2% auto;
    border-collapse: collapse;
    text-align: right;
}
.print_button_wrap {
	width:90%;
	margin: 2% 0 1% auto;
}
@media print {
	.print_button_wrap {
		display:none;
	}
}
@media print {
	.media_print_history {
		display:none;
	}
}

.media_print_history_none {
	display: none;
}
@media print {
	.media_print_history_none {
		display:block;
/*		width: 100%;*/
/*    	margin: 0% 0% 1% 1%;*/
	}
}
.media_print_history_none_table {
	display: none;
}
@media print {
	.media_print_history_none_table {
		display:block;
		width: 100%;
	}
}
.print_button {
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 80%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 2%;
	border-radius: 0;

}

.print_h1 {
	width:40%;
	margin:1% auto 1% auto;
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
}
.print_description {
	width:70%;
	margin:0 auto 1% 1%;
	border-collapse: collapse;
	font-size: 100%;
}
.print_description th {
	text-align:left;
	height:40px;
}
.print_description td {
	text-align:left;
	height:40px;
}
.print_list_table {
	width:90%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.print_list_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:40px;
}
.print_list_table td{
	border:1px solid #000000;
	height:45px;
}

/*検索ボタン*/
#search_reset {
	width: 18%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 130%;
	color: #3B3B3B;
	/*text-align: center;*/
	cursor: pointer;
	background-color: #d3d3d3;
	margin: 0.2% 0 0 4%;
	border-radius: 0;
}


/* 原体テーブル */
.gentai_input_table{
	/* width:98%; */
	/* margin:2% auto; */
	margin:0% 1%;
	border-collapse: collapse;
	text-align:center;
}
.gentai_input_table th{
	border:1px solid #000000;
	color:#000;
/*	background-color:#fff;*/
/*	height:40px;*/
	padding: 1%;
}
.gentai_input_table td{
	border:1px solid #000000;
	color:#000;
/*	background-color:#fff;*/
/*	height:40px;*/
	padding: 1%;
}
.gentai_table {
	width:98%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.gentai_table th{
	border:2px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:40px;
}
.gentai_table td{
	border:2px solid #000000;
	height:45px;
	font-size: 30px;
}
.gentai_select {
	width:100%;
	height:30px;
	font-size:15px;
}

/* 製品出荷テーブル */
.seihin_syukka_table {
	width:98%;
	margin:0% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.seihin_syukka_table th{
	border:2px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:40px;
}
.seihin_syukka_table td{
	border:2px solid #000000;
	height:45px;
}
.seihin_syukka_select {
	width:100%;
	height:30px;
	font-size:15px;
}

.search_seihin_name {
	width:85%;
	height:25px;

}

#page_num_input {
	width:20%;
	height:30px;
	text-align:right;
	padding-right: 3%;
	font-size: 100%;
}


/* 原体出荷　検索ボタン*/
.gentai_search_button {
	width:20%;
  height: 45px;
  border-right: 2px solid #a9a9a9;
  border-bottom: 2px solid #a9a9a9;
  border-top: 1px solid white;
  border-left: 1px solid white;
  font-size: 80%;
  color: #3B3B3B;
  text-align: center;
  cursor: pointer;
  background-color: #d3d3d3;
  margin: 0.2% 0 0 2%;
  border-radius: 0;
}

.seihin_search_button {
	width: 20%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 80%;
	color: #3B3B3B;
	text-align: center;
	cursor: pointer;
	background-color: #d3d3d3;
	margin: 0.2% 0 0 2%;
	border-radius: 0;

}


/* 原体の行削除ボタン */
.remove_button {
	width: 50%;
	height: 40px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 1%;
    border-radius: 0;
}


/* 編集・加工・削除ボタン */
.list_button {
	width: 30%;
	height: 40px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 1%;
    border-radius: 0;
}
.in_title{
	position: relative;
	z-index: 100;
}
/* ヘッダーリンクボタン */
.button_header_link {
	width: 12%;
	height: 45px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	color: #3B3B3B;
	font-size: 100%;
	text-align:center;
	cursor: pointer;
	margin:0.2% 0 0 1%;
    border-radius: 0;
}

/* ヘッダーリンクボタン 色 */
.color_head_genryo{
	border-right: 2px solid #826f55;
	border-bottom: 2px solid #826f55;
	background-color:#f5deb3;
}
.color_head_gentai{
	border-right: 2px solid #2f4f4f;
	border-bottom: 2px solid #2f4f4f;
	background-color:#efffef;
}
.color_head_seihin{
	border-right: 2px solid #00008b;
	border-bottom: 2px solid #00008b;
	background-color:#e0ffff;
}
.color_head_jyutyu{
	border-right: 2px solid #510579;
	border-bottom: 2px solid #510579;
	background-color:#f7e0ff;
}
.color_head_seikyu{
	border-right: 2px solid #790505;
	border-bottom: 2px solid #790505;
	background-color:#ffe0e0;
}
.color_head_admin_menu{
	border-right: 2px solid #1c0579;
	border-bottom: 2px solid #1c0579;
	background-color:#e0e5ff;
}
.color_head_shizai{
	border-right: 2px solid #666660;
	border-bottom: 2px solid #666660;
	background-color:#ffffef;
}

/* 登録ボタン フィールド*/
.md_submit_field {
	width: 98%;
	margin: 2% auto;
}
.ly_top_field {
	width: 98%;
	margin: 2% auto 1%;
}
/* 登録ボタン フィールド*/
.ly_backbutton_field {
	width: 98%;
	margin: 1%;
}
.ly_submit_field_left {
	text-align:left;
	width:10%;
/*	float:left;*/
}
.ly_li_back_button {
	text-align:left;
	width:10%;
	display: inline-block;
	margin-right: 20%;

}
.ly_submit_field_right {
/*	text-align:left;*/
    width: 20%;
    float: right;
    padding: 0% 10%;
}
.submit_field {
	width:60%;
	margin:5% 20% 0 20%;
}
.submit_field_right {
	text-align:center;
	width:40%;
	float:right;
}
.submit_field_left {
	text-align:center;
	width:25%;
	float:left;
}

.submit_field_center {
	text-align:center;
	width:25%;
	margin: 0 auto;
}
.submit_link{
	text-decoration: none;
	font-weight: bold;
	color: #003399;
}
/* 登録ボタン */
.submit_button {
	width: 98%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 7% 2%;
    border-radius: 0;
}
.submit_button_top {
	width: 98%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	vertical-align: super;
    border-radius: 0;
}
.back_button {
	width: 100%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
    border-radius: 0;
}
.flex_start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex_child{
	flex-basis: auto;
    margin: 0 1% 0 1%;
}

.MessageBox{
	margin: 1.5% 0% 0% 0%;
    width: 100%;
}
.SearchBox{
	margin: 1.5% 0% 0% 0%;
    width: 100%;
}
.SearchBox_table{
    margin: 0;
    border-collapse: collapse;
    text-align: center;
    background-color: #e1e1e1;
	border: 10px solid #e1e1e1;
}
.SearchBox_table_button{
    margin: 0;
    border-collapse: collapse;
    text-align: center;
    background-color: #fff;
}
.SearchBox_table_white{
    margin: 0;
    border-collapse: collapse;
    text-align: center;
}
.td_right_button{
    width: 20%;
    height: 50px;
}

.messege_ul{
	list-style: none;
	margin-left: 1%;
}
.messege_ul li{
	display: inline-block;
    vertical-align: middle;
}

/* 納品書 宛名 */
#nouhin_table_left {
	width:90%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:left;
	float:left;
}
#nouhin_table_left td{
	width:100%;
	height:45px;
}
/* 納品書 出荷情報 */
#nouhin_table_right {
	width:100%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
#nouhin_table_right th{
	width:35%;
	border:2px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:40px;
}
#nouhin_table_right td{
	width:65%;
	border:2px solid #000000;
	height:45px;
}
/* 納品書 各明細*/
.nouhin_meisai_table {
	width:90%;
	margin:2% auto 4% auto;
	border-collapse: collapse;
	text-align:center;
}
.nouhin_meisai_table th{
	border:2px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:35px;
}
.nouhin_meisai_table td{
	border:2px solid #000000;
	height:40px;
}

/* 受注納品書 */
#jyutyu_nouhin_table_right {
	width:100%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:right;
}
#jyutyu_nouhin_table_right th{
	width:35%;
	color:#000000;
	background-color:#ccc;
	height:40px;
}
#jyutyu_nouhin_table_right td{
	width:65%;
	height:25px;
	padding:0 1%;
}

/* 受注納品書 各明細*/
.jyutyu_nouhin_meisai_table {
	width:90%;
	margin:1% auto 4% auto;
	border-collapse: collapse;
	text-align:center;
}
.jyutyu_nouhin_meisai_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:35px;
}
.jyutyu_nouhin_meisai_table td{
	border:1px solid #000000;
	height:28px;
	text-align:right;
	padding:0 1%;
}

/* 請求書 各明細*/
.seikyu_n_p_th1 {
	font-size: 85%;
	background-color:#ccc;
	height:20px;
	border-left:1px solid #000000;
	padding:0 1%;
}
.seikyu_n_p_th2{
	font-size: 85%;
	background-color:#ccc;
	text-align: right;
	padding: 0 1%;
}
.seikyu_n_p_th3 {
	font-size: 85%;
	background-color:#ccc;
	border: none;
	background-color: #fff;
	padding:0 1%;
}
.seikyu_n_p_th4 {
	font-size: 85%;
	background-color:#ccc;
	text-align: center;
	padding: 0 1%;
}
.seikyu_table_left {
	width:100%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:left;
}
.seikyu_table_left td{
	width:100%;
	height:45px;
}
.seikyu_meisai_table {
	width:95%;
	margin:1% auto 4% auto;
	border-collapse: collapse;
	text-align:center;
}
.seikyu_meisai_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:28px;
	font-size: 80%
}
.seikyu_meisai_table td{
	border:1px solid #000000;
	height:28px;
	text-align:right;
	padding:0 1%;
	font-size: 80%
}


.seikyu_meisai_total_table{
	width:90%;
	border-collapse: collapse;
	text-align:center;
}
.seikyu_meisai_total_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:28px;
	font-size: 80%
}
.seikyu_meisai_total_table td{
	border:1px solid #000000;
	height:28px;
	text-align:right;
	padding:0 1%;
	font-size: 120%;
}
.seikyu_nyuukin{
	width: 40%;
    height: 30px;
    font-size: 110%;
}
.seikyu_td_total{
	padding: 0 10px;
}



/* 旧原体在庫内訳 */
#zaiko_big_table {
	width:95%;
	margin:0.5% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
	font-size: 24px;
}
#zaiko_big_table th{
	border:1px solid #000000;
	background-color:#404040;
	color:#fff;
	height:40px;
}
#zaiko_big_table td{
	border:1px solid #000000;
	height:40px;
}
/* 原体在庫内訳 */
.zaiko_big_table2 {
	width:95%;
	margin:0.5% auto 2% 2%;
	border-collapse: collapse;
	text-align:center;
	font-size: 24px;
}
.zaiko_big_table_title{
	border:1px solid #000000;
	background-color:#404040;
	color:#fff;
	height:40px;
}
.zaiko_big_table_total{
	border:1px solid #000000;
	background-color: #e1e1e1;
	height:40px;
}
.zaiko_big_table_data{
	border:1px solid #000000;
	height:40px;
}


/* 出来高など */
#zaiko_table {
	width:95%;
	margin:0.5% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
	font-size: 12px;
}
#zaiko_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:18px;
}
#zaiko_table td{
	border:1px solid #000000;
	height:18px;
}
/* 出荷実績表テーブル */
.ji_table {
	margin:0.5% 2%;
	border-collapse: collapse;
	/* text-align:center; */
	font-size: 14px;
}
.ji_table_th {
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	font-weight: bold;
	text-align:center;
	padding: 0 3px;
}
.ji_table_td{
	border:1px solid #000000;
	background-color:#fff;
	line-height:18px;
	padding: 0 3px;
}
.ji_div_search{
	margin: 0 auto;
	text-align: left;
}
/* 原体在庫内訳(管理用) */
.gentai_zaiko_table {
	width:95%;
	margin:0.5% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
	font-size: 14px;
}
.gentai_zaiko_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:18px;
}
.gentai_zaiko_table td{
	border:1px solid #000000;
	height:20px;
}


/* パックセンター用製品在庫内訳 */
#seihin_pack_zaiko_table {
	width:60%;
	margin:1% auto 2% 1%;
	border-collapse: collapse;
}
#seihin_pack_zaiko_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:25px;
	padding:5px;
}
#seihin_pack_zaiko_table td{
	border:1px solid #000000;
	height:25px;
	padding:5px;
}
.contena_pack_tr {
	font-size: 80%;
}
.contena_th {
	width:12%;
}
.pack_th {
	width:12%;
}

.td_right {
	text-align:right;
	padding-right:2%;
}
.td_left {
	text-align:left;
	padding-left:2%;
}
/* 製品原体在庫 */
.jisseki_td_right {
	text-align:right;
	padding-right:1%;
}
.jisseki_td_left {
	text-align:left;
	padding-left:1%;
}


/* 製品原体在庫 */
.seihin_zaiko_table {
	width:90%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.seihin_zaiko_table th{
	border:2px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:35px;
}
.seihin_zaiko_table td{
	border:2px solid #000000;
	height:40px;
}
/* 製品原体在庫 */
.seihin_zaiko_table {
	width:90%;
	margin:1% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.seihin_zaiko_table th{
	border:2px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:35px;
}
.seihin_zaiko_table td{
	border:2px solid #000000;
	height:40px;
}
/* 製品原体在庫表 印刷時 */
@media print {
	.seihin_zaiko_table {
		width:90%;
		margin:2% auto 2% auto;
		border-collapse: collapse;
		text-align:center;
	}
}
@media print {
	.seihin_zaiko_table th{
		border:2px solid #000000;
		color:#000000;
		background-color:#ccc;
		height:15px;
	}
}
@media print {
	.seihin_zaiko_table td{
		border:2px solid #000000;
		height:15px;
	}
}
/* 在庫と納品書のヘッダ */
.print_header_table {
	width:90%;
	margin:2% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.print_header_table th{
	border:2px solid #000000;
	color:#000000;
	background-color:#ccc;
	width:15%;
	height:40px;
}
.print_header_table td{
	border:2px solid #000000;
	height:45px;
	text-align:left;
	padding-left:2%;
}

/* 製品出来高のテーブル */
.dekidaka_table {
	width:90%;
	margin:2% auto 2% auto;
	font-size:18px;
}
.dekidaka_table td{
	height:50px;
}
.dekidaka_td_right {
	text-align:right;
	padding-right:2%;
	width:17%;
}
.dekidaka_td {
	width:25%;

}
#count1 {
	font-size:20px;
	font-weight: bold;
}
#count2 {
	height:30px;
	width: 20%;
	font-size: 18px;
}
#count3 {
	height:30px;
	width: 20%;
	font-size: 18px;
}

/* 受注ラベルデータ一覧のテーブル */
.label_data_list_title {
	width:70%;
	margin:1% auto 2% auto;
	font-size:18px;
	text-align: center;
}
.label_data_list_container {
	display: flex;
	justify-content: center;
	width: 70%;
	margin: 2% auto;
	font-size:18px;
}
.label_data_list_item {
	width: 50%;
}
.label_data_list_item_table{
	width: 100%;
	padding: 0% 5%;
}
.label_data_list_item_td_t{
	width: 30%;
	text-align:left;
}
.label_data_list_item_td_co{
	width: 70%;
	text-align:left;
}


.label_data_list_table {
	width:70%;
	margin:2% auto 2% auto;
	font-size:18px;
}
.label_data_list_table td{
	height:50px;
}
.label_data_list_td_center {
	text-align:center;
	padding-right:2%;
	width:17%;
}
.label_data_list_td_right {
	text-align:right;
	padding-right:1%;
	width:49%;
}
.label_data_list_td {
	width:60%;
	text-align:center;
}
.label_csv_button {
	width: 23%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align: center;
	cursor: pointer;
	background-color: #d3d3d3;
	margin: 0.2% 0 0 2%;
	border-radius: 0;
}

.label_submit_field_center {
	text-align:center;
	width:30%;
	margin: 0 auto;
}

/*PC用原料在庫内訳　テーブル*/
.genryo_zaiko_pc_table {
	width:90%;
	margin:0.5% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.genryo_zaiko_pc_table th{
	border:2px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:35px;
}
.genryo_zaiko_pc_table td{
	border:2px solid #000000;
	height:40px;
}

/* 受注入力のCSV出力ボタンの領域 */
.csv_button_area {
	width: 70%;
	margin-top:1%;
	float:left;
}
/* 受注入力のCSV出力ボタン */
.csv_button {
	width: 15%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 80%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 1%;
    border-radius: 0;
}
/* 受注入力の条件設定部分 */
.jyutyu_table_wrap {
	width:100%;
	float:left;
}

.jyutyu_date_table {
	float:left;
	width: 28%;
	margin: 1% auto 0 1%;
}
.jyutyu_td_jyutyubi_s {
	width:25%;
	height:50px;
}
.jyutyu_td_jyutyubi_w {
	width:auto;
	height:50px;
}

.jyutyu_table {
	width:100%;
}
/* 受注入力の共通設定部分(日付や発送、発注元等) */
.jyutyu_td_s {
	width:7%;
	height:50px;
}
.jyutyu_td_w {
	width:17%;
	height:50px;
}
.jyutyu_list_select {
	width:85%;
	height:34px;
	font-size:100%;
	vertical-align: middle;
}
.td_height {
	height:50px;
}

#jyutyu_keyword1 {
	width :90%;
	height: 30px;
	vertical-align: middle;
	font-size: 100%;
    padding: 0 3px;
}
.hassou_keyword1 {
	width :38%;
	height: 34px;
	vertical-align: middle;
	font-size: 100%;
    padding: 0 3px;
}

/* 受注入力部分のテーブル */
.jyutyu_input_table {
	width:100%;
	border-collapse: collapse;
	text-align:center;
}
.jyutyu_input_table th{
	border:1px solid #000000;
	color:#fff;
	background-color:#2e8b57;
	height:40px;
	font-size:80%;
}
.jyutyu_input_table td{
	border:1px solid #000000;
	height:45px;
}

.jyutyu_tyuui_textarea{
    width: 158%;
    height: 90px;
    padding: 5px;
    font-size: 18px;
}


/* 受注の行削除ボタン */
.jyutyu_remove_button {
	width: 80%;
	height: 40px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 80%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 1%;
    border-radius: 0;
}
/* 受注の選択肢 */
.parent, .td_select {
	width:90%;
}
.case_cnt, .pack_cnt, .td_input, .sotobako_select, .sotobako_iri_select {
	width:90%;
}

/* 発注元マスタ部分の納品先選択テーブル */
.hassou_select_table {
	width:40%;
	margin:2%;
	border-collapse: collapse;
	text-align:center;
}
.hassou_select_table th{
	border:1px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:40px;
	font-size:80%;
}
.hassou_select_table td{
	border:1px solid #000000;
	height:45px;
}

/* 行追加テーブル登録用 */
.tuika_input_table {
/*	width:98%;*/
	margin:0.5% auto 2% 1%;
	border-collapse: collapse;
	text-align:center;

}
.tuika_input_table th{
	border:1px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:35px;
}
.tuika_input_table td{
	border:1px solid #000000;
	height:35px;
	text-align: left;
    padding: 0px 5px;
}
.tuika_input_table td input,
.tuika_input_table td select{
	height:30px;
	width:100%;
	font-size: 1.1rem;
}
.tuika_input_table td button{
	height:30px;
	width:70px;
	font-size: 1.1rem;
}


/* 発注元マスタ部分の納品先選択行削除ボタン */
.jyutyu_remove_button {
	width: 80%;
	height: 40px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 80%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 1%;
    border-radius: 0;
}
/* 選択肢 */
/*.parent, .td_select {*/
.h_parent{
	width:90%;
	height: 90%;
}


/* 出荷指示用のテーブル */
.syukka_siji_table_title {
	float:left;
	margin:0 auto 0 3%;
	font-size:21px;
	width:70%;
	text-align:left;
}
.syukka_siji_table {
	width:95%;
	margin:0% auto;
	border-collapse: collapse;
	font-size: 21px;
}
.syukka_siji_table_th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	width:20%;
	height:40px;
	text-align: right;
	padding: 0 10px 0 0;
}
.syukka_siji_table_th_small{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	width:15%;
	height:40px;
	text-align: right;
	padding: 0 10px 0 0;
}

.syukka_siji_table_td{
	border:1px solid #000000;
	width:15%;
	height:40px;
	text-align: left;
	padding: 0 0 0 10px;
}
.syukka_siji_table caption{
	font-size:100%;
	margin-bottom:2%;
	text-align: left;
}
.syukka_siji_table_trkuu{
	border:none;
	height: 20px;
}
.syukka_siji_table_chuui{
	border:2px solid #000000;
	height:40px;
	text-align: left;
	font-weight:bold;
	padding: 0 0 0 10px;
}
.syukka_siji_table_labelroom{
	border:1px solid #000000;
	height:40px;
	text-align: left;
	font-weight:normal;
	padding: 0 0 0 10px;
}
/* ラベル確認表部分のテーブル */
.label_kakunin_header_table {
	width:100%;
}
.label_left_table {
	width:100%;
	margin:0 0 0 0;
	border-collapse: collapse;
	text-align:center;
	border-spacing: 0px;
}
.label_left_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	width:30%;
	height:35px;
	font-size:90%;
}
.label_left_table td{
	border:1px solid #000000;
	width:70%;
	height:35px;
	font-size:90%;
}
.label_left_table caption{
	font-weight:bold;
	font-size:140%;
	margin-bottom:2%;
}
.label_left2_table {
	width:100%;
	margin:10px 0 0 0;
	border-collapse: collapse;
	text-align:center;
	border-spacing: 0px;
}
.label_left2_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	width:42%;
	height:40px;
}
.label_left2_table td{
	border:1px solid #000000;
	height:45px;
	font-size:90%;
}
.label_right_table {
	width:100%;
	margin:0 0 0 0;
	border-collapse: collapse;
	text-align:center;
	border-spacing: 0px;
}
.label_right_table th{
	border:1px solid #000000;
	border-left-style:none;
	color:#000000;
	background-color:#ccc;
	width:20%;
	height:40px;
	font-size:90%;
}
.label_right_table td{
	border:1px solid #000000;
	height:40px;
	border-left-style:none;
	font-size:90%;
}
.label_right_table_td {
	border:1px solid #000000;
	height:40px!important;
	padding: 5px 0 0 5px;
}
.label_right_table caption{
	font-weight:bold;
	font-size:140%;
	margin-bottom:2%;
}
.label_right2_table {
	width:90%;
	margin:30px 0 0 auto;
	border-collapse: collapse;
	text-align:center;
	border-spacing: 0px;
}
.label_right2_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:40px;
	font-size:85%;
}
.label_right2_table td{
	border:1px solid #000000;
	height:220px;
	font-size:90%;
}
.label_right2_table caption{
	font-weight:bold;
	font-size:140%;
	margin-bottom:2%;
}

.label_bottom_table {
	width:100%;
	height:40px;
	margin:0 0 0 auto;
	border-collapse: collapse;
	text-align:center;
	border-spacing: 0px;
}
.label_bottom_table th{
	border:1px solid #000000;
	color:#000000;
	background-color:#ccc;
	height:20px;
	font-size:85%;
}
.label_bottom_table td{
	border:1px solid #000000;
	font-size:90%;
}


/* ラベル確認表 */
.label_kakunin_wrap {
	width:98%;
	padding-top:1%;
	margin: 0 auto;
}
.label_kakunin_left {
	width:50%;
	float:left;
	display: table-cell;
}

.label_kakunin_right {
	width:50%;
	float:right;
	display: table-cell;
}
.label_kakunin_right2 {
	width:50%;
	float:right;
	display: table-cell;
}
.label_kakunin_bottom {
	width:100%;
}
.label_kakunin_bikou {
	text-align:left!important;
	border-style:none!important;
	display: table-cell;
	height: 30px!important;
}
/* 在庫や出来高一覧等の期間検索用 */
.kikan_search {
	width:60%;
	margin: 5% auto;
	height:100px;
}
.jisseki_search {
	margin: 0 10% 0 14%;
}
.jisseki_submit_2column {
	width:50%;
	margin: 3% auto;
}
/* マスタテーブル登録用 */
.master_input_table {
	width:98%;
	margin:0.5% auto 2% auto;
	border-collapse: collapse;
	text-align:center;
}
.master_input_table th{
	border:1px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:35px;
}
.master_input_table td{
	border:1px solid #000000;
	height:35px;
	text-align: left;
    padding: 0px 5px;
}
.master_input_table td input,
.master_input_table td select{
	height:30px;
	width:100%;
	font-size: 1.1rem;

}
.master_input_table td button{
	height:30px;
	width:70px;
}
.master_table {
	width: 40%;
	margin: 3% auto 2% 7%;
	border-collapse: collapse;
}
.master_table td{
	height:40px;

}
.master_table td input,
.master_table td select {
	height:30px;
	width:80%;
}
.master_table2 {
	margin:1% auto 2% 1%;
	border-collapse: collapse;
	text-align:center;
}
.master_table2 th{
	border:1px solid #000000;
	color:#ffffff;
	background-color:#404040;
	padding: 5px;
}
.master_table2 td{
	border:1px solid #000000;
	text-align: left;
	padding: 5px;
}


/* add 20180118 */
.is-hidden{
	display: none;
}
/* 納品先マスタ用のテーブル */
.master_hassou_table {
	width: 70%;
	margin: 3% auto 2% 7%;
	border-collapse: collapse;
}
.master_hassou_table td{
	height:40px;
}
.hassou_td_s {
	width:25%;
}
.hassou_input_w {
	height:30px;
	width:95%;
}
.hassou_input_w2 {
	height:30px;
	width:120%;
}
.hassou_input_s {
	height:30px;
	width:45%;
}
.td_moji {
	width:20%;
	font-size:80%;
	color:red;
}
.td_moji_small {
	/* width:20%; */
	font-size:80%;
	/* color:red; */
}
.master_hassou_cnf_table {
	width:100%;
	font-size: 100%;
}
.master_hassou_cnf_table th {
	width:15%;
	padding: 10px 15px;
	text-align: left;
	font-weight:normal;
}
.master_hassou_cnf_table td {
	width:40%;
	padding: 10px 15px;
	text-align: left;
}

/* 納品先マスタ用のテーブル */
.master_nouhin_table {
	width: 70%;
	margin: 3% auto 2% 7%;
	border-collapse: collapse;
}
.master_nouhin_table td{
	height:40px;
}
.nouhin_td_s {
	width:25%;
}
.nouhin_input_w {
	height:30px;
	width:95%;
}
.nouhin_input_s {
	height:30px;
	width:45%;
}
.master_nouhin_cnf_table {
	width:100%;
	font-size: 100%;
}
.master_nouhin_cnf_table th {
	width:15%;
	padding: 10px 15px;
	text-align: left;
	font-weight:normal;
}
.master_nouhin_cnf_table td {
	width:40%;
	padding: 10px 15px;
	text-align: left;
}

/* 納品先マスタ用のテーブル */
.master_hattyu_table {
	width: 70%;
	margin: 3% auto 2% 2%;
	border-collapse: collapse;
}
.master_hattyu_table td{
	height:40px;
}
.hattyu_td_s {
	width:25%;
}
.hattyu_input_w {
	height:30px;
	width:95%;
	font-size: 1.1rem;
}
.hattyu_input_s {
	height:30px;
	width:45%;
	font-size: 1.1rem;
}
.master_hattyu_cnf_table {
	width:100%;
	font-size: 100%;
}
.master_hattyu_cnf_table th {
	width:15%;
	padding: 10px 15px;
	text-align: left;
	font-weight:normal;
}
.master_hattyu_cnf_table td {
	width:40%;
	padding: 10px 15px;
	text-align: left;
}

/*マスタ管理画面*/
#master_menu {
	width:90%;
	height:200px;
	margin:auto;
	margin-top: 7%;
}

.master_button {
	width: 20%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align: center;
	cursor: pointer;
	background-color: #d3d3d3;
	margin: 2% 1% 0 2%;
	border-radius: 0;
}

/* 請求入力部分のテーブル */
.seikyu_input_table {
	width:98%;
	margin:2% auto;
	border-collapse: collapse;
	text-align:center;
	font-size: 90%;
}
.seikyu_input_table th{
	border:1px solid #000000;
	color:#ffffff;
	background-color:#2e8b57;
	height:40px;
}
.seikyu_input_table td{
	border:1px solid #000000;
	height:45px;
}
.seikyu_input_1{
	width: 85%;
	height: 30px;
	font-size:100%;
}
.seikyu_input_table_input{
	width: 85%;
	height: 30px;
	text-align: right;
	font-size:100%;
}

.seikyu_input_table_input2{
	width: 85%;
	height: 20px;
	text-align: right;
}

#seikyu_table {
	width:90%;
	margin:auto 5%;
	border-collapse: collapse;
}
#seikyu_table th{
	width:20%;
	height:45px;
}
#seikyu_table td{
	width:20%;
	height:45px;
}
.seikyu_select {
	width:80%;
	height:30px;
	font-size:15px;
}

/*＋－セレクトボックス*/
.calc_type_td{
	width: 85%;
	height: 30px;
	font-size: 100%;
}
/*軽減税率セレクトボックス*/
.zei_rate_td{
	width: 85%;
	height: 30px;
	font-size: 100%;
}


/*内税・外税切替セレクトボックス*/
.seikyu_zei_select {
	width: 40%;
	height: 30px;
	font-size: 110%;
}
/* 請求の検索ボタン */
.seikyu_submit_button {
	width: 70%;
	height: 60px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 100%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 2%;
    border-radius: 0;
}

/* 請求の行削除ボタン */
.seikyu_remove_button {
	width: 80%;
	height: 40px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	font-size: 80%;
	color: #3B3B3B;
	text-align:center;
	cursor: pointer;
	background-color:#d3d3d3;
	margin:0.2% 0 0 1%;
   	border-radius: 0;
}
/* CSV取込画面 */
.fileselect_button{
	line-height: 36px;
	border-right: 2px solid #a9a9a9;
    border-bottom: 2px solid #a9a9a9;
    border-top: 1px solid white;
    border-left: 1px solid white;
    font-size: 100%;
    color: #3B3B3B;
    text-align: center;
    background-color: #d3d3d3;
    margin: 0.2% 0 0 2%;
    border-radius: 0;
}
.fileselect_button:hover{
	opacity: 0.8;
    cursor: pointer;
}

.print_head_div{
	width:95%; 
	margin:3% auto;
}

/* ページャー */
ul.inline-list li {
	display: inline-block;
	text-align: center;
}

li.current_page {
	background-color: #a0a0a0;
}

.checkboxbig {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin: 0px 10px;
}
.checkboxbig_regular {
	width: 35px;
	height: 35px;
	vertical-align: middle;
}


.ly_jisseki_title{
	float:left;
	margin:1% auto 0;
	text-align:left;
	font-size:140%;
}
.ly_jisseki_TopButton{
	float:right; 
	margin: 1% auto 0%;
	text-align: right;
}

.syukka_today{
	color: #C7000B;/*レッド*/
	font-size: 20px;
}
.syukka_tomorrow{
	color: #D28300;/*オレンジ*/
	font-size: 20px;
}
.syukka_after2day{
	color: #00873C;/*グリーン*/
	font-size: 20px;
}
.syukka_day3after{
	color: #004986;/*ブルー*/
	font-size: 20px;
}
.clear {
	clear:both;
}

.pagebreak {
	break-after: page;
}
.ele_text_p{
	font-size: 30px;
	width: 25%;
}
.ly_edit_top{
	width: 98%;
	margin: 4% auto 2%;
}
.li_input_top{
	display: inline-block;
	margin-right: 5%;
	list-style: none;
}
.input_kansouday{
	font-size: 30px;
	width: 25%;
}
.md_edit_top{
	display: inline;
	margin-right: 5%;
	list-style: none;
	vertical-align: middle;
}

.alert_confirm{
	width: 98%;
    margin: 3% auto 1% auto;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.message_table_alert {
    margin: 1% 0 1% 0;
    border-collapse: collapse;
    text-align: left;
    background-color: #ffefef;
}

.message_p_alert{
/*	padding-left: 1%;*/
	color: #ff0000;
	font-size: 1.0rem;
}

.required{
	background-color: #ff0000;
    padding: 4px;
    font-size: 0.8rem;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.txt_bold{
	font-weight: bold;
	font-size: 1.0rem;
}
.txt_small{
	font-size: 0.9rem;
}
.txt_red{
	font-weight: bold;
	font-size: 1.0rem;
	color: #ff0000;
}
.txt_black{
	font-weight: bold;
	font-size: 1.0rem;
	color: #000;
}
.tab_button{
    border: 1px solid #CCCCCC;
    text-align: center;
}
.tab_button:hover{
	opacity: 0.7;
	cursor: pointer;
}
.tab_button_td{
    background-color: #fff;
    padding: 0px 4%;
}
.list_input{
	font-size: 1.2rem;
    padding: 0px 3px;
	width: 85%;
    height: 30px;
    text-align: right;
}
.lay_message{
	margin-left: 10%;
}

/*レイアウト*/

.lay_backBtn{
	margin: 3% 1%;
	float: left;
	width: 10%;
}

.dekidaka_container {
	width: 85%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex-wrap: wrap;
	align-content: center;
}
.form_row {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: nowrap;
}
.row_space_between {
	justify-content: space-between;
}
label {
	min-width: 160px;
	text-align:right;
	font-size: 1.3rem;
}
.math_expression {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 2rem;
}

.input_calendar_big2{
	padding: 8px;
    font-size: 2rem;
}
.input_text_big{
	padding: 8px;
    font-size: 2rem;
}
.select_big{
	padding: 8px;
    font-size: 2rem;
}
.button_row {
	display: flex;
	justify-content: center;
	gap: 200px;
	margin-top: 20px;
}

.btn_back {
	font-size: 2rem;
	padding: 12px 40px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	cursor: pointer;
	background-color: #d3d3d3;
}

.btn_cnfirm {
	font-size: 2rem;
	padding: 12px 120px;
	border-right: 2px solid #0f2233;
	border-bottom: 2px solid #0f2233;
	border-top: 1px solid white;
	border-left: 1px solid white;
	cursor: pointer;
	background-color: #103d65;
	color: white;
}
.btn_regist {
	font-size: 2rem;
	padding: 12px 120px;
	border-right: 2px solid #0f2233;
	border-bottom: 2px solid #0f2233;
	border-top: 1px solid white;
	border-left: 1px solid white;
	cursor: pointer;
	background-color: #103d65;
	color: white;
}
#btnPrint:disabled {
  background-color: #f0f0f0;
  color: #a0a0a0;
  cursor: not-allowed;
  opacity: 0.7;
}

/* hoverの無効化（disabled時の色を上書き） */
#btnPrint:disabled:hover {
  background-color: #f0f0f0; /* disabled時の背景色に戻す */
  box-shadow: none;           /* hover時の影を打ち消す */
}



/*モジュール*/
.btn {
	margin: 0;
	font-size: 100%;
	height: 45px;
	border-right: 2px solid #a9a9a9;
	border-bottom: 2px solid #a9a9a9;
	border-top: 1px solid white;
	border-left: 1px solid white;
	color: #3B3B3B;
	text-align: center;
	cursor: pointer;
	background-color: #d3d3d3;
	border-radius: 0;
}

.border_r_gry{
	border-right: 1px solid #c1c1c1 !important;
}

.tr_bg_color{
	background-color: #9acd32 !important;
}
.td_nodata{
	border: none !important;
	text-align: left !important;
    padding: 5px !important;
}
.top_div{
	display: flex;
	justify-content: flex-end;
	width: 900px;
    margin: 1% auto;
    text-align: right;
}

.w1per {width: 1%;}
.w2per {width: 2%;}
.w3per {width: 3%;}
.w4per {width: 4%;}
.w5per {width: 5%;}
.w6per {width: 6%;}
.w7per {width: 7%;}
.w8per {width: 8%;}
.w9per {width: 9%;}
.w10per {width: 10%;}
.w11per {width: 11%;}
.w12per {width: 12%;}
.w13per {width: 13%;}
.w14per {width: 14%;}
.w15per {width: 15%;}
.w16per {width: 16%;}
.w17per {width: 17%;}
.w18per {width: 18%;}
.w19per {width: 19%;}
.w20per {width: 20%;}
.w21per {width: 21%;}
.w22per {width: 22%;}
.w23per {width: 23%;}
.w24per {width: 24%;}
.w25per {width: 25%;}
.w26per {width: 26%;}
.w27per {width: 27%;}
.w28per {width: 28%;}
.w29per {width: 29%;}
.w30per {width: 30%;}
.w33per {width: 33%;}
.w35per {width: 35%;}
.w39per {width: 39%;}
.w40per {width: 40%;}
.w45per {width: 45%;}
.w50per {width: 50%;}
.w60per {width: 60%;}
.w70per {width: 70%;}
.w75per {width: 75%;}
.w78per {width: 78%;}
.w80per {width: 80%;}
.w85per {width: 85%;}
.w90per {width: 90%;}
.w92per {width: 92%;}
.w95per {width: 95%;}
.w100per {width: 100%;}
.w130per {width: 130%;}


.w150 {width: 150px;}
.w320 {width: 320px;}

.width_stock_history {width: 4%;}
.font09r{font-size:0.9rem;}
.font12px{font-size:12px;}
.font14px{font-size:14px;}
.font16px{font-size:16px;}
.font20px{font-size:20px;}
.font30px{font-size:30px;}
.font40px{font-size:40px;}

.font70per{font-size:70%;}
.font80per{font-size:80%;}
.font85per{font-size:85%;}

.fontbold{font-weight: bold;}

.v_align_top{vertical-align: top;}
.v_align_mid{vertical-align: middle;}
.align_r{text-align: right;}
.align_l{text-align: left;}
.align_center{text-align: center;}

.color_blk{background-color: #404040; color: #fff;}
.bgcolor_l_ble{background-color: #b3dbff;}
.bgcolor_ylw{background-color: yellow;}
.bgcolor_gry{background-color: #e1e1e1;}
.bgcolor_waka{background-color: #fff;}
.bgcolor_n{background-color: #7fbfff !important;} /*N*/
.bgcolor_tv{background-color: #ff7f7f !important;} /*TV*/
.bgcolor_g{background-color: #bfff7f !important;} /*G*/
.bgcolor_hosi{background-color: #ffbf7f !important;} /*干し柿*/
.bgcolor_tip{background-color: #ffff7f !important;} /*チップ*/
.bgcolor_hosi_yuzu{background-color: #66cdaa !important;} /*干し柿(ゆず巻き用)*/
.bgcolor_lemon{background-color: #e6ff66 !important;} /*レモン*/
.bgcolor_shiranui{background-color: #ff9f80 !important;} /*不知火*/
.bgcolor_mikan{background-color: #ffbb33 !important;} /*缶詰みかん*/


.bgcolor_pink{background-color: #ffe0e0 !important;} /*請求*/
.bgcolor_lblue{background-color: #e0e5ff !important;} /*管理用*/

.bgcolor_zan{background-color: #ffff00 !important;}/*残ある数値*/


.bgcolor_no_comp{
	background-color: #ffff66;
}
.bgcolor_no_arrive{
	background-color: #ffff66;
}
.bgcolor_torikomi{
	background-color: #ffff66 !important;
}
.bgcolor_fuka{
	background-color: #ff7f7f !important;
}
.bgcolor_zumi{background-color: #e1e1e1 !important;}
.bgcolor_seikyu_non{background-color: #e1e1e1;}
.bgcolor_regist{background-color: #103d65;}
.bgcolor_link{background-color: #b3dbff;}


.color_kuro{color: #000;}
.color_make{color: #0077ed;}
.color_used{color: #ff0000;}
.color_gry{color: #808080;}

.h35{height: 35px;}
.H_47px{height: 47px;}
.h50{height: 50px;}

.lineH_23px{line-height: 23px;}
.lineH_35px{line-height: 35px;}
.lineH_49px{line-height: 49px;}

.lineH60{line-height: 60px;}
.lineH80{line-height: 80px;}

.inline_b{display: inline-block;}

.pad_R_1per{padding-right: 1%;}
.pad_L_1per{padding-left: 1%;}
.pad_L_2per{padding-left: 2%;}
.pad_L_15px{padding-left: 15px;}

.mg_2per{ margin: 2%;}

.mg_left_1per{margin-left: 1%;}
.mg_L_4per{margin-left: 4%;}
.mg_R_8per{margin-right: 8%;}
.mg_R_10per{margin-right: 10%;}
.margin_R_10per{margin-right: 10%;}
.mg_b_2per{margin-bottom: 2%;}


.stock_detail_font_s{
	font-size: 18px;
	margin-left:10px;
}