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

/* for haku */
@font-face {
	font-family: "hakuFont";
	src: url("/font/haku-gaiji.woff")  format('woff'),
	url("EUDC.TTE")   format('truetype');
}

/**
 * reset
 */
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 reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

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

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

a:link, a:visited, a:active, a:hover {
	overflow: hidden;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

select {
	height: 24px;
	margin-bottom: 2px;
}

input[type='checkbox'], input[type='radio'] {
	vertical-align: middle;
	cursor: pointer;
}

label.checkbox-label, label.radio-label {
	cursor: pointer;
}

/**
 * micro clearfix
 */
/* For modern browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

.clear {
	clear: both;
}

/* */
html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: "hakuFont", HelveticaNeue, Helvetica, Arial, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
		"MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: #E0E0E0;
	font-size: 13px;
	line-height: 1.5;
}

.txt_red,
.required {
	color: #FF0000 !important;
}

/**
 * ui
 */
input[type="text"], textarea {
	box-sizing: border-box;
}

input[type="text"], select, textarea {
	border: solid 1px #ccc;
	font-family: inherit;
	font-size: 13px;
}

input[type="text"]:focus, textarea:focus, select:focus{
	border: solid 1px #ccc;
	outline: 0;
	background-color: #FFDEDF;
}

input[type="text"]::-webkit-input-placeholder {
	line-height: 1em;
}

input[type="password"]:focus{
	border: solid 2px #ccc;
	outline: 0;
	background-color: #FFDEDF;
}

.tab li:hover {
	opacity: 0.6;
}

.tab li.act:hover {
	opacity: 1;
}

