@charset "utf-8";

/************************************************
 共通設定
************************************************ */

.btn_PO span.ico {
	background: url(/common/images/header/CMN_header_PO_btn_n.png) no-repeat
		2px center;
}

.btn_PO:hover span.ico, .btn_PO.active span.ico {
	background: url(/common/images/header/CMN_header_PO_btn_o.png) no-repeat
		2px center;
}

.btn_IM span.ico {
	background: url(/common/images/header/CMN_header_IM_btn_n.png) no-repeat
		2px center;
}

.btn_IM:hover span.ico, .btn_IM.active span.ico {
	background: url(/common/images/header/CMN_header_IM_btn_o.png) no-repeat
		2px center;
}

.btn_ML span.ico {
	background: url(/common/images/header/CMN_header_ML_btn_n.png) no-repeat
		2px center;
}

.btn_ML:hover span.ico, .btn_ML.active span.ico {
	background: url(/common/images/header/CMN_header_ML_btn_o.png) no-repeat
		2px center;
}

.btn_BD span.ico {
	background: url(/common/images/header/CMN_header_BD_btn_n.png) no-repeat
		2px center;
}

.btn_BD:hover span.ico, .btn_BD.active span.ico {
	background: url(/common/images/header/CMN_header_BD_btn_o.png) no-repeat
		2px center;
}

.btn_CB span.ico {
	background: url(/common/images/header/CMN_header_CB_btn_n.png) no-repeat
		2px center;
}

.btn_CB:hover span.ico, .btn_CB.active span.ico {
	background: url(/common/images/header/CMN_header_CB_btn_o.png) no-repeat
		2px center;
}

.btn_QE span.ico {
	background: url(/common/images/header/CMN_header_QE_btn_n.png) no-repeat
		2px center;
}

.btn_QE:hover span.ico, .btn_QE.active span.ico {
	background: url(/common/images/header/CMN_header_QE_btn_o.png) no-repeat
		2px center;
}

.btn_SS span.ico {
	background: url(/common/images/header/CMN_header_SS_btn_n.png) no-repeat
		2px center;
}

.btn_SS:hover span.ico, .btn_SS.active span.ico {
	background: url(/common/images/header/CMN_header_SS_btn_o.png) no-repeat
		2px center;
}

.btn_PS span.ico {
	background: url(/common/images/header/CMN_header_PS_btn_n.png) no-repeat
		2px center;
}

.btn_PS:hover span.ico, .btn_PS.active span.ico {
	background: url(/common/images/header/CMN_header_PS_btn_o.png) no-repeat
		2px center;
}

.btn_FR span.ico {
	background: url(/common/images/header/CMN_header_FR_btn_n.png) no-repeat
		2px center;
}

.btn_FR:hover span.ico, .btn_FR.active span.ico {
	background: url(/common/images/header/CMN_header_FR_btn_o.png) no-repeat
		2px center;
}

.btn_QE span.ico {
	background: url(/common/images/header/CMN_header_QE_btn_n.png) no-repeat
		2px center;
}

.btn_QE:hover span.ico, .btn_QE.active span.ico {
	background: url(/common/images/header/CMN_header_QE_btn_o.png) no-repeat
		2px center;
}

.btn_CA span.ico {
	background: url(/common/images/header/CMN_header_CA_btn_n.png) no-repeat
		2px center;
}

.btn_CA:hover span.ico, .btn_CA.active span.ico {
	background: url(/common/images/header/CMN_header_CA_btn_o.png) no-repeat
		2px center;
}

.btn_LI span.ico {
	background: url(/common/images/header/CMN_header_LI_btn_n.png) no-repeat
		2px center;
}

.btn_LI:hover span.ico, .btn_LI.active span.ico {
	background: url(/common/images/header/CMN_header_LI_btn_o.png) no-repeat
		2px center;
}

.btn_XX span.ico {
	background: url(/common/images/header/CMN_header_XX_btn_n.png) no-repeat
		2px center;
}

