@charset "utf-8";
/*=================================
各ページ共通要素
-----------------------------------
※PDF変換時スタイルが適用されない場合は
PHPソース内に直接スタイル指定
==================================*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* textareaはリサイズ不可にする */
textarea {
  resize: none;
}
body {
	font-size:14px;
	margin:0px;
	padding:0px;
	font-family:'Noto Sans JP', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
	line-height:1.4;
}


.container {
	width:95%;
	margin:auto;
}

.primary {
	display:inline-block;
	vertical-align:middle;
	width:49%;
}

.secondary {
	display:inline-block;
	vertical-align:middle;
	width:49%;
}

/*=================================
リンクスタイル
==================================*/
a:link {
color:#06f;
}

a:visited {
color:#06f;
}

a:hover {

color:#066;
text-decoration:none;
}


a.linkbtn{
display:block;
max-width:310px;
text-align:center;
margin:auto;
padding:10px;
text-decoration:none;
font-size:1.2em;
}

a.linkbtn:link {
border:1px solid #666;
border-radius:5px;
color:#666;
}

a.linkbtn:visited {
border:1px solid #666;
border-radius:5px;
color:#666;

}

a.linkbtn:hover {
border:1px solid #8d1d22;
border-radius:5px;
color:#000;
}


/*=================================
リストスタイル
==================================*/
ol {
	padding-left:20px;
}

ol li {
	margin-bottom:10px;
}

/*=================================
テキスト装飾
==================================*/
.text-left {
	text-align:left;
}

.text-center {
	text-align:center;
}

.text-right {
	text-align:right;
}

.align-baseline {
	vertical-align:baseline;
}

.align-top {
	vertical-align:top;
}

.align-middle {
	vertical-align:middle;
}

.align-bottom{
	vertical-align:bottom;
}


/*=================================
ヘッダータイトル
==================================*/
header {
	background-color:#07489a;
	color:#fff;
	display:flex;
	justify-content:space-between;
	padding:10px;
	align-items:center;
	margin-bottom:30px;
}


header h1 {
	text-align:left;
	font-size:1.5em;
	margin:0;
	font-weight:500;
	line-height:1.1;
}

header .user {
	font-weight:bold;
}

header .user-id:after {
	content:"：";
}

.home-btn {
	background-color:#fff;
	color:#07489a !important;
	border-radius:15px;
	font-size:14px;
	padding:0 5px;
	vertical-align:middle;
	text-decoration:none;
	margin-right:10px;
}

.home-btn img {
	vertical-align:middle;
	width:15px;
	height:15px;
}

.home-btn span {
	vertical-align:middle;
}


/*=================================
ログインフォーム
==================================*/
.login h1 {
	text-align:center;
	margin:20px auto;
	color:#07489a;
}

.login p {
	text-align:center;
}

.login-form {
	max-width:310px;
	text-align:center;
	font-size:16px;
	background-color:#fff;
	padding:20px;
	margin:0 auto 2em auto;
	border:1px solid #ccc;
	border-radius:10px;

}

.login-form label {
	text-align:left;
	font-size:0.9em;
	display:inline;
	margin-right:10px;
}


.login-btn {
	margin-top:30px;
}

.login-form input[type="text"],
.login-form input[type="password"]{
    vertical-align: top;
    outline: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    letter-spacing: 0;
    box-shadow: none;
    width:140px;
    height: 31px;
    border-radius: 3px;
	border:1px solid #ccc;
	vertical-align:middle;
}

.login-form input[type="submit"]{
-webkit-appearance: none;
padding:10px 40px;
border:none;
background-color:#07489a;
color:#fff;
border-radius:3px;
box-shadow:2px 2px 2px #ccc;
cursor:pointer;
font-size:1rem;
}

.login-form input[type="submit"]:hover {
background-color:#000;
}

.msg {
	font-weight:bold;
	color:#e00;
}

.msg .tel {
	font-size:1.3em;
}


/*=================================
ヘッダー～ツールボックス（ソート）部分
==================================*/
.toolbar > form {
	display:flex;
	align-items:center;
}

.toolbar > form > table {
	display:block;
}

.toolbar > form > div.show {
/*
	padding-left:3em;
*/
}

.toolbar.den-add {
	display:flex;
}

.toolbar.den-add > div {
	margin:0 15px;
}

.toolbar.den-add .btn-area {
	align-self:flex-end;
}

.toolbar.den-add input[name="ornofrom"],
.toolbar.den-add input[name="ornoto"],
.toolbar.den-add input[name="nodennofrom"],
.toolbar.den-add input[name="nodennoto"]{
	width:120px;
}
.toolbar.den-add input[name="torishocd"],
.toolbar.den-add input[name="instcd"]{
	width:150px;
}

