@charset "UTF-8";

/***********************************************/
/* CSS file For Hunglead, Inc.                 */
/* FileName: basic_style.css                   */
/* data: 2015/09/17                            */
/***********************************************/

input[type="text"],
input[type="password"],
textarea{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	background:#ffffff;
	border:1px solid #b2b2b2;
	font-size:14px;
	margin:5px 0;
	padding:8px;
	width:calc(100% - 16px);
	}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
	background:#f4fbff;
	border-color: #1e4892;
	}

input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover{
	background:#f4fbff;
	}

input[type="text"].wAuto,
input[type="password"].wAuto,
textarea.wAuto{
	width:auto;
	display:inline;
	margin:0 2px;
	}

input[type="text"].w90,
input[type="password"].w90,
textarea.w90{
	width:calc(90% - 10px);
	margin:0 2px;
	display:inline;
	}

input[type="text"].w80,
input[type="password"].w80,
textarea.w80{
	width:calc(80% - 10px);
	margin:0 2px;
	display:inline;
	}

input[type="text"].w70,
input[type="password"].w70,
textarea.w70{
	width:calc(70% - 10px);
	margin:0 2px;
	display:inline;
	}

input[type="text"].w60,
input[type="password"].w60,
textarea.w60{
	width:calc(60% - 10px);
	margin:0 2px;
	display:inline;
	}

input[type="text"].w50,
input[type="password"].w50,
textarea.w50{
	width:calc(50% - 10px);
	margin:0 2px;
	display:inline;
	}

input[type="text"].w40,
input[type="password"].w40,
textarea.w40{
	width:calc(40% - 10px);
	margin:0 2px;
	display:inline;
	}

input[type="text"].w30,
input[type="password"].w30,
textarea.w30{
	width:calc(30% - 10px);
	margin:0 2px;
	display:inline;
	}

input[type="text"].w20,
input[type="password"].w20,
textarea.w20{
	width:calc(20% - 10px);
	margin:0 2px;
	display:inline;
	}

input[type="text"].w10,
input[type="password"].w10,
textarea.w10{
	width:calc(10% - 10px);
	margin:0 2px;
	display:inline;
	}

.selectWrap{
	width:calc(100% - 2px);
	position:relative;
	display:inline-block;
	background-color:#ffffff;
	background-image:url(../images/cr/img_pulldown.png),-webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
	background-image:url(../images/cr/img_pulldown.png),-moz-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
	background-image:url(../images/cr/img_pulldown.png),linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
	background-position:100% 50%;
	background-repeat:no-repeat;
	border:1px solid #c0c0c0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	color:#333333;
	margin:0 auto;
	}

.selectWrap select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	margin:0;
	padding:10px;
	background-color:transparent;
	border:0;
	outline:none;
	font-size:14px;
	cursor:pointer;
	background-position:calc(100% + 10px) 50%;
	background-repeat:no-repeat;
	transition:all .3s ease-out 0;
	-webkit-transition:all .3s ease-out 0;
	-moz-transition:all .3s ease-out 0;
	-ms-transition:all .3s ease-out 0;
	-o-transition:all .3s ease-out 0;
	}

.selectWrap.wAuto{
	width:auto;
	}

.selectWrap.w90{
	width:calc(90% - 10px);
	}

.selectWrap.w80{
	width:calc(80% - 10px);
	}

.selectWrap.w70{
	width:calc(70% - 10px);
	}

.selectWrap.w60{
	width:calc(60% - 10px);
	}

.selectWrap.w50{
	width:calc(50% - 10px);
	}

.selectWrap.w40{
	width:calc(40% - 10px);
	}

.selectWrap.w30{
	width:calc(30% - 10px);
	}

.selectWrap.w20{
	width:calc(20% - 10px);
	}

.selectWrap.w10{
	width:calc(10% - 10px);
	}

.selectWrap.wAuto select,
.selectWrap.w90 select,
.selectWrap.w80 select,
.selectWrap.w70 select,
.selectWrap.w60 select,
.selectWrap.w50 select,
.selectWrap.w40 select,
.selectWrap.w30 select,
.selectWrap.w20 select,
.selectWrap.w10 select{
	padding:5px 30px 5px 11px;
	background-position:calc(100% - 50px) 50%;
	}

