@charset "UTF-8";

:root {
	--ct-adm-color1: #83d8be;
	--ct-adm-bg: #409091;
	--ct-adm-bg-d: #276a6b;
	--ct-adm-btn: #23997e;
	--ct-adm-btn-d: #007058;
	--ct-adm-btn-sh: rgba(93,719,159,.5);
	--ct-adm-bd: #2d7e80;
	--ct-adm-tabhover: #36736f;
	--ct-adm-link: #006e47;
	--ct-adm-closeButton: url(../images/closeButton_admin.png);

	--ct-op-color1: #68c8eb;
	--ct-op-bg: #568bc4;
	--ct-op-bg-d: #396b9f;
	--ct-op-btn: #2ea2cc;
	--ct-op-btn-d: #0074a2;
	--ct-op-btn-sh: rgba(120,200,230,.5);
	--ct-op-bd: #3f77b2;
	--ct-op-tabhover: #426c8d;
	--ct-op-link: #0089a1;
	--ct-op-closeButton: url(../images/closeButton.png);
}

#newhistorypop, .newHisColors {

	--ct-op-color1: #95b1bb;
	--ct-op-bg: #6f8399;
	--ct-op-bg-d: #6a7b8d;
	--ct-op-btn: #6d96a5;
	--ct-op-btn-d: #3c697a;
	--ct-op-btn-sh: rgba(151, 185, 197, 0.5);
	--ct-op-bd: #607388;
	--ct-op-tabhover: #5a6975;
	--ct-op-link: #3e8491;
	--ct-op-closeButton: url(../images/closeButton_newHis.png);

	/* --ct-op-color1: #ebb268;
	--ct-op-bg: #cca332;
	--ct-op-bg-d: #9f6f39;
	--ct-op-btn: #a37c27;
	--ct-op-btn-d: #7c6501;
	--ct-op-btn-sh: rgba(230, 192, 120, 0.5);
	--ct-op-bd: #b28e3f;
	--ct-op-tabhover: #8d7c42;
	--ct-op-link: #a17b00; */
}

.adminCss #newhistorypop, .adminCss .newHisColors {
	--ct-adm-color1: var(--ct-op-color1);
	--ct-adm-bg: var(--ct-op-bg);
	--ct-adm-bg-d: var(--ct-op-bg-d);
	--ct-adm-btn: var(--ct-op-btn);
	--ct-adm-btn-d: var(--ct-op-btn-d);
	--ct-adm-btn-sh: var(--ct-op-btn-sh);
	--ct-adm-bd: var(--ct-op-bd);
	--ct-adm-tabhover: var(--ct-op-tabhover);
	--ct-adm-link: var(--ct-op-link);
	--ct-adm-closeButton: var(--ct-op-closeButton);
}

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
	line-height:1.6;
	letter-spacing:1px;
	font-family:"メイリオ", Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background:#e7e7e7;
	vertical-align:top;
}

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

table {
	border-collapse: collapse;
}

br {
   letter-spacing:normal;
}

label {	
	white-space: nowrap;
}

textarea {
	line-height: 1.4;
}

.adminCss a {
   color:var(--ct-adm-link);
   text-decoration:underline;
}

.adminCss a:hover {
	color:var(--ct-adm-link);
	text-decoration:none;
}


.adminCss a.inputSButton {
   text-decoration:none;
}

/* .adminCss a.button.red, .adminCss .inputButton.red, .adminCss .inputSButton.red, .adminCss a.inputSButton.red:hover { */
a.button.red, .inputButton.red, .inputSButton.red, a.inputSButton.red:hover {
	background: #d75656 !important;
    border-color: #d13c3c !important;

    color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 93, 93, 0.5), 0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 rgba(255, 93, 93, 0.5), 0 1px 0 rgba(0,0,0,.15);
}

.adminCss a.button, .adminCss .inputButton, .adminCss .inputSButton, .adminCss a.inputSButton:hover {
	background: var(--ct-adm-btn);
    border-color: var(--ct-adm-btn-d);

    color: #fff;
    -webkit-box-shadow: inset 0 1px 0 var(--ct-adm-btn-sh),0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 var(--ct-adm-btn-sh),0 1px 0 rgba(0,0,0,.15);
}


a {
   color:var(--ct-op-link);
   text-decoration:underline;
}

a:hover {
	color:var(--ct-op-link);
	text-decoration:none;
}

a.button, .inputButton, .inputSButton {
	padding: 1px 5px;
	margin: 0px 2px;
	background: var(--ct-op-btn);
    border-color: var(--ct-op-btn-d);

    -webkit-box-shadow: inset 0 1px 0 var(--ct-op-btn-sh),0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 var(--ct-op-btn-sh),0 1px 0 rgba(0,0,0,.15);

    color: #fff;
    text-decoration: none;
	font-size: 11px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;

    -webkit-appearance: none;
    -webkit-border-radius: 3px;

    border-radius: 3px;
    white-space: nowrap;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.iconButton {
	padding: 3px 5px 1px !important;
    vertical-align: middle;
}

a.button {
	font-size: 12px;
	outline:none;
}

a.whiteButton, .inputWhiteButton, .offInList, .onInList {
    color: #555;
    border-color: #ccc;
    background: #f7f7f7;
    -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
    box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);
    vertical-align: top;
	display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline:none;
}

.pushedButton {
    border-color: #12646e !important;
	background: #12646e !important;
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.listData .offInList, .listData .onInList {
	width: 46px;
	font-size: 12px;
	height: auto;
	line-height: 21px;
	padding: 0 10px;
}

select {
	padding: 0px 0px 3px;
	vertical-align: middle;
	max-width: 100%;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.inputButton {
	font-size: 14px;
	padding: 1px 5px;
}

.inputSButton {
	font-size: 12px;
	/*padding: 3px 6px;*/
}

.adminCss a.button.red:hover, .adminCss .inputButton.red:hover, .adminCss .inputSButton.red:hover {
	background: #d13c3c;
}
.adminCss a.button:hover, .adminCss .inputButton:hover, .adminCss .inputSButton:hover {
	background: var(--ct-adm-btn-d);
}

.adminCss a.button.red:active, .adminCss .inputButton.red:active, .adminCss .inputSButton.red:active {
	background: #d13c3c;
    -webkit-box-shadow: none;
    box-shadow:none;
}

.adminCss a.button:active, .adminCss .inputButton:active, .adminCss .inputSButton:active {
	background: var(--ct-adm-btn-d);
    -webkit-box-shadow: none;
    box-shadow:none;
}





a.button:hover, .inputButton:hover, .inputSButton:hover {
	background: var(--ct-op-btn-d);
}


a.whiteButton:hover, .inputWhiteButton:hover {
	background: #fff;
    border-color: #999;
}


.onInList {
	background: var(--ct-adm-bg);
    -webkit-box-shadow: none;
	box-shadow:none;
	color: #fff;
}

a.button:active, .inputButton:active, .inputSButton:active {
	background: var(--ct-op-btn-d);
    -webkit-box-shadow: none;
    box-shadow:none;
}


a.whiteButton:active, .inputWhiteButton:active {
    -webkit-box-shadow: inset 0 1px 0 #ccc,0 0px 0 rgba(0,0,0,.08);
    box-shadow: inset 0 1px 0 #ccc,0 0px 0 rgba(0,0,0,.08);
    background: #ccc;
}

a.button[disabled], a.button[disabled]:hover, a.button[disabled]:active,
.inputButton[disabled], .inputButton[disabled]:hover, .inputButton[disabled]:active,
.inputSButton[disabled], .inputSButton[disabled]:hover, .inputSButton[disabled]:active{
	background: #ddd;
    border-color: #ccc;
	color: #999;
    -webkit-box-shadow: none;
    box-shadow:none;
}

.helpBtn {
	/*
    background: #cc2e2e;
    border-color: #a20000;
    -webkit-box-shadow: inset 0 1px 0 rgba(230,120,120,.5), 0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 rgba(230,120,120,.5), 0 1px 0 rgba(0,0,0,.15);
	*/
}

.helpBtnActive:hover {
	background: #cc2e2e;
}

.helpBtnActive,
.helpBtn:active {
	background: #cc2e2e;
    -webkit-box-shadow: none;
    box-shadow:none;
    border-color: #a20000;
    -webkit-box-shadow: inset 0 1px 0 #a20000, 0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 #a20000, 0 1px 0 rgba(0,0,0,.15);
}

.helpBtn[disabled]:active{
	background: #ddd;
    border-color: #ccc;
	color: #999;
    -webkit-box-shadow: none;
    box-shadow:none;
}



.recdeleted {
	background-color: #aaa;
	border-color: #aaa;
}

.recdeleted:hover {
	background-color: #aaa;
	border-color: #aaa;
}

.recdeleted:active {
	background-color: #aaa;
	border-color: #aaa;
}


img {
   border:0;
   vertical-align:bottom;
}



h1,h2,h3,h4,h5,h6 {
   margin:0;
}

ul {
	padding: 0px;
	margin: 0px;
}

li {
	list-style: none;
}

tr.tdbggray td {
	background-color: rgba(0, 0, 0, 0.15);
}


div#container {
  margin: 0 auto;
  position: relative;       /* フッターの為の位置決め用 */
  width: 100%;

  height: auto !important;  /* IE6対策：この2行で */
  height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */

  min-height: 100%;         /* 中身が少なくても高さ100%にする */
}


header {
	background-color: #fff;
	border-bottom: #ddd 2px solid;
	width: 100%;
	height: 30px;
	z-index: 8;
	position: fixed;
}

.pageArea {
    width: 100%;
	height: 100%;
	min-height: 100%;
	position: absolute;
	margin-top: -32px;
}

aside {
	background-color: var(--ct-op-bg);
	width: 150px;
	float: left;
	height: auto;
	min-height: 100%;
	position: fixed;
	margin-top: 32px;
	z-index: 4;
}

article {
	position: absolute;
	width: 100%;
	float: left;
	/* height: auto;
	min-height: 100%; */
	margin-top: 32px;
	height: calc( 100% - 32px );
}

.main_contents {
	margin-top: 32px;
	margin-left: 150px;
	min-height: 100%;
	padding-bottom: -32px;
}

footer {
	background: #000;
	bottom: 0;                /* フッターが下に来るようにする */
	color: #fff;
	position: absolute;
	width: 100%;
}



/*-- ▼ カレンダー ▼ --*/

#calenderDiv {
	position: absolute;
	z-index: 1000000 !important;
}