header .menu-add::before {
	font-size:1.5em;
	margin-right:20px;
	color:#fff;
}

.adminnm {
/*	float:right; */
	font-size:1em;
	line-height:1em;
	border:1px solid #fff;
	border-radius:50%;
	padding:0.5em;
	font-weight:bold;
	cursor:pointer;
}

#header-logoff .logoff {
	display:none;
}

#header-logoff .logoff.logoff-open {
	display:block;
	position:absolute;
	right:0;
	top:52px;
	background-color:#f5f5f5;
	color:#333;
}

.logoff-y,
.logoff-n {
	cursor:pointer;
}

#header-logoff  p {
	border-bottom:1px solid #999;
	display:block;
	padding:10px 20px;
	margin:0;
}

#header-logoff ul {
	padding:0;
	margin:0;
}

#header-logoff  ul li {
	border-bottom:1px solid #ddd;
	list-style:none;
	padding:10px 20px;
}

#header-logoff  ul li:hover {
	background-color:#efefef;
}


/*=================================
ナビゲーション
==================================*/



/*=================================
補足用ふきだし
==================================*/
.exp {
 display:none;
}

.text {
	position:relative;
}

.a:hover + .exp {
	display:block;
	top:10px;
	left:0;
	background-color:#ccc;
}
/*=================================
full calendar スタイル上書き
==================================*/
.fc-day-grid-event {
	cursor:pointer;
}
/*--------------------------------*/

.cl-select {
	background-color:#efefef;
	display:flex;
	margin-bottom:20px;
}

.cl-select input[type=radio] {
	display:none;
}

.cl-select label {
	display:inline-block;
	padding:1em;
	font-size:1.1em;
	color:#666;
	flex:33%;
	text-align:center;
}

.cl-select input[type=radio]:checked + label {
	border-bottom:2px solid #8d1d22;
	color:#8d1d22;
}

.fc-scroller {
	height:auto !important;
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
z-index:1;
}

.fc-toolbar button:focus {
z-index:1;
}

/*=================================
tablesorter スタイル上書き
==================================*/
.tablesorter-blue th, .tablesorter-blue thead td {
	background-color:#efdadb;
}

.tablesorter-blue tbody tr.odd>td {
    background-color: #faf5f5;
}
/*=================================
form フォームスタイル共通
==================================*/
input {
	font-size:16px;
}
/* テキストボックス背景 */
.focus {
	background: #F8DC85;
}

/* テキストボックス　文字右寄せ*/
input[type="text"]{
/* text-align:right; */
}

/* テーブル（データ部分）内input幅制御 */
.data td input,
.data td select,
.data td textarea,
.dataTables_scroll td input,
.dataTables_scroll td select,
.dataTables_scroll td textarea {
	width:100%;
}



/* テキストボックス　日付・伝票No 文字左寄せ*/
input[name="date"],
input[name="fromdate"],
input[name="todate"],
input[name="nohinfromdate"],
input[name="nohintodate"],
input[name="noyofromdate"],
input[name="noyotodate"],
input[name="fromymd"],
input[name="tencd"],
input[name="ym"],
input[name="kakuteikbn"],
input[name="toymd"],
input[name="denno"],
input[name="ctnno"],
input[name="dtld[]"],
input[name="kmkcd[]"],
input[id="delno"],
input[name="daibri"],
input[name="chubri"],
input[name="fromchubri"],
input[name="tochubri"],
input[name="sirecd"]{
text-align:left;
}

/* テキストボックス　単価・数量 */
input#orsu,
input#btnk,
input#gtnk,
input#nyukin,
input#su,
input#skasu,
input#zseikyugokei {
width:75px;
text-align:right;
}

/* テキストボックス　商品番号・農園番号 */
input#shocd,
input#sirecd{
	width:40px;
}

/* テキストボックス　備考 */
input#biko {
	width:100%;
}

select {
    padding: 1px 1px 2px 1px;
}

/* 店舗ID/店舗名 */
.tenpo_name {
/*
	border:1px solid #999;
	border-collapse:collapse;
*/
	position:absolute;
	top:5px;
	right:20px;
}

.tenpo_name th, .tenpo_name td {
/*
	border:1px solid #999;
	border-collapse:collapse;
	background-color:#fff;
*/
	padding:5px;
	color:#fff;
	font-weight:bold;
}


/*=================================
データ（テーブル）部分
==================================*/