a.actionBtn,
a.searchBtn,
a.resetBtn,
a.deleteBtn,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="image"],
button[type="submit"],
button[type="button"],
button[type="reset"],
button[type="image"]{
	text-decoration:none;
	background-color:#1d4892;
	background-image:none;
	color:#ffffff;
	padding:6px 30px;
	font-size:14px;
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
	    -ms-border-radius:6px;
	     -o-border-radius:6px;
	        border-radius:6px;
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	    -ms-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
	border:0;
	cursor:pointer;
	margin-bottom:5px;
	white-space:nowrap;
	display:inline-block;
	}

a.searchBtn,
input[type="submit"].searchBtn,
input[type="button"].searchBtn,
input[type="image"].searchBtn,
button[type="submit"].searchBtn,
button[type="button"].searchBtn,
button[type="image"].searchBtn{
	background-image:url(../images/cr/icn_loope.png);
	background-repeat:no-repeat;
	background-position:20px center;
	padding:8px 30px 8px 40px;
	}

a.resetBtn,
input[type="reset"],
button[type="reset"],
input[type="button"].resetBtn,
input[type="image"].resetBtn,
button[type="button"].resetBtn{
	background-color:#b3b3b3;
	}

a.deleteBtn,
input[type="button"].deleteBtn,
input[type="submit"].deleteBtn,
input[type="image"].deleteBtn,
button[type="button"].deleteBtn,
button[type="submit"].deleteBtn{
	background-color:#e65c5c;
	}

input[type="button"].allDeleteBtn{
	background-color:#BF0001;
	}

a.actionBtn:hover,
a.searchBtn:hover,
a.resetBtn:hover,
a.deleteBtn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="image"]:hover,
input[type="reset"]:hover,
button[type="submit"]:hover,
button[type="button"]:hover,
button[type="image"]:hover,
button[type="reset"]:hover,
input[type="button"].upload_testing:hover{
	background-color:#ffbf00;
	color:#333333;
	}

input[type="button"].upload_testing {
	background-color:#07ab85;
	min-width: 230px;
}


.settingBtn {
  float: right;
  display: inline-block;
  background: url(../images/cr/icn_gear.png) no-repeat 0 2px;
  padding-left: 20px;
  color: #1d4982;
  cursor: pointer;
  transition: all .3s ease-out;
  }

.settingBtn:hover {
  color: #ffbf00;
  background-image: url(../images/cr/icn_gear_on.png);
  }

.CRWrapperInner input{
	padding:10px;
	font-size:16px;
	border:1px solid #cccccc;
	width:calc(100% - 22px);
	}

.CRWrapperInner input[type="button"]{
	background:#1d4892;
	color:#ffffff;
	width:220px;
	margin:0 auto;
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
	    -ms-border-radius:6px;
	     -o-border-radius:6px;
	        border-radius:6px;
	transition:all 0.3s ease-out;
	cursor:pointer;
	text-align:center;
	}

.CRWrapperInner input[type="button"]:hover{
	background:#ffbf00;
	color:#333333;
	}