.calender {
	width: 140px;
	overflow: auto;
	border: #666 thin solid;
	padding: 0px 5px 10px;
	background-color: #fff;
}

.calender .close {
	width: 140px;
	height: 15px;
	background: var(--ct-op-btn);
	margin: 2px 0px;
	font-size: 8px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.adminCss .calender .close {
	background: var(--ct-adm-btn);
}

.calender li {
	float: left;
	text-align: center;
}

.calender .calTitle {
	overflow: auto;
	clear: both;
}

.calender .calTitle li {
	width: 100px;
}

.calender .calTitle li:first-child, .calender .calTitle li:last-child {
	width: 20px;
	background-color: var(--ct-op-color1);
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.adminCss .calender .calTitle li:first-child, .adminCss .calender .calTitle li:last-child {
	background-color: var(--ct-adm-color1);
}

.calender .weekDayTh {
	clear: both;
	margin: 5px 0 0;
}

.calender .weekDayTh li {
	font-weight: bold;
	width: 20px;
	height: 20px;
}

.calender .weekDayTh li:first-child {
	color: #F30;
}

.calender .weekDayTh li:last-child {
	color: #6C3;
}

.calender .calDate {
	clear: both;
}

.calender .calDate li {
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.calender .calDate li:first-child {
	color: #F30;
}

.calender .calDate li:last-child {
	color: #6C3;
}

/*-- ▲ カレンダー ▲ --*/


/*-- ▼ ユニット ▼ --*/

.leftSide {
	float: left;
	margin-bottom: 10px;
}

.leftSide .block {
	margin-bottom: 15px;
}

.rightSide {
	float: right;
}

#uploading, #adding, #readyupload {
	width: 500px;
	height: 30px;
	text-align: center;
	background: url(../images/IconLoading.gif) no-repeat center top;
	margin: 60px auto;
	padding-top: 75px;
	color: var(--ct-op-bg);
	font-weight: bold;
	display: none;
}

#uploaded, #added {
	width: 100px;
	height: 30px;
	text-align: center;
	background: url(../images/IconUploaded.png) no-repeat center top;
	margin: 60px auto;
	padding-top: 75px;
	color: var(--ct-op-bg);
	font-weight: bold;
	display: none;
}

/*-- ▲ ユニット ▲ --*/


/*-- ▼ input ▼ --*/

input {
	vertical-align: middle;
	margin-top: 0px;
	position: relative;
    /* top: -1px; */
	vertical-align: bottom;
}

input[type="radio"] {
	top: -1px;
	vertical-align: middle !important;
}
/*-- ▲ input ▲ --*/



/*-- ▼ th, tdサイズ、空きなど ▼ --*/
.tdR30 td {
	padding-right: 30px !important;
}

.thtdCenter th, .thtdCenter td {
	text-align: center !important;
}

.nopadding th, .nopadding td {
	padding: 0px !important;
}

/*-- ▲ thサイズ ▲ --*/

/*-- ▼ カラーショットカート ▼ --*/
.color-red {
	color: red;
}
.color-green {
	color: green;
}
/*-- ▲ カラーショットカート ▲ --*/

ul.floatleft li{
	float: left;
}

/*-- ▼ 背景浅い灰色（画像）▼ --*/
.bgLightGray {
	background: url(../images/selectedBG.png) repeat;
}
/*-- ▲ 背景浅い灰色（画像）▲ --*/

.must {
	color: red;
}

.showmemo {
	position: absolute;
	padding: 10px;
	width: 400px;
	background-color: #fff;
	border: var(--ct-op-bd) thin solid;
    border-radius: 8px;        /* CSS3草案 */
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;   /* Firefox用 */

    -webkit-box-shadow: inset 0 1px 0 var(--ct-op-btn-sh),0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 0 var(--ct-op-btn-sh),0 1px 0 rgba(0,0,0,.15);
	z-index: 9;
}



.logo {
	width: 150px;
	height: 30px;
	background-image: url(../images/header_logo.jpg);
	background-repeat: no-repeat;	
	float: left;
}

#headerArea {
	float : left;
    width: 100%;
    margin-left : -150px;
}

.head_navi {
	position:relative;
    margin-left: 150px;
	height: 32px;
}

.head_navi a{
	text-decoration: none;
}


.head_navi .notice_area {
	float : left;
	width: 100%;
	margin-right: -800px;
}

.head_navi .notice_td {
	margin-top: -4px;
    height: 40px;
    margin-right: 660px;
    margin-left: 130px;
    line-height: 18px;
    overflow: hidden;
}

.head_navi .notice_td .slidenotice-list {
	/* margin-top: -20px !important; */
}

.head_navi .notice_td p {
	white-space: nowrap;
	/* color: red; */
}

/* .head_navi .notice_td p a {
	color: rgb(168, 9, 9);
} */

.head_navi .change_page {
	width: 160px;
	margin: -4px 10px 0px;
	float: right;
	padding-top: 6px;
	height: 25px;
}

.head_navi .restawaybutton {
	position: absolute;
    float: left;
    height: 20px;
    padding: 3px;
    cursor: default;
    z-index: 9999;
    background-color: #fff;
}

.head_navi .restawaybutton p {
	float: left;
	margin: 0 0 0 5px;
	padding: 3px 12px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.4);
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
}

.head_navi .restawaybutton .yesorno {
	display: none;
}

.head_navi .restawaybutton .yesorno p {
	padding: 1px 8px;
}

.head_navi  .restawaybutton p:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

.head_navi .text_navi {
	float: right;
	padding: 0px 10px;
	border-left: #ccc dotted 1px;
	cursor: pointer;
	padding-top: 7px;
	height: 25px;
}

.head_navi .active {
	cursor: default;
	background-color: var(--ct-op-link);
	color: #fff;
}

.head_navi .active i {
	color: #fff !important;
}

.head_navi .text_navi i {
	vertical-align: middle;
	color: #666;
	font-size: 18px;
}

.head_navi .text_navi_active i {
	vertical-align: middle;
	color: #fff;
	font-size: 18px;
}

header select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    /* background: #EEE url(../images/arw_select_down.png) no-repeat; */
    background-color: #eee;
    background-size: 90px 30px;
    background-position: right center;
    font-size: 14px;
    padding: 2px 20px 5px 6px;
    vertical-align: middle;
    border: 1px solid #CCC;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

@-moz-document url-prefix() { /* for firefox */
    header select {
        background:none;
        background-color: #FFF;
    }
}

#helpNumBox {
	right: 440px;
}

.numBox {
	/* display: block; */
	position: absolute;
    top: 0px;
    left: 0px;
    background-color: red;
    font-size: 10px;
    color: #fff;
    min-width: 20px;
    height: 15px;
    text-align: center;
    z-index: 10;
}

/*-- ▲ 見込・再コールの数ボックス ▲ --*/



nav {
	margin-top: 45px;
	z-index: 6;
}

nav ul {
	background: url(../images/nav_img_line.png) no-repeat bottom center;
	padding: 6px 0px;
}

nav li {
	width: 140px;
	height: 27px;
	font-size: 13px;
	font-weight: 900;
	color: #fff;
	background: no-repeat 5px 3px;
	padding-top: 10px;
	padding-left: 10px;
	cursor: pointer;
	margin: 3px auto;
    position: relative;
}

nav li i {
	margin: 0 3px;
	vertical-align: middle;
	opacity: 0.5;
	font-size: 18px !important;
	font-weight: 100;
}

nav li.text {
	vertical-align: middle;
}

.adminCss aside {
	background-color: var(--ct-adm-bg);
}

.adminCss nav ul:not(:first-child) li:hover {
	background-color: var(--ct-adm-bd);
}

.adminCss nav ul:not(:first-child) li.active {
	background-color: var(--ct-adm-bg-d);
}

nav ul:not(:first-child) li:hover {
	background-color: var(--ct-op-bd);
}

nav ul:not(:first-child) li.active {
	background-color: var(--ct-op-bg-d);
	cursor: default;
}

nav ul:not(:first-child) li.active:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: 7px solid #e7e7e7;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 12px;
    right: 0px;
}

nav ul:not(:first-child) li:hover i, nav ul:not(:first-child) li.active i  {
	color: #fbd00a;
	opacity: 1;
}

.pgLoading,
.popLoading {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.pgLoading .icon_pgloading,
.popLoading .icon_pgloading {
	background: url(../images/icon_pgloading.gif) no-repeat center center;
	width: 110px;
	height: 110px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -55px;
	margin-top: -55px;
	opacity: 0.5;
}

.sub_navi {
	width: 100%;
	height: 45px;
	background: #fff;
	/*margin-top: 32px;*/
}

.sub_navi ul {
	/*
	margin-left: 160px;
	*/
}

.sub_navi .m_type li {
	float: left;
	font-size: 14px;
	font-weight: 900;
	margin: 0 35px;
	padding: 20px 5px 0;
	cursor: pointer;
}

.sub_navi .p_type li {
	height: 24px;
	float: left;
	font-size: 12px;
	font-weight: 900;
	margin: 10px 10px 0px;
	padding: 5px 20px 0px;
	background-color: #eee;
    position: relative;
	color: #999; 
}
.sub_navi .p_type li:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 14px solid #eee;
    border-top: 16px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 0px;
    left: 100%;
}
.sub_navi .p_type li:first-child {
	margin-left: 1.2%;
}
.sub_navi .p_type li:last-child:before {
    border: none;
    display: none;
}
.sub_navi .p_type .otherSubM {
	margin-left: 0px !important;
}

.sub_navi .p_type li.active {
	background-color: #f39800;
	color: #fff;
}
.sub_navi .p_type li.active:before {
    border-left: 15px solid #f39800;
}


.sub_navi .p_type li.passed {
	background-color: #feb92e;
	color: #fff;
}
.sub_navi .p_type li.passed:before {
    border-left: 15px solid #feb92e;
}



