@charset "UTF-8";

@font-face {
	font-family: "Noto Color Emoji";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/NotoColorEmoji/NotoColorEmoji-Regular.subset.woff2") format("woff2");
}

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html {
	overflow-y: auto;
	overflow-x: auto;
	font-size: 62.5%;
}
.float-left a img {float: left;}

.float-left span img {float: left;}

.float-left-img img {float: left;}

/*2.9Change*/
html,body {
/*	background-color: #FFFFFF;*/
}
/*2.9Change*/
body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7em;
	*font-size: small;
	*font: x-small;
	font-family: inherit !important;
	scrollbar-track-color:white;
	scrollbar-face-color:white;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-3dlight-color:#cccccc;
}

table {
	font-size: inherit;
	font: 100%;
}

.rich-table {
	width: 99%;
	border-collapse: collapse;
}

table.collapse-table {
	border-collapse: collapse;
}

table.wide-table {
	width: 99%;
}

table.collapse-table-nopad {
	border-collapse: collapse;
}

/*2.9change*/
.display .collapse-table-nopad {
/*	margin-left: -5px !important;*/
}
/*2.9change*/
.display-middle .collapse-table-nopad {
/*	margin-left: -5px !important;*/
}
/*2.9change*/
.display-large .collapse-table-nopad {
/*	margin-left: -5px !important;*/
}

table.width31 {
	width: 32em !important;
}
/*2.9Change*/
input {
	border-radius: 5px;
	font-size: 100%;
	font-family: "メイリオ", sans-serif;
	padding: 1px 2px 1px 2px;
}

/*2.9 change*/
select:not([size]) , select[size="1"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-image: url(../img/b_collapsible_o.gif);
	background-repeat: no-repeat;
	background-position: right 2px top 0px;
	padding-right: 17px;
	margin-bottom:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	input{
		height: 1.5em;
	}
	select:not([size]) , select[size="1"]{
		height: 1.7em;
	}
}

select{
	border : 1px solid #6699ff;
	background-color:#ffffff;
	border-radius: 5px;
	padding: 0px 2px 0px 3px;
}
select::-ms-expand {
  display: none;
}

/*2.9 change*/
textarea {
	font-size: 100%;
	border: 1px solid #6699ff;
	padding: 0px 3px 0px 3px;
	border-radius: 3px;
}

code,kbd,samp,tt {
	*font-size: 100%;
	line-height: 110%;
}

pre {
	*font-size: 100%;
	line-height: 110%;
	/*
     *	IEの改行がないと幅指定を無視して
     *	親ボックス幅を際限なく広げてしまう問題対策
     *	横スクロールが表示されてしまう
     */
	width: auto;
	_width: 31em;
	*width: 31em;
	overflow: visible;
	_overflow-x: scroll;
	*overflow-x: scroll;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	/* firefox用折り返し対策 */
	white-space: -moz-pre-wrap;
	/* ie用折り返し対策 */
	word-wrap: break-word;
}

.list_odd pre {
	scrollbar-track-color: #dfe8ff !important;
	scrollbar-face-color: #dfe8ff !important;
	scrollbar-shadow-color: #dfe8ff !important;
	scrollbar-darkshadow-color: #dfe8ff !important;
	scrollbar-highlight-color: #dfe8ff !important;
	scrollbar-3dlight-color: #dfe8ff !important;
	scrollbar-arrow-color: #dfe8ff !important;
}

th,td {
	font-weight: normal;
}

div.setting {
	position: absolute;
	padding-top: 5px;
	top: 5px;
	right: 10px;
	height: 15px;
	color: #1037ba;
}

div.guidance {
	color: #666666;
	font-size: 90%;
	text-align:left;
}

/*2.9 change*/
button {
/*	color: #000000;*/
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
    border:1px solid #a9a9a9;
    -ms-border-radius: 5px;
    border-radius: 5px;
	height:2em;
}

button img {
/*	vertical-align: text-bottom;*/
	margin: 0px;
}

/*2.9 Change*/
div.mini_controller {
/*	background-image: url(../img/c_bg_close.gif);*/
	width: 12px;
	float: left;
	cursor: pointer;
	color: #0000ff;
	font-weight: bold;
	padding: 5px 0px 5px 1px;
	z-index: 8001;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
	position:relative;
}

/*2.9 change*/
div.controller {
/*	background-image: url(../img/c_bg.gif);*/
	background-position: top right;
	background-repeat: repeat-y;
/*	background-color: #e0e0e0;*/
/*	background-color: #eeeeee;*/
	background-color: #FFFFFF;
	float: left;
	padding: 5px 0px 5px 0px;
	position: relative;
	z-index: 8001;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);;
/*    position:fixed;*/
}
div.controller div.guidemessage{
    margin:5px;
}
div.controller div.guidemessage ul{
	list-style:none;
/*	-webkit-padding-start: 0px !important;*/
/*	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}

/*2.9 change*/
div.controllerWidth {
	width: 180px;
}
div.controllerWidth1 {
	width: 230px;
}
div.controllerWidth2 {
	width: 290px;
}

.controllerWidth input.autoWidth,.controllerWidth select.autoWidth,.controllerWidth div.autoWidth
	{
	width: 147px !important;
}
.controllerWidth1 input.autoWidth,.controllerWidth1 select.autoWidth,.controllerWidth1 div.autoWidth
	{
	width: 207px !important;
}
.controllerWidth2 input.autoWidth,.controllerWidth2 select.autoWidth,.controllerWidth2 div.autoWidth
	{
	width: 267px !important;
}

div.enlargedControllerWidth {
	width: 385px;
}

.enlargedControllerWidth input.autoWidth,.enlargedControllerWidth select.autoWidth,.enlargedControllerWidth div.autoWidth
	{
	width: 362px !important;
}

.controller input.inputDate {
	width: 114px !important;
}

iframe.controllerFrame {
	float: left;
	position: absolute;
	z-index: 8000;
	top: 35px;
	left: 0px;
	width: 395px;
}

div.right {
	text-align: right;
	margin-right: 5px;
	margin-bottom: 5px;
}

img {
	border: 0px;
	vertical-align: middle;
}

/*2.9 change*/
div.tabs {
	height: 26px;
/*	border-bottom: 1px solid #1037ba;
	padding-left: 10px;*/
	padding-top: 5px;
	overflow:hidden;
	/* position: fixed !important; */
	width: 100%;
	z-index: 9999;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F6F6F6;
	white-space: nowrap;
}

div.tabs table {
	border-collapse: collapse;
	margin-left:10px;
}

/*2.9 change*/
div.tabs td:empty{
	display:none;
}

div.tabs td {
	height: 24px !important;
	border-bottom: 2px solid rgba(0,0,0,0);
	vertical-align: middle;
	background-repeat: repeat-x;
	text-align:center;
	padding:0 20px;
}
div.tabs td:first-child{
	width:0.5em;
}
/*2.9 change*/
div.tabs td span {
	padding: 0px 1px;
}

/*2.9 change*/
div.tabs a {
	background-color: inherit;
	text-decoration: none;
	font-style: Normal;
	color: #333333;
	font-weight:Normal;
}

/*2.9 change*/
div.tabs a:visited {
}
/*V2.9Add*/
.navi_current_count {
	font-weight: bold !important;
}

#directMenuArea img {
    vertical-align:bottom;
}

table.navi {
	width: 99%;
	border-collapse: collapse;
}

.navi td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.required {
	-webkit-appearance: none;
	background-color: #ffffcc;
}
input.required {
	-webkit-appearance: none;
	background-color: #ffffcc;
}
select.required {
	-webkit-appearance: none;
	background-color: #ffffcc;
}
.defaultBgColor {
	background-color: #ffffff;
}

input.error {
	border: 2px solid #e60033 !important;
}

div.error {
	border: 2px solid #e60033 !important;
}

textarea.error {
	border: 2px solid #e60033 !important;
}

div.checkText {
	margin-left: 50px
}

div.checkRadio {
	margin-left: 65px;
}

div.display {
	background-color: #f9f9f9;
	position: absolute;
	top: 32px;
	left: 0px;
	margin-left: 180px;
	margin-bottom: 5px;
	padding: 0px 10px 0px 15px;
	z-index: 1;
}

div.display-middle {
	background-color: #f9f9f9;
	position: absolute;
	top: 32px;
	left: 0px;
	margin-left: 240px;
	margin-bottom: 5px;
	padding: 0px 10px 0px 15px;
	z-index: 1;
}

div.display-large {
	background-color: #f9f9f9;
	position: absolute;
	top: 32px;
	left: 0px;
	margin-left: 300px;
	margin-bottom: 5px;
	padding: 0px 10px 0px 15px;
	z-index: 1;
}

table.title {
/*	margin-bottom:5px;*/
	width: 99%;
	border-collapse: collapse;
}

table.title td {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	border: none;
}

div.message {
	/*padding-left: 16px; version 2.5から*/
}

.controller div.message {
	padding-left: 0px !important;
}

.display .margin {
	margin-top: 10px;
}
.display-middle .margin {
	margin-top: 10px;
}
.display-large .margin {
	margin-top: 10px;
}


/* Upper Navigation Area */

/* 2.9 change */
td.navi_top_ul {
	width: 10px;
	height: 5px;
/*	background-image: url(../img/bg_navi_a_ul.gif);*/
}

