body, html {
	padding-bottom: 20px;
	font-family: "Meiryo UI", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #605653;
	line-height: 1.6;
	height: 100%;
}

	body a {
		/*color:#EE86A1;*/
	}

		body a:hover, body a:focus {
			color: #605653;
		}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

.header {
	margin-bottom: 5px;
	/*color: #ec6d56;*/
	color: #0070c0;
	width: 100%;
	bottom: 5px;
	font-weight: 600;
}

footer {
	width: 100%;
	background-color: #0070c0;
	color: #ffffff;
	padding-left: 25px;
	margin-top: 20px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
	border: solid 1px #898989;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	input.text-uplfilenm {
		width: 280px;
	}

	input.middle,
	select.middle,
	select[multiple].middle {
		width: 140px;
	}

	input.small,
	select.small {
		width: 80px;
	}

.td_size {
	height: 20px;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
}

	input.form-control {
		border: 1px solid #808080;
		/*font-size:13px;*/
		font-size: 11px;
		height: 40px;
	}

.btn {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 4px 12px;
	border-radius: 0px;
}

	.btn.btn-normal {
		padding: 0px;
		font-weight: 700;
		font-size: 14px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: none;
		-o-transition: all 0.218s;
		-moz-transition: all 0.218s;
		-webkit-transition: all 0.218s;
		transition: all 0.218s;
		height: 40px;
		/*background-image: linear-gradient(#ec6d56 60%, #ec6d56);*/
		background-image: linear-gradient(#0070c0 60%, #0070c0);
		color: #FFFFFF;
		/*width: 100%;*/
		/*width: 180px;*/
		width: 160px;
	}

		.btn.btn-normal:hover,
		.btn.btn-normal:focus {
			/*background-image: linear-gradient(#ec6d56 60%, #ec6d56);*/
			background-image: linear-gradient(#0070c0 60%, #0070c0);
			opacity: 0.8;
			color: #FFFFFF;
		}

		.btn.btn-normal:active {
			opacity: 0.5;
		}

.list_btn {
	width: 50px;
	padding-left: 10px;
}

.btn-default {
	color: #ffffff;
	display: inline-block;
	text-decoration: none;
	/*background-color: #ec6d56;*/
	background-color: #3399cc;
	border-bottom: solid 4px #B36479;
	padding: 0.3em 1em;
	border-radius: 3px;
}

	.btn-default:hover,
	.btn-default:focus {
		color: #ffffff;
		display: inline-block;
		text-decoration: none;
		/*background-color: #ec6d56;*/
		background-color: #3399cc;
		border-bottom: solid 4px #B36479;
		/*padding: 0.3em 1em;*/
		border-radius: 3px;
	}

	.btn-default:active {
		-ms-transform: translateY(4px);
		-webkit-transform: translateY(4px);
		transform: translateY(4px); /*下に動く*/
		border-bottom: none; /*線を消す*/
	}


.btn-back {
	color: #ffffff;
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
}

	.btn-back:hover,
	.btn-back:focus,
	.open .dropdown-toggle.btn-back {
		color: #ffffff;
		opacity: 0.8;
	}

	.btn-back:active,
	.btn-back.active,
	.open .dropdown-toggle.btn-back {
		background-image: none;
	}

	.btn-back.disabled,
	.btn-back[disabled],
	fieldset[disabled] .btn-back,
	.btn-back.disabled:hover,
	.btn-back[disabled]:hover,
	fieldset[disabled] .btn-back:hover,
	.btn-back.disabled:focus,
	.btn-back[disabled]:focus,
	fieldset[disabled] .btn-back:focus,
	.btn-back.disabled:active,
	.btn-back[disabled]:active,
	fieldset[disabled] .btn-back:active,
	.btn-back.disabled.active,
	.btn-back[disabled].active,
	fieldset[disabled] .btn-back.active {
		background-color: #ffffff;
		border-color: #cccccc;
	}

.btn-lg {
	border-radius: 0px;
}

.btn-sm,
.btn-xs {
	border-radius: 0px;
}

.chkbox {
	margin: 0 0 10px 10px;
}

	/* ラベルのスタイル　*/
	.chkbox label {
		padding-left: 35px;
		font-size: 15px;
		display: inline-block;
		position: relative;
		font-weight: normal;
	}

h2 {
	position: relative;
	margin: 0 0 1.5em;
	padding: 0.6em 0 0.6em 1.5em;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

	/* ■■ 共通設定 ■■■ */
	/* タイトル枠線*/
	h2.black_border {
		color: black;
		border: 2px solid black;
	}

	h2.blue_border {
		color: #668ad8;
		border: 2px solid #668ad8;
	}

	h2.green_border {
		color: #009900;
		border: 2px solid #009900;
	}

	h2.orenge_border {
		color: #FFA500;
		border: 2px solid #FFA500;
	}

	h2.green_border {
		background: #009900;
		color: white;
	}

.btn-size {
	width: 50%;
}

.btn-size1 {
	width: 450%;
}

.btn.btn-top {
	margin-top: 5px;
}

.btn.select-office,
.btn.select-user-multi,
.btn.select-user-reference,
.btn.user-delete,
.btn.select-user {
	width: 120px;
	height: 30px;
}

.btn.user-delete {
	background-image: linear-gradient(#BBBBBB 60%, #EEEEEE);
}

	.btn.user-delete:hover,
	.btn.user-delete:focus {
		background-image: linear-gradient(#BBBBBB 60%, #EEEEEE);
		opacity: 0.8;
		color: #FFFFFF;
	}

	.btn.user-delete:active {
		opacity: 0.5;
	}

.btn.btn-search {
	width: 120px;
}

select.list-normal {
	width: 200px;
	border-color: #808080;
}

div.page-title span {
	margin-bottom: 5px;
}

div.page-title img {
	width: 48px;
	padding-right: 10px;
}

table.where-open {
	cursor: pointer;
}

input.ympicker-noborder,
input.ympicker-noborder:focus,
input.ympicker-noborder:active,
input.ympicker-noborder:hover {
	border: none;
}

/* 入力エラー時の設定 */
.input-validation-error {
	background-color: #FFF3F3;
	border: 1px solid #ff0000 !important;
}

/* エラーメッセージの周辺幅 */
p.field-validation-error {
	margin: 10px 0 10px;
}
/* 送り状照会、受注一覧のエラーメッセージ位置*/
p.search-invoice-err,
p.search-recieved-order-err {
	margin: 10px 0 10px;
}

.field-validation-error {
	color: #ff0000;
	font-size: 17px;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
	background-image: url('img/check_off.png');
}

/*メッセージエリア*/
div.message p.info {
	padding-left: 30px;
	background: url("../../Contents/img/common/circle_check.png") left center no-repeat;
	background-size: 25px 25px;
	font-size: 1.5em;
}

div.message-area {
	position: fixed;
	top: 106px;
	height: 48px;
	width: 1141px;
	background-color: white;
	z-index: 2;
	margin-top: 8px;
}

/*チェックボックスの文字*/
.fontnormal {
	font-weight: normal;
}

/* カスタムチェックボックス3 */
.custom-checkbox {
	display: none;
}

	.custom-checkbox + label, .custom-checkbox + input[type='hidden'] + label {
		position: relative;
		display: inline-block;
		cursor: pointer;
		padding: 0 0 0 30px;
		margin: 0 20px 0 0;
	}

		.custom-checkbox + label::before, .custom-checkbox + input[type='hidden'] + label::before {
			position: absolute;
			left: 0;
			top: 60%;
			margin: -11px 0 0 0;
			display: inline-block;
			width: 20px;
			height: 20px;
			background: url("../../Contents/img/common/check.png");
			background-size: cover;
			content: "";
		}

	.custom-checkbox:checked + label::before, .custom-checkbox:checked + input[type='hidden'] + label::before {
		background: url("../../Contents/img/common/check_on.png");
		background-size: cover;
		content: "";
	}

	.custom-checkbox:disabled + label, .custom-checkbox:disabled + input[type='hidden'] + label {
		opacity: .3;
		cursor: not-allowed;
	}

/* カスタムラジオボタン */
.custom-radio {
	cursor: pointer;
}

.custom-radio-label {
	cursor: pointer;
}

/* カスタムリスト */
select {
	-webkit-appearance: none; /* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
	appearance: none; /* 標準のスタイルを無効にする */
	border: none;
	color: #605653; /* フォントの色を指定 */
	background: url("../../Contents/img/common/select_arrow.png") 95% 50% no-repeat;
	background-size: 10px;
	padding: 6px 12px;
	font-size: 16px;
	border: 1px solid #605653;
	box-sizing: border-box;
	border-radius: 4px;
}

::-ms-expand { /* select要素のデザインを無効にする（IE用） */
	display: none;
}

/*使用不可のリストはドロップダウン固有の見た目と変える*/
select.form-control[disabled] {
	-webkit-appearance: none;
}

/*グリッド背景色*/
.grid_color_bk {
	border-collapse: collapse;
	background: #ffffff;
}

	.grid_color_bk th, .grid_color_bk td {
		border: 1px solid #ffffff;
	}

	.grid_color_bk tr:nth-child(even) {
		background: #f2f2f2;
	}

.grid_color_white {
	border-collapse: collapse;
	background: #ffffff;
}

/*paging*/
.pagination > li > a,
.pagination > li > span {
	padding: 6px 20px;
	margin-left: 1px;
	background-color: #EE86A1;
	border: 1px solid #dddddd;
	color: #FFFFFF;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 2;
	color: #ffffff;
	cursor: default;
	background-color: #999999;
	border-color: #999999;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #ffffff;
	cursor: not-allowed;
	background-color: #002060;
	border-color: #dddddd;
}

.page_nv li {
	list-style: none;
}

.page_nv ul {
	padding-left: 0px;
}

.sort_select {
	cursor: pointer;
	font-weight: normal;
	color: #FFFFFF;
}

.sort_not_select {
	cursor: pointer;
	font-weight: normal;
	color: #FFFFFF;
}

#globalHeader {
}

	#globalHeader:before {
		content: "";
		display: block;
		height: 4px;
		width: 100%;
		background-color: #66ccff;
	}

	#globalHeader .base {
		width: 100%;
		height: 110px;
		color: #000000;
		/*background-image: linear-gradient(#f9bfb4, #FFFFFF);*/
	}

	#globalHeader .baseLink {
		width: 100%;
		background-color: #ffffff;
	}

	#globalHeader .base .headArea {
	}

	#globalHeader .base .menuArea {
		display: inline-block;
		position: absolute;
		/*top: 8px;*/
		right: 20px;
		bottom: 20px;
		padding: 20px 0px 10px 10px;
	}

	#globalHeader .base .menuAreaS {
		display: inline-block;
		position: absolute;
		right: 10px;
	}

		#globalHeader .base .menuAreaS .signoutArea .lnk-personalSettings img {
			width: 30px;
			padding-right: 3px;
		}

		#globalHeader .base .menuAreaS .signoutArea .lnk-logout img {
			width: 31px;
			padding-left: 5px;
		}

	#globalHeader .base .nmArea1,
	.base .nmArea2 {
		display: table-cell;
		width: 400px;
		vertical-align: middle;
		text-align: left;
		float: left;
		padding-right: 70px;
		padding-left: 70px;
		font-weight: 600;
		font-size: 18px;
		color: #4b4b4b;
	}

	#globalHeader .base .tonArea {
		display: table-cell;
		padding: 0 2px 2px 0;
		vertical-align: middle;
		padding: 10px 10px 0;
		text-align: center;
	}

	#globalHeader .base .signoutArea {
	}

		#globalHeader .base .signoutArea .logo img {
			height: 85px;
		}

	#globalHeader .base .menuArea .menu {
		font-size: 18px;
		color: #4b4b4b;
		font-weight: 600;
		font-size: 10pt;
		/*margin-top:10px;*/
		margin-top: 20px;
	}

		#globalHeader .base .menuArea .menu img {
			width: 40px;
		}

	#globalHeader .base .signoutArea .logout,
	#globalHeader .base .helpArea .help {
		font-size: 18px;
		color: #4b4b4b;
		font-weight: 600;
		font-size: 10pt;
		margin-top: 10px;
	}