.btn_XX:hover span.ico, .btn_XX.active span.ico {
	background: url(/common/images/header/CMN_header_XX_btn_o.png) no-repeat
		2px center;
}
/* メインコンテンツラッパー
---------------------------------------------*/
.CMN_main_contents {
	/*BABU*/
	/*width: 90%;*/
	width: 95%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	/*BABU*/
	float: left;
}

.CMN_main_box_wrapper {
	padding: 8px;
	border: solid 2px #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #F2F2F2;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
}

.CMN_main_box {
	background: #fff;
}

/* 共通タイトルレイアウト
---------------------------------------------*/
.CMN_main_title_wrapper {
	position: relative;
}

.CMN_main_title {
	border-top: solid 5px #2693DD;
	padding: 5px;
	border-bottom: solid 1px #2693DD;
	font-size: 133.33333333%;
	color: #2693DD;
}

.CMN_title_in_select_wrapper {
	position: absolute;
	right: 5px;
	top: 8px;
	width: 100%;
}

.CMN_title_in_select_wrapper .easy-select-box {
	width: 50% !important;
	float: right;
}

.CMN_title_in_select_wrapper .easy-select-box .esb-displayer {
	width: 100% !important;
}
/* next back
----------------------------------------------*/
.CMN_next_back {
	clear: both;
	overflow: hidden;
	position: relative;
	width: 100%;
	_zoom: 1;
	padding: 5px 0;
}

