@charset "UTF-8";

html {
	background-color: #E1E1E2;
	color: #333333;
}

body {
	margin: 0px;
}

a {
	color: #22229C;
	text-decoration: underline;
	font-size: 1em;
}

a:hover {
	text-decoration: underline;
}

hr {
	clear: both;
	height: 1px;
}

input {
	_padding: 2px 2px;
}

select {
	_padding: 2px 2px;
}

/*
 * コンテナ
 */
#container {
	width: 95%;
	min-width: 950px;
	margin: 0 auto;
	position: relative;
}

/*
 * ヘッダー
 */
#header {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	position: relative;
}

#header h1 {
	display: none;
}

#header #stock-take-control {
	position: absolute;
	text-align: center;
	left: 460px;
	bottom: 5px;
	border: #A00 solid 2px;
	background-color: #FAA;
	padding: 4px 8px;
}

#header #stock-take-control span.bold {
	font-size: medium;
	font-weight: bold;
	color: #F00;
}

#header #stock-take-control span.clue {
	font-size: x-small;
	color: #F00;
}

#header #user-info {
	position: absolute;
	text-align: right;
	right: 10px;
	top: 15px;
}

#header #control {
	position: absolute;
	text-align: right;
	right: 5px;
	bottom: 5px;
}

/*
 * ナビゲーション
 */
#nav {
	width: 100%;
	border: 1px solid #383838;
	background: #0066cc;
}

#nav ul {
	margin: 0;
	display: block;
	list-style-type: none;
}

#nav li {
	margin: 0;
	display: inline;
	border-top: 1px solid #D1D1E1;
	border-left: 1px solid #D1D1E1;
	float: left;
	position: relative;
}

#nav a {
	background: #0066cc;
	color: #ffffff;
	font-size: 93%;
	font-weight: bold;
	text-decoration: none;
	line-height: 17px;
	display: block;
	padding: 5px 10px;
}

#nav ul.top {
	padding-bottom: 30px;
}

#nav li:hover a,#nav li.hover a {
	background: #D1D1E1;
	color: #0066cc;
}

#nav li ul.sub {
	background: #383838;
	color: #ffffff;
	margin-top: 3px;
	width: 250px;
	position: absolute;
	top: -999em;
	left: -1px;
}

#nav li:hover ul.sub,#nav li.hover ul.sub {
	top: 23px;
}

#nav li ul.sub li {
	border: 0;
	float: none;
	white-space: nowrap;
}

#nav li:hover ul.sub a,#nav li.hover ul.sub a {
	background: #0066cc;
	color: #ffffff;
}

#nav li:hover ul.sub a:hover,#nav li.hover ul.sub a:hover {
	background: #D1D1E1;
	color: #000000;
}

/*
 * コンテンツ
 */
#contents {
	background-color: #FFFFFF;
	border-left: 1px solid #383838;
	border-right: 1px solid #383838;
	width: 100%;
}

/*
 * メイン
 */
#main {
	margin: 0 5px;
}

#main h2 {
	font-size: 123.1%;
	padding-left: 10px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 5px;
	font-weight: bold;
	border-left: 7px solid #0066cc;
	border-bottom: 1px solid #D1D1E1;
	padding-top: 2px;
	padding-bottom: 2px;
}

#main h3 {
	font-size: 108%;
	border-left: 5px solid #0066cc;
	padding-left: 7px;
	color: #000000;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 13px;
}

/*
 * パンくずリスト
 */
.breadcrumbs {
/*	padding: 5px;*/
	padding: 1px;
	border-bottom-width: 1px;
/*	border-bottom-style: solid;*/
	border-bottom-style: none;
	border-bottom-color: #D1D1E1;
}

#main table {
	border: 1px solid #B0B0B0;
	border-collapse: collapse;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#main table th {
	border: 1px solid #B0B0B0;
	background-color: #D8D8D8;
	padding: 0.2em 0.5em;
	color: #000000;
}

#main table td {
	border: 1px solid #B0B0B0;
	word-wrap:break-word;
}

#main table.form {
	width: 95%;
	min-width: 900px;
}