.CRWrapperInner input[type="button"].CRGBtn{
	display:inline-block;
	padding:10px 20px;
	margin:5px 0;
	font-size:14px;
	line-height:1;
	background:#dedede;
	background:-moz-linear-gradient(top,  #f5f5f5 0%, #dedede 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dedede));
	background:-webkit-linear-gradient(top,  #f5f5f5 0%,#dedede 100%);
	background:-o-linear-gradient(top,  #f5f5f5 0%,#dedede 100%);
	background:-ms-linear-gradient(top,  #f5f5f5 0%,#dedede 100%);
	background:linear-gradient(to bottom,  #f5f5f5 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dedede',GradientType=0 );
	color:#333333;
	width:auto;
	}

.CRWrapperInner input[type="button"].CRGBtn:hover{
	background:#d1d1d1;
	background:-moz-linear-gradient(top,  #ebebeb 0%, #d1d1d1 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#d1d1d1));
	background:-webkit-linear-gradient(top,  #ebebeb 0%,#d1d1d1 100%);
	background:-o-linear-gradient(top,  #ebebeb 0%,#d1d1d1 100%);
	background:-ms-linear-gradient(top,  #ebebeb 0%,#d1d1d1 100%);
	background:linear-gradient(to bottom,  #ebebeb 0%,#d1d1d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d1d1d1',GradientType=0 );
	}

.CRWrapperInner .loadIcn{
	padding:8px 30px 10px 0;
	background:url(../images/common/img_loading_24.gif) no-repeat right center;
	}

.fileAttach:before{
	position:absolute;
	content:"ここにファイルをドラッグアンドドロップできます";
	left:10px;
	top:calc(50% - 8px);
	}

.fileAttach.nonMsg:before{
	content:"";
	}

.fileAttach{
	display:inline-block;
	vertical-align: middle;
	position:relative;
	overflow:hidden;
	text-align:right;
	padding:20px 10px 20px 10px;
	line-height:1;
	width:480px;
	cursor:pointer;
	background:transparent;
	border:2px dashed #cccccc;
	border-radius:6px;
	color:#b3b3b3;
	transition:all 0.3s ease-out;
	}

.fileAttach span{
	background:#1d4892;
	color:#ffffff;
	width:100px;
	padding:10px;
	border-radius:6px;
	transition:all 0.3s ease-out;
	}

.fileAttach:hover span{
	background:#ffbf00;
	color:#333333;
	}

.fileAttach input[type="file"]{
	position:absolute;
	top:0;
	right:0;
	font-size:100px;
	width:100%;
	height:100%;
	cursor:pointer;
	opacity:0;
	}

.fileAttach input[type="text"]{
	display:none;
	position:absolute;
	top:3px;
	left:5px;
	width:calc(100% - 160px);
	padding:10px;
	color:#999999;
	border:0;
	}

.fileAttach input[type="text"]:hover{
	background:#ffffff;
	color:#999999;
	}

.fileAttach.w90{
	width:90%;
	}

.fileAttach.w80{
	width:80%;
	}

.fileAttach.w70{
	width:70%;
	}

.fileAttach.w60{
	width:60%;
	}

.fileAttach.w50{
	width:50%;
	}

.fileAttach.w40{
	width:40%;
	}

.fileAttach.w30{
	width:30%;
	}

.fileAttach.wAuto{
	width:auto;
	}

.errMsgCr{
	position:absolute;
	top:-10px;
	right:10px;
	font-size:14px;
	color:#ffffff;
	padding:5px 15px;
	border-radius:6px;
	background:#cc3333;
	}

.errMsgCr:after{
	content:"";
	height:0;
	width:0;
	position:absolute;
	right:calc(50% - 5px);
	bottom:-8px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:8px solid #cc3333;
	}

.CRWrapperInner .robotList input[type="button"]{
	padding:5px;
	width:100%;
	font-size:14px;
	}

.CRWrapperInner .robotList li:nth-of-type(2) input[type="button"]{
	background:#cc0000;
	}

.CRWrapperInner .robotList li:nth-of-type(2) input[type="button"]:hover{
	background-color:#ffbf00;
	}

.CRWrapperInner .CRGBtnRight input[type="button"]{
	background:transparent;
	color:#1d4892;
	border:0;
	width:220px;
	margin:10px auto;
	float:right;
	text-align:right;
	}

.CRWrapperInner .CRGBtnRight{
	position:relative;
	}

.CRWrapperInner .CRGBtnRight:before{
	position:absolute;
	right:150px;
	top:15px;
	font-size:16px;
	text-align:center;
	content:"+";
	width:20px;
	padding:0;
	line-height:1;
	color:#1d4892;
	}

.CRWrapperInner .CRGBtnRight input[type="button"]:hover{
	color:#ffbf00;
	}

.footBtn li input[type="button"]{
	width:100%;
	border:0;
	}

.footBtn li:nth-of-type(1) input[type="button"]{
	background:transparent;
	color:#1d4892;
	}

.footBtn li:nth-of-type(1) input[type="button"]:hover{
	color:#ffbf00;
	}

label.block {
	display:block;
	width: 100%;
	height: 100%;
}

.tr-del-selected td {
	background-color:#eee;
}