.btn {
	box-sizing: border-box;
	display: inline-block;
	padding: 6px 0;
	border-radius: 3px;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
	background: -moz-linear-gradient(top, #000000 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #000000 0%, #000000 100%);
	background: linear-gradient(to bottom, #000000 0%, #000000 100%);
	text-align: center;
	color: #fff;
}

.listbtn {
	box-sizing: border-box;
	display: inline-block;
	padding: 6px 0;
	border-radius: 3px;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
	background: -moz-linear-gradient(top, #555555 0%, #343434 100%);
	background: -webkit-linear-gradient(top, #555555 0%, #343434 100%);
	background: linear-gradient(to bottom, #555555 0%, #343434 100%);
	text-align: center;
	color: #fff;
}

.btn:hover {
	opacity: 0.6;
}

.disable .btn {
	background: -moz-linear-gradient(top, #ccc 0%, #9a9a9a 100%) !important;
	background: -webkit-linear-gradient(top, #ccc 0%, #9a9a9a 100%)
		!important;
	background: linear-gradient(to bottom, #ccc 0%, #9a9a9a 100%) !important;
	color: #888888 !important;
}

.btn_em {
	background: -moz-linear-gradient(top, #540a0e 0%, #540a0e 100%);
	background: -webkit-linear-gradient(top, #540a0e 0%, #540a0e 100%);
	background: linear-gradient(to bottom, #540a0e 0%, #540a0e 100%);
/*
	background: -moz-linear-gradient(top, #F8C8CA 0%, #540a0e 100%);
	background: -webkit-linear-gradient(top, #F8C8CA 0%, #540a0e 100%);
	background: linear-gradient(to bottom, #F8C8CA 0%, #540a0e 100%);
*/
}

.btn span {
	display: inline-block;
	padding-left: 20px;
	min-height: 15px;
}

.btn_new span {
	background: url(../../img/icon_new.png) no-repeat left center;
}

.btn_datepicker span {
	background: url(../../img/icon_datepicker.png) no-repeat center center;
}

.btn_condition span {
	background: url(../../img/icon_condition.png) no-repeat left center;
}

.btn_search span {
	background: url(../../img/icon_search.png) no-repeat left center;
}

.btn_cancel span {
	background: url(../../img/icon_cancel.png) no-repeat left center;
}

.btn_p_register span {
	background: url(../../img/icon_project_register.png) no-repeat left center;
}

.btn_m_register span {
	background: url(../../img/icon_material_register.png) no-repeat left center;
}

.btn_delete span {
	background: url(../../img/icon_delete.png) no-repeat left center;
}

.btn_close {
	cursor: pointer;
	background-image: url(../../img/btn_close_b.png);
	background-size: cover;
	width: 18px;
	height: 18px;
	margin-right: 15px;
	margin-top: 15px;
	float: right;
	display: inline-block;
    vertical-align: top;
}

#content_tab .btn_close {
    position: relative;
    right: 10px;
    width: 12px;
    height: 12px;
    margin-right: 0;
    margin-top: 3px;
}

.listbtn span {
	display: inline-block;
	padding-left: 20px;
	min-height: 15px;
}


.ui-datepicker {
	z-index: 10000 !important;
}

.ui-monthpicker .ui-datepicker-calendar,
.ui-monthpicker .ui-datepicker-prev,
.ui-monthpicker .ui-datepicker-next,
.ui-monthpicker .ui-priority-secondary {
	display: none;
}

/**
 * link
 */
.link-disabled {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: gray;
}



textarea {
    resize: none;
}

.imeDisabled {
    ime-mode: disabled;
}

.imeActive {
    ime-mode: active;
}

.imeInActive {
    ime-mode: inactive;
}

.btn_disabled {
    opacity: 0.2 !important;
    cursor: default;
}

.wordBreakAll {
    word-break: break-all;
    word-wrap: anywhere;
}

.normalMessage {
	color: #00cc00;
	font-size: 16px;
	word-break: break-all;
}

.errorMessage, .clientErrorMessage, .initialMessage {
	color: #ff0000;
	font-size: 16px;
	word-break: break-all;
}

span.error_icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

span.error_icon img {
	height: 25px;
}

span.error_message {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
}

.commonnormalMessage {
	color: #00cc00;
	font-size: 16px;
	word-break: break-all;
}

.disabledInputColor {
    background-color: #f0f0f0;
}

/**
 * modal
 */
.modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 50;
	background: rgba(0, 0, 0, 0.5);
}

.modal2 {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.5);
}

/**
 * #waitting 用
 */
#waitting {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, 0.2);
}
/*
#waitting {
	visibility:hidden;
	box-sizing:border-box;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:60%;
	height:80%;
	margin:auto;
	padding:15px 25px 0 25px;
	background:#e8e8e8;
	transform:scale(0.9);
	opacity:0;
	transition:all 0.2s cubic-bezier(0,.6,.4,1.2);
}
*/
#waitting.act {
	transition: all 0.4s cubic-bezier(0, .6, .4, 1.2);
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

#waitting .waitting_inner {
	position: relative;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	padding: 0px;
}

#waitting .load {
	box-sizing: border-box;
	position: absolute;
	text-align: center;
	width: 100%;
	height: 180px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding-top: 120px;
	background: url(../../img/load.gif) no-repeat center top;
	text-align: center;
	color: #6464a0;
	font-weight: bold;
}

#waitting .load_custom {
	box-sizing: border-box;
	position: absolute;
	width: 110px;
	margin: auto;
	padding-top: 120px;
	background: url(../../img/load.gif) no-repeat center top;
	text-align: center;
	color: #6464a0;
	font-weight: bold;
}

#waitting .progress-in-waitting {
	display: none;
}
#waitting .progress-in-waitting.act {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
	font-weight: bold;
	font-size: larger;
}
#waitting .progress-in-waitting table.detail {
	width: 100%;
}
#waitting .progress-in-waitting table.detail td {
	text-align: left;
}
#waitting .progress-in-waitting table.detail td.cnt, #waitting .progress-in-waitting table.detail td.all {
	width: 22%;
}
#waitting .progress-in-waitting table.detail td.slsh {
	width: 22%;
}
#waitting .progress-in-waitting table.detail td.spc {
	width: 9%;
}
#waitting .progress-in-waitting table.detail td.progress {
	width: 32%;
}


/**
 * エラーダイアログ
 */
.inputErrorDialog .error_msg {
	color: red;
	font-weight: bold;
}

.inputErrorDialog .error_header {
	margin: 5px 0px;
}

.inputErrorDialog .ui-widget-content {
	overflow: hidden;
}

#input_error_list .inner,
#input_warn_list .inner
{
	overflow: hidden;
}

#input_error_list table,
#input_warn_list table
{
	width: 100%;
}

#input_error_list th,
#input_error_list td,
#input_warn_list th,
#input_warn_list td
{
	padding: 5px 10px;
	background: #A3A3A3;
	color: #fff;
	text-align: left;
}

