@charset "UTF-8";
/* ===================================================================
CSS information
	style info

	00.リセット
	01.基本設定
  02.header
  03.nav
  04.コンテンツ外枠
  05.フォーム部分
  06.footer
  07.パスワード画面
=================================================================== */
/*----------------------------------------------------
	00.リセット
----------------------------------------------------*/
body {
  font-size: 90%;
}

body, header, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td, section, figure, figcaption {
  margin: 0;
  padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: "";
}

object,
embed {
  vertical-align: top;
}

hr, legend {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

img, abbr, acronym, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

li {
  list-style-type: none;
}

input[type=submit],
button,
textarea {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*select::-ms-expand {
	display: none;
}*/
button {
  cursor: pointer;
}

/*----------------------------------------------------
	01.基本設定
----------------------------------------------------*/
html {
  font-size: 90%;
  font-family: "MS PGothic", Osaka;
  color: #666;
  line-height: 1.3em;
  background: #DDDDDD;
}

/*----------------------------------------------------
	02.header
----------------------------------------------------*/
table#header {
  background: #0bbf00 url("../img/bg_head.gif") no-repeat;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
table#header td.text {
  position: relative;
  height: 15px;
  overflow: hidden;
  line-height: 1.2em;
  vertical-align: top;
}
table#header td.text p {
  position: absolute;
}
table#header td.logo {
  overflow: hidden;
  height: 83px;
  line-height: 1.1em;
}
table#header td.td-2 {
  height: 15px;
  line-height: 0;
}

/*----------------------------------------------------
	03.nav
----------------------------------------------------*/
#nav {
  width: 902px;
  margin: 0 auto 1px;
}
#nav ul {
  display: flex;
}
#nav ul li {
  width: 129px;
  height: 43px;
}
#nav ul li:last-child {
  width: 128px;
}
#nav ul li a {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block;
  width: 100%;
  height: 100%;
}
#nav ul li a.home {
  background: #0bbf00 url("../img/b_home.gif") left center no-repeat;
}
#nav ul li a.gaiyou {
  background: #0bbf00 url("../img/b_gaiyou3.gif") left center no-repeat;
}
#nav ul li a.katsudou {
  background: #0bbf00 url("../img/b_katsudou.gif") left center no-repeat;
}
#nav ul li a.osirase {
  background: #0bbf00 url("../img/b_osirase.gif") left center no-repeat;
}
#nav ul li a.toiawase {
  background: #0bbf00 url("../img/b_toiawase.gif") left center no-repeat;
}
#nav ul li a.nyukai {
  background: #0bbf00 url("../img/b_nyukai4.gif") left center no-repeat;
}
#nav ul li a.link {
  background: #0bbf00 url("../img/b_link.gif") left center no-repeat;
}

/*----------------------------------------------------
	04.コンテンツ外枠
----------------------------------------------------*/
#contentsArea {
  display: flex;
  width: 900px;
  margin: 0 auto;
  text-align: left;
}
#contentsArea .mainArea {
  box-sizing: border-box;
  width: 695px;
  padding: 18px 27px;
  background: #fff;
}
#contentsArea .mainArea h2 {
  padding: 0 0 0 30px;
  font-size: 1em;
  line-height: 15px;
  background: url("../img/bg_subhead1.gif") left top no-repeat;
}
#contentsArea .mainArea h2:after {
  content: "";
  display: block;
  width: 640px;
  height: 6px;
  margin: 6px 30px 20px -30px;
  background: url("../img/bg_subhead2.gif") left center repeat-y;
}
#contentsArea .mainArea p.note {
  margin: 0 0 20px;
  font-size: 0.85em;
}
#contentsArea .mainArea p.note span {
  color: #C00;
}
#contentsArea .sideArea {
  box-sizing: border-box;
  width: 205px;
  padding: 10px;
  text-align: center;
  line-height: 1em;
  background: #efefef;
}
#contentsArea .sideArea table tr td {
  box-sizing: border-box;
  padding: 0 5px;
}

