@charset "utf-8";
/*---------------------------------------------------------------

 validation.css
 
 font-size defined in fonts.css - YUI fonts.css
 93% - 12px
 
 ----------------------------------------------------------------*/
/* Reset */
html{color:#000; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
input{padding:1px;}
option{padding-left:10px;}
button{cursor:pointer;}

/*clearfix
---------------------------------------------------*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}

/*Hidea from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

/* Form Design */
#contents h1{border-left:8px solid #656565; border-bottom:1px solid #656565; margin:50px auto 20px auto;
padding:8px 10px; width:572px; font-size:160%; color:#444;}

table.FormTable{border:1px solid #ccc; border-collapse:collapse; table-layout:auto;
margin:0 auto 5px auto; font-size:93%; color:#444;}
table.FormTable th{border-left:1px solid #ccc; border-bottom:1px dotted #ccc;
padding:10px; line-height:1.3; font-weight:bold; background:#f6f6f6; vertical-align:top;
text-align:left; white-space:nowrap;}
table.FormTable td{border-right:1px solid #ccc; border-bottom:1px dotted #ccc;
padding:10px; vertical-align:top;}
table.FormTable td input[type='text']{width:100%;}
table.FormTable td textarea{width:100%; height:120px;}
table.FormTable td ul{list-style:none;}
table.FormTable td ul li{float:left; white-space:nowrap; padding:1px 5px 8px 0;}
table.FormTable td span{text-indent:0 !important;}
#contents table.FormTable td span.explain{position:static;}

.buttonArea{text-align:center;}
.buttonArea button{background:#656565; border:1px solid #ccc; color:#fff; padding:8px 20px;
font-weight:bold; -moz-border-radius:6px; -webkit-border-radius:6px;}

/* ToolTip */
div.validationTip{padding-left:9px; background:url(../img/tip_left.gif) no-repeat left top;
font-size:80%; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
div.tipInner{-moz-border-radius:6px; -webkit-border-radius:6px; padding:.4em 1em .4em 1em; 
color:#fff; background:#333;}

/* DialogMessage */
div#dlgmat{width:101.55%; /* for ie6 bug */
height:100%; position:fixed; top:0; left:0; z-index:550; background:#000;}
* html div#dlgmat{/* ie6 */
position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? 
document.body.scrollHeight :document.body.offsetHeight +'px');}
div#dlg{position:fixed; top:50%; left:50%; z-index:1000; font-size:80%;}
* html div#dlg{/* ie6 */
 position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + 
(dlgMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
div#dlg span#close{display:block; width:14px; height:14px; margin:3px 3px 0 0; position:absolute; 
right:0; top:0; background:url(../img/dialog_close.gif) no-repeat left top; cursor:pointer;}
div#dlg span#close.hover{background:url(../img/dialog_close.gif) no-repeat left -14px;}

div#dlg div#dlgcont{padding:1.5em 0; background:#282828 url(../img/dialog_right.gif) no-repeat right top;
-moz-border-radius:6px; -webkit-border-radius:6px;}
div#dlg div#dlgcont div{padding:0 3.5em; color:#FFF;}
div#dlg div#dlgcont div span{line-height:1.6;}
div#dlg div#dlgcont div span strong{border-bottom:1px dotted #FF8F8F; padding:0 .1em; color:#FF8F8F;}
div#dlg span{position:static;}