/*=============================================================**
        Common Style
**=============================================================*/

html,body,
p,h1,h2,h3,h4,h5,h6,
ul,ol,dl,
dt,dd,li,
table,th,td,
form {
    margin: 0px;
    padding: 0px;
}

.mb20{
  margin-bottom:20px;
}
.mt20{
  margin-top:20px;
}

.red{
  color:#F00
}
.redImp{
  color:#F00 !important;
}
.small{
  font-size:82%;
  color:#999;
}

.larger{
  font-size:117%;
}
.bold{
  font-weight:bold;
}

.hidden{
  visibility:hidden;
}

* {
    font-size: 100%;
}

.copy{
  text-align:center;
  font-style:normal !important;
  color:#ccc;
}

.debug-panel{
  display:none;
}

.center{
  text-align:center;
}

.nBtn{
color: #fff !important;
font-size: 14px !important;
font-weight: bold;
cursor: pointer;
display: inline-block;
min-width: 140px;
padding: 6px 8px!important;
border: solid 3px #e8b000;
background-color: #F3D200;
}

.nBtnB{
color: #fff !important;
font-size: 14px !important;
font-weight: bold;
cursor: pointer;
display: inline-block;
min-width: 140px;
padding: 6px 8px!important;
border: solid 3px #bbbbbb;
background-color: #dddddd;
}
.nBtn a,.nBtnB a{
  color: #fff !important;
}
.nBtn:hover,.nBtnB:hover{
  color: #fff !important;
}

.new{
  margin:10px 0;
  text-align:center;
  background:#f5f5f5;
  padding:20px !important;
}



body {
    color: #000;
    background: url(/imgdir/common/h2_line.gif);
    font-size: 90%;
    text-align: center;
    font-family: sans-serif;
    margin: 0px;
    padding: 0px;
}

a img {
    border: none;
}

a {
    color: #0066FF;
    text-decoration: none;
}

a:hover {
    color: #0066FF;
    text-decoration: underline;
}

h2,h3,h4,h5,h6 {
    margin: 1.2em 0px 1em 0px;
}

p,
ul,ol,dl {
    margin: 0px 0px 1em 0px;
    line-height: 1.4;
}

ul,ol {
    padding: 0px 0px 0px 30px;
}

dt {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px 0px 1em 0px;
}

table th,
table td {
    font-weight: normal;
    border: none;
    text-align: left;
    padding: 4px 6px;
    vertical-align: top;
}

table th {
}

.clf {
    min-height: 1px;
}

.clf:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .clf {
    height: 1px;
    overflow: visible;
}
/**/


.doc_separate {
    display: none;
}

.v_t {
    vertical-align: top !important;
}

.v_m {
    vertical-align: middle !important;
}

.v_b {
    vertical-align: bottom !important;
}

/*============================================================**
        #contents
**============================================================*/

#contents {
    text-align: left;
    padding: 38px 0px 38px 0px;
    width: 482px;
    margin: 0px auto;
}

.contents_wide #contents {
    width: 582px;
}

#help_link {
    margin: 0px;
    padding: 0px;
}

#help_link li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#help_link li img {
    vertical-align: bottom;
}


.login_field {
    background:#FFF;
    padding: 10px 0px 0px 0px;
    border:#ddd solid 3px;
}

.login_field_set {
    background:#FFF;
    padding-bottom: 7px;
}

.login_field_inner {
    background:#FFF;
    padding: 7px 40px 40px 40px;
}

.contents_wide .login_field {
    background-image:#fff;
}

.contents_wide .login_field_set {
    background-image:fff;
}

.contents_wide .login_field_inner {
    background-image: url(../images/login_bg_content2_02.gif);
}

.login_field_inner .logo {
    text-align: center;
    margin: 0px 0px 5px 0px;
}

.login_field_inner .title {
    font-size: 140%;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
}

.login_field_inner .title * {
    margin: 0px;
    padding: 0px;
}

.login_field_inner .login_form {
    padding: 0px 0px 0px 0px;
}

.login_field_inner .login_form * {
    margin: 0px;
    padding: 0px;
}

.login_field_inner .login_form p {
    margin: 0px 0px 16px 0px;
}

.login_field_inner .login_form label {
    display: block;
    font-size: 100%;
    margin:2px 0;
}

.login_field_inner .login_form .post_input {
    display: block;
    border: 1px solid #c0c0c0;
    background: #fff;
    padding: 4px;
    zoom: 1;
}