/*----------------------------------------------------
	05.フォーム部分
----------------------------------------------------*/
#contentsArea .mainArea dl.form {
  display: flex;
  margin: 0 0 7px;
}
#contentsArea .mainArea dl.form dt {
  box-sizing: border-box;
  display: flex;
  width: 170px;
  padding: 0 0 0 10px;
  font-weight: bold;
  background: #fefced;
  border-bottom: 1px solid rgba(255, 153, 51, 0.2);
  align-items: center;
}
#contentsArea .mainArea dl.form dt span.ic_required {
  display: inline-block;
  margin: 0 0 0 5px;
  font-size: 0.85em;
  font-weight: normal;
  color: #C00;
  vertical-align: top;
}
#contentsArea .mainArea dl.form dd {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 170px);
  min-height: 30px;
  padding: 5px 0 5px 10px;
  border-bottom: 1px solid rgba(255, 153, 51, 0.2);
  align-items: center;
}
#contentsArea .mainArea dl.form dd label {
  width: 100%;
  display: flex;
  margin: 0 10px 0 0;
  vertical-align: top;
}
#contentsArea .mainArea dl.form dd label input {
  margin: 0 5px 0 0;
}
#contentsArea .mainArea dl.form dd label span {
  display: block;
  line-height: 1.2em;
  cursor: pointer;
}
#contentsArea .mainArea dl.form dd input[type=text] {
  padding: 5px;
}
#contentsArea .mainArea dl.form dd input.name, #contentsArea .mainArea dl.form dd input.phonetic, #contentsArea .mainArea dl.form dd input.mail, #contentsArea .mainArea dl.form dd input.facility, #contentsArea .mainArea dl.form dd input.department, #contentsArea .mainArea dl.form dd input.school {
  width: 215px;
  height: 26px;
  margin: 0 10px 0 0;
  font-size: 90%;
  border: 1px solid #cccccc;
}
#contentsArea .mainArea dl.form dd input.other, #contentsArea .mainArea dl.form dd input.fieldname {
  width: 146px;
  height: 26px;
  margin: 0 10px 0 10px;
  font-size: 90%;
  border: 1px solid #cccccc;
}
#contentsArea .mainArea dl.form dd input.postalcode {
  width: 80px;
  height: 26px;
  margin: 0 10px 0 0;
  font-size: 90%;
  border: 1px solid #cccccc;
  ime-mode: disabled;
  text-align: center;
}
#contentsArea .mainArea dl.form dd input.address {
  width: 340px;
  height: 26px;
  margin: 0 10px 0 0;
  font-size: 90%;
  border: 1px solid #cccccc;
}
#contentsArea .mainArea dl.form dd input.acquisition, #contentsArea .mainArea dl.form dd input.year, #contentsArea .mainArea dl.form dd input.month, #contentsArea .mainArea dl.form dd input.day {
  width: 60px;
  height: 26px;
  margin: 0 10px;
  font-size: 90%;
  border: 1px solid #cccccc;
  ime-mode: disabled;
  text-align: center;
}
#contentsArea .mainArea dl.form dd input.acquisition, #contentsArea .mainArea dl.form dd input.year {
  margin-left: 0;
}
#contentsArea .mainArea dl.form dd textarea.notice {
  width: 100%;
  padding: 10px;
  font-size: 90%;
  line-height: 1.3em;
  border: 1px solid #cccccc;
  font-family: "MS PGothic", Osaka;
}
#contentsArea .mainArea dl.form dd select.prefectures {
  margin: 0 10px 0 0;
}
#contentsArea .mainArea dl.form dd .text,
#contentsArea .mainArea dl.form dd .example {
  margin: 0 10px 0 0;
}
#contentsArea .mainArea dl.form dd .error {
  font-size: 0.85em;
  line-height: 1em;
  color: #C00;
}
#contentsArea .mainArea dl.form dd.course {
  display: block;
  height: auto;
  padding: 5px 15px 5px 10px;
}
#contentsArea .mainArea dl.form dd.course span.horizontal-item {
  display: block;
}
#contentsArea .mainArea dl.form dd.course span.horizontal-item + span.horizontal-item {
  margin-top: 10px;
}
#contentsArea .mainArea dl.form dd.field, #contentsArea .mainArea dl.form dd.attendance {
  display: block;
  height: auto;
  padding: 15px 15px 15px 10px;
}
#contentsArea .mainArea dl.form dd.field span.horizontal-item, #contentsArea .mainArea dl.form dd.attendance span.horizontal-item {
  display: inline-block;
}
#contentsArea .mainArea dl.form dd.field span.field01,
#contentsArea .mainArea dl.form dd.field span.attendance01, #contentsArea .mainArea dl.form dd.attendance span.field01,
#contentsArea .mainArea dl.form dd.attendance span.attendance01 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#contentsArea .mainArea dl.form dd.field span.field01 span,
#contentsArea .mainArea dl.form dd.field span.attendance01 span, #contentsArea .mainArea dl.form dd.attendance span.field01 span,
#contentsArea .mainArea dl.form dd.attendance span.attendance01 span {
  margin: 0;
}
#contentsArea .mainArea dl.form dd.field span.field01 span:nth-child(n+5),
#contentsArea .mainArea dl.form dd.field span.attendance01 span:nth-child(n+5), #contentsArea .mainArea dl.form dd.attendance span.field01 span:nth-child(n+5),
#contentsArea .mainArea dl.form dd.attendance span.attendance01 span:nth-child(n+5) {
  margin-top: 5px;
}
#contentsArea .mainArea dl.form dd.field span.field01 label,
#contentsArea .mainArea dl.form dd.field span.attendance01 label, #contentsArea .mainArea dl.form dd.attendance span.field01 label,
#contentsArea .mainArea dl.form dd.attendance span.attendance01 label {
  margin: 0 !important;
}
#contentsArea .mainArea dl.form dd.field span.field02,
#contentsArea .mainArea dl.form dd.field span.attendance02, #contentsArea .mainArea dl.form dd.attendance span.field02,
#contentsArea .mainArea dl.form dd.attendance span.attendance02 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px 0 0;
}
#contentsArea .mainArea dl.form dd.field span.field02 label,
#contentsArea .mainArea dl.form dd.field span.attendance02 label, #contentsArea .mainArea dl.form dd.attendance span.field02 label,
#contentsArea .mainArea dl.form dd.attendance span.attendance02 label {
  margin: 0 !important;
}
#contentsArea .mainArea dl.form dd.field span.field02 span.other + span.error,
#contentsArea .mainArea dl.form dd.field span.attendance02 span.other + span.error, #contentsArea .mainArea dl.form dd.attendance span.field02 span.other + span.error,
#contentsArea .mainArea dl.form dd.attendance span.attendance02 span.other + span.error {
  margin-top: 5px;
}
#contentsArea .mainArea dl.form dd.field span.field02 + span.error,
#contentsArea .mainArea dl.form dd.field span.attendance02 + span.error, #contentsArea .mainArea dl.form dd.attendance span.field02 + span.error,
#contentsArea .mainArea dl.form dd.attendance span.attendance02 + span.error {
  margin-top: 8px;
}
#contentsArea .mainArea dl.form dd.textarea {
  display: block;
  height: auto;
  min-height: 30px;
}
#contentsArea .mainArea dl.form dd.textarea span.text {
  display: block;
  margin-bottom: 8px;
}
#contentsArea .mainArea dl.form dd.textarea span.error {
  margin-top: 8px;
}
#contentsArea .mainArea dl.form dd.name span.text {
  display: block;
  margin-top: 0.25em;
}
#contentsArea .mainArea dl.form dd.field span.horizontal-item + span.horizontal-item {
  margin-left: 0.5em;
}
#contentsArea .mainArea #confirmation dl dd.course, #contentsArea .mainArea #confirmation dl dd.field, #contentsArea .mainArea #confirmation dl dd.attendance {
  display: flex;
  min-height: 30px;
  padding: 5px 0 5px 10px;
}
#contentsArea .mainArea #confirmation dl dd.field span.field02 {
  margin: 0;
}
#contentsArea .mainArea #confirmation dl dd.field span.field02 span.other {
  display: inline-block;
  margin: 0 0 0 1em;
}
#contentsArea .mainArea #confirmation dl dd.field span.field02 span.note {
  display: none;
}
#contentsArea .mainArea #confirmation dl dd.textarea span.text {
  display: none;
}
#contentsArea .mainArea #confirmation dl dd.name span.text {
  display: none;
}
#contentsArea .mainArea #confirmation .ic_required,
#contentsArea .mainArea #confirmation .example {
  display: none;
}
#contentsArea .mainArea ul.submitArea {
  margin: 20px 0;
  text-align: center;
  font-size: 0;
}
#contentsArea .mainArea ul.submitArea li {
  display: inline-block;
  margin: 0 10px;
}
#contentsArea .mainArea ul.submitArea li input {
  width: 200px;
  padding: 10px 0;
  font-size: 0.85rem;
  color: #fff;
  background: #F99608;
  cursor: pointer;
}
#contentsArea .mainArea ul.submitArea li input:hover {
  background: rgba(249, 150, 7, 0.8);
}
#contentsArea .mainArea ul.submitArea li.disabled input {
  pointer-events: none;
  background: rgba(249, 150, 7, 0.2);
}
#contentsArea .mainArea #thanks {
  text-align: center;
  padding: 30px;
  background: #f9fcf2;
}
#contentsArea .mainArea #thanks h3 {
  margin: 0 0 15px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #666;
}
#contentsArea .mainArea #thanks p {
  line-height: 1.6em;
}
#contentsArea .mainArea .aligncenter {
  margin: 20px 0 0;
  text-align: center;
  line-height: 1.6em;
}

/*----------------------------------------------------
	06.footer
----------------------------------------------------*/
#footer {
  position: relative;
  width: 900px;
  height: 35px;
  margin: 0 auto;
  font-size: 0.87em;
  color: #FFFFFF;
  background: #0bbf00;
}
#footer p {
  position: absolute;
  color: #FFFFFF;
}
#footer p.copyright {
  top: 9px;
  left: 30px;
}
#footer p.name {
  top: 9px;
  right: 30px;
}

/*----------------------------------------------------
	07.パスワード画面
----------------------------------------------------*/
form.post-password-form p + p {
  margin-top: 1em;
}
form.post-password-form input[type=submit] {
  margin-left: 0.5em;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  transition: all 0.2s;
  cursor: pointer;
}
form.post-password-form input[type=submit]:hover {
  background: rgba(204, 204, 204, 0.5);
}/*# sourceMappingURL=style.css.map */