/*header menu*/










/*nav要素は絶対位置指定にして、ビューの外側に置いて見えなくします。
　　nav の中の ul li は横並びを解除して縦組みにレイアウトし直します。*/
#menu {
}

#globalHeader .base .menuArea #menuList {
	position: absolute; /*bodyに対しての絶対位置*/
	right: -320px;
	top: 65px; /*通常時はビュー外*/
	background: rgba(255,255,255,.7);
	/*width: 50%;*/
	width: 300px;
	padding: 0;
	transition: .5s ease-in-out; /*transitionで動きを*/
	text-align: left
}

	#globalHeader .base .menuArea #menuList ul {
		background: rgba(255,255,255,.7) !important;
		padding: 0 15px;
		margin: 0
	}

		#globalHeader .base .menuArea #menuList ul li {
			display: block;
			margin: 0;
			/*border-bottom: dotted 1px #fff;*/
			border-bottom: dotted 1px rgba(255,255,255,.7);
			line-height: 2
		}

			#globalHeader .base .menuArea #menuList ul li a {
				display: block
			}

			#globalHeader .base .menuArea #menuList ul li::after {
				content: ''
			}

			#globalHeader .base .menuArea #menuList ul li:last-child {
				border-bottom: none
			}

/*header menu*/
/*.openNavが付いた要素の中のnavを 縦方向に351px移動（=表示される）*/
.openNav #menuList {
	transform: translateX(-300px)
}

#globalHeader .base .helpArea img {
	padding-right: 5px;
}

/*ラベル 入力欄 必須*/
.note {
	font-size: small;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
	float: right;
	background-color: #0070c0;
	margin-right: 10px;
	border-radius: 5px;
}

/*一覧　編集ボタン*/
.span-btn {
	font-size: small;
	font-weight: normal;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	background-color: #EE86A1;
	display: inline-block;
	width: 100%;
	text-align: center;
}

table.header td a {
	color: #FFFFFF;
	text-decoration: underline;
}

/*登録・参照画面メッセージ*/
.msg-area {
	width: 90%;
	border: double black;
	background-color: #dee9f7;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.msg-area-error {
	width: 90%;
	border: double black;
	background-color: #dee9f7;
	color: #ff0000;
	margin-bottom: 20px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.table-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 100%;
}

	.table-scroll table {
		margin-bottom: 0px;
	}

img.ui-datepicker-trigger {
	height: 20px;
	cursor: pointer;
}

.class-sunday > .ui-state-default {
	background: #FFCCCC !important;
	color: red !important;
}

.class-saturday > .ui-state-default {
	background: #CCCCFF !important;
	color: blue !important;
}