.CMN_next_back ul {
	position: relative;
	float: left;
	left: 50%;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.CMN_next_back li {
	position: relative;
	left: -50%;
	float: left;
	padding: 1px 5px;
	margin: 0 2px;
	border: solid 1px #2693DD;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-width: 30px;
}

.CMN_next_back li.now {
	padding: 0 15px;
}

.CMN_next_back li.back {
	background: url(/common/images/ico_arrow_blue_left.png) no-repeat center
		center;
}

.CMN_next_back li.next {
	background: url(/common/images/ico_arrow_blue_right.png) no-repeat
		center center;
}

.CMN_next_back li.nextText {
	text-align: left;
	background: url(/common/images/ico_arrow_blue_right.png) no-repeat
		center right;
}

.CMN_next_back li.prevText {
	text-align: right;
	background: url(/common/images/ico_arrow_blue_left.png) no-repeat center
		left;
}

/* week month year
----------------------------------------------*/
.CMN_weekMonthYear {
	clear: both;
	overflow: hidden;
	position: relative;
	width: 100%;
	_zoom: 1;
	padding: 5px 0;
}

.CMN_weekMonthYear ul {
	position: relative;
	float: left;
	left: 50%;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.CMN_weekMonthYear li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 0 2px;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-width: 30px;
	color: #ffffff;
}

.CMN_weekMonthYear li.selected {
	background-color: #b3b3b3;
}

.CMN_weekMonthYear li.unselected {
	background-color: #2693DD;
}

/* page kensuu
----------------------------------------------*/
.CMN_pageKenSu {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	padding: 5px 0;
}

.CMN_pageKenSu ul {
	/* position: relative; */
	float: left;
	/* left: 80%; */
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.CMN_pageKenSu li {
	position: relative;
	float: left;
	padding: 0px 10px 0px 10px;
	margin: 0 2px;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-width: 30px;
}

.CMN_pageKenSu li.selected {
	background-color: #2693DD;
}

.CMN_pageKenSu li.unselected {
	background-color: #b3b3b3;
}

.CMN_pageKenSu li.titleLabel {
	background-color: #FFFFFF;
	border: none !important;
}

/* paging
----------------------------------------------*/
.CMN_paging {
	clear: both;
	overflow: hidden;
	text-align: left;
	_zoom: 1;
	padding: 5px 0;
}

.CMN_paging ul {
	position: relative;
	float: left;
	left: 50%;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.CMN_paging li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 1px;
	border: 1px solid #40C3F2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/* min-width: 10px; */
}

.CMN_paging li.selected {
	background-color: #b3b3b3;
}

.CMN_paging li.unselected {
	background-color: #FFFFFF;
}

.CMN_paging li.titleLabel {
	background-color: #FFFFFF;
	border: none !important;
	padding: 0px 0px 0px 0px;
}

.CMN_paging li a {
	padding: 0px 6px 0px 6px;
	width: 100%;
}

/* paging without border
----------------------------------------------*/
.CMN_pagingNoBorder {
	clear: both;
	overflow: hidden;
	text-align: left;
	_zoom: 1;
	padding: 5px 0;
}

.CMN_pagingNoBorder ul {
	position: relative;
	float: left;
	left: 50%;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.CMN_pagingNoBorder li {
	color: #2693E3;
	position: relative;
	left: -50%;
	float: left;
	margin: 0 1px;
	/* border: 1px solid #40C3F2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; */
	/* min-width: 10px; */
}

.CMN_pagingNoBorder li.selected {
	color: #2693E3;
	text-decoration: none;
	background-color: #b3b3b3;
}

.CMN_pagingNoBorder li.unselected {
	color: #2693E3;
	text-decoration: underline;
	background-color: #FFFFFF;
}

.CMN_pagingNoBorder li.titleLabel {
	background-color: #FFFFFF;
	border: none !important;
	padding: 0px 0px 0px 0px;
}

.CMN_pagingNoBorder li a {
	padding: 0px 4px 0px 4px;
	width: 100%;
}

/* スケジュール表示テーブル
-----------------------------------------------*/
.CMN_schedule_table {
	width: 100%;
	border: solid 1px #ccc;
	background: #fff;
	table-layout: fixed;
}
.CMN_schedule_table th {
	background: #F2F2F2;
	text-align: center;
}

.CMN_schedule_table th, .CMN_schedule_table td {
	border: solid 1px #ccc;
	padding: 5px;
	word-wrap: break-word;
}

.CMN_schedule_table th {
	background: #F2F2F2;
	text-align: center;
}

.CMN_div_outerContent {
	min-width: 750px;
	border: 1px solid #F2F2F2;
	text-align: center;
	background-color: #F2F2F2;
}

.CMN_div_middleWhite {
	display: table;
	margin: 0 auto;
	border: 2px solid #ffffff;
	min-width: 750px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #888888;
}
.borderline {
	border: 1px solid red;
}
.CMN_div_innerContent {
	display: table;
	border: 6px solid #F2F2F2;
	background-color: #FFFFFF;
	text-align: left;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
}

.CMN_div_screenHeader {
	color: #178CDA;
	font-weight: bold;
	font-size: 140%;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.CMN_div_subHeader {
	font-size: 93%;
	font-weight: bold;
}

.CMN_img_dowmArrowIcon {
	width: 15px;
	height: 15px;
}

.CMN_img_screenHeaderIcon {
	/*width: 30px;
	height: 30px;*/
}

.CMN_img_screenHeaderIconWithFolder {
	/*width: 30px;
	height: 30px;*/
}

.CMN_div_center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.CMN_div_left {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.CMN_div_right {
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}

.CMN_td_leftColumn {
	text-align: center;
	vertical-align: top;
	min-width: 150px;
}

.CMN_td_rigthColumn {
	min-width: 600px;
}

.CMN_div_regEditLabel {
	background-color: #999999;
	color: #FFFFFF;
	text-align: left;
	padding: 0 5px;
}

.CMN_tr_emptyRow {
	height: 10px;
}

.CMN_div_haveButtons {
	margin: 0 auto;
	text-align: center;
	background-color: #F9F0E5;
	height: 100px;
}

.CMN_btn_gray {
	border: 2px solid #B3B3B3; /* Gray */
	border-radius: 2px;
	background-color: #B3B3B3;
	color: #ffffff;
}

.CMN_btn_gray:hover {
	border: 2px solid #c6c5c5;
	background-color: #c6c5c5;
}

.CMN_btn_orange {
	border: 2px solid #F7931E; /* Orange */
	border-radius: 2px;
	background-color: #F7931E;
	color: #ffffff;
}

.CMN_btn_orange:hover {
	border: 2px solid #f79c32;
	background-color: #f79c32;
}

.CMN_btn_green {
	border: 2px solid #31AC37; /* Green */
	border-radius: 2px;
	background-color: #31AC37;
	color: #ffffff;
}

.CMN_btn_lightRed {
	border: 2px solid #FFBEBD; /* Green */
	border-radius: 2px;
	background-color: #FFBEBD;
	color: #ffffff;
}

.CMN_btn_lightgray {
	border: 2px solid #CCCCCC; /* lightgray */
	border-radius: 2px;
	background-color: #CCCCCC;
	color: #ffffff;
}

.CMN_btn_green:hover {
	border: 2px solid #36c93d;
	background-color: #36c93d;
}

a.CMN_btn_outer_border_blue {
	background: #ffffff;
	/*background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
	background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
	background-image: -o-linear-gradient(top, #ffffff, #ffffff);
	background-image: linear-gradient(to bottom, #ffffff, #ffffff);*/
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #41A3D9;
	font-size: 85%;
	border: solid #71B8E9 2px;
	text-decoration: none;
	border: solid #71B8E9 2px;
	padding: 6px 6px 2px 6px;
}

a.CMN_btn_outer_border_blue:hover {
	background: #41A3D9;
	color: #fff;
}

a.CMN_btn_full_border_blue {
	background: #ffffff;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #2A89CA;
	font-weight: bold;
	font-size: 80%;
	border: solid #2A89CA 2px;
	text-decoration: none;
	border: solid #2A89CA 2px;
	padding: 5px 8px 3px 3px;
	margin: 0 auto;
}

a.CMN_btn_full_blue {
	background: #2A89CA;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size: 80%;
	border: solid #2A89CA 2px;
	text-decoration: none;
	border: solid #2A89CA 2px;
	padding: 5px 8px 5px 3px;
	margin: 0 auto;
}

a.CMN_btn_full_blue:hover {
	background: #3394d7;
}

a.CMN_btn_full_green {
	background: #31AC37;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size: 60%;
	text-decoration: none;
	border: none;
	padding: 6px 8px 6px 8px;
	margin: 0 auto;
}

a.CMN_btn_full_green:hover {
	background: #36c93d;
}

a.CMN_btn_outer_border_gray {
	background: #ffffff;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #6C6C6C;
	font-weight: bold;
	font-size: 70%;
	text-decoration: none;
	border: 2px solid #C2C2C2;
	padding: 6px 8px 6px 8px;
	margin: 0 auto;
}

a.CMN_btn_outer_border_gray:hover {
	color: #ffffff;
	background: #6C6C6C;
}

.CMN_btn_full_blue {
	background: #2693DD;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size: 80%;
	text-decoration: none;
	border: none;
	padding: 6px 8px 6px 8px;
	margin: 0 auto;
}

.CMN_btn_full_blue:hover {
	background: #40C3F2;
}

.CMN_btn_full_bluelite {
	background: #40C3F2;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size: 80%;
	text-decoration: none;
	border: none;
	padding: 6px 8px 6px 8px;
	margin: 0 auto;
}

.CMN_btn_full_bluelite:hover {
	background: #50d0fe;
}

.CMN_spn_valueDisplay {
	font-size: 85%;
	font-weight: bold;
}

a.CMN_btn_outer_border_blue.attachIcon span {
	background: url(/common/images/addFileBlueIcon.png) 0 0px;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	padding: 1px 1px 10px 18px;
}

a.CMN_btn_full_blue.attachWhiteIcon span {
	background: url(/common/images/addFileWhiteIcon.png) 0 0px;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	padding: 1px 1px 1px 18px;
}

a.CMN_btn_outer_border_blue.downloadAllicon span {
	background: url(/common/images/downlaodAllIcon.png) 0 -3px;
	background-size: 16px 20px;
	background-repeat: no-repeat;
	padding: 1px 1px 1px 18px;
}

a.CMN_btn_outer_border_blue.printericon span {
	background: url(/common/images/printerIcon.png) 0 1px;
	background-size: 16px 20px;
	background-repeat: no-repeat;
	padding: 1px 1px 1px 18px;
}

a.CMN_btn_full_blue.addIcon span {
	background: url(/common/images/addIcon.png) 0 1px;
	background-size: 11px 11px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 12px;
}

a.CMN_btn_outer_border_blue.addIconBlue span {
	background: url(/common/images/addIconBlue.png) 0 1px;
	background-size: 11px 11px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 12px;
}

a.CMN_btn_full_green.downloadIcon span {
	background: url(/common/images/downloadWhiteIcon.png) 0 -3px;
	background-size: 16px 18px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}

a.CMN_btn_outer_border_gray.backIcon span {
	background: url(/common/images/backIcon.png) 0 2px;
	background-size: 13px 13px;
	background-repeat: no-repeat;
	padding: 1px 0px 0px 18px;
}

.CMN_img_pdfIcon {
	width: 25px;
	height: 27px;
}

.CMN_img_crossIcon {
	width: 10px;
	height: 20px;
	padding-bottom: 10px;
}

.CMN_img_pencilIcon {
	width: 16px;
	height: 16px;
	padding: 0px 5px 5px 0px;
	cursor: pointer;
}

.CMN_img_calIcon {

	cursor: pointer;
}

.CMN_img_calIcon_wrap{
	background: #fff none repeat scroll 0 0;
    padding: 0px 4px 2px 4px;
    min-width: 31px;
	border: 1px solid #2693dd;
    border-radius: 5px;
	height: auto;
	display: inline-block;
	margin: 5px 0;
	cursor: pointer;
	/*vertical-align: baseline !important;*/
	
}

.ui-datepicker-trigger{
	background: #fff none repeat scroll 0 0;
    padding: 0px 4px 2px 4px;
    min-width: 31px;
	border: 1px solid #2693dd;
    border-radius: 5px;
	height: auto;
	display: inline-block;
	cursor: pointer;
}

img.CMN_img_calIcon {
	/*vertical-align: baseline !important;*/
}

.CMN_img_closeWindowIcon {
	width: 15px;
	height: 20px;
	cursor: pointer;
}

.CMN_align_left {
	text-align: left;
}

.CMN_align_right {
	text-align: right;
}

.CMN_div_BgGray {
	background-color: #F2F2F2;
}

.CMN_div_BgPink {
	background-color: #FFFBF0;
}

.CMN_div_footer {
	height: 15px;
}

input[type='text'], input[type='password'] {
	height: 30px;
	border-radius: 3px;
	border: 1px solid #CCC;
	box-shadow: 1px 1px 5px #CCC;
}

textarea {
	border-radius: 3px;
	border: 1px solid #CCC;
	box-shadow: 1px 1px 5px #CCC;
	resize: none;
}

.CMN_custom-file-input {
	display: inline-block;
	position: relative;
	color: #41A3D9;
}

.CMN_custom-file-input input {
	visibility: hidden;
}

.CMN_custom-file-input:before {
	content: '参照';
	display: block;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border: 2px solid #41A3D9;
	border-radius: 5px;
	outline: none;
	white-space: nowrap;
	cursor: pointer;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.7);
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	height: 25px;
}

.CMN_bg_white {
	background-color: #ffffff;
}

.CMN_bg_gray {
	background-color: #b2b2b2;
}

.CMN_bg_lite_gray {
	background-color: #BABABA;
}
.CMN_bg_v_lite_gray {
	background-color: #f2f2f2;
}
a.CMN_color_white {
	color: #ffffff;
}

.CMN_color_white {
	color: #ffffff;
}

.CMN_color_black {
	color: #000000;
}

.CMN_color_blue {
	color: #2693DD;
}


.CMN_color_gray {
	color: #b2b2b2;
}

.CMN_color_red {
	color: #FF0000;
}

a.CMN_no_hover {
	text-decoration: none;
}

.CMN_div_inblock {
	vertical-align:top;
}

.CMN_boldText {
	font-weight: bold;
}

.CMN_blue_border {
	border: 2px solid #40C3F2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.CMN_gray_1px_border {
	border: 1px solid #F3F3F3;
}

.CMN_gray_2px_border {
	border: 2px solid #F3F3F3;
}

.CMN_no_border {
	border: none !important;
}

.CMN_tr_scheduleMonthWise {
	vertical-align: top;
	min-height: 150px;
}

.CMN_tr_scheduleDayWise50 {
	vertical-align: top;
	min-height: 50px;
}

.CMN_tr_scheduleDayWise150 {
	vertical-align: top;
	min-height: 150px;
}

.CMN_tr_scheduleDayWise100 {
	vertical-align: top;
	min-height: 100px;
}

.CMN_display_none {
	display:none !important;
}

.CMN_btn_update {
	border: 2px solid #F7931E; /* Orange */
	border-radius: 2px;
	background-color: #F7931E;
	color: #ffffff;
}

.CMN_btn_update:hover {
	border: 2px solid #f79c32;
	background-color: #f79c32;
}

.CMN_btn_edit {
	border: 2px solid #F7931E; /* Orange */
	border-radius: 2px;
	background-color: #F7931E;
	color: #ffffff;
}

.CMN_btn_edit:hover {
	border: 2px solid #f79c32;
	background-color: #f79c32;
}
.CMN_btn_edit_green {
	border: 2px solid #00A99D; /* Orange */
	border-radius: 2px;
	background-color: #00A99D;
	color: #ffffff;
}
.CMN_btn_edit_green:hover  {
	border: 2px solid #009999;
	background-color: #009999;
}
.CMN_btn_save {
	border: 2px solid #F7931E; /* Orange */
	border-radius: 2px;
	background-color: #F7931E;
	color: #ffffff;
}

.CMN_btn_save:hover {
	border: 2px solid #f79c32;
	background-color: #f79c32;
}

.CMN_btn_add {
	border: 2px solid #F7931E; /* Orange */
	border-radius: 2px;
	background-color: #F7931E;
	color: #ffffff;
}

.CMN_btn_add:hover {
	border: 2px solid #f79c32;
	background-color: #f79c32;
}
.CMN_btn_new {
	background: #2693DD;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	height:35px;
	font-size: 80%;
	text-decoration: none;
	border: none;
	padding: 6px 8px 6px 8px;
	margin: 0 auto;
}

.CMN_btn_new:hover {
	background: #40C3F2;
}

.CMN_btn_clear {
	border: 2px solid #CCCCCC; /* lightgray */
	border-radius: 2px;
	background-color: #CCCCCC;
	color: #000000;
}

.CMN_btn_clear:hover {
	border: 2px solid #A4A4A4;
	background-color: #A4A4A4;
}

.CMN_btn_back {
	border: 2px solid #848484; /* dark Gray */
	border-radius: 2px;
	background-color: #848484;
	color: #ffffff;
}

.CMN_btn_back:hover {
	border: 2px solid #A4A4A4;
	background-color: #A4A4A4;
}

.CMN_btn_delete {
	border: 2px solid #9D312F; /* Red */
	border-radius: 2px;
	background-color: #9D312F;
	color: #ffffff;
}

.CMN_btn_delete:hover {
	border: 2px solid #FF6B68;
	background-color: #FF6B68;
}

.CMN_btn_search {
	border: 2px solid #31AC37; /* Green */
	border-radius: 2px;
	background-color: #31AC37;
	color: #ffffff;
}

.CMN_btn_search:hover {
	border: 2px solid #36c93d;
	background-color: #36c93d;
}

.CMN_text_wrap {
	word-wrap: break-word;
}
.CMN_btnRecordDelete{
	background: #ffffff url("/common/images/deleteRecordIcon.png") no-repeat center;
	width:24px;
	height:24px;
	background-size: 23px auto;
	border-radius:5px;
	border: 0;
}

.CMN_btnRecordDelete:hover {
	border: 2px solid #F781D8;
	background-color: #F781D8;
}

.CMN_btnUpArrow {
	background: #ffffff url("/common/images/blueUpArrow.png") no-repeat center;
	border-radius: 3px;
    width:24px;
    height:24px;
    border: 0;
}

.CMN_btnDownArrow {
	background: #ffffff url("/common/images/blueDownArrow.png") no-repeat center;
    width:24px;
    height:24px;
    border-radius: 3px;
	border: 0;
}

.CMN_btnDownArrow:hover, .CMN_btnUpArrow:hover {
	border: 2px solid #00BFFF;
	background-color: #00BFFF;
}
.CMN_hr_blue_1px {
	border: 1px solid #188CDB;
}

/************************************************
 共通設定
************************************************ */
body {
	color: #666;
	font-weight: normal;
	background-color: #f4f4f4;
	font-size: 15px;
	line-height: 180%;
	letter-spacing: 0.1em;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
		Arial, Helvetica, 'ＭＳ Ｐゴシック', sans-serif !important;
}

html {
	overflow-y: scroll;
}
/* リンク指定
----------------------------------------------- */
a {
	color: #2693DD;
	text-decoration: none;
}

a:hover {
	color: #2693DD;
	text-decoration: underline;
}

a img:hover {
	filter: alpha(opacity = 80);
	opacity: 0.8;
	-ms-filter: "alpha( opacity=80 )";
}

input[type=button] {
	cursor: pointer;
}

/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
}

.clearfix {
	display: block; /* for IE8 */
}

.clear {
	clear: both;
}
/* フォント
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size: 100%;
	line-height: 150%;
}

p, li {
	font-weight: normal;
}

/* ヘッダー
----------------------------------------------- */
header {
	width: 100%;
}
.CMN_header_wrap_wrap {
	width: 100%;
}

.CMN_header_wrap {
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

/* ヘッダー上部
	---------------------------------------------*/
#CMN_logo_area {
	width: 40%;
	font-size: 80%;
	padding-top: 10px;
}

#CMN_btn_area {
	width: 7%;
	font-size: 90%;
	padding-top: 3px;

}

#CMN_user_area {
	width: 53%;
	font-size: 100%;
	text-align: right;
}

#CMN_user_area {
	display: flex;
	display: -webkit-flex; /* Safari */
	-webkit-flex-direction: row;
	flex-direction: row;
}

