@charset "shift_jis";

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

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


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

.group.nocolor {
	background: transparent;
}

.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;
	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: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 0.5em;
	padding-right: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	color: #000000;
	background: #f73b3b;
	/*-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);*/
	/*-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);*/
	/*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.30);*/
}

/* 吹き出し画面 パターン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: 180px;
	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;
}


/* 吹き出しの矢印
---------------------------------------- */
.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:#ffc3c3;
			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;
		}
			.formError .formErrorArrowBottom div{
				box-shadow: none;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
			}
			
		.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: #AADFCB;
		}
		.form-box2 table td .err {
			background: #AADFCB;
		}
		

/* blockUI
---------------------------------------- */
.blockMsg { 
	margin: -37px 0 0 -122px;  /*縦横の半分をネガティブマージンでずらす*/
	position:relative;  /*body要素に対して相対配置*/
	top: 45%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 200px;  /*横幅*/
	height: 30px;  /*縦幅*/
	text-align:center;
	padding:20px;
	color:#000;
	border:2px solid #aaa;
	background-color:#fff;
	cursor:wait;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* jquery.placeholder.min.js
---------------------------------------- */
		.placeholder { color: #aaa; }