.ui-datepicker {
  z-index: 5 !important;
}
.date-weekday   .ui-state-default {
  background-image: none; background-color: #FFFFFF; color:black;
}
.date-sunday   .ui-state-default {
  /*background-image: none; background-color: #FF9999*/
  background-image: none; background-color: #FFFFFF; color:red;
}
.date-saturday .ui-state-default {
  /*background-image: none; background-color: #66CCFF*/
  background-image: none; background-color: #FFFFFF; color:blue;
}
.date-holiday0 .ui-state-default {
  /*background-image: none; background-color: #FF99FF;*/
  background-image: none; background-color: #FFFFFF; color:red;
}
.date-holiday1 .ui-state-default {
  background-image: none; background-color: #FFFF33;
}
table.ui-datepicker-calendar thead th:first-child {
	color:red;
}
table.ui-datepicker-calendar thead th:last-child {
	color:blue;
}


A.sort {
	PADDING-RIGHT: 12px;BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 100% 50%
}
A.asc.sort {
	BACKGROUND-IMAGE: url('../image/sort_asc.gif')
}
A.desc.sort {
	BACKGROUND-IMAGE: url('../image/sort_desc.gif')
}

/* エラー時のスタイルシート */
.validation-error {
	color: white !important;
	background-color: #FF6666 !important;
}

BODY {
/*
 MIN-WIDTH: 900px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGothic", Verdana, sans-serif; COLOR: #222; FONT-SIZE: 12px; PADDING-TOP: 0px
*/
 PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Meiryo UI", "MS PGothic"; COLOR: #222; FONT-SIZE: 12px; PADDING-TOP: 0px
}
H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 22px; PADDING-TOP: 0px
}
/*
H2 {
	BORDER-BOTTOM: #bbbbbb 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FONT-SIZE: 18px; PADDING-TOP: 2px
}
*/
H2 {
	PADDING-BOTTOM: 1px; MARGIN: 0px 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FONT-SIZE: 18px; PADDING-TOP: 2px
}

H3 {
	BORDER-BOTTOM: #bbbbbb 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; FONT-SIZE: 14px; PADDING-TOP: 2px
}
H4 {
	BORDER-BOTTOM: #bbbbbb 1px dotted; PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; MARGIN-BOTTOM: 5px; FONT-SIZE: 13px; PADDING-TOP: 2px
}
A {
	COLOR: #0c4d7f; TEXT-DECORATION: underline
}
A IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}

.contextual {
	LINE-HEIGHT: 1.4em;
	MARGIN-TOP: 5px;
	PADDING-LEFT: 10px;
	WHITE-SPACE: nowrap;
	FLOAT: right;
	FONT-SIZE: 12px;
	padding-right: 10px;
}
#top-menu {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 2px;
	BACKGROUND: #10207c;
/*	BACKGROUND-COLOR: #336699;*/
/*	BACKGROUND-COLOR: #6699CC;*/
	HEIGHT: 2em;
	COLOR: #fff;
	FONT-SIZE: 1em;
	PADDING-TOP: 2px
}
#top-menu UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#top-menu LI {
	PADDING-BOTTOM: 0px;
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	WHITE-SPACE: nowrap;
	FLOAT: left;
	PADDING-TOP: 0px
}
#top-menu A {
	COLOR: #fff; FONT-WEIGHT: bold; MARGIN-RIGHT: 8px
}
#top-menu #loggedas {
	FLOAT: right; COLOR: #fff; MARGIN-RIGHT: 0.5em
}

#wrapper {
	BACKGROUND: white
}

#content {
	Z-INDEX: 10; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #fff; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 6px
}

#logout {
	FLOAT: right
}
#header {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #FFFFFF;
/*	BACKGROUND-COLOR: #989ED2;*/
	MARGIN: 0px;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 8px;
	HEIGHT: 36px;
	COLOR: #2c4056;
}
#header_title {
/*	POSITION: relative;*/
	PADDING-BOTTOM: 2px;
	BACKGROUND-COLOR: #daedf2;
	MARGIN: 0px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 8px;
	COLOR: #000000;
	PADDING-TOP: 2px;
	FONT-FAMILY: 'Verdana';
	FONT-WEIGHT: bold;
	BORDER-TOP: #ECEEF1 1px solid;
	BORDER-BOTTOM: #ECEEF1 1px solid;
}
#header_version {
	COLOR: #1931c0;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
}
#header_environment {
    COLOR: #ff0000;
    FONT-SIZE: 17px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: 'Georgia';
    margin-left:8px;
}
#header A {
	COLOR: #f8f8f8
}
#footer {
	TEXT-ALIGN: left; PADDING-TOP: 4px; PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; BACKGROUND: #fff; COLOR: #aaa; CLEAR: both; FONT-SIZE: 10px;
}

