@charset "UTF-8";

.dispNone
{
	display: none;
}

#tabCtrl li
{
	float: left;
	width: 100px;
	text-align: center;
	border: 1px #000 solid;
	cursor: pointer;
}
#tabCtrl li.on
{
	background-color: #ddd;
}



#tabContents div
{
	width: 300px;
	border: 1px #000 solid;
	display: none;
}
#tabContents div:FIRST-CHILD
{
	display: block;
}


#tabCtrl2 li
{
	float: left;
	width: 150px;
	text-align: center;
	border: 1px #000 solid;
	cursor: pointer;
}
#tabCtrl2 li.on
{
	background-color: #ddd;
}

#tabContents2
{
	width: 456px;
	height:70px;
	position: relative;
	overflow: hidden;
}
	#tabContents2 div
	{
		width: 454px;
		border: 1px #000 solid;
		display: none;
		position: absolute;
	}
	#tabContents2 div:FIRST-CHILD
	{
		display: block;
	}

form dl
{
	width: 70%;
}

form dl dt,
form dl dd{
	float: left;
	padding: 5px;
}
form dl dt
{
	width: 38%;
}
form dl dd
{
	width: 58%;
}


/***************************
* エラー表示
***************************/
.formAlertTop
{
	position:absolute;
	top:-76px;
	left:-50px;
	background:url(../img/form_alert_top.png) top left no-repeat;
	width: 184px;
	padding-top: 4px;
	font-size: 82%;
}
	.formAlertTop .formAlertBottom
	{
		background:url(../img/form_alert_bottom.png) bottom left no-repeat;
		width: 184px;
		padding-bottom: 18px;
	}
		.formAlertTop .formAlertBottom .formAlertBody
		{
			background:url(../img/form_alert_body.png) top left repeat-y;
			padding: 5px 6px 3px 7px;
			width: 172px;
			color:#FFFFFF;
		}

.formAlertTop2
{
	position:absolute;
	top:-76px;
	left:-50px;
	background:url(../img/form_alert_top2.png) top left no-repeat;
	width: 127px;
	padding-top: 4px;
	font-size: 82%;
}
	.formAlertTop2 .formAlertBottom
	{
		background:url(../img/form_alert_bottom2.png) bottom left no-repeat;
		width: 184px;
		padding-bottom: 18px;
	}
		.formAlertTop2 .formAlertBottom .formAlertBody
		{
			background:url(../img/form_alert_body2.png) top left repeat-y;
			padding: 5px 6px 3px 7px;
			width: 172px;
			color:#FFFFFF;
		}

.formAlertTop3
{
	position:absolute;
	top:-76px;
	left:-50px;
	background:url(../img/form_alert_top3.png) top left no-repeat;
	width: 335px;
	padding-top: 4px;
	font-size: 82%;
}
	.formAlertTop3 .formAlertBottom
	{
		background:url(../img/form_alert_bottom3.png) bottom left no-repeat;
		width: 335px;
		padding-bottom: 18px;
	}
		.formAlertTop3 .formAlertBottom .formAlertBody
		{
			background:url(../img/form_alert_body3.png) top left repeat-y;
			padding: 5px 6px 3px 7px;
			width: 335px;
			color:#FFFFFF;
		}


.formAlertTop4
{
	position:absolute;
	top:-76px;
	left:-50px;
	background:url(../img/form_alert_top3.png) top left no-repeat;
	width: 253px;
	padding-top: 4px;
	font-size: 82%;
}
	.formAlertTop4 .formAlertBottom
	{
		background:url(../img/form_alert_bottom3.png) bottom left no-repeat;
		width: 253px;
		padding-bottom: 18px;
	}
		.formAlertTop4 .formAlertBottom .formAlertBody
		{
			background:url(../img/form_alert_body3.png) top left repeat-y;
			padding: 5px 6px 3px 7px;
			width: 240px;
			color:#FFFFFF;
		}


