@charset "UTF-8";
/*
Theme Name: pra
Theme URI:
Author: NARTS
Author URI: http://www.narts.jp
Description: PRA修理受付システム
Version: 0.0.1
*/

/* wordpress */
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}
.alignright {
	float: right;
	margin-bottom: 10px;
}
.alignleft {
	float: left;
	margin-bottom: 10px;
}

@charset "UTF-8";
/* CSS Document */

/* CSSリセット */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers  */ article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0;
}

body {
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
/*	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-size: 15px;
	line-height: 1.35em;
	color: #333;
	background-color: #F2F0ED;
}
img {
	vertical-align: bottom;
}
a:hover img {
	opacity: 0.7;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
		filter: alpha(opacity = 70);
	transition: all 0.3s;
}
a {
	text-decoration: none;
	color: #4D80DA;
}
a:hover {
	text-decoration: none;
	color: #0E2D96;
	transition: 0.2s all;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/******* ここからコンテンツ部 *******/
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
}
main {
	height: 100%;
	background-image: url(images/bg_left_gray.png);
	background-repeat: repeat-y;
	background-position: left center;
}
aside {
	height: 100%;
}

#theme-my-login {
	padding-left: 250px;
	margin-left: auto;
	margin-right: auto;
}

#top {
	background-color: #ffffff;
	padding: 10px;
	font-size: 20px;
	color: #333;
}
#top a {
	color: #696969;
}
#top a:hover {
	color:#a9a9a9;
}
#top p:first-child {
	width:450px;
	display: block;
	float: left;
	font-weight: 800;
}
#top p:last-child {
	width:130px;
	display: block;
	float: right;
	text-align: right;
	position: relative;
	top: 10px;
}
#top span.name {
	position: relative;
	top: -8px;
}
#main {
	height: auto;
/*	overflow-y: hidden; */
	background-image: url(images/bg_left_gray.png);
	background-repeat: repeat-y;
	background-position: left center;
}
#side-menu {
/*	background-color: #4d4d4d;	*/
	width: 190px;
	display: block;
	float: left;
	padding: 25px 8px 12px 13px;
	box-sizing: border-box;
	color: #ffffff;
	height: 100%;
	font-size: 15px;
	line-height: 1.35em;
/*	padding-bottom: 32768px;	*/	/* #mainと高さを揃えるため */
/*	margin-bottom: -32768px;	*/	/* #mainと高さを揃えるため */
/*	overflow: hidden;		*/		/* #mainと高さを揃えるため */
}
#side-menu a {
	color: #ffffff;
}
#side-menu a:hover {
	color: #D8CC00;
}
#side-menu ul {
	margin-bottom: 0.5em;
}
#side-menu ul li {
	margin-bottom: 0.2em;
}
#side-menu ul li ul {
	margin-left: 1em;
	font-size: 18px;
}
#side-menu ul .sub-ul { /* 子メニューの横幅を狭めるため */
	margin-left: 15px;
}

#contents {
	display: block;
	float: left;
	width: calc(100% - 190px);
	padding: 34px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.75em;
}

#contents h2 {
	font-size: 26px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #2b6acc;
}
#contents h3 {
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #2b6acc;
	border-bottom: 1px dotted #2b6acc;
}
#contents p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 16px;
	line-height: 1.9em;
	color: #000;
}
#contents table {
	margin-bottom: 20px;
	border-collapse: collapse;
	box-sizing: border-box;
}
#contents table th, #contents table td {
	border: 1px #999 solid;
	padding: 0.3em;
	font-size: 14px;
	line-height: 1.35em;
}
#contents table th {
	font-weight: 800;
	background-color: #ffffff;
	padding: 1em 0.3em;
}
#contents table td {
	background-color: #fbf9f5;
	transition: 0.2s all;
}
#contents table#sort_list {
	width: 100%;
}

#contents table#sort_list tr td {
	vertical-align: middle;
}
/* #contents table#sort_list tbody tr:hover td { */
#contents table#sort_list tbody tr:hover td,
#contents table.htCore tbody tr:hover td {
	background-color: #eae3d8;
	transition: 0.2s all;
}