#input_error_list th p,
#input_error_list td p,
#input_warn_list th p,
#input_warn_list td p
{
	max-height: 10em;
	overflow: hidden;
}

#input_error_list .scrollpane,
#input_warn_list .scrollpane
{
	height: 425px;
	overflow: scroll;
	overflow-x: hidden;
}

#input_error_list td,
#input_warn_list td
{
	background: #fff;
	border-bottom: solid 1px #999;
	color: #000;
}

.inputErrorDialog .ui-dialog-buttonset button{
	width: 120px !important;
	padding: 5px !important;
	height: 28px !important;
}

.inputErrorDialog .ui-dialog-buttonset button.dlg-btn-cancel,
.inputErrorDialog .ui-dialog-buttonset button.dlg-btn-ok,
.inputErrorDialog .ui-dialog-buttonset button.dlg-btn-save
{
	display: none;
}

.btn_quote span {
    background: url(../../img/icon_quote.png) no-repeat left center;
}

.btn_download span {
    background: url(../../img/icon_download.png) no-repeat left center;
}

.triangle_right {
	background: url(../../img/triangle_right.png) no-repeat left center;
}

.triangle_left {
	background: url(../../img/triangle_left.png) no-repeat left center;
}

.message_dialog {
	/* background: rgba(0, 0, 220, 0.3) !important; */
	/* background: rgb(100, 100, 160) !important; */
	background: #f4f4f4 !important;
	/* color: rgb(255, 255, 255) !important; */
	color: #333333 !important;
	//border: 8px solid rgba(100, 100, 255, 0.3) !important;
	//border: 8px solid rgb(100, 100, 140) !important;
	border: 8px solid #dddddd !important;
	border-radius: 20px !important;
	width: 350px !important;
	height: 150px !important;
	cursor: move;
	font-size: 18px;
}

/*
.vjs-icon-10safter {
	content: url("../../img/red.png");
	cursor: pointer;
}
*/

.video-js .vjs-movetop-control:before {
	content: url("../../img/left.png");
	/*cursor: pointer;*/
}

.video-js .vjs-moveend-control:before {
	content: url("../../img/right.png");
	/*cursor: pointer;*/
}

.video-js .vjs-10after-control:before {
	content: url("../../img/after.png");
	/*cursor: pointer;*/
}

.video-js .vjs-10before-control:before {
	content: url("../../img/before.png");
	/*cursor: pointer;*/
}

.video-js .vjs-playback-rate .vjs-icon-placeholder:before {
	content: url("../../img/speedUp.png");
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
	content: url("../../img/play.png");
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
	content: url("../../img/pause.png");
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
	content: url("../../img/play.png");
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
	content: '';
	background: url("../../img/muteOn.png");
	background-repeat: no-repeat;
	background-size: 105%;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
	content: '';
	background: url("../../img/muteOff.png");
	background-repeat: no-repeat;
	background-size: 105%;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
	content: '' !important;
	background: url("../../img/fullScreen.png");
	background-repeat: no-repeat;
	background-size: 105%;
}

.vjs-picture-in-picture-control {
	display: none !important;
}


.video-js .vjs-volume-panel.vjs-volume-panel-horizontal {
	/*width: 10em;
	transition: width 0.1s;*/
	width: auto !important;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
	width: 6em !important;
	height: 3em !important;
	margin-right: 0 !important;
}

.video-js .vjs-volume-panel .vjs-volume-control {
	visibility: visible;
	opacity: 1;
	position: relative;
	transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-duration, .vjs-no-flex .vjs-duration {
	display: unset;
}

.vjs-time-divider {
	display: unset;
}

.video-js .vjs-current-time, .vjs-no-flex .vjs-current-time {
	display: unset;
}

.video-js .vjs-control {
	width: 30px;
	cursor: pointer;
	outline: none !important;
}

.video-js .vjs-time-control {
	padding-left: unset;
	padding-right: unset;
	min-width: unset;
	display: contents;
}

.video-js .vjs-current-time-display {
	padding-left: 5px;
	padding-right: 5px;
}

.video-js .vjs-duration-display {
	padding-left: 5px;
	padding-right: 5px;
}

.video-js {
	background-color: initial !important;
}

video {
	outline: none !important;
}

.video-js .vjs-menu-button {
	outline: none !important;
}

/*
 * Safari Only
 */
_::-webkit-full-page-media, _:future, :root input[type="text"] {
	height: 20px;
}