form#mail_form {
	width : 600px;
	margin : 40px auto;
	border : 1px solid #cccccc;
	border-radius : 2px;
}

form#mail_form dl {
	width : 550px;
	margin : 0 auto;
	overflow : hidden;
	font-size: 0.875em;
}

form#mail_form dl dt {
	clear : both;
	width : 180px;
	float : left;
	border-top : 1px solid #cccccc;
	padding : 15px 0;
	text-align : right;
	overflow : hidden;

}

form#mail_form dl dd {
	width : 340px;
	float : right;
	border-top : 1px solid #cccccc;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 30px;
	padding-bottom: 15px;
}

form#mail_form dl dt:first-child, form#mail_form dl dt:first-child+dd {
	border : none;
}

form#mail_form dl dt span {
	display : block;
	font-size : 85%;
	color : #3377ff;
}

/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required, form#mail_form dl dt span.optional {
	display : inline-block;
	float : left;
	font-weight : bold;
	color : #ffffff;
	padding : 1px 4px;
	border-radius : 2px;
}

form#mail_form dl dt span.required {
	background-color: #f26f21;
}

form#mail_form dl dt span.optional {
	background-color: #2489c2;
}

/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */




form#mail_form input {
	height : 1.8em;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}

form#mail_form textarea {
	width : 320px;
	height : 200px;
	resize : vertical;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}

form#mail_form input:focus, form#mail_form textarea:focus {
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}

form#mail_form input#name_1, form#mail_form input#name_2 {
	width : 90px;
}

form#mail_form input#read_1, form#mail_form input#read_2 {
	width : 90px;
}

form#mail_form input#mail_address, form#mail_form input#mail_address_confirm {
	width : 250px;
}

form#mail_form ul li {
	list-style-type : none;
	margin-bottom : 0.5em;
}

form#mail_form ul li label:hover {
	cursor : pointer;
}

form#mail_form ul li input {
	height : auto;
	margin-right : 0.5em;
}

form#mail_form input#postal {
	width : 100px;
}

form#mail_form input#address_1, form#mail_form input#address_2 {
	display : block;
	width : 320px;
	margin-bottom : 6px;
}

form#mail_form input#phone {
	width : 200px;
}

form#mail_form input#day {
	width : 160px;
}

form#mail_form input#mail_submit_button {
	width : auto;
	height : auto;
	padding : 4px 10px;
	vertical-align : middle;
	color : #666;
	background : #eeeeee;
	border : 1px solid #cccccc;
	border-radius : 3px;
	font-family : inherit;
	font-weight : bold;
}

form#mail_form input#mail_submit_button:hover {
	cursor : pointer;
	color : #fff;
	background : #cacaca;
}