.efo-tooltip {
	font-weight: bold;
	font-family: 'メイリオ';
	position: absolute;
	/* border: 1px solid #000000; */
	display: inline-block;
	padding: 10px;
	border-radius: 10px;
	min-width: 8rem;
	letter-spacing: 0.1em;
	z-index: 10;
}
.efo-tooltip:after, .efo-tooltip:before {
	top: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.efo-tooltip:after {
	border-color: rgba(255, 0, 0, 0);
	border-top-color: white;
	border-width: 6px;
	margin-left: -6px;
	position: absolute;
}
.efo-tooltip:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 5px;
	margin-left: -5px;
}

.efo-floating {
	font-weight: bold;
	font-family: 'メイリオ';
	position: relative;
	/* border: 1px solid #000000; */
	display: inline-block;
	padding: 15px;
	border-radius: 10px;
	min-width: 220px;
	letter-spacing: 0.1em;
	animation: arw 0.5s ease infinite alternate;
	height: 70px;
	line-height: 3em;
	top: -110px !important;
}
.efo-floating:after, .efo-floating:before {
	top: 100%;
	right: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.efo-floating:after {
	border-color: rgba(255, 0, 0, 0);
	border-top-color: white;
	border-width: 6px;
	margin-left: -6px;
	position: absolute;
}
.efo-floating:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 5px;
	margin-left: -5px;
}
@keyframes arw {
	  0% { top:-110px; }
	100% { top:-120px; }
}

.efo-validate-invalid {
	background-color: rgba(255, 120, 153, 0.95);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F2FF7899,EndColorStr=#F2FF7899);/*IE8以下用*/
	color: white;
}
.efo-validate-invalid:after {
	border-top-color: #FF7899;
}
	
.efo-validate-required {
	background-color: rgba(255, 162, 41, 0.95);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F2FFA229,EndColorStr=#F2FFA229);/*IE8以下用*/
	color: white;
}
.efo-validate-required:after {
	border-top-color: #FFA229;
}

.efo-validate-ok {
	background-color: rgba(116, 197, 116, 0.95);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F274C574,EndColorStr=#F274C574);/*IE8以下用*/
	color : white;
}
.efo-validate-ok:after {
	border-top-color: #74C574;
}

.efo-notification {
	font-size : 16px;
	border-radius : 5px;
	box-sizing : border-box;
	color : white;
	cursor : move;
	display : table;
	height : 100px;
	padding : 10px;
	position : fixed;
	right : 50px;
	top : 150px;
	width : 180px;
	z-index : 99999;
}

.efo-notification .efo-remaining {
	display : table-cell;
	vertical-align : middle;
}

.efo-notification.error {
	background-color : rgba(255, 120, 153, 0.85);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#D9FF7899,EndColorStr=#D9FF7899);/*IE8以下用*/
}

.efo-notification.ok {
	background-color : rgba(116, 197, 116, 0.85);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#D974C574,EndColorStr=#D974C574);/*IE8以下用*/
}

input[type=checkbox],input[type=radio],label {
	cursor : pointer;
}

input.efo_validation_error,
select.efo_validation_error,
textarea.efo_validation_error {
	background-color : #F8C6C6;
}

[class*=efo][placeholder]::placeholder {
	opacity: 0.25;
}
[class*=efo][placeholder]:focus::placeholder {
	color: transparent;
}
[class*=efo][placeholder]:focus::-moz-input-placeholder {
	color: transparent;
}
[class*=efo][placeholder]:focus::-ms-input-placeholder {
	color: transparent;
}
[class*=efo][placeholder]:focus::-webkit-input-placeholder {
	color: transparent;
}
