/*///////////////////////////////////////////////////////////*/
/* Common Initialize */
/*///////////////////////////////////////////////////////////*/

body {
	-webkit-user-drag: none;
	background-color: #f0f0f0;
	color: #373737;
	font-family: 'Meiryo', sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;}
div {
	display: inline-block;
	vertical-align: top;}
html {
	height: 100%;
	width: 100%;}
img {
	border: none;}
p {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;}
.trumbowyg-editor p {
	display: block;
}
input {
	font-size: 16px;
	outline: 0;
	padding: 0;}
	input::-ms-clear {
		visibility:hidden;}
	input::placeholder {
		font-size: 14px;}
	input:focus::placeholder {
		color: transparent;}
select {
	appearance: none;
	font-family: 'Meiryo', sans-serif;}
	select::-ms-expand {
		display: none;}
	select option {
		font-family: 'Meiryo', sans-serif;}

/*///////////////////////////////////////////////////////////*/
/* Common Template */
/*///////////////////////////////////////////////////////////*/

.initialize * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;}
.noselect * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;}
.number {
	font-family: 'Arial';}
.string {
	font-family: 'Meiryo', sans-serif;}
.icon {
	background:	url(../image/icon-set.png?1546268400) no-repeat;
	background-size: 500px 400px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;}
.notes {
	font-size: 14px;
	font-weight: bold;
	margin: 14px 0 0 5px!important;}
.helper {
	box-shadow: 1.5px 3px 7px 0px rgba(0, 0, 0, 0.35);
	left: 0;
	list-style: none;
	padding: 0 8px;
	position: absolute;
	top: 0;}
