@charset "utf-8";

/* 入力エラー用のマスク */
.inputerror        {  background-image: none;  background-color:#ff8888; }

/* エラーバルーン */
.inputerror-up     { /*width: auto; */  position: absolute; z-index:99999;}

/* エラー内容 */
.inputerror-up ul {
/*	background: rgba(255, 0, 0, 0.6); list-style: none; margin: 0px; padding: 10px; border-radius: 5px; text-align: left; color: rgb(17, 17, 17); line-height: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px;*/
	background: rgb(255, 150, 150); list-style: none; margin: 0px; padding: 5px 10px 5px 10px; border-radius: 5px; text-align: left; color: rgb(17, 17, 17); line-height: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	opacity:.9; font-size:12px;
}

/* 吹き出し矢印 */
.inputerror-up span {
	background-image: url(images/errordown.png);
	width: 15px; height: 10px; margin-left: 10px; display: block;
}

.inputerror-dw     { /*width: auto; */  position: absolute; }
.inputerror-dw ul {
	background: rgb(255, 150, 150); list-style: none; margin: 0px; padding: 5px 10px 5px 10px; border-radius: 5px; text-align: left; color: rgb(17, 17, 17); line-height: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	opacity:.9; font-size:12px;
}
.inputerror-dw span {
	background-image: url(images/errorup.png);
	width: 15px; height: 10px; margin-left: 10px; display: block;
}

input.error,select.error,textarea.error{
  border-color: #690001;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0305;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0305;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff0305;
}