html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align: baseline; background: none repeat scroll 0% 0% transparent; }
body { line-height: 1; }
:focus { outline: 0px none; }
body {
	/*background: url('../images/bg.png') repeat-x scroll center top rgb(255, 255, 255); */
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
	font-size: 13px;
	background-color: #dee7ee;
}
body.home-bg{
	background-color: #F7F7F7;
	/*background-image: url(../images/bg.jpg);*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
a:link, a:visited { color: #0073ea; text-decoration: none; }
a:hover, a:active { color: #0073ea; text-decoration: underline; }
input.text, textarea.text { background: url('../images/shadow.gif') repeat-x scroll center top rgb(255, 255, 255); border: 1px solid rgb(209, 199, 211); padding: 3px 4px; }
input, textarea, select { font-size: 13px; font-family: Arial,Helvetica,sans-serif; color: rgb(51, 51, 51); }
h2, h3, h4, h5 { line-height: 1.6; color: rgb(0, 0, 0); }
h3 { font-size: 15px; }
#wrapper { width: 960px; margin: 0px auto; }
#header { margin-bottom: 30px; padding-top: 22px; }
.branding { background: url('../images/logo.png') no-repeat scroll left top transparent; margin-bottom: 8px; height: 60px; position: relative; }
div.print{		
	clear:both !important;
	height:70px; !important;
	font-size:13px !important;
}
div.print .branding { background: none !important; width:640px !important; margin:0 auto !important;}
.branding h1 { padding-left: 320px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; line-height: 60px; letter-spacing: -1px; font-size: 22px; color: rgb(51, 51, 51); }
div.print h1{ font-size:20px; text-align:center; padding:0 !important;}
div.print h2{ text-align:center; padding:0 !important;}
.nav { background: url('../images/nav.png') no-repeat scroll left top transparent; padding-bottom: 3px; height: 50px; }
.section { margin-bottom: 20px; font-size: 13px; }
.section .bd { padding: 20px 0px; }
.section .field { margin-bottom: 10px; }
.section .field * { display: block; float: left; }
.section label, .section p.label { margin-right: 20px; /*width: 120px;*/ line-height: 1.8; text-align: right; }
.section .text { margin-right: 4px; }
.section span, .section select { margin-right: 4px; line-height: 1.8; }
.section .more { float: none; clear: left; padding-top: 6px; line-height: 1.8; color: rgb(102, 102, 102); }
.section .buttonarea, .section .inside { margin-bottom: 10px; padding-left: 120px; }
#register .buttonarea { padding-left: 0px; }
.button { border: 0px none; padding: 0px 10px 3px; height: 26px; color: rgb(255, 255, 255); cursor: pointer; overflow: visible; }
.button:hover {  }
.sys_color {
	background-attachment: scroll;
	background-color: #0073ea !important;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
}
#content { margin-bottom: 50px; padding:4px;}
.home .section { width: 460px; height:360px; }
.home .section h3 {
	padding-bottom: 20px;
	margin-bottom: 40px;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(153,153,153);
}
.home .section .bd { padding: 0px; height: 160px; }
.home .section p { margin-bottom: 20px; }
.home .section .button { margin-right: 10px; }
#register {
	float: left;
}
#register .bd { background: url('../images/icon_sign_up.png') no-repeat scroll left top transparent; padding-left: 160px; padding-top: 30px; }
#login { float: right; }
.footer {
	border-top: 1px dotted rgb(221, 221, 221);
	padding: 20px 0px;
	color: rgb(153,153,153);
}