.pulldown_helper {
	background-color: #ffffff;
	border-radius: 0 0 6px 6px;
	box-shadow: 1.5px 3px 7px 0px rgba(0, 0, 0, 0.35);
    max-height: 305px;
	left: 0;
    overflow-y: auto;
	position: absolute;
	top: 0;}
	.pulldown_helper::-webkit-scrollbar {
		width: 8px;
		height: 8px;}
	.pulldown_helper::-webkit-scrollbar-thumb {
		background: #a6a6a6;
		border-radius: 8px;}
	.pulldown_helper ul {
		margin: 5px 4px 2px 4px;
		padding: 0;}
		.pulldown_helper ul li {
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			border-radius: 5px;
			cursor: pointer;
			display: block;
			font-size: 14px;
			line-height: 18px;
			margin: 2px 0;
			text-indent: 3px;
			user-select: none;
			word-wrap: break-word;}
		.pulldown_helper ul li.overtext {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: pre;
			word-wrap: normal;}
		.pulldown_helper ul li > .icon {
			background-position: 500px 400px;
			height: 15px;
			margin: 2px 0 0 4px;
			width: 24px;}
		.pulldown_helper ul li.folder {
			position: relative;
			font-weight: bold;
			padding-left: 30px;}
		.pulldown_helper ul li.folder .icon_wrapper {
			height: 20px;
			position: absolute;
			left: 0;
			width: 30px;}
		.pulldown_helper ul li.folder .icon_wrapper .icon {
			background-position: -393px -214px;
			background-size: 500px 400px;
			height: 15px;
			margin: 2px 0 0 0;
			width: 24px;
			display: inline-block;
			overflow: hidden;
			pointer-events: none;}
		.pulldown_helper ul li.folder > .icon {
			background-position: -393px -214px;
			background-size: 500px 400px;
			height: 15px;
			margin: 2px 0 0 4px;
			width: 24px;}
		.pulldown_helper ul li.folder.open .icon_wrapper .icon {
			margin: 2px 0 0 0;
			background-position: -419px -214px;
			pointer-events: none;}
		.pulldown_helper ul li.folder.open + ul {
			display: block;}
		.pulldown_helper ul li.folder.open > .icon {
			margin: 2px 4px 0 0;
			background-position: -419px -214px;}
		.pulldown_helper ul li.hide {
			display: none;}
		.pulldown_helper ul li:hover {
			background-color: #98cffb;}
		.pulldown_helper ul ul {
			-o-transition: .25s ease-in-out;
			-ms-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-webkit-transition: .25s ease-in-out;
			display: none;
			margin: 2px 0;
			transition: .25s ease-in-out;}
			.pulldown_helper ul li.folder,
			.pulldown_helper ul ul li {
				padding-left: 30px;}
			.pulldown_helper ul ul li .icon_wrapper,
			.pulldown_helper ul ul li.folder .icon_wrapper {
				left: 30px;}
			.pulldown_helper ul ul li.folder,
			.pulldown_helper ul ul ul li {
				padding-left: 58px;}
			.pulldown_helper ul ul ul li .icon_wrapper,
			.pulldown_helper ul ul ul li.folder .icon_wrapper {
				left: 58px;}
			.pulldown_helper ul ul ul li.folder,
			.pulldown_helper ul ul ul ul li {
				padding-left: 86px;}
			.pulldown_helper ul ul ul ul li .icon_wrapper,
			.pulldown_helper ul ul ul ul li.folder .icon_wrapper {
				left: 86px;}
			.pulldown_helper ul ul ul ul li.folder,
			.pulldown_helper ul ul ul ul ul li {
				padding-left: 114px;}
			.pulldown_helper ul ul ul ul ul li .icon_wrapper,
			.pulldown_helper ul ul ul ul ul li.folder .icon_wrapper {
				left: 114px;}
			.pulldown_helper ul ul ul ul ul li.folder,
			.pulldown_helper ul ul ul ul ul ul li {
				padding-left: 142px;}
			.pulldown_helper ul ul ul ul ul ul li .icon_wrapper,
			.pulldown_helper ul ul ul ul ul ul li.folder .icon_wrapper {
				left: 142px;}
			.pulldown_helper ul ul ul ul ul ul li.folder,
			.pulldown_helper ul ul ul ul ul ul ul li {
				padding-left: 170px;}
			.pulldown_helper ul ul ul ul ul ul ul li .icon_wrapper,
			.pulldown_helper ul ul ul ul ul ul ul li.folder .icon_wrapper {
				left: 170px;}
			.pulldown_helper ul ul ul ul ul ul ul li.folder,
			.pulldown_helper ul ul ul ul ul ul ul ul li {
				padding-left: 198px;}
			.pulldown_helper ul ul ul ul ul ul ul ul li .icon_wrapper,
			.pulldown_helper ul ul ul ul ul ul ul ul li.folder .icon_wrapper {
				left: 198px;}
			.pulldown_helper ul ul ul ul ul ul ul ul li.folder,
			.pulldown_helper ul ul ul ul ul ul ul ul ul li {
				padding-left: 226px;}
.scroll::-webkit-scrollbar {
	width: 8px;
	height: 8px;}
	.scroll::-webkit-scrollbar-thumb {
		background: #a6a6a6;
		border-radius: 8px;}

.ui-datepicker {
	background-color: #ffffff;
	border-radius: 6px;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
	display: none;
    width: 255px;}
	.ui-datepicker .ui-datepicker-header {
		background-color: #345168;
		border-radius: 6px 6px 0 0;
		height: 35px;
		position: relative;
		text-align: center;
		width: 100%;}
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {
		bottom: 0;
		cursor: pointer;
		position: absolute;
		margin: auto 0;
		top: 0;
		width: 30px;
		height: 30px;}
	.ui-datepicker .ui-datepicker-prev {
		left: 2px;}
	.ui-datepicker .ui-datepicker-next {
		right: 2px;}
		.ui-datepicker .ui-datepicker-prev span,
		.ui-datepicker .ui-datepicker-next span {
			bottom: 0;
			display: inline-block;
			position: absolute;
			left: 0;
			margin: auto;
			right: 0;
			top: 0;}
	.ui-datepicker .ui-icon {
		background:	url(../image/icon-set.png?1546268400) no-repeat;
		background-size: 500px 300px;
		height: 10px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		width: 10px;}
	.ui-datepicker .ui-icon-circle-triangle-w {
		background-position: -150px -90px;}
	.ui-datepicker .ui-icon-circle-triangle-e {
		background-position: -150px -74px;}
	.ui-datepicker .ui-datepicker-title {
		color: #ffffff;
		font-size: 16px;
		line-height: 35px;
		vertical-align: middle;}
		.ui-datepicker .ui-datepicker-title select {
			border: 2px solid #c6ccd2;
			border-radius: 6px;}
	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year {
		width: 45%;}
	.ui-datepicker table {
		width: 100%;
		font-size: 14px;
		border-collapse: collapse;}
	.ui-datepicker tr:last-child td {
		margin-bottom: 20px;}
	.ui-datepicker th {
		border: 0;
		display: inline-block;
		font-weight: normal;
		height: 28px;
		margin-top: 16px;
		padding-bottom: 0;
		text-align: center;
		width: 13.2%;}
		.ui-datepicker th span {
			display: inline-block;
			height: 100%;
			text-align: center;
			text-decoration: none;
			width: 34px;}
	.ui-datepicker th:first-child {
		margin-left: 3px;
		color: #c25842;}
	.ui-datepicker th:last-child {
		color: #36799d;}
	.ui-datepicker td {
		border: 0;
		display: inline-block;
		float: left;
		height: 30px;
		padding: 0;
		text-align: center;
		width: 14%;}
	.ui-datepicker td:first-child {
		margin-left: 3px;}
		.ui-datepicker td span,
		.ui-datepicker td a {
			color: #373737;
			display: inline-block;
			height: 28px;
			margin: 0;
			line-height: 28px;
			text-align: center;
			text-decoration: none;
			width: 34px;}
		.ui-datepicker td:first-child a {
			color: #c25842;}
		.ui-datepicker td:last-child a {
			color: #36799d;}
		.ui-datepicker td.ui-datepicker-other-month,
		.ui-datepicker td.ui-datepicker-other-month a {
			color: #c3c9ce;}
	.ui-datepicker .ui-datepicker-today {
		padding: 0;}
	.ui-datepicker .ui-state-highlight {
		border: 2px solid #c6ccd2;
		border-radius: 6px;
		height: 24px;
		line-height: 24px;
		width: 30px;}
		.ui-datepicker td a.ui-state-active {
			color: #ffffff;
			background-color: #1b7c6f;
			border: 2px solid #1b7c6f;
			border-radius: 6px;
			height: 24px;
			line-height: 24px;
			width: 30px;}


	.ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;}
		.ui-datepicker .ui-datepicker-buttonpane button {
			float: right;
			margin: .5em .2em .4em;
			cursor: pointer;
			padding: .2em .6em .3em .6em;
			width: auto;
			overflow: visible;}
		.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
			float: left;}

	/* with multiple calendars */
	.ui-datepicker.ui-datepicker-multi {
		width: auto;}
	.ui-datepicker-multi .ui-datepicker-group {
		float: left;}
		.ui-datepicker-multi .ui-datepicker-group table {
			width: 95%;
			margin: 0 auto .4em;}
	.ui-datepicker-multi-2 .ui-datepicker-group {
		width: 50%;}
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 33.3%;}
	.ui-datepicker-multi-4 .ui-datepicker-group {
		width: 25%;}
		.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
		.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
			border-left-width: 0;}
	.ui-datepicker-multi .ui-datepicker-buttonpane {
		clear: left;}
	.ui-datepicker-row-break {
		clear: both;
		width: 100%;
		font-size: 0;}

	/* RTL support */
	.ui-datepicker-rtl {
		direction: rtl;}
	.ui-datepicker-rtl .ui-datepicker-prev {
		right: 2px;
		left: auto;}
	.ui-datepicker-rtl .ui-datepicker-next {
		left: 2px;
		right: auto;}
	.ui-datepicker-rtl .ui-datepicker-prev:hover {
		right: 1px;
		left: auto;}
	.ui-datepicker-rtl .ui-datepicker-next:hover {
		left: 1px;
		right: auto;}
	.ui-datepicker-rtl .ui-datepicker-buttonpane {
		clear: right;}
		.ui-datepicker-rtl .ui-datepicker-buttonpane button {
			float: left;}
		.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
		.ui-datepicker-rtl .ui-datepicker-group {
			float: right;}
		.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
		.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
			border-right-width: 0;
			border-left-width: 1px;}

.ui-resizable {
	position: relative;}
	.ui-resizable-handle {
		-ms-touch-action: none;
		background-image: repeating-linear-gradient(90deg, transparent 0, transparent 9px, #d0d0d0 9px, #d0d0d0 10px);
		display: block;
		font-size: 0.1px;
		position: absolute;
		touch-action: none;}
	.ui-resizable-disabled .ui-resizable-handle,
	.ui-resizable-autohide .ui-resizable-handle {
		display: none;}
	.ui-resizable-n {
		background: none;
		cursor: n-resize;
		height: 10px;
		left: 0;
		top: -5px;
		width: 100%;}
	.ui-resizable-s {
		background: none;
		bottom: -5px;
		cursor: s-resize;
		height: 10px;
		left: 0;
		width: 100%;}
	.ui-resizable-e {
		cursor: e-resize;
		height: 33px;
		right: 0;
		top: 0;
		width: 10px;}
	.ui-resizable-w {
		cursor: w-resize;
		height: 33px;
		left: -5px;
		top: 0;
		width: 10px;}
	.ui-resizable-se {
		bottom: 1px;
		cursor: se-resize;
		height: 12px;
		right: 1px;
		width: 12px;}
	.ui-resizable-sw {
		bottom: -5px;
		cursor: sw-resize;
		height: 9px;
		left: -5px;
		width: 9px;}
	.ui-resizable-nw {
		cursor: nw-resize;
		height: 9px;
		left: -5px;
		top: -5px;
		width: 9px;}
	.ui-resizable-ne {
		cursor: ne-resize;
		height: 9px;
		right: -5px;
		top: -5px;
		width: 9px;}

.common_calender {
	background-color: #ffffff;
	border-radius: 6px 6px 0 0;
	height: auto;
	width: 258px;}
	.common_calender .ui-datepicker {
		box-shadow: none;}
	.common_calender .string {
		font-size: 15px;
		height: 30px;
		text-indent: 6px;
		width: auto;}
	.common_calender[type="text"] {
		background-color: #ffffff;
		border: 2px solid #b9b9b9;
		border-radius: 6px;
		font-family: 'Meiryo', sans-serif;
		font-size: 16px;
		height: 32px;
		line-height: 36px;
		padding: 0 8px;
		text-indent: 0;
		width: 140px;}
	.common_calender[type="text"]::placeholder {
		font-size: 16px;}
	.common_calender[type="text"]:focus {
		border: 2px solid #095ea1;}
	.common_calender[type="text"]:focus::placeholder {
		color: transparent;}
	.common_calender[type="text"].text_large {
		font-size: 20px;
		letter-spacing: -1px;
		text-indent: 5px;
        width: 154px;}
	.common_calender[type="text"]:hover {
		cursor: pointer;}
	.common_calender[type="text"].text_large::placeholder {
		font-size: 20px;
		letter-spacing: -1px;
		text-indent: 5px;}
	.common_calender.alert{
		border: 2px solid #cc0000;
		background-color: #f7d9d9;}
	.common_calender.alert:focus{
		background-color: #ffffff;}
::placeholder {
	color: #cccccc; }
:-ms-input-placeholder { /* IE */
	color: #cccccc; }
::-ms-input-placeholder { /* Edge */
	color: #cccccc; }
.common_input_text {}
	.common_input_text input {
		border: 2px solid #b9b9b9;
		border-radius: 6px;
		font-family: 'Meiryo', sans-serif;
		height: 31px;
		line-height: 31px;
		padding: 0 8px;
		text-indent: 0;
		width: calc(100% - 16px - 4px);}
	.common_input_text input:focus{
		border: 2px solid #095ea1;}
	.common_input_text input[type="password"] {
		font-size: 22px;}
	.common_input_text input.alert{
		border: 2px solid #cc0000;
		background-color: #f7d9d9;}
	.common_input_text input.alert:focus{
		background-color: #ffffff;}
	.common_input_text textarea {
		border: 2px solid #b9b9b9;
		border-radius: 6px;
		font-family: 'Meiryo', sans-serif;
		font-size: 16px;
		line-height: 1.37;
		padding: 8px;
		resize: vertical;
		width: calc(100% - 16px - 4px);}
	.common_input_text textarea:focus{
		border: 2px solid #095ea1;}
	.common_input_text textarea.alert{
		border: 2px solid #cc0000;
		background-color: #f7d9d9;}
	.common_input_text textarea.alert:focus{
		background-color: #ffffff;}
	.common_input_text .string {
		display: block;
		font-size: 14px;
		font-weight: bold;
		text-align: right;}
.common_checkbox {
	cursor: pointer;
	padding: 2px;
	position: relative;}
	.common_checkbox input {
		display: none;}
	.common_checkbox label {
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;}
	.common_checkbox label:before {
		background:	url(../image/icon-set.png?1546268400) no-repeat;
		background-position: -150px -60px;
		background-size: 500px 400px;
		content: "";
		display: inline-block;
		margin: 0 5px 0 0;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		height: 16px;
		vertical-align: -2px;
		width: 16px;}
	.common_checkbox input:checked + label:before {
		background-position: -169px -60px;}
.common_radio {
	height: 30px;
	width: auto;}
	.common_radio input {
		display: none;}
	.common_radio label {
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;}
	.common_radio label:before {
        content: "";
		background:	url(../image/icon-set.png?1546268400) no-repeat;
		background-position: -188px -60px;
		background-size: 500px 400px;
		content: "";
		display: inline-block;
		overflow: hidden;
		margin: 0 8px 0 0;
		text-indent: 100%;
		white-space: nowrap;
		height: 16px;
		vertical-align: -2px;
		width: 16px;}
	.common_radio input:checked + label:before {
		background-position: -207px -60px;
    }
	.common_radio input:checked + label:before {
		background-position: -207px -60px;
    }
.common_text_list {
	border: 2px solid #b9b9b9;
	border-radius: 6px;
	height: 170px;
	overflow-y: auto;
	position: relative;
	width: 220px;}
	.common_text_list.active {
		border: 2px solid #095ea1;}
	.common_text_list::-webkit-scrollbar {
		width: 8px;
		height: 8px;}
	.common_text_list::-webkit-scrollbar-thumb {
		background: #a6a6a6;
		border-radius: 8px;}
	.common_text_list .string {
		-webkit-user-select: none !important;
		-moz-user-select: none !important;
		-ms-user-select: none !important;
		-o-user-select: none !important;
		border-radius: 5px;
		cursor: pointer;
		display: block;
		font-size: 14px;
		line-height: 18px;
		margin: 2px 4px;
		text-indent: 3px;
		user-select: none;}
	.common_text_list .string:hover {
		background-color: #98cffb;}
	.common_text_list .string:first-child {
		margin-top: 7px;}
	.common_text_list .string.selected {
		background-color: #85cdc3;}
	.common_text_list .string.overtext {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: pre;}
	.common_text_list .hide {
		display: none;}
.common_item_list {
	border: 2px solid #b9b9b9;
	border-radius: 6px;
	height: 170px;
	overflow-y: auto;
	position: relative;
	width: 220px;}
	.common_item_list.active {
		border: 2px solid #095ea1;}
	.common_item_list::-webkit-scrollbar {
		width: 8px;
		height: 8px;}
	.common_item_list::-webkit-scrollbar-thumb {
		background: #a6a6a6;
		border-radius: 8px;}
	.common_item_list ul {
		margin: 5px 4px 2px 4px;
		padding: 0;}
		.common_item_list ul li {
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			border-radius: 5px;
			cursor: pointer;
			display: block;
			font-size: 14px;
			line-height: 20px;
			margin: 2px 0;
			text-indent: 3px;
			user-select: none;}
		.common_item_list ul li.overtext {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: pre;}
		.common_item_list ul li > .icon {
			background-position: 500px 400px;
			height: 15px;
			margin: 2px 0 0 4px;
			width: 24px;}
		.common_item_list ul li.folder {
     		position: relative;
			font-weight: bold;}
		.common_item_list ul li.folder .icon_wrapper {
			height: 20px;
     		position: absolute;
			left: 0;
			width: 30px;}
		.common_item_list ul li.folder .icon_wrapper .icon {
			background-position: -393px -214px;
			background-size: 500px 400px;
			height: 15px;
			margin: 2px 0 0 0;
			width: 24px;
			display: inline-block;
			overflow: hidden;
			pointer-events: none;}
		.common_item_list ul li.folder > .icon {
			background-position: -393px -214px;
			background-size: 500px 400px;
			height: 15px;
			margin: 2px 0 0 4px;
			width: 24px;}
		.common_item_list ul li.folder.open .icon_wrapper .icon {
			margin: 2px 0 0 0;
			background-position: -419px -214px;
			pointer-events: none;}
		.common_item_list ul li.folder.open > .icon {
			margin: 2px 4px 0 0;
			background-position: -419px -214px;}
		.common_item_list ul li.folder.open + ul {
			display: block;}
		.common_item_list ul li.hide {
			display: none;}
		.common_item_list ul li:hover {
			background-color: #98cffb;}
		.common_item_list ul li.selected {
			background-color: #85cdc3;}
		.common_item_list ul ul {
			-o-transition: .25s ease-in-out;
			-ms-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-webkit-transition: .25s ease-in-out;
			display: none;
			margin: 2px 0;
			transition: .25s ease-in-out;}
			.common_item_list ul li.folder,
			.common_item_list ul ul li {
				padding-left: 30px;}
			.common_item_list ul ul li .icon_wrapper,
			.common_item_list ul ul li.folder .icon_wrapper {
				left: 30px;}
			.common_item_list ul ul li.folder,
			.common_item_list ul ul ul li {
				padding-left: 58px;}
			.common_item_list ul ul ul li .icon_wrapper,
			.common_item_list ul ul ul li.folder .icon_wrapper {
				left: 58px;}
			.common_item_list ul ul ul li.folder,
			.common_item_list ul ul ul ul li {
				padding-left: 86px;}
			.common_item_list ul ul ul ul li .icon_wrapper,
			.common_item_list ul ul ul ul li.folder .icon_wrapper {
				left: 86px;}
			.common_item_list ul ul ul ul li.folder,
			.common_item_list ul ul ul ul ul li {
				padding-left: 114px;}
			.common_item_list ul ul ul ul ul li .icon_wrapper,
			.common_item_list ul ul ul ul ul li.folder .icon_wrapper {
				left: 114px;}
			.common_item_list ul ul ul ul ul li.folder,
			.common_item_list ul ul ul ul ul ul li {
				padding-left: 142px;}
			.common_item_list ul ul ul ul ul ul li .icon_wrapper,
			.common_item_list ul ul ul ul ul ul li.folder .icon_wrapper {
				left: 142px;}
			.common_item_list ul ul ul ul ul ul li.folder,
			.common_item_list ul ul ul ul ul ul ul li {
				padding-left: 170px;}
			.common_item_list ul ul ul ul ul ul ul li .icon_wrapper,
			.common_item_list ul ul ul ul ul ul ul li.folder .icon_wrapper {
				left: 170px;}
			.common_item_list ul ul ul ul ul ul ul li.folder,
			.common_item_list ul ul ul ul ul ul ul ul li {
				padding-left: 198px;}
			.common_item_list ul ul ul ul ul ul ul ul li .icon_wrapper,
			.common_item_list ul ul ul ul ul ul ul ul li.folder .icon_wrapper {
				left: 198px;}
			.common_item_list ul ul ul ul ul ul ul ul li.folder,
			.common_item_list ul ul ul ul ul ul ul ul ul li {
				padding-left: 226px;}
	.common_item_list .string {
		-webkit-user-select: none !important;
		-moz-user-select: none !important;
		-ms-user-select: none !important;
		-o-user-select: none !important;
		border-radius: 5px;
		cursor: pointer;
		display: block;
		font-size: 14px;
		line-height: 18px;
		margin: 2px 4px;
		text-indent: 3px;
		user-select: none;}
	.common_item_list .string:hover {
		background-color: #98cffb;}
	.common_item_list .string:first-child {
		margin-top: 7px;}
	.common_item_list .string.selected {
		background-color: #85cdc3;}
.common_check_list {
	border: 2px solid #b9b9b9;
	border-radius: 6px;
	height: 170px;
	overflow-y: auto;
	position: relative;
	width: 220px;}
	.common_check_list.active {
		border: 2px solid #095ea1;}
	.common_check_list::-webkit-scrollbar {
		width: 8px;
		height: 8px;}
	.common_check_list::-webkit-scrollbar-thumb {
		background: #a6a6a6;
		border-radius: 8px;}
	.common_check_list .common_checkbox {
		-webkit-user-select: none !important;
		-moz-user-select: none !important;
		-ms-user-select: none !important;
		-o-user-select: none !important;
		border-radius: 5px;
		cursor: pointer;
		display: inline-block;
		float: left;
		font-size: 14px;
		line-height: 18px;
		margin: 1px 4px;
		padding: 0;
		text-indent: 3px;
		user-select: none;
		width: calc(100% - 8px);} 
	.common_check_list .common_checkbox label {
		border-radius: 6px;
		font-weight: normal;
		width: 100%;}
	.common_check_list .common_checkbox label:hover {
		background-color: #98cffb;}
	.common_check_list .common_checkbox label:before {
		margin-top: 1px;
		vertical-align: -3px;}
	.common_check_list .common_checkbox:first-child {
		margin-top: 7px;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(1) input:checked + label {
		background-color: #daffa6;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(2) input:checked + label {
		background-color: #fedada;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(3) input:checked + label {
		background-color: #fef6e1;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(4) input:checked + label {
		background-color: #e4d9ff;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(5) input:checked + label {
		background-color: #d5f2ff;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(6) input:checked + label {
		background-color: #ffd993;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(7) input:checked + label {
		background-color: #acffac;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(8) input:checked + label {
		background-color: #addaff;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(9) input:checked + label {
		background-color: #fff888;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(10) input:checked + label {
		background-color: #e6c5ff;}
	.common_check_list[id^="schedule"] .common_checkbox:nth-child(11) input:checked + label {
		background-color: #d5dce6;}
	.common_check_list .common_checkbox label .string {
    	line-height: 20px;
		width: calc(100% - 47px);}
	.common_check_list .common_checkbox.overtext label .string {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: pre;}
.common_cell_list {
	outline: 0;
	overflow-y: auto;
	position: relative;
	width: 100%;}
	.common_cell_list::-webkit-scrollbar {
		width: 8px;
		height: 8px;}
	.common_cell_list::-webkit-scrollbar-thumb {
		background: #a6a6a6;
		border-radius: 8px;}
	.common_cell_list table {
		border-collapse: collapse;
		border: 0px;
		position: relative;
		table-layout:fixed;
		width: 100%;}
	.common_cell_list table tbody tr:hover {
		background-color: #98cffb;}
	.common_cell_list table[class$="_body"] tr:first-child:hover {
		background-color: #98cffb;}
	.common_cell_list table tr.unknown {
		color: #095ea1;
		font-weight: bold;}
	.common_cell_list table tr.hide {
		display: none;}
	.common_cell_list table tr th {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		color: #373636;
		cursor: pointer;
		border: 1px solid #d0d0d0;
		border-width: 0 0 1px 1px;
		font-size: 14px;
		font-weight: bold;
		height: 33px;
		overflow: hidden;
		padding: 0 6px;
		position: relative;
		text-align: left;
		text-overflow: ellipsis;
		user-select: none;
		white-space: pre;}
	.common_cell_list table tr th:first-child {
		border-width: 0 0 1px 0;}
	.common_cell_list table tr th:hover {
		background-color: #98cffb;}
	.common_cell_list table tr th:last-child:after {
		content: none;}
	.common_cell_list table tr th.cell_check {
		border-width: 0 1px 1px 0;
		width: 26px;}
	.common_cell_list table tr th.cell_check:hover {
		background-color: transparent;}
	.common_cell_list table tr th.ascending:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 9px solid #345168;
		content: '';
		margin: auto;
		right: 8px;
		position: absolute;
		top: 11px;}
	.common_cell_list table tr th.descending:after {
		border-bottom: 9px solid #345168;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		content: '';
		margin: auto;
		right: 8px;
		position: absolute;
		top: 11px;}
	.common_cell_list table tr td {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		cursor: pointer;
		border: 1px solid #d0d0d0;
		border-width: 0 0 1px 1px;
		font-size: 14px;
		height: 33px;
		overflow: hidden;
		padding: 0 6px;
		position: relative;
		text-align: left;
		text-overflow: ellipsis;
		user-select: none;
		white-space: nowrap;}
	.common_cell_list table tr td .icon.file {
		background-position: -285px -61px;
		height: 14px;
		margin: 3px 6px 0 0;
		width: 12px;}
	.common_cell_list table tr td .icon.file.hide {
		visibility: hidden;}
	.common_cell_list table tr td .icon.important {
		background-position: -183px -38px;
		height: 18px;
		margin: 1px 6px 0 18px;
		width: 33px;}
	.common_cell_list table tr td .icon.file + .important {
		margin-left: 0;}
	.common_cell_list table tr td .common_input_text {
		width: calc(100% + 12px);}
	.common_cell_list table tr td .common_input_text input {
		float: left;
		height: 28px;
		margin-left: -6px;
		margin-top: 1px;
		border-radius: 0;}
	.common_cell_list table tr td .common_input_text .common_calender {
		width: calc(100% - 20px);}
	.common_cell_list table tr td:first-child {
		border-width: 0 0 1px 0;}
	.common_cell_list table tr:hover td {
		color: #095ea1;}
	.common_cell_list table tr label:before {
		margin: 0;}
	.common_cell_list.select_cell table tr:hover,
	.common_cell_list.select_cell table[class$="_body"] tr:first-child:hover {
		background-color: transparent;}
	.common_cell_list.select_cell table tr.select:hover,
	.common_cell_list.select_cell table[class$="_body"] tr.select:first-child:hover {
		background-color: #98cffb;}
	.common_cell_list.select_cell table tr td input {
        font-size: 14px;}
	.common_cell_list table tr.select {
		background-color: #98cffb;}
	.common_cell_list table tr td.select {
		background-color: #98cffb;}
	.common_cell_list table tr td[class*="folder"] .icon {
		background-position: -421px -214px;
		background-size: 500px 400px;
		display: inline-block;
		height: 15px;
		margin: 2px 0 0 0;
		overflow: hidden;
		width: 24px;}
	.common_cell_list table tr.close td[class*="folder"] .icon {
		background-position: -393px -214px;}
	.common_cell_list table tr td[class*="child"] .icon {
		display: inline-block;
		height: 15px;
		margin: 2px 0 0 0;
		overflow: hidden;
		pointer-events: none;
		visibility: hidden;
		width: 24px;}
	.common_cell_list table tr td.child_2 {
		text-indent: 30px;}
	.common_cell_list table tr td.child_3 {
		text-indent: 60px;}
	.common_cell_list table tr td.child_4 {
		text-indent: 90px;}
	.common_cell_list table tr td.child_5 {
		text-indent: 120px;}
	.common_cell_list table tr td.child_6 {
		text-indent: 150px;}
	.common_cell_list table tr td.child_7 {
		text-indent: 180px;}
	.common_cell_list table tr td.child_8 {
		text-indent: 210px;}
	.common_cell_list table tr td.child_9 {
		text-indent: 240px;}
	.common_cell_list table tr td.folder_1 {
		text-indent: 30px;}
	.common_cell_list table tr td.folder_2 {
		text-indent: 60px;}
	.common_cell_list table tr td.folder_3 {
		text-indent: 90px;}
	.common_cell_list table tr td.folder_4 {
		text-indent: 120px;}
	.common_cell_list table tr td.folder_5 {
		text-indent: 150px;}
	.common_cell_list table tr td.folder_6 {
		text-indent: 180px;}
	.common_cell_list table tr td.folder_7 {
		text-indent: 210px;}
	.common_cell_list table tr td.folder_8 {
		text-indent: 240px;}
	.common_cell_list table tr td.folder_9 {
		text-indent: 270px;}
	.common_cell_list #change_folder_btn {
		left: 0;
		position: absolute;
		top: 0;
		z-index: 90;}
		.common_cell_list #change_folder_btn > div {
			float: left;}
		.common_cell_list #change_folder_btn .common_btn_left .icon {
			background-position: -240px -103px;
			height: 10px;
			width: 12px;}
		.common_cell_list #change_folder_btn .common_btn_right .icon {
			background-position: -240px -91px;
			height: 10px;
			width: 12px;}
	.common_cell_list .contextmenu {
		display: none;}
    .add_icon_dammy,
    .add_icon {
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #345168;
        background-image: none;
        margin: 10px auto;
        position: relative;
        cursor: pointer;
    }

.add_icon_dammy::before,
.add_icon::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 2px;
    height: 15px;
    background-color: #fff;
}
.add_icon_dammy::after,
.add_icon::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 15px;
    height: 2px;
    background-color: #fff;
}
.delete_cell  {
    width: 16px!important;
}

.common_pagination {
	height: 35px;
	margin-top: 8px;
	text-align: center;}
	.common_pagination * {
		vertical-align: middle;}
	.common_pagination .prev {
		cursor: pointer;}
		.common_pagination .prev .string {
			color: #163b59;
			font-size: 16px;
			margin-left: 8px;}
		.common_pagination .prev .icon {
			background-position: -150px -162px;
			height: 12px;
			width: 8px;}
		.common_pagination .prev:hover .string {
			color: #095ea1;}
		.common_pagination .prev:hover .icon {
			background-position: -160px -162px;}
		.common_pagination .prev.disable .string {
			color: #373737;}
		.common_pagination .prev.disable .icon {
			background-position: -150px -162px;}
		.common_pagination .prev.disable:hover .string {
			color: #373737;}
		.common_pagination .prev.disable:hover .icon {
			background-position: -150px -162px;}
	.common_pagination .pagination {
		margin: 0 10px;}
		.common_pagination .pagination div:not(.num_about) {
			border: 2px solid transparent;
			border-radius: 30px;
			cursor: pointer;
			height: 31px;
			line-height: 32px;
			margin: 0 4px;
			text-align: center;
			width: 31px;}
		.common_pagination .pagination div:not(.num_about):hover {
			background-color: #ffffff;
			border-color: #095ea1;
			color: #095ea1;}
		.common_pagination .pagination div:not(.num_about).active {
			border: 2px solid #217a6e;
			background-color: #217a6e;
			color: #ffffff;
			font-weight: bold;}
	.common_pagination .next {
		cursor: pointer;}
		.common_pagination .next .string {
			color: #163b59;
			font-size: 16px;
			margin-right: 8px;}
		.common_pagination .next .icon {
			background-position: -152px -142px;
			height: 12px;
			width: 8px;}
		.common_pagination .next:hover .string {
			color: #095ea1;}
		.common_pagination .next:hover .icon {
			background-position: -162px -142px;}
		.common_pagination .next.disable .string {
			color: #373737;}
		.common_pagination .next.disable .icon {
			background-position: -152px -142px;}
		.common_pagination .next.disable:hover .string {
			color: #373737;}
		.common_pagination .next.disable:hover .icon {
			background-position: -152px -142px;}
	.common_pagination .disable {
		cursor: auto;}
.common_btn {
	background-color: #345168;
	border-radius: 6px;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	padding: 0 16px;
	position: relative;
	text-align: center;}
	.common_btn:hover {
		background-color: #095ea1;}
	.common_btn.active {
		cursor: default;
		background-color: #217a6e;
		font-weight: bold;}
.common_btn_left {
	background-color: #345168;
	border-radius: 6px 0 0 6px;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	padding: 0 16px;
	position: relative;
	text-align: center;}
	.common_btn_left:hover {
		background-color: #095ea1;}
	.common_btn_left.active {
		cursor: default;
		background-color: #217a6e;
		font-weight: bold;}
	.common_btn_left .icon {
		background-position: -150px -120px;
		bottom: 0;
		margin: auto;
		height: 10px;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 10px;}
.common_btn_center {
	background-color: #345168;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 1px;
	padding: 0 16px;
	position: relative;
	text-align: center;}
	.common_btn_center:hover {
		background-color: #095ea1;}
	.common_btn_center.active {
		cursor: default;
		background-color: #217a6e;
		font-weight: bold;}
.common_btn_right {
	background-color: #345168;
	border-radius: 0 6px 6px 0;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 1px;
	padding: 0 16px;
	position: relative;
	text-align: center;}
	.common_btn_right:hover {
		background-color: #095ea1;}
	.common_btn_right.active {
		cursor: default;
		background-color: #217a6e;
		font-weight: bold;}
	.common_btn_right .icon {
		background-position: -150px -100px;
		bottom: 0;
		margin: auto;
		height: 10px;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 10px;}
.common_btn_left_up {
	background-color: #345168;
	border-radius: 6px 0 0 0;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 1px;
	padding: 0 16px;
	position: relative;
	text-align: center;}
	.common_btn_right:hover {
		background-color: #095ea1;}
	.common_btn_right.active {
		cursor: default;
		background-color: #217a6e;
		font-weight: bold;}
.common_btn_right_up {
	background-color: #345168;
	border-radius: 0 6px 0 0;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 1px;
	padding: 0 16px;
	position: relative;
	text-align: center;}
	.common_btn_right:hover {
		background-color: #095ea1;}
	.common_btn_right.active {
		cursor: default;
		background-color: #217a6e;
		font-weight: bold;}
.common_btn_left_down {
	background-color: #345168;
	border-radius: 0 0 6px 0;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 1px;
	padding: 0 16px;
	position: relative;
	text-align: center;}
	.common_btn_right:hover {
		background-color: #095ea1;}
	.common_btn_right.active {
		cursor: default;
		background-color: #217a6e;
		font-weight: bold;}
.common_btn_right_down {
	background-color: #345168;
	border-radius: 0 0 0 6px;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 1px;
	padding: 0 16px;
	position: relative;
	text-align: center;}
	.common_btn_right:hover {
		background-color: #095ea1;}
	.common_btn_right.active {
		cursor: default;
		background-color: #217a6e;
		font-weight: bold;}
.common_btn_switch {
	background-color: #767676;
	border: 2px solid #767676;
	border-radius: 20px;
	cursor: pointer;
	height: 32px;
	padding: 0 14px 0 38px;
	position: relative;}
	.common_btn_switch.active {
		background-color: #ffffff;
		border: 2px solid #217a6e;
		padding: 0 38px 0 14px;}
	.common_btn_switch:after {
		background-color: #ffffff;
		border-radius: 20px;
		bottom: 0;
		content: '';
		display: inline-block;
		margin: auto 0;
		position: absolute;
		left: 3px;
		top: 0;
		height: 28px;
		width: 28px;}
	.common_btn_switch.active:after {
		background-color: #217a6e;
		left: auto;
		right: 3px;}
	.common_btn_switch .string {
		color: #ffffff;
		font-size: 14px;
		margin: 7px 0 0 0;}
	.common_btn_switch.active .string {
		color: #217a6e;
		font-weight: bold;}
.common_btn_search {
	cursor: pointer;
	height: 20px;
	position: relative;
	width: auto;}
	.common_btn_search .string {
		color: #163b59;
		border: 1px solid #163b59;
		border-width: 0 0 1px 0;
		font-size: 16px;
		line-height: 16px;
		margin-left: 20px;}
	.common_btn_search:hover .string{
		color: #095ea1;
		border-width: 0 0 0 0;}
	.common_btn_search .icon {
        background-position: -244.5px -75px;
		height: 16px;
		left: 0;
		position: absolute;
		top: 0;
		width: 16px;}
	.common_btn_search:hover .icon {
		background-position: -225px -75px;}
.common_btn_edit_stop {
	cursor: pointer;
	height: 20px;
	position: relative;}
	.common_btn_edit_stop .string {
		color: #163b59;
		border: 1px solid #163b59;
		border-width: 0 0 1px 0;
		font-size: 14px;
		line-height: 16px;
		padding-left: 20px;
		white-space: pre;}
	.common_btn_edit_stop:hover .string{
		color: #095ea1;
		border-width: 0 0 0 0;}
	.common_btn_edit_stop .icon {
		background: none;
		height: 16px;
		left: 0;
		position: absolute;
		top: 0;
		width: 18px;}
	.common_btn_edit_stop .icon:before {
		background-color: #163b59;
		content: '';
		height: 100%;
		left: 8px;
		position: absolute;
		transform: rotate(45deg);
		width: 2px;}
	.common_btn_edit_stop .icon:after {
		background-color: #163b59;
		content: '';
		height: 100%;
		left: 8px;
		position: absolute;
		transform: rotate(-45deg);
		width: 2px;}
	.common_btn_edit_stop:hover .icon:before{
		background-color: #095ea1;}
	.common_btn_edit_stop:hover .icon:after{
		background-color: #095ea1;}
.common_btn_edit_create {
	cursor: pointer;
	height: 20px;
	position: relative;}
	.common_btn_edit_create .string {
		color: #163b59;
		border: 1px solid #163b59;
		border-width: 0 0 1px 0;
		font-size: 14px;
		line-height: 16px;
		padding-left: 20px;
		white-space: pre;}
	.common_btn_edit_create:hover .string{
		color: #095ea1;
		border-width: 0 0 0 0;}
	.common_btn_edit_create .icon {
		background: none;
		height: 16px;
		left: 0;
		position: absolute;
		top: 0;
		width: 18px;}
	.common_btn_edit_create .icon:before {
		background-color: #163b59;
		content: '';
		height: 85%;
		left: 8px;
		position: absolute;
		width: 2px;}
	.common_btn_edit_create .icon:after {
		background-color: #163b59;
		content: '';
		height: 2px;
		left: 2px;
		position: absolute;
		top: 6px;
		width: 75%;}
	.common_btn_edit_create:hover .icon:before{
		background-color: #095ea1;}
	.common_btn_edit_create:hover .icon:after{
		background-color: #095ea1;}
.common_btn_href {
	border: 1px solid #163b59;
	border-width: 0 0 1px 0;
	color: #163b59;
	cursor: pointer;
	font-size: 14px;
	height: 20px;
	line-height: 22px;
	position: relative;
	white-space: pre;
	width: auto;}
	.common_btn_href:hover{
		color: #095ea1;
		border-width: 0 0 0 0;
		padding-bottom: 1px;}
	.common_btn_href .icon {
		background-position: -153px -143px;
		height: 10px;
		right: -10px;
		position: absolute;
		top: 6px;
		width: 6px;}
	.common_btn_href:hover .icon {
		background-position: -163px -143px;}
.common_btn_print {
	cursor: pointer;
	height: 20px;
	width: 24px;}
	.common_btn_print .icon {
		background-position: -330px -210px;
		display: inline-block;
		height: 20px;
		width: 24px;}
	.common_btn_print:hover .icon {
		background-position: -330px -240px;}
.common_btn_zoom_plus {
	cursor: pointer;
	height: 24px;}
	.common_btn_zoom_plus .string {
		color: #163b59;
		font-size: 16px;
		margin-left: 4px;}
	.common_btn_zoom_plus .icon {
		background-position: -150px -360px;
		display: inline-block;
		height: 16px;
		margin-top: 2px;
		vertical-align: top;
		width: 16px;}
	.common_btn_zoom_plus:hover .string {
		color: #095ea1;}
	.common_btn_zoom_plus:hover .icon { }
.common_btn_zoom_minus {
	cursor: pointer;
	height: 24px;}
	.common_btn_zoom_minus .string {
		color: #163b59;
		font-size: 16px;
		margin-left: 4px;}
	.common_btn_zoom_minus .icon {
		background-position: -166px -360px;
		display: inline-block;
		height: 16px;
		margin-top: 2px;
		vertical-align: top;
		width: 16px;}
	.common_btn_zoom_minus:hover .string{
		color: #095ea1;}
	.common_btn_zoom_minus:hover .icon { }
.common_draggable { }
	.common_draggable .string {
		position: relative;}
	.common_draggable.common_text_list .icon,
	.common_draggable.common_item_list .icon {
		background-position: -264px -60px;
		bottom: 0;
		cursor: pointer;
		display: inline-block;
		height: 16px;
		margin: auto 0;
		position: absolute;
		right: 2px;
		top: 0;
		width: 16px;}
	.common_draggable.common_check_list .icon {
		background-position: -264px -60px;
		bottom: 0;
		cursor: pointer;
		display: inline-block;
		height: 16px;
		position: absolute;
		right: 2px;
		top: 2px;
		width: 16px;}
.common_right_arrow {
	background:	url(../image/icon-set.png?1546268400) no-repeat;
	background-position: -300px -210px;
	background-size: 500px 400px;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: 0 4px 0 0;
	position: relative;
	width: 20px;}
	.common_right_arrow:hover {
		background-position: -300px -240px;}
	.common_right_arrow.active {
		background-position: -300px -240px;}
.common_required {}
	.common_required .icon {
		background-position: -150px -38px;
		height: 18px;
		margin: 2px 0 0 6px;
		width: 33px;}

div[class^="common_search"] {
	position: relative;
	width: 160px;}
	div[class^="common_search"] input {
		border: 2px solid #b9b9b9;
		border-radius: 19px;
		font-family: 'Meiryo', sans-serif;
		height: 31px;
		padding: 0 28px 0 16px;
		text-indent: 0;
		width: calc(100% - 44px);}
	div[class^="common_search"] input:focus {
		border: 2px solid #00589e;}
	div[class^="common_search"] .icon.search {
		background-position: -225px -60px;
		height: 16px;
		left: 10px;
		position: absolute;
		top: 10px;
		width: 16px;}
	div[class^="common_search"] input:focus + .icon.search,
	div[class^="common_search"] input:valid + .icon.search {
		display: none;}
	div[class^="common_search"] .icon.close {
		background-position: -264px -60px;
		cursor: pointer;
		display: none;
		height: 16px;
		right: 4px;
		position: absolute;
		top: 10px;
		width: 16px;}
	div[class^="common_search"] input:valid + .icon.search + .icon.close {
		display: inline-block;}
div[class^="common_select"] {
	cursor: pointer;
	height: 35px;
	overflow: hidden;
	position: relative;
	width: 240px;}
	div[class^="common_select"] select {
		-o-appearance: none;
		-ms-appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		background-color: #345168;
		border: 2px solid #345168;
		border-radius: 6px;
		color: #ffffff;
		cursor: pointer;
		font-size: 16px;
		height: 100%;
		line-height: 30px;
		outline: 0;
		padding: 0 26px 0 6px;
		width: 100%;}
		div[class^="common_select"] select:hover {
			background-color: #095ea1;
			border: 2px solid #095ea1;}
		div[class^="common_select"] select:valid {
			background-color: #ffffff;
			color: #345168;}
		div[class^="common_select"] select option {
			background-color: #ffffff;
			color: #373737;
			font-size: 14px;}
		div[class^="common_select"] select + .icon {
			background-position: -150px -110px;
			bottom: 0;
			height: 10px;
			margin: auto 10px auto 0;
			pointer-events: none;
			position: absolute;
			right: 0;
			top: 0;
			vertical-align: middle;
			width: 10px;}
		div[class^="common_select"] select:valid + .icon {
			background-position: -150px -153px;}
		div[class^="common_select"] select:disabled {
			background-color: #c2c2c2;
			border-color:#c2c2c2;
			color: #ffffff;
			cursor: default;}
		div[class^="common_select"] select:disabled:hover {
			background-color: #c2c2c2;}
		div[class^="common_select"] select:disabled + .icon {
			background-position: -150px -110px;}
	div[class^="common_select"].common_select_fulltime {
		width: 165px;}
	div[class^="common_select"].common_select_year {
		width: 130px;}
	div[class^="common_select"].common_select_month {
		width: 65px;}
	div[class^="common_select"].common_select_hour {
		width: 65px;}
	div[class^="common_select"].common_select_minute {
		width: 65px;}
	div[class^="common_select"].common_select_period_repeat {
		width: 100px;}
	div[class^="common_select"].common_select_day_start {
		width: 65px;}
	div[class^="common_select"].common_select_date {
		width: 100px;}
	div[class^="common_select"].common_select_days {
		width: 100px;}
div[class^="common_pulldown"] {
	cursor: pointer;
	height: 35px;
	overflow: hidden;
	position: relative;
	width: 240px;}
	div[class^="common_pulldown"] .common_btn {
		border: 2px solid #345168;
		line-height: 32px;
		padding: 0;
		position: relative;
		text-align: left;
		text-indent: 4px;
		font-size: 16px;
		height: 31px;
		width: calc(100% - 4px);}
		div[class^="common_pulldown"] .common_btn:hover {
			border-color: #095ea1;}
		div[class^="common_pulldown"] .common_btn.selected {
			background-color: #ffffff;
			color: #345168;}
		div[class^="common_pulldown"] .common_btn .string {
			padding-right: 28px;
			word-break: break-all;}
		div[class^="common_pulldown"] .common_btn .icon {
			background-position: -150px -110px;
			bottom: 0;
			height: 10px;
			margin: auto 10px auto 0;
			position: absolute;
			right: 0;
			top: 0;
			vertical-align: middle;
			width: 10px;}
		div[class^="common_pulldown"] .common_btn.selected .icon {
			background-position: -150px -153px;}
		div[class^="common_pulldown"].active .common_btn .icon {
			background-position: -150px -90px;}
		div[class^="common_pulldown"].active .common_btn.selected .icon {
			background-position: -150px -133px;}
		div[class^="common_pulldown"].disabled .common_btn {
			border-color: transparent;
			cursor: default;
			background-color: #c2c2c2;}
	div[class^="common_pulldown"] .pulldown_list {
		overflow-y: hidden;
		width: 100%;}
div[class^="common_btn"] {}
	div[class^="common_btn"].common_btn_left {
		border-radius: 6px 0 0 6px;}
		div[class^="common_btn"].common_btn_left .icon {
			background-position: -150px -120px;
			bottom: 0;
			margin: auto;
			height: 10px;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 10px;}
	div[class^="common_btn"].common_btn_center {
		border: none;}
	div[class^="common_btn"].common_btn_right {
		border-radius: 0 6px 6px 0;}
		div[class^="common_btn"].common_btn_right .icon {
			background-position: -150px -100px;
			bottom: 0;
			margin: auto;
			height: 10px;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 10px;}
	div[class^="common_btn"].common_btn_left_up {
		border-radius: 6px 0 0 0;}
	div[class^="common_btn"].common_btn_right_up {
		border-radius: 0 6px 0 0;}
	div[class^="common_btn"].common_btn_left_down {
		border-radius: 0 0 6px 0;}
	div[class^="common_btn"].common_btn_right_down {
		border-radius: 0 0 0 6px;}
	div[class^="common_btn"].btn_color_2 {
		background-color: #828282;}
	div[class^="common_btn"].common_tab:hover {
		background-color: #095ea1;}
		div[class^="common_btn"].common_tab.active {
			background-color: #ffffff;
			color: inherit;
			font-weight: bold;}
		div[class^="common_btn"].common_tab.tab_color_2.active {
			background-color: #217a6e;
			color: #ffffff;}
	div[class^="common_btn"].common_btn_edit_submit {
		background-color: #d34405;}
		div[class^="common_btn"].common_btn_edit_submit:hover {
			background-color: #f0743d;}
	div[class^="common_btn"].common_btn_edit_delete {
		background-color: #cc0000;}
		div[class^="common_btn"].common_btn_edit_delete:hover {
			opacity: 0.74;}
	div[class^="common_btn"].disabled {
		cursor: default;
		background-color: #c2c2c2;
        pointer-events: none; 
		border-color: transparent;}
		div[class^="common_btn"].disabled:hover {
			background-color: #c2c2c2;}

/*///////////////////////////////////////////////////////////*/
/* Common Main Header */
/*///////////////////////////////////////////////////////////*/

#header {
	background-color: #09111a;
	box-shadow: 0 1px 2px 2px rgba(0,0,0,0.4);
	color: #ffffff;
	height: 48px;
	left: 0;
	min-width: 680px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 15;}
	#header #header_data {
		left: 0;
		position: absolute;
		top: 0;}
		#header #header_data > div {
			float: left;}
		#header #header_data #logo {
            cursor: pointer;
			background-position: -150px 0px;
			height: 35px;
			margin: 5px 0 0 8px;
			width: 120px;}
		#header #header_data #date {
			margin: 9px 0 0 20px;}
			#header #header_data #date > div {
				vertical-align: bottom;}
				#header #header_data #date > div > div:first-child {
					float: left;
					font-size: 26px;
					font-weight: bold;
					line-height: 32px;}
				#header #header_data #date > div > div + div {
					float: left;
					font-size: 18px;
					margin: 6px 0 0 0;}
			#header #header_data #date > .month {
				margin: 0 0 0 2px;}
			#header #header_data #date > .day {
				margin: 0 0 0 2px;}
			#header #header_data #date > .week {
				margin: 0 0 0 2px;}
	#header #header_menu {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;}
		#header #header_menu #news {
			background-position: -150px -210px;
			cursor: pointer;
			height: 25px;
			margin: 13px 0 0 416px;
			width: 25px;}
		#header #header_menu #news:hover {
			background-position: -150px -240px;}
		#header #header_menu #news.new {
			animation: ring_3993 5.4s ease infinite;
			transform-origin: 50% 0%;
			background-position: -150px -270px;}
		@keyframes ring_3993 {
			0% { transform: rotate(-15deg) }
			0.74074% { transform: rotate(15deg) }
			1.48148% { transform: rotate(-18deg) }
			2.22222% { transform: rotate(18deg) }
			2.96296% { transform: rotate(-22deg) }
			3.7037% { transform: rotate(22deg) }
			4.44444% { transform: rotate(-18deg) }
			5.18519% { transform: rotate(18deg) }
			5.92593% { transform: rotate(-12deg) }
			6.66667% { transform: rotate(12deg) }
			7.40741% { transform: rotate(0deg) }
			100% { transform: rotate(0deg) }
		}
		#header #header_menu #reload {
			background-position: -210px -210px;
			cursor: pointer;
			float: right;
			height: 27px;
			margin: 10px 10px 0 0;
			width: 27px;}
		#header #header_menu #reload:hover {
			background-position: -210px -240px;}
		#header #header_menu #user_name {
			-o-transition: .1s ease-out;
			-ms-transition: .1s ease-out;
			-moz-transition: .1s ease-out;
			-webkit-transition: .1s ease-out;
			background-color: #345168;
			border-radius: 14px;
			cursor: pointer;
			float: right;
			height: 28px;
			margin: 10px 17px 0 0;
			position: relative;
			transition: .1s ease-out;
			width: 233px;}
		#header #header_menu #user_name.expand {
			border-radius: 14px 14px 0 0;}
			#header #header_menu #user_name p {
				font-size: 15px;
				line-height: 30px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;}
			#header #header_menu #user_name .id {
				margin: 0 0 0 13px;
				vertical-align: middle;
				max-width: 90px;}
			#header #header_menu #user_name .name {
				margin: 0 0 0 4px;
				vertical-align: middle;
				max-width: 100px;}
			#header #header_menu #user_name #user_menu_expand {
				bottom: 0;
				margin: auto 6px auto 0;
				padding: 14px;
				position: absolute;
				right: 0;
				top: 0;
				vertical-align: middle;}
				#header #header_menu #user_name #user_menu_expand .icon {
					background-position: -150px -110px;
					bottom: 0;
					height: 10px;
					left: 0;
					margin: auto;
					position: absolute;
					right: 0;
					top: 0;
					width: 10px;}
				#header #header_menu #user_name.expand #user_menu_expand .icon {
					background-position: -150px -90px;}
			#header #header_menu #user_name #user_menu {
				-o-transition: .1s ease-out;
				-ms-transition: .1s ease-out;
				-moz-transition: .1s ease-out;
				-webkit-transition: .1s ease-out;
				background-color: #345168;
				border-radius: 0 0 14px 14px;
				list-style: none;
				margin: -2px 0 0 0;
				max-height: 0px;
				overflow-y: hidden;
				padding: 0;
				transition: .1s ease-out;
				width: 233px;}
				#header #header_menu #user_name #user_menu_top {
					border-radius: 14px;
					height: 100%;
					width: 100%;}
				#header #header_menu #user_name #user_menu_top:hover {
					background-color: #095ea1;}
				#header #header_menu #user_name.expand #user_menu_top:hover {
					background-color: #095ea1;
					border-radius: 14px 14px 0 0;}
			#header #header_menu #user_name.expand #user_menu {
				box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.5);
				max-height: 192px;}
				#header #header_menu #user_name #user_menu li {
					cursor: pointer;
					height: 36px;
					position: relative;
					text-align: center;}
				#header #header_menu #user_name #user_menu li:hover {
					background-color: #095ea1;}
				#header #header_menu #user_name #user_menu li:before {
					border: 1px solid  #ffffff;
					border-width: 0 0 0 0;
					content: '';
					display: block;
					margin: auto;
					position: absolute;
					right: 0;
					left: 0;
					width: 94%;}
				#header #header_menu #user_name #user_menu .t_line {
					padding: 5px 0 0 0;}
				#header #header_menu #user_name #user_menu .t_line:before {
					border-width: 1px 0 0 0;
					top: 0;}
				#header #header_menu #user_name #user_menu .u_line {
					padding: 0 0 5px 0;}
				#header #header_menu #user_name #user_menu .u_line:before {
					border-width: 0 0 1px 0;
					bottom: 0;}
				#header #header_menu #user_name #user_menu .string {
					font-size: 15px;
					line-height: 36px;}

/*///////////////////////////////////////////////////////////*/
/* Common Main SubArea */
/*///////////////////////////////////////////////////////////*/

#sub_area {
	-o-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	background: rgb(13,26,39);
	background: -moz-linear-gradient(top, rgba(13,26,39,1) 0%, rgba(14,35,58,1) 100%);
	background: -webkit-linear-gradient(top, rgba(13,26,39,1) 0%,rgba(14,35,58,1) 100%);
	background: linear-gradient(to bottom, rgba(13,26,39,1) 0%,rgba(14,35,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d1a27', endColorstr='#0e233a',GradientType=0 );
	box-shadow: 0 5px 2px 2px rgba(0,0,0,0.4);
	height: 100%;
	left: 0;
	position: fixed;
	width: 240px;
	z-index: 3;
	top: 0;
	transition: .25s ease-in-out;}
	#sub_area #main_menu_expand {
		-o-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-webkit-transition: .25s ease-in-out;
		background-color: #0b1722;
		border-radius: 0 5px 5px 0;
		cursor: pointer;
		height: 36px;
		position: absolute;
		right: -18px;
		top: 55px;
		transition: .25s ease-in-out;
		width: 18px;}
		#sub_area #main_menu_expand .icon {
			background-position: -240px -102px;
			bottom: 0;
			height: 12px;
			left: 2px;
			margin: auto 0;
			position: absolute;
			top: 0;
			width: 12px;}
		#sub_area #main_menu_expand:hover .icon {
			background-position: -252px -102px;}
	#sub_area #main_menu {
		height: 100%;
		text-align: center;
		width: 100%;}
		#sub_area #main_menu #menu_list {
			height: 100%;
			margin: 0;
			overflow-x: hidden;
			overflow-y: auto;
			padding: 0;}
			#sub_area #main_menu #menu_list li {
				border: solid #203d5a 1px;
				border-width: 1px 0 0 0 ;
				cursor: pointer;
				list-style: none;
				position: relative;
				text-align: left;}
			#sub_area #main_menu #menu_list li:first-child {
				border: none;}
			#sub_area #main_menu #menu_list > li:first-child {
				margin: 48px 0 0 0;}
			#sub_area #main_menu #menu_list > li:last-child {
				margin: 0 0 66px 0;}
				#sub_area #main_menu #menu_list li .icon {
					height: 30px;
					position: relative;
					vertical-align: top;
					width: 30px;}
				#sub_area #main_menu #menu_list li .string {
					color: #d0d0d0;
					font-size: 16px;
					margin: 4px 0 0 4px;
					max-width: 190px;
					vertical-align: top;
					word-wrap: break-word;}
					#sub_area #main_menu #menu_list li .menu_list_title {
						padding: 10px 0 14px 10px;
						position: relative;
						width: 100%;}
						#sub_area #main_menu #menu_list li .menu_list_title .icon {
							left: 10px;
							position: absolute;
							top: 10px;}
						#sub_area #main_menu #menu_list li .menu_list_title .string {
							left: 46px;
							position: absolute;
							top: 10px;
							width: 190px;}
						#sub_area #main_menu #menu_list li .menu_list_title:hover .string {
							color: #76a6cb;}
						#sub_area #main_menu #menu_list li.view .menu_list_title .string {
							color: #229c8d;}
				#sub_area #main_menu #menu_list li.new:after {
					background: #ff8a00;
					border-radius: 6px;
					content: '';
					display: inline-block;
					height: 12px;
					left: 30px;
					position: absolute;
					top: 28px;
					width: 12px;}
				#sub_area #main_menu #menu_list li.view.new:after {
					display: none;}
				#sub_area #main_menu #menu_list #schedule_week .menu_list_title .icon {
					background-position: 0px 0px;}
				#sub_area #main_menu #menu_list #bbs_list .menu_list_title .icon {
					background-position: 0px -30px;}
				#sub_area #main_menu #menu_list #cboard_list .menu_list_title .icon {
					background-position: 0px -60px;}
				#sub_area #main_menu #menu_list #project .menu_list_title .icon {
					background-position: 0px -90px;}
				#sub_area #main_menu #menu_list #project .menu_list_sub #project_cost .new_tab {
					background-position: -90px 0px;
					height: 18px;
					left: 166px;
					top: 3px;
					width: 18px;}
				#sub_area #main_menu #menu_list #project #project_cost:hover .new_tab {
					background-position: -108px 0px;}
				#sub_area #main_menu #menu_list #project .menu_list_sub #resource_management .new_tab {
					background-position: -90px 0px;
					height: 18px;
					left: 152px;
					top: 3px;
					width: 18px;}
				#sub_area #main_menu #menu_list #project #resource_management:hover .new_tab {
					background-position: -108px 0px;}
				#sub_area #main_menu #menu_list #performance_list .menu_list_title .icon {
					background-position: 0px -120px;}
				#sub_area #main_menu #menu_list #analysys .menu_list_title .icon {
					background-position: 0px -150px;}
				#sub_area #main_menu #menu_list #analysys .menu_list_sub #analysys_costratio .new_tab {
					background-position: -90px 0px;
					height: 18px;
					left: 152px;
					top: 3px;
					width: 18px;}
				#sub_area #main_menu #menu_list #analysys #analysys_costratio:hover .new_tab {
					background-position: -108px 0px;}
				#sub_area #main_menu #menu_list #client .menu_list_title .icon {
					background-position: 0px -180px;}
				#sub_area #main_menu #menu_list #weeklyreport .menu_list_title .icon {
					background-position: 0px -210px;}
				#sub_area #main_menu #menu_list #workflow .menu_list_title .icon {
					background-position: 0px -240px;}
				#sub_area #main_menu #menu_list #workflow .menu_list_title .new_tab {
					background-position: -90px 0px;
					height: 18px;
					left: 152px;
					top: 17px;
					width: 18px;}
				#sub_area #main_menu #menu_list #setting .menu_list_title .icon {
					background-position: 0px -270px;}
				#sub_area #main_menu #menu_list #schedule_week .menu_list_title:hover .icon {
					background-position: -30px 0px;}
				#sub_area #main_menu #menu_list #bbs_list .menu_list_title:hover .icon {
					background-position: -30px -30px;}
				#sub_area #main_menu #menu_list #cboard_list .menu_list_title:hover .icon {
					background-position: -30px -60px;}
				#sub_area #main_menu #menu_list #project .menu_list_title:hover .icon {
					background-position: -30px -90px;}
				#sub_area #main_menu #menu_list #performance_list .menu_list_title:hover .icon {
					background-position: -30px -120px;}
				#sub_area #main_menu #menu_list #analysys .menu_list_title:hover .icon {
					background-position: -30px -150px;}
				#sub_area #main_menu #menu_list #client .menu_list_title:hover .icon {
					background-position: -30px -180px;}
				#sub_area #main_menu #menu_list #weeklyreport .menu_list_title:hover .icon {
					background-position: -30px -210px;}
				#sub_area #main_menu #menu_list #workflow .menu_list_title:hover .icon {
					background-position: -30px -240px;}
				#sub_area #main_menu #menu_list #workflow .menu_list_title:hover .new_tab {
					background-position: -108px 0px;}
				#sub_area #main_menu #menu_list #setting .menu_list_title:hover .icon {
					background-position: -30px -270px;}
				#sub_area #main_menu #menu_list #schedule_week.view .menu_list_title .icon {
					background-position: -60px 0px;}
				#sub_area #main_menu #menu_list #bbs_list.view .menu_list_title .icon {
					background-position: -60px -30px;}
				#sub_area #main_menu #menu_list #cboard_list.view .menu_list_title .icon {
					background-position: -60px -60px;}
				#sub_area #main_menu #menu_list #project.view .menu_list_title .icon {
					background-position: -60px -90px;}
				#sub_area #main_menu #menu_list #performance_list.view .menu_list_title .icon {
					background-position: -60px -120px;}
				#sub_area #main_menu #menu_list #analysys.view .menu_list_title .icon {
					background-position: -60px -150px;}
				#sub_area #main_menu #menu_list #client.view .menu_list_title .icon {
					background-position: -60px -180px;}
				#sub_area #main_menu #menu_list #weeklyreport.view .menu_list_title .icon {
					background-position: -60px -210px;}
				#sub_area #main_menu #menu_list #workflow.view .menu_list_title .icon {
					background-position: -60px -240px;}
				#sub_area #main_menu #menu_list #setting.view .menu_list_title .icon {
					background-position: -60px -270px;}
				#sub_area #main_menu #menu_list li .menu_list_sub {
					-o-transition: .25s ease-in-out;
					-ms-transition: .25s ease-in-out;
					-moz-transition: .25s ease-in-out;
					-webkit-transition: .25s ease-in-out;
					max-height: 0;
					overflow: hidden;
					padding: 0;
					transition: .25s ease-in-out;}
				#sub_area #main_menu #menu_list li .menu_list_sub.view {
					max-height: 500px;}
					#sub_area #main_menu #menu_list li .menu_list_sub li {
						border: none;
						cursor: pointer;
						list-style: none;
						padding: 0 0 5px 28px;
						position: relative;
						text-align: left;}
					#sub_area #main_menu #menu_list li .menu_list_sub li:last-child {
						padding: 0 0 14px 28px;}
						#sub_area #main_menu #menu_list li .menu_list_sub li .string {
							width: 180px;}
						#sub_area #main_menu #menu_list li .menu_list_sub li:hover .string {
							color: #76a6cb;}
					#sub_area #main_menu #menu_list li .menu_list_sub .icon {
						background-position: -150px -100px;
						height: 10px;
						left: 28px;
						position: absolute;
						top: 8px;
						width: 10px;}
						#sub_area #main_menu #menu_list li .menu_list_sub li:hover .icon {
							background-position: -160px -143px;}
						#sub_area #main_menu #menu_list li .menu_list_sub li.view .icon {
							background-position: -150px -143px;}
						#sub_area #main_menu #menu_list li .menu_list_sub li.view .string {
							color: #23a392;}
						#sub_area #main_menu #menu_list li .menu_list_sub li.view .string {
							color: #23a392;}
					#sub_area #main_menu #menu_list li .menu_list_sub .string {
						font-size: 14px;
						margin: 0 0 0 6px;
						overflow: hidden;
						left: 44px;
						position: absolute;
						top: 2px;}
		#sub_area #text_popup {
			display: inline-block;}
		#sub_area #text_popup.left:after {
			border-right: 7px solid rgba(0,0,0,0.6);
			border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			content: '';
			left: -7px;
			position: absolute;
			top: 7px;}
		#sub_area #text_popup.bottom:after {
			border-left: 7px solid transparent;
			border-top: 7px solid rgba(0,0,0,0.6);
			border-right: 7px solid transparent;
			bottom: -7px;
			content: '';
			left: 0;
			width: 0px;
			margin: auto;
			position: absolute;
			right: 0;}
		#sub_area #text_popup.right:after {
			border-left: 7px solid rgba(0,0,0,0.6);
			border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			content: '';
			right: -7px;
			position: absolute;
			top: 7px;}
		#sub_area #text_popup {
			background-color: rgba(0,0,0,0.6);
			border-radius: 6px;
			height: 30px;
			position: absolute;}
			#sub_area #text_popup .string {
				color: #ffffff;
				font-size: 14px;
				margin: 5px 8px 0 8px;
				white-space: pre;}
