@charset "utf-8";
/**********************************************************
	Common
**********************************************************/
body ,input, textarea, select{
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}

body {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	background-color:white;
	color:black;
	font-size:12px;
	margin: 0px 0 0 1px;
	padding: 0px 0 0 2px;
	height: 100%;
}

html {
	overflow-y:scroll;
	height: 100%
}

#body {
	margin:0px;
	width:988px;
	height:100%;
}

@media print {
	table {
		_zoom:60%;
	}
}

#container {
	min-height:100%;
	margin-bottom:-50px;
	height:auto !important;
	height:100%;
}

#footer-space {
	height:70px;
}

#header {
/*	margin:0px; */
}

#footer {
	clear:both;
	font-size:x-small;
	height:30px;
}

#footer address {
	padding-top:10px;
	text-align:center;
}

#footer p{
	padding-top:10px;
	text-align:center;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}
.b{
	font-weight: bold;
}

img {
	border:0;
}

/***********************************************/
/* Error Style */
/***********************************************/
.errorStyleClass{
/*	background-color:red;*/
}

.errorStyleClass_flattext{
/*	background-color:red;*/
	background: inherit;
	border-width: 0px;
	ime-mode:disabled;
/*	readonly:true; why:styleにreadonlyは無いよ */
}

.errorStyleClass_number{
/*	background-color:red;*/
	ime-mode:disabled;
	text-align: right;
}

.errorStyleClass_date{
/*	background-color:red;*/
	ime-mode:disabled;
}

.errorStyleClass_typeCode{
/*	background-color:red;*/
	ime-mode:disabled;
}

.errorStyleClass_typeNumeric{
/*	background-color:red;*/
	text-align:right;
	ime-mode:disabled;
}

/***********************************************/
/* Anchor(LINK) /
/***********************************************/
A
{
	color: blue;
	text-decoration: none;
}
A:link
{
	color: blue;
	text-decoration: none;
}
A:visited
{
	color: blue;
	text-decoration: none;
}
A:active
{
	color: blue;
	text-decoration: none;
}
A:hover
{
	color: red;
	text-decoration: underline;
}

/***********************************************/
/* Header */
/***********************************************/
TABLE.header{
	font-size:12px;
/*	width:100%; */
	border-bottom: #9792be double;

}
SPAN.time{
	color:green;
}
DIV.message{
	font-size:12px;
	width:100%;
	height:30px;
	overflow:auto;
}
/**********************************************************
	button
**********************************************************/
TABLE.button {
	font-size: x-small;
	width:100%;
	background-color:white;
}

TABLE.button TR {
	background-color:white;
}

TABLE.button TD {
	font-size: x-small;
	white-space:nowrap;
}
INPUT.button{
	font-size: x-small;
	color: black;
	background-color: white;
	text-align: center;
	padding: 0px 2px;
	width: 85px;
}
INPUT.large_button{
	font-size: x-small;
	color: black;
	background-color: white;
	text-align: center;
	padding: 0px 2px;
	width: 165px;
}

INPUT.middle_button{
	font-size: x-small;
	color: black;
	background-color: white;
	text-align: center;
	padding: 0px 2px;
	width: 110px;
}
INPUT.middle2_button{
	font-size: x-small;
	color: red;
	background-color: white;
	text-align: center;
	padding: 0px 2px;
	width: 110px;
}

INPUT.disableButton{
	font-size: x-small;
	color: silver;
	background-color: white;
	text-align: center;
	padding: 0px 2px;
	width: 85px;
	cursor:default;
}
INPUT.calendarButton{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	background-color: chocolate;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	width: 17px;
	height: 17px;
}
INPUT.zoomButton{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	background-color: navy;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	width: 17px;
	height: 17px;
}
INPUT.zoomExButton{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	background-color: darkmagenta;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	width: 17px;
	height: 17px;
}
INPUT.attachButton{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	background-color: green;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	width: 17px;
	height: 17px;
}
INPUT.attachButton2{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	background-color: red;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	width: 17px;
	height: 17px;
}

/**********************************************************
	text
**********************************************************/
INPUT.flattext{
	background: inherit;
	border-width: 0px;
	ime-mode:disabled;
/*	readonly:true; why:styleにreadonlyは無いよ */
}