/* 表幅 */
.table-width {
	width:100%
}
.table-width-child {
	width:900px
}
.table-width-child2 {
	width:370px
}
.table-width-child3 {
  width: 60%;
}
 /* 表ラベル（画面タイトル） */
.table1-title {
	background-color: #507aaa;
	font-size: 12pt;
	color:#ffffff;
	line-height:16pt;
}

 /* 表ラベル（見出し） */
.tlabel {
	background-color:#64c0fa ;
	color:#000000;
}

/* 表データ枠 */
.tdetail {background-color: #f5f5f5; color: #000000; }

/* 表小計枠 */
.tsyokei {background-color: #f5f5f5; color: #000000; }

.text_max {
	WIDTH: 90%
}
.text_long {
	WIDTH: 80%
}
.text_middle {
	WIDTH: 50%
}
.text_date {
	WIDTH: 65px
}
.text_hinkigou {
	WIDTH: 40px
}
.text_hinbangou {
	WIDTH: 50px
}
.text_price {
	WIDTH: 60px
}
.text_nagare {
	WIDTH: 650px
}

/* 入力項目フォント指定 */
input[type='text'] {
	FONT-FAMILY: "Meiryo UI", "MS PGothic"; FONT-SIZE: 12px;
}
select {
	FONT-FAMILY: "Meiryo UI", "MS PGothic"; FONT-SIZE: 12px; height: 21px;
}
select.multiple {
	FONT-FAMILY: "Meiryo UI", "MS PGothic"; FONT-SIZE: 12px; height: 123px;
}

/* テキスト IMEモード指定 */
.ime_on{
    IME-MODE: active
}
.ime_off{
    IME-MODE: disabled
}

.line_height{
	line-height: 18px;
}

/* 注記 */
.comment {color: #D2691E;}

.comment_update {
	color: #003366;
}

TABLE.list TBODY TR:hover {
	BACKGROUND-COLOR: #ffffdd
}
TABLE.list TBODY TR.group:hover {
	BACKGROUND-COLOR: inherit
}
HTML > BODY #subwin_content {
	MIN-HEIGHT: 400px
}

 /* 表ラベル（画面タイトル） */
.table1-title {
	background-color: #507aaa;
	font-size: 12pt;
	color:#ffffff;
	line-height:16pt;
}

.required {
	COLOR: #bb0000
}
.odd {
	BACKGROUND-COLOR: #f6f7f8
}
.even {
	BACKGROUND-COLOR: #fff
}
.sel {
	BACKGROUND-COLOR: #33FFFF
}
.new {
	BACKGROUND-COLOR: #adffff
}
.del {
	BACKGROUND-COLOR: #c5c5c5
}
.close {
	COLOR: #c5c5c5
}
.opentopi {
	LINE-HEIGHT: 1.4em;
	MARGIN-TOP: 1px;
	PADDING-LEFT: 5px;
	WHITE-SPACE: nowrap;
	FLOAT: left;
	FONT-SIZE: 16px;
	font-weight: bolder;
	color: #FF0000;
}


.closetopi {
	LINE-HEIGHT: 1.4em;
	MARGIN-TOP: 1px;
	PADDING-LEFT: 5px;
	WHITE-SPACE: nowrap;
	FLOAT: left;
	FONT-SIZE: 16px;
	font-weight: bolder;
	color: #0000FF;
}

/* メッセージ */
.tmsg {
    font-size: 13px;
    color:#000099;
    font-weight: bolder;
    font-variant: normal;
}
/* エラーメッセージ */
.terr {
    font-size: 13px;
    color: #FF3300;
    font-weight: bolder;
    font-variant: normal;
}
/* 大 */
.big {
    font-size: 1.8em;
}
/* アラートメッセージ */
.talert {
    font-size: 12px;
    color: #FF3300;
    font-weight: bolder;
    font-variant: normal;
}

.autoscroll {
	OVERFLOW-X: auto;
	OVERFLOW-Y: auto;
}
/* 表幅 */
.scroll-table-width {
	width:98%
}

.tthinlabel {
	background-color:#CCFFFF;
	color:#000000;
}
/* アラートテキスト色 */
.alttxt {
	COLOR: red;
    font-weight: bolder;
}
/* SEQテキスト */
.text_seq {
  WIDTH: 50px
}
/* 入力不可テキスト */
input.read {
  background-color: #CCCCCC;
}
/* 入力不可テキスト */
textarea.read {
  background-color: #CCCCCC;
}
/* 入力不可テキスト（細字） */
input.show6up {
  border: 0;
  border-style: none;
  background-color: #f5f5f5;
  padding: 1px 0px 0px;
  FONT-FAMILY: "MS Gothic";
  text-align: right;
  WIDTH: 50px
}
/* 入力不可テキスト */
input.show {
  border: 0;
  border-style: none;
  background-color: #f5f5f5;
  padding: 1px 0px 0px;
  FONT-FAMILY: "MS Gothic";
  font-weight:bolder;
  text-align: right;
  WIDTH: 50px
}
/* 入力不可テキスト(赤字) */
input.showred {
  border: 0;
  border-style: none;
  background-color: #f5f5f5;
  padding: 1px 0px 0px;
  FONT-FAMILY: "MS Gothic";
  font-weight:bolder;
  color: #ff0000;
  text-align: right;
  WIDTH: 50px
}
/* 総数量テキスト(赤字) */
input.showall {
  border: 0;
  border-style: none;
  background-color: #d2d2d2;
  padding: 1px 0px 0px;
  FONT-FAMILY: "MS Gothic";
  font-weight:bolder;
  color: #ff0000;
  text-align: right;
  WIDTH: 50px
}
/* 行数表示用テキスト */
.linecnt {
  FONT-FAMILY: "MS Gothic";
  FONT-SIZE: 12px;
}
/* 金額入力用テキストボックス */
input.price {
  ime-mode:disabled;
  text-align: right;
  background-image: url('/spmmock/image/csvimg.gif');
  background-position: right bottom;
}
/* 数字入力用テキストボックス */
input.num {
  ime-mode:disabled;
  text-align: right;
}
/* 数字入力用テキストボックス */
input.nagarenum {
  ime-mode:disabled;
  text-align: right;
  FONT-FAMILY: "MS Gothic";
  WIDTH: 50px
}
/* 太字入力用テキストボックス */
input.nagarenumb {
  ime-mode:disabled;
  text-align: right;
  FONT-FAMILY: "MS Gothic";
  font-weight: bolder;
  WIDTH: 50px
}
/* 割合入力用テキストボックス */
input.rate {
  ime-mode:disabled;
  text-align: right;
  WIDTH: 25px
}
 /* 製品情報企画共通項目表ラベル（見出し） */
.tkikakulabel {
	background-color:#CCCCFF;
	/*background-color:#CCCCFF;*/
	color:#000000;
}
/* 縦書き */
.vertical {
    writing-mode: tb-rl;
}

.table {
    border-collapse: collapse;
    font-size: 11px;
    FONT-FAMILY: "Meiryo UI";
}

.table th {
    border:1px #999999 solid;
	background-color: #b0c4de
}

.table td {
    border:1px #999999 solid;
    height: 19px;
}

.fixedTable {
    border-collapse: collapse;
    font-size: 11px;
    FONT-FAMILY: "Meiryo UI";
    table-layout:fixed;
}

.fixedTable th {
    border:1px #999999 solid;
	background-color: #b0c4de
}

.fixedTable td {
    border:1px #999999 solid;
    height: 19px;
}
.line {
	border-bottom: 1.5px #999999 solid;
}
.space {
    border-top-style: hidden !important;
    border-bottom-style: hidden !important;
	background-color: #ffffff !important;
}

.gentei {
    color: red;
}
.kensakuKikan {
    color: red;
}
.end {
    color: #a9a9a9;
}

.moto {
    background-color: #d3d3d3;
}

.camp {
    color: red;
}
.camp_kei {
    border-left: #999999 2px solid !important;
}
/* ログイン */
#login-form TABLE {
	BORDER-BOTTOM: #fdbf3b 2px solid;
	BORDER-LEFT: #fdbf3b 2px solid;
	PADDING-BOTTOM: 1em;
	BACKGROUND-COLOR: #FFFFCC;
	MARGIN-TOP: 5em;
	PADDING-LEFT: 1em;
	PADDING-RIGHT: 1em;
	MARGIN-LEFT: auto;
	BORDER-TOP: #fdbf3b 2px solid;
	MARGIN-RIGHT: auto;
	BORDER-RIGHT: #fdbf3b 2px solid;
	PADDING-TOP: 1em;
	width : 50%;
}
#login-form TABLE TD {
	PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; PADDING-TOP: 6px
}
#login-form LABEL {
	FONT-WEIGHT: bold
}

