@charset "utf-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*
 * Quirks Mode → Standards Mode 差分吸収
 * v2はDOCTYPEなし(Quirks Mode)、v3はDOCTYPE有り(Standards Mode)
 */
*, *::before, *::after {
	box-sizing: border-box;  /* Quirks Modeではwidth/heightにpadding/border含む */
}

* {
	font-size: 13px;
	font-family: Tahoma, "メイリオ", Meiryo, sans-serif;
}
input[type="submit"],
input[type="button"],
button {
	font-size: 12px;
}

img {
	vertical-align: middle;  /* Standards Modeでのinline画像下余白を除去 */
}

body {
	margin:0;
	padding: 0;
	text-align: center;
	line-height: 2.5em;
}

h1 { font-weight: normal; font-size: 130%; letter-spacing: 2px; margin: 0; }

#logo {
	margin-top: 5px;
	margin-bottom: 0.5em;
	margin-left: 3px;
	height: 43px;
	width: auto;
}
h2 { font-weight: 700; font-size: 100%; background-color: #0060bf; color: #fff; padding: 0.2em 0.2em 0.3em 0.8em; margin-bottom: 0.2em; text-align: left; }
h3 { font-weight: normal; font-size: 110%; padding-left: 0.3em; }

h2 a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
	font-size: 100%;
}
h2 a:hover {
	color: #cce0ff;
}

table {
	/* width: 100%; */
}
table th, table td{
	white-space: nowrap;
	line-height: 1.5em;
}
table tr.altrow {
	background-color: #fff1d2;
}
table th {
	text-align: center;
	font-weight: normal;
	background-color: #ffd980;
}
label {
	width: 100px;
	text-align: right;
	margin-right: 1em;
}
table td.wrap
{
	white-space: normal;
}

p {
	margin: 0.5em 0;
}

a {
	color: #0060bf;
	text-decoration: none;
}
a:hover {
	color: #0060bf;
	text-decoration: underline;
}

ul {
	margin-bottom: 0.75em;
	text-align: left;
	line-height: 1.6;
	padding-left: 1.5em;
}
ul li {
	list-style: disc;
}

a.a2 {
	color: #333;
}

div.paging div {
	display: inline;
}
div.paging div.disabled {
	color: #999;
}
div.information {
	padding: 0.7em 1em 1em 1em;
	margin: 0.5em 0 1.5em 0;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
div.information ul li {
	margin-left: 2em;
	list-style-type: circle;
}
div.information ul li a {
	color: #0060bf;
	text-decoration: none;
}
div.information ul li a:hover {
	color: #0060bf;
	text-decoration: underline;
}

.pn {
	color:#666;
	font-size:10px;
	letter-spacing: 1px;
}

.w5   { width:   5px !important; }
.w10  { width:  10px !important; }
.w15  { width:  15px !important; }
.w20  { width:  20px !important; }
.w25  { width:  25px !important; }
.w30  { width:  30px !important; }
.w35  { width:  35px !important; }
.w40  { width:  40px !important; }
.w45  { width:  45px !important; }
.w50  { width:  50px !important; }
.w55  { width:  55px !important; }
.w60  { width:  60px !important; }
.w65  { width:  65px !important; }
.w70  { width:  70px !important; }
.w75  { width:  75px !important; }
.w80  { width:  80px !important; }
.w85  { width:  85px !important; }
.w90  { width:  90px !important; }
.w95  { width:  95px !important; }
.w100 { width: 100px !important; }
.w105 { width: 105px !important; }
.w110 { width: 110px !important; }
.w115 { width: 115px !important; }
.w120 { width: 120px !important; }
.w125 { width: 125px !important; }
.w130 { width: 130px !important; }
.w135 { width: 135px !important; }
.w140 { width: 140px !important; }
.w145 { width: 145px !important; }
.w150 { width: 150px !important; }
.w155 { width: 155px !important; }
.w160 { width: 160px !important; }
.w165 { width: 165px !important; }
.w170 { width: 170px !important; }
.w175 { width: 175px !important; }
.w180 { width: 180px !important; }
.w185 { width: 185px !important; }
.w190 { width: 190px !important; }
.w195 { width: 195px !important; }
.w200 { width: 200px !important; }
.w205 { width: 205px !important; }
.w210 { width: 210px !important; }
.w215 { width: 215px !important; }
.w220 { width: 220px !important; }
.w225 { width: 225px !important; }
.w230 { width: 230px !important; }
.w235 { width: 235px !important; }
.w240 { width: 240px !important; }
.w245 { width: 245px !important; }
.w250 { width: 250px !important; }
.w255 { width: 255px !important; }
.w260 { width: 260px !important; }
.w265 { width: 265px !important; }
.w270 { width: 270px !important; }
.w275 { width: 275px !important; }
.w280 { width: 280px !important; }
.w285 { width: 285px !important; }
.w290 { width: 290px !important; }
.w295 { width: 295px !important; }
.w300 { width: 300px !important; }

.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }

.w350 { width: 350px !important; }
.w360 { width: 360px !important; }
.w370 { width: 370px !important; }
.w380 { width: 380px !important; }
.w390 { width: 390px !important; }

.w400 { width: 400px !important; }
.w420 { width: 420px !important; }
.w440 { width: 440px !important; }
.w450 { width: 450px !important; }
.w460 { width: 460px !important; }
.w470 { width: 470px !important; }
.w480 { width: 480px !important; }
.w490 { width: 490px !important; }
.w500 { width: 500px !important; }
.w520 { width: 520px !important; }
.w540 { width: 540px !important; }
.w550 { width: 550px !important; }
.w560 { width: 560px !important; }
.w580 { width: 580px !important; }
.w600 { width: 600px !important; }
.w620 { width: 620px !important; }
.w640 { width: 640px !important; }
.w650 { width: 650px !important; }
.w660 { width: 660px !important; }
.w680 { width: 680px !important; }
.w700 { width: 700px !important; }
.w720 { width: 720px !important; }
.w740 { width: 740px !important; }
.w750 { width: 750px !important; }
.w760 { width: 760px !important; }
.w780 { width: 780px !important; }
.w800 { width: 800px !important; }

.h5   { height:   5px !important; }
.h10  { height:  10px !important; }
.h15  { height:  15px !important; }
.h20  { height:  20px !important; }
.h25  { height:  25px !important; }
.h30  { height:  30px !important; }
.h35  { height:  35px !important; }
.h40  { height:  40px !important; }
.h45  { height:  45px !important; }
.h50  { height:  50px !important; }
.h55  { height:  55px !important; }
.h60  { height:  60px !important; }
.h65  { height:  65px !important; }
.h70  { height:  70px !important; }
.h75  { height:  75px !important; }
.h80  { height:  80px !important; }
.h85  { height:  85px !important; }
.h90  { height:  90px !important; }
.h95  { height:  95px !important; }
.h100 { height: 100px !important; }
.h105 { height: 105px !important; }
.h110 { height: 110px !important; }
.h115 { height: 115px !important; }
.h120 { height: 120px !important; }
.h125 { height: 125px !important; }
.h130 { height: 130px !important; }
.h135 { height: 135px !important; }
.h140 { height: 140px !important; }
.h145 { height: 145px !important; }
.h150 { height: 150px !important; }
.h155 { height: 155px !important; }
.h160 { height: 160px !important; }
.h165 { height: 165px !important; }
.h170 { height: 170px !important; }
.h175 { height: 175px !important; }
.h180 { height: 180px !important; }
.h185 { height: 185px !important; }
.h190 { height: 190px !important; }
.h195 { height: 195px !important; }
.h200 { height: 200px !important; }
.h205 { height: 205px !important; }
.h210 { height: 210px !important; }
.h215 { height: 215px !important; }
.h220 { height: 220px !important; }
.h225 { height: 225px !important; }
.h230 { height: 230px !important; }
.h235 { height: 235px !important; }
.h240 { height: 240px !important; }
.h245 { height: 245px !important; }
.h250 { height: 250px !important; }
.h255 { height: 255px !important; }
.h260 { height: 260px !important; }
.h265 { height: 265px !important; }
.h270 { height: 270px !important; }
.h275 { height: 275px !important; }
.h280 { height: 280px !important; }
.h285 { height: 285px !important; }
.h290 { height: 290px !important; }
.h295 { height: 295px !important; }
.h300 { height: 300px !important; }