.sub_navi .m_type li:hover, .sub_navi .m_type li.active {
	border-bottom: #f39800 4px solid;
}

.sub_navi .m_type li.active {
	cursor: default;
}


.page_title {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;
	float: left;
}

.page_title i {
	font-size: 21px;
	margin-right: 5px;
	color: #f39800;
	vertical-align: middle;
}

.page_area {
	width: 98%;
	height: 100%;
	min-height: 100%;
	padding: 20px 0 25px;
	margin: 0 auto;
}

.page_area #cInfoDiv {
	max-height:266px;
}

.page_area #pInfoDiv {
	max-height:56px;
	border-bottom: #999 thin solid;
}

.topButton {
	margin-bottom: 15px;
}


/* ↓ポップアップウィンドウ */


.popWin {
	border: 1px solid var(--ct-op-link);
	background-color: #f4f4f4;
	display: inline;
	position: absolute;
	top: 150px;
	left: 300px;
	box-shadow: 3px 3px 15px rgba(0,0,0,0.5);
	margin-bottom: 30px;
	z-index: 100;
}

.loginNoticePop {
	width: 820px;
	height: 650px;
	top: 20px;
	left: 50%;
	margin-left: -360px;
	text-align: center;
}

.closePopButton {
	position: absolute;
	top: -12px;
	right: -12px;
	background-color: #fff;
	padding: 2px 2px 4px 4px;
	border-radius: 20px;
	font-size: 24px;
	color: #000;
	cursor: pointer;
	box-shadow: 3px 3px 15px rgba(0,0,0,0.5);
}

.adminCss .closeButton {
	background-image: var(--ct-adm-closeButton);
}

.closeButton {
	width: 18px;
	height: 18px;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));*/
	background-image: var(--ct-op-closeButton);
	float: right;
	margin: 0px;
	cursor: pointer;
    z-index: 9;
    position: relative;
}

.popWinContents {
	padding: 30px 20px;
}

.popWin .list {
	margin: 30px 10px 10px;
	border: thin #666 solid;
	height: 200px;
	overflow: auto;
	background-color: #fff;
}

.popWin .list li {
	padding: 4px 5px;
	word-break: normal;
	border-bottom: thin #666 dotted;
}


table.popForm {
	padding: 0 10px;
	margin: 5px auto;
	border-spacing : 0px 10px;
	border-collapse : separate ;	
}

table.popForm th {
	font-weight: 600;
	width: 110px;
	height: 16px;
	border-bottom: #999 thin dotted;
	margin-left: 20px;
	margin-right: 5px;
	color: #333;
	text-align: left;
	padding: 5px 10px;
    vertical-align: top;
}

table.popForm td {
	text-align: left;
	border-bottom: #999 thin dotted;
}

#addNumWin table.popForm td {
	text-align: left;
	border-bottom: none;
}

table.popForm input[type="text"], table.popForm input[type="password"] {
	padding: 1px;
	height: 18px;
	
}

table.dTable td {
	vertical-align: top;
}

ul.popFormType2 {
	width: 420px;
	margin: 0 auto;
}

ul.popFormType2 li {
	width: 420px;
	font-size: 0;
	padding: 8px 0;
	border-top: 1px dotted #333;
	text-align: center;
}

ul.popFormType2 li:last-child {
	border-bottom: 1px dotted #333;
}

ul.popFormType2 li div {
	display: inline-block;
	font-size: 12px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
}

ul.popFormType2 li .th {
	font-weight: 600;
	width: 130px;
}

ul.popFormType2 li .contProfBlock {
	width: 200px;
}

ul.popFormType2 li .edit {
	text-align: right;
	width: 60px;
}

ul.popFormType2 li .edit i {
	font-size: 10px;
}

ul.popFormType2 li div p {
	margin: 0;
}

ul.popFormType2 li div .editProfBlock {
	text-align: left;
	width: 260px;
}

ul.popFormType2 li div .editProfBlock input,
ul.popFormType2 li div .editProfBlock select {
	margin-bottom: 10px;
}

ul.popFormType2 li div .editProfBlock label {
	margin: 0px 10px 10px 0;
}

ul.popFormType2 li div .editProfBlock input[type="button"] {
	margin-top: 8px;
}

.centerButton {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 20px auto 0px;
}

.centerButton li {
	float: left;
}

.OPEditMust {
    color: red;
	display: none;
}

/* ↓リストテーブル（リスト用のテーブル形式）*/


.listData {
	width: 100%;
	max-width: 1100px;
	background-color: #fff;
	border: #aaa thin solid;
	height: 18px;
	text-align: center;
	margin: 0px;
}

.listData td {
	border: #aaa dotted 1px;
	padding: 5px;
	height: 23px;
}

.listData th {
	border: #aaa solid 1px;
	padding: 5px;
}

.listData td.fullInput {
	padding: 0px;
}

.listData td input[type="text"] {
	width: 92%;
	height: 100%;
	margin: 0px;
	padding: 0 5px;
	/*border: none;
	outline: 1px #ff0000 dashed;*/
}

.listData .titlePart {
	font-size: 14px;
	overflow: auto;
}

.listData .titlePart li {
	float: left;
}

.listData .titlePart li:last-child {
	float: right;
}

.adminCss .listData .titlePart i,
.adminCss .singleSet .title i {
	color: var(--ct-adm-btn-d);
}

.listData .titlePart i,
.singleSet .title i {
	vertical-align: middle;
	color: var(--ct-op-btn-d);
	margin: 0 20px;
}

/* ↓リストテーブル（リスト用のdiv形式） */

.adminCss .listPartTitle {
	color: var(--ct-adm-bg);
}

.listPartTitle {
	overflow: auto;
	margin: 0px auto;
	clear: both;
	text-align: left;
	color: var(--ct-op-bg);
	font-weight: 900;
}

.listPart {
	width: 100%;
	overflow: auto;
	/*border: #999 thin solid;
	background: #fff;*/
}

.listTitle {
	width: 100%;
	padding: 5px 0;
}

.listTitle .tit {
	float: left;
	font-size: 16px;
}

.listTitle .csvExp {
	float: right;
}

.listDetail {
	border-top: #333 thin solid;
	border-bottom: #333 thin solid;
	float: left;
	width: 100%;
}

.listDetail li {
	padding: 0px;
	text-align: center;
	float: left;
	border-bottom: #333 thin dotted;
	background-color: #fff;
	height: 25px;
	overflow: hidden;
}

.multiList li {
	border-bottom: #333 thin solid;
}

.listDetail ul {
	overflow: hidden;
}

.listDetail ul.th li {
	background-color: #fff;
	font-weight: 900;
	border-bottom: #333 thin solid;
	height: 40px;
}

.listDetail ul.th li.topHalf {
	border-bottom:none;
	height:20px;
	width:100%;
}

.listDetail ul.th li.bottomHalf {
	height:19px;
}

.listDetailBlock {
	float: left;
	/*border-right:1px solid #000;*/
}

.listDetail li.oneRow {
	height: 14px;
	border-bottom: none;
}

.listDetail li.doubleTel {
	background: url(../images/bg_doubleTel.png) repeat;
}

.pageDouble {
	background-color: #ffd3d3;
}

.listDetailBlockCtx {
	clear: both;
	overflow: auto;
	border-right:thin #333 solid;
}

.listDetailBlockCtx li {
	width: 100px;
}

.listDetail .listCel {
	border-right: thin #333 dotted;
	height: 100%;
	padding: 5px;
}

.listDetail .firstList {
	border-left:thin #333 solid !important;
}

.listDetail .lastList {
	border-right:thin #333 solid !important;
}

.listDetail .thCel {
	border-right:thin #333 solid;
	height:100%;
}

.listDetail .halfThCel {
	border-right:thin #333 solid;
	height:100%;
	padding:2px 5px;
}

.listDetail .buttonCel {
	border-right:thin #333 solid;
	height:100%;
	padding:2px 5px;
    white-space: nowrap;
}


/* ↓ページナンバーガイド */

#pageGuide {
	width: 100%;
	height: 22px;
    max-width: 1100px;
	clear: both;
}

#pageGuide li {
	font-size: 12px;
	display: inline-block; /* 横並び */
	margin: 0 5px;
}

#pageGuide li.active {
	color: var(--ct-op-link);
	cursor: pointer;
}

#pageGuide li.kugiri {
	width: 1px;
	height: 10px;
	padding: 0;
	margin: 0;
	border-right: #333 1px dotted;
}

#pageGuide #doubleNotice {
	background: url(../images/icon_notice.png) no-repeat left;
	color: #ec6206;
	padding: 1px 0 0 22px;
	margin-left: 100px;
}

#pageGuide li div {
	display: inline-table;
}

#pageGuide li div p,
#pageGuide li div select {
	display: inline-table;
}
#pageGuide li div select {
	margin: 0 4px;
}

#pageGuide li div.kensu {
	width: 175px;
}

#pageGuide .pageGuideFunc {
	display: table-cell;
    text-align: right;
}

/* ↓コンテンツテーブル */


.table1 {
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	table-layout: fixed;
	background-color: #fff;
}

.tablecontr {
	table-layout: auto !important;
}

.contracttbintable1 th {
	color: #fff;
	background-color: #4ab1b3;
    color: #fff;
    border: #fff solid 1px !important;
}

.contracttbintable1 td {
    text-align: right !important;
}

