@charset "utf-8";
/*
------------------------------------------------------------------------------------------ 
Iam DesignNetwork Corporation
stylesheet mailform.css
------------------------------------------------------------------------------------------ 
*/

/*---------------------------------------------------------------------
	alpha
---------------------------------------------------------------------*/

#mailform #alpha {
	width: 1080px;
	float: none;
	margin: 20px auto 0;
	/* background: #F6F6F6; */
}

#mailform #alpha #alpha_inner {
	padding: 20px 30px 40px;
	border:5px solid #CCCCCC;
}

#mailform #alpha .bg_tel {
	padding: 2px 0 2px 28px;
	background: url(image/icon_tel.gif) 0 7px no-repeat;
}

/* caution_box */
#mailform #alpha .caution_box {
	border: 2px solid #aaaaaa;
	padding: 10px;
}
#mailform #alpha .caution_box dl dt {
	color: #164baf;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 1px solid #aaaaaa;
	padding-bottom: 5px;
}
#mailform #alpha .caution_box02 {
	color: #d90000;
	border: 1px dotted #d90000;
	padding: 10px;
	margin-bottom: 20px;
}

/* error_message */
#mailform #alpha .error_message {
	list-style: disc;
	padding: 8px 30px;
	margin-bottom: 15px;
	border: 2px dashed #FF0000;
	background: #FFFF00;
}
#mailform #alpha .error_message li {
	color: #FF0000;
	font-weight: bold;
}

/* table */
#mailform #alpha table.form_tbl th {
    text-align: left;
	vertical-align: top;
    width: 210px;
    padding-right: 50px;
}
	
	/* th */
	#mailform #alpha table.form_tbl th.required {
		background: #e6f9ff url(/image/mailform/required.png) 98% 10px no-repeat;
	}
	
	/* td */
	#mailform #alpha table td {
		vertical-align: middle;
	}
	
	#mailform #alpha table.form_tbl td span {
		color: #666666;
		font-size: 92%;
		margin-left: 10px;
	}
	
	#mailform #alpha table.form_tbl td input[type="text"],
	#mailform #alpha table.form_tbl td textarea,
	#mailform #alpha table.form_tbl td select {
		border: 1px solid #AAAAAA;
		padding: 5px;
	}
	
	#mailform #alpha form input[type="submit"],
	#mailform #alpha form input[type="reset"] {
		cursor: pointer;
		padding: 3px 6px;
	}

/* btn_confirm */
#mailform #alpha .btn_confirm {
	text-align: center;
	margin: 25px 0 0;
}

#mailform #alpha .btn_confirm input:hover {
	opacity: 1;
	transition: all 0.2s ease-in-out 0s;
}

#mailform #alpha .btn_confirm input:hover {
	opacity: 0.7;
	-moz-opacity:0.60; /* Firefox CSS3以前 */
	filter: alpha(opacity=60); /* IE */
	transition: all 0.2s ease-in-out 0s;
}


#mailform #alpha .btn_confirm .back {
    background-color: #999;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    padding: 14px 30px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}
#mailform #alpha .btn_confirm .back:hover {
	opacity: 0.7;
}