#CMN_user_date {
	width:100%;
	padding-top: 10px;
	text-align: right;
	background: #f2f2f2;
	margin: 5px;
	text-align: right;
	font-weight: bold;
	text-indent: 1em;
}

#CMN_user_date p {
	background: #f2f2f2;
	margin: 5px;
	text-align: right;
	font-weight: bold;
	text-indent: 1em;
}
.CMN_user_image img{
	vertical-align: middle;
}

#CMN_user_name {
	text-align: center;
	min-width: 30%;
	padding-top: 12px;
}

#CMN_gmenu_min ul {
	overflow: hidden;
	margin: 10px;
	padding: 0px;

}

#CMN_gmenu_min ul li {
	margin: 0 0.5%;
	border: solid 1px #1f77be;
	color: #1f77be;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}

#CMN_gmenu_min ul li:hover, #CMN_gmenu_min ul li.active {
	border: solid 1px #0256AA;
	background: #0256AA;
	color: #FFFFFF;
}


.CMN_header_btn_logout {
	width: 65%;
	float: right;
	border: solid 1px #B3B3B3 !important;
	background: #B3B3B3;
	color: #fff !important;
	display: flex;
	display: -webkit-flex; 
	-webkit-flex-direction: row;
	flex-direction: row;


}

.CMN_header_btn_logout:hover {
	border: solid 1px #666666 !important;
	background: #666666 !important;
	color: #fff !important;
}