div.scrolltable table{
width:100%;
}
div.scrolltable {
overflow: auto;
white-space: nowrap;
}
div.scrolltable::-webkit-scrollbar{
 height: 5px;
}
div.scrolltable::-webkit-scrollbar-track{
 background: #F1F1F1;
}
div.scrolltable::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

/* マスタ部品 */
#contents table.mst-parts tr td:nth-child(1) {
	min-width: 125px;
}
#contents table.mst-parts tr td:nth-child(5),
#contents table.mst-parts tr td:nth-child(6),
#contents table.mst-parts tr td:nth-child(7) {
	text-align: right;
}
#contents table.mst-parts tr td:nth-child(5),
#contents table.mst-parts tr td:nth-child(6) {
	min-width: 55px;
}

/* マスタ仕入れ */
#contents table.mst-purchase tr td:nth-child(5) {
	max-width: 230px;
	box-sizing: border-box;
}
#contents table.mst-purchase tr td:nth-child(6), #contents table.mst-purchase tr td:nth-child(7) {
	box-sizing: border-box;
	min-width: 9.2em;
}

/* マスタエンドユーザー */
#contents table.mst-endusers tr td:nth-child(7) {
	min-width: 110px;
}

/* マスタ修理品 */
#contents table.mst-repair_item tr td:nth-child(5) {
	text-align: right;
}

/* マスタ修理依頼元 */
#contents table.mst-requestor tr td:nth-child(7) {
	width: 200px;
}

/* Warranty Parts */
#contents table.mst-warranty_parts tr td:nth-child(3),
#contents table.mst-warranty_parts tr td:nth-child(4) {
	text-align: center;
}
#contents table.mst-warranty_parts tr td:nth-child(5),
#contents table.mst-warranty_parts tr td:nth-child(6) {
	text-align: right;
}


#contents ul:not(.thums-block) {
	margin-left: 1.2em;
	margin-bottom: 1.5em;
}
#contents ul:not(.thums-block) li {
	list-style-type: disc;
}
#contents ul:not(.thums-block) li ul:not(.thums-block) {
	margin-top: 0.5em;
}
#contents ul:not(.thums-block):not(.thums-block) li ul li {
	list-style-type: circle;
}


/* ボタン・検索窓 */
form.console {
	line-height: 1.5em;
	margin-bottom: 0.4em;
}
button.blue {
	background-color: #2b6acc;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #2b6acc;
	padding: 0.7em 1em 0.6em 1em;
	margin-right: 0.5em;
}
button.blue:hover {
	background-color: #FFFFFF;
	color: #2b6acc;
	transition: 0.2s all;
}
button[data-print]{
	float: right;
}
button[data-print]:before{
  font-family: FontAwesome;
  content: '\f02f';
}

button.green {
	background-color: #00AB6F;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #00ab6f;
	padding: 0.7em 1em 0.6em 1em;
	margin-right: 0.5em;
}
button.green:hover {
	background-color: #FFFFFF;
	color: #00AB6F;
	transition: 0.2s all;
}
button.red {
	background-color: #a20026;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #a20026;
	padding: 0.7em 1em 0.6em 1em;
	margin-right: 0.5em;
}
button.red:hover {
	background-color: #FFFFFF;
	color: #a20026;
	transition: 0.2s all;
}
button.delBtn:before{
  font-family: FontAwesome;
  content: '\f014';
}

button.gray {
	background-color: #e2e2e2;
	color: #aaa;
	font-size: 16px;
	padding: 0.7em 1em 0.6em 1em;
}

