@CHARSET "UTF-8";

.div_main {
	min-height: 768px;
}

.cl-control .main_mdi  {
    border-left: solid 1px #e6e6e6;
}

.cl-control .main_mdi .cl-tabfolder-body {
    transition: background-image 1s ease-in-out;
}
.cl-control .mob_mdi {
    transition: background-image 1s ease-in-out;
}

.cl-control .main_mdi .main_mdi_header {
    height: 39px;
    background-color: #FFF;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: 0px none;
}

.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-item {
    background-color: transparent;
    color: #666;
    font-size: 14px;
    border-right: 1px solid #e5e5e5;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    padding-left: 35px;
    padding-right: 20px;
    height: 39px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-item.cl-selected {
    background-color: transparent;
    color: #1b1b1b;
    font-size: 14px;
    border-right: 1px solid #e5e5e5;
    border-top: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
    padding-left: 35px;
    padding-right: 20px;
    height: 39px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 600;
}

/* .cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-item.cl-selected:after { */
/* 	content : ""; */
/* 	display: block; */
/* 	height  : 1px; */
/* 	width   : calc(100% - 20px); */
/* 	border-bottom: 4px solid #0047ba; */
/* } */

.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-item .cl-text {
    margin-right: 0px;
}

.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-item .cl-text:focus {
	text-decoration: none;
}

.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-item .cl-tabfolder-button {
	margin-left: 30px;
	height:10px;
	width:10px;
	background-image: url(images/deco-main/work_tab_close_ic.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-size: auto;
}



.cl-selected .cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-item .cl-tabfolder-button{
	margin-left: 30px;
	height: 10px;
	width: 10px;
	background-image: url(images/deco-main/work_tab_close_ic_act.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-size: auto;
}

.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-prev {
	background-image: url(images/deco-main/btn_tab_prev.png);
	border-top: 0 none;
	border-right: 1px solid #e5e5e5;
	border-bottom: 0 none;
	border-left: 0 none;
	background-color: transparent;
}
.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-prev.cl-disabled {
    background-image: url(images/deco-main/btn_tab_prev_disable.png);
    background-color: #e5e5e5;
}

.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-next {
    background-image: url(images/deco-main/btn_tab_next.png);
    border-top: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 1px solid #e5e5e5;
    background-color: transparent;
}

.cl-tabfolder.cl-mdifolder.main_mdi .main_mdi_header .cl-tabfolder-next.cl-disabled {
    background-image: url(images/deco-main/btn_tab_next_disable.png);
    background-color: #e5e5e5;
}

.navi_home {
    background-image: url(images/deco-appframe/navi_home.png);
    background-position: 80% center;
    background-repeat: no-repeat;
}

.navi_left_arrow {
    background-image: url(images/deco-main/navi_left_arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.navi_left_arrow_mobile {
    background-image: url(images/deco-main/navi_left_arrow_m.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.navi_text_sub {
    font-weight: 300;
    font-size: 13px;
    color: #666;
}

.navi_text_main {
    font-weight: 600;
    font-size: 13px;
    color: #222222;
    margin-right: 12px;
}

.navi_text_sub_mobile {
    font-weight: 300;
    font-size: 13px;
    color: #fff;
}

.navi_text_main_mobile {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    margin-right: 12px;
}

.navi_text_desc {
	display: inline-block;
    font-size: 12px;
    color: #49382e;
    border: 1px solid #efd8b6;
    border-radius: 15px;
    background: #fcf8f2;
    padding: 2px 10px 2px 23px;
    position: relative;
    background-image: url(images/deco-main/menu_descript_ic.png);
    background-position: 8px 50%;
    background-repeat: no-repeat;
    overflow: visible !important;
}
.navi_text_desc:before {
    position: absolute;
    left: -4px;
    top: 50%;
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotateX(60deg) rotateZ(45deg);
    background: #fcf8f2;
    border-left: 1px solid #f1dcbd;
    border-bottom: 1px solid #f1dcbd;
}

.navi_menu,
.navi_menu.cl-button:not(.cl-disabled).cl-activated,
.navi_menu.cl-button:not(.cl-disabled):active,
.navi_menu.cl-button:not(.cl-disabled):hover {
    background-image: url(images/deco-appframe/navi_menu.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-right: 5px;
    background-size: contain;
    cursor: pointer;
    border: none;
}

.navi_menu.cl-button.cl-focus {
    border: 2px solid #333;
    border-radius: 2px;
}

.btn_tool,
.btn_tool.cl-button:not(.cl-disabled).cl-activated,
.btn_tool.cl-button:not(.cl-disabled):active,
.btn_tool.cl-button:not(.cl-disabled):hover {
    border: none;
}

.btn_top,
.btn_top.cl-button:not(.cl-disabled).cl-activated,
.btn_top.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico01.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border: none;
    transition: all 300ms;
}

.btn_top:not(.cl-disabled):hover,
.btn_top:not(.cl-disabled):active,
.btn_top:focus,
.btn_top.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico01_over.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border: none;
    top: -3px;
}

.btn_top:focus,
.btn_top.cl-focus {
    border: 2px dashed #D81D00 !important;
}

.btn_resize,
.btn_resize.cl-button:not(.cl-disabled).cl-activated,
.btn_resize.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico02.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border: none;
    transition: all 300ms;
}

.btn_resize:not(.cl-disabled):hover,
.btn_resize:not(.cl-disabled):active,
.btn_resize:focus,
.btn_resize.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico02_over.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border: none;
    top: -3px;
}
.btn_resize:focus,
.btn_resize.cl-focus {
    border: 2px dashed #D81D00 !important;
}

.btn_newpage,
.btn_newpage.cl-button:not(.cl-disabled).cl-activated,
.btn_newpage.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico03.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border: none;
    transition: all 300ms;
}

.btn_newpage:not(.cl-disabled):hover,
.btn_newpage:not(.cl-disabled):active,
.btn_newpage:focus,
.btn_newpage.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico03_over.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    top: -3px;
}
.btn_newpage:focus,
.btn_newpage.cl-focus {
    border: 2px dashed #D81D00 !important;
}

.btn_service,
.btn_service.cl-button:not(.cl-disabled).cl-activated,
.btn_service.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico04.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border: none;
    transition: all 300ms;
}

.btn_service:not(.cl-disabled):hover,
.btn_service:not(.cl-disabled):active,
.btn_service:focus,
.btn_service.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico04_over.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    top: -3px;
}
.btn_service:focus,
.btn_service.cl-focus {
    border: 2px dashed #D81D00 !important;
}

