/*
body {
	color: #333;
	padding: 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
}
*/

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
/*	font-weight: bold;*/
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

.aform-header{
	font-size: 130%;
	font-weight: bold;
	margin: 1em 0 1em;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}
.aform-hdln{
	font-size: 110%;
	font-weight: bold;
	margin: 2em 0 0.5em;
	padding: 3px 0;
	border-bottom: 1px dotted #ccc;
}
div.aform-content p.powerdby{
	text-align: right;
	font-size: 70%;
	margin: 1em 0;
}
div.aform-content p.powerdby a{

	color: #fff;
	padding:0 5px;
	background:#BAD7E4;
	text-decoration:none;
}
div.aform-content p.powerdby a:hover{
	background:#75AECA;
}

/* --------------------------------------
 　　　追加：MAILFORM
---------------------------------------- */
.aform-content{
width: 514px;
height: auto;
padding: 8px;
border: 1px solid #CCCCCC;
}

.aform-content dl{
width: 514px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 8px;
}

.aform-content dl dt{
float: left;
width: 180px;
text-align: left;
padding-bottom: 8px;
padding-top: 8px;

}

.aform-content dl dd{
margin: 0 0 0 180px;
text-align: left;
padding-bottom: 8px;
padding-top: 8px;
}

.aform-content dl dd input{
height: 20px;
}

.aform-content dl dd textarea{
width: 300px !important;
}

.aform-content .submit{
width: 514px;
height: 20px;
padding: 10px 0;
text-align: center;
}

.required{
color: #cc0000;
margin-left: 5px;
}

.powerdby{
display: none !important;
}


.aform-content dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.aform-content dl{ display: inline-block;}

	/* IE-mac \*/
	*html .aform-content dl{ height: 1%; }
	.aform-content dl { display: block; }
	/* End IE-mac */

#FormFooter{
width: 530px;
height: auto;
margin: 20px 0;
text-align: center;
font-size: 80%;
}

#FormFooter span{
margin: 0 5px;
}