/* 2.9 change */
td.navi_top_uc {
	height: 5px;
/*	background-image: url(../img/bg_navi_a_uc.gif);*/
}

/* 2.9 change */
td.navi_top_ur {
	width: 10px;
	height: 5px;
/*	background-image: url(../img/bg_navi_a_ur.gif);*/
}

/* 2.9 change */
td.navi_top_ml {
	width: 10px;
/*	background-image: url(../img/bg_navi_a_ml.gif);*/
}

/* 2.9 change */
td.navi_top_mc_l {
/*	background-image: url(../img/bg_navi_a_mc.gif);*/
}

/* 2.9 change */
td.navi_top_mc_r {
	text-align: right;
/*	background-image: url(../img/bg_navi_a_mc.gif);*/
}

/* 2.9 change */
td.navi_top_mr {
	width: 10px;
/*	background-image: url(../img/bg_navi_a_mr.gif);*/
}

/* 2.9 change */
td.navi_top_bl {
	width: 10px;
	height: 8px;
/*	background-image: url(../img/bg_navi_a_bl.gif);*/
}

/* 2.9 change */
td.navi_top_bc {
	height: 8px;
/*	background-image: url(../img/bg_navi_a_bc.gif);*/
}

/* 2.9 change */
td.navi_top_br {
	width: 10px;
	height: 8px;
/*	background-image: url(../img/bg_navi_a_br.gif);*/
}
*/

/* Bottom Navigation Area */


/* 2.9 change */
td.navi_bottom_ul {
	width: 10px;
	height: 8px;
/*	background-image: url(../img/bg_navi_b_ul.gif);*/
}

/* 2.9 change */
td.navi_bottom_uc {
	height: 8px;
/*	background-image: url(../img/bg_navi_b_uc.gif);*/
}

/* 2.9 change */
td.navi_bottom_ur {
	width: 10px;
	height: 8px;
/*	background-image: url(../img/bg_navi_b_ur.gif);*/
}

/* 2.9 change */
td.navi_bottom_ml {
	width: 10px;
/*	background-image: url(../img/bg_navi_b_ml.gif);*/
}

/* 2.9 change */
td.navi_bottom_mc_l {
/*	background-image: url(../img/bg_navi_b_mc.gif);*/
}

/* 2.9 change */
td.navi_bottom_mc_r {
	text-align: right;
/*	background-image: url(../img/bg_navi_b_mc.gif);*/
}

/* 2.9 change */
td.navi_bottom_mr {
	width: 10px;
/*	background-image: url(../img/bg_navi_b_mr.gif);*/
}

/* 2.9 change */
td.navi_bottom_bl {
	width: 10px;
	height: 5px;
/*	background-image: url(../img/bg_navi_b_bl.gif);*/
}

/* 2.9 change */
td.navi_bottom_bc {
/*	background-image: url(../img/bg_navi_b_bc.gif);*/
}

/* 2.9 change */
td.navi_bottom_br {
	width: 10px;
	height: 5px;
/*	background-image: url(../img/bg_navi_b_br.gif);*/
}