.btn_help,
.btn_help.cl-button:not(.cl-disabled).cl-activated,
.btn_help.cl-button:not(.cl-disabled):active
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help,
.cl-grid .cl-grid-cell .cl-control.btn_help.cl-button:not(.cl-disabled).cl-activated,
.cl-grid .cl-grid-cell .cl-control.btn_help.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico05.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border: none;
}

.btn_help:not(.cl-disabled):hover,
.btn_help:not(.cl-disabled):active,
.btn_help:focus,
.btn_help.cl-focus,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help:not(.cl-disabled):hover,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help:not(.cl-disabled):active,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help:focus,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-appframe/work-etc_ico05_over.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border: none;
    top: -3px;
}
.btn_help:focus,
.btn_help.cl-focus,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help:focus,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help.cl-focus {
    border: 2px dashed #D81D00 !important;
}


.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help,
.cl-grid .cl-grid-cell .cl-control.btn_help.cl-button:not(.cl-disabled).cl-activated,
.cl-grid .cl-grid-cell .cl-control.btn_help.cl-button:not(.cl-disabled):active {
    background-color: transparent;
    background-image: url('images/deco-appframe/work-etc_ico05.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    background-size: 25px;
}

.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help:not(.cl-disabled):hover,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help:not(.cl-disabled):active,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help:focus,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help.cl-focus {
    background-color: transparent;
    background-image: url('images/deco-appframe/work-etc_ico05_over.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    top: -3px;
    background-size: 25px;
}

.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help:focus,
.cl-grid .cl-grid-cell .cl-control.cl-button.btn_help.cl-focus {
    border: 2px dashed #D81D00 !important;
}
.app_work_line {
	content:'';
	display:inline-block;
	width:1px;
	height:14px;
	margin:0 12px;
	background:#d4d4d4;
	vertical-align:middle
}

.minWidth1280 {
  min-width: 1280px;
}
.minWidth1680 {
  min-width: 1680px;
}

.zoomclear,
.zoomclear.cl-button:not(.cl-disabled).cl-activated,
.zoomclear.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_reset_ic.png');
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms;
}
.zoomclear:focus,
.zoomclear.cl-focus {
    border: 2px dashed #D81D00 !important;
}

.zoomclear:not(.cl-disabled):hover,
.zoomclear:not(.cl-disabled):active,
.zoomclear:focus,
.zoomclear.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_reset_ic_over.png');
	background-repeat: no-repeat;
	background-position: center;
	top: -3px;
}

.zoomminus,
.zoomminus.cl-button:not(.cl-disabled).cl-activated,
.zoomminus.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_reduce_ic.png');
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms;
}

.zoomminus:not(.cl-disabled):hover,
.zoomminus:not(.cl-disabled):active,
.zoomminus:focus,
.zoomminus.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_reduce_ic_over.png');
	background-repeat: no-repeat;
	background-position: center;
	top: -3px;
}
.zoomminus:focus,
.zoomminus.cl-focus {
    border: 2px dashed #D81D00 !important;
}

.zoomplus,
.zoomplus.cl-button:not(.cl-disabled).cl-activated,
.zoomplus.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_expand_ic.png');
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms;
}

.zoomplus:not(.cl-disabled):hover,
.zoomplus:not(.cl-disabled):active,
.zoomplus:focus,
.zoomplus.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_expand_ic_over.png');
	background-repeat: no-repeat;
	background-position: center;
	top: -3px;
}
.zoomplus:focus,
.zoomplus.cl-focus {
    border: 2px dashed #D81D00 !important;
}

.closeall,
.closeall.cl-button:not(.cl-disabled).cl-activated,
.closeall.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_close_ic.png');
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms;
}

.closeall:not(.cl-disabled):hover,
.closeall:not(.cl-disabled):active,
.closeall:focus,
.closeall.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_close_ic_over.png');
	background-repeat: no-repeat;
	background-position: center;
	top: -3px;
}
.closeall:focus,
.closeall.cl-focus {
    border: 2px dashed #D81D00 !important;
}

.closeform,
.closeform.cl-button:not(.cl-disabled).cl-activated,
.closeform.cl-button:not(.cl-disabled):active {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_ic.png');
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms;
}

.closeform:not(.cl-disabled):hover,
.closeform:not(.cl-disabled):active,
.closeform:focus,
.closeform.cl-focus {
	background-color: transparent;
	background-image: url('images/deco-main/btn_window_ic_over.png');
	background-repeat: no-repeat;
	background-position: center;
	top: -3px;
}
.closeform:focus,
.closeform.cl-focus {
    border: 2px dashed #D81D00 !important;
}