/* ヘッダー下部
	---------------------------------------------*/
#CMN_gmenu {
	width: 100%;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	overflow: hidden;
}

.CMN_gmenu {
	width: 100%;
	padding: 0;
}
.CMN_gmenu.upper {
	border-bottom: solid 1px #fff;
}

.CMN_gmenu.bottom {
	border-top: solid 1px #fff;
}

#CMN_gmenu li {
	float: left;
	width:11%;	
	color: #fff;
	font-weight: bold;
	border: solid 1px #fff;
	padding: 5px;
	letter-spacing: 0px;
	background: #2693DD;
	cursor: pointer;
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
    -ms-flex-pack:center;
	/*border-radius: 5px;*/
}

#CMN_gmenu li:hover, #CMN_gmenu .active {
	background: #43C0E8 !important;
}

#CMN_gmenu .active {
	cursor: default;
}

#CMN_gmenu li.last {
	border-right: none;
}

#CMN_gmenu li p {
	font-weight: bold;
}

#CMN_gmenu li span.ico {
	/*width: 32px;*/
}


/* メインコンテンツラッパー
---------------------------------------------*/

.CMN_btn_full_blue {
	background: #2693DD;
	border-radius: 5px;
	background: #B3B3B3;
	color: #fff !important;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	border: none;
	margin: 0 auto;
	width: 125%;
	height: 30px;


}