#main table.form th {
	text-align: left;
	width: 150px;
}

#main table.form th.checkbox {
	text-align: center;
	width: 15px;
}

#main table.form td {
	padding: 0.2em 0.5em;
}

#main table.form td.number {
	text-align: right;
}

#main table.grid {
	width: 95%;
	min-width: 900px;
}

#main table.break-all {
	word-break: break-all;
}

#main table.grid th {
	padding: 4px;
	color: #000000;
	background-color: #0066CC;
	color: #ffffff;
}

#main table.grid td {
	padding: 4px;
}

#main div.scroll-x {
	margin: 0 auto;
	overflow-x: auto;
	overflow-y: hidden;
	width: 95%;
	min-width: 900px;
}

#main div.scroll-x table.grid {
	white-space: nowrap;
	margin: 0 auto;
	/margin: 0 auto 18px auto;
	width: 100%;
}

#main div.scroll-y {
	margin: 0 auto;
	/*overflow-x: auto;*/
	overflow-y: scroll;
	width: 95%;
	min-width: 900px;
	height:150px;
	border:1px solid #D1D1E1;
}

#main div.scroll-y table.grid {
	white-space: nowrap;
	margin: 0 auto;
	width: 100%;
	_width: 883px;
	_margin: 0 auto 0 0;
}

#main div.scroll-no {
	margin: 0 auto;
	overflow: visible;
	width: 95%;
	min-width: 900px;
}

#main div.scroll-no table.grid {
	white-space: nowrap;
	margin: 0 auto;
	/margin: 0 auto 18px auto;
	width: 100%;
}

#main div.condition {
	padding: 5px;
}

#main div.grid {
	padding: 5px;
}

#main div.detail {
	padding: 5px;
}

#main div.button {
	padding: 5px;
	text-align: center;
}

#main div.pager {
	padding: 5px;
	text-align: center;
}

#utility {
	margin: 0 5px;
	text-align: right;
	vertical-align: bottom;
	height: 25px
}

/* */
#main input[type="text"]:focus {
	padding:1px;
	border:1px solid #FF6600;
	background-color:#FFFFCC;
}

#main input[type="password"]:focus {
	padding:1px;
	border:1px solid #FF6600;
	background-color:#FFFFCC;
}

#main input[type="checkbox"]:focus {
	padding:0px;
	border:1px solid #FF6600;
	background-color:#FFFFCC;
}

#main input[readonly] {
	border: 1px solid #999999;
	background-color:#ebebe4;
	padding:1px;
	_padding: 1px;
}
#main input[readonly]:focus {
	border: 1px solid #999999;
	background-color:#ebebe4;
	padding:1px;
	_padding: 1px;
}

#main input[type="text"].number {
	text-align: right;
	padding-right: 2px;
}

#main input[type="text"].number:focus {
	padding-right: 3px;
}

#box3 input[type="text"] {
	padding:2px;
/*	padding: 0.2em 0.5em; */
}

#box3 input[type="text"]:focus {
	padding:2px;
	border:1px solid #FF6600;
	background-color:#FFFFCC;
}

#box3 input[type="password"] {
	padding:2px;
/*	padding: 0.2em 0.5em; */
}

#box3 input[type="password"]:focus {
	padding:2px;
	border:1px solid #FF6600;
	background-color:#FFFFCC;
}

#main input[type="radio"]:focus {
	padding:0px;
	border:1px solid #FF6600;
	background-color:#FFFFCC;
}

#main select:focus {
	border:1px solid #FF6600;
	background-color:#FFFFCC;
}

/*
 * フッター
 */
#footer {
	width: 100%;
	height: 16px;
/*	border: 1px solid #0B198C;*/
/*	background-color: #738FBF;*/
	border: 1px solid #383838;
	background-color: #0066cc;
}

#footer address {
	font-family: Verdana, sans-serif;
	font-size: 10px;
/*	font-weight: bold; */
	color: #ffffff;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}

#footer address a {
	color: #ffffff;
}

/*
 * 子画面ボタン
 */
.calendar {
	width: 16px;
	height: 16px;
	border: 0;
	background: url("../images/calendar-select.png") no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}