.small #sub_area {
	width: 50px;}
	.small #sub_area #main_menu_expand .icon {
		background-position: -240px -90px;}
	.small #sub_area #main_menu_expand:hover .icon {
		background-position: -252px -90px;}
		.small #sub_area #main_menu #menu_list li .menu_list_sub {
			max-height: 0;}

/*///////////////////////////////////////////////////////////*/
/* Common Main Footer */
/*///////////////////////////////////////////////////////////*/

#footer {
	-o-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	background-color: #09111a;
	bottom: 0;
	height: 46px;
	left: 0;
	overflow: hidden;
	position: fixed;
	text-align: center;
	transition: .25s ease-in-out;
	width: 240px;
	z-index: 4;}
	#footer #guide {
		-o-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-webkit-transition: .25s ease-in-out;
		cursor: pointer;
		height: 25px;
		margin: 8px 0 0 0;
		overflow: hidden;
		transition: .25s ease-in-out;
		white-space: nowrap;
		width: 165px;}
		#footer #guide .icon {
			background-position: -180px -210px;
			height: 25px;
			vertical-align: bottom;
			width: 25px;}
		#footer #guide:hover .icon {
			background-position: -180px -240px;}
		#footer #guide .string {
			color: #d0d0d0;
			font-size: 14px;
			text-align: center;
			text-decoration: underline;
			vertical-align: bottom;}
		#footer #guide:hover .string {
			color: #76a6cb;}
		#footer #guide .string a {
			color: #d0d0d0;}
		#footer #guide:hover .string a {
			color: #76a6cb;}