.CMN_btn_full_blue:hover {
	border: solid 1px #666666 !important;
	background: #666666 !important;
	color: #fff !important;
}

.CMN_div_inblock {
	
	vertical-align:middle;
	padding: 10px;
}

.CMN_sub_gmenu {
	width:99.8%; 
	height: 30px; 
	background-color: #43C0E8; 
	padding: 2px 2px 2px 5px; 
	margin-left: 2px;
}

.CMN_sub_gmenu div {
	margin-right: 10px; 
	background-color: #43C0E8; 
	color: #FFFFFF; 
	display: inline-block; 
	padding: 0px 5px 0px 5px;
	border: 2px solid #40C3F2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.CMN_sub_gmenu div:hover, .CMN_sub_gmenu .active {
	box-shadow: inset 0 5px 30px #193047;
}
.sub_menu_size{
	min-width: 1000px;
}


/*pattu */
.maindiv_bgcolor {
	background-color: #dff1f4;
}

/*.CMN_main_contents {
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}*/
/*.CMN_div_innerContent {
	display: table;
	border: 6px solid #F2F2F2;
	background-color: #FFFFFF;
	text-align: left;
	-webkit-border-radius: 5;
	color: #fff;
	-moz-border-radius: 5;
	border-radius: 5px;
}*/
/*.CMN_div_screenHeader {
	color: #2291DC;
	font-weight: bold;
	font-size: 140%;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}*/