.ui-helper-hidden-accessible { position: absolute; left: -1e+8px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
.ui-helper-clearfix { display: block; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget { font-family: Helvetica,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid rgb(221, 221, 221); background: url('../images/ui-bg_flat_75_ffffff_40x100.png') repeat-x scroll 50% 50% rgb(255, 255, 255); color: rgb(68, 68, 68); }
.ui-widget-content a { color: rgb(68, 68, 68); }
.ui-widget-header { border: 1px solid rgb(221, 221, 221); background: url('../images/ui-bg_highlight-soft_50_dddddd_1x100.png') repeat-x scroll 50% 50% rgb(221, 221, 221); color: rgb(68, 68, 68); font-weight: bold; }
.ui-widget-header a { color: rgb(68, 68, 68); }
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid rgb(221, 221, 221); background: url('../images/ui-bg_highlight-soft_100_f6f6f6_1x100.png') repeat-x scroll 50% 50% rgb(246, 246, 246); font-weight: bold; color: rgb(0, 115, 234); outline: medium none; }
.ui-icon { width: 16px; height: 16px; background-image: url('../images/ui-icons_ff0084_256x240.png'); }
.ui-widget-content .ui-icon { background-image: url('../images/ui-icons_ff0084_256x240.png'); }
.ui-widget-header .ui-icon { background-image: url('../images/ui-icons_0073ea_256x240.png'); }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-corner-all {  }
.ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; }
.ui-dialog { position: relative; padding: 0.2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: 0.5em 0.3em 0.3em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px 0.2em; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 19px; margin: -10px 0px 0px; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0px; }
.ui-dialog .ui-dialog-content { border: 0px none; padding: 0.5em 1em; background: none repeat scroll 0% 0% transparent; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin: 0.5em 0px 0px; padding: 0.3em 1em 0.5em 0.4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; padding: 0.2em 0.6em 0.3em; line-height: 1.4em; width: auto; overflow: visible; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.section .more { clear: left; color: rgb(102, 102, 102); float: none; line-height: 1.8; padding-top: 6px; width: 280px; }
.footer span a {
    background: url("../images/ico_sns.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}
#ft_fb {
    background-position: -25px 0;
}
#ft_gg {
    background-position: -50px 0;
}
#ft_rss {
    background-position: -75px 0;
}
#ft_gplus {
    background-position: -100px 0;
}
#ft_tw {
    background-position: -125px 0;
}
.section { margin-bottom: 20px; font-size: 13px; }
.section .hd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(153,153,153);
}
.section .hd h2, .section .hd h3 { color: rgb(0, 0, 0); position: relative; margin: 0.5em 0px; }
.section .hd h2 { font-size: 16px; }
.section .bd { padding: 20px 0px; }
.section .field { margin-bottom: 10px; }
.section .field * { display: block; float: left; }
.section .field li { float: none; clear: left; height: 26px; line-height: 1.5; }
.section .field .option { margin-left: 80px; margin-bottom: 10px; }
.section label, .section p.label { margin-right: 20px; line-height: 1.8; text-align: right; }
/*.between label, .between p.label { width: 160px; }*/
.section .text { margin-right: 4px; }
.section span, .section select { margin-right: 4px; line-height: 1.8; }
.section .info { line-height: 1.8; color: rgb(102, 102, 102); font-weight: 400; }
.section .more { float: none; clear: left; padding-top: 6px; line-height: 1.8; color: rgb(102, 102, 102); }
.section .buttonarea, .section .inside { margin-bottom: 10px; padding-left: 120px; }
.block {
	padding-top: 20px;
	margin: 0px auto;
	width: 500px;
	font-size: 15px;
	color: rgb(0, 0, 0);
	line-height: 1.3;
	z-index: 100;
	position: relative;
	border: 3px solid #0073ea;
	background-color: #FFF;
}
.block-inner { padding: 0px 20px 30px; }
.nextstep { background: url('../images/arrow.png') no-repeat scroll center top transparent; margin-bottom: 5px; margin-top: -20px; height: 44px; z-index: 2; position: relative; }
.button {
	border: 0px none;
	padding: 0px 10px 3px;
	height: 26px;
	color: #FFF;
	cursor: pointer;
	overflow: visible;
	background-color: #999;
}
.required, .right{}
.step { margin-bottom: 20px; position: relative; height: 26px; }
.step-bottom { border-top: 1px dotted rgb(221, 221, 221); padding-top: 20px; }
.step .control { position: absolute; right: 0px; top: 0px; }
ul#step{ margin:20px 0 0 0;}
ul#step li{ display:inline-block; background-color:#DFF2ED; padding:8px 16px;}
ul#step li.active{background-color:#63C5A7; color:#FFF;}
p.footer_desc{margin:4px;}
label.error{color:#F00 !important;  white-space: nowrap !important; float:right !important;}
input.error{
	border: 1px solid #F00;
}
#register_form{
	margin:0 auto 60px auto;
}
label.error{width:auto !important;}
.confirm_info{ font-weight:bold;}
.revise{ background-color:#666; padding:20px; margin:16px;}
p.update_link{ margin:0 0 20px 0;}

.update_link a{
	font-weight:bold;
	display:inline-block;
	background:#FFF;
	padding:4px;
}
.section ol.print {
	list-style-type: decimal;
	padding-left: 24px;
	font-weight: bold;
	line-height: 1.2;
	list-style-position: inside;
}

.section ol.print li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.section ol.print p {
    margin-top: -20px;
    text-align: right;
    z-index: -100;
}

.section ol.print .already {
    padding-left: 20px;
    color: #DE8BA3;
    display: inline-block;
	width: 80px;
	float:right;
}
div#print{
	width:100% !important;
	margin:0 auto !important;
}
div#print div.section{
	padding:16px;
	border: 2px solid #000 !important;
}
label.fixwidth{
	width:120px !important;
}
div.dept_item{
	display:block;
	padding:2px 0;
	width:100%;
}
div.dept_item:hover, div.dept_item :hover{
	background-color:#DE8BA3;
}