.small #footer {
	width: 50px;}
	.small #footer #guide {
		width: 25px;}

/*///////////////////////////////////////////////////////////*/
/* Common Main MainWrapper */
/*///////////////////////////////////////////////////////////*/

#main_wrapper {
	background-color: #f0f0f0;
	float: left;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 0;}
	#main_area {
		-o-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-webkit-transition: .25s ease-in-out;
		float: left;
		margin: 0 0 0 186px;
		position: absolute;
		transition: .25s ease-in-out;}
	#main_area.initialize {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		transition: none !important;}
#main_area {
    min-width: 1346px;}
.small #main_area {
	margin: 0 0 0 0;}
#common_pankuzu,
#common_pankuzu_ft {
	display: block;
	height: 50px;
	line-height: 51px;}
#common_pankuzu {
	margin: 48px 12px 0 74px;
	padding: 13px 0;}
#common_pankuzu_ft {
	margin: 0 12px 20px 74px;
	padding: 0;}
	#common_pankuzu span,
	#common_pankuzu_ft span {
		display: inline-block;
		font-size: 24px;
		margin: 0 0 0 8px;}
	#common_pankuzu span.prev,
	#common_pankuzu_ft span.prev {
		color: #345168;
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 0 8px;}
	#common_pankuzu span[class^="prev "],
	#common_pankuzu_ft span[class^="prev "] {
		cursor: pointer;}
		#common_pankuzu span[class^="prev "]:hover,
		#common_pankuzu_ft span[class^="prev "]:hover {
			color: #095ea1;}
	#common_pankuzu span.prev:before,
	#common_pankuzu_ft span.prev:before {
		background:	url(../image/icon-set.png?1546268400) no-repeat;
		background-position: -150px -162px;
		background-size: 500px 400px;
		content: "";
		display: inline-block;
		margin: 0 4px 0 0;
		height: 12px;
		vertical-align: middle;
		width: 8px;}
	#common_pankuzu span[class^="prev "]:hover:before,
	#common_pankuzu_ft span[class^="prev "]:hover:before {
		background-position: -160px -162px;}
	#common_pankuzu .common_btn,
	#common_pankuzu_ft .common_btn {
	    float: right;
	    margin: 8px 8px 0 0;
		padding: 0 25px;}
	#common_pankuzu .common_btn_edit_stop,
	#common_pankuzu_ft .common_btn_edit_stop {
	    margin: 18px 8px 0 0;
		float: right;}
	#common_pankuzu .common_btn_edit_create,
	#common_pankuzu_ft .common_btn_edit_create {
	    margin: 18px 8px 0 0;
		float: right;}