.right-float {
	float: right;
}
.left-float {
	float: left;
}
input.search {
	font-size: 16px;
	padding: 13px;
	border: 1px solid #a6a6a6;
}
input.hidden{
	display:none;
}
/* 企業リスト */
.scroll-window {
	overflow-y: scroll;
	overflow-x: visible;
	width: 100%;
	height: 528px;
	background-color: #ffffff;
	border: 1px solid #a6a6a6;
	box-sizing: content-box;
	margin-top: 1em;
}
.campany-list {
	border-bottom: 1px dotted #a6a6a6;
	padding: 5px 5px 4px 5px;
	line-height: 1.3em;
}
.campany-list dd {
	float: left;
	width: 20em;
	font-weight: 800;
}
.campany-list dt:nth-child(2) {
	float: left;
	width: 8em;
}
.campany-list dt:nth-child(3) {
	float: left;
	width: 8em;
}
.campany-list dt:nth-child(4) {
	float: left;
	width: calc(100% - 42em);
	font-size: 14px;
}
.campany-list:hover {
	background-color: #F1EFEA;
	transition: 0.2s all;
}

/*  企業新規登録*/
input.input-text, textarea.input-text {
	font-size: 16px;
	padding: 13px;
	border: 1px solid #a6a6a6;
	margin-top: 1em;
	display: inline-block;
}
button.input-submit {
/*	margin-top: 1em;*/
	background-color: #00AB6F;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid #00ab6f;
	padding: 0.7em 4em 0.6em;
}
button.input-submit:before{
  font-family: FontAwesome;
  content: '\f0c7';
}
button.input-submit:hover {
	background-color: #FFFFFF;
	color: #00AB6F;
	transition: 0.2s all;
}

/* 部品マスタ登録 */

input.input-text, textarea.input-text {
	padding: 6px;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
}


@media screen and (max-width:920px) {
.campany-list dt:nth-child(4) {
	display: none;
}
.console .search {
	display: none;
}
} /* ←レスポンシブ用削除禁止 */

input.text_fill{
	width: 100%;
}


/**** タブUI ****/
label.panel-label {
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  display: block;
	  width: 100%;
	  color: #bdc3c7;
	  cursor: pointer;
	  background-color: #ecf0f1;
	  -webkit-transition-property: background-color, color;
	  transition-property: background-color, color;
	  -webkit-transition-duration: 200ms;
	  transition-duration: 200ms;
}
label.panel-label:hover {
	  color: #003399;
}

#panels {
	  background-color: white;
}
#panels main {
	  background-image: none;
}
#panels .container {
	  margin: 0 auto;
	  width: 98%;
}
#panels section header label.panel-label {
	  padding: 12px 24px;
	  box-sizing: border-box;
}
#panels section main {
	  box-sizing: border-box;
	  max-height: 0;
	  opacity: 0;
	  -webkit-transition: opacity 600ms;
	  transition: opacity 600ms;
	  overflow-y: hidden;
}

#panel-1-ctrl:checked ~ #panels #panel-1 main,
#panel-2-ctrl:checked ~ #panels #panel-2 main,
#panel-3-ctrl:checked ~ #panels #panel-3 main,
#panel-4-ctrl:checked ~ #panels #panel-4 main,
#panel-5-ctrl:checked ~ #panels #panel-5 main,
#panel-6-ctrl:checked ~ #panels #panel-6 main,
#panel-7-ctrl:checked ~ #panels #panel-7 main,
#panel-8-ctrl:checked ~ #panels #panel-8 main,
#panel-9-ctrl:checked ~ #panels #panel-9 main,
#panel-10-ctrl:checked ~ #panels #panel-10 main {
	  max-height: initial;
	  opacity: 1;
	  padding: 10px 8px;
}

/* パネル１ */
#panel-1-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-1 {
	  pointer-events: none;
	  cursor: default;
	  -webkit-transform: translate3d(0, 1px, 0);
	  transform: translate3d(0, 1px, 0);
	  box-shadow: none;
	  border-right: none;
}
#panel-1-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-1.last {
	border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-1 + li {
	border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-1 label.panel-label {
	background-color: white;
	color: #003399;
	padding-top: 8px;
}
#panel-1-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-1 label.panel-label::after {
	height: 6px;
}

/* パネル２ */
#panel-2-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-2 {
	pointer-events: none;
	cursor: default;
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
	box-shadow: none;
	border-right: none;
}
#panel-2-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-2.last {
	border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-2 + li {
	border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-2 label.panel-label {
	background-color: white;
	color: #003399;
	padding-top: 8px;
}
#panel-2-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-2 label.panel-label::after {
	height: 6px;
}