/*.CMN_user_date {
	float: right;
	margin-top: 20px;
	margin-right:-20px;
	text-align: center;
	padding: 3px 3px 3px 3px;
	background-color: #F2F2F2;
	font-weight: bold;
}*/
.CMN_topband {
	color: #FFFFFF;
}
/*.CMN_user_image{
	margin-top: -5px;
}*/
/*.CMN_user_name {
	margin-top: 20px;
	margin-left: -75px;
	margin-right: 10px;
	text-align: center;
}*/
/*.CMN_header_btn_logout {
	width: 70px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-top: 10px;
	text-decoration: none;
	border: solid 1px #B3B3B3 !important;
	background: #B3B3B3;
	color: #fff !important;
	border-radius:5px;
	display:block;
	height:20px;
}*/
/*
.CMN_logout {

	margin-top: 22px;
	margin-right:10px;
	margin-left: -100px;
	text-align: center;
}*/
input[type='text'], input[type='password'] {			
		height: 30px;
		border-radius: 3px;
		border: 1px solid #CCC;
		margin-bottom: 5px;
		box-shadow: 1px 1px 5px #CCC;
		/*display: inline-block !important;*/
}

.CMN_btn_Cancel {
	border: 2px solid #848484; /* dark Gray */
	border-radius: 2px;
	background-color: #848484;
	color: #ffffff;
	cursor: pointer;
}
.CMN_pop_div_middleWhite {
	display: table;
	margin: 0 auto;
	border: 2px solid #ffffff;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #888888;
}
.CMN_pop_main_contents {
	margin: 0 auto;
	padding: 20px 0;
}
.CMN_pop_div_innerContent {
	width: 550px;
	height: 380px;
	display: table;
	border: 6px solid #F2F2F2;
	background-color: #FFFFFF;
	text-align: left;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
}
.CM_div_mainDiv {
	min-width: 400px !important;
}
.CMN_bg_lite_gray {
	background-color: #BABABA;
}
.CMN_boldText {
	font-weight: bold;
}
.CMN_img_closeWindowIcon {
	width: 20px;
	height: 20px;
	cursor: pointer;
}