A.logo {
	color: #ffffff;
	FONT-SIZE: 1.9em;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

input[type='button'].mini {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.torikomi {
	color: #fac559;
	FONT-SIZE: 1.9em;
	FONT-WEIGHT: bold;
}
.mihanei {
	color: #e73562;
}
.update {
	background-color:#ffdab9;
}
.hatubaiDateBg {
	background-color:#ffdab9;
}
.underline2 {
    border-bottom: #999999 3px double !important;
}
.underline3 {
    border-top: #999999 3px double !important;
}
.meisho {
	height: 25px;
	text-valign: middle;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
}
 .syuyaku {
	background-color:#b0e0e6;
}

.menuBtn {
    color: #fff;
    width:200px;
    height:40px;
    text-align:center;
    font-size: 1.2em;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-width: 1px;
    border-color: #0053a6 #0053a6 #000;
    background-color: #6891e7;
    background-image: -moz-linear-gradient(top,#4495e7 0, #0053a6 100%);
    background-image: -ms-linear-gradient(top,#4495e7 0, #0053a6 100%);
    background-image: -o-linear-gradient(top,#4495e7 0, #0053a6 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4495e7),color-stop(100%, #0053a6));
    background-image: -webkit-linear-gradient(top,#4495e7 0,#0053a6 100%);
    background-image: linear-gradient(to bottom,#4495e7 0,#0053a6 100%);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .35);
    -ms-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .35);
    -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, .35);
    box-shadow: inset 0 1px 0 rgba(256, 256, 256, .35);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4495e7,EndColorStr=#0053a6);
}
.menuBtn:hover {
    border-color: #002d59 #002d59 #000;
    -moz-box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.55), 1px 1px 3px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.55), 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.55), 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.55), 1px 1px 3px rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#3a8cdf ,EndColorStr=#0053a6);
    background-image: -moz-linear-gradient(top,#3a8cdf 0,#0053a6 100%);
    background-image: -ms-linear-gradient(top,#3a8cdf 0,#0053a6 100%);
    background-image: -o-linear-gradient(top,#3a8cdf 0,#0053a6 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3a8cdf),color-stop(100%,#0053a6));
    background-image: -webkit-linear-gradient(top,#3a8cdf 0,#0053a6 100%);
    background-image: linear-gradient(to bottom,#3a8cdf 0,#0053a6 100%);
}

/* 処理中BOX */
.loading_box{
	width: 40%;
	height: 40%;
	z-index: 9999;
	position: fixed;
	top: 270px;
	left: 370px;
	background-image: url(../image/gif-load.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/* メッセージBOX */
.msg_box{
	BORDER-BOTTOM: #fdbf3b 2px solid;
	BORDER-LEFT: #fdbf3b 2px solid;
	PADDING-BOTTOM: 1em;
	BACKGROUND-COLOR: #FFFFCC;
	MARGIN-TOP: 5em;
	PADDING-LEFT: 1em;
	PADDING-RIGHT: 1em;
	MARGIN-LEFT: auto;
	BORDER-TOP: #fdbf3b 2px solid;
	MARGIN-RIGHT: auto;
	BORDER-RIGHT: #fdbf3b 2px solid;
	PADDING-TOP: 1em;
	width : 50%;
}
.msg_box2{
	BORDER-BOTTOM: #006699 2px double;
	BORDER-LEFT: #006699 2px double;
	PADDING-BOTTOM: 1em;
	BACKGROUND-COLOR: #CCFFCC;
	MARGIN-TOP: 1em;
	PADDING-LEFT: 1em;
	PADDING-RIGHT: 1em;
	MARGIN-LEFT: auto;
	BORDER-TOP: #006699 2px double;
	MARGIN-RIGHT: auto;
	BORDER-RIGHT: #006699 2px double;
	PADDING-TOP: 1em;
	FONT-WEIGHT: bold;
}
.checkBoxGroup {
	background-color:#f6f7f8;
	border:1px solid #DCDCDC;
}

.hinbanLnk {
	border-radius: 3px 0 0 3px;

	display: block;
	float: left;
	cursor: pointer;
	width: 80px;
	margin: 0;
	padding: 6px;
	font-size: 12px;
	FONT-WEIGHT: bold;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-style: none;
}
.shuyakuHinbanLnk {
	border-radius: 0 3px 3px 0;

	display: block;
	float: left;
	cursor: pointer;
	width: 80px;
	margin: 0;
	padding: 6px;
	font-size: 12px;
	FONT-WEIGHT: bold;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-style: none;
}

/*CSVボタン配置*/
.searchBtn{
  float: left;
}
.csvBtn {
  float: right;
 /* width: 46%; */
}

.box {
  border: none;
  &:after {
    content: "";
    display: block;
    clear: both;
  }
}

/*ヘルプ画像取得用ぼかし（tableのtd,trに設定すると文字がぼける。IEは使用できず、GoogleChromeで使用する。）*/
.bokashi {
    color: transparent;
    text-shadow: 0px 0px 10px #000000;
}

.bokashi_red {
    color: transparent;
    text-shadow: 0px 0px 10px red;
}