@charset "utf-8";

html, body {
  text-align: center;
  background: #FFF;
}

#header {
  overflow: hidden;
  display: block;
  height: 30px;
  background: #444444;
  width: 100%;
}

#headerBox {
  width: 960px;
  margin: 0 auto;
}
#headerBox #headerGlovalNavigation {
  float: left;
  list-style: none;
  padding: 0;
  line-height: 30px;
}
#headerBox #headerGlovalNavigation li {
  float: left;
  margin-right: 10px;
}
#headerBox #headerGlovalNavigation li a {
  color: #FFF;
}
#headerBox #share {
  float: right;
}
#headerBox #share li {
  float: left;
  margin: 5px 0 0 10px;
  width: 110px;
  overflow: hidden;
  text-align: right;
}

/*シェアボタン幅調節*/
.twitter-share-button {
  width: 110px !important;
}


#container {
  width: 960px;
  margin: 30px auto;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  border: 1px solid #dad7da;
}

#mainImg img {
  width: 960px;
}

#requirement {
  padding: 40px 100px;
  text-align: left;
}

#formBox {
  background: url(../../img/entry/bg_form.png) repeat;
  padding: 40px 50px;
  text-align: left;
}
#formBox #formArea {
  padding: 34px 50px;
  background: #FFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid #dad7da;
}
#formBox #formArea #formTitle {
  color: #001135;
  text-decoration: underline;
  font-weight: bold;
  font-size: 139%;
}

#error {
  background: url(../../img/entry/icon_error.png) 10px 7px no-repeat #ffecec;
  border: 3px solid #da0000;
  padding: 10px 30px;
  margin: 30px auto;
  width: 80%;
}
#error h3 {
  font-weight: bold;
  font-size: 124%;
  color: #da0000;
  text-decoration: underline;
  text-indent: 20px;
}
#error ul {
  margin-top: 10px;
}
#error ul li {
  padding-left: 14px;
  background: url(../../img/entry/icon_error_batsu.png) left center no-repeat;
  margin: 4px 0;
}
#error ul li span {
  font-weight: bold;
  color: #da0000;
}

#inputArea {
  width: 100%;
  overflow: hidden;
  zoom: 1;
  margin-top: 20px;
  border-bottom: solid 1px #999999;
  border-bottom-style: dotted;
  margin-bottom: 30px;
}
#inputArea dt {
  border-top: solid 1px #999999;
  border-top-style: dotted;
  float: left;
  padding-top: 20px;
  padding-left: 5%;
  margin-bottom: 20px;
  clear: left;
  width: 30%;
}
#inputArea dt .indispensable {
  color: red;
  font-size: 94%;
}
#inputArea dd {
  border-top: solid 1px #999999;
  border-top-style: dotted;
  float: left;
  padding-top: 20px;
  padding-left: 5%;
  margin-bottom: 20px;
  *float: none;
  width: 60%;
}
#inputArea .qIcon {
  height: 7px;
  width: 7px;
  background-color: #919191;
  display: inline-block;
  margin-right: 2px;
}
#inputArea input, #inputArea textarea {
  border-radius: 4px;
  padding: 4px;
  border: 1px solid #c3c3c3;
  border-width: 2px 1px 1px 2px;
}
#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;
}

/*応募ができない状態*/
#message p {
  margin: 10px auto;
}
#message p a {
  margin-top: 10px;
  font-weight: bold;
}

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

/*フォーム内のボタン設置エリア*/
#btnArea {
  height: auto;
  width: 80%;
  margin: 10px auto;
  text-align: center;
}
#btnArea .left {
  float: left;
}
#btnArea .right {
  float: right;
}

#btnArea:after {
  content: "";
  display: block;
  clear: both;
}

/*ボタン装飾*/
.btn {
  display: block;
  height: 48px;
  width: 220px;
  border-radius: 4px;
  font-weight: bold;
  color: #FFF;
  font-size: 124%;
  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;
}

.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;
}

/*応募完了*/
#statusEntered #form {
  margin: 20px 0;
}
#statusEntered #form #enteredShare {
  margin-top: 20px;
}

/*応募フォーム補足*/
#supplementBox {
  padding: 20px;
  margin-top: 20px;
  border: solid 3px #7C7C7C;
  border-radius: 4px;
}

#footer {
  height: 100px;
  padding-top: 10px;
  background: #444444;
  width: auto;
}

#footerBox {
  width: 960px;
  margin: 10px auto;
  text-align: left;
  overflow: hidden;
  color: #FFF;
}
#footerBox #footerGlovalNav {
  list-style: none;
}
#footerBox #footerGlovalNav li {
  float: left;
  margin-right: 10px;
}
#footerBox #footerGlovalNav li a {
  color: #FFF;
}
#footerBox address {
  display: block;
  clear: both;
  font-size: 77%;
  margin-top: 30px;
}
#footerBox address a {
  color: #FFFFFF;
}

/*応募規約*/
#ruleContainer {
  width: 960px;
  margin: 30px auto;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  border: 1px solid #dad7da;
}
#ruleContainer #supplementBox {
  padding: 60px;
  margin-top: 0;
  text-align: left;
}
#ruleContainer #supplementBox h1 {
  font-size: 147%;
}