@charset "UTF-8";

html {
/*
	background-color: #FEFFFF;
	background-color: #D6E9B5;

	background-color: #F4F9EC;


*/
	background-color: #F0FFFF;
	color: #333333;
}

body {
	margin: 0px;
}

a {
	color: #22229C;
	text-decoration: none;
	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: 1200px;
	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 #808080;
/*
	background: #E1EDFF;
*/
	background: #B0E0E6;
}

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

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

#nav a {
/*
	background: #E1EDFF;
*/
	background: #B0E0E6;


	color: #000000;
	font-size: 93%;
	font-weight: ;
	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: #9FD6E8;
*/

	background: #B0E0E6;

	color: #000000;
}

#nav li ul.sub {
/*
	background: #E1EDFF;
*/
	background: #B0E0E6;


	color: #ffffff;
	margin-top: 3px;
	width: 270px;
	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: #EBF0F2;
	color: #000001;
}

#nav li:hover ul.sub a:hover,#nav li.hover ul.sub a:hover {
/*
	background: #9FD6E8;
*/
	background: #B0E0E6;

	color: #FFFFFF;
}

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

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

#main h2 {
	font-size: 123.1%;
	padding-left: 10px;
	color: #3F3F3F;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 5px;
	font-weight: bold;

/*
	border-left: 7px solid #9FD6E8;
	border-bottom: 1px solid #9FD6E8;
*/
	border-left: 7px solid #B0E0E6;
	border-bottom: 1px solid #B0E0E6;

	padding-top: 2px;
	padding-bottom: 2px;
}

#main h3 {
	font-size: 108%;
/*
	border-left: 5px solid #9FD6E8;
*/

	border-left: 5px solid #B0E0E6;


	padding-left: 7px;
	color: #808080;
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 13px;
}

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

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

#main table th {
	border: 1px solid #808080;
/*
	background-color: #E1EDFF;
*/
	background-color: #B0E0E6;

	padding: 0.2em 0.5em;
	font-weight: normal;
	color: #000000;
}

#main table td {
	border: 1px solid #808080;
}

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

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

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

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

#main table.grid.download {
	width:75%;
	min-width: 700px;
	margin-left:200px;
}

#main table.fixed{
	position:fixed;
}

#main table.subMenu td{
	padding:0px 0px 10px 0px;
	border:none;
	border-bottom:1px dashed #808080;
}

div.subMenu:hover{
/*
	background-color:#E1EDFF;
*/
	background-color:#B0E0E6;


}


#main table.grid th {
	padding: 4px;
	color: #ffffff;
/*
	background-color: #E1EDFF;
*/
	background-color: #B0E0E6;

	color: #000000;
}

#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:10px auto 40px;
	/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.condition {
	padding: 0px;
}

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

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

#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 #808080;
/*
	background-color: #E1EDFF;
*/
	background-color: #B0E0E6;


}

#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: #000000;
}

/*
 * 子画面ボタン
 */
.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;
}

#main table.double  tbody{
	border-top:3px double #808080;
}
#main table.double tbody td.double{
	border-top:none;
}

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: #EBF0F2;
}

tr.even {
	background-color: #fffffa;
}

tr.red {
	color: #D71D3B;
}

tr.grayout {
	background-color: gray;
}

td.red {
	color: #D71D3B;
}

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.good {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/icon-ok.png") no-repeat 24px center;
}

input.cancel {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/unhappy.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.confirm-noconfirm {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/icon-accept.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.failure {
	padding: 2px 25px 2px 41px;
	background: #f5f5f5 url("../images/unhappy.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;
}

/* DDReport報告画面(ボタン) */
input.ddreport {
	width: 90%;
	height: 150px;
	background-color: #49a9d4;
	border-radius: 10px;
	box-shadow: 4px 2px 2px #1a6ea0;
	font-size: 100px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 -3px 2px #1a6ea0;
}


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%;
}

/* DDReport報告画面 */
div.ddreport {
	font-size: 60px;
	text-align: center;
}

/* DDReport報告画面(タイトル) */
div.ddreportTitle {
	padding: 10px 0px;
	border-top: 3px solid #3498db;
	border-bottom: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
}


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;
	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;
}


/*
 * 機能固有スタイル定義
 */
.showredcolor {
	color: #FF0000;
}

/*
 * autocomplete コンボボックス用
 */

.custom-combobox {
   	position: relative;
   	display: inline-block;
}
.custom-combobox-toggle {
   	position: absolute;
   	top: 0;
   	bottom: 0;
   	margin-left: -1px;
   	padding: 0;
   	width: 16px;
}
.custom-combobox-input {
   	margin: 0;
   	padding: 0.3em;
}
.ui-menu .ui-menu-item {
   	text-align: left;
}
.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	/* 水平スクロールバーを防ぐ */
	overflow-x: hidden;
}

.cbox {
	display: none;
}

.width65{
	width: 65px;
}

.width50{
	width: 50px;
}