@charset "utf-8";

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, table, tr, th, td, caption, tbody, tfoot, thead, article, section, aside, figure, footer, header, hgroup, menu, nav, video, canvas, address {
  margin: 0;
  padding: 0;
}

html {
  background: #FFF;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

body {
  font-size: 18px;
  font-size: 1.8rem;
}

#header {
  display: none;
}

#mainImg img {
  width: 100%;
}

#requirement {
  padding: 5%;
  text-align: left;
}

#formBox {
  border-top: solid 2px #dad7da;
}
#formBox #formArea {
  padding: 5%;
  background: #FFF;
}
#formBox #formArea #formTitle {
  color: #001135;
  text-decoration: underline;
  font-weight: bold;
  font-size: 23px;
  font-size: 2.3rem;
}

#error {
  background: #ffecec;
  border: 3px solid #da0000;
  margin: 30px auto;
  width: 95%;
  padding-top: 10px;
}
#error h3 {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  color: #da0000;
  text-decoration: underline;
  text-indent: 20px;
}
#error ul {
  margin-top: 10px;
  padding: 5%;
  padding-left: 10%;
}
#error ul li {
  margin: 10px 4px;
}
#error ul li span {
  font-weight: bold;
  color: #da0000;
}

#inputArea {
  width: 100%;
  overflow: hidden;
  zoom: 1;
  margin-top: 20px;
  margin-bottom: 30px;
}
#inputArea ul {
  list-style: none;
  margin: 0;
}
#inputArea dt .indispensable {
  color: red;
  font-size: 94%;
}
#inputArea dd {
  border-bottom: solid 1px #999999;
  border-bottom-style: dotted;
  padding-bottom: 6px;
  margin-bottom: 10px;
  padding-left: 0;
  margin-left: 0;
}
#inputArea input, #inputArea textarea {
  border-radius: 4px;
  padding: 4px;
  border: 1px solid #c3c3c3;
  border-width: 2px 1px 1px 2px;
  max-width: 95% !important;
}
#inputArea input:focus, #inputArea textarea:focus {
  box-shadow: #ff9251 0 0 6px;
  border-color: #ffc547;
}
#inputArea ul input {
  border: none;
}
#inputArea ul input:focus {
  box-shadow: none;
  border-color: none;
}

#statusConfirm dd {
  color: #0950A5;
}

/*まだ応募は完了していません*/
#notes {
  font-size: 124%;
  text-align: center;
  color: red;
  font-weight: bold;
  text-decoration: underline;
}

#btnArea {
  text-align: center;
}

/*ボタン装飾*/
.btn {
  display: block;
  height: 48px;
  width: 100%;
  border-radius: 4px;
  font-weight: bold;
  color: #FFF;
  font-size: 22px;
  font-size: 2.2rem;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.2);
  cursor: pointer;
  margin: 0 auto;
  color: #FFF !important;
  box-shadow: 0 1px 2px #606060, inset 0px 0px 2px white;
}

.btn:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  text-decoration: none;
}

#spCorrects .btn {
  display: inline !important;
  height: auto;
  width: 70%;
  border-radius: none;
  font-weight: bold;
  color: black;
  font-size: 100%;
  text-shadow: none;
  cursor: pointer;
  box-shadow: none;
  margin-top: 10px;
}

.blue {
  background-color: #117DD6;
  -pie-background: linear-gradient(bottom, #2a7edc 0%,#1c72d3 50%,#529aeb 51%,#6bb1ff 100%);
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%22%20y1%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%232a7edc%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%231c72d3%22%20offset%3d%2250%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23529aeb%22%20offset%3d%2251%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%236bb1ff%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #2a7edc),color-stop(50%, #1c72d3),color-stop(51%, #529aeb),color-stop(100%, #6bb1ff));
  background-image: -webkit-linear-gradient(bottom, #2a7edc 0%,#1c72d3 50%,#529aeb 51%,#6bb1ff 100%);
  background-image: -moz-linear-gradient(bottom, #2a7edc 0%,#1c72d3 50%,#529aeb 51%,#6bb1ff 100%);
  background-image: -ms-linear-gradient(bottom, #2a7edc 0%,#1c72d3 50%,#529aeb 51%,#6bb1ff 100%);
  background-image: -o-linear-gradient(bottom, #2a7edc 0%,#1c72d3 50%,#529aeb 51%,#6bb1ff 100%);
  background-image: linear-gradient(to top, #2a7edc 0%,#1c72d3 50%,#529aeb 51%,#6bb1ff 100%);
  border: solid 2px #2a7edc;
}

.red {
  background-color: #FC143E;
  -pie-background: linear-gradient(bottom, #d3274b 0%,#d3274b 50%,#f42d57 51%,#f6335c 100%);
  background-image: url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%22%20y1%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23d3274b%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23d3274b%22%20offset%3d%2250%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23f42d57%22%20offset%3d%2251%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23f6335c%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d3274b),color-stop(50%, #d3274b),color-stop(51%, #f42d57),color-stop(100%, #f6335c));
  background-image: -webkit-linear-gradient(bottom, #d3274b 0%,#d3274b 50%,#f42d57 51%,#f6335c 100%);
  background-image: -moz-linear-gradient(bottom, #d3274b 0%,#d3274b 50%,#f42d57 51%,#f6335c 100%);
  background-image: -ms-linear-gradient(bottom, #d3274b 0%,#d3274b 50%,#f42d57 51%,#f6335c 100%);
  background-image: -o-linear-gradient(bottom, #d3274b 0%,#d3274b 50%,#f42d57 51%,#f6335c 100%);
  background-image: linear-gradient(to top, #d3274b 0%,#d3274b 50%,#f42d57 51%,#f6335c 100%);
  border: solid 2px #d3274b;
}

/*応募フォーム補足*/
#supplementBox {
  margin: 10px;
  padding: 10px;
}

#footerBox {
  width: 100%;
  overflow: hidden;
  display: block;
  background: #444444;
  text-align: center;
  margin: 10px auto;
  color: #FFF;
}
#footerBox #footerGlovalNav {
  list-style: none;
  padding: 0;
}
#footerBox #footerGlovalNav li a {
  color: #FFF;
}
#footerBox address {
  font-size: 77%;
  margin-top: 30px;
  text-decoration: normal;
}
#footerBox address a {
  color: #FFFFFF;
}

/*応募規約*/
#ruleContainer #supplementBox {
  margin-top: 10px;
  text-align: left;
}
#ruleContainer #supplementBox h1 {
  font-size: 147%;
}