.table1 input.editForm {
	margin: 0px;
	height: 19px;
	padding: 2px 10px;
	border: none;
	width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.table1 label {
	margin-right: 10px;
	white-space: normal;
}

.onlyTitle th {
	border-bottom: none !important;
}

.borderLeft0:first-child {
	border-left: none !important;
}

.adminCss .table1_title {
	background-color: var(--ct-adm-bg);
}

.table1_title {
	clear: both;
	background-color: var(--ct-op-bg);
	color: #fff;
	text-align: center;
	height: 18px;
	padding: 3px 0;
	font-weight: 900;
}

.adminCss .table1 caption,
.adminCss .table1 .caption {
	background-color: var(--ct-adm-bg);
}

.table1 caption,
.table1 .caption {
	clear: both;
	background-color: var(--ct-op-bg);
	color: #fff;
	text-align: center;
	height: 18px;
	padding: 3px 0;
	font-weight: 900;
}

.table1 caption.sub,
.table1 .caption.sub {
	background-color: #fff;
	color: #333;
	border-left: #999 thin solid;
	border-right: #999 thin solid;
}

.table1 td.formTd {
	vertical-align: middle;
	border: #999 thin dotted;
	padding: 2px 0px;
	height: 30px;
}

.table1 th.cols2or1 {
	width: 20%;
}

.table1 td.cols2 {
	width: 30%;
}

.table1 td.cols1 {
	width: 80%;
}

.table1 th, .table1 td {
	border: #999 thin solid;
	padding: 2px 10px;
	height: 21px;
	text-align: left;
	vertical-align: middle;
    word-break: break-all;
}


.detailTh th {
	width: 100px;
}

.table1 td.buttonCel {
	width:40px;
	text-align: center;
	padding: 2px;
}

.table1 .checkCel td {
	border: none;
}

.table1 td input[type="text"] {
	width: 95%;
}

.table1 td input[type="text"].dateVal {
	width: 80px;
}

.checkBoxDiv {
	float:left;
	padding-right:10px;
	white-space: nowrap;
}

.nameMinWidth {
	min-width: 90px;
}


.checkBoxDiv input {
	vertical-align: middle;
}

input.dateVal {
	width: 80px;
}

input[type="text"].bigger {
	border: 0;
	padding: 5px 10px !important;
	color: #555;
	border: solid 1px #ccc;
}

input[type="text"].middle {
	border: 0;
	padding: 3px 7px !important;
	color: #333;
	border: solid 1px #ccc;
}
/* ↓コールページ */



/* .callResultList .crsultheight {
	max-height: 108px;
} */

.callResultList li {
    display: inline-table;
	width: 24%;
}

.callResultList li label {
	white-space: nowrap;
}

/*
.callResultList ul.per25 li {
	width: 25%;
}
*/

.callResult2List li {
	float: left;
	width: 49%;
	margin: 5px 0px;
}

.callResult2List li p.th {
	font-weight: 900;
	float: left;
	text-align: right;
	width: 40%;
	margin: 0px;
	padding-right: 5px;
}

.callResult2List li input {
	width: 50% !important;
}


/* ↓大きいエリアの横タブ */

.tabNavi {
	margin:0;
	overflow: auto;
}

.tabNavi li {
	float: left;
	padding: 10px 40px;
	font-size: 14px;
	color: #666;
	font-weight: 900;
	text-align: center;
	border-top: #ccc thin solid;
	border-right: #ccc thin solid;
	cursor: pointer;
}

.tabNavi li:first-child {
	border-left: #ccc thin solid;
}

.adminCss .tabNavi li:hover {
	color: var(--ct-adm-tabhover);
}

.tabNavi li:hover {
	color: var(--ct-op-tabhover);
}

.adminCss .tabNavi li.active {
	color: var(--ct-adm-btn-d);
}


.tabNavi li.active {
	color: var(--ct-op-btn-d);
	background-color: #fff;
	cursor: default;
}


/* ↓リスト追加ページ */

#csvErr {
	width: 90%;
    margin: 0 auto;
}

#listInfos {
	clear: both;
	max-width: 100%;
	width: 900px;
	background-color: #fff;
	border: thin #CCC solid;
	text-align: center;
	padding: 30px 0px;
}


#listInfos .infoList {
	
}

#listInfos .infoList ul {
	clear: both;
	margin-bottom: 20px;
	overflow: auto;
}

#listInfos .infoList li { 
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
	margin-right: 30px;
}

#listInfos .infoList li.th {
	font-weight: bold;
	margin-right: 5px;
	width: 90px;
	text-align: right;
}

#listInfos .infoList li input, #listInfos .infoList li select {
	width: 250px;
}

#listInfos #uploadFile, #listInfos #addFile {
	margin: 20px auto;
}

.listDataTh {
	clear: both;
	width: 990px;
	overflow: auto;
}

.listDataTh li .th {
}

.listDataTh li {
	background-color: #ddd;
	border-right: #666 thin solid;
	border-bottom: #666 thin solid;
	width: 109px;
	height: 18px;
	float: left;
	text-align: center;
	padding: 2px 0px;
	margin: 0px;
}

.listDataTh li:last-child {
	border-right: none;
}


/* ↓リスト追加ページエラーメッセージ*/

p.errorMsgs {
	background:url(../images/icon_error.png) no-repeat;
	padding-left: 25px;
	text-align: left;
	margin: 5px 0 -10px;
	color: #ec6206;
	display: none;
}

.popForm p.errorMsgs {
	margin: 5px 0 0;
}

p.noticeMsgs {
	background:url(../images/icon_notice.png) no-repeat 0px center;
	padding-left: 25px;
	text-align: left;
	margin: 0px;
	color: #ec6206;
	display: none;
}

p.noticeMsgsSoft {
	/*background:url(../images/icon_notice.png) no-repeat;*/
	padding-left: 25px;
	text-align: left;
	margin: 0px;
	color: #666;
	font-size: 12px;
	display: none;
}

p.availableMsgs {
	background:url(../images/icon_available.png) no-repeat;
	padding-left: 25px;
	text-align: left;
	margin: 0px;
	color: #245d4e;
	display: none;
}

.smallNotice {
	color: #777;
	font-size: 11px;
	margin: 0;
}


/* ↓各ページのメニュー */

.pageMenu {
	margin: 0px;
	margin-bottom: 10px;
	overflow: auto;
}

.pageMenu li {
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
	padding: 5px;
	margin: 0 4px;
}


/* ↓多項目ページに使うboard */


.boardPart {
	max-width: 100%;
	margin: 20px 0;
	border: thin solid #ccc;
	overflow: auto;
	background-color: #fff;
}

.boardPart .boardTop {
	padding: 0px 15px;
	clear: both;
	overflow: hidden;
	/* margin: 10px auto 8px; */
	/* padding-bottom: 3px; */
	cursor: pointer;
	/* background: linear-gradient(white, #e4eef9); */
}

.boardPart .boardTop .boardTitle {
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 10px 0;
	width: 350px;
}

.boardPart .boardTop .boardHidder {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 6px solid #666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	float: right;
	margin-top: 8px;
}

.settingPage .boardTop .boardHidder {
	margin: 18px 0px !important;
}

.boardPart .boardTop .hidded {
    border-bottom: none;
	border-top: 6px solid #666;
}

.adminCss .boardPart .boardBody {
	background-color: #bfe2e3;
	min-height: 400px;
	padding-bottom: 60px;
}


.boardPart .boardBody {
	padding: 10px 15px;
	overflow: auto;
	border-top: 1px #666 dotted;
	background-color: #d2e2f4;
}

.settingPage .boardBody {
	padding: 0px 15px;
}

.boardPart .boardBody .topButton {
	margin: 0px;
	margin-bottom: 20px;
	overflow: auto;
}



.boardPart .boardBody .topButton li {
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
	padding: 5px;
	margin: 0 4px;
}


.boardPart .boardBody .boardData {
	width: 100%;
	margin: 10px auto;
}

.boardPart .boardBody .boardData .singleSet {
	border: thin #aaa solid;
	overflow: auto;
	margin-bottom: 20px;
	background-color: #fff;
}


.boardPart .boardBody .boardData .singleSet ul {
	clear: both;
	overflow: auto;
}


.boardPart .boardBody .boardData .singleSet ul.title {
	border-bottom: #aaa thin solid;
}


.boardPart .boardBody .boardData .singleSet li {
	border-left: #d3fcc7 10px solid;
	border-right: #d3fcc7 10px solid;
	border-top: #d3fcc7 5px solid;
	border-bottom: #d3fcc7 5px solid;
	/*width: 15.2%;
	padding: 2px 5px;
	height: 20px;*/
	float: left;
	text-align: left;
	margin: 0px;
	overflow: hidden;
}

.boardPart .boardBody .boardData .singleSet li.th {
	width: 7%;
	font-weight: 900;
	text-align: center;
}

.boardPart .boardBody .boardData .singleSet .contentUl {
	border: #a5e692 1px solid;
	background-color: #fff;
}


.boardPart .boardBody .boardData .singleSet .contentUl li,
.boardPart .boardBody .boardData .singleSet .contentUl li.th {
	width: auto;
	padding: 3px 10px 3px 10px;
	border: #87cf72 1px dotted;
}

.boardPart .boardBody .boardData .singleSet .contentUl li.th {
}

.boardPart .boardBody .boardData .singleSet .contentUl li {
	padding: 3px 30px 3px 10px;
}

.boardPart .boardBody .boardData .singleSet li.title {
	font-size: 14px;
}

.boardPart .boardBody .boardData .singleSet li.dataController {
	float: right;
}


.boardPart .boardBody .boardData .singleSet li.title,
.boardPart .boardBody .boardData .singleSet li.dataController {
	width: auto;
    padding: 5px;
    border: none;
}


/* ↓リストタイプ2*/

.boardPart .boardBody .tab {
	border-bottom: 6px var(--ct-op-bg) solid;
	height: 35px;
	margin: 10px auto;
}

.boardPart .boardBody .tab ul {
	border-collapse: separate;
	border-spacing: 5px 0;
	display: table;
	width: 620px;
	margin-left: 10px;
}

.boardPart .boardBody .tab ul li {
	text-align: center;
	font-weight: 900;
	color: #fff;
	display: table-cell;
	background-color: #8cb7e4;
	height: 25px;
	padding: 5px 20px;
	margin-right: 10px;
	vertical-align: bottom;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;
	cursor: pointer;
}

.boardPart .boardBody .tab ul li.active {
	background-color: var(--ct-op-bg);
	color: #fff;
	cursor: default;
}

.boardPart .boardBody .boardFormTable {
	text-align: left;
	margin: 0px auto 10px;
}

.boardPart .boardBody .boardFormTable th,
.boardPart .boardBody .boardFormTable td {
	padding: 5px 4px;
	vertical-align: top;
}
.boardPart .boardBody .boardFormTable td {
	min-width: 200px;
}