.modal {
	width: 16px;
	height: 16px;
	border: 0;
	background: url("../images/application-blue.png") no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}

/*
 * その他
 */
table.form th {
	white-space: nowrap;
	word-break: keep-all;
}

table.form td {
	white-space: nowrap;
	word-break: keep-all;
}

table.grid th {
/*	white-space: nowrap;
	word-break: keep-all;*/
}

table.grid td {
/*	white-space: nowrap;
	word-break: keep-all;*/
}

table.grid td.number {
	text-align: right;
}

table.grid td.date {
	text-align: center;
}

table.grid td.time {
	text-align: center;
}

table.grid td.status {
	text-align: center;
}

table.grid td.event {
	text-align: center;
}

table.grid td.selector {
	text-align: center;
}

table.grid td.personname {
	text-align: center;
}

table.grid td.glscode {
	text-align: center;
}

table.grid td.centerdata {
	text-align: center;
}

table.grid td.newrow {
	text-align: right;
}

span.req {
	color: #D71D3B;
	white-space: nowrap;
}

span.clue {
	color: #A1A3A6;
	white-space: nowrap;
}

span.explain {
	color: #808080;
	white-space: nowrap;
	font-size: 10px;
}

span.stockbef {
	color: #ED002F;
	white-space: nowrap;
}

span.stockaft {
	color: #019390;
	white-space: nowrap;
}

span.small-font {
	font-size: 10px;
}

span.change_attention {
	color: #F83E5B;
	white-space: nowrap;
}

tr.odd {
	background-color: #D8D8D8;
}
table.grid td.odd {
	background-color: #D8D8D8;
}
tr.even {
	background-color: #FFFFFF;
}

tr.red {
	color: #D71D3B;
}

tr.grayout {
	background-color: gray;
}

td.red {
	color: #D71D3B;
}

td.backred {
	background-color: #D71D3B;
	color: #FFFFFF;
}

td.yellow {
	background-color: yellow;
}

td.grayout {
	background-color: gray;
}

td.operate {
	font-weight: bold;
	background-color: #ffdc52;
	color: #5e4815;
}

input.red {
	color: #D71D3B;
}

span.red {
	color: #D71D3B;
}

