@charset "UTF-8";
/*---------------------------------------------------------------
local.css
-----------------------------------------------------------------
table of contents

	1. Mail
-----------------------------------------------------------------
font-size table

	10px :   77%		16px : 123.1%
	11px :   85%		17px :    131%
	12px :   93%		18px : 138.5%
	13px : 100%		19px : 146.5%
	14px : 108%		20px : 153.9%
	15px : 116%		21px : 161.6%
---------------------------------------------------------------*/

/*==============================================================
	1.	Mail
===============================================================*/

#mail{
	position:relative;
	width:930px;
}
#mail h2{
	float:left;
	width:265px;
	padding-bottom:40px;
}
#mail .description{
	float:right;
	width:665px;
	margin-top:-4px;
	padding-bottom:21px;
}
#mail .description p{
	margin-bottom:10px;
}
#mail .description .marker{
	color:#f00;
}
#mail .description .notice{
	padding-top:20px;
}
#mail .error-area{
	clear:both;
	margin:0;
	padding-left:2px;
	padding-bottom:34px;
}
#mail .error-area dt{
	margin-bottom:6px;
}
#mail .error-area dd{
	margin:0;
	/*padding-left:10px;
	background:url(/images/shared/bg_ul_pink.gif) top left no-repeat;*/
	color:#ff008e;
	font-size:93%;
	line-height:1.7;
}
#mail p.button{
	margin-top:34px;
}
#mail table.information{
	clear:both;
	width:886px;
	margin-left:22px;
	margin-top:0;
	margin-bottom:0;
}
#mail table.information th{
	width:223px;
	padding-left:10px;
	background:url(/images/shared/bg_dott_mail.gif) bottom right repeat-x;
	font-weight:normal;
	font-size:93%;
}
#mail table.information td{
	width:641px;
	padding:10px 0 10px 10px;
	background:url(/images/shared/bg_dott1.png) bottom left repeat-x;
	color:#999;
}
#mail table.information tr.error th{
	background:url(/images/shared/bg_dott1.png) bottom left repeat-x #ffd9ee;
}
#mail table.information tr.error td{
	padding:10px 0 10px 10px;
	background:url(/images/shared/bg_dott2.png) bottom left repeat-x #ffd9ee;
}
#mail table.information .last th,
#mail table.information .last td{
	padding:10px 0 10px 10px;
	background:none;
}
#mail table.information .last-error th,
#mail table.information .last-error td{
	padding:10px 0 10px 10px;
	background:none #ffd9ee;
}
#mail table.information p{
	color:#999;
	font-size:77%;
}
#mail table.information p strong{
	color:#666;
}
#mail table.information p label{
	margin-right:15px;
	color:#4c4c4c;
}
#mail table.information p.entry{
	font-size:93%;
	line-height:1.7;
}
#mail table.information p.confirm{
	padding:6px 0;
	font-size:93%;
	color:#4c4c4c;
}
#mail table.information p.entry input{
	position:static;
	margin-right:4px;
	vertical-align:0px;
}
/* firefox2, 3 */
html>/**/body #mail table.information p.entry input, x:-moz-any-link{
	vertical-align:middle;
}
/* firefox3 */
html>/**/body #mail table.information p.entry input, x:-moz-any-link, x:default{
	vertical-align:0px;
}
#mail table.information p.error-message{
	margin-bottom:2px;
	padding-left:20px;
	background:url(/images/shared/icon_error_small.png) center left no-repeat;
	font-size:93%;
	font-weight:bold;
	color:#ff008e;
	line-height:1.4;
}
#mail table.information .marker{
	display:block;
	width:213px;
	margin-top:-1.5em;
	text-align:right;
	color:#f00;
	font-size:10px;
}
#mail dl.finish{
	clear:both;
	text-align:center;
}
#mail dl.finish dt{
	padding-bottom:5px;
}
#mail dl.finish dd{
	margin-top:15px;
}
#mail dl.finish dd.text{
	font-size:93%;
	line-height:1.8;
	color:#4c4c4c;
}
#mail div.round{
	margin-bottom:40px;
}
#mail div.round_top,
#mail div.round_bottom{
	height:20px;
}
/*#mail .confirm div.round_bottom{
	height:10px;
	line-height:10px;
}*/
#mail dl.limit{
	clear:both;
	text-align:center;
}
#mail dl.limit dt{
	margin-bottom:26px;
}
#mail dl.limit dd.text{
	font-size:93%;
	line-height:1.7;
	color:#4c4c4c;
}