/* 要素が少なくテーブル幅を調整する場合は、ページ別のcss内で上書き */
.data_tbl {
	width:1200px;
margin:10px 20px;

}

.data_tbl td {
	vertical-align:middle;
}

.data_midashi {
width:1180px;
border-collapse:collapse;
}

.data_midashi th {
	padding:5px;
/*	background-color:#CFC; */
	background-color:#efdadb;
	border:1px solid #666;
	border-collapse:collapse;
	font-size:0.9em;
}


.data {
width:1200px;
position:relative;
height:400px;
overflow-y:scroll;
margin:auto;
}

.data table {
 width:1180px;
 font-size:12px;
border-collapse:collapse;
position:absolute;
left:0;
top:0;
}

.data td {
word-break:break-all;
border-collapse:collapse;
	border:1px solid #666;
	padding:5px;
background-color:#fff;
}

/* データ縦線表示用 */
.data table.border {
 width:1180px;
position:absolute;
left:0;
top:0;
border-collapse:collapse;
}

.data table.border td {
height:392px;
border-collapse:collapse;
border:1px solid #666;
background:none;
}

/* 合計欄 */
.total {
border-collapse:collapse;
}

.total th,
.total td{
border-collapse:collapse;
border:1px solid #666;
padding:5px 3px;
}

/* 件数表示 */
.data_kensu {
	text-align:right;
	padding-right:20px;
}





/*　ツールバー上部 */
.toolbar {
/*	margin:20px 20px 5px 20px; */
	position:relative;
}

.toolbar table {
}

.toolbar th {
	text-align:right;
	padding:5px;
}

.toolbar td {
	padding:5px;

/*
	text-align:left;
	padding-right:30px;
*/
}


/* ツールバー画面全域 */

.toolbar2 {
 min-height:400px;
}

/* ツールバー下部 */

.toolbar_btm {
	margin:10px 5px;
	position:relative;
}

.toolbar_btm table {
	text-align:left;
	margin:10px 0;
	width:100%;
}

.toolbar_btm1 input[type="button"]{
margin-right:20px;
}

#kakuteibt {
/*
font-size:1rem;
padding:15px 30px;
display:inline-block;
margin:auto;
*/
margin:20px 0;
}

/* 印字ボタン */
input.print {
/*	padding:10px 30px; */
}


/* 戻る・業務終了ボタン */
.end_menu {
	text-align:center;
}

.end_menu a {
background-color:#000;
color:#fff;
text-decoration:none;
font-weight:bold;
padding:10px;
display:block;
width:200px;
margin:10px auto;
}

.end_menu a:visited {
background-color:#000;
color:#fff;
text-decoration:none;
font-weight:bold;
padding:10px;
display:block;
width:200px;
margin:20px auto 10px auto;
}

.end_menu a:focus, .end_menu a:hover {
background-color:#06C;
color:#fff;
text-decoration:none;
font-weight:bold;
padding:10px;
}

.end_menu2 {
padding:3px;
}

/* テーブル内空セル表示 */
table {
empty-cells: show;
}

/* formタグ余白調整(for IE6) */
form {
margin:0px;
}

/* サブウィンドウ */
/* 取引先選択画面 */
.subwinsire table {
font-size:12px;
}

.subwinsire .data_tbl {
width:900px;
margin:auto;
}

.subwinsire .data_midashi{
width:880px;
}

.subwinsire .data {
width:900px;
}

.subwinsire .data table {
width:880px;
}

.subwinsire td{
padding:5px 3px;
}

.subwinsire .col1,
.subwinsire .col3,
.subwinsire .col5 {
width:7%;
text-align:center;
}

.subwinsire .col2,
.subwinsire .col4,
.subwinsire .col6 {
width:26%;
}


.btn-area > input[type=button] {
	margin:0.2em;
}

#kensakubt {
	background-color: #2385d9;
	color: white;
	border: none;
	border-radius: 3px;
	filter: drop-shadow(2px 2px 2px #999);
	margin:0 2em;
}

#kensakubt:hover {
	opacity:0.8;
}

.subwinsire input[type="text"]{
text-align:left;
}

/* フォーム（input button） */
input[type="button"],
input[type="submit"] {
/*
font-family:"メイリオ", sans-serif;
line-height:16px;
padding:2px 30px;
*/
	padding:0.3em 0.8em;
	font-size:1.2em;

}

/* jquery class操作 */
.delline td {
	background-color:#efefef;
}

.delline td select {
	pointer-events:none;
	background-color:#efefef;
	border:1px solid #aaa;
	color:#aaa;
}
.delline td select,
.delline td input:read-only,
.delline td button,
.delline td textarea {
	pointer-events:none;
	background-color:#efefef;
	border:1px solid #aaa;
	color:#aaa;
}

