@charset "utf-8";

/*===================================================================
  import common CSS
===================================================================*/
@import url(./reset.css);
@import url(./common.css);

/*===================================================================

  NewAdd

===================================================================*/
.mainContents{ width:800px; margin:0 auto; }


/* Strings */
.cAlert{ color:#ff0000; font-weight:bold; }

.indent01{ padding-left:40px; }
.indent02{ padding-left:80px; }
.indent03{ padding-left:120px; }

.newAddStr01{ font-size:22px; }
.newAddStr02{ font-size:18px; color:#ffffff; padding:10px 20px; cursor:pointer; background-color:#25bd91; }
.newAddStr02:hover{ color:#333333; background-color:#eddd60; }
.newAddStr03{}
.newAddStr04{ }
.newAddStr05{ font-size:22px; }
.newAddStr06{ font-size:14px; height:30px; padding:0;  }


/* Box */
.newAddBox01{ height:350px; }
.newAddBox02{ float:left; width:340px; margin:30px; }
.newAddBox03{ float:left; width:340px; margin:30px; }
.newAddBox04{ display:none; padding:10px; background-color:#eeeeee; }
.newAddBox05{ height:50px; }
.newAddBox05 p{ line-height:50px; font-weight:bold; text-align:right; }
.newAddBox06{ margin-top:50px; padding:20px; border:1px #999999 solid; border-radius: 5px; background-color:#f9f9f9; }
.newAddBox06 p{ line-height:200%; }
.newAddBox06 a{ color:#ff3333; }
.newAddBox07{ width:800px; height:100px; padding:8px 0; margin-left:auto; margin-right:auto; border-top:1px #999999 solid; }



.newAddInput{ width:800px; padding:8px 0; margin-left:auto; margin-right:auto; border-top:1px #999999 solid; }
.newAddInput p{ line-height:30px; }
.newAddInput div{ float:left; }
.newAddInput div:nth-of-type(1){ width:200px; }
.newAddInput div:nth-of-type(2){ width:600px; }






/* Button */
.newAddSubmitBtn{ float:right; cursor:pointer; width:200px; height:40px; margin-top:20px; margin-left:auto; margin-right:auto; background-color:#008740; border-radius:4px; }
.newAddSubmitBtn p{ color:#ffffff; line-height:40px; text-align:center; }
.newAddSubmitBtn:hover{ opacity:0.7; }

.newAddBackBtn{ float:left; cursor:pointer; width:200px; height:40px; margin-top:20px; margin-left:auto; margin-right:auto; background-color:#999999; border-radius:4px; }
.newAddBackBtn p{ color:#ffffff; line-height:40px; text-align:center; }
.newAddBackBtn:hover{ opacity:0.7; }



/* Form */
.newAddForm{ color:#0000ff; padding:0 10px; width:200px; height:30px; border:1px #cccccc solid; border-radius: 5px; background-color:#ffffee;  }
.newAddForm:focus{ border:1px #ffcccc solid; background-color:#ffff66;  }




/* Index Login */
.newAddLoginBox{ width:320px; height:120px; margin:0 auto; }
.newAddLoginInput{ margin-top:10px; }
.newAddLoginInput p{ text-align:right; padding-right:10px; }
.newAddLoginInput div:nth-of-type(1){ float:left; width:100px; height:26px; }
.newAddLoginInput div:nth-of-type(2){ float:left; width:220px; height:26px; }
.newAddLoginForm{ color:#0000ff; padding:0 10px; width:220px; height:30px; border:1px #cccccc solid; border-radius: 5px; background-color:#ffffee;  }
.newAddLoginForm:focus{ border:1px #ffcccc solid; background-color:#ffff66;  }
.newAddLoginBtn{ cursor:pointer; width:200px; height:30px; margin-top:20px; margin-left:auto; margin-right:auto; background-color:#008740; border-radius:4px; }
.newAddLoginBtn p{ color:#ffffff; line-height:30px; text-align:center; }
.newAddLoginBtn:hover{ opacity:0.7; }


/* header */
.Header{ height:180px; background-color:#25bd91; }
.Header div{ width:1000px; height:180px; margin:0 auto; position:relative; }
.Header img{ width:440px; height:145px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; margin:auto; }



/*===================================================================
  Loading Mask
===================================================================*/
#formLoading{ display:none; width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.5); z-index:9999; }
#formLoading p{ width:150px; height:150px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border-radius:10px; background-color:#eeeeee; background-image:url(../img/loading.gif); background-repeat:no-repeat; background-position:center center; }
#naLoadingMask{ display:none; width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.5); z-index:9999; }
#naLoadingMask p{ width:150px; height:150px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border-radius:10px; background-color:#eeeeee; background-image:url(../img/loading.gif); background-repeat:no-repeat; background-position:center center; }