INPUT.number{
	ime-mode:disabled;
	text-align: right;
}

INPUT.date{
	ime-mode:disabled;
}

INPUT.typeCode,
textarea.typeCode {
	ime-mode:disabled;
}

INPUT.typeNumeric,
textarea.typeNumeric {
	text-align:right;
	ime-mode:disabled;
}
/**********************************************************
	HR
**********************************************************/
HR
{
	color:#9792be;

}

/**********************************************************
	ログイン、ログアウト、ログインエラー
**********************************************************/
TABLE.input .login_label {
	background-color:#6f67fc;
	color:white;
	font-size:x-small;
	text-align:center;
	width:480px;
	height:22px;
	white-space:nowrap;
}

/**********************************************************
	検索条件
**********************************************************/
TABLE.condition {
	background-color:#1e346f;
}

TABLE.condition TR {
	background-color:#e0defe;
}

TABLE.condition TD {
	font-size:12px;
	white-space:nowrap;
	padding:0px 3px 0px 3px;
}

TABLE.condition .label {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:130px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;

}

TABLE.condition .label_half {
	background-color:#6f67fc;
	color:white;
	font-size:12px;
	width:80px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

TABLE.condition .label_col2 {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:260px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

TABLE.condition .label_c2 {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:217px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

TABLE.condition .label2 {
	background-color:#a39dfd;
	color:white;
/*	font-size:x-small; */
	width:130px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

TABLE.condition .big_label {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:230px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}


TABLE.condition .s_label {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:65px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}


TABLE.condition .label_center {
	background-color:#6f67fc;
	color:white;
	font-size:12px;
	text-align:center;
	width:130px;
	height:22px;
	white-space:nowrap;
}

TABLE.condition .label_right {
	background-color:#9dabce;
	color:black;
/*	font-size:x-small; */
	text-align:right;
	width:130px;
	height:22px;
	white-space:nowrap;
}

TABLE.condition .midle_label {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:140px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

TABLE.condition .sec_label {
	background-color:#a39dfd;
	color:white;
/*	font-size:x-small; */
	width:130px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

TABLE.condition .sec_label2 {
	background-color:#a39dfd;
	color:white;
/*	font-size:x-small; */
	width:140px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

TABLE.condition .red_label {
	color:red;
/*	font-size:x-small; */
	width:200px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 3px;
}


/**********************************************************
	単票照会
**********************************************************/
TABLE.data {
	background-color:#1e346f;
}

TABLE.data TR {
	background-color:#e0defe;
}

TABLE.data TD {
	font-size:12px;
	white-space:nowrap;
	padding:0px 0px 0px 3px;
}

TABLE.data .label {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:130px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

TABLE.data .label_center {
	background-color:#9dabce;
	color:black;
/*	font-size:x-small; */
	text-align:center;
	width:130px;
	height:22px;
	white-space:nowrap;
}

TABLE.data .label_right {
	background-color:#9dabce;
	color:black;
/*	font-size:x-small; */
	text-align:right;
	width:130px;
	height:22px;
	white-space:nowrap;
}

/**********************************************************
	一覧照会
**********************************************************/
TABLE.list {
	background-color:#1e346f;
}

TABLE.list TR {
}

TABLE.list TR.rowcolor1 {
	background-color:#e0defe;
	text-align:center;

}

TABLE.list TR.rowcolor2 {
	background-color:#f1f0ff;
	text-align:center;

}

TABLE.list TR.rowcolor3 {
	background-color:#C7BBBB;
}

TABLE.list TR.rowcolor4 {
	background-color:#f0fffc;
}

TABLE.list TR.rowcolor11 {
	background-color:#ECE7E0
}

TABLE.list TR.rowcolor12 {
	background-color:#F5F3F3
}

TABLE.list TR.warning {
	background-color:#FFFF75;
}

TABLE.list TR.emergency {
	background-color:#FF7575;
}


/*答案ステータスが返却完了以降、またはnull
　納品予定日がnullではない　灰色*/
TABLE.list TR.touanRowColor80 {
	background-color:#A8A8A8;
}

/*納品予定日前前日より前　白色*/
TABLE.list TR.touanRowColor4 {
	background-color:#FFFFF0;
}

/*納品予定日前前日　青色*/
TABLE.list TR.touanRowColor3 {
	background-color:#B9DAFE;
}

/*納品予定前日　黄色*/
TABLE.list TR.touanRowColor2 {
	background-color:#FFFF75;
}

/*納品予定当日　赤色*/
TABLE.list TR.touanRowColor1 {
	background-color:#FF7575;
}

TABLE.list TD {
	font-size:12px;
	white-space:nowrap;
	height:22px;
/*	padding:0px 0px 0px 3px*/
}

TABLE.list TD.width200 {
	font-size:12px;
	white-space:nowrap;
	height:22px;
	width:200px;
/*	padding:0px 0px 0px 3px*/
}

TABLE.list TD.width400 {
	font-size:12px;
	white-space:nowrap;
	height:22px;
	width:400px;
/*	padding:0px 0px 0px 3px*/
}

TABLE.list .label {
	background-color:#6f67fc;
	color:white;
	height:22px;
/*	font-size:x-small; */
	white-space:nowrap;
	text-align:center;
	/*	padding:0px 0px 0px 6px*/
}

TABLE.list .label_dai {
	background-color:#6f67fc;
	color:white;
	height:22px;
	white-space:nowrap;
	text-align:center;
	/*	padding:0px 0px 0px 6px*/
}

TABLE.list .label2 {
	background-color:#a39dfd;
	color:white;
	height:22px;
/*	font-size:x-small; */
	white-space:nowrap;
/*	padding:0px 0px 0px 6px*/
}

TABLE.list .label2_dai {
	background-color:#a39dfd;
	color:white;
	height:22px;
	white-space:nowrap;
/*	padding:0px 0px 0px 6px*/
}

TABLE.list .label_center {
	background-color:#9dabce;
	color:black;
	height:22px;
/*	font-size:x-small; */
	text-align:center;
	white-space:nowrap;
}

TABLE.list .label_right {
	background-color:#9dabce;
	color:black;
	height:22px;
/*	font-size:x-small; */
	text-align:right;
	white-space:nowrap;
}

TABLE.list CAPTION{
	font-weight: bold;
/*	font-size: x-small; */
	text-align: right;
}


/**********************************************************
	一覧照会（折り返し有り）
**********************************************************/
TABLE.list2 {
	background-color:#1e346f;
}

TABLE.list2 TR {
}

TABLE.list2 TR.rowcolor1 {
	background-color:#e0defe;

}

TABLE.list2 TR.rowcolor2 {
	background-color:#f1f0ff;

}

TABLE.list2 TR.rowcolor3 {
	background-color:#C7BBBB;
}

TABLE.list2 TR.rowcolor4 {
	background-color:#f0fffc;
}

TABLE.list2 TR.warning {
	background-color:#FFFF75;
}

TABLE.list2 TR.emergency {
	background-color:#FF7575;
}

TABLE.list2 TD {
	font-size:12px;
	height:22px;
/*	padding:0px 0px 0px 3px*/
}

TABLE.list2 TD.width200 {
	font-size:12px;
	height:22px;
	width:200px;
/*	padding:0px 0px 0px 3px*/
}

TABLE.list2 TD.width400 {
	font-size:12px;
	height:22px;
	width:400px;
/*	padding:0px 0px 0px 3px*/
}

TABLE.list2 .label {
	background-color:#6f67fc;
	color:white;
	height:22px;
/*	font-size:x-small; */
	white-space:nowrap;
/*	padding:0px 0px 0px 6px*/
}

TABLE.list2 .label_center {
	background-color:#9dabce;
	color:black;
	height:22px;
/*	font-size:x-small; */
	text-align:center;
	white-space:nowrap;
}

TABLE.list2 .label_right {
	background-color:#9dabce;
	color:black;
	height:22px;
/*	font-size:x-small; */
	text-align:right;
	white-space:nowrap;
}

TABLE.list2 CAPTION{
	font-weight: bold;
/*	font-size: x-small; */
	text-align: right;
}


/**********************************************************
	ﾀﾌﾞ用
**********************************************************/
DIV.sheet{
	border-width: 0 0 0 3px;
	border-color: silver;
	border-style: outset;
	width: 100%;
	height: 100%;
}

TABLE.tab {
	background-color: #f1f0ff;
	width: 100%;
	height:25px;
	margin-left:0;
}

TABLE.tab TD.active {
	font-size: x-small;
	color: red;
	background-color: white;
	border-top: outset 3px silver ;
	border-right: outset 3px silver ;
	border-bottom: none 3px silver ;
	border-left: outset 3px silver ;
	white-space: nowrap;
	width:10%
}
TABLE.tab TD.inactive {
	font-size: x-small;
	background-color: gainsboro;
	border-top: inset 1px silver ;
	border-right: inset 1px silver ;
	border-bottom: inset 3px silver ;
	border-left: inset 3px silver ;
	white-space: nowrap;
	width:10%
}

TABLE.tab TD.margin {
	background-color: white;
	border-top: none 1px silver ;
	border-right: none 1px silver ;
	border-bottom: inset 3px silver ;
	border-left: inset 1px silver ;
/*	width: *; why:*は値として意味がないよ auto? %? px?...  */
}

/**********************************************************
	Error用
**********************************************************/
H3.error A{
	color:red;
	text-decoration: underline;
}
H3.error A:link
{
	color:red;
	text-decoration: underline;
}
H3.error A:visited
{
	color:red;
	text-decoration: underline;
}
H3.error A:active
{
	color:red;
	text-decoration: underline;
}
H3.error A:hover
{
	color:red;
	text-decoration: underline;
}

/**********************************************************
	login用
**********************************************************/

TABLE.input {
	background-color:#1e346f;
	width:461px;
}

TABLE.input TR {
	background-color:#e0defe;
}

TABLE.input TD {
	font-size:12px;
	white-space:nowrap;
	padding:0px 0px 0px 3px;
	text-align:center;

}

TABLE.input .label {
	background-color:#6f67fc;
	color:white;
	font-size:x-small;
	width:130px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
}

/**********************************************************
	BOLD用
**********************************************************/

B.menu {
	font-size: 16px;
}

/* ↓　ログアウトで使用　↓ */
TABLE.input_s {
	WIDTH: 320px; BACKGROUND-COLOR: #44299e
}
TABLE.input_s TR {
	BACKGROUND-COLOR: #cdeffa
}
TABLE.input_s TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; TEXT-ALIGN: center
}
TABLE.input_s .label {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; WIDTH: 130px; COLOR: white; PADDING-TOP: 0px; WHITE-SPACE: nowrap; HEIGHT: 22px; BACKGROUND-COLOR: #6f67fc; fonst-size: x-small
}

/*表のスタイル*/
.TD_style4{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.TABLE_style{
	border-collapse: collapse;
	position:alternative;
	width:100%;
}
.TABLE_style th{
	width:8.5em;
	text-align:center;
	font-weight:normal;
	color: #001329;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	padding: 2px 2px 2px 4px;
	background-color: #d5ffd5 ;
}
.TABLE_style td{
	font-size:12px;
	white-space:nowrap;
	padding:0px 0px 0px 0px;
	border-right: 1px solid #1e346f;
	border-bottom: 1px solid #1e346f;
	color: black;
}
.TABLE_style TR {
}
.TABLE_style .label {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:130px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
	border-top: 1px solid #1e346f;
	border-left: 1px solid #1e346f;
}
.TABLE_style .label2 {
	background-color:#6f67fc;
	color:white;
/*	font-size:x-small; */
	width:200px;
	height:22px;
	white-space:nowrap;
	padding:0px 0px 0px 6px;
	border-top: 1px solid #1e346f;
	border-left: 1px solid #1e346f;
}
.TABLE_style .label_color {
	background-color:#e0defe;
	color:black;
/*	font-size:x-small; */
	width:150px;
	height:22px;
	padding: 1px 3px;
	border-top: 1px solid #1e346f;
	border-left: 1px solid #1e346f;
}
.TABLE_style .label_color_long {
	background-color:#e0defe;
	color:black;
	border-top: 1px solid #1e346f;
	border-left: 1px solid #1e346f;
}