.login_field_inner .login_form .post_input input,
.login_field_inner .login_form .post_input textarea {
    width: 100%;
    border: none;
    font-size: 100%;
    background-color: #fff;
}

.login_field_inner .login_form .post_input {

}

.login_field_inner .login_form .post_nom label {
    display: inline;
}

.login_field_inner .post_submit {
    text-align: center;
    margin: 0px;
}
.login_field_inner .post_submit input {
color: #fff;
font-size: 14px !important;
font-weight: bold;
cursor: pointer;
display: inline-block;
min-width: 140px;
padding: 6px 8px;
border: solid 3px #e8b000;
background-color: #F3D200;
}
.login_field_inner .post_submit2 {
    margin: 0px;
}

.login_field_inner .notes {
  text-align:center;
    margin: 16px 0px 16px 0px;
    font-size: 90%;
}

.login_field_inner .login_form table.form_table {
    width: 100%;
}

.login_field_inner .login_form table.form_table th,
.login_field_inner .login_form table.form_table td {
    padding: 4px 0px 15px 0px;
}

.login_field_inner .login_form table.form_table th {
    width: 150px;
    padding-right: 10px;
    text-align: right;
}

.login_field_inner .login_form table.form_table .icon_req {
    vertical-align: baseline;
    margin: 0px 0px -2px 0px;
}


/*============================================================**
        #footer
**============================================================*/

#footer {
    clear: both;
    background: url(../images/login_bg_footer.gif) no-repeat 50% 0px;
}

.contents_wide #footer {
    background-image: url(../images/login_bg_footer2.gif);
}

#footer_info {
    padding: 90px 0px 30px 0px;
}

#footer_info .copy {
  margin:20px 0 0 0;
    text-align: center;
    font-style: normal;
}


/*============================================================**
        .msg
**============================================================*/

.msg {
    background-color: #fff8da;
    margin: 0px 0px 15px 0px;
    padding: 15px 10px 15px 10px;
}

.msg-error {
    background: #fff8da url(../images/login_msg_er_01.gif) no-repeat 17px 50%;
    padding-left: 60px;
}

.msg-success {
    border: 1px solid #BFE6FE;
    background-color: #E1F6FE;
}

.msg_only {
    padding: 30px 0px 160px 0px;
}


/*============================================================**
        datepicker
**============================================================*/

.ui-datepicker {
    display: none;
    width: 200px;
    border: 1px solid #c0c6c9;
    background-color: #fff;
    padding: 2px;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    background-color: #5c909b;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 22px;
    height: 22px;
    font-weight: bold;
    color: white;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 15px;
    height: 15px;
    margin-bottom: 2px;
    color: white;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker table {
    width: 100%;
    margin: 0;
    font-size: 95%;
}
.ui-datepicker th {
    padding: 0.7em 0.5em 0;
    text-align: center;
    font-weight: bold;
    font-family: monospace;
}
.ui-datepicker thead .ui-datepicker-week-end {
    color: #7b7c7d;
}
.ui-datepicker thead span[title=sunday] {
    color: #f55;
}
.ui-datepicker span[title=saturday] {
    color: #3b83f3;
}
.ui-datepicker td {
    padding: 1px;
}
.ui-datepicker .ui-state-default {
    border: 1px solid #c0c6c9;
    background-color: #f3f3f3;
}
.ui-datepicker .ui-state-hover {
    border-color: #7b7c7d;
    background-color: #c0c6c9;
}
.ui-datepicker .ui-state-highlight {
    border-color: #ebd147;
    background-color: #fbf9ee;
}
.ui-datepicker a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
    color: #333;
}
.ui-datepicker,
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}



/*============================================================**
        #debug
**============================================================*/

#debug {
    background: #EEE;
    color: #000;
    padding: 0px 0px;
    margin: 0px 0px;
    width: 200px;
    height: 100px;
    overflow: auto;
    font-size: 70%;
    border: 2px inset #333;
    position: fixed;
    left: 0px;
    bottom: 0px;
    opacity: 1.0;
    z-index: 10000;
    opacity: 0.8;
    text-align: left;
}

#debug:hover {
    opacity: 1;
}

#debug p {
    border-bottom: 1px solid #CCC;
    padding: 3px 6px;
    margin: 0px;
}

#debug p:first-child {
    color: #F00;
}
