@charset "utf-8";
/*-----------------------
  全角
------------------------*/
textarea.fullwidth, input.fullwidth {
    ime-mode: active;
}

/*-----------------------
  数字
------------------------*/
input.digit, input.alphaNum2 {
    ime-mode: inactive;
}

.email {
    -ms-ime-mode: inactive;
}


/*-----------------------
  リアルタイムバリデーション
------------------------*/
.valudatiomMessageArea {
    position: absolute;
    z-index: 99;
    margin-top: 10px;
}

.validationMessage {
    color: #af0000;
    font-size: 70%;
    padding: 3px;
    background-color: #FDF7F2;
    border: 1px solid #AF0000;
    opacity: 0.95;
    margin-left: -10px;
    margin-top: -61px;
    margin-top: -61px\9; /* IE8以降 */
    white-space: nowrap;
}

.triangle {
    width: 0;
    height: 0;
    left: 50%;
    border-bottom: 8px solid transparent; /*下向き三角*/
    border-right: 8px solid transparent; /*左向き三角*/
    border-left: 8px solid transparent; /*右向き三角*/
    border-top: 10px solid #AF0000; /*上向き三角*/
    opacity: 1.0;
    margin-top: -20px;
}

.commodity-msg {
	margin-bottom: 10px;
}