.h350 { height: 350px !important; }
.h400 { height: 400px !important; }
.h450 { height: 450px !important; }
.h500 { height: 500px !important; }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }
.m { vertical-align: middle; }
.b { font-weight: bold;}

.n {
	font-family: Tahoma;
	letter-spacing: 1px;
}

.input-text { font-size: 1.2em; height: 2.2em; }


/* STAT */
.stat1 { color: #000; }
.stat2 { color: #000; }
.stat3 { color: #333; }
.stat0 { color: #999; }
span.stat0 { text-decoration: line-through; width: 50px; }

input.stat1, button.stat1 { background-color: #ffffcc; border: 1px solid #ccc; width: 90px; height: 24px; cursor:pointer; font-size:10px;}
input.stat2, button.stat2 { background-color: #ffccff; border: 1px solid #ccc; width: 90px; height: 24px; cursor:pointer; font-size:10px;}
input.stat3, button.stat3 { background-color: #83a2c2; border: 1px solid #ccc; width: 90px; height: 24px; cursor:pointer; font-size:10px; color:#fff;}
input.stat0, button.stat0 { background-color: #eeeeee; border: 1px solid #ccc; width: 90px; height: 24px; cursor:pointer; font-size:10px;}


/* LIST TABLE */

table.none ,
table.none th,
table.none td {
	border:0px solid #fff;
}

table.t1 {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #b9b9b9;
}
table.t1 td,
table.t1 th {
	padding: 0.4em 0.4em;
	border-collapse: collapse;
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
}
table.t1 th {
	letter-spacing: 1px;
	height: 2em;
	/* border-bottom: 1px solid #b9b9b9; */
}
table.t1 .altrow { background-color: #fffaec; }

table.t1 th a,
table.t1 td a {
	color: #333;
}
table.t1 tr.freeze
{
	color: #b9b9b9;
	background-color: #eee;
}
table.t1 tr.hidden-log
{
	background-color: #f0e0e0;
	opacity: 0.7;
}

table.t2 {
	border: 1px solid #89a6c9;
}
table.t2 th,
table.t2 td {
	border:1px solid #a3b9d3;
}
table.t2 th {
	background-color: #c7d5e4;
}
table.t2 .altrow {
	background-color: #f2f5f9;
}

table.f1 {
	border: 1px solid #d8c8af;
	border-collapse: collapse;
	table-layout: fixed;
}
table.f1 th {
	text-align: left;
	padding: 6px 10px;
	border: 1px solid #d8c8af;
	white-space: nowrap;
}
table.f1 td {
	background-color: #fffaec;
	padding: 6px 10px;
	border: 1px solid #d8c8af;
	text-align: left;
}
table.f1 div.f1msg {
	color: #333;
	font-size: 90%;
	margin: 2px 0;
}

table.f1 table.container {
	border: 0;
}
table.f1 table.container td {
	width: 80px;
	border: 0;
}

table.freeze {
	border-collapse: collapse;
	border:1px solid #ccc;
}
table.freeze th {
	color: #fff;
	background-color: #b9b9b9;
	border:1px solid #ccc;
}
table.freeze td {
	color: #000;
	background-color: #eee;
	border:1px solid #ccc;
}

table.enter {
	border-collapse: collapse;
	border:1px solid #b9b9b9;
}
table.enter th {
	color: #fff;
	background-color: #8ec7ff;
	border:1px solid #b9b9b9;
}
table.enter td {
	color: #000;
	background-color: #fff;
	border:1px solid #b9b9b9;
}
::placeholder {
	color: #ccc;
}


input {
	font-size: 1.1em;
	letter-spacing: 1px;
	vertical-align: middle;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
select {
	padding: 3px 4px;
	height: 25px;
	box-sizing: border-box;
	border: 1px solid #aaa;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.15);
}
textarea {
	padding: 3px 4px;
	border: 1px solid #aaa;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.15);
}

optgroup {
	font-weight: bold !important;
	color: #000 !important;
	font-style: normal !important;
}

input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 0.8em;
	padding-right: 0.8em;
	border: 1px solid #999;
	background: #f5f5f5;
	border-radius: 3px;
}

input.submit_btn {
	width: 120px;
	height: 35px;
	margin-top: 0.75em;
}


/* TABLE-TAB */
table.tab {
	width: 100%;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border: 0;
}
table.tab td {
	text-align: center;
	width: 112px;
	padding: 0.8em 0.5em 0.5em;
	border-collapse: collapse;
}
table.tab td.on {
	border: 1px solid #b9b9b9;
	background-image: url("/img/tab1.gif");
	border-bottom: 0;
}
table.tab td.off{
	border: 0;
	border-bottom: 1px solid #b9b9b9;
}
table.tab td.on a {
	font-size: 100%;
	color: #000;
	text-decoration: none;
}
table.tab td.off a {
	color: #999;
	text-decoration: none;
}
table.tab td.off a:hover {
	color: #0060bf;
	text-decoration: underline;
}
table.tab td.none {
	border: 0;
	border-bottom: 1px solid #b9b9b9;
}

table.sub {
	margin-bottom: 2em;
}
table.sub td {
	height: 30px;
	padding: 0.5em;
}
table.sub td.on {
	border-top: 1px solid #b9b9b9;
}

fieldset.statbox {
	border:1px solid #b9b9b9;
	padding:0.4em 0.8em 0.8em 1.2em;
	margin:0.5em 0 1em;
	margin-left:0;
	width:505px;
	font-size:10px;
	text-align:left;
}

/*  Login Table (Form)  */
div#login {
    height:500px;
    width:500px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-250px;
    background-color:#fff;
}

div#login table#form {
	border-collapse: collapse;
	margin-top: 2em;
	border: 1px solid #b9b9b9;
}
div#login table#form td{
	border:1px solid #b9b9b9;
	padding:5px;
}

/* IMAGE FRAME */
div.frame1,
div.frame2 {
	border: 1px solid #ccc;
	border-right : 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
}
div.frame1 {
	width: 58px;
	text-align: center;
	background-color: #fff;
}
div.frame1 img {
	border: 4px solid #fff;
}
div.frame2 {
	width: 216px;
	background-color: #fff;
	text-align: center;
}
div.frame2 img {
	border: 8px solid #fff;
}

div.msg {
	padding-left: 0em;
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-align: left;
}
table.f1 + div.msg input[type="submit"],
table.f1 + div.msg input[type="button"] {
	width: 214px !important;
}

#login_icon {
	font-size: 10px;
	letter-spacing: 1px;
	font-family: Tahoma;
	color: #fff;
	background-color: red;
	padding: 2px;
	display: inline;
	margin-left: 2px;
}
img.icon {
	margin-bottom: 1px;
	margin-right: 3px;
	text-align: absmiddle;
}
div#usertitle {
	padding: 0.6em;
	font-size: 100%;
	margin-bottom: 1em;
	border: 1px solid #b9b9b9;
}
div#usertitle div{
	font-size: 110%;
}



/****/
#WarehouseActionDateYear  {width: 65px;}
#WarehouseActionDateMonth {width: 65px;}
#WarehouseActionDateDay   {width: 65px;}

#ProductRegdateYear  {width: 65px;}
#ProductRegdateMonth {width: 65px;}
#ProductRegdateDay   {width: 65px;}

div.actions ul { margin: 0; padding: 0; }
div.actions ul li { display: inline; margin-right: 0.5em; border: 1px solid #b9b9b9; padding: 4px;  background-color: #b9b9b9; }
div.actions ul li a { text-decoration: none; color: #fff; }
div.actions ul li a:hover { color: #333;}



/*PAGING*/
div.paging {
	margin: 0.75em 0;
	text-align: right;
}
div.paging a.prev-enabled ,
div.paging a.next-enabled {
}
div.paging div.prev-disabled ,
div.paging div.next-disabled {
	color: #999;
	padding: 3px;
	background-color: #eee;
	display: inline;
}
div.paging div.counter {
	margin: 0 1em;
	display: inline;
}
div.paging div.counter span.current {
	color: #333;
	background-color: #eee;
	padding: 2px 4px;
}
div.paging div.counter a{
	text-decoration: none;
}
div.paging div.counter span.separator {
	margin: 0 2px;
	color: #ccc;
}



/* stat_btn */
.stat_btn,
.stat_btn_active {
	font-size: 10px;
	color: #999;
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
}
.stat_btn_active {
	color: #333;
	background-color: yellow;
	border: 2px solid orange;
}
.stat_btn_active_cancel {
	color: #eee;
	background-color: #666;
	border: 2px solid #000;
}



/* IME-MODE */
.ime-on  { ime-mode: active;   }
.ime-off { ime-mode: disabled; }

/* QUANTITY */
.quantity1,
.quantity2 {
	letter-spacing: 1px;
	text-align: right;
	margin: 0 0.5em;
	font-weight: bold;
}
.minus {
	color: red;
}

div.message {
	color: #333;
	padding:0.5em 0.75em;
	background-color: #d0e8ff;
	margin-bottom: 1em;
}

div.error-message {
	color: red;
	font-weight: bold;
	margin-left: 0em;
}

select .even {
	background-color: #d7ebff;
}

/* MAIN LAYOUT */
div#main {
	min-width: 1100px;
	max-width: 1100px;
	margin: 0 auto;
	padding: 1em 0;
}

/* v3 additions */
.flash-success {
	color: #333;
	padding: 0.5em 0.75em;
	background-color: #d0e8ff;
	margin-bottom: 1em;
}
.flash-error {
	color: red;
	font-weight: bold;
	padding: 0.5em 0.75em;
	background-color: #ffe0e0;
	margin-bottom: 1em;
}

/* Required field indicator */
table.f1 th.req::before {
	content: "\FF0A";
	color: #cc0000;
	font-weight: bold;
	margin-right: 0.2em;
}
table.f1 th:not(.req) {
	padding-left: 1.5em;
}

/* List thumbnail */
img.thumb {
	border: 1px solid #bbb;
}

/* Log status badges */
.status-accepted { color: #0060bf; font-weight: bold; }
.status-processing { color: #d68000; font-weight: bold; }
.status-completed { color: #008000; }
.status-cancelled { color: #999; text-decoration: line-through; }

/* Fixed action footer */
.fixed-footer {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: #404040;
	color: #fff;
	padding: 10px 20px;
	box-shadow: 0 -3px 10px rgba(0,0,0,0.25);
}
.fixed-footer-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	max-width: 900px;
	margin: 0 auto;
}
.fixed-footer-summary {
	font-size: 12px;
}
.fixed-footer-summary strong {
	font-size: 13px;
}
.fixed-footer-summary .hl-count {
	color: #88ff88;
}
.fixed-footer-summary .hl-amount {
	color: #ffff88;
	font-size: 14px;
}
.fixed-footer .btn-action {
	font-weight: bold;
	font-size: 13px;
	background: #e8a020;
	color: #fff;
	border: none;
	padding: 7px 24px;
	cursor: pointer;
	letter-spacing: 1px;
}
.fixed-footer .btn-action:hover {
	background: #d08a10;
}
.fixed-footer-spacer {
	display: none;
	height: 60px;
}
/* テキスト省略 */
td.ellip {
	max-width: 1px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}