#common_contents {
	background-color: #ffffff;
	display: block;
	margin: 0 20px 20px 84px;
	padding: 18px 20px;}
	#common_contents #common_edit_body {
		width: 100%;}
			#common_contents #common_edit_body *[class^="edit_title"] {
				color: #363636;
				font-size: 16px;
				font-weight: bold;}
		#common_contents #common_edit_body > .wrapper {
			border: 4px dotted #b9b9b9;
			border-width: 4px 0 0 0;
			display: block;
			margin: 18px 0 0 0;
			padding: 8px 0 0 176px;
			position: relative;}
			#common_contents #common_edit_body > .wrapper > *[class^="edit_title"] {
				left: 0;
				margin: 24px 0 0 0;
				position: absolute;
				top: 0;
				vertical-align: top;
				white-space: pre;
				width: 176px;}
			#common_contents #common_edit_body > .wrapper > *.edit_title_2 {
				left: auto;
				margin: 0;
				position: relative;
				top: auto;
				width: auto;}
		#common_contents #common_edit_body .noborder {
			border: none;
			margin: 0 0 0 0;
			padding: 0 0 0 176px;}
		#common_contents #common_edit_body .noborder:first-child {
			margin-top: -5px;}
			#common_contents #common_edit_body > .wrapper > * {
				margin: 8px 0 0 10px;}
			#common_contents #common_edit_body > .noborder > *[class^="edit_title"] {
				left: 0;
				margin: 14px 0 0 0;
				position: absolute;
				top: 0;
				vertical-align: top;
				white-space: pre;
				width: 176px;}
			#common_contents #common_edit_body > .noborder > *.edit_title_2 {
				left: auto;
				margin: 0;
				position: relative;
				top: auto;
				width: auto;}
			#common_contents #common_edit_body > .wrapper > *[class^="edit_title"] + * {
				margin-left: 0;}
			#common_contents #common_edit_body > .wrapper .wrapper {
				display: inline-block;
				margin: 0 0 0 0;
				position: relative;}
			#common_contents #common_edit_body > .wrapper .wrapper > * {
				margin: 8px 0 0 10px;}
			#common_contents #common_edit_body > .wrapper .wrapper > *:first-child {
				margin: 8px 0 0 0;}
	#common_contents > .contextmenu {
		background-color: #ffffff;
		border:	1px solid #bababa;
		box-shadow: 4px 4px 3px -2px rgba(0, 0, 0, 0.5);
		display: inline-block;
		position: fixed;
		z-index: 100;}
		#common_contents > .contextmenu ul {
			margin: 4px 0;
			padding: 0;
			list-style: none;}
		#common_contents > .contextmenu ul li {
			cursor: default;
			padding: 4px 16px 4px 32px;}
		#common_contents > .contextmenu ul li:hover {
			background-color: #98cffb;}
		#common_contents > .contextmenu ul li.u_line {
			background-color: #e9e9e9;
			height: 1px;
			margin: 8px 0;
			padding: 0;}
		#common_contents > .contextmenu ul li.u_line:hover {
			background-color: #e9e9e9;}