/* パネル３ */
#panel-3-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-3 {
	pointer-events: none;
	cursor: default;
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
	box-shadow: none;
	border-right: none;
}
#panel-3-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-3.last {
	  border-right: 1px solid transparent;
}
#panel-3-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-3 + li {
	  border-left: 1px solid #dfdfdf;
}
#panel-3-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-3 label.panel-label {
	  background-color: white;
	  color: #003399;
	  padding-top: 8px;
}
#panel-3-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-3 label.panel-label::after {
	  height: 6px;
}

/* パネル4～10 */
#panel-4-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-4,
#panel-5-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-5,
#panel-6-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-6,
#panel-7-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-7,
#panel-8-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-8,
#panel-9-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-9,
#panel-10-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-10 {
	pointer-events: none;
	cursor: default;
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
	box-shadow: none;
	border-right: none;
}
#panel-4-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-4.last,
#panel-5-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-5.last,
#panel-6-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-6.last,
#panel-7-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-7.last,
#panel-8-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-8.last,
#panel-9-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-9.last,
#panel-10-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-10.last {
	border-right: 1px solid transparent;
}
#panel-4-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-4 + li,
#panel-5-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-5 + li,
#panel-6-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-6 + li,
#panel-7-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-7 + li,
#panel-8-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-8 + li,
#panel-9-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-9 + li,
#panel-10-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-10 + li {
	border-left: 1px solid #dfdfdf;
}
#panel-4-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-4 label.panel-label,
#panel-5-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-5 label.panel-label,
#panel-6-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-6 label.panel-label,
#panel-7-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-7 label.panel-label,
#panel-8-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-8 label.panel-label,
#panel-9-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-9 label.panel-label,
#panel-10-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-10 label.panel-label {
	background-color: white;
	color: #003399;
	padding-top: 8px;
}
#panel-4-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-4 label.panel-label::after,
#panel-5-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-5 label.panel-label::after,
#panel-6-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-6 label.panel-label::after,
#panel-7-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-7 label.panel-label::after,
#panel-8-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-8 label.panel-label::after,
#panel-9-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-9 label.panel-label::after,
#panel-10-ctrl:checked ~ #fixed_area #tabs-list #li-for-panel-10 label.panel-label::after {
	height: 6px;
}



ul:not(.thums-block)#tabs-list {
	display: flex;
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
	margin: 0;
	padding: 0;
	margin-top: 0.7em;
}
ul:not(.thums-block)#tabs-list li {
	  text-align: center;
	  font-size: 0.875em;
	  width: auto;
	  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
	  border-right: 1px solid #dfdfdf;
	  position: relative;
	  list-style-type: none;
}
ul:not(.thums-block)#tabs-list li:hover {
	-webkit-transition: none;
	  transition: none;
	  border-right: none;
}
ul:not(.thums-block)#tabs-list li:hover.last {
	  border-right: 1px solid transparent;
}
ul:not(.thums-block)#tabs-list li:hover + li {
	  border-left: 1px solid #dfdfdf;
}
ul:not(.thums-block)#tabs-list li label.panel-label {
	position: relative;
	padding: 8px 0;
	font-size: 0.875em;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
ul:not(.thums-block)#tabs-list li label.panel-label::after {
	  content: "";
	  position: absolute;
	  width: 100%;
	  left: 0;
	  bottom: 100%;
	  background-color: #003399;
	  height: 0;
	  -webkit-transition-property: height;
	  transition-property: height;
	  -webkit-transition-duration: 200ms;
	  transition-duration: 200ms;
}
ul:not(.thums-block)#tabs-list li label.panel-label:hover {
	  padding-top: 8px;
}
ul:not(.thums-block)#tabs-list li label.panel-label:hover::after {
	  height: 6px;
}

.panel-radios {
	  display: none;
}
/* タブUIここまで */