/*=================================
datatables 制御用
==================================*/
table.dataTable {
	border-collapse:collapse !important;
	width:100% !important;
	box-sizing:border-box !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
/*	content:"" !important; */
}


table.dataTable th,
table.dataTable td {
	border:1px solid #000 !important;
}

table.dataTable th {
	background-image:none !important;
	text-align:center;
	font-size:12px;
/*	white-space:nowrap; */
}

table.dataTable thead {
	background-color:#eff5fb;

}

/* dataTable */
.table thead {
	background-color:#eff5fb;
}

div.dt-buttons {
	text-align:left;
}

div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
	text-align:left;
}
/*=================================
業務メニュー
==================================*/

/* 業務連絡 */
.info {
	width:70%;
	background-color:#FFEFDF;
	margin:20px auto;
	padding:10px;
}

.info_tit {
	font-weight:bold;
	text-align:center;
	color:#F33;
}

.info ul {
	margin:0px;
	padding:0px;
	width:90%;
	margin:auto;
}

.info li {
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px dashed #F60;
/*	list-style:inside circle; */
	list-style-type:none;
}




/* メニュー一覧 */
.menu {
	width:80%;
	margin:20px auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}



.menu a {
	display:block;
	width:45%;
	margin:1% 2% 1% 3%;
	background-color:#ddd;
	color:#039;
	padding:8px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	min-height:35px;
}

.menu a:hover {
	background-color:#69C;
	color:#FFF;
}

.menu a:active {
	background-color:#ddd;
	color:#039;
}

.data_tit th{
	background-color:#D0F3FF;
	border:1px solid #666;
	border-collapse:collapse;
}



/* 商品管理レポート（PDF） */
.pdfprint {
font-size:10px;
word-break:break-all;
}

/* エラーメッセージ */
.error .msg {
width:400px;
height:200px;
text-align:center;
background-color:#fff4ee;
position:absolute;
top:10%;
left:50%;
margin:0 0 0 -200px;
padding-top:50px;
}

.error p {
margin:30px;
display:block;
font-weight:bold;
}


/*=================================
PDF印字共通部分
==================================*/
.pdfdata {
	border:1px solid #000;
	border-collapse:collapse;
	width:100%;
}

.pdfdata th,
.pdfdata td {
	border:1px solid #000;
	border-collapse:collapse;
}


/*==================================
 remodal css上書き（style.cssの読み込みを最後にする）
==================================== */
.remodal-overlay {
/* 全体背景 */
/* background: rgba(255, 0, 0, 0.5); */
}

.remodal {
/* ボックス表示 */
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;

  transform: translate3d(0, 0, 0);

  color: #fff;
  background: #ff3333;

 font-size: 24px;
}

.remodal .message {
/* ボックス内テキストの表示 */
margin:20px auto;
}

.remodal-confirm {
/* はいボタン */
  color: #f00;
  background: #fff;
  font-weight:bold;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  color:#fff;
  background: #f99;
}

/*==================================
 datepicker css上書き
==================================== */

.ui-datepicker-title select {
	color:#000;
}

/*==================================
 データ検索用
==================================== */
input.hasDatepicker{
	width:120px;
}

input[name="ornofrom"],
input[name="ornoto"]{
	width:100px;
}

/*
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

input[type="number"] { 
  -moz-appearance:textfield; 
}
*/


/*==================================
 テーブル内form
==================================== */
input#sokosu {
	width:100px;
}

input#skasin {
	text-align:right;
}

#dlbt {
	padding:0 5px;
}

/*==================================
 請求データ確定登録
==================================== */
.seikyu-total table,
.seikyu-add table,
.shiharai-total table {
	border-collapse:collapse;
	margin:10px 0;
}

.seikyu-total th,
.seikyu-add th,
.shiharai-total th {
	background-color:#eaf1fb;
/*	color:#2d6cb9; */
	color:#333;
	text-align:center;
	border:1px solid #999;
	border-collapse:collapse;
	padding:5px;
}

.seikyu-total td,
.seikyu-add td,
.shiharai-total td {
	border-collapse:collapse;
	border:1px solid #999;
	padding:5px;

}

.seikyu-total td:nth-of-type(2),
.seikyu-total td:nth-of-type(4),
.seikyu-total td:nth-of-type(5),
.seikyu-total td:nth-of-type(7){
	text-align:right;
}

.shiharai-total td {
	text-align:right;
	min-width:80px;
}