.common_control_box {
	display: block;
	margin: 0 20px 8px 84px;}

/*///////////////////////////////////////////////////////////*/
/* Common Main ModalWrapper */
/*///////////////////////////////////////////////////////////*/

#modal_wrapper {
	-o-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	background-color: rgba(0,0,0,0.5);
	display: none;
	height: 100%;
	position: fixed;
	transition: .25s ease-in-out;
	width: 100%;
	z-index: 1000;}
	#modal_wrapper.view {
		display: block;}
	#modal_wrapper #modal_area {
		background-color: #eee;
		border-radius: 8px;
		bottom: 0;
		box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3);
		height: 170px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 320px;}
	#modal_wrapper #modal_area #modal_close {
		background-position: -302px -60px;
		cursor: pointer;
		height: 16px;
		position: absolute;
		right: 15px;
		top: 13px;
		width: 16px;}
	#modal_wrapper #modal_area .string {
		font-size: 16px;
		font-weight: bold;
		line-height: 21px;
		margin: 45px 0 0 0;
		min-height: 42px;
		white-space: pre;
		width: 100%;}
	#modal_wrapper #modal_area .cancel {
		border: 2px solid #345168;
		border-radius: 5px;
		color: #345168;
		cursor: pointer;
		font-size: 15px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		margin: 12px 2px 24px 2px;
		width: 120px;}
	#modal_wrapper #modal_area .cancel:hover {
		border: 2px solid #095ea1;
		color: #095ea1;}
	#modal_wrapper #modal_area .accept {
		display: none;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		font-size: 18px;
		height: 35px;
		line-height: 37px;
		text-align: center;
		margin: 12px 2px 0 2px;
		width: 120px;}
	#modal_wrapper #modal_area .accept.next {
		display: inline-block;
		background-color: #345168;
		border: 2px solid #345168;}
	#modal_wrapper #modal_area .accept.next:hover {
		background-color: #095ea1;
		border: 2px solid #095ea1;}
	#modal_wrapper #modal_area .accept.submit {
		display: inline-block;
		background-color: #d34405;
		border: 2px solid #d34405;}
	#modal_wrapper #modal_area .accept.submit:hover {
		background-color: #f0743d;
		border: 2px solid #f0743d;}
	#modal_wrapper #modal_area .accept.delete {
		display: inline-block;
		background-color: #cc0000;
		border: 2px solid #cc0000;}
	#modal_wrapper #modal_area .accept.delete:hover {
		background-color: #d94242;
		border: 2px solid #d94242;}