/* 2.9 change */
div.contents_folder {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.removeContentsFolderMarginTop {
	margin-top: -10px !important;
	_position: relative;
	*position: relative;
}

div.removeContentsFolderMarginBottom {
	margin-bottom: -10px !important;
	_position: relative;
	*position: relative;
}

/*2.9 change*/
div.display div.requiredGuidance {
/*	margin-bottom: -10px;*/
}
div.display-middle div.requiredGuidance {
/*	margin-bottom: -10px;*/
}
div.display-large div.requiredGuidance {
/*	margin-bottom: -10px;*/
}
div.margin {
	margin-top: 5px;
}

/*2.9 change*/
div.contentsActionAlone {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 10px;
/*	line-height: 1.5;*/
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

/*2.9 change*/
div.contentsActionTop {
/*
	padding-left: 16px;
	background-color: #eeeeee;*/
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 5px 10px;
	line-height: 1.22;
	background-color: #ffffff;
/*	border-bottom: 1px solid #eeeeee;*/
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

/*2.9 change*/
div.contentsAction {
/*
	padding-left: 16px;
	background-color: #eeeeee;*/
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
/*	padding: 5px 15px 5px 0px;
	line-height: 1.22;*/
	background-color: #ffffff;
/*	border-top: 1px solid #eeeeee;*/
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

div.contentsPopUp {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
	line-height: 1.5;
	height: 255px;
	/*width	: 220px; ＃7347課題対応*/
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

div.contentsCustomer {
	height: 295px;
	/*width:555px; 課題対応*/
	overflow-x: hidden;
	overflow-y: scroll;
}

div.contentsPopUpMailPlus {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 5px 15px 5px 15px;
	line-height: 1.5;
	height: 255px;
	width: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

div.contentsLicense {
	border: 0px solid #999999;
	padding: 0px 5px 0px 0px;
	line-height: 1.5;
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

div.tabLicense {
	padding: 0px 0px 0px 15px;
	overflow-y: auto;
	overflow-x: hidden;
}

.contentsPopUp table {
/*	border-bottom: 1px solid #cccccc;*/
}

.contentsPopUp td,th {
	padding-left: 5px;
	padding-right: 5px;
}

.contentsPopUpMailPlus td,th {
	padding-left: 5px;
	padding-right: 5px;
}

.contentsPopUp select {
	width: auto;
}

.contentsPopUpMailPlus select {
	width: auto;
}

div.contentsPopUpMail {
	background-color: #ffffff;
	border: 1px solid #999999;
	padding: 5px 15px 5px 15px;
	line-height: 1.5;
	height: 107px;
	overflow-y: auto;
	overflow-x: hidden;
}

.contentsPopUpMail table {
/*	border-bottom: 1px solid #cccccc;*/
}

.contentsPopUpMail td,th {
	padding-left: 5px;
	padding-right: 5px;
}

.contentsPopUpMail select {
	width: auto;
}

div.contentsPopUpRight {
	background-color: #ffffff;
	line-height: 1.5;
	overflow-y: auto;
	overflow-x: hidden;
}

.contentsPopUpRight table {
/*	border-bottom: 1px solid #cccccc;*/
}

.contentsPopUpRight td,th {
	padding-right: 10px;
}

div.contentsPopUpMailRight {
	background-color: #ffffff;
	line-height: 1.5;
	/*width: 181px; #7347 課題対応*/
	height: 105px;
	overflow-y: auto;
	overflow-x: hidden;
}

.contentsPopUpMailRight table {
/*	border-bottom: 1px solid #cccccc;*/
}

.contentsPopUpMailRight td,th {
	padding-right: 10px;
}

/*2.9 change*/
div.contents {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
/*	line-height: 1.5;*/
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
div.contentsChildAction {
	background-color:#ffffff;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
	line-height: 1.22;*/
	background-color: #ffffff;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	margin-right:1%;
	margin-top: -5px;
}
div.contentsChildAction:empty {
	display:none;
}
div.contentsChild {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 5px 10px 5px 10px;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	margin-bottom:5px;
	margin-right:1%;
}
div.contentsChild:empty {
	display:none;
}
div.contentsChild td.label{
	width:8em !important;
}
div.fixed_footer {
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

/*2.9 change*/
.contents table.rich-table {
	width: 99%;
/*	border-bottom: 1px solid #cccccc;*/
}
.headerBg2{
	font-weight: bold;
}
/*V2.9Add*/
.listHighlight{
    border-bottom:1px inset rgba(255,255,255,0);
}
.listHighlight tr,.listHighlightRich tr{
	border-top: 1px inset rgba(255,255,255,0);
}
.listHighlight tbody:not(.rf-cst) tr:last-child,.listHighlightRich tbody:not(.rf-cst) tr:last-child{
	border-bottom: 1px inset rgba(255,255,255,0);
}
/*V2.9Add*/
tr.rf-dt-r:hover td{
	/*background-color: #D1F4FF;
	border-top: 1px solid #006cc8;
	border-bottom: 1px solid #006cc8;*/
}
table.listHighlight>tbody>tr.rf-dt-r:hover,
table.listHighlight tbody.rf-cst:hover,
table.listHighlightRich tr.oddRow:hover,
table.listHighlightRich tr.evenRow:hover,
table.listHighlight>tbody>tr.rf-cst-r:hover {
	border-top: 1px solid #FFDEAD;
	border-bottom: 1px solid #FFDEAD;
}
table.listHighlight tr.rf-dt-r:hover td.rf-dt-c ,
table.listHighlight tr.rf-cst-r:hover td.rf-cst-c ,
table.listHighlight tbody.rf-cst:hover td.rf-cst-c,
table.listHighlightRich tr.oddRow:hover td,
table.listHighlightRich tr.evenRow:hover td{
	background-color: #FFFAF2;
}
table.listHighlight tr:hover td.tdHighlight{
	border-top: 1px solid #FFDEAD;
	border-bottom: 1px solid #FFDEAD;
	background-color: #FFFAF2;
}
table.listHighlight tr{
    border-right:none;
}
.rf-dt-hdr-c, .rich-table-header{
/*    border-bottom:1px solid #FFFFFF;*/
}
.rf-cst{
	border-top: 1px inset rgba(255,255,255,0);
	border-bottom: 1px inset rgba(255,255,255,0);
}
table.listHighlight>tbody.rf-cst:hover>tr{
	border-top: 1px solid #FFDEAD;
	border-bottom: 1px solid #FFDEAD;
}
table.listHighlight .rf-cst:hover td{
    background-color: #FFFAF2;
}
table.noBorderHighlight tr,table.noBorderHighlight tr:hover{
    border:none !important;
}
.contents table.auto-width {
	width: auto !important;
}

.contents table.rich-table td,th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*2.9 change*/
.contents table.detail > tbody > tr > td, th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
/*	padding-bottom: 2px;*/
	padding-bottom: 7px;
}
.contents table.detail.nopadding > tbody > tr > td, th{
	padding-top:0;
	padding-bottom:0;
}
.contents td table.noBorderBottom {
	border-bottom: none !important;
}

.contents select {
	width: auto;
}

table.list {
	width: 99%;
	border-bottom: 1px solid #cccccc;
	border-collapse: collapse;
}

.list th.noborder {
	border: none;
}

.list td.noborder {
	border: none;
}

.list th.upperline {
	border-top: 1px solid #cccccc;
}

.list td.upperline {
	border-top: 1px solid #cccccc;
}

.list td {
	border-left: 1px solid #cccccc;
}

tr.list_header {
	background-color: #cfd7f1;
}

tr.sortable_list_header {
	background-color: #cfd7f1;
	color: #0000ff;
	cursor: pointer;
}

tr.list_even {

}

tr.list_odd {
	background-color: #dfe8ff;
}

.contents table.detailURL td,th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* 2.9 change */
table.detail {
	width: 99%;
/*	border-bottom: 1px solid #cccccc;*/
	border-collapse: collapse;
}

table.detailURL {
	border-bottom: 1px solid #cccccc;
	border-collapse: collapse;
}
.detail th,table.detailURL th {
	width: 100px;
	vertical-align: top;
}
/* 2.9 Add */
td.label{
	font-weight:bold;
}

.detail th.label,table.detailURL th.label {
	width: 100px;
	border: none;
	background-color: #cccccc;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	vertical-align: top;
}

/* 2.9 change */
.detail td.label, table.detailURL td.label {
	width: 140px;
	border: none;
/*
	background-color: #cccccc;
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
*/
	vertical-align: top;
	text-align: right;
}

.detail td.labelWithoutBorderTop,table.detailURL td.labelWithoutBorderTop {
	width: 100px;
	border: none;
	background-color: #cccccc;
	border-bottom: 1px solid #aaaaaa;
	vertical-align: top;
}

.detail td.labelBorderRight, table.detailURL td.labelBorderRight {
	border-right: 1px solid #aaaaaa;
}

.detail td.button {
	border: none;
	background-color: #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
}

/* 2.9 change */
.detail td.item, table.detailURL td.item  {
/*
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
*/
}

.detail td.itemWithoutBorderTop, table.detailURL td.itemWithoutBorderTop {
	border-bottom: 1px solid #cccccc;
}

.detail td.itemWithoutBorderTop table, table.detailURL td.itemWithoutBorderTop table {
	width: auto !important;
}

.detail td.itemWithoutBorderTop table.select td, table.detailURL td.itemWithoutBorderTop table.select td {
	width: 100px
}
/*
				.detail td.item table {
						width:auto !important;
					}
					*/
.detail td.item table.select td, table.detailURL td.item table.select td {
	width: 100px
}

div.textarea {
	width: 31em;
}

table.input {

}

.input select {
	margin-left: 0px;
}

.input th {
	background-color: #cfd7f1;
	font-weight: bold;
	width: 100px;
	border: none;
	border-bottom: 1px solid #ffffff;
	vertical-align: top;
}

.input td {
	vertical-align: top;
	border: none;
}

div.list {
	float: left;
	width: 31em;
	height: 5em;
	overflow: auto;
	border: 1px solid #6699ff;
	white-space: nowrap;
}

div.list_button {
	margin-left: 31em;
}

table.monthly {

}

table.weekly {

}

.weekly td {
	border-bottom: 1px solid #cccccc !important;
	vertical-align: top;
	width: 12%;
	padding: 0px 0px 0px 3px;
}

.monthly td {
	border-bottom: 1px solid #cccccc !important;
	vertical-align: top;
	width: 14%;
	padding: 0px 0px 0px 3px;
}

.monthly td.holiday,.weekly td.holiday {
	background-color: #ffe2ff;
}

.monthly td.weekend,.weekly td.weekend {
	background-color: #e2ffff;
}

.monthly td.today,.weekly td.today {
	background-color: #d8ffd8;
}

.monthly img,.weekly td.img {
	cursor: pointer;
}

table.plan {
	border: none !important;
}

.plan td.label {
	border: none !important;
	width: auto !important;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	padding-left: 2px;
	font-size: 89%;
}

.plan td.time {
	border: none !important;
	width: 2.7em !important;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-size: 89%;
}

.list_odd td {
	border-bottom: none !important;
}

h1 {
	font-size: 124%;
}

h2 {
	font-size: 114%;
	font-weight: normal !important;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
}

/*2.9 change*/
td.title_left {
/*	width: 10px;*/
	width: 12px;
	height: 34px;
}


td.title_center {
	height: 34px;
}


td.title_right {
	width: 10px;
	height: 34px;
}

span.necessary {
	color: #ff0000;
}
/*2.9Change*/
div.searcher {
/*	border: 2px solid #999999;*/
	background-color: #ffffff;
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
/*2.9Change*/
div.searcher_title {
/*	margin-left: -5px;*/
	_margin-top: -2px;
	*margin-top: -2px;
/*	background-color: #999999;
	color: #ffffff;
	text-align: center;*/
	font-weight:bold;
}

*:first-child+html div.searcher_title {
	margin-top: -2px !important;
}

div.spacer {
	margin-bottom: 0.5em;
}
/*2.9 Change*/
div.search_word {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 5px;
	padding-left: 5px;
	background-color: #EEEEEE;
/*	border-top: 1px solid #cccccc;*/
}

.searchLeft {

}

div.searchBtn {
	text-align: right;
	margin-right: 5px;
	margin-bottom: 5px;
}

input.long {
	width: 31em;
	border: 1px solid #6699ff;
}

input.middle {
	width: 21em;
	border: 1px solid #6699ff;
}

input.short {
	width: 11em;
	border: 1px solid #6699ff;
}

input.short_short {
	width: 4em;
	border: 1px solid #6699ff;
}

input.short2 {
	width: 1.5em;
	border: 1px solid #6699ff;
}

input.short3 {
	width: 2.25em;
	border: 1px solid #6699ff;
}

select.short {
	border: 1px solid #6699ff;
	vertical-align: top;
}

input[disabled], .disabledinp {
	border: 1px solid #a9a9a9 !important;
	background-color: #f0f0f0 !important;
	color:#999999 ;
}

textarea[disabled] {
	border: 1px solid #a9a9a9 !important;
	background-color: #f0f0f0 !important;
	color:#999999 ;
}

select[disabled] {
	border: 1px solid #a9a9a9 !important;
	background-color: #f0f0f0 !important;
	color:#999999 ;
}

input[type="text"] {
	margin:1px;
}

input[type="radio"] {
	border: none !important;
	background-color: transparent !important;
	vertical-align: middle;
}

input[type="checkbox"] {
	border: none !important;
	background-color: transparent !important;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

div.input_item
{
	border-radius:5px;
	border:1px solid #6699ff;
}
div.input_item_large
{
	border-radius:3px;
	border:1px solid #6699ff;
}
div.input_item input,div.input_item_large input
{
	margin-left:3px;
}
td.label label{
	margin: 0 5px;
}
td.item input[type="checkbox"] + label,
td.item input[type="radio"] + label{
	margin: 0 7px 0 -3px;
}

select.noinput {
	color: #666666;
	background-color: #f0f0f0;
	vertical-align: top;
}

select.necessary {
	background-color: #ffffcc;
	border:1px solid #ffaa66;
}

.shrinkMargin {
	margin-left: 0px;
}

div.inputStyle {
	border: 1px solid #6699ff;
}

div.leftColumn {
	float: left;
}

div.clearColumn {
	clear: both;
}

.inline {
	display: inline;
}

.widthFull {
	width: 100%;
}

.widthStep {
	width: 4em;
}

.widthMenu {
	width: 16em;
}

a.collapse {
	background-image: url(../img/info_close.png);
	background-repeat: no-repeat;
	background-position: center left;
	margin-left: 5px;
	padding-left: 17px;
	text-decoration: none;
}

a.collapse :visited {
	color: #0000ff;
}

a.expand {
	background-image: url(../img/info_open.png);
	background-repeat: no-repeat;
	background-position: center left;
	margin-left: 5px;
	padding-left: 17px;
	text-decoration: none;
}

a.expand :visited {
	color: #0000ff;
}

div.display div.message  ul {
	list-style-type: none;
/*	-webkit-padding-start: 0px !important;*/
/*	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}
div.display-middle div.message  ul {
	list-style-type: none;
/*	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}
div.display-large div.message  ul {
	list-style-type: none;
/*	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}
div.controller div.message  ul {
	list-style-type: none;
/*	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}

div.message li {
	list-style-type: none;
}

div.message li.error {
	color: red;
}

.controller div {
	position: relative;
}

.rf-tr div {
	position: static !important;
	width: max-content;
}

ol,ul {
/*	-webkit-padding-start: 40px;*/
/*	-moz-padding-start: 40px;*/
	padding-left: 40px;
}

ul.setting {
/*	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}

ul.setting li {
	list-style-type: none;
	background-image: url(../img/b_function.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 18px;
	margin-bottom: 5px;
}

.controllerButton_setting {
	background-color: #ffffff;
	padding: 5px 5px 5px 0px;
	margin-bottom: 0.5em;
}

.controllerButton_setting_selected {
	background-image: url(../img/b_function_w.png) !important;
	padding: 5px 5px 5px 0px;
	margin-bottom: 0.5em;
	font-weight: bold;
	color:white;
}

/*2.9Add*/
/*@media screen and (max-width:484px){
	.oddRow {
		height:2.5em;
	}
	.evenRow {
		height:2.5em;
		background-color: #F6F7F8;
	}
}
@media screen and (min-width:484px) {*/
	/*2.9Change*/
.oddRow {
		background-color:white;
}
	/*2.9Change*/
.evenRow {
}
/*}*/

/* ボタンのCSS */
button {
/*	color: #000000;*/
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
    min-width:7.5em;
}

/*2.9 change*/
button.default {
/*
	background-image: url(../img/bg_btndef.gif);
	border-top: 1px solid #1037ba;
	border-left: 1px solid #1037ba;
	border-bottom: 1px solid #041759;
	border-right: 1px solid #041759;
*/
	background-color: #cfd7f1;
	border:1px solid #06c;
}

/*2.9 change*/
button.normal {
/*
	background-image: url(../img/bg_btn.gif);
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-bottom: 1px solid #5b5b5b;
	border-right: 1px solid #5b5b5b;
*/
	background-color: #eee;
	border:1px solid #a9a9a9;
}

/*2.9 change*/
button.normalToggled {
/*
	background-image: url(../img/bg_btn_o.gif);
	background-color: #ece9b8;
*/
	background-color: #eee;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
}

button.fixed {
	min-width: 7.5em;
}

/*2.9 change*/
button.action {
/*
	background-image: url(../img/bg_btn.gif);
	background-color: #ece9b8;
*/
	background-color: #eee;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
}

button.shortbutton{
	min-width:initial;
	width:initial;
}
button span {
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 1.4em;
/*	color: #000000;*/
}

button span.wide {
	padding-left: 2em;
}

button span.noimage {
	padding-left: 0px;
}

button span.noimage1 {
	padding-left: 0px;
}

button.shortButton {
	min-width:initial;
}

input.dbButton{
	color: #000000;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #a9a9a9;
	-ms-border-radius: 5px;
	border-radius: 5px;
	height:2em;
}

span.button input {
/*	background-image: url(../img/bg_btn.gif);*/
	min-width: 7.5em;
	background-color: #eeeeee;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	padding-right: 2px;
	padding-top: 2px;
	color: #000000;
	cursor: pointer;
	position: relative;
	padding-left: 2em;
    height:2em;
	z-index: 0;
}
.button input.normal {

}

.button input.default {
	background-image: url(../img/bg_btndef.gif) !important;
	background-color: #cfd7f1 !important;
	border-top: 1px solid #1037ba !important;
	border-left: 1px solid #1037ba !important;
	border-bottom: 1px solid #041759 !important;
	border-right: 1px solid #041759 !important;
}

.button input.noimage {
	padding-left: 0px !important;
}

.button input.wide {
	letter-spacing: 0.8em;
}

.button img {
	position: relative;
	top: 0px;
	left: 25px;
	z-index: 1;
}

/*2.9 change*/
button.selector {
/*
	background-image: url(../img/bg_btn.gif);
	background-color: #ece9b8;
*/
	background-color: #eee;
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-bottom: 1px solid #5b5b5b;
	border-right: 1px solid #5b5b5b;
	min-width: 5em !important;
	height: 2em;
}


.button input.normal {

}

.button input.default {
	background-image: url(../img/bg_btndef.gif) !important;
	background-color: #cfd7f1 !important;
	border-top: 1px solid #1037ba !important;
	border-left: 1px solid #1037ba !important;
	border-bottom: 1px solid #041759 !important;
	border-right: 1px solid #041759 !important;
}

.button input.noimage {
	padding-left: 0px !important;
}

.button input.wide {
	letter-spacing: 0.8em;
}

.button img {
	position: relative;
	top: 0px;
	left: 25px;
	z-index: 1;
}

span.selectorAddButton {
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 1.4em;
}
/*V2.9Change*/
/*
div.controllerButtonBorder {
	border: 1px solid #999999;
	margin: 0 5px;
}
*/
/*V2.9Change*/
div.controllerButton {
/*	border: 2px solid #bfccff;
	background-color: #ffffff;
	border: 1px solid #a9a9a9;
	border-radius:6px;
	background-color: #eeeeee;
	margin: 2px 5px;
	text-align: center;*/
}
div.controllerButton > a {
	border: 1px solid #a9a9a9;
	border-radius:6px;
	background-color: #eeeeee;
	margin: 2px 5px;
	text-align: center;
	color: #000000;
	display:block;
	padding: 2px 0px;
}
input.submitButton {
	border: 1px solid #a9a9a9;
	border-radius:6px;
	background-color: #eeeeee;
	margin: 2px 3px;
	text-align: center;
	color: #000000;
	padding: 2px 5px;
}
div.controllerButton > a span{
	color:#000000;
}
div.controllerButton > span {
	border: 1px solid #a9a9a9;
	border-radius:6px;
	background-color: #eeeeee;
	margin: 2px 5px;
	text-align: center;
	color: #000000;
	display:block;
	padding: 2px 0px;
}
div.controllerButton span {
/*	color: #000000;*/
}
div.controllerButton > br {
	display:none;
}
/*2.9Change*/
span.anchor {
	cursor: pointer;
/*	text-decoration: underline;*/
	text-decoration: none;
}

span.noline {
	text-decoration: none;
}

span.not_sortable {
	color: #000000;
	cursor: default;
}

span.small {
	font-size: 87%;
}

span.small2 {
	font-size: 76%;
}

span.thin {
	color: #666666;
	font-size: 90%;
}

span.disabled {
	color: #999999 !important;
}

/* 起案内容表示表示中履歴用 */
span.boldText {
	font-size: 108%;
}

a.disabled {
	color: #999999 !important;
}

label.anchor {
	cursor: pointer;
	color: #0000ff;
	text-decoration: none;
}

label.small {
	font-size: 87%;
}

a.small {
	font-size: 87%;
}

.iconLeft {
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
}

.iconPadLeft {
	padding-left: 18px;
}

/*2.9 change*/
.iconPadLeft1 {
/*	padding-left: 10px;*/
	padding-left: 16px;
}

.smallIconPadLeft {
	padding-left: 13px;
}

.smallIconPadLeft1 {
	padding-left: 8px;
}

.iconRight {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

.iconPadRight {
	padding-right: 18px;
}

/*2.9 change*/
.iconPadRight1 {
/*	padding-right: 10px;*/
	padding-right: 16px;
}

a {
	cursor: pointer;
}

a.black {
	color: #000000 !important;
}

a.black:link {
	color: #000000 !important;
}

a.black:visited {
	color: #000000 !important;
}

a.black:hover {
	color: #000000 !important;
}

a.black:active {
	color: #000000 !important;
}

/*V29Change*/
a:link {
	font-style: Normal;
	text-decoration: none;
}

/*V29Change*/
a:visited {
	background-color: inherit;
	font-style: Normal;
}

a:hover {
	font-style: Normal;
	color: #ff0000;
}

/*V29Change*/
a:active {
	background-color: inherit;
	font-style: Normal;
}

a.over:link {
	background-color: inherit;
	font-style: Normal;
}

a.over:visited {
	background-color: inherit;
	font-style: Normal;
}

a.over:hover {
	background-color: inherit;
	font-style: Normal;
	color: #ff0000;
}

a.over:active {
	background-color: inherit;
	font-style: Normal;
}


/*2.9 change*/
a.noline:link {
/*	background-color: inherit;*/
	font-style: Normal;
	text-decoration: none;
}
/*2.9 change*/
a.noline:visited {
/*	background-color: inherit;*/
	font-style: Normal;
	text-decoration: none;
}
a.noline:hover {
/*	background-color: inherit;*/
	font-style: Normal;
	color: #ff0000;
	text-decoration: none;
}

/*2.9 change*/
a.noline:active {
/*	background-color: inherit;*/
	font-style: Normal;
	text-decoration: none;
}

a.empIconMenu {
	color: inherit;
	color: expression(this.parentNode.currentStyle.color); /* IE */
	cursor: inherit;
	text-decoration: none;
}

td.col22 {
	width: 22px;
}

td.width20 {
	width: 20px;
}

td.width20r {
	width: 20px;
	_width: 30px !important;
	_text-align: right;
}

td.width20r div {
	text-align: right;
}

/* 2.9 change */
td.headBorderRight {
/*	border-right: 1px solid #aaaaaa;*/
	border-right: 1px solid #fff;
}

td.headBorderLeft {
	border-left: 1px solid #aaaaaa;
}

td.headBorderBottom {
	border-bottom: 1px solid #aaaaaa;
}

td.headBorderTop {
	border-top: 1px solid #aaaaaa;
}

td.borderLeft {
	border-left: 1px solid #cccccc;
}

/* 2.9 change */
td.borderRight {
/*	border-right: 1px solid #cccccc;*/
	border-right: 1px solid #fff;
}

td.borderBottom {
	border-bottom: 1px solid #cccccc;
}

td.noBorderRight {
	border-right: none;
}

td.noborder {
	border: none;
}

td.noBorderBottom {
	border-bottom: none;
}
td.borderRight_XDB {
	border-right: 1px solid #cccccc !important;
}

th.headBorderLeft {
	border-left: 1px solid #aaaaaa;
}

th.headBorderTop {
	border-top: 1px solid #aaaaaa;
}
th.headBorderBottom_XDB {
	border-bottom: 1px solid #fff !important;
}
th.noBorderRight {
	border-right: none;
}

.rich-table {
}
/*2.9Change*/
.rich-table-header {
}
/*2.9Change*/
.rich-table-header-continue {
	background-image: none;
/*	background-color: #DAD1BA;*/
    background-color: #CFD8DC;
}

.rich-table-cell {
	border: 0px;
	font-weight: normal;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}
/*2.9Change*/
.rich-table-headercell {
	font-weight: bold !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
	text-align: left !important;
}

.rich-table-footercell {
	font-weight: normal;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}

.dr-subtable-cell {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}

.dr-table {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}

/*V2.9 Change*/
.dr-table-header {
	background-image: none !important;
	height:20px;
//	border-bottom: 2px solid #2b375d;
}

/*2.9 change*/
.dr-table-headercell {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
  border-right: 0;
}

/*V2.9Add*/
/** #24104 EAP02 社員検索結果 メールアドレスと携帯メールアドレスは同じ行に表示されてしまった : rollback **/
table.listHighlight a {
	display: block;
}

/*V2.9Add*/
table.listHighlight .rf-dt-c a + br{
	display: none;
}
.dr-table-cell {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}

.dr-table-headercell {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}

.dr-table-subheadercell {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}

.rf-dt-ftr-c {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
	font-weight: normal !important;
	/* text-align: left !important; */
}

.dr-table-subfootercell {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}

.dr-subtable-cell {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}

.dr-subtable-headercell {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
}
.borderRight {

}

.noborder {
	border: 0px;
}

img.button {
	border: none;
	margin-left: 3px;
	vertical-align: middle;
	cursor: pointer;
}

textarea {
	width: 31em;
	/*	height                  : 10em; */
}

.disabledLink {
	color: #bdbdbd
}

.collapsible_panel {

}

.collapsible_panel_tab {
	background-image: url(../img/folder3.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin-left: 5px;
	padding-left: 10px;
	cursor: pointer;
	color: #0000ff;
}

.folder_panel_tab {
	background-image: url(../img/folder.png);
	background-repeat: no-repeat;
	background-position: center left;
	margin-left: 0px;
	padding-left: 22px;
	cursor: pointer;
	background-color: #cfd7f1;
	color: #0000ff;
}

.collapsible_panel_content {

}

.collapsible_panel_tab a {

}

.CollapsiblePanelOpen .collapsible_panel_tab {
	background-image: url(../img/folder3_o.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin-left: 5px;
	padding-left: 10px;
	cursor: pointer;
	color: #0000ff;
}

.CollapsiblePanelOpen .folder_panel_tab {
	background-image: url(../img/folder_o.png);
	background-repeat: no-repeat;
	background-position: center left;
	margin-left: 0px;
	padding-left: 22px;
	cursor: pointer;
	background-color: #cfd7f1;
	color: #0000ff;
}

.CollapsiblePanelTabHover,.CollapsiblePanelOpen .CollapsiblePanelTabHover
	{

}

.CollapsiblePanelFocused .collapsible_panel_tab {

}

.containFolder {
	padding-left: 5px;
}

.notContainFolder {
	background-image: none;
	padding-left: 5px;
}

/* accordion panels */
.Accordion {
	overflow: hidden;
}

.Accordion table {
	width: 99%;
	border-collapse: collapse;
}

.accordionArrow { /*
	padding-left:5px;
	*/
	width: 8px;
	/*
    float:left;
    */
	background-position: center right;
	background-repeat: no-repeat;
}

.accordionTitle {
	text-align: center;
	padding-right: 12px;
	font-size: 10pt;
}

/*2.9Change*/
.AccordionPanelContent {
	clear: both;
	overflow: auto;
	margin: 0px;
	white-space: nowrap;
/*	background-color: #ffffff;*/
	padding-left: 5px;
	padding-right: 5px;
}

/*2.9Change*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
/*	border-top: 1px solid #aaaaaa;
	border-left: 2px solid #aaaaaa;
	border-right: 2px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	line-height: 17px;*/
}

.AccordionPanel .accordionArrow {
	background-image: url(../img/b_collapsible.png);
}

/*2.9Change*/
.AccordionPanel .AccordionPanelTab {
/*	background-image: url(../img/bg_accordion.gif);*/
	background-color: #eeeeee;
	height: 1.5em;
}

.AccordionPanel .AccordionPanelContent {
	display: none;
}

/*2.9Change*/
.AccordionPanelOpen {
	margin: 0;
	padding: 0px;
/*	border-top: 1px solid #aaaaaa;
	border-left: 2px solid #aaaaaa;
	border-right: 2px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	line-height: 17px;*/
}

.AccordionPanelOpen .accordionArrow {
	background-image: url(../img/b_collapsible_o.png);
}

/*2.9Change*/
.AccordionPanelOpen .AccordionPanelTab {
/*	background-image: url(../img/bg_accordion_o.gif);*/
	height: 1.8em;
}

/*2.9Change*/
.AccordionPanelOpen .accordionTitle a {
/*	color: #000000 !important;*/
	color: #FFFFFF !important;
    font-weight:bold
}

/*2.9Change*/
.AccordionPanelOpen .accordionTitle a:active {
/*	color: #000000 !important;*/
	color: #FFFFFF !important;
	display: block;
}

/*2.9Change
.AccordionPanelOpen .accordionTitle a:hover {
	color: #000000 !important;

}
*/

/*2.9Change
.AccordionPanelOpen .accordionTitle a:link {
	color: #000000 !important;
}
*/

/*2.9Change*/
.AccordionPanelOpen .accordionTitle a:visited {
	color: #000000 !important;
	color: #FFFFFF !important;
	display: block;
}

/*2.9Add*/
.AccordionPanel a {
	display: block;
}

.AccordionPanelOpen .AccordionPanelContent {
	display: block;
}

/*###################################################*/
span.red {
	color: red;
}

span.blue {
	color: blue;
}

span.black {
	color: black !important;
}

a .black {
	color: #000000 !important;
}

span.boldred {
	font-weight: bold;
	color: red;
}

span.boldblue {
	font-weight: bold;
	color: blue;
}

span.boldblack {
	font-weight: bold;
	color: black;
}
span.highlight {
	background-color: #FFFF00;
}
.menulay {
	color: #0000ff;
	align: center;
	border: 2pt groove #9999ff;
}

.mainmenu {
	position: absolute;
	text-align: center;
	border: 1pt solid #000000;
	visibility: hidden;
	cursor: default;
}

.submenu {
	position: absolute;
	text-align: center;
	border: 1pt solid #000000;
	visibility: hidden;
	cursor: default;
}

.win {
	position: absolute;
	color: #000000;
	background-color: #eeeeee;
	border: 3pt ridge #00ff00;
}

.dialogue {
	margin-left: 2px !important;
/*	top: 19px !important;*/
}

.dialogue message {
	margin-top: 15px !important;
	text-align: center;
}

.dialogue table {
	position: absolute;
	top: 120px;
	left: 15px;
	width: 255px;
}

div.display .marginConfirm {
	margin-top: 20px;
	padding-right: 6px;
}

div.display-middle .marginConfirm {
	margin-top: 20px;
	padding-right: 6px;
}

div.display-large .marginConfirm {
	margin-top: 20px;
	padding-right: 6px;
}

div.display .marginCancel {
	margin-top: 20px;
	padding-right: 8px;
}
div.display-middle .marginCancel {
	margin-top: 20px;
	padding-right: 8px;
}
div.display-large .marginCancel {
	margin-top: 20px;
	padding-right: 8px;
}

.dr-tree-h-ic-img {
	width: auto;
	height: auto;
}
/*2.9Change*/
.rich-tree-node-selected {
//	background-color: #cfd7f1;
}

/***********RF 4************/
.rf-trn-sel {
//	background-color: #E0E4E6;
}
a.rf-trn-sel {
	background-color: #E0E4E6 !important;
}
.rf-trn {
    color: #000000;
    cursor: default;
    white-space: nowrap;
    font-size: 100%;
    overflow: visible;
}
/***********RF 4************/

a.rich-tree-node-selected {
	background-color: #E0E4E6;
}

.rich-tree-node-handleicon-collapsed {
	width: 9px !important;
	height: 18px !important;
}

.rich-tree-node-icon {
	width: 20px !important;
	height: 18px !important;
}

.rich-tree-node-text a {
	display: block;
}

.dr-tree-h-ic-div {
	margin-left: 4px !important;
	padding-left: 13px !important;
}

.leafWidth {
	width: 9px !important;
}

.controllerWidth .rf-tr {
	width: 100%;
	overflow: auto;
}
.controllerWidth1 .rf-tr {
	width: 100%;
	overflow: auto;
}
.controllerWidth2 .rf-tr {
	width: 100%;
	overflow: auto;
}
.enlargedControllerWidth .rf-tr {
	width: 100%;
	overflow: auto;
}

/*
 * ポップアップメニュー
 */
/*2.9 Change*/
.popupMemberMenu {
	position: absolute !important;
	z-index: 9001;
	background-color: #ffffff;
	box-shadow:0 1px 2px 0px rgba(0,0,0,0.3);
	border: 1px solid #eeeeee;
/*	border: 2px solid #000066;*/
	padding: 3px 3px 3px 3px;
	width: 150px;
	overflow-y: auto;
	overflow-x: auto;
	display: none;
}

.popupMemberMenu ul {
	list-style-type: none;
/*	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}

.popupMemberMenu li.enabled {
	cursor: pointer;
}

.popupMemberMenu li.disabled {
	color: #999999;
}

.popupGroupMenu {
	position: absolute !important;
	z-index: 9001;
	background-color: #ffffff;
	box-shadow:0 1px 2px 0px rgba(0,0,0,0.3);
	border: 1px solid #eeeeee;
/*	border: 2px solid #000066;*/
	padding: 3px 3px 3px 3px;
	width: 210px;
	overflow-y: auto;
	overflow-x: auto;
	display: none;
}

.popupGroupMenu ul {
	list-style-type: none;
/*	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}

.popupGroupMenu li.enabled {
	cursor: pointer;
}

.popupGroupMenu li.disabled {
	color: #999999;
}
/*2.9 Change*/
.popupMenu {
	border-radius:3px;
	box-shadow: 0 1px 2px 0px rgba(0,0,0,0.3);
	position: absolute !important;
	z-index: 9001;
	background-color: #ffffff;
	border: 1px solid #cccccc;
/*	border: 2px solid #000066;*/
	padding: 3px 3px 3px 3px;
	width: 140px;
	overflow-y: auto;
	overflow-x: auto;
	display: none;
}

.popupMenu ul {
	list-style-type: none;
/*	-webkit-padding-start: 0px !important;
	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
}

.popupMenu li.enabled {
	cursor: pointer;
}

.popupMenu li.disabled {
	color: #999999;
}

.popupError {
	position: absolute !important;
	z-index: 9001;
	white-space: nowrap;
	padding: 3px 3px 3px 3px;
	overflow-y: auto;
	overflow-x: auto;
	display: none;
	/*
	background-color: white;
	color			: red;
	width			: 305px;
	border			: 2px solid #000066;
	*/
	background-color: #ff5555;
	color: white;
	font-weight: bold;
	border: none;
}

/** 2.8 sprint 4 - #15748 **/
.popupWarning {
	position: absolute !important;
	z-index: 9001;
	white-space: nowrap;
	padding: 3px 3px 3px 3px;
	overflow-y: auto;
	overflow-x: auto;
	display: none;
	background-color: #ffff99;
	color: black;
	font-weight: bold;
	border: none;
}


.colorpopupMenu {
	border-radius:3px;
	box-shadow: 0 1px 2px 0px rgba(0,0,0,0.3);
	background-color: #ffffff;
	border: 1px solid #cccccc;
/*	border: 2px solid #000066;*/
	padding: 3px 3px 3px 3px;
}
td.todayColor {
	background-color: #D7FFD0;
}

td.defaultColor {
	background-color: #ffffff;
}

td.holidayColor {
	background-color: #FEE2FF;
}

td.saturdayColor {
	background-color: #E2FEFE;
}

td.scheTerm {
	background-color: #99FE99;
}

.saturday {
	color: blue;
}

.sunday {
	color: red;
}

.marginTop {
	margin-top: 0.5em;
}
/** 社員表示用列 */
th.empName {
	width: 8em;
}

td.empName {
	width: 8em;
}
td.empName > a {
	display: inline;
}
td.empName > a + br{
	display: inline;
}

a.small2 {
	font-size: 76%;
}

a.disabledtemp {
	color: #999999 !important;
	text-decoration: none;
}

/**using for ajaxCommandButton**/
/*2.9Change*/
span.ajaxButton input {
/*	background-image: url(../img/bg_btn.gif);*/
    min-width:7.5em;
	height: 2em;
//	background-color: #ece9b8;
	background-color: #eeeeee;
	border: 1px solid #a9a9a9;
	cursor: pointer;
	position: relative;
	padding: 0 2px;
	text-align: center;
	vertical-align: middle;
	z-index: 0;
	-webkit-appearance: button;
}

/*2.9 change*/
span.ajaxButton button.normal {
/*	background-image: url(../img/bg_btn.gif) !important;*/
	min-width: 7.5em !important;
	height: 2em !important;
/*	background-color: #ece9b8 !important;*/
	background-color: #eeeeee;
	border: 1px solid #a9a9a9 !important;
	cursor: pointer !important;
	position: relative !important;
	padding: 0 2px;
	text-align: center !important;
	vertical-align: middle !important;
	z-index: 0 !important;
}

div.disabled {
	color: #999999 !important;
	border: 1px solid #808080 !important;
	background-color: #f0f0f0 !important;
}

table.note {
	width: 99%;
}

.note td.label {
	width: 1%;
	border: none;
	vertical-align: top;
	white-space: nowrap;
	padding-left: 16px;
}

.note td.item {

}

.note td.item table {
	width: auto !important;
}
/*2.9Change*/
li.errormessage {
	background-color: #FADDDD;
	border-radius: 5px;
	color: #e60033;
	font-weight: 700;
	padding: 5px;
    list-style-type: none;
}
/*2.9Change*/
li.warningmessage {
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #000000;
	font-weight: 700;
	padding: 5px;
    list-style-type: none;
}
/*2.9Change*/
li.infomessage {
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #000000;
	font-weight: 700;
	padding: 5px;
    list-style-type: none;
}

div.message ul{
	width :98%;
}
button span.noImageWideButton {
	padding-left: 0!important;
	letter-spacing:0.8em;
	margin-right:-0.8em;
	margin-left:0.6em;
}

/* 2.9 add */
.topmenu_list li:last-child{
	border-right:1px solid #bfbfbf;
}

.topmenu_list li{
	border:none;
	color:#000;
	font-weight:700;
	text-align: left;
	display:table-cell;
	width:152px;
}

/*以下、2.9デザインにより追加*/
#nameAndDept{
	height:30px;
}
.topmenu_list li a{
	border:1px solid transparent;
	border-left:1px solid #bfbfbf;
	display:block;
	color:black;
	height:29px;
	padding-left:18px;
	padding-right:8px;
}
.topmenu_list li.topmenu_selected a {
	border-top:1px solid #bfbfbf;
	background-color: #FFFFFF;
	position:relative;
	z-index:10002;
}
.topmenu:visited{
	color:#000;
}

.topmenu_triicon{
	font-size:0.8em;
	float:right;
	text-align: right;
	margin-right: 0px;
	margin-bottom: -2px;
}

ul.topmenu_list{
	padding-left:0px;
	height:25px;
	display:table;
}

.direct_menu{
}

.title_center:before{
	-ms-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	content:"";
	display: inline-block;
	margin-left:-12px;
	width: 7px; height: 16px;
	position: absolute;
	margin-top:2px;
}

div.forceRequired {
	background-color: #ffffcc !important;
}

/* -----------------------------------------------
 * RichFaces 4.5.5
 * ----------------------------------------------- */
 .rf-dt-nd {
 	display: none;
 }
 .rf-dt {
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
/*	border: 0px;*/
	width: 99%;
	border-collapse: collapse;

}
.rf-dt-hdr-c {
	background-image: none !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
	font-weight: bold !important;
	text-align: left !important;
	border-right:none !important;
/*    border-bottom:solid 1px #FFFFFF !important;*/
}
.rf-dt-c {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
	border: 0px;
	font-weight: normal;
}

.rf-cst-c {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	*font-size: small !important;
	*font: x-small !important;
	border: 0px;
	font-weight: normal;
}

.rf-tr-nd-exp{
background-image:url(/pe4j/img/tree_1_o.png);
background-repeat: no-repeat;
background-position:5px 5px;
}

.rf-tr-nd-colps{
background-image:url(/pe4j/img/tree_1.png);
background-repeat: no-repeat;
background-position:5px 5px;
}

.contents table.rf-dt {
	width: 99%;
	/* border-bottom: 1px solid #cccccc; #20796 */
}

.contents table.rf-dt td,th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottm: 2px;
}

/****Drag CSS****/
.drgind_fly {
    position: absolute;
    z-index: 10000;
    margin-left: 88px;
    margin-top: 13px
}
.drgind_internal {
    opacity: 0.93;
    position: absolute;
}
.drgind_wordcut {
    float: left;
    overflow: hidden;
    padding: 0 0 0 3px;
    white-space: nowrap;
    width: 200px;
}
.drgind_text {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    border-top-style: solid;
    border-top-width: 1px;
}
.drgind_marker {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    vertical-align: top;
}
.drgind_reject .drgind_marker {
    background-color: #ef6771;
    border-bottom-color: #96000b;
    border-left-color: #96000b;
    border-top-color: #96000b;
    vertical-align: top;
}
.drgind_accept .drgind_marker, .drgind_default .drgind_marker {
    background-color: #9cdc48;
    border-bottom-color: #589900;
    border-left-color: #589900;
    border-top-color: #589900;
    vertical-align: top;
}
.drgind_text {
    background-color: #edeae6;
    border-bottom-color: #d4cfc7;
    border-right-color: #d4cfc7;
    border-top-color: #d4cfc7;
    color: #000;
}
.drgind_text_content {
    color: #000;
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
}
td.radioBtn {
	width: 20px;
}

/****collapsibleSubTable CSS****/
.rf-cst-c, .rf-cst-nd-c {
	border: 0px;
	font-size: inherit !important;
	font-family: inherit !important;
	padding-bottom: 0px !important;
}

.rf-cst, .rf-cst-nd {
	border-bottom: 0px;
}

/****datagrid CSS****/
table.rf-dg {
    background-color: inherit !important;
    border-collapse: inherit !important;
    border-left: 0px !important;
    border-top: 0px !important;
    empty-cells: inherit !important;
}
.rf-dg-c {
    border-bottom: 0px !important;
    border-right: 0px !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    padding-bottom: 0px !important;
}

span.rf-trn-cnt.rf-trn-sel{
	background: none;
	width: max-content;
}

span.rf-trn-cnt.rf-trn-sel image{
	background: none;
}

span.rf-trn-cnt.rf-trn-sel span.rf-trn-lbl{
	background-color: #E0E4E6;
	width: max-content;
}

span.rf-trn-cnt.rf-trn-sel span.rf-trn-lbl span{
	background-color: #E0E4E6;
	width: max-content;
	padding:0 4px 0 2px
}

span.rf-trn-cnt span.rf-trn-lbl a:hover{
	 text-decoration: underline;
}

.rf-trn-ico {
    cursor: pointer;
    display: inline-block;
    margin: -2px !important;
    vertical-align: middle;
}

.rf-trn-lbl {
    cursor: pointer;
    display: inline-block;
    height: 18px !important;
    margin-left: 5px;
    padding:0;
    vertical-align: middle;
}
/* -----------------------------------------------
 * RichFaces 4.5.5 - END
 * ----------------------------------------------- */

/* For screen layout display/hidden */
.currentCell {
/*	background-color: #a6acc2;*/
	white-space: nowrap;
	color:white !important;
}
/*2.9Change*/
.currentCell a{
    color:#fff !important;
}

.currentCellWrap{
	white-space: normal;
    color:white !important;
}

/* 2.9 change */
th.headBorderRight {
/*	border-right: 1px solid #aaaaaa;*/
	border-right: 1px solid #fff !important;
}
div.screenLayoutHidden {
	display:none !important;
}

div.forceRequired {
	background-color: #ffffcc !important;
}

/*V2.9Add*/
.indicatorOn{
    font-size:0.85em;
	color: #ffffff;
	padding : 0px 6px !important;
	border-radius: 10px;
	font-weight: bold;
	margin-left: 2px;
	font-family: "メイリオ", sans-serif;
}
.indicatorOff{
    font-size:0.85em;
	background-color:#cccccc;
	color: #ffffff;
	padding : 0px 6px !important;
	border-radius: 10px;
	font-weight: bold;
	margin-left: 2px;
	font-family: "メイリオ", sans-serif;
}
.numberOff{
	background-color:#cccccc;
}

.navi_leftmargin{
/*	margin-left:110px;*/
}

.required{
	border:1px solid #ffaa66;
}

input.required{
	border:1px solid #ffaa66;
	border-radius:5px;
}

select.required{
	border:1px solid #ffaa66;
	border-radius:5px;
}

div.required{
	border:1px solid #ffaa66 !important;
	border-radius:5px;
}

div.error{
	border:2px solid #e60033 !important;
}

div.display div.guidemessage  ul,
div.display-middle div.guidemessage  ul,
div.display-large div.guidemessage  ul {
	list-style-type: none;
/*	-webkit-padding-start: 0px !important;*/
/*	-moz-padding-start: 0px !important;*/
	padding-left: 0px !important;
/*	margin-left:110px;*/
	margin-bottom:10px;
}

div.furl_field{
	background-color:#eee;
}

/*2.9 Add*/
div.fixed_header{
	background-color:#fff;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	margin-bottom:10px;
	/* position:fixed; */
	z-index: 7000;
	width: inherit;
	box-sizing:border-box;
}

.tabs{
	/* position:fixed; */
	width:100%;
	z-index: 7000;
}

.item table.collapse-table-nopad td, th{
	padding-bottom: 2px;
}
/*2.9 Add*/
tr.breadcrumbs {
        padding:none !important;
        margin:none !important;
        height:24px;
        border-bottom: 3px solid #2B375D;
}
.breadcrumbs td {
        margin:none !important;
        //				text-align:center;
        vertical-align: middle !important;
        font-weight: bold;
}
.breadcrumbs .bread_nowrap{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.breadcrumbs div.wrapper_bread{
	display:table-cell;
}
#breadcrumbsArea{
	height:23px;
	overflow:hidden;
}
#breadcrumbsArea:empty{
	height:0px;
	overflow:hidden;
}
.breadcrumbs div.version_bread{
	white-space: nowrap;
	display:table-cell;
	width:165px;
	text-align:right;
	padding:0 10px 0 5px;
}
/*29New*/
.breadcrumbs td li{
    border-radius:3px 3px 0 0;
    border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#CCCCCC;
	background-color:#FFFFFF;
	text-align:center;
	height:24px;
	width:140px;
	display:inline-block;
	vertical-align: top;
}
.breadcrumbs td li:empty{
        display:none !important;
}
/*29New*/
.breadcrumbs td ul{
    display:table-cell;
    white-space: nowrap;
	width:400px;
    padding-left:5px;
}
/*29New*/
.breadcrumbs td li.currentNtab{
        background-color:#2B375D;
	border:none;
}
/*29New*/
.breadcrumbs td li a{
        color:dimgray;
	border-radius:5px;
	display: block;
}
/*29New*/
.breadcrumbs td li.currentNtab a{
        color: white;
}
.breadcrumbs img {
        margin-top:7px !important;
        vertical-align:middle;
      }
.breadcrumbsLink {
}
.rf-dt-hdr-c a {
 /*   display: block;*/
}
.checkSelect {
	display :block;
}

/*ckeditorの見た目修正*/
.cke_inner{
	border:1px solid #cccccc !important;
}
.cke_top{
	border-radius:5px 5px 0px 0px;
}
.cke_wysiwyg_frame{
	border-radius:0px 0px 5px 5px;
}
.cke_editable div{
    line-height: 1.7em;
}

/*アクションメニュー*/
.actionMenuMark{
	transform: scale(0.5,2);
	transform-origin:0,0;
	display:table-cell;
	vertical-align:middle;
	width:10px;
}
.flyoutSubLink , .flyoutSubLinkSelected{
	display:inline-table;
	vertical-align: middle;
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}
/*V2.9Change*/
.flyoutMenu {
	/*				border-right:2px solid #7a7a7a;
	border-top:1px solid #a3a3a3;
	border-left:1px solid #a3a3a3;
        border-bottom:3px solid #666666; */
	background-color: #ffffff;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
	border:1px solid #bfbfbf;
}
/*V2.9Change*/
.flyoutSubLink {
	background-color: #ffffff;
	padding: 22px 25px 22px 6px;
	cursor: pointer;
	color: black;
	text-decoration: none;
	line-height: 20px;
}

.flyoutMenu hr {
	width: 100%;
	border: 0;
	background-color: #9A9A9A;
	height: 1px;
}
/*V2.9Change*/
.flyoutSubLinkSelected {
	padding: 22px 25px 22px 6px;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	line-height: 20px;
}

.menuBreadcrumbsLink {
	width: 100%;
	padding-top:16px;
	padding-bottom: 15px;
	padding-left: 6px;
	font-weight: bold;
}

tr.breadcrumbs {
        padding:none !important;
        margin:none !important;
        height:24px;
	font-size:13px;
}

/*V2.9フィルタ切替「白」ここから*/
.topmenu_triicon{
	color:#aaaaaa;
}
/*V2.9フィルタ切替「白」ここまで*/

/*V2.9フィルタ切替「黒」ここから*/
/*
tr.back_filter{
	background-color: rgba(0,0,0,0.6);
}
#naviMenus{
	color:#FFFFFF;
}
#naviMenus a{
	color:#FFFFFF;
}
.breadcrumbs td li:not(.currentNtab) a{
	color:dimgray !important;
}
*/
/*V2.9フィルタ切替「黒」ここまで*/

/*画像切替*/
#naviMenus{
	background-color:#F6F6F6;
}


/*2.9Add*/
.direct_menu img{
	opacity:0.88;
}
.direct_menu img:hover{
	opacity:1;
}

/*2.9Add*/
/*管理者画面用ここから
table.detail>tbody>tr{
	border-top:1px solid #dddddd;
}
table.detail2>tbody>tr{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
table.detail>tbody>tr:first-child{
	border-top:none;
}
管理者画面用ここまで*/



body.settingPage table.detail > tbody > tr{
	border-bottom: 1px solid #cccccc;
}
body.settingPage table.detail > tbody > tr:last-child{
	border-bottom:none;
}
listHighlight>tbody.rf-cst:hover{
    border-top: 1px solid #FFDEAD;
	border-bottom: 1px solid #FFDEAD;
}
.rf-cst:hover tr{
    background-color: #FFFAF2;
}
td.noblock a,td.noblock a + br,th.noblock a{
	display:inline !important;
}

.divIcon1 {
	display:table-cell;
	width:40px;
	vertical-align:middle;
	padding-top: 26px;
}

.divIcon2 {
	display:table-cell;
	width:40px;
	vertical-align:middle;
	padding-top: 52px;
}

.divIcon3 {
	display:table-cell;
	width:40px;
	vertical-align:middle;
	padding-top: 78px;
}

.divIcon5 {
	display:table-cell;
	width:40px;
	vertical-align:middle;
	padding-top: 130px;
}

.divIconBottom1 {
	padding-bottom: 26px;
}

.noDisplay{
	display:none;
}
.iconMargin{
	margin-left:5px;
}
.popmenuCurrent{
	background-color: #FFFFFF;
}
.fontSmall{
	font-size:12px;
}
.fontSmall td label{
	font-family:'Meiryo UI',sans-serif !important;
}
/*Firefoxフォントバグ対応*/
@font-face {
  font-family: 'arial-black';
  src: local('Arial Black');
}

/*DB用CSS*/

table.xdb_stdlayout td.label{
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	text-align:left;
	font-weight:normal;
}
table.xdb_stdlayout td.label:first-child{
}
table.xdb_stdlayout td.item{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
table.xdb_stdlayout td.item:last-child{
}
div.db_popup table td.label{
    width:7em !important;
}
div.db_popup{
    line-height: 1.5em !important;
    font-size:13px;
}
div.db_popup table td,div.db_popup table th{
    padding:0px !important;
}


::-webkit-input-placeholder {
    color: #999999;
    opacity: 1;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

::-moz-placeholder {
	color: #999999;
    opacity: 1;
}

:focus::-moz-placeholder {
    color: transparent;
}

input:-ms-input-placeholder {
    color: #999999 !important;
    opacity: 1;
}

:focus::-ms-input-placeholder {
    color: transparent;
}

.disabledListHighlight {
	border-bottom:1px inset rgba(255,255,255,0);
}
.disabledListHighlight tr,.disabledListHighlightRich tr{
	border-top: 1px inset rgba(255,255,255,0);
}
.disabledListHighlight tbody:not(.rf-cst) tr:last-child,.disabledListHighlightRich tbody:not(.rf-cst) tr:last-child{
	border-bottom: 1px inset rgba(255,255,255,0);
}

/*firefoxバグ対応*/
@-moz-document url-prefix() {
	table.border_off{
		border-collapse: separate;
		border-spacing: 0px;
	}
	table.border_off.listHighlight td{
		border-top:1px solid rgba(255,255,255,0);
		border-bottom:1px solid rgba(255,255,255,0);
	}
	table.border_off.listHighlight tr:hover td{
		border-top:1px solid  #FFDEAD;
		border-bottom: 1px solid #FFDEAD;
	}
}
input.long[type=file]
{
	border: 0px;
	width:380px;
}

tr.customRowPopup{
	height : 24.5px !important;
}

div.inputfile_ellipsis{
	display: block;
	text-overflow: ellipsis;
    overflow: hidden;
    width: 29em;
}

/* #22847, #22718の対応
* BT名が２桁数のみ、アイコン無しがPEのBT部品を使用する場合、
* styleをOverrideする為、以下のcssを使用する。
* Spanのclass=noimage, noimage1がではなく、buttonのclass=noimageを使用
*/
button.noimage span {
	padding-left: 0!important;
	margin-right:-0.8em;

}

div.controllerBTPaddingRight {
	padding-right: 5px;
}

button.cancelBT span {
	background-image:url(../img/b_cancel.png);
}

button.confirmBT span {
	background-image:url(../img/b_ok.png);
}

button.returnBT span {
	background-image:url(../img/b_return.png);
}

.wordbreakAll{
	width:inherit;
	word-break:break-all;
}
a.smallSelectAll {
    background-image: url("../img/b_checkall_b.png");
}
a.smallUnselectAll {
    background-image: url("../img/b_checkremove_b.png");
}
/** #24104 EAP02 社員検索結果 メールアドレスと携帯メールアドレスは同じ行に表示されてしまった **/
table.listHighlight a.xdbListIcon {
	padding: 3px 3px 3px 3px;
	background-color: #eeeeee;
	border-radius: 6px;
	border: 1px solid #a9a9a9;	
	display:inline;
}
/** a > spanの場合 **/
table.listHighlight span.xdbListIcon {
	padding: 3px 3px 3px 3px;
	background-color: #eeeeee;
	border-radius: 6px;
	border: 1px solid #a9a9a9;	
}
/** a > spanの場合 **/
table.listHighlight a.xdbDispInline, table.listHighlight span.empName a {
	display:inline !important;
}

input.elderMiddle{
	width : 27em;
	border: 1px solid #6699ff;
}

td.custom_layout input[type="checkbox"] + label, td.custom_layout input[type="radio"] + label {
    margin: 0 7px 0 -3px;
}

/** #28857**/
.twoSpace {
	padding-left: 10px;
}
/** using for multiple h:panelGrid in input area **/
.contents table.detail.border-bottom {
	border-bottom: 1px solid #cccccc;
}

/** 処理選択部品　**/
div.selectProc.disabled {
	pointer-events: none;
	border: none !important;
	background-color: transparent !important;
}

div.selectProc.disabled input.disabled {
	border: 1px solid #a9a9a9;
	background-color: #f0f0f0;
	color:#999999;
}


/* sticky table */
.sticky_table thead th {
	/* 縦スクロール時に固定する */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	/* tbody内のセルより手前に表示する */
	z-index: 1;
}
.sticky_table th:first-child {
	/* 横スクロール時に固定する */
	position: -webkit-sticky;
	position: sticky;
	left: 0;
}
.sticky_table thead th:first-child {
	/* ヘッダー行内の他のセルより手前に表示する */
	z-index: 2;
}

div.schedulePlanclass {
	display:inline-block;
	border-radius: 4px;
	padding: 0px;
	border: 0px;
	margin: 0px;
	line-height: 1.2em;
}

div.schedulePlanclass span.definedColor {
	filter: invert(100%) grayscale(100%) contrast(100);
	font-size: 13px;
}

/* #33474 IE hack */
@media all and (-ms-high-contrast: none){
	div.schedulePlanclass span.definedColor {
		color: #000000;
	}
}

div.schedulePlanclass span.defaultColor {
	background-color: white;
	font-size: 13px;
	color:black;
}

.coveredbox_definedColor {
	background-color: rgba(255,255,255,0.5);
	border-radius: 4px;
	padding: 0px 3px;
	/* ボーダー色:背景色よりも少し濃い色をつける */
	border: 1px solid rgba(0, 0, 0, 0.25);
}

.coveredbox_defaultColor {
	background-color: rgba(255,255,255,0.5);
	border-radius: 4px;
	padding: 0px 3px;
}

table.detailHeaderBg {				
	width: 100%;
	border-collapse: collapse;
}

table.detailHeaderBg td.label , table.detailHeaderBg td.item ,table.detailHeaderBg th {
	border:#CCCCCC solid 1px ;		
}

table.detailHeaderBg td.label-align-left {
	text-align: left ;
}

table.detailHeaderBg td {
	vertical-align: middle;
	padding: 5px;
	word-wrap: break-word;
	
}


table.detailHeaderBg td.label{
	width: 20%;
	background-color:  #E0E0E0;			
	font-weight: bold;
	border-right: #CCCCCC solid 1px ;
}

/** スケジュール、施設の予定区分の印刷時設定 **/
@media print {
    div.schedulePlanclass span.definedColor {
        color: #000000;
    }
    .coveredbox_definedColor {
        background-color: #FFFFFF;
        border-radius: 4px;
        padding: 0px 3px;
        border: 1px solid #000000;
    }
    .coveredbox_defaultColor {
        background-color: #FFFFFF;
        border-radius: 4px;
        padding: 0px 3px;
        border: 1px solid #000000;
    }
    div.schedulePlanclass span.definedColor {
        filter: none;
        font-size: 13px;
    }
}

/** コメント入力エリアの横幅を拡げる **/
textarea.commentLayout {
	width: 95%;
}

/* V3.3 Add */
/* 欄の改行しない */
.columnHeaderNoWrap {
	white-space: nowrap;
}

/** 3.5H-1 #35401 label 返信中*/
span .isReplying {
	border: solid 1px #999988; 
	border-radius: 5px; 
	padding: 0px 3px 0px 3px; 
	color: #ffffff; 
	background-color: #999988;
}

/** 3.5H-1 #35401 vertical top label of selectLimitedEmps*/
td.vertical_top {
	vertical-align: top;
}