input.event {
	border: 1px solid #cecece;
	padding: 2px 25px;
	background-color: #f5f5f5;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}

/* for IE7 */
*:first-child+html input.event {
	overflow: visible;
}

input.event:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

input.login {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/tick.png") no-repeat 24px center;
}

input.logout {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/turnoff.gif") no-repeat 24px center;
}

input.help {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/help.png") no-repeat 24px center;
}

input.search {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/search.png") no-repeat 24px center;
}

input.clear {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/clear.png") no-repeat 24px center;
}

input.download {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/download.gif") no-repeat 24px center;
}
input.upload {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/upload.png") no-repeat 24px center;
}

input.create {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/add.gif") no-repeat 24px center;
}

input.edit {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/icon-edit.png") no-repeat 24px center;
}

input.insert {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/tick.png") no-repeat 24px center;
}

input.insert-noconfirm {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/tick.png") no-repeat 24px center;
}

input.update {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/tick.png") no-repeat 24px center;
}

input.update-noconfirm {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/tick.png") no-repeat 24px center;
}

input.delete {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/cross.png") no-repeat 24px center;
}

input.delete-noconfirm {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/cross.png") no-repeat 24px center;
}

input.no-available {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/cross.png") no-repeat 24px center;
}

input.back {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/back.gif") no-repeat 24px center;
}

input.close {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/stop.png") no-repeat 24px center;
}

input.edit-accept {
	border: 1px solid #cecece;
	color: #ff0080;
	padding: 2px 25px 2px 45px;
	background: #ffaad5 url("../images/cart.png") no-repeat 24px center;
}

input.edit-plcmt {
	border: 1px solid #cecece;
	color: #008080;
	padding: 2px 25px 2px 45px;
	background: #aaffaa url("../images/cart.png") no-repeat 24px center;
}

input.add-accept {
	border: 1px solid #cecece;
	color: #ff0080;
	/*background-color: #ff80ff;*/
	padding: 2px 25px 2px 41px;
	background: #ffaad5 url("../images/add.gif") no-repeat 24px center;
}

input.add-plcmt {
	border: 1px solid #cecece;
	color: #008080;
	padding: 2px 25px 2px 41px;
	background: #aaffaa url("../images/add.gif") no-repeat 24px center;
}

input.accept-div {
	background: #f5f5f5 url("../images/arrow_refresh.png") no-repeat 24px center;
}

input.check {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/wand.png") no-repeat 24px center;
}

input.ship-assign {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/brick_go.png") no-repeat 24px center;
}

input.arriv-assign {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/brick_add.png") no-repeat 24px center;
}

input.report {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/icon-pdf.png") no-repeat 24px center;
}

input.excel {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/icon-xls.png") no-repeat 24px center;
}

input.divide {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/arrow_down.png") no-repeat 24px center;
}

input.union {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/arrow_up.png") no-repeat 24px center;
}

input.view {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/icon-view.gif") no-repeat 24px center;
}

input.calculate {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/calculator.png") no-repeat 24px center;
}

input.setitem {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/bricks.png") no-repeat 24px center;
}

input.preview {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/preview.png") no-repeat 24px center;
}


input.calculator-big {
	width: 32px;
	height: 32px;
	border: 0;
	background: url("../images/calculator-big.png") no-repeat 0 0;
	cursor: pointer;
}


input.small-button {
	font-size: 10px;
	margin: 0;
	padding: 2px 2px 2px 20px;
	background-position: 2px;
}

input.small-button-noicon {
	font-size: 10px;
	margin: 0;
	padding: 2px 2px 2px 2px;
	background-position: 2px;
}


div.function-list {
	padding-left: 25px;
}

div.info-message {
	padding-left: 15px;
	font-weight: bold;
}

div.error-message {
	padding-left: 15px;
	font-weight: bold;
	color: #D71D3B;
}

div.utility-button {
	text-align: right;
	padding-bottom: 8px;
}

div.right-button {
	text-align: right;
	margin: 0px auto;
	min-width: 900px;
	width: 95%;
}

textarea.label {
	border: 1px solid #ffffff;
	overflow:auto;
}

input.label {
	border: 0px solid #ffffff;
	background-color: transparent;
}

input[disabled].event, input[disabled].event:hover {
	border: 1px solid #cecece;
	color: #808080;
	padding: 2px 25px 2px 41px;
	background-color: #dcdcdc;
	cursor: default;
}

div.text {
	border-width: 0;
	padding: 6px 18px;
}

table.biz-calendar th {
	width: 17px;
	text-align: center;
	_width: 30px;
}

table.biz-calendar td {
	width: 17px;
	text-align: center;
	_width: 30px;
}

td.holiday {
	cursor: pointer;
	color: #D71D3B;
}

td.bizday {
	cursor: pointer;
	color: #000000;
}

a.holiday {
	text-decoration: none;
	cursor: pointer;
	color: #D71D3B;
}

a.holiday:hover {
	text-decoration: none;
	cursor: pointer;
	color: #D71D3B;
}

a.white{
	color: white;
}

td.holiday-hv {
	text-decoration: none;
	cursor: pointer;
	color: #007B3E;
	background-color: #E3FFEE;

}

a.bizday {
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}

a.bizday:hover {
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}

td.bizday-hv {
	text-decoration: none;
	cursor: pointer;
	color: #007B3E;
	background-color: #E3FFEE;
}

a.edit-bizday {
	font-weight: bold;
}
/*
 * アイコン表示用
 */
a.file-PDF {
	padding-left: 20px;
	background: url("../images/icon-pdf.png") no-repeat top left;
}

a.file-DOC {
	padding-left: 20px;
	background: url("../images/icon-doc.png") no-repeat top left;
}

a.file-DOCX {
	padding-left: 20px;
	background: url("../images/icon-doc.png") no-repeat top left;
}

a.file-XLS {
	padding-left: 20px;
	background: url("../images/icon-xls.png") no-repeat top left;
}

a.file-XLSX {
	padding-left: 20px;
	background: url("../images/icon-xls.png") no-repeat top left;
}

a.file-PPT {
	padding-left: 20px;
	background: url("../images/icon-ppt.png") no-repeat top left;
}

a.file-PPTX {
	padding-left: 20px;
	background: url("../images/icon-ppt.png") no-repeat top left;
}

a.file-TXT {
	padding-left: 20px;
	background: url("../images/icon-txt.png") no-repeat top left;
}

a.file-CSV {
	padding-left: 20px;
	background: url("../images/icon-csv.png") no-repeat top left;
}
/*
 * 商品画像表示用
 */
img.item-image {
	max-width: 500px;
	max-height: 500px;
}

img.preview{
	width: 48px;
	height: 48px;
}

/*
 * jQuery dialog
 */
div.modal-view-dialog {
	display: none;
}

div.ui-dialog table {
	border: 1px solid #D1D1E1;
	border-collapse: collapse;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

div.ui-dialog table th {
	border: 1px solid #D1D1E1;
	background-color: #E1E4F2;
	padding: 0.2em 0.5em;
	color: #191970;
}

div.ui-dialog table td {
	border: 1px solid #D1D1E1;
}

div.ui-dialog table.form {
	width: 900px;
}

div.ui-dialog table.form th {
	text-align: left;
	width: 150px;
}

div.ui-dialog table.form td {
	padding: 0.2em 0.5em;
}

div.ui-dialog table.grid {
	width: 900px;
}

div.ui-dialog table.grid th {
	padding: 4px;
	color: #ffffff;
	background-color: #5C7099;
	color: #ffffff;
}

div.ui-dialog table.grid td {
	padding: 4px;
}

#knowledge {
	padding: 0 1em;
}

#knowledge h2 {
	font-size: 16px;
	padding: 0;
	color: #333;
	margin: 16px 0;
	border: 0 none #333;
}