.boardPart .boardBody .boardFormTable td select {
	min-width: 100px;
}


.listType2 {
	width: 900px;
	margin: 10px auto;
}

.listType2 .leftPart {
	float: left;
}

.listType2 .leftPart li {
	width: 150px;
	height: 30px;
	border: thin #666 dotted;
	padding: 25px 0;
	text-align: center;
	font-size: 16px;
}

.listType2 .leftPart li.now {
	border-right: none;
}

.listType2 .rightPart {
	float: left;
	width: 600px;
	height: 326px;
	border-top: #333 thin dotted;
	border-right: #333 thin dotted;
	border-bottom: #333 thin dotted;
}

.rightTb {
	margin: 10px auto;
	width: 500px;
	height: 300px;
	border: #666 thin solid;
	overflow: auto;
	float: left;
	margin-left: 30px;
}

.rightTb li {
	float: left;
	padding: 2px 5px;
	height: 20px;
	border-left: thin #666 dotted;
	border-right: thin #666 dotted;
	border-bottom: thin #666 dotted;
}

.rightTb .rightTh li {
	border: #666 thin solid;
	background-color: #ccc;
	text-align: center;
}

.rightTb li.inputLi {
	padding: 0px;
	border: 0px;
}

.rightTb input {
	margin: 0px;
	height: 19px;
	width: 420px;
	padding: 2px 10px;
	border: thin #666 dotted;
}

.rightUpDown {
	float: left;
	margin: 60px 0 0 20px;
}

.rightUpDown li {
	font-size: 16px;
	cursor: pointer;
	padding: 20px 0;
}

#slidenoticecntwhitepaper {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9;
}


/* ↓リストタイプ3*/
.boardPart .boardBody .extra1 {
	border-bottom: #666 dotted thin;
	padding: 30px 0;
}

.boardPart .boardBody .extra1 table {
	width: 95%;
	margin: 0 auto;
}

.boardPart .boardBody .extra1 table th,
.boardPart .boardBody .extra1 table td {
	line-height: 36px;
}

.boardPart .boardBody .extra1 table th,
.settingPage .boardBody .tr .th {
	width: 20%;
	margin: 0 auto;
	text-align: right;
	vertical-align: top;
}

.boardPart .boardBody .extra1 table td {
	text-align: left;
	padding-left: 20px;
}

.settingPage .boardBody .extra1 table td .cnt {

}

.settingPage .boardBody .extra1 table td .title p,
.settingPage .boardBody .extra1 table td .title span,
.settingPage .boardBody .extra1 table td .title input,
.settingPage .boardBody .extra1 table td .title div
 {
	display: inline-block;
	margin: 0;
}
.settingPage .boardBody .extra1 table td .title input[type="button"] {
	float: right;
    margin: 6px 0;
}

.settingPage .boardBody .extra1 table td .title p {
	border-left: 10px solid #ccc;
    line-height: 14px;
    margin: 11px 30px 11px 0;
    padding-left: 5px;
    font-weight: 600;
    color: #888;
}

.settingPage .boardBody .extra1 table td .title div {
	border-left: dotted 1px #aaa;
    line-height: 18px;
	margin: 9px 20px 9px 0px;
    padding-left: 20px;
}

.boardPart .boardBody .extra1 table ul li {
	border-bottom: thin #aaa dotted;
}

.boardPart .boardBody .extra1 table ul li:last-child {
	border-bottom: none;
}

.settingPage .boardBody .tr {
	width: 95%;
    margin: 10px auto;
}

.settingPage .boardBody .tr div {
	display: inline-block;
}
.settingPage .boardBody .tr .th {
	font-weight: 600;
}

.settingPage .boardBody .td .cnt {
	margin-left: 20px;
	width: calc(78% - 20px);
}


/* ↓顧客データ検索 */

#searchCond {
	margin: 10px 0;
}

#searchCond li {
	display: inline-table;
	margin: 0px 10px;
}

#usergroupsetbg {
	background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

#addeditusergroups {
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -300px;
	width: 600px !important;
	z-index: 99;
}

#addeditusergroups .closeaddeditop {
    top: -40px;
    right: -20px;
}

#addeditusergroups th {
	padding: 5px 20px;
	border: none;
	border-bottom: #aaa dotted 1px;
}
#addeditusergroups td {
	padding: 10px 20px;
	border: none;
}

#addeditusergroups .checkBoxDiv {
	min-width: 100px;
    text-align: left;
}

.editUGUsersBlock {
	text-align: left;
}

/* #addeditusergroups .boardPart .boardBody .boardData .singleSet ul.title {
	border: none;
} */


#addeditoperation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(0,0,0,.8);
}

#addeditoperationcontent {
	width: 1000px !important;
	width: 80%;
	margin: 120px auto 40px;
}

.closeaddeditop {
	position: absolute;
	top: 60px;
	right: 10%;
	font-size: 36px;
	color: #fff;
	cursor: pointer;
}

#searchCond li .active {
    -webkit-box-shadow: inset 0 2px 0 #fdd37d,0 0px 0 rgba(0,0,0,.08);
    box-shadow: inset 0 2px 0 #fdd37d,0 0px 0 rgba(0,0,0,.08);
    background: #fee4ae;
	border: #d09c46 thin solid;
}


/* ↓コールページ*/


.callMenu {
	overflow: auto;
	margin: 9px 0 5px;
}

.callMenu ul {
	white-space: nowrap;
	overflow: hidden;
}

.callMenu li {
    display: inline-block;
    height: 42px;
	vertical-align: bottom;
}

.threeway li {
	height: 36px;
}

.callMenu .call_button {
	cursor: pointer;
	display: table-cell;
	padding: 5px;
	min-width: 80px;
	height: 35px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	
	
	/* BORDER RADIUS */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	
	/* BOX SHADOW */
	-moz-box-shadow: 0 2px 2px #999;
	-webkit-box-shadow: 1px 2px 2px #999;
	box-shadow: 1px 2px 2px #999;
}
 
/* WHILE BEING CLICKED */
.callMenu .call_button:active, .callMenu .call_button .active {
	-moz-box-shadow: 0 1px 1px #999;
	-webkit-box-shadow: 0 1px 1px #999;
}

.callMenu .call_button[disabled], .callMenu .call_button[disabled]:hover, .callMenu .call_button[disabled]:active{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	/* BACKGROUND GRADIENTS */
	background: -moz-linear-gradient(top, #ddd, #ccc 50%, #bbb 51%, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(.5, #ccc), color-stop(.5, #bbb), to(#ddd)); 
	/* BORDER RADIUS */
	border: 1px solid #aaa;
	border-top: 1px solid #fff;	
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px #aaa;
	cursor: default;
	margin-top: 3px;
}

.callMenu .call_button .text {
	vertical-align: middle;
}

#threeWayWin .call_button {
	font-size: 12px;
	height: 30px;
	line-height: 12px;
	min-width: 60px;
}

#threeWayWin .call_button i {
	font-size: 12px !important;
}


.callMenu i {
	color: rgba(255,255,255,0.5);
	text-shadow: none;
	vertical-align: middle;
	font-weight: 100;
	font-size: 16px;
}