/* ■■ 画面個別設定 ■■■ */
/*マスタメンテナンス*/
.table-list {
	width: 100%;
	table-layout: fixed;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

	.table-list td {
		overflow: hidden;
		text-overflow: ellipsis;
	}

.table-nobordered {
	border: hidden;
}

.table-nobordered-top {
	border-top: hidden;
}

.table-nobordered-btm {
	border-bottom: hidden;
}

table.table-list th.list-sort {
	/*cursor:pointer;*/
}

.searchbox0 {
	font-size: 13px;
}

	.searchbox0 .btnbox0,
	.searchbox0 .btnbox1 {
		border: 0px solid #ccc;
		display: inline-block;
		letter-spacing: 0.1em;
		/*background-image: linear-gradient(#ec6d56 60%, #edc5be);*/
		background-image: linear-gradient(#0070c0 60%, #0070c0);
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 10px 20px;
		text-align: center;
		font-size: 1em;
		letter-spacing: 0;
		color: #fff;
		margin: 0;
		cursor: pointer;
		display: inline-block;
	}

.paging-wrap .searchbox0 .btnbox0,
.paging-wrap .searchbox0 .btnbox1 {
	padding: 0px 10px;
}

.searchbox0 .btnbox0:hover,
.searchbox0 .btnbox1:hover {
	background-color: #001642;
}

.searchbox0 .btnbox0[disabled],
.searchbox0 .btnbox1[disabled] {
	background-color: #EE86A1;
	opacity: 0.3;
	cursor: not-allowed;
}

.searchbox0 .btnbox0 img,
.searchbox0 .btnbox1 img {
	width: auto;
}

.searchbox0 .btnbox2 {
	display: inline-block;
	border: 1px solid #dcdcdc;
	letter-spacing: 0.1em;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0;
	width: 35px;
	text-align: center;
	font-size: 1em;
	letter-spacing: 0;
	color: #666;
	margin: 0 1px 0 1px;
	cursor: pointer;
	display: inline-block;
}

	.searchbox0 .btnbox2:hover {
		border: 1px solid #f35929;
		display: inline-block;
		border: 1px solid #dcdcdc;
		letter-spacing: 0.1em;
		background-color: #001642;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 0;
		width: 35px;
		text-align: center;
		font-size: 1em;
		letter-spacing: 0;
		color: #fff;
		cursor: pointer;
		display: inline-block;
	}

	.searchbox0 .btnbox1.active,
	.searchbox0 .btnbox2.active {
		background: #dcdcdc;
		color: #fff;
		cursor: not-allowed;
	}

table#target {
	width: auto;
	margin-top: 20px;
}

.search-menu {
	background-color: white;
}

	.search-menu table {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 100%;
	}

		.search-menu table td.search-label {
			text-align: right;
		}

		.search-menu table td.width {
			width: 10%;
		}

.searchbtn {
	padding: 10px 30px;
	float: right
}

.container .text-left table.btn {
	width: 100px;
}

.datatable {
	padding-top: 30px
}

table.datatable thead {
	background-color: #303030;
}

	table.datatable thead tr {
		color: white;
	}

.display-none {
	display: none;
}

.container .text-left table tr td.newbtn-blanc {
	width: 1100px
}

td.title {
	font-weight: bold;
	width: 20%;
	padding-left: 1%;
}

td.text {
	width: 65%;
}

td.multi-title {
	font-weight: bold;
	width: 17%;
	padding-left: 1%;
}

td.multi-text {
	width: 30%;
}

td.search-title {
	font-weight: bold;
	width: 10%;
	padding-left: 1%;
}

/*マスタメンテナンス登録・参照画面*/
table.edit_table {
	border: 1px double black;
	margin-bottom: 20px;
	width: 90%;
	table-layout: fixed;
}

	table.edit_table th {
		padding-left: 10px;
		background-color: #002060;
		color: #ffffff;
		border: 1px solid #ffffff;
	}

	table.edit_table label {
		font-weight: normal;
	}

	table.edit_table td {
		padding-left: 10px;
		background-color: #ebebeb;
		word-wrap: break-word;
	}

		table.edit_table td.field-validation-error {
			color: #ff0000;
			height: 25px;
		}

	table.edit_table tr.refer {
		height: 60px;
	}

		table.edit_table tr.refer td {
			border-bottom: 1px solid black;
		}

	table.edit_table td.td_bottom {
		padding-bottom: 15px;
		border-bottom: 1px solid black;
	}

	table.edit_table tr td input.regist-family {
		width: 50%;
	}


/*     メニュー画面         */
.btn.btn-service,
.btn.btn-customer {
	background-image: linear-gradient(#ec6d56 60%, #f6bdb4);
	width: 330px;
	height: 50px;
	position: relative;
}

.btn.btn-contact {
	width: 150px;
	height: 40px;
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
}

.btn.btn-service:before,
.btn.btn-customer:before {
	position: absolute;
	left: 10px;
	background: url("../../Contents/img/common/report.png") no-repeat;
	content: "";
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: -10px 5px 0 -5px;
	background-size: contain;
	vertical-align: middle;
}

.btn.btn-service:hover,
.btn.btn-service:focus,
.btn.btn-customer:hover,
.btn.btn-customer:focus {
	background-image: linear-gradient(#ec6d56 60%, #f6bdb4);
	opacity: 0.8;
	color: #FFFFFF;
}

.btn.btn-contact:hover,
.btn.btn-contact:focus {
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
	opacity: 0.8;
}

.btn.btn-service:active,
.btn.btn-customer:active {
	opacity: 0.5;
}

.btn.btn-comment {
	background-image: linear-gradient(#6699ff 60%, #b3ccff);
	width: 330px;
	height: 50px;
	position: relative;
}

	.btn.btn-comment:before {
		position: absolute;
		left: 10px;
		background: url("../../Contents/img/common/comment.png") no-repeat;
		content: "";
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: -10px 5px 0 -5px;
		background-size: contain;
		vertical-align: middle;
	}

	.btn.btn-comment:hover,
	.btn.btn-comment:focus {
		background-image: linear-gradient(#6699ff 60%, #b3ccff);
		opacity: 0.8;
		color: #FFFFFF;
	}

	.btn.btn-comment:active {
		opacity: 0.5;
	}

.btn.btn-userInfo,
.btn.btn-userList {
	position: relative;
	background-image: linear-gradient(#26e27b 60%, #a7f3c9);
	width: 330px;
	height: 50px;
}

	.btn.btn-userInfo:before,
	.btn.btn-userList:before {
		position: absolute;
		left: 10px;
		background: url("../../Contents/img/common/web_user.png") no-repeat;
		content: "";
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: -10px 5px 0 -5px;
		background-size: contain;
		vertical-align: middle;
	}

	.btn.btn-userInfo:hover,
	.btn.btn-userInfo:focus,
	.btn.btn-userList:hover,
	.btn.btn-userList:focus {
		background-image: linear-gradient(#26e27b 60%, #a7f3c9);
		opacity: 0.8;
		color: #FFFFFF;
	}

	.btn.btn-userInfo:active,
	.btn.btn-userList:active {
		opacity: 0.5;
	}

/*.menu_area ul.menu {
        width:330px;
        text-align:center;
    }*/

.menu_area ul.menu__second-level {
	width: 330px;
}

.btn.btn-master {
	position: relative;
	background-image: linear-gradient(#d9d9d9 60%, #f2f2f2);
	width: 330px;
	height: 50px;
}

	.btn.btn-master:before {
		position: absolute;
		left: 10px;
		background: url("../../Contents/img/common/master.png") no-repeat;
		content: "";
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: -10px 5px 0 -5px;
		background-size: contain;
		vertical-align: middle;
	}

	.btn.btn-master:hover,
	.btn.btn-master:focus {
		background-image: linear-gradient(#d9d9d9 60%, #f2f2f2);
		opacity: 0.8;
		color: #FFFFFF;
	}

	.btn.btn-master:active {
		opacity: 0.5;
	}

.back-area {
	margin-top: 20px;
	text-align: right;
}

.top-area {
	width: 100%;
}

.menu_area table.notice {
	width: 300px;
	margin-top: 60px;
	text-align: center;
	margin-left: 35%;
}

	.menu_area table.notice td {
		padding-bottom: 10px;
	}

		.menu_area table.notice td a {
			padding-top: 12px;
		}

			.menu_area table.notice td a.btn-contact {
				padding-top: 8px;
			}


/*  利用規約画面  */
.checkbox-area {
	display: flex;
	margin: 15px 0px 15px 0px;
}

	.checkbox-area div.div-checkbox {
		width: 100%;
		text-align: center;
	}

.userpolicy_area .editbox .checkbox-area .div-checkbox input.form-control.accept-flg {
	display: inline;
	width: 20px;
	height: 25px;
	margin: 0 0 0 0;
}

.userpolicy_area .editbox .checkbox-area .div-checkbox label {
	margin: 0 0 0 0;
}


/*  ファイルアップロード画面  */
.upload-container {
	display: block;
	margin: 20px;
}

	.upload-container .upload-area {
		margin: 20px 0px 20px 0px;
	}

		.upload-container .upload-area .file-select {
			display: inline-block;
			margin: 20px 0px;
		}

			.upload-container .upload-area .file-select .input-file {
				display: inline-block;
				max-width: 900px;
				width: 900px;
				margin-left: 10px;
			}

		.upload-container .upload-area .btn-upload {
			display: block;
		}

		.upload-container .upload-area .btn-upload-setting {
			width: 60px;
		}

/*  ファイルアップロード画面(アップロード履歴)  */
.container .history-area {
	margin: 10px 20px 20px 20px;
}

	.container .history-area .button-area {
		margin: 3px 0px 3px 0px;
	}

		.container .history-area .button-area .btn-uplDataDel {
			display: block;
		}

.file-type {
	width: 130px;
}

.history-area table.upl-history-list tbody,
.history-area table.upl-history-list thead {
}

	.history-area table.upl-history-list thead tr th {
		height: 30px;
		background-color: #0070c0;
	}

		.history-area table.upl-history-list thead tr th.del-flg,
		.history-area table.upl-history-list tbody tr td.del-flg {
			min-width: 90px;
			width: 90px;
			max-width: 90px;
			text-overflow: ellipsis;
			white-space: nowrap;
			vertical-align: middle;
		}

		.history-area table.upl-history-list thead tr th.upl-user-nm,
		.history-area table.upl-history-list tbody tr td.upl-user-nm {
			min-width: 300px;
			width: 300px;
			max-width: 300px;
			text-overflow: ellipsis;
			white-space: nowrap;
			vertical-align: middle;
		}

		.history-area table.upl-history-list thead tr th.upl-file-nml,
		.history-area table.upl-history-list tbody tr td.upl-file-nm {
			min-width: 330px;
			width: 330px;
			max-width: 330px;
			text-overflow: ellipsis;
			white-space: nowrap;
			vertical-align: middle;
		}

		.history-area table.upl-history-list thead tr th.upl-dt,
		.history-area table.upl-history-list tbody tr td.upl-dt {
			min-width: 200px;
			width: 200px;
			max-width: 200px;
			text-overflow: ellipsis;
			white-space: nowrap;
			vertical-align: middle;
		}

	.history-area table.upl-history-list tbody tr td.del-flg input.form-control.del-flg {
		display: inline;
		width: 20px;
		height: 20px;
	}

.history-area table.upl-history-list td {
	border: 1px solid #C0C0C0;
	height: 30px;
	max-height: 30px;
	text-align: center;
	color: #051b36;
}

.del-flg {
	margin-top: -2px;
}

.history-area table.upl-history-list tr:nth-child(2n) td {
	background-color: #F2F2F2;
}

.history-area .dispcount-area {
	text-align: left;
}

	.history-area .dispcount-area p {
		display: inline-block;
		margin: 3px 0px 3px;
	}


.container.webuser-list {
	width: 1170px;
	max-width: 1170px;
}

	.container.webuser-list form {
		width: 1170px;
		max-width: 1170px;
	}

	.container.webuser-list .table-area {
		/*width: 1760px;
        max-width: 1760px;*/
		position: relative;
	}

	.container.webuser-list table.table-list.user-nm-list {
		width: 220px;
		max-width: 220px;
		white-space: normal;
		float: left;
	}

	.container.webuser-list table.table-list.detail-list {
		max-width: 900px;
		/*max-width: 1120px;*/
		max-height: 375px;
		overflow: auto;
		white-space: normal;
	}

		.container.webuser-list table.table-list.detail-list thead .mCSB_scrollTools_horizontal {
			height: 0;
		}

	.container.webuser-list form .chkbox {
		margin: 0 0 5px 10px;
		padding-top: 10px;
	}


/* WEBユーザー詳細画面用設定 */
.btn-area {
	display: flex;
}

	.btn-area div.div-btn {
		width: 100%;
		text-align: center;
	}

		.btn-area div.div-btn input {
			margin: 0 40px 0 40px;
		}

.editbox div.rowJ {
	margin-bottom: 20px;
	width: 100%;
}

.editbox div.blockJ {
	border-bottom: 2px solid #808080;
	padding-bottom: 8px;
}

.editbox div.inputJ {
	display: inline-block;
	width: 85%;
	padding-left: 10px;
}

.editbox table tr th span.row-hissu {
	width: calc(100% - 60px);
}


.editbox table tr span.hissu {
	background: url("../../Contents/img/common/require.png") no-repeat;
	display: inline-block;
	width: 45px;
	height: 45px;
	margin: 0px -5px 0 0px;
	background-size: 45px;
	background-position: right center;
	vertical-align: middle;
}

.editbox table {
	width: 100%;
	border: 1px solid #dcdcdc;
}

	.editbox table tr th {
		padding-left: 10px;
		border: 1px solid #C0C0C0;
		background: #f4f8f9;
		color: #605653;
		font-weight: normal;
		height: 45px;
	}

		.editbox table tr th.hissu-komoku {
			border-right: none;
		}

		.editbox table tr th.hissu {
			border-left: none;
			padding-left: 0;
			width: 65px;
			text-align: center;
		}

			.editbox table tr th.hissu[rowspan] {
				border-left: 1px solid #C0C0C0;
			}

	.editbox table tr td:first-of-type {
		text-align: left;
		width: 55%;
	}

	.editbox table tr td:nth-of-type(2n) {
		border-left: hidden;
	}

	.editbox table tr td {
		background: #fff;
		padding: 5px 0px 5px 15px;
		border: 1px solid #C0C0C0;
		text-align: center
	}

		.editbox table tr td span.riyo-nm,
		.editbox table tr td span.jigyo-nm {
			margin: 0px 0px 0px 20px;
			border-bottom: 1px solid #808080;
			display: block;
			float: left;
			width: 70%;
			height: 35px;
			padding-top: 5px;
		}


		.editbox table tr td span.referencing,
		.editbox table tr td span.kyotaku,
		.editbox table tr td span.chiiki {
			margin: 0px;
			width: 100%;
			float: none;
			padding-left: 40px;
		}

		.editbox table tr td.mail-info {
			font-size: 13px;
		}

		.editbox table tr td input {
			width: 100%;
			max-width: 100%;
		}

		.editbox table tr td select {
			width: 100%;
			max-width: 100%;
		}

	.editbox table.sts-his-table {
		width: 100%;
		border: none
	}

		.editbox table.sts-his-table thead.scrollHead {
			display: block;
		}

			.editbox table.sts-his-table thead.scrollHead tr th {
				width: 196px;
				max-width: 196px;
				background-color: #f0f0f0;
				text-align: center;
				border: 1px solid #dcdcdc;
			}

		.editbox table.sts-his-table tbody.scrollBody tr td {
			width: 196px;
			max-width: 196px;
			border: 1px solid #dcdcdc;
			overflow: hidden;
			text-overflow: clip;
			white-space: nowrap;
		}

		.editbox table.sts-his-table tbody.scrollBody tr:nth-child(2n) td {
			background-color: #f8f8f8;
		}

		.editbox table.sts-his-table tbody.scrollBody {
			display: block;
			max-height: 111px;
		}

	.editbox table tr td div.tel1 {
		border-bottom: 2px solid #808080;
		float: left;
		width: 45%;
		text-align: center;
		margin-right: 10%;
		height: 30px;
	}

	.editbox table tr td div.tel2 {
		border-bottom: 2px solid #808080;
		float: left;
		width: 45%;
		text-align: center;
		height: 30px;
	}

	.editbox table tr td div.loginLastDt {
		border-bottom: 2px solid #808080;
		width: 40%;
		text-align: center;
		height: 30px;
	}


textarea {
	outline: none !important;
}

.btn.btn-on {
	padding: 0px;
	font-weight: 700;
	font-size: 16px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	transition: all 0.218s;
	height: 40px;
	background-image: linear-gradient(#ec6d56 60%, #edc5be);
	color: #FFFFFF;
	width: 100%;
}

	.btn.btn-on:hover,
	.btn.btn-on:focus {
		background-image: linear-gradient(#ec6d56 60%, #edc5be);
		opacity: 0.8;
		color: #FFFFFF;
	}

	.btn.btn-on:active {
		opacity: 0.5;
	}

.btn.btn-off {
	padding: 0px;
	font-weight: 700;
	font-size: 16px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	transition: all 0.218s;
	height: 40px;
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
	color: #FFFFFF;
	width: 100%;
}

/* 送り状照会：検索条件表示制御エリア */
.usermaintenancelist_area div.disp,
.announcementslist_area div.disp,
.convdealercdlist_area div.disp,
.ReceivedOrder_area div.disp,
.invoicelist_area div.disp {
	height: 30px;
	width: auto;
	font-size: 17px;
	font-weight: bold;
	color: #4b4b4b;
}

.usermaintenancelist_area table.where-open .row-data .col-close,
.usermaintenancelist_area table.where .row-data .col-open,
.announcementslist_area table.where-open .row-data .col-close,
.announcementslist_area table.where .row-data .col-open,
.convdealercdlist_area table.where-open .row-data .col-close,
.convdealercdlist_area table.where .row-data .col-open,
.ReceivedOrder_area table.where-open .row-data .col-close,
.ReceivedOrder_area table.where .row-data .col-open,
.invoicelist_area table.where-open .row-data .col-close,
.invoicelist_area table.where .row-data .col-open {
	height: 34px;
	width: 30px;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: 1px 5px;
	opacity: 0.7;
}

	.usermaintenancelist_area table.where-open .row-data .col-close.open,
	.announcementslist_area table.where-open .row-data .col-close.open,
	.convdealercdlist_area table.where-open .row-data .col-close.open,
	.ReceivedOrder_area table.where-open .row-data .col-close.open,
	.invoicelist_area table.where-open .row-data .col-close.open {
		background-image: url("../../Contents/img/common/minus.png");
	}

	.usermaintenancelist_area table.where-open .row-data .col-close.close,
	.announcementslist_area table.where-open .row-data .col-close.close,
	.convdealercdlist_area table.where-open .row-data .col-close.close,
	.ReceivedOrder_area table.where-open .row-data .col-close.close,
	.invoicelist_area table.where-open .row-data .col-close.close {
		background-image: url("../../Contents/img/common/plus.png");
	}

.invoicelist_area table tr.width-settings th.column1 {
	width: 100px;
}

.invoicelist_area table tr.width-settings th.column3 {
	width: 120px;
}

.invoicelist_area table tr.width-settings th.column5 {
	width: 120px;
}

.invoicelist_area tr.rowA {
	height: 50px;
	padding-top: 0;
}

.invoicelist_area div.rowB {
	margin-top: 10px;
	text-align: center;
	width: 100%;
}


.invoicelist_area div.rowC {
	margin-top: 10px;
	text-align: left;
	width: 100%;
}

.invoicelist_area td.titleB {
	padding-left: 20px;
}

.invoicelist_area td.titleC {
	padding-left: 30px;
}

.invoicelist_area div.inputA {
	display: inline-block;
}

.invoicelist_area div.labelA {
	display: inline-block;
	margin-left: 10px;
}

.invoicelist_area .btn.hojinSearch-btn {
	width: 120px;
	height: 30px;
}

.invoicelist_area .kbn-list {
	height: 40px;
	width: 250px;
}

.invoicelist_area .code-list {
	height: 40px;
	width: 200px;
}

.invoicelist_area .datepicker {
	height: 20px;
}

.invoicelist_area .casedt-datepicker {
	height: 40px;
}

.invoicelist_area .btn.btn-create {
	width: 200px;
}

/*送り状照会：検索結果一覧エリア*/
.usermaintenancelist_area table.office-table th.header-title,
.announcementslist_area table.office-table th.header-title,
.history-area table.upl-history-list th.header-title,
.convdealercdlist_area table.office-table th.header-title,
.ReceivedOrder_area table.office-table th.header-title,
.invoicelist_area table.office-table th.header-title {
	background-color: #0070c0;
	color: #FFFFFF;
	text-align: center;
	height: 37px;
	font-weight: bold;
	vertical-align: middle;
	border-top-color: rgb(192, 192, 192);
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: rgb(192, 192, 192);
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: rgb(192, 192, 192);
	border-left-style: solid;
	border-left-width: 1px;
}

.usermaintenancelist_area table.office-table th.search-text,
.announcementslist_area table.office-table th.search-text,
.history-area table.upl-history-list th.search-text,
.convdealercdlist_area table.office-table th.search-text,
.ReceivedOrder_area table.office-table th.search-text,
.invoicelist_area table.office-table th.search-text {
	vertical-align: middle;
	text-align: center;
	border-right-color: rgb(192, 192, 192);
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: rgb(192, 192, 192);
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-left-color: rgb(192, 192, 192);
	border-left-style: solid;
	border-left-width: 1px;
}

	.usermaintenancelist_area table.office-table td input[type="search"],
	.usermaintenancelist_area table.office-table th.search-text input[type="search"],
	.announcementslist_area table.office-table th.search-text input[type="search"],
	.convdealercdlist_area table.office-table td input[type="search"],
	.convdealercdlist_area table.office-table th.search-text input[type="search"],
	.ReceivedOrder_area table.office-table th.search-text input[type="search"],
	.invoicelist_area table.office-table th.search-text input[type="search"] {
		-webkit-appearance: searchfield;
	}

		.usermaintenancelist_area table.office-table td input[type="search"]::-webkit-search-cancel-button,
		.usermaintenancelist_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button,
		.announcementslist_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button,
		.convdealercdlist_area table.office-table td input[type="search"]::-webkit-search-cancel-button,
		.convdealercdlist_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button,
		.ReceivedOrder_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button,
		.invoicelist_area table.office-table th.search-text input[type="search"]::-webkit-search-cancel-button {
			-webkit-appearance: searchfield-cancel-button;
		}

.usermaintenancelist_area table.office-table td,
.announcementslist_area table.office-table td,
.convdealercdlist_area table.office-table td,
.ReceivedOrder_area table.office-table td,
.invoicelist_area table.office-table td {
	border: 1px solid #C0C0C0;
	height: 33px;
	max-height: 33px;
	text-align: center;
	color: #051b36;
}

/*.usermaintenancelist_area table.office-table tr:nth-child(2n) td,*/
.convdealercdlist_area table.office-table tr:nth-child(2n) td,
.ReceivedOrder_area table.office-table tr:nth-child(2n) td,
.invoicelist_area table.office-table tr:nth-child(2n) td {
	background-color: #F2F2F2;
}

/*送り状照会画面(ヘッダー固定)*/
.invoicelist_area table.office-table.office-table thead {
	position: fixed;
	top: 189px;
	z-index: 1;
	max-width: 1141px;
	overflow: hidden;
}

.ReceivedOrder_area table.office-table.office-table thead {
	position: fixed;
	top: 189px;
	z-index: 1;
	max-width: 1141px;
	overflow: hidden;
}

.container.invoice-list .dispcount {
	text-align: left;
	position: fixed;
	top: 110px;
	z-index: 2;
	background-color: white;
	width: 1141px;
	height: 80px;
}

.container.ReceivedOrder-list .dispcount {
	text-align: left;
	position: fixed;
	top: 110px;
	z-index: 2;
	background-color: white;
	width: 1141px;
	height: 80px;
}

.container.announcements-list .dispcount {
	text-align: left;
	top: 110px;
	z-index: 2;
	background-color: white;
	width: 1141px;
	height: 45px;
}

.usermaintenancelist_area table.table-list,
.convdealercdlist_area table.table-list,
.ReceivedOrder_area table.table-list,
.invoicelist_area table.table-list {
	overflow: auto;
}

.container.ReceivedOrder-list,
.container.invoice-list,
.container.user-maintenance-list {
	width: 1141px;
	max-width: 1141px;
}

	.container.user-maintenance-list form,
	.container.invoice-list form {
		/*width: 1170px;
        max-width: 1170px;*/
	}

.container.convdealercd-list {
	width: 875px;
	max-width: 875px;
}

	.container.convdealercd-list form {
		width: 750px;
		max-width: 750px;
	}

	.container.user-maintenance-list .table-area,
	.container.convdealercd-list .table-area,
	.container.ReceivedOrder-list .table-area,
	.container.invoice-list .table-area {
		/*width: 1760px;
        max-width: 1760px;*/
		position: relative;
	}

	.container.user-maintenance-list .dispcount,
	.container.convdealercd-list .dispcount {
		text-align: left;
	}

.container.announcements-list {
	width: 1141px;
	max-width: 1141px;
}



.container.ReceivedOrder-list .dispcount .paging-wrap,
.container.invoice-list .dispcount .paging-wrap {
	display: inline-block;
	vertical-align: bottom;
}

	.container.ReceivedOrder-list .dispcount .paging-wrap.multi-page,
	.container.invoice-list .dispcount .paging-wrap.multi-page {
		margin: 0px 0px 5px 0px;
	}

	.container.ReceivedOrder-list .dispcount .paging-wrap.single-page,
	.container.invoice-list .dispcount .paging-wrap.single-page {
		margin: 30px 0px 5px 0px;
	}

.container.ReceivedOrder-list .dispcount div.search-area {
	margin: 12px 0 5px 0px;
	display: inline-block;
	position: relative;
	right: 10px;
	float: right;
}

.container.invoice-list .dispcount div.search-area {
	margin: 12px 94px 5px 0px;
	display: inline-block;
	position: relative;
	right: 10px;
	float: right;
}

.container.announcements-list .dispcount div.search-area {
	margin: 0px 0px 0px 0px;
	display: inline-block;
	position: relative;
	float: right;
}

.container.ReceivedOrder-list .dispcount div.search-area.single-page,
.container.ReceivedOrder-list .dispcount div.search-area.multi-page {
	margin: 12px 0px 5px 0px;
	position: relative;
	right: 0;
}

.container.invoice-list .dispcount div.search-area.single-page,
.container.invoice-list .dispcount div.search-area.multi-page {
	margin: 12px 0 5px 0px;
	position: relative;
	right: 0;
}

.container.user-maintenance-list .dispcount div.search-area.multi-page {
	margin: 12px 0px 5px 0px;
	position: absolute;
	right: 0;
}

.container.user-maintenance-list .dispcount p,
.container.convdealercd-list .dispcount p {
	display: inline-block;
	margin: 5px 5px 0px;
}

.container.announcements-list .dispcount p,
.container.ReceivedOrder-list .dispcount p,
.container.invoice-list .dispcount p {
	display: inline-block;
	font-size: 14px;
	margin: 0px 0px 2px 0px;
	vertical-align: bottom;
}

.container.ReceivedOrder-list .dispcount .display-count,
.container.invoice-list .dispcount .display-count {
	display: inline-block;
	font-size: 14px;
	width: 70px;
	vertical-align: bottom;
}

.container.announcements-list .dispcount .btn-search,
.container.convdealercd-list .dispcount .btn-search,
.container.ReceivedOrder-list .dispcount .btn-search,
.container.invoice-list .dispcount .btn-search {
	width: 125px;
}

.container.user-maintenance-list .dispcount .btn-search {
	width: 90px;
}

.container.user-maintenance-list .dispcount .btn-allclear {
	width: 100px;
}

.container.user-maintenance-list .dispcount .btn-add {
	width: 100px;
}

.container.user-maintenance-list .dispcount .btn-allsave {
	width: 100px;
}

.container.user-maintenance-list .dispcount .btn-search {
	width: 100px;
}

.container.ReceivedOrder-list .dispcount .btn-search {
	margin: 0px 0px 0px 0px;
}

.container.invoice-list .dispcount .btn-search {
	margin: 0px 0px 0px 0px;
}

.container.convdealercd-list .dispcount .btn-secondary {
	width: 110px;
}

.container.ReceivedOrder-list .dispcount .btn-excel,
.container.invoice-list .dispcount .btn-excel,
.container.ReceivedOrder-list .dispcount .btn-customize,
.container.invoice-list .dispcount .btn-customize,
.container.announcements-list .dispcount .btn-allclear,
.container.ReceivedOrder-list .dispcount .btn-allclear,
.container.invoice-list .dispcount .btn-allclear {
	margin: 0px 0px 0px 0px;
	width: 125px;
}

.container.ReceivedOrder-list table.table-list.user-nm-list,
.container.invoice-list table.table-list.user-nm-list {
	width: 1141px;
	max-width: 1141px;
	white-space: normal;
	float: left;
	font-size: 11px;
}

.container.user-maintenance-list table.table-list.user-maintenance-list {
	/*max-width: 510px;
    width: 510px;*/
	max-width: 1291px;
	width: 1110px;
	white-space: normal;
	float: left;
	/*font-size: 13px;*/
	font-size: 11px;
}

.container.user-maintenance-list table.table-list.detail-list {
	/*max-width: 630px;*/
	max-width: 690px;
	max-height: 375px;
	/*overflow: auto;*/
	white-space: normal;
	float: left;
	/*font-size: 13px;*/
	font-size: 11px;
	/*width:220px;*/
}

.container.convdealercd-list table.table-list.detail-list {
	max-width: 840px;
	max-height: 375px;
	/*overflow: auto;*/
	white-space: normal;
	float: left;
	/*font-size: 13px;*/
	font-size: 11px;
	/*width:220px;*/
}

.container.ReceivedOrder-list form .chkbox,
.container.invoice-list form .chkbox {
	margin: 0 0 5px 10px;
	padding-top: 10px;
}

.usermaintenancelist_area table.table-list thead,
.ReceivedOrder_area table.table-list thead,
.invoicelist_area table.table-list thead {
	display: block;
	height: 107px;
}

/*ユーザーメンテナンス：検索結果一覧エリアの高さ調整*/
.usermaintenancelist_area table.table-list tbody {
	display: block;
	margin-top: -16px;
}

/*送り状照会：検索結果一覧エリア(高さ調整等)*/
.invoicelist_area table.table-list tbody {
	display: block;
	z-index: 0;
	top: auto;
	margin-top: 159px;
	display: block;
	width: 1141px;
}

/*受注一覧：検索結果一覧エリア(高さ調整等)*/
.ReceivedOrder_area table.table-list tbody {
	display: block;
	z-index: 0;
	top: auto;
	margin-top: 159px;
	display: block;
	width: 1141px;
}

	.usermaintenancelist_area table.table-list tbody tr,
	.convdealercdlist_area table.table-list tbody tr,
	.ReceivedOrder_area table.table-list tbody tr,
	.invoicelist_area table.table-list tbody tr {
		height: 32px;
		white-space: nowrap;
	}

.usermaintenancelist_area table.table-list thead tr th,
.announcementslist_area table.table-list thead tr th,
.convdealercdlist_area table.table-list thead tr th,
.ReceivedOrder_area table.table-list thead tr th {
	height: 53px;
	background-color: #0070c0;
}

.invoicelist_area table.table-list thead tr th {
	height: 26px;
	background-color: #0070c0;
}

/* ユーザメンテナンス */
.usermaintenancelist_area .dispcount input.btn {
	margin-left: 5px;
	float: right;
}

.usermaintenancelist_area table.table-list thead tr th.no,
.usermaintenancelist_area table.table-list tbody tr td.no,
.usermaintenancelist_area table.table-list thead tr th.del-flg,
.usermaintenancelist_area table.table-list tbody tr td.del-flg {
	max-width: 40px;
	min-width: 40px;
	width: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.usermaintenancelist_area table.table-list thead tr th.user-cd,
.usermaintenancelist_area table.table-list tbody tr td.user-cd {
	/*max-width: 135px;
    min-width: 135px;
    width: 135px;*/
	max-width: 110px;
	min-width: 110px;
	width: 110px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.usermaintenancelist_area table.table-list thead tr th.user-cd input.form-control.user-cd,
	.usermaintenancelist_area table.table-list tbody tr td.user-cd input.form-control.user-cd {
		display: inline;
		/*width: 130px;*/
		width: 105px;
		ime-mode: disabled;
	}

.usermaintenancelist_area table.table-list thead tr th.user-nm-kana,
.usermaintenancelist_area table.table-list tbody tr td.user-nm-kana,
.usermaintenancelist_area table.table-list thead tr th.user-nm,
.usermaintenancelist_area table.table-list tbody tr td.user-nm {
	/*max-width: 315px;
    min-width: 315px;
    width: 315px;*/
	max-width: 202px;
	min-width: 202px;
	width: 202px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.usermaintenancelist_area table.table-list thead tr th.user-nm-kana input.form-control.user-nm-kana,
	.usermaintenancelist_area table.table-list tbody tr td.user-nm-kana input.form-control.user-nm-kana,
	.usermaintenancelist_area table.table-list thead tr th.user-nm input.form-control.user-nm,
	.usermaintenancelist_area table.table-list tbody tr td.user-nm input.form-control.user-nm {
		display: inline;
		/*max-width: 310px;
    width: 310px;*/
		max-width: 199px;
		width: 199px;
	}

.usermaintenancelist_area table.table-list thead tr th.password,
.usermaintenancelist_area table.table-list tbody tr td.password {
	/*max-width: 315px;
    min-width: 315px;
    width: 315px;*/
	max-width: 150px;
	min-width: 150px;
	width: 150px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.usermaintenancelist_area table.table-list thead tr th.password input.form-control.password,
	.usermaintenancelist_area table.table-list tbody tr td.password input.form-control.password {
		display: inline;
		/*max-width: 310px;
    width: 310px;*/
		max-width: 147px;
		width: 147px;
		ime-mode: disabled;
	}

.usermaintenancelist_area table.table-list thead tr th.auth-cls,
.usermaintenancelist_area table.table-list tbody tr td.auth-cls {
	/*max-width: 385px;
    min-width: 385px;
    width: 385px;*/
	max-width: 103px;
	min-width: 103px;
	width: 103px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.usermaintenancelist_area table.table-list tbody tr td.auth-cls select.form-control.auth-cls {
		display: inline;
		/*max-width: 380px;
    width: 380px;*/
		max-width: 100px;
		width: 100px;
	}

	.usermaintenancelist_area table.table-list tbody tr td.auth-cls select.form-control.auth-cls {
		font-size: 13px;
	}

.usermaintenancelist_area table.table-list thead tr th.mail-address,
.usermaintenancelist_area table.table-list tbody tr td.mail-address {
	/*max-width: 315px;
    min-width: 315px;
    width: 315px;*/
	max-width: 210px;
	min-width: 210px;
	width: 210px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.usermaintenancelist_area table.table-list thead tr th.password input.form-control.mail-address,
.usermaintenancelist_area table.table-list tbody tr td.password input.form-control.mail-address {
	display: inline;
	/*max-width: 310px;
    width: 310px;*/
	max-width: 155px;
	width: 155px;
	ime-mode: disabled;
}


.usermaintenancelist_area table.table-list thead tr th.last-login-dttm,
.usermaintenancelist_area table.table-list tbody tr td.last-login-dttm {
	/*max-width: 160px;
    min-width: 160px;
    width: 160px;*/
	max-width: 125px;
	min-width: 125px;
	width: 125px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.usermaintenancelist_area table.table-list thead tr th.pwd-vld-dt,
.usermaintenancelist_area table.table-list tbody tr td.pwd-vld-dt {
	/*max-width: 160px;
    min-width: 160px;
    width: 160px;*/
	max-width: 75px;
	min-width: 75px;
	width: 75px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.usermaintenancelist_area table.table-list thead tr th.del-flg input.form-control.del-flg,
.usermaintenancelist_area table.table-list tbody tr td.del-flg input.form-control.del-flg {
	display: inline;
	width: 20px;
	height: 20px;
}

.usermaintenancelist_area table.table-list thead tr th.hidden-col,
.usermaintenancelist_area table.table-list tbody tr td.hidden-col {
	max-width: 5px;
	min-width: 5px;
	width: 5px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	visibility: hidden;
}

.usermaintenancelist_area .dispcount .btn-alert {
	width: 180px;
}

/* ディーラーコード変換 */
.container.convdealerbase-list {
	width: 1075px;
	max-width: 1075px;
}

.convdealercdlist_area .dispcount input.btn {
	margin-left: 5px;
	float: right;
}

.convdealercdlist_area table.table-list col.own-dealer-cd-org,
.convdealercdlist_area table.table-list col.ent-dttm,
.convdealercdlist_area table.table-list col.ent-user,
.convdealercdlist_area table.table-list col.upd-dttm,
.convdealercdlist_area table.table-list col.upd-user,
.convdealercdlist_area table.table-list col.edit-flg {
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	visibility: hidden;
}

.convdealercdlist_area table.table-list col.own-dealer-cd {
	/*min-width: 215px;*/
	width: 215px;
	/*max-width: 215px;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.convdealercdlist_area table.table-list col.dealer-nm {
	/*min-width: 385px;*/
	width: 360px;
	/*max-width: 385px;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.convdealercdlist_area table.table-list col.dealer-select {
	/*min-width: 125px;*/
	width: 150px;
	/*max-width: 125px;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}


.convdealercdlist_area table.table-list col.dealer-base-nm {
	width: 460px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.convdealercdlist_area table.table-list col.bo-notice-receive {
	width: 110px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.convdealercdlist_area table.table-list col.add-column {
	width: 60px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.convdealercdlist_area table.table-list col.no,
.convdealercdlist_area table.table-list col.del-flg {
	/*min-width: 60px;*/
	width: 60px;
	/*max-width: 60px;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.convdealercdlist_area table.table-list tbody tr td.dealer-nm {
	border-right-style: none
}

.convdealercdlist_area table.table-list tbody tr td.dealer-select {
	border-left-style: none
}

.convdealercdlist_area table.table-list thead tr th.own-dealer-cd input.form-control.own-dealer-cd,
.convdealercdlist_area table.table-list tbody tr td.own-dealer-cd input.form-control.own-dealer-cd {
	display: inline;
	width: 210px;
}

.convdealercdlist_area table.table-list thead tr th.dealer-nm input.form-control.dealer-nm {
	display: inline;
	max-width: 380px;
	width: 380px;
}

.convdealercdlist_area table.table-list thead tr th.dealer-nm input.form-control.dealer-nm-conv {
	display: inline;
	max-width: 173px;
	width: 173px;
}

.convdealercdlist_area table.table-list thead tr th.dealer-base-nm input.form-control.dealer-base-nm {
	display: inline;
	max-width: 455px;
	width: 455px;
}

.convdealercdlist_area table.table-list tbody tr td input.btn-add-column {
	display: inline;
	width: 60px;
	height: 30px;
	font-weight: bold;
	border: none;
	outline: none;
	background: transparent;
}

.convdealercdlist_area table.table-list thead tr th.del-flg input.form-control.del-flg,
.convdealercdlist_area table.table-list tbody tr td.del-flg input.form-control.del-flg {
	display: inline;
	width: 20px;
	height: 20px;
}

/*　ディーラー拠点マスタ　*/
.announcementslist_area table.table-list thead tr th.prefecture {
	max-width: 112px;
	min-width: 112px;
	width: 112px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.announcementslist_area table.table-list thead tr th.base-adress {
	max-width: 185px;
	min-width: 185px;
	width: 185px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

/*.announcementslist_area table.table-list tbody td.input.form-control.base-adress {
		display: inline;
		max-width: 95%;
		width: 180px;
	}*/

.announcementslist_area table.table-list thead tr th.base-tel {
	max-width: 140px;
	min-width: 140px;
	width: 140px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

/*.announcementslist_area table.table-list tbody td.input.form-control.base-tel {
		display: inline;
		max-width: 95%;
		width: 140px;
	}*/

.announcementslist_area table.table-list thead tr th.base-fax {
	max-width: 140px;
	min-width: 140px;
	width: 140px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

/*.announcementslist_area table.table-list tbody td.input.form-control.base-fax {
		display: inline;
		max-width: 95%;
		width: 140px;
	}*/

announcementslist_area table.table-list tbody td.input.form-control.base-nm {
	display: inline;
	max-width: 100%;
	width: 400px !important;
}

/*　メーカーからのお知らせ画面　*/
.announcementslist_area table.table-list thead tr th.manufacturer-nm {
	max-width: 300px;
	min-width: 300px;
	width: 300px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.announcementslist_area table.table-list thead tr th.manufacturer-nm input.form-control.manufacturer-nm {
		display: inline;
		max-width: 95%;
		width: 300px;
	}

.announcementslist_area table.table-list thead tr th.announcement-content {
	max-width: 841px;
	min-width: 841px;
	width: 841px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.announcementslist_area table.table-list thead tr th.announcement-content input.form-control.announcement-content {
		display: inline;
		max-width: 95%;
		width: 841px;
	}

.announcementslist_area table.office-table tr.manufacturer-view td {
	height: 400px;
}



/******************************
        送り状照会(幅指定)
*******************************/
.ReceivedOrder_area .dispcount input.btn,
.invoicelist_area .dispcount input.btn {
	margin-left: 5px;
}

/*詳細*/
.invoicelist_area table.table-list thead tr th.detail,
.invoicelist_area table.table-list tbody tr td.detail {
	min-width: 45px;
	width: 45px;
	max-width: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.invoicelist_area table.table-list tbody tr td .btn-detail {
	width: 40px;
	font-size: 11px;
	height: 30px;
}

/*ディーラー名orメーカー名*/
.invoicelist_area table.table-list thead tr th.company-nm,
.invoicelist_area table.table-list tbody tr td.company-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.company-nm input {
		display: inline;
		width: 80px;
	}

/*ディーラー発注番号*/
.invoicelist_area table.table-list thead tr th.order-no,
.invoicelist_area table.table-list tbody tr td.order-no {
	min-width: 80px;
	width: 80px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.order-no input {
		display: inline;
		width: 70px;
	}

/*受注No.*/
.invoicelist_area table.table-list thead tr th.ord-no,
.invoicelist_area table.table-list tbody tr td.ord-no {
	min-width: 80px;
	width: 80px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.ord-no input {
		display: inline;
		width: 70px;
	}

/*納品書No.*/
.invoicelist_area table.table-list thead tr th.guide-no,
.invoicelist_area table.table-list tbody tr td.guide-no {
	min-width: 80px;
	width: 80px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.guide-no input {
		display: inline;
		width: 70px;
	}

/*出荷日*/
.invoicelist_area table.table-list thead tr th.out-dt,
.invoicelist_area table.table-list tbody tr td.out-dt {
	min-width: 130px;
	width: 130px;
	max-width: 130px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.out-dt input {
		display: inline-block;
		width: 105px;
	}

/*発送先名*/
.invoicelist_area table.table-list thead tr th.dis-nm,
.invoicelist_area table.table-list tbody tr td.dis-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.dis-nm input {
		display: inline;
		width: 80px;
	}

/*発送先住所*/
.invoicelist_area table.table-list thead tr th.dis-adrs,
.invoicelist_area table.table-list tbody tr td.dis-adrs {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.dis-adrs input {
		display: inline;
		width: 80px;
	}

/*病院名*/
.invoicelist_area table.table-list thead tr th.hospital-nm,
.invoicelist_area table.table-list tbody tr td.hospital-nm {
	min-width: 120px;
	width: 120px;
	max-width: 120px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	.invoicelist_area table.table-list thead tr th.hospital-nm input {
		display: inline;
		width: 110px;
	}

/*JANコード*/
.invoicelist_area table.table-list thead tr th.jan-cd,
.invoicelist_area table.table-list tbody tr td.jan-cd {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.jan-cd input {
		display: inline;
		width: 80px;
	}

/*品番*/
.invoicelist_area table.table-list thead tr th.callin-nm,
.invoicelist_area table.table-list tbody tr td.callin-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.callin-nm input {
		display: inline;
		width: 80px;
	}

/*品名*/
.invoicelist_area table.table-list thead tr th.item-nm,
.invoicelist_area table.table-list tbody tr td.item-nm {
	min-width: 120px;
	width: 120px;
	max-width: 120px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.item-nm input {
		display: inline;
		width: 110px;
	}

/*ロットNo.*/
.invoicelist_area table.table-list thead tr th.lot-no,
.invoicelist_area table.table-list tbody tr td.lot-no {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.lot-no input {
		display: inline;
		width: 80px;
	}

/*シリアルNo.*/
.invoicelist_area table.table-list thead tr th.serial-no,
.invoicelist_area table.table-list tbody tr td.serial-no {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.serial-no input {
		display: inline;
		width: 80px;
	}

/*使用期限*/
.invoicelist_area table.table-list thead tr th.use-exp,
.invoicelist_area table.table-list tbody tr td.use-exp {
	min-width: 110px;
	width: 110px;
	max-width: 110px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.use-exp input {
		display: inline;
		width: 100px;
	}

/*出荷数*/
.invoicelist_area table.table-list thead tr th.out-qty,
.invoicelist_area table.table-list tbody tr td.out-qty {
	min-width: 70px;
	width: 70px;
	max-width: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.out-qty input {
		display: inline;
		width: 60px;
	}

/*単位名*/
.invoicelist_area table.table-list thead tr th.unit-nm,
.invoicelist_area table.table-list tbody tr td.unit-nm {
	min-width: 70px;
	width: 70px;
	max-width: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.unit-nm input {
		display: inline;
		width: 60px;
	}

/*オーダー種類*/
.invoicelist_area table.table-list thead tr th.order-type,
.invoicelist_area table.table-list tbody tr td.order-type {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.order-type input {
		display: inline;
		width: 80px;
	}

/*症例日*/
.invoicelist_area table.table-list thead tr th.case-dt,
.invoicelist_area table.table-list tbody tr td.case-dt {
	min-width: 130px;
	width: 130px;
	max-width: 130px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.case-dt input {
		display: inline-block;
		width: 105px;
	}

/*備考*/
.invoicelist_area table.table-list thead tr th.remarks,
.invoicelist_area table.table-list tbody tr td.remarks {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.remarks input {
		display: inline;
		width: 80px;
	}

/*運送会社*/
.invoicelist_area table.table-list thead tr th.exp-nm,
.invoicelist_area table.table-list tbody tr td.exp-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.exp-nm input {
		display: inline;
		width: 80px;
	}

/*送り状No.*/
.invoicelist_area table.table-list thead tr th.inv-no,
.invoicelist_area table.table-list tbody tr td.inv-no {
	min-width: 95px;
	width: 95px;
	max-width: 95px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.inv-no input {
		display: inline;
		/*width: 120px;*/
		width: 80px;
		ime-mode: disabled;
	}

/*事業部名*/
.invoicelist_area table.table-list thead tr th.division-nm,
.invoicelist_area table.table-list tbody tr td.division-nm {
	min-width: 100px;
	width: 100px;
	max-width: 100px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.division-nm input {
		display: inline;
		width: 90px;
	}

/*出荷元*/
.invoicelist_area table.table-list thead tr th.out-nm,
.invoicelist_area table.table-list tbody tr td.out-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.out-nm input {
		display: inline;
		width: 80px;
	}

/*担当営業所*/
.invoicelist_area table.table-list thead tr th.mat-nm,
.invoicelist_area table.table-list tbody tr td.mat-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.mat-nm input {
		display: inline;
		width: 80px;
	}

/*品目コード*/
.invoicelist_area table.table-list thead tr th.item-cd,
.invoicelist_area table.table-list tbody tr td.item-cd {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.item-cd input {
		display: inline;
		width: 80px;
	}

/*受注日*/
.invoicelist_area table.table-list thead tr th.ord-dt,
.invoicelist_area table.table-list tbody tr td.ord-dt {
	min-width: 130px;
	width: 130px;
	max-width: 130px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.ord-dt input {
		display: inline-block;
		width: 105px;
	}

/*発送先コード*/
.invoicelist_area table.table-list thead tr th.dis-cd,
.invoicelist_area table.table-list tbody tr td.dis-cd {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.dis-cd input {
		display: inline;
		width: 80px;
	}

/*受注数*/
.invoicelist_area table.table-list thead tr th.order-qty,
.invoicelist_area table.table-list tbody tr td.order-qty {
	min-width: 70px;
	width: 70px;
	max-width: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.order-qty input {
		display: inline;
		width: 60px;
	}

/*******************************
    受注一覧画面 
 *******************************/
/*詳細*/
.ReceivedOrder_area table.table-list thead tr th.detail,
.ReceivedOrder_area table.table-list tbody tr td.detail {
	min-width: 45px;
	width: 45px;
	max-width: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.ReceivedOrder_area table.table-list tbody tr td .btn-detail {
	width: 40px;
	/*font-size: 13px;*/
	font-size: 11px;
	height: 30px;
}

/*ディーラー名orメーカー名*/
.ReceivedOrder_area table.table-list thead tr th.company-nm,
.ReceivedOrder_area table.table-list tbody tr td.company-nm {
	/*min-width: 150px;
    width: 150px;
    max-width: 150px;*/
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.company-nm input {
		display: inline;
		width: 80px;
	}

/*ディーラー発注番号*/
.ReceivedOrder_area table.table-list thead tr th.order-no,
.ReceivedOrder_area table.table-list tbody tr td.order-no {
	min-width: 80px;
	width: 80px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.order-no input {
		display: inline;
		width: 70px;
	}

/*受注日*/
.ReceivedOrder_area table.table-list thead tr th.received-ord-dt,
.ReceivedOrder_area table.table-list tbody tr td.received-ord-dt {
	min-width: 130px;
	width: 130px;
	max-width: 130px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.received-ord-dt input {
		display: inline-block;
		width: 100px;
	}

/*受注No.*/
.ReceivedOrder_area table.table-list thead tr th.received-order-no,
.ReceivedOrder_area table.table-list tbody tr td.received-order-no {
	min-width: 80px;
	width: 80px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.received-order-no input {
		display: inline;
		width: 70px;
	}

/*出荷日*/
.ReceivedOrder_area table.table-list thead tr th.out-dt,
.ReceivedOrder_area table.table-list tbody tr td.out-dt {
	min-width: 130px;
	width: 130px;
	max-width: 130px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.out-dt input {
		display: inline-block;
		width: 100px;
	}

/*納品書No.*/
.ReceivedOrder_area table.table-list thead tr th.guide-no,
.ReceivedOrder_area table.table-list tbody tr td.guide-no {
	min-width: 80px;
	width: 80px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.guide-no input {
		display: inline-block;
		width: 70px;
	}

/*発送先名*/
.ReceivedOrder_area table.table-list thead tr th.dis-nm,
.ReceivedOrder_area table.table-list tbody tr td.dis-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.dis-nm input {
		display: inline;
		width: 80px;
	}

/*発送先住所*/
.ReceivedOrder_area table.table-list thead tr th.out-addres,
.ReceivedOrder_area table.table-list tbody tr td.out-addres {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.out-addres input {
		display: inline;
		width: 80px;
	}

/*病院名*/
.ReceivedOrder_area table.table-list thead tr th.hospital-nm,
.ReceivedOrder_area table.table-list tbody tr td.hospital-nm {
	min-width: 120px;
	width: 120px;
	max-width: 120px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.hospital-nm input {
		display: inline;
		width: 110px;
	}

/*JANコード*/
.ReceivedOrder_area table.table-list thead tr th.jan-cd,
.ReceivedOrder_area table.table-list tbody tr td.jan-cd {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.jan-cd input {
		display: inline;
		width: 80px;
	}

/*品番*/
.ReceivedOrder_area table.table-list thead tr th.callin-nm,
.ReceivedOrder_area table.table-list tbody tr td.callin-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.callin-nm input {
		display: inline;
		width: 80px;
	}

/*品名*/
.ReceivedOrder_area table.table-list thead tr th.product-nm,
.ReceivedOrder_area table.table-list tbody tr td.product-nm {
	min-width: 120px;
	width: 120px;
	max-width: 120px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.product-nm input {
		display: inline;
		width: 110px;
	}

/*ロットNo.*/
.ReceivedOrder_area table.table-list thead tr th.lot-no,
.ReceivedOrder_area table.table-list tbody tr td.lot-no {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.lot-no input {
		display: inline;
		width: 80px;
	}

/*シリアルNo.*/
.ReceivedOrder_area table.table-list thead tr th.serial-no,
.ReceivedOrder_area table.table-list tbody tr td.serial-no {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.serial-no input {
		display: inline;
		width: 80px;
	}

/*使用期限*/
.ReceivedOrder_area table.table-list thead tr th.expiry-date,
.ReceivedOrder_area table.table-list tbody tr td.expiry-date {
	min-width: 110px;
	width: 110px;
	max-width: 110px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.expiry-date input {
		display: inline-block;
		width: 100px;
	}

/*受注数*/
/*.invoicelist_area table.table-list thead tr th.order-qty,
.invoicelist_area table.table-list tbody tr td.order-qty,*/
.ReceivedOrder_area table.table-list thead tr th.order-number,
.ReceivedOrder_area table.table-list tbody tr td.order-number {
	min-width: 70px;
	width: 70px;
	max-width: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.order-number input {
		display: inline;
		width: 60px;
	}

/*出荷数*/
.ReceivedOrder_area table.table-list thead tr th.out-number,
.ReceivedOrder_area table.table-list tbody tr td.out-number {
	min-width: 70px;
	width: 70px;
	max-width: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.out-number input {
		display: inline;
		width: 60px;
	}

/*単位名*/
.ReceivedOrder_area table.table-list thead tr th.unit-nm,
.ReceivedOrder_area table.table-list tbody tr td.unit-nm {
	min-width: 70px;
	width: 70px;
	max-width: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.unit-nm input {
		display: inline;
		width: 60px;
	}

/*オーダー種類*/
.ReceivedOrder_area table.table-list thead tr th.order-type,
.ReceivedOrder_area table.table-list tbody tr td.order-type {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.order-type input {
		display: inline;
		width: 80px;
	}

/*症例日*/
.ReceivedOrder_area table.table-list thead tr th.case-dt,
.ReceivedOrder_area table.table-list tbody tr td.case-dt {
	min-width: 130px;
	width: 130px;
	max-width: 130px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.case-dt input {
		display: inline-block;
		width: 100px;
	}

/*備考*/
.ReceivedOrder_area table.table-list thead tr th.remarks,
.ReceivedOrder_area table.table-list tbody tr td.remarks {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.remarks input {
		display: inline;
		width: 80px;
	}

/*運送会社*/
.ReceivedOrder_area table.table-list thead tr th.exp-nm,
.ReceivedOrder_area table.table-list tbody tr td.exp-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.exp-nm input {
		display: inline;
		width: 80px;
	}

/*送り状No.*/
.ReceivedOrder_area table.table-list thead tr th.inv-no,
.ReceivedOrder_area table.table-list tbody tr td.inv-no {
	min-width: 95px;
	width: 95px;
	max-width: 95px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.inv-no input {
		display: inline;
		width: 80px;
		ime-mode: disabled;
	}


/*事業部名*/
.ReceivedOrder_area table.table-list thead tr th.division-nm,
.ReceivedOrder_area table.table-list tbody tr td.division-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.ReceivedOrder_area table.table-list thead tr th.d-nm input {
	display: inline;
	width: 80px;
}

/*出荷元*/
.ReceivedOrder_area table.table-list thead tr th.out-nm,
.ReceivedOrder_area table.table-list tbody tr td.out-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.out-nm input {
		display: inline;
		width: 80px;
	}

/*担当営業所*/
.ReceivedOrder_area table.table-list thead tr th.mat-nm,
.ReceivedOrder_area table.table-list tbody tr td.mat-nm {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.mat-nm input {
		display: inline;
		width: 80px;
	}

/*品目コード*/
.ReceivedOrder_area table.table-list thead tr th.item-cd,
.ReceivedOrder_area table.table-list tbody tr td.item-cd {
	min-width: 90px;
	width: 90px;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.item-cd input {
		display: inline;
		width: 80px;
	}

.ReceivedOrder_area table.table-list thead tr th.proceeds-no,
.ReceivedOrder_area table.table-list tbody tr td.proceeds-no {
	min-width: 150px;
	width: 150px;
	max-width: 150px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.proceeds-no input {
		display: inline;
		width: 140px;
	}

.ReceivedOrder_area table.table-list thead tr th.customer-hojin-nm,
.ReceivedOrder_area table.table-list tbody tr td.customer-hojin-nm {
	min-width: 150px;
	width: 150px;
	max-width: 150px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.customer-hojin-nm input {
		display: inline;
		width: 140px;
	}

.ReceivedOrder_area table.table-list thead tr th.details-number,
.ReceivedOrder_area table.table-list tbody tr td.details-number {
	min-width: 80px;
	width: 80px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.ReceivedOrder_area table.table-list thead tr th.details-number input {
		display: inline;
		width: 70px;
	}

.btn.btn-off:hover,
.btn.btn-off:focus {
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
	opacity: 0.8;
	color: #FFFFFF;
}

.btn.btn-off:active {
	opacity: 0.5;
}


/*******************************
        パスワード変更画面 
 *******************************/
.passwordchange_area .editbox table tr span.hissu {
	background: url("../../Contents/img/common/require.png") no-repeat;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0px -5px 0 0px;
	background-size: 35px;
	background-position: left center;
	vertical-align: middle;
}

.passwordchange_area .editbox table {
	width: 100%;
	border: none;
}

	.passwordchange_area .editbox table tr.width-settings th.control-title {
		width: 20%;
		max-width: 100px;
	}

	.passwordchange_area .editbox table tr.width-settings th.hissu-area {
		width: 10%;
		max-width: 30px;
		min-width: 30px;
	}

	.passwordchange_area .editbox table tr.width-settings td.control-area {
		width: 30%;
	}

	.passwordchange_area .editbox table tr.width-settings td.control-button-area {
		width: 20%;
		max-width: 60px;
		min-width: 60px;
	}

	.passwordchange_area .editbox table tr th,
	.passwordchange_area .editbox table tr td {
		padding-left: 10px;
		border: none;
		background: #ffffff;
		color: #605653;
		font-weight: normal;
		height: 45px;
	}

		.passwordchange_area .editbox table tr th.hissu {
			border-left: none;
			padding-left: 0;
			width: 30px;
		}

	.passwordchange_area .editbox table tr.blank-row {
		height: 45px;
	}

	.passwordchange_area .editbox table td.border-bottom {
		border-bottom: 1px solid #808080;
	}


/*******************************
    メーカーからのお知らせ画面 
 *******************************/

.announcementslist_area table.table-list tbody .dealer-view {
	height: auto;
	overflow-wrap: break-word;
	white-space: normal;
}

.announcementslist_area table.table-list tbody .manufacturer-view {
	overflow-wrap: break-word;
	white-space: normal;
}

.announcementslist_area .announcements-list td .announcement-save-content {
	height: 100%;
	max-width: 841px;
	width: 100%;
}

.announcementslist_area table.table-list tbody td .annc-auto-height {
	bottom: 0;
	display: block;
	height: auto;
	max-height: 400px;
	min-height: 30px;
	overflow-y: auto;
	text-align: left;
	top: 0;
	white-space: pre-wrap;
	width: 100%;
}

/* バックオーダー通知一覧*/
/*通知日*/
.invoicelist_area table.table-list thead tr th.notice-dt,
.invoicelist_area table.table-list tbody tr td.notice-dt {
	min-width: 130px;
	width: 130px;
	max-width: 130px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.notice-dt input {
		display: inline-block;
		width: 105px;
	}


.invoicelist_area table.table-list thead tr th.base-nm,
.invoicelist_area table.table-list tbody tr td.base-nm {
	min-width: 275px;
	width: 275px;
	max-width: 275px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

	.invoicelist_area table.table-list thead tr th.base-nm input {
		display: inline-block;
		width: 265px;
	}



/* WEB照会同意確認画面 */
.approval_area .title {
	text-align: center;
	margin-bottom: 20px;
}

.approval_area .kiyaku {
	width: 100%;
	height: 250px;
	overflow-y: scroll;
	border: 1px solid;
}

.approval_area .doui {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	font-size: 1em;
}

.approval_area .btn-area div.div-btn input {
	margin: 10px 10px 10px 10px;
}

.btn.ok-btn {
	width: 200px;
}

.btn.no-btn {
	width: 200px;
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
}

	.btn.no-btn:hover,
	.btn.no-btn:focus {
		background-image: linear-gradient(#7f7f7f, #bfbfbf);
		opacity: 0.8;
		color: #FFFFFF;
	}

	.btn.no-btn:active {
		opacity: 0.5;
	}





/* スマートフォン用インデックス画面 */
.container.announcements-s-list,
.container.invoice-s-list {
	width: 355px;
	max-width: 355px;
	margin: 0px 10px;
}

/*送り状照会：検索結果一覧エリア*/
.invoice_s_list_area table.office-table th.header-title {
	background-color: #0070c0;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	border-top-color: rgb(192, 192, 192);
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: rgb(192, 192, 192);
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: rgb(192, 192, 192);
	border-left-style: solid;
	border-left-width: 1px;
}

.invoice_s_list_area .condition-space .search-text input[type="search"] {
	-webkit-appearance: searchfield;
}

	.invoice_s_list_area .condition-space .search-text input[type="search"]::-webkit-search-cancel-button {
		-webkit-appearance: searchfield-cancel-button;
	}

.invoice_s_list_area table.office-table td {
	border: 1px solid #C0C0C0;
	height: 33px;
	max-height: 33px;
	/*cursor: pointer;*/
	text-align: center;
	color: #051b36;
}


.invoice_s_list_area table.office-table tr:nth-child(4n+1) td,
.invoice_s_list_area table.office-table tr:nth-child(4n+2) td {
	background-color: #F2F2F2;
}

.invoice_s_list_area table.table-list {
	overflow: auto;
}

	.invoice_s_list_area table.table-list thead {
		display: block;
		height: 107px;
	}

	.invoice_s_list_area table.table-list tbody tr {
		height: 32px;
		white-space: nowrap;
	}

	.invoice_s_list_area table.table-list thead tr th {
		height: 53px;
		background-color: #0070c0;
	}

.container.invoice-s-list .table-area {
	position: relative;
}

.container.invoice-s-list .dispcount {
	text-align: left;
}

	.container.invoice-s-list .dispcount p {
		display: inline-block;
		margin: 20px 0px 0px;
	}

/*　メーカーからのお知らせ（スマホ版）　*/
.container.announcements-s-list .announcementslist_s_area table.announcements-list tr {
	border: 1px solid #C0C0C0;
	color: #051b36;
	height: 33px;
	max-height: 33px;
	text-align: center;
}

.announcementslist_s_area table.office-table tr th.manufacturer-nm {
	background-color: #0070c0;
	border-top-color: rgb(192, 192, 192);
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: rgb(192, 192, 192);
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: rgb(192, 192, 192);
	border-left-style: solid;
	border-left-width: 1px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.announcementslist_s_area table.table-list tbody td .annc-auto-height {
	bottom: 0;
	display: block;
	height: auto;
	max-height: 400px;
	min-height: 30px;
	overflow-y: auto;
	text-align: left;
	top: 0;
	white-space: pre-wrap;
	width: 100%;
}




/* 検索領域外枠 */
.condition-space {
	margin: 10px 0px 20px;
}

	/* 検索条件１項目分領域 */
	.condition-space .rowW .blockA {
		/*clear:both;*/
		height: 40px;
		margin-bottom: 5px;
	}

	/* 検索条件タイトル */
	.condition-space .rowW .titleA {
		float: left;
		width: 80px;
		margin: 11px 5px 9px 0px;
		vertical-align: middle;
	}

	/* 検索条件インプット */
	.condition-space .rowW .inputB {
		float: left;
	}

		.condition-space .rowW .inputB input {
			display: inline-block;
			width: 270px;
		}

			.condition-space .rowW .inputB input.out-dt,
			.condition-space .rowW .inputB input.ord-dt,
			.condition-space .rowW .inputB input.case-dt,
			.condition-space .rowW .inputB input.notice-dt {
				width: 120px;
			}

	/* 検索条件欄ボタン */
	.condition-space .rowB .btn {
		width: 120px;
		float: right;
	}

	/* 検索条件クリアボタン */
	.condition-space .rowB .btn-allclear {
		margin-left: 5px;
	}

	/* 未出荷のみ検索ボタン */
	.condition-space p.searches-only-received-order {
		text-align: right;
		padding-right: 15px;
		margin-top: 10px;
	}

/* 検索結果件数 */
.fixing-box_ .dispcount {
	clear: both;
	text-align: left;
}

/* 検索結果テーブル */
.container.invoice-s-list .table-area table.office-table {
	width: 355px;
	max-width: 355px;
	white-space: normal;
	float: left;
	font-size: 13px;
}

/* 検索結果ヘッダー */
.table-area table.office-table .header-title {
	background-color: #0070c0;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	border-top-color: rgb(192, 192, 192);
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: rgb(192, 192, 192);
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: rgb(192, 192, 192);
	border-left-style: solid;
	border-left-width: 1px;
}

/* 検索結果：ディーラー名*/
.table-area table.office-table col.company-nm {
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}

/* 検索結果：出荷日 */
.table-area table.office-table col.out-dt {
	min-width: 100px;
	width: 100px;
	max-width: 100px;
}

/* 検索結果：病院名 */
.table-area table.office-table col.hospital-nm {
	min-width: 155px;
	width: 155px;
	max-width: 155px;
}

/* 検索結果：詳細情報 */
.table-area table.office-table col.detail {
	min-width: 55px;
	width: 55px;
	max-width: 55px;
}

/* 検索結果：ディーラー名*/
.table-area table.office-table th.company-nm,
.table-area table.office-table td.company-nm {
	white-space: normal;
}

/* 検索結果：出荷日 */
.table-area table.office-table th.out-dt,
.table-area table.office-table td.out-dt {
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

/* 検索結果：病院名 */
.table-area table.office-table th.hospital-nm,
.table-area table.office-table td.hospital-nm {
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

/* 検索結果：詳細情報 */
.table-area table.office-table th.detail,
.table-area table.office-table td.detail {
	white-space: nowrap;
	vertical-align: middle;
}

/* 検索結果：品名 */
.table-area table.office-table th.item-nm,
.table-area table.office-table td.item-nm {
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

/* 検索結果：その他 */
.table-area table.office-table th.remarks,
.table-area table.office-table td.remarks {
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

/* 検索結果：詳細ボタン */
.table-area table.office-table .btn-detail {
	width: 50px;
	/*font-size: 13px;*/
	font-size: 11px;
	height: 30px;
}




/* 送り状照会（詳細）（スマホ版）*/
.container.invoice-s-list .invoice-dtl-space {
	display: inline-block;
	margin: 10px 0px;
}

.container.invoice-s-list .invoice_area table.invoice-table {
	table-layout: fixed;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

	.container.invoice-s-list .invoice_area table.invoice-table tbody tr {
		height: 32px;
		white-space: nowrap;
	}

	.container.invoice-s-list .invoice_area table.invoice-table th,
	.container.invoice-s-list .invoice_area table.invoice-table td {
		border: 1px solid #C0C0C0;
		height: 33px;
		max-height: 33px;
		/*cursor: pointer;*/
		text-align: center;
		color: #051b36;
	}

	.container.invoice-s-list .invoice_area table.invoice-table th {
		min-width: 120px;
		width: 120px;
		max-width: 120px;
	}

	.container.invoice-s-list .invoice_area table.invoice-table td {
		min-width: 235px;
		width: 235px;
		max-width: 235px;
		white-space: normal;
		word-break: break-all;
	}

	.container.invoice-s-list .invoice_area table.invoice-table tr:nth-child(2n) th,
	.container.invoice-s-list .invoice_area table.invoice-table tr:nth-child(2n) td {
		background-color: #F2F2F2;
	}


/*  共通エラー画面  */

.btn.btn-err,
.btn.btn-cancel,
.btn.btn-delete {
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
	width: 330px;
}

.btn-scancel {
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
	width: 160px;
	color: #FFFFFF;
	padding: 0px;
	font-weight: 700;
	font-size: 16px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	transition: all 0.218s;
	height: 40px;
}

.btn-setting {
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
	color: #FFFFFF;
	padding: 0px;
	font-weight: 700;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	transition: all 0.218s;
	height: 40px;
}

/* TODO:Dev02と内容を統合する際に、scss化する */
.btn-secondary-setting {
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
	color: #FFFFFF;
	padding: 0px;
	font-weight: 700;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	-o-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-webkit-transition: all 0.218s;
	transition: all 0.218s;
	height: 40px;
	width: 110px;
}

.btn.btn-err:hover,
.btn.btn-err:focus,
.btn.btn-cancel:hover,
.btn.btn-cancel:focus,
.btn.btn-delete:hover,
.btn.btn-delete:focus {
	background-image: linear-gradient(#7f7f7f, #bfbfbf);
	opacity: 0.8;
	color: #FFFFFF;
}

.btn.btn-err:active,
.btn.btn-cancel:active,
.btn.btn-delete:active {
	opacity: 0.5;
}

/*施設検索子画面*/
.body-popup {
	max-width: 800px;
	height: 80%;
}

	.body-popup .search {
		margin-bottom: 20px;
	}

	.body-popup .table-list {
		width: 700px;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}

		.body-popup .table-list .col-btn {
			width: 70px;
		}

/*検査項目マスタメンテ*/
span.updown-btn {
	font-size: small;
	font-weight: bold;
	color: #ffffff;
	background-color: #EE86A1;
	display: inline-block;
	text-align: center;
	width: 30px;
}

/*ログイン*/
.table-center {
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	width: 285px;
	max-height: 200px;
	margin-top: 40px;
	margin-bottom: 10px;
}

/*カレンダー*/
table.calendar-table {
	border-color: #000 !important;
}

	table.calendar-table td {
		height: 20px;
		text-align: center;
		border-color: #000 !important;
	}

	table.calendar-table thead td {
		height: 20px;
		width: 14.3%;
	}

	table.calendar-table td label {
		font-weight: normal;
	}

	table.calendar-table td.holiday {
		background-color: #f2dcdb;
	}

		table.calendar-table td.holiday label.calendar-date {
			color: red;
		}

	table.calendar-table td.holiday_notuse {
		background-color: #f2dcdb;
		opacity: .4;
	}

		table.calendar-table td.holiday_notuse label.calendar-date {
			color: red;
		}

	table.calendar-table td.saturday {
		background-color: #daeef3;
	}

		table.calendar-table td.saturday label.calendar-date {
			color: #0070c0;
		}

	table.calendar-table td.saturday_notuse {
		background-color: #daeef3;
		opacity: .4;
	}

		table.calendar-table td.saturday_notuse label.calendar-date {
			color: #0070c0;
		}

	table.calendar-table td.today {
		background-color: #fde9d9;
	}

		table.calendar-table td.today label.calendar-date {
			color: black;
		}

	table.calendar-table td.normal {
		background-color: white;
	}

		table.calendar-table td.normal label.calendar-date {
			color: black;
		}

	table.calendar-table td.notuse {
		background-color: white;
		opacity: .4;
	}

		table.calendar-table td.notuse label.calendar-date {
			color: black;
		}

	table.calendar-table td input.btn-list {
		background-color: #ffffff;
		border-color: #EE86A1;
	}

	table.calendar-table td input.btn {
		max-width: 100% !important;
	}

	table.calendar-table td.fontAlert {
		color: #f79646 !important;
	}

	table.calendar-table td.fontCanUse {
		color: #0070c0 !important;
	}

table.btnArea td input.btn-cercle {
	background-color: #fff;
	border-color: #7f7f7f;
	background-image: url('../../Content/img/cercle.png');
	background-size: auto 27px;
	background-repeat: no-repeat;
	background-position: center;
}

	table.btnArea td input.btn-cercle:hover {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
		background-image: url('../../Content/img/cercle_focuson.png');
		background-size: auto 27px;
		background-repeat: no-repeat;
		background-position: center;
	}

table.btnArea td input.btn-triangle {
	background-color: #fff;
	border-color: #7f7f7f;
	background-image: url('../../Content/img/triangle.png');
	background-size: auto 26px;
	background-repeat: no-repeat;
	background-position: center;
}

	table.btnArea td input.btn-triangle:hover {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
		background-image: url('../../Content/img/triangle_focuson.png');
		background-size: auto 26px;
		background-repeat: no-repeat;
		background-position: center;
	}

table.btnArea td input.btnExcessReserve {
	background-color: #e46c0a;
	border-color: #e46c0a;
	color: #fff;
}

	table.btnArea td input.btnExcessReserve:hover {
		background-color: #fac090;
		border-color: #fac090;
	}

table.btnArea td input.btnReseveEnd {
	background-color: #7f7f7f;
	border-color: #7f7f7f;
	color: #fff;
}

table.btnArea td input.btnDefault {
	background-color: #f2f2f2;
	border-color: #7f7f7f;
	color: #000;
}

	table.btnArea td input.btnDefault:hover {
		background-color: #bfbfbf;
		color: #fff;
	}

table.btnArea td input[disabled] {
	opacity: 1;
}

.btnBack {
	margin-top: 30px;
	width: 100%;
	text-align: right;
}

	.btnBack .btn-back {
		padding: 3px 50px;
	}

.display-none {
	display: none;
}

@media screen and (min-width:767px) {

	#globalHeader .baseLink {
		height: 30px;
	}

	#globalHeader .base {
		height: 110px;
	}

		#globalHeader .base .logoArea {
			display: inline-block;
			/*padding: 20px 10px 10px;*/
			padding: 10px 10px 10px;
			font-size: 35px;
		}

			#globalHeader .base .logoArea .logo img {
				/*width:200px;*/
				width: 80px;
			}

	div.page-title {
		display: inline-block;
		/*font-size: 1.5em;*/
		font-size: 2.0em;
		font-weight: bold;
		/*border-left:10px solid #605653;
        border-bottom:3px solid #605653;
        box-shadow: 0px 4px 0px rgba(0,0,0,0.15);*/
		/*padding-left: 10px;*/
		padding: 20px 10px 10px;
		/*width:60%;*/
		/*height:45px;*/
		bottom: 20px;
		vertical-align: bottom;
		/*color:#605653;*/
		color: #0070c0;
	}

	#globalHeader .base .nmArea {
		display: inline-block;
		position: absolute;
		width: 340px;
		/*vertical-align: middle;*/
		vertical-align: bottom;
		text-align: right;
		right: 120px;
		bottom: 20px;
		/*padding-right:20px;*/
		padding: 20px 10px 10px;
		font-weight: 600;
		font-size: 18px;
		color: #4b4b4b;
	}

	#globalHeader .base .nmTitleArea {
		display: inline-block;
		position: absolute;
		width: 60px;
		vertical-align: bottom;
		text-align: right;
		right: 70px;
		bottom: 20px;
		padding: 20px 20px 10px 10px;
		font-weight: 600;
		font-size: 18px;
		color: #4b4b4b;
	}

	#globalHeader .base .nmArea1 {
		width: calc(100% - 320px);
		position: absolute;
		top: 90px;
	}

	#globalHeader .base .nmArea2 {
		width: calc(100% - 320px);
		font-size: 16px;
	}

	.menu-float {
		float: right;
		width: 60%;
	}
}

@media screen and (max-width:767px) {
	body {
		font-size: 13px;
	}

	input.form-control {
		font-size: 13px;
	}

	#globalHeader .base {
		height: 100px;
	}

		#globalHeader .base .logoArea {
			float: left;
			font-size: 35px;
			margin: 0px 10px;
		}

			#globalHeader .base .logoArea .logo img {
				width: 60px;
			}

	div.page-title {
		display: inline-block;
		font-size: 1.5em;
		font-weight: bold;
		color: #0070c0;
		float: left;
		margin-top: 30px;
	}

	#globalHeader .base .nmArea {
		display: inline-block;
		font-weight: 600;
		font-size: 13px;
		color: #4b4b4b;
		float: left;
		clear: left;
		margin: 0px 5px 0px 10px;
	}

	#globalHeader .base .nmTitleArea {
		display: inline-block;
		font-weight: 600;
		font-size: 13px;
		color: #4b4b4b;
		float: left;
	}

	#globalHeader .base .menuArea {
		position: absolute;
		right: 10px;
		bottom: 20px;
		margin: 20px 0px 20px 10px;
		font-size: 14px;
	}

		#globalHeader .base .menuArea .menu img {
			width: 30px;
		}

		#globalHeader .base .menuArea #menuList {
			position: absolute; /*bodyに対しての絶対位置*/
			right: -320px;
			top: 55px; /*通常時はビュー外*/
			background: rgba(255,255,255,.7);
			/*width: 50%;*/
			width: 300px;
			padding: 0;
			transition: .5s ease-in-out; /*transitionで動きを*/
			text-align: left
		}

	#globalHeader .base .nmArea1 {
		width: 100%;
		position: absolute;
		top: 60px;
		left: -50px;
	}

	#globalHeader .base .nmArea2 {
		width: calc(100% - 30px);
		position: absolute;
		top: 3px;
		left: -50px;
		font-size: 11pt;
	}

	#globalHeader .base .tonArea {
		display: table-cell;
		padding: 0 2px 2px 0;
		vertical-align: middle;
		padding: 10px 10px 0;
	}

	#globalHeader .base .signoutArea {
		margin: 5px 0px;
	}

	#globalHeader .base .helpArea {
		padding: 0 15px 2px 0;
		text-align: right;
	}

	#globalHeader .base .signoutArea .logo img {
		height: 63px;
	}

	#globalHeader .base .signoutArea .logout,
	#globalHeader .base .helpArea .help {
		font-size: 9pt;
	}

		#globalHeader .base .signoutArea .logout img {
			width: 15px;
		}

	.menu-float {
		clear: both;
		width: 100%;
		text-align: left;
		padding-left: 20%;
	}

	.container {
		padding-left: 0;
		padding-right: 0;
	}

	div.page-title.service {
		font-size: 1.0em;
	}

	div.page-title span {
		margin-bottom: 5px;
	}

	div.page-title img {
		width: 48px;
	}

	/* メニュー画面 */
	.btn.btn-service,
	.btn.btn-customer,
	.btn.btn-comment,
	.btn.btn-userInfo,
	.btn.btn-userList,
	.btn.btn-master,
	.btn.btn-err {
		width: 100%;
	}

	.menu_area ul.menu__second-level {
		width: 100%;
	}

	.menu_area table.notice {
		width: 100%;
		margin-left: 0;
	}

	.menu_area ul.menu__second-level {
		width: 100%;
	}

	.btn.btn-contact {
		width: 60%;
	}

	/* 利用者一覧画面 */
	.btn.btn-top {
	}


	/* サービス提供予定実績一覧画面 */
	.btn.select-office,
	.btn.select-user-multi,
	.btn.select-user {
		width: 90px;
	}

	.passwordchange_area .editbox table tr.width-settings th.control-title {
		width: 25%;
	}

	.btn.ok-btn {
		width: 100px;
	}

	.btn.no-btn {
		width: 100px;
	}

	/* 送り状アップロード画面 */
	.upload-container .upload-area .file-select .input-file {
		max-width: 600px;
		width: 600px;
	}
}

/* iPhone 5/SE/4以下縦 */
@media screen and (max-width: 320px) {
	/* 共通 */
	select.list-normal {
		width: 100%;
	}
}

/*ログインユーザー選択画面*/
#login-user-select h1 {
	font-size: 24px;
}

#login-user-select container {
	padding-top: 70px;
}

#login-user-select .card-container.card {
	padding: 25px;
	text-align: center;
}

#login-user-select p {
	font-size: 16px;
	margin: 16px 0;
	text-align: left;
}

#login-user-select .btn-wrap {
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#login-user-select button {
	text-align: left;
	padding: 16px;
	display: block;
	width: 100%;
	height: 140px;
	font-size: 24px;
	background: #fff;
	color: #82A9DA;
	overflow: hidden;
	position: relative;
	transition-duration: .4s;
	z-index: 2;
	margin-bottom: 16px;
	box-shadow: 0 4px 15px rgba(0,0,0,.2);
}

	#login-user-select button::after {
		background: #82A9DA;
		border-radius: 5px;
		content: "";
		display: block;
		margin: auto;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		width: 100%;
		padding-top: 100%;
		height: 0;
		z-index: -1;
		transform: translateY(-50%) scale(0.1);
		transition: opacity .5s, transform 0s;
		transition-delay: 0s, .4s;
	}

	#login-user-select button:hover {
		color: #fff;
	}

		#login-user-select button:hover::after {
			opacity: 1;
			transform: translateY(-50%) scale(1.1);
			transition-delay: 0s;
			transition: opacity .8s, transform .6s ease-in-out;
		}


/* 欠品子画面 閉じるボタン */
#select-back-order-view .btn-wrap {
	text-align: center;
}

/* ログイン画面PDFお知らせ */
#pdf-notice {
	font-size: 17px;
	color: red;
}

	#pdf-notice a {
		display: block;
		font-size: 17px;
		margin-top: 8px;
		text-decoration: underline;
	}