/*** モーダル画面調整 ***/
.ui-dialog table {
	margin-bottom: 20px;
	border-collapse: collapse;
	box-sizing: border-box;
}
.ui-dialog table th, .ui-dialog table td:not(.only-frame) {
	border: 1px #999 solid;
	padding: 0.3em;
	font-size: 14px;
	line-height: 1.35em;
}
.ui-dialog table th {
	font-weight: 800;
	background-color: #ffffff;
	padding: 1em 0.3em;
}
.ui-dialog table td:not(.only-frame) {
	background-color: #fbf9f5;
	transition: 0.2s all;
}
.ui-dialog table tbody tr:hover td:not(.only-frame) {
	background-color: #eae3d8;
	transition: 0.2s all;
}

/*** リードオンリーの項目をグレーアウト化 ***/
.read-only {
	color: #aaa;
	background-color: #e2e2e2;
}


/*** トップページ ***/
#contents .front-page li {
	list-style-type: none;
	width: 23%;
	min-width: 140px;
	display: block;
	box-sizing: border-box;
	border: 1px solid #444;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
}
#contents .front-page li a {
	height: auto;
	padding: 10px;
	display: block;
}
#contents .front-page li a:hover {
	background-color: #fff;
	transition: 0.3s all;
}
#contents .front-page li {
	font-size: 24px;
}
#contents .front-page p.icon {
	font-family: 'FontAwesome';
	display: block;
	font-size: 100px;
	margin-bottom: 0;
	color: #2b6acc;
}
#contents .front-page p {
	margin-bottom: 0;
}
 /*** トップページココマデ ***/


/************* JRMA-tab1 *************/
.yyyymmdd {
	margin-right: 1em;
	display: inline-block;
}
.job-gaiyo, .job-kubun {
	border-top: 2px solid #a29e96;
	padding-top: 1em;
}
.job-gaiyo p span {
	margin-right: 1em;
	display: inline-block;
}
.job-gaiyo p span span {
	margin-right: 0em;
}
.job-kubun input.input-text {
	margin-top: 0px;
}
.job-gaiyo p:nth-child(4n) {
	margin-right: 0px;
}

.job-kubun {
	border-top: 2px solid #a29e96;
}
.job-kubun p span {
	display: inline-block;
	margin-right: 1em;
}
.job-kubun p span span {
	display: inline;
	margin-right: 1em;
}

.job-button input[type=submit] {
	float: left;
	margin-right: 1em;
	padding-left: 4em;
	padding-right: 4em;
	margin-top: 0;
}

/***** その他Form用 **************/

/***** 必須項目 ***************/
input[aria-required=true],select[aria-required=true] {
    background-color: #f0e68c;
}
/* 現在未使用
.required:before {
    color: #E00;
	content: " *";
}*/

/***** 各項目を個別に設定（JRMA-Main）　*****/
.job-gaiyo input {
	max-width: 15em;
}
.job-kubun p:nth-child(2) input {
	max-width: 60em;
}
.job-kubun .case_cf p {
	width: auto;
}

/* アイコンフォントを緑に */
.icon-button {
	cursor: pointer;
	color: #00AB6F;
	font: normal normal normal 25px/1 FontAwesome;
	vertical-align: text-bottom;
}
.icon-button:hover {
	color: #56AB8D;
	transition: 0.2s all;
}

.icon-button-red {
	cursor: pointer;
	color: #a20026;
	font: normal normal normal 25px/1 FontAwesome;
	vertical-align: text-bottom;
}
.icon-button-red:hover {
	color: #C2405E;
	transition: 0.2s all;
}

/* アイコン（注釈） */
.icon-annotation {
	color: #ff8c00;
	font: normal normal normal 20px/1 FontAwesome;
	vertical-align: text-bottom;
	margin-right: 5px;
}
.text-annotation {
	color: #0000cd;
	font-size: 70%;
	vertical-align: text-bottom;
}

/***** 各項目を個別に設定（JRMA-受け入れ・出荷）　*****/
.ship_method, .pack, .pack_memo, .attach {
	margin-right: 2em;
}