#knowledge h3 {
	font-size: 14px;
	border: 0 none #333;
	padding: 0;
	color: #333;
	line-height: 17px;
	margin: 14px 0;
}

#knowledge table {
	margin: 0 0 0 13px;
	padding: 0;
}

div.preview {
	background: url("../images/preview-bg.jpeg") repeat 0 0;
}

#main table.sys-info {
	border: 0px solid #000000;
}
#main table.sys-info tr {
	border: 0px solid #000000;
}

#main table.sys-info th {
	border: 0px solid #000000;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
}

#main table.sys-info td {
	border: 0px solid #000000;
}

table.sys-info td.number {
	text-align: right;
}

tr.detail-title {
	background-color: #F1E1F1;
}

table.detail-title {
	background-color: #F1E1F1;
}

#main table.under-list {
	border: 0px solid #000000;
}
#main table.under-list tr {
	border: 0px solid #000000;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 95%;
	min-width: 900px;
}

#main table.under-list td {
		border: 0px solid #000000;
}

#main table.under-list td.under-list-left {
	align: left;
	vertical-align: top;
}

#main table.under-list td.under-list-center {
	align: center;
	vertical-align: top;
}

#main table.under-list td.under-list-right {
	align: right;
	vertical-align: top;
}

div.under-list-left {
	text-align: left;
	vertical-align: top;
}

div.under-list-right {
	text-align: left;
	vertical-align: top;
}
#main table.coupon {
	width: 95%;
	min-width: 200px;
}

table.coupon td.number {
	text-align: right;
}

div.updater {
	padding: 0.2em 3em;
}

#main table.stock {
	margin-left: 30px;
	width: 50%;
}

#main table.stock th {
	text-align: center;
}

#main table.stock td.number {
	padding: 0.2em 0.5em;
	text-align: right;
}

#main table.stock td.center {
	text-align: center;
}

table.grid td.stoklist-center {
	text-align: center;
}

#main table.kijyunbi {
	margin-left: 30px;
	width: 550px;
}

#main table.kijyunbi th {
	text-align: left;
}

#main table.kijyunbi td {
	padding: 0.2em 0.5em;
}

#main table.rireki {
	width: 530px;
}

#main table.rireki td {
	padding: 0.2em 0.5em;
}