/*///////////////////////////////////////////////////////////*/
/* Common @media print */
/*///////////////////////////////////////////////////////////*/

@media print { 
	body {
		zoom: 0.68;}
	#header, #sub_area, #footer, #modal_wrapper {
		display: none;
	}
}

#modal_wrapper_2 {
	-o-transition: .25s ease-in-out;
	-ms-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	background-color: rgba(0,0,0,0.5);
	display: none;
	height: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	transition: .25s ease-in-out;
	width: 100%;
	z-index: 1000;
}
#modal_wrapper_2 #modal_area_2 {
	background-color: #eee;
	border-radius: 8px;
	bottom: 0;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3);
	max-height: 390px;
	width: 440px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
}
#modal_wrapper_2 #modal_area_2 #modal_content>.wrapper{
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}
#modal_wrapper_2 #modal_area_2 #modal_content>.wrapper.border{
	border-top: 2px solid #999999;
	padding-top: 8px;
}
#modal_wrapper_2 #modal_area_2 .wrapper .edit_title{
	width: 50px;
	position: absolute;
	left: 0;
	text-align: left;
	margin: 0 0 0 30px;
}
#modal_wrapper_2 #modal_area_2 #modal_content>.wrapper .wrapper{
	width: calc(100% - 100px);
	text-align: left;
	padding-left: 100px;
}
#modal_wrapper_2 #modal_area_2 #modal_close_2 {
	background-position: -302px -60px;
	cursor: pointer;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 13px;
	width: 16px;
}
#modal_wrapper_2 #modal_area_2 #modal_content{
	width: 100%;
	margin: 45px 0 0 0;
	box-sizing: border-box;
	padding: 0 10px;
}
#modal_wrapper_2 #modal_area_2 *[class^="edit_title"] {
	color: #363636;
	font-size: 16px;
	font-weight: bold;
}

#plan_4, #plan_5, #plan_6 {
	overflow-y: scroll;
	max-height: 150px;
}

#plan_5, #plan_6 {
	display: none;
}
/* 一覧 奇数行の色を設定 */
.common_cell_list:not(#wbs_cell_list):not(#wbs_cell_list_2):not(#wbs_template_create):not(#project_detail_group_list_1):not(#project_detail_group_list_2):not(#project_detail_list):not(#project_detail_earnings) table tbody tr:nth-child(odd) {
	background-color: #e3e3e3;
}
.common_cell_list:not(#wbs_cell_list):not(#wbs_cell_list_2):not(#wbs_template_create):not(#project_detail_group_list_1):not(#project_detail_group_list_2):not(#project_detail_list):not(#project_detail_earnings) table tbody tr:nth-child(odd):hover {
	background-color: #98cffb;
}
.common_cell_list.select_cell:not(#wbs_cell_list):not(#wbs_cell_list_2):not(#wbs_template_create) table tbody tr:hover {
	background-color: #98cffb;}
.common_cell_list.select_cell:not(#wbs_cell_list):not(#wbs_cell_list_2):not(#wbs_template_create) table[class$="_body"] tr:first-child:hover {
	background-color: #98cffb;}