@charset "shift_jis";

/* メッセージボックス
---------------------------------------- */
.errMsg {
	font-family:  Meiryo,"Hiragino Kaku Gothic Pro","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color:#000000;
	margin-left: 5px;
	display: block;
	line-height: 1.3;
	text-indent: -0.8em;
}

.formError {
	display: block;
	padding-bottom: 13px;
}
.fixed {
	padding-bottom: 0;
}


/* 吹き出し画面 パターン1
----------------------------------------*/

	.formError .formErrorContent {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding-top: 6px;
		padding-right: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
		width: 135px;
		color: #000000;
		background: #FEAD75;
		font-size: 11px;
		box-shadow: 0px 0px 6px #888;
		-moz-box-shadow: 0px 0px 6px #888;
		-webkit-box-shadow: 0px 0px 6px #888;
		behavior: url(../htc/PIE.htc);/* IE6 CSS3 FIX */
		position:relative;/* IE6 CSS3 FIX */
		z-index: 5;/* IE6 CSS3 FIX */
	}
	.fixed .formErrorContent {
		margin-top: .5em;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		background: #f60;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}


/* 吹き出し画面 パターン2
----------------------------------------*/

	.formError .formErrorContent2 {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding-top: 6px;
		padding-right: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
		width: 215px;
		color: #000000;
		background: #FEAD75;
		font-size: 11px;
		box-shadow: 0px 0px 6px #888;
		-moz-box-shadow: 0px 0px 6px #888;
		-webkit-box-shadow: 0px 0px 6px #888;
		behavior: url(../htc/PIE.htc);/* IE6 CSS3 FIX */
		position:relative;/* IE6 CSS3 FIX */
		z-index: 5;/* IE6 CSS3 FIX */
	}

/* 吹き出し画面 パターン3
----------------------------------------*/

	.formError .formErrorContent3 {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding-top: 6px;
		padding-right: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
		width: 215px;
		color: #000000;
		background: #FEAD75;
		font-size: 11px;
		box-shadow: 0px 0px 6px #888;
		-moz-box-shadow: 0px 0px 6px #888;
		-webkit-box-shadow: 0px 0px 6px #888;
		behavior: url(../htc/PIE.htc);/* IE6 CSS3 FIX */
		position:relative;/* IE6 CSS3 FIX */
		z-index: 5;/* IE6 CSS3 FIX */
	}


/* 吹き出しの矢印
---------------------------------------- */
	.formError .formErrorArrow {
	width: 19px;
	height: 15px;
	position: absolute;
	bottom: 0;
	left: 20px;
	z-index: 5001;
	}
	.fixed .formErrorArrow {
		display: none;
	}
	.formError .formErrorArrowBottom {
		margin: -6px;
		top: 0;
	}
	.fixed .formErrorArrowBottom {
		display: none;
	}
	
		.formError .formErrorArrow div {
			margin: 0 auto;
			display: block;
			height: 1px;
			background: #FEAD75;
			line-height: 0px;
			font-size: 0px;
			box-shadow: 0px 2px 4px #B0B0B0;
			-moz-box-shadow: 0px 2px 4px #B0B0B0;
			-webkit-box-shadow: 0px 2px 4px #B0B0B0;
			z-index: 5;/* IE6 CSS3 FIX */
			overflow:hidden;/* IE6 BUG FIX IE6は縦に2px取ってしまうのでそれを回避 */
		}
			.formError .formErrorArrowBottom div{
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				z-index: 5;/* IE6 CSS3 FIX */
			}
			
		.formError .formErrorArrow .line10 {
			width: 19px;
		} 
		.formError .formErrorArrow .line9 {
			width: 17px;
		} 
		.formError .formErrorArrow .line8 {
			width: 15px;
		} 
		.formError .formErrorArrow .line7 {
			width: 13px;
		} 
		.formError .formErrorArrow .line6 {
			width: 11px;
		} 
		.formError .formErrorArrow .line5 {
			width: 9px;
		} 
		.formError .formErrorArrow .line4 {
			width: 7px;
		} 
		.formError .formErrorArrow .line3 {
			width: 5px;
		} 
		.formError .formErrorArrow .line2 {
			width: 3px;
		}
		.formError .formErrorArrow .line1{
			width: 1px;
		}


/* エラー時のボックスの背景色や枠線等
⇒inputボックスの背景色を付けた場合の動作用スクリプトを、
headに定義している場合は不要！！
---------------------------------------- */

	/*　フォームエラー用背景色　 */
		.form-box table td .err {
			background: #FFE8D9;
		}
		.form-box2 table td .err {
			background: #FFE8D9;
		}