/************* JRMA-tab営業見積もり *************/
.mitsumori_chumon span {
	display: inline-block;
	text-align: left;
	margin-left: 1em;
}
.mitsumori_chumon span span {
	width: auto;
	margin-left: 0em;
}
.mitsumori_chumon2 {
	border-top: 2px solid #a29e96;
	padding-top: 1em;
}
.mitsumori_chumon2 span {
	display: inline-block;
	text-align: left;
	margin-left: 1em;
}
.mitsumori_chumon2 span span {
	width: auto;
	margin-left: 0em;
}

/************* 画像アップロード *************/
.thums{
}
ul.thums-block{
	list-style:none;
	display: inline-block;
	margin: 5px;
}
ul.thums-block li{
	list-style-type:none;
}

.imagePreview{
  object-fit: cover;
  width: 150px;
  height: 150px;
  background-color: #ccc;
  border: 1px solid #ccc;
  cursor: pointer;
}

.imageIcon{
  display: block;
  min-width: 150px;
  min-height: 150px;
  position: relative;
  cursor: pointer;
}
.imageIcon:before{
  font-family: FontAwesome;
  font-size: 11em;
  content: '\f0f6';
  position: absolute;
  top: 60px;
}
.imageIcon:hover:before{
	color: #545454;
	transition: 0.2s all;
}


/************* 選択画面のtableタグ *************/
td.only-frame{
	text-align: center;
	vertical-align: middle;
	height: 100%;
}
td.only-frame > select{
	width: 100%;
	height: 100%;
}

/************ カレンダーの表示を全面にする ********/
.ui-datepicker { z-index: 9999 !important; }

/************ jQuery UI Selectable ********/
.selectable .custom-selected { background: #F39814; color: white; }
.selectable { list-style-type: none; margin: 0; padding: 0; }
.selectable li { margin: 3px; padding: 1px; float: left; width: 120px; height: 25px; }


/************ テーブルのヘッダ固定 ********/
/*2025-02-21 Chg Start*/
/*
.tablelock td,.tablelock th{
    min-width: 110px;
    max-width: 110px;
    white-space: pre-wrap;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
.tablelock td:nth-child(n + 10):last-child,.tablelock th:nth-child(n + 10):last-child{
    min-width: 500px;
    max-width: 500px;
}
*/

.tablelock td,.tablelock th{
    min-width: 100px;
    max-width: 100px;
    white-space: pre-wrap;
	word-wrap : break-word;
	overflow-wrap : break-word;
}
.tablelock td:nth-child(n + 20):last-child,.tablelock th:nth-child(n + 20):last-child{
    min-width: 500px;
    max-width: 500px;
}
/*2025-02-21 Chg End*/


/************ セレクトボックス ********/
select{
	font-size: 16px;
	padding: 7px;
	border: 1px solid #a6a6a6;
	display: inline-block;
}

/************ セレクトボックス ********/
span.link,td.link{
	cursor: pointer;
	color: #4D80DA;
}

.backlog_pickup_result{
	background-color: yellow;
}

/************ handsontable **************/
.handsontable th,
.handsontable td {
/*    padding: 0px;*/
    font-size:9px;
/*    text-align: center;*/
}

/************ paging *****************/
.custom_page a, .custom_page span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.custom_page span.current {
	font-weight: bold;
}

.custom_page a:hover, .custom_page span.current {
	border-color: #000;
}

/************* title *****************/
span.title{
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 10px;
}

/************* help *****************/
span.help-info{
	color: blue;
}
span.help-info:before{
  font-family: FontAwesome;
  content: '\f05a';
}

/************ box ********************/
.box_num {
	font-size: 16px;
	margin-left: 5px;
	padding: 0px 1px 0px 25px;
	border: 1px solid #a6a6a6;
	display: inline-block;
}

/************ money fomat ********************/
.format_money{
	text-align: right;
}

//2026-09-08 Add Start
//金額区切り文字（,）を入れ、かつ小数点以下2桁まで表示
.format_money_decimal2{
	text-align: right;
}
//2026-09-08 Add End

.format_number{
	text-align: right;
}