.callMenu .lightblue {
	/* BACKGROUND GRADIENTS */
	background: -moz-linear-gradient(top, #65c6f8, #26b5fc 50%, #00a1f2 51%, #26b5fc);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65c6f8), color-stop(.5, #26b5fc), color-stop(.5, #00a1f2), to(#26b5fc)); 
	/* BORDER RADIUS */
	border: 1px solid #65c6f8;
	border-top: 1px solid #fff;	
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px #0284c4;
}


/* WHILE HOVERED */
.callMenu .lightblue:hover {
	background: #fff;
	background: -moz-linear-gradient(top, #7ecff7, #3fbdfc 50%, #18aaf2 51%, #3fbdfc);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7ecff7), color-stop(.5, #3fbdfc), color-stop(.51, #18aaf2), to(#3fbdfc));
}

.callMenu .orange {
	/* BACKGROUND GRADIENTS */
	background: -moz-linear-gradient(top, #f8c765, #fdac25 50%, #f39800 51%, #fdac25);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8c765), color-stop(.5, #fdac25), color-stop(.5, #f39800), to(#fdac25)); 
	/* BORDER RADIUS */
	border: 1px solid #fbe3b1;
	border-top: 1px solid #fff;	
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px #c47a02;
}


/* WHILE HOVERED */
.callMenu .orange:hover {
	background: #fff;
	background: -moz-linear-gradient(top, #f7cf7e, #fcb43f 50%, #f2a218 51%, #fcb43f);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7cf7e), color-stop(.5, #fcb43f), color-stop(.51, #f2a218), to(#fcb43f));
}

.callMenu .blue {
	/* BACKGROUND GRADIENTS */
	background: -moz-linear-gradient(top, #92c6ff, #62acfc 50%, #4599f2 51%, #62acfc);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #92c6ff), color-stop(.5, #62acfc), color-stop(.5, #4599f2), to(#62acfc)); 
	/* BORDER RADIUS */
	border: 1px solid #b6d9ff;
	border-top: 1px solid #fff;	
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px #236ab6;
}


/* WHILE HOVERED */
.callMenu .blue:hover {
	background: #fff;
	background: -moz-linear-gradient(top, #f7cf7e, #fcb43f 50%, #f2a218 51%, #fcb43f);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #abd4ff), color-stop(.5, #7cbafc), color-stop(.51, #5ea6f2), to(#7cbafc));
}

.callMenu .help {
	width: 60px;
    font-size: 12px;
    line-height: 12px;
    padding: 0px;
    min-width: initial;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1ee686), color-stop(.5, #1dcd68), color-stop(.5, #1dcd68), to(#29e378));
    border: 1px solid #b5ffd3;
    border-top: 1px solid #fff;
    text-shadow: 1px 1px 1px #22b54c;
}

.callMenu .dialpad {
	width: 45px;
    font-size: 12px;
    line-height: 12px;
    padding: 0px;
    min-width: initial;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1ee686), color-stop(.5, #1dcd68), color-stop(.5, #1dcd68), to(#29e378));
    border: 1px solid #b5ffd3;
    border-top: 1px solid #fff;
    text-shadow: 1px 1px 1px #22b54c; */
}






.callMenu #acButtonStyle {
	cursor: pointer;
	display: table-cell;
	padding: 5px;
	width: 120px;
	height: 35px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	
	
	/* BORDER RADIUS */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.callMenu .acButtonOff {	
	/* BOX SHADOW */
	-moz-box-shadow: 0 2px 2px #999;
	-webkit-box-shadow: 1px 2px 2px #999;
	box-shadow: 1px 2px 2px #999;
	
	/* BACKGROUND GRADIENTS */
	background: -moz-linear-gradient(top, var(--ct-op-bg), #3770ae 50%, #487eb7 51%, #568ac3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--ct-op-bg)), color-stop(.5, #3770ae), color-stop(.5, #487eb7), to(#568ac3)); 
	/* BORDER RADIUS */
	border: 1px solid #b6d9ff;
	border-top: 1px solid #fff;	
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px #236ab6;
}


.callMenu .helpActive,
.callMenu .acButtonOn {
	margin-top: 3px;
	/* BOX SHADOW */
	-moz-box-shadow: -1px 0px 1px #999;
	-webkit-box-shadow: -1px 0px 1px #999;
	box-shadow: -1px 0px 1px 1px #999;
	
	/* BACKGROUND GRADIENTS */
	background: -moz-linear-gradient(top, #c2503a, #b5432d 50%, #c2503a 51%, #cc5e49);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c2503a), color-stop(.5, #b5432d), color-stop(.5, #c2503a), to(#cc5e49)); 
	/* BORDER RADIUS */
	border: 1px solid #ffb6b6;
	border-top: 1px solid #fff;	
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px #b5432d;
}

.callMenu .dBlue {
	/* BACKGROUND GRADIENTS */
	background: -moz-linear-gradient(top, var(--ct-op-bg), #3770ae 50%, #487eb7 51%, #568ac3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--ct-op-bg)), color-stop(.5, #3770ae), color-stop(.5, #487eb7), to(#568ac3)); 
	/* BORDER RADIUS */
	border: 1px solid #b6d9ff;
	border-top: 1px solid #fff;	
	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px #236ab6;
}


/* WHILE HOVERED */
.callMenu .dBlue:hover {
	background: #fff;
	background: -moz-linear-gradient(top, #6395ca, #457dba 50%, #5488c0 51%, #699acf);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6395ca), color-stop(.5, #457dba), color-stop(.51, #5488c0), to(#699acf));
}

.callingStatus {
	border: 1px solid #f39800;
	background: #fff;
	vertical-align: top;
	text-align: left;
	table-layout: fixed;
}

.callingStatus th {
	width: 60px;
	background-color: #f2c679;
}

/*
.callingStatus td {
	width: 110px;
}
*/

.callingStatus td span {
	vertical-align: middle;
	font-size: 12px;
	margin-right: 3px;
	color: #3C6;
}

.callingStatus td span#todayCalled,
.callingStatus td span#todayTalked {
	color: #333;
	margin: 0 2px;
}


.callingStatus td .color-red {
	color: red;
}
.callingStatus td .color-green {
	color: green;
}

.callingStatus th, .callingStatus td {
	padding: 2px 5px;
	border-right: #f39800 1px solid;
	table-layout: fixed;
	height: 20px;
}

#telNoMemo {
    position: absolute;
    top: -20px;
    left: 5px;
    width: auto;
    height: 15px;
	white-space: nowrap;
}

#telNoMemo,
#TPTelNoMemo {
    position: absolute;
    top: -20px;
    left: 5px;
    width: auto;
    height: 15px;
	white-space: nowrap;
}

#telNoMemo,
.telmemo,
#TPTelNoMemo,
.withSubtit li:first-child div {
    background-color: #999;
    padding: 1px 5px;
    color: #fff;
    font-size: 10px;
}

.telCelMemo {
	display: inline-block;
    background-color: #999;
    padding: 1px 5px;
    color: #fff;
    font-size: 10px;
    width: auto;
    height: 15px;
    white-space: nowrap;
    margin-left: 10px;
}

.withoutSubtit li:first-child {
    display: none !important;
}

.search-search-form {
	margin-top: 6px;
}

.selected-box {
	cursor: default;
	padding: 3px 10px;
    background-color: #fff;
	border: thin solid #999;
	font-weight: 100;
}

.selected-box .upicon,
.selected-box .downicon {
	color: #ccc;
	float: right;
}

.selected-box .upicon {
	display: none;
}

.select-search {
	padding: 8px 10px 2px;
}

.select-form {
	display: none;
	background-color: #fff;
	border: thin solid #999;
	border-top: none;
}

.select-search input[type="text"] {
	width: calc(100% - 20px);
}

.select-option-list {
	max-height: 200px;
    overflow-y: scroll;
}

.select-option-list::-webkit-scrollbar{
	width: 10px;
 }
 .select-option-list::-webkit-scrollbar-track{
	background-color: #fff;
 }
 .select-option-list::-webkit-scrollbar-thumb{
	background-color: #ccc;
 }

.select-option-list ul {
	margin: 7px 0;
}

.select-option-list ul:hover {
   background-color: #eee;
}

.withoutSubtit ul {
	margin: 0px !important;
	padding: 7px 0 !important;
}

.select-option-list li {
	height: 20px;
    padding: 0px 10px 2px;
	cursor: default;
	font-weight: 100;
}

.select-option-list li:first-child {
	display: block;
	padding-bottom: 0px;
}

.select-option-list li:first-child div {
	float: left
}


.historyList {
	background: #fff;
	overflow-y: scroll;
	border-left: #999 thin solid;
	border-bottom: #999 thin solid !important;
}

.historyMemo li {
	display: table-cell;
}

/*↓設定属性コンテンツ*/
#PContentsEditTD {
	width: 100%;
	overflow: auto;
}

#PContentsEditTD li {
	float: left;
	margin: 3px 0;
}

#PContentsEditTD li label {
	margin-right: 20px;
}

#PContentsEditTD li label input {
	float: left;
}

#PContentsEditTD li label input[type="text"] {
	width: 170px;
}

#PContentsEditTD li label input[type="radio"],
#PContentsEditTD li label input[type="checkbox"] {
	margin: 5px 5px 0 0;
}

.callHistory {
	clear: both;
}

.callHistory td {
	border:#999 thin solid;
}

#textHistory {
	width: 100%;
    /* height: 170px; */
	overflow: auto;
}



/* -- ▼ 設定ページ ▼ -- */

.for2HalfBlock {
	width: 730px;
	margin: 0px auto;
	padding: 10px 0;
	overflow: auto;
    border-top: thin dotted #999999;
}

.halfSubBlock {
	float: left;
	width: 350px;
}

.halfSubBlock .titlePart {
	font-size: 14px;
	padding: 5px;
	margin: 10px 0;
	width: 340px;
	background-color: #dfdfdf;
}

.halfSubBlock li {
	margin: 5px 0;
}

.inputColorGray span {
	color: #999;
}
.historyList {
	height: 120px;
}

/* -- ▲ 設定ページ ▲ -- */


/* -- ▼ オペレータ状況 ▼ -- */

.operatorNameTd {
	color: #999;
}

.operatorNameTd span {
	vertical-align: middle;
	margin-left: 5px;
}

.onWorkingClass, .onlineClass {
	color: #333;
}

.onlineClass span {
	color: #3C6 !important;
}

.onWorkingClass span {
	color: #FC0 !important;
}

.dialingDiv {
	color: #99cc33;
}

.talkingDiv {
	color: #51b33f;
}

.workingDiv {
	color: #2583a5;
}

.waitingDiv {
	color: #fc5555;
}

.restDiv p,
.awayDiv p {
	color: #f5ab21;
}

.connectstat p,
.dialingDiv p, 
.talkingDiv p,
.workingDiv p,
.waitingDiv p,
.restDiv p,
.awayDiv p {
	width: 40%;
	float: left;
	border-right: dotted thin #333;
	margin: 0px;

}
.connectstat p {
	width: 65%;
}

.restawaytime p {
	margin: 0;
	font-size: 11px;
}

.dialingDiv p.time, 
.talkingDiv p.time,
.workingDiv p.time,
.waitingDiv p.time,
.restDiv p.time,
.awayDiv p.time {
	border-right: none;
    width: 58%;
}

.connectstat p.time {
	border-right: none;
	width: 33%;
}

/* -- ▲ オペレータ状況 ▲ -- */

input.txtNoStyle {
	border: none;
	background-color: rgba(255, 255, 255, 0);
}

.dataList {
	background-color: #fff;
    padding: 10px 30px;
    width: 1030px;
}

.dataList ul {
	border-bottom: dotted 1px #ccc;
}

.dataList li {
	display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #333;
}

.dataList li:nth-child(1n) {
	width: 280px;
}

.dataList li:nth-child(2n) {
	width: 150px;
	margin-right: 40px;
    padding: 0 30px 0 10px;
    border-right: dotted 1px #ccc;
}

.dataList li:nth-child(4) {
	margin-right: 0;
}

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

.listpopmsg .txt {
	position: absolute;
	width: 400px;
    margin-left: -150px;
    top: 35%;
    left: 50%;
    background-color: #fff;
    padding: 30px;
    text-align: center;
    line-height: 40px;
    border: 3px #ccc solid;
}

.lightNotice {
	background-color: #efefef;
	font-size: 11px;
	padding: 5px 20px !important;
	line-height: 11px;
	color: #777;
}

.handPhone {
	background-color: #fff;
    border: #999 thin solid;
	width: 430px;
    padding: 10px;
	display: table-cell;
    vertical-align: top;
}

.handPhone .phone {
	margin-top: 15px;
	width: 100%;
	text-align: center;
}

.handPhone .phone input[type="text"] {
	width: 320px;
    height: 16px;
    font-size: 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    padding: 5px 10px;
    color: #666;
    border: solid 1px #ccc;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.handPhone .phone .dialpad {
	width: 186px;
    margin: 0 auto 20px;
}

.handPhone .phone .dialpad input[type="button"] {
	width: 50px;
    height: 30px;
    margin: 5px;
}

.handCallHistory {
	width: 500px;
	height: 650px;
    margin-left: 20px;
    background-color: #fff;
	border: #999 thin solid;
	display: table-cell;
}

.handCallHistory .tit {
	background-color: var(--ct-op-bg);
    color: #fff;
    text-align: center;
    height: 18px;
    padding: 3px 0;
    font-weight: 900;
}

.handCallHistory #handCallHis {
	height: 585px;
    overflow: auto;
}

.handCallHistory #handCallHis ul,
.handCallHistory .searchdiv ul {
	border-bottom: 1px dotted #333;
}

.handCallHistory #handCallHis ul.onecall,
.handCallHistory .searchdiv ul.onecall {
	padding: 10px 0;	
}

.handCallHistory #handCallHis ul.onecall li,
.handCallHistory .searchdiv ul.onecall li {
	display: inline-table;
    padding: 0 10px;
    border: none;
    width: 140px;
    font-size: 12px;
	vertical-align: middle;
}

.handCallHistory #handCallHis ul.onecall li.time,
.handCallHistory .searchdiv ul.onecall li.time {
	width: 150px;
    padding: 0 5px 0 15px;
    color: #999;
    font-weight: 600;
    font-size: 10px;
}

.handCallHistory #handCallHis ul.onecall li.detail,
.handCallHistory .searchdiv ul.onecall li.detail {
	padding: 0;
    width: auto;
}

.handCallHistory #handCallHis #loadMoreHandCall {
	text-align: center;
	padding: 10px 0;
	color: #999;
}

.handCallHistory #handCallHis #loadedAllHandCall {
	text-align: center;
	color: #999;
}

.inboundPhone {
	position: absolute;
	top: -200px;
	right: 0;
	z-index: 1000000;
	width: 250px;
	height: 80px;
	padding: 20px 20px 40px 20px;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow:0px 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.phoneBtn {
	width: 100px;
	color: #fff;
	background-color: var(--ct-op-btn-d);
	text-align: center;
	border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	padding: 5px 0;
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	margin: 0 10px;
}

.inPhoneArea {
	position: absolute;
	bottom: 40px;
	width: 250px;
	height: 60px;
	text-align: center;
}

.inboundPhone .close {
	position: absolute;
	left: 50%;
	bottom: 5px;
	width: 100px;
	text-align: center;
	margin-left: -50px;
	color: #999;
	cursor: pointer;
}

#txtCallStatus_answer {
	height: 28px;
	font-size: 14px;
}



.index_body {
	background-image: url(../images/login_background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login_box {
	background: url(../images/login_box_light.png) no-repeat top right;
	width: 540px;
	height: 380px;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-top: -200px;
	margin-left: -270px;
	background-color: rgba(255,255,255,0.2);
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
}

.login_logo {
	background-image: url(../images/login_logo.png);
	background-repeat: no-repeat;
	width: 255px;
	height: 65px;
	margin: 20px 0 0 68px;
}

#login_area {
	border: #d3d8dd 3px solid;
	background-color: #fff;
	width: 360px;
	height: 110px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	margin: 10px auto;
    padding: 40px 28px;
}

#login_area p {
	float: left;
	width: 230px;
}

#login_area p.th {
	font-weight: 900;
	width: 115px;
	padding-top: 2px;
}

#login_area input[type="text"], #login_area input[type="password"], .mainInputText {
	border: 0;
	padding: 5px 5px;
	color: #aaa;
	border: solid 1px #ccc;
	width: 215px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333;
    opacity: 0.6; /* Firefox */
}

.login_box input[type="submit"] {
	cursor: pointer;
	display: block;
	width: 150px;
	height: 29px;
	border: none;
	text-indent: -9999px;
	background-image: url(../images/login_bottun.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 20px auto 0px;
}

.login_box .button_shadow {
	width: 150px;
	height: 26px;
	margin: 2px auto;
	background: url(../images/login_bottun_shadow.png) no-repeat;
}

.loginDescript {
    position: absolute;
    top: 45%;
    width: 650px;
    left: 50%;
    margin-left: -350px;
    background: #fff;
    padding: 30px 50px;
    opacity: 0.65;
    border-radius: 5px;
    box-shadow: 5px 5px 5px;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
}

.loginDescript .tit {
	margin: -10px 0 12px 0px;
	font-weight: bold;
}

.notice_icon {
	background-image: url(../images/notice_yellow.png);
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: 0px -2px;
	padding-left: 30px;
}

.contProfBlock {
	position: relative;
}

.trloading {
	background-color: #f4f4f4;
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
}

#awayrestDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 10000000;
	display: none;
	text-align: center;
}

#awayrestDiv .outdiv {
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 300px;
	background-color: rgba(255,255,255,0.7);
}

#awayrestDiv .outdiv div {
	background-color: #fff;
	width: 360px;
	height: 180px;
	margin: 10px auto;
	padding: 50px 10px;
}

#awayrestDiv .outdiv div p:nth-child(1) {
	color: #cc2e2e;
	font-size: 18px;
	margin: 0px;
}

#awayrestDiv .outdiv div p:nth-child(2) {
	margin-top: 0px;
	margin-bottom: 35px;
	color: #cc2e2e;
	font-size: 14px;
	height: 36px;
}

#awayrestDiv .outdiv div form p {
	margin-bottom: 30px;
	font-size: 14px !important;
	color: #333 !important;
}

#awayrestDiv .outdiv div form p:nth-child(2) {
	margin-bottom: 10px;
}

.datetextarea {
	width: 85px;
	height: 14px;
	resize: none;
	overflow: hidden;
	vertical-align: middle;
	line-height: 1 !important;
}

.datetextareajp {
	width: 95px;
}

.doInput {
	width: 95px;
	height: 14px;
	resize: none;
	overflow: hidden;
	vertical-align: middle;
}

#editContents label {
	display: inline-table;
}

.CRDetailPRes {
	background-color: #f3fdff;
}

.CRDetailPRes caption {
	background-color: #74c1dc;
}

#propertyResEditForm th, .CRDetailPRes th {
	background-color:  #dffcfc;
}

.edittr, .edittrNewHis_his {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}

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

#newhistorypop {
	position: fixed;
	top: 150px;
	right: -1100px;
	width: 1100px;
	height: 900px;
	z-index: 100000;
}

.adminCss #newhistorypop .handle {
	background: var(--ct-adm-btn);
    border-color: var(--ct-adm-btn-d);
}

#newhistorypop .handle {
	position: absolute;
    top: 0px;
    left: -20px;
    width: 21px;
    background-color: #fff;
    border: #666 thin solid;
    border-right: none;
    border-bottom-left-radius: 5px;
    z-index: 9;
    text-align: center;
    background: var(--ct-op-btn);
    border-color: var(--ct-op-btn-d);
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 var(--ct-op-btn-sh), 0 1px 0 rgba(0,0,0,.15);
    padding: 10px 0px;
}

#newhistorypop .mainwindow {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1099px;
	min-height: 200px;
	/* height: 2500px; */
	background-color: #fff;
	border: #999 thin solid;
	border-right: none;
}

.headsearch {
	display: table-cell;
	padding: 10px 20px;
	vertical-align: middle;
}

/* #addhistory {
	position: absolute;
	top: -10px;
	right: 0px;
} */

.divcover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	display: none;
	z-index: 9;
}

.ShowRCDateNewHis {
	width: 80px !important;
}

.titletypetext {
    padding: 2px 5px;
    background-color: #8db9ca;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
    vertical-align: middle;
}

.searchedoptitle:first-child {
    margin-top: 0px;
}

.searchedoptitle {
	font-size: 16px;
    padding: 5px 0;
    border-bottom: 1px dotted #999;
    margin-top: 50px;
}

.searchedlisttitle {
	font-size: 14px;
}

.searchedlisttitle .titletypetext {
    background-color: #8dc1ca;
}

ul.lifloatleft li {
	float: left;
}

.usingNo ul {
	padding: 10px 0;
}

.usingNo ul li {
	float: left;
}

.usingNo ul li.th {
	font-weight: bold;
    width: 20%;
    text-align: left;
}

.usingNo ul li.phonecel {
	width: 46%;
	min-width: 200px;
    text-align: left;
}

#editOpName {
	padding: 5px 0px;
	margin-right: 10px;
	font-weight: normal;
	font-size: 16px;
}

.boardTitle input[type="text"] {
	font-size: 14px;
	width: 320px;
	padding: 3px 10px;
}

#addOPButton {
	width: 80%;
    text-align: center;
    margin: 0 auto;
}

#editopnav {
	position: absolute;
    right: 20px;
    bottom: 0px;
}

#editopnav .editopnavtag {
	display: inline-table;
    background-color: #fff;
    padding: 6px 30px 2px;
    font-size: 14px;
    border-top-left-radius: 6px;
	color: var(--ct-adm-btn-d);
	border: thin solid #ccc;
	border-bottom: none;
	cursor: pointer;
}

#editopnav .active {
	background-color: #bfe2e3;
	cursor: auto;
}

.apidata {
	color: #999;
	display: block;
}

.inlinetype {
	display: inline-block;
}

#OPNoticeEditTag th {
	width: 140px;
    border: thin dotted #aaa;
    padding: 12px 20px;
    text-align: left;
}

#OPNoticeEditTag td {
	padding: 10px 20px;
	text-align: left;
	word-break: break-all;
}

#OPNoticeEditTag td.titletd {
	padding: 5px;
}

#OPNoticeEditTag td .form,
#OPNoticeEditTag td .apiform {
	display: none;
}

#OPNoticeEditTag td .apiEditButton,
#OPNoticeEditTag td .apiSaveButtons {
	display: inline-block;
}

.lineOfficialInfo div {
	display: table-cell;
    vertical-align: top;
}

#lineUserSearchPop {
    position: absolute;
	display: none;
    /* top: 0;
    left: 0; */
    width: 240px;
    background-color: #fff;
    padding: 2px;
    z-index: 999;
    border: thin solid #666;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 15%);
}

#lineUserSearchPop ul {

}

#lineUserSearchPop ul li {
    width: 232px;
    height: 30px;
    border-bottom: thin dotted #999;
    padding: 4px;
    display: table;
    vertical-align: middle;
}

#lineUserSearchPop ul li.nouser {
    text-align: center;
    font-style: italic;
    font-family: serif;
}

#lineUserSearchPop ul.allhitlineusers li {
    cursor: pointer;
}

#lineUserSearchPop ul.allhitlineusers li:hover {
	background-color: rgb(253, 225, 142);
}

#lineUserSearchPop ul li img {
    width: 30px;
    vertical-align: middle;
}

#lineUserSearchPop ul li span {
	margin-left: 10px;
}

/* .chatworkroomlist {
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: dotted 1px #aaa;
} */

.apidiscripttd div {
	display: table-cell;
}

.qrcode {
	width: 150px;
}

.qrcode img {
	width: 150px;
}

.apidiscript {
    vertical-align: top;
    padding: 20px;
    width: 400px;
}

#bgChatworkLineRoomCheck {
	display: none;
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.2;
    z-index: 100510;
}

.chatworkroomlist li,
.lineroomlist li {
	min-width: 240px;
	border: none !important;
    margin-right: 10px !important;
    margin-bottom: 5px !important;
    /* border-right: dotted 1px #bbb !important; */
}

#chatworkRoomCheck th,
#lineRoomCheck th,
#chatworkRoomCheck td,
#lineRoomCheck td,
#chatworkRoomCheckNewHis th,
#lineRoomCheckNewHis th,
#chatworkRoomCheckNewHis td,
#lineRoomCheckNewHis td {
	border-bottom: none !important;
}

.checkchatworkroombox,
.checklineroombox {
	display: inline-block;
	background-color: #fff;
	margin: 3px 2px;
}

.chatworkroomlist li div,
.lineroomlist li div,
.checkchatworkroombox div,
.checklineroombox div {
	display: inline-block;
}

.onechatworkroomlist,
.onelineroomlist,
.chatworkroomlist .deletedonetyperoom,
.lineroomlist .deletedonetyperoom {
    text-align: left;
	padding: 4px 10px 4px;
    border: thin dotted #999;
}

.namediv {
	min-width: 70px;
	display: inline-block;
    text-align: left;
	padding: 4px 10px 4px;
    border: thin dotted #999;
	margin: 5px;
}

.chatworkroomlist .deletedonetyperoom,
.lineroomlist .deletedonetyperoom {
	display: none;
}


.onechatworkroomlist .onechatworkroomdeletebutton,
.onelineroomlist .onelineroomdeletebutton {
	width: 15px;
    text-align: right;
	cursor: pointer;
}

.onechatworkroomlist .chatworkroomtxt,
.onelineroomlist .lineroomtxt {
    background-color: #aaa;
    padding: 1px 5px;
    color: #fff;
    font-size: 10px;
	margin-left: 4px;
	width: 100px;
}

.noticeTab {
	max-width: none;
	width: 100%;
	margin: 0px auto 20px;
	display: table;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: thin dotted #aaa;
}

.noticeTab td {
	border: none !important;
	text-align: center !important;
}

.zoiperSrchOut {
	position: relative;
	background-color: #fff;
	padding: 10px 20px;
	border: thin #aaa solid;
	text-align: center;
	margin-bottom: 30px;
}

.zoiperSrch {
	width: 800px;
}

.zoiperSrch td {
	padding: 8px 5px;
	text-align: left;
	vertical-align: top;
}

.zoiperSrch td span.th {
	/* font-weight: 600; */
	font-size: 14px;
}

.zoiperSrch td div,
.zoiperSrch td select {
	display: inline-block;
}

.leftTopUser p {
	opacity: 0.65;
    margin: 0px;
    font-size: 11px;
}

.icon-incomingcall {
	vertical-align: middle;
	color: #3be411;
	font-size: 18px;
	display: revert;
}

.icon-outgoingcall {
	vertical-align: middle;
	color: #00b4d2;
	font-size: 18px;
	display: revert;
}

.graycover {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
	opacity: 0.3;
	z-index: 9;
}

.scriptkeepmemo {
	position: fixed;
    left: 10px;
    bottom: 0px;
    z-index: 9999990;
    font-size: 0;
}

.scriptkeepmemo .tag {
	display: inline;
    padding: 1px 10px;
    background-color: #fff;
    word-spacing: -1;
    border-top-right-radius: 5px;
    border: 1px solid #999;
    font-size: 11px;
	box-shadow: 0 0px 2px 0 rgba(0, 0, 0, .2);
	cursor: pointer;
}

.scriptkeepmemo .deactive {
	background-color: #bbb;
}

#scriptEditTag textarea,
#scriptEditTag .scripttext {
	width: calc(100% - 120px);
    height: 300px;
	margin: 10px;
	word-break: break-word;
}

#scriptEditTag .scripttext {
	height: auto;
    margin: 10px auto 30px;
    text-align: left;
}

.switchonoff {
	position: relative;
    color: #fff;
    border-radius: 11px;
    width: 65px;
	height: 24px;
	cursor: pointer;
}

.switchoff {
    background: linear-gradient(#888, #aaa);
}

.switchon {
    background: linear-gradient(-135deg, var(--ct-adm-btn), var(--ct-adm-btn-d));
}

.switchonoff .txt {
	position: absolute;
    top: 2px;
	left: 10px;
	width: 30px;
    text-align: center;
}

.switchonoff .switch {
	position: absolute;
    top: 2px;
    left: 43px;
    width: 20px;
    height: 20px;
    background: radial-gradient(#fff, #eee);
    border-radius: 10px;
}

.switchsmallfont {
	font-size: 12px;
    line-height: 20px;
}

#scriptsScriptList,
#scriptsOPList,
#noScrriptOPList {
	position: fixed;
    min-width: 200px;
    height: auto;
    left: 0;
    bottom: 18px;
    z-index: 9991001;
    background-color: #fff;
    padding: 10px 0px;
    border: thin solid #aaa;
}

#scriptsScriptList {
    z-index: 9991010;
    bottom: 188px;
    padding: 10px 0px 28px;
}

#scriptsScriptList .tit,
#scriptsOPList .tit {
	position: absolute;
    top: -19px;
    right: -1px;
    background-color: #eee;
    height: 16px;
    padding: 1px 20px;
    border: thin solid #aaa;
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
	font-size: 11px;
	cursor: pointer;
}

#scriptsScriptList .tit span,
#scriptsOPList .tit span {
	padding: 0 0 0 10px;
}

#scriptsOPList .list {
	width: calc(100% - 2px);
	height: 100%;
	overflow-y: auto;
}

.my_scroll::-webkit-scrollbar{ 
    width: 4px;
}
.my_scroll::-webkit-scrollbar-thumb{ 
    background: #ccc;
}
.my_scroll::-webkit-scrollbar-track-piece:start{
    background: #fff;
}
.my_scroll::-webkit-scrollbar-track-piece:end{
    background: #fff;
}

#scriptsScriptList ul,
#scriptsOPList ul {

}

#scriptsScriptList ul li,
#scriptsOPList ul li {
	padding: 8px 15px;
    cursor: pointer;
}

#scriptsScriptList ul li:hover,
#scriptsOPList ul li:hover {
	background-color: #eee;
}

.scriptpaper {
	position: fixed !important;
    top: 100px;
    left: 20px;
    z-index: 9991020;
	width: 350px;
	height: 400px;
    background-color: #fff;
	padding: 10px 15px 15px;
    border: thin #aaa solid;
	box-shadow: 1px 2px 4px #999;
	-moz-box-shadow: 1px 2px 4px #999;
	-webkit-box-shadow: 1px 2px 4px #999;
}

.scriptpaper .title {
	font-size: 15px;
    padding: 10px 0 5px;
    border-bottom: thin dotted #aaa;
    margin-bottom: 15px;
}

.scriptpaper .text {
	overflow-y: auto;
	height: calc(100% - 65px);
	word-break: break-word;
}

.scriptpaper .tag {
	position: absolute;
    top: -10px;
    left: -1px;
    background-color: #ccc;
    padding: 1px 15px 0px;
    font-size: 10px;
    border: thin #aaa solid;
}

.scriptpaper .closebutton {
	position: absolute;
    top: -6px;
    right: -6px;
    width: 18px;
    height: 18px;
    background-color: #666;
    font-size: 12px;
    text-align: center;
    border-radius: 21px;
    border: 2px #fff solid;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 1px #999;
    -moz-box-shadow: 0 1px 1px #999;
    -webkit-box-shadow: 0 1px 1px #999;
}

.keepmemopaper {
	width: 229px;
    height: 210px;
    background-color: rgb(255, 255, 255);
    position: fixed !important;
    top: 200px;
    left: 40px;
    z-index: 9990001;
	box-shadow: 1px 2px 4px #999;
	-moz-box-shadow: 1px 2px 4px #999;
	-webkit-box-shadow: 1px 2px 4px #999;
	background-color: cornsilk;
	text-align: center;
}

.keepmemopaper textarea.editinput {
	width: calc(100% - 20px);
	height: calc(100% - 50px);
	margin-top: 5px;
    border: none;
    resize: none;
    outline: none;
    font-size: 14px;
    background-color: cornsilk;
}


.keepmemopaper .keepmemoheader {
	width: 100%;
    height: 30px;
	overflow: hidden;
	background-color: antiquewhite;
	cursor: move;
}


.keepmemopaper .keepmemoheader .addbutton,
.keepmemopaper .keepmemoheader .closebutton {
	float: left;
    font-size: 20px;
    padding: 0 10px;
    color: burlywood;
    cursor: pointer;
}
.keepmemopaper .keepmemoheader .closebutton {
	float: right;
}

.keepmemopaper .askdeletekeepmemo {
	position: absolute;
    width: calc(100% - 40px);
    top: 30px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9990010;
    color: #fff;
    padding: 2px 20px;
    border-radius: 5px;
	text-align: center;
	display: none;
}

.keepmemopaper .askdeletekeepmemo a {
	color: #ddffff;
	padding: 0 8px;
}