@CHARSET "utf-8";

* {
  margin: 0;
  padding: 0;
}

a {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  font-size: 1em;
}

ul,
ol,
li {
  list-style-type: none;
}

input {
  margin: 0;
  padding: 2px;
}

/* common style
----------------------------------------- */

#content {
  text-align: center;
}

#content #main {
  padding-top: 15px;
}

div#main.apply-box {
  margin: 0 auto 30px;
  width: 750px;
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
}

div#main.apply-box h2 {
  margin-bottom: 20px;
}

div#main.apply-box h2.shop-apply {
  margin-bottom: 40px;
}

#main div.login-btn {
  margin-bottom: 30px;
  padding-top: 10px;
}

#main div.content-box {
  margin: 0 10px;
  text-align: left;
}

#main div.header-box {
  margin-bottom: 15px;
  border: 1px #ccc solid;
}

#main div.header-box div.header-inner {
  border: 1px #fff solid;
  background: url('/static/img/ac/apply/bg-header01.gif') repeat-x 0 100%;
}

#main div.header-box div.header-inner h3 {
  padding: 8px;
  border-left: 5px #00a0e9 solid;
  font-size: 1.2em;
}

#main div.header-box div.header-inner h3 span {
  margin-left: 5px;
  font-size: 14px;
}

#main div.section-box {
  padding-bottom: 30px;
}

#main form.apply {
  margin-bottom: 20px;
  text-align: left;
}

#main form.apply p {
  margin: 0 10px;
}

#main table.challenge-input,
#main table.challenge-confirm {
  margin: 0 10px 15px;
  width: 710px;
}

#main table.challenge-input tr th,
#main table.challenge-input tr td,
#main table.challenge-confirm tr th,
#main table.challenge-confirm tr td {
  text-align: left;
}

#main table.challenge-input tr th,
#main table.challenge-input tr td {
  padding: 5px 0;
}

#main table.challenge-input tr th {
  padding: 8px 0 0 35px;
  width: 155px;
  vertical-align: top;
}

#main table.challenge-input tr th.required {
  background: url('/static/img/ac/apply/icon-required.gif') no-repeat 0 8px;
}

#main table.challenge-input tr td p {
  margin: 3px 0 0;
  font-size: 12px;
}

#main table.challenge-input tr td span {
  padding: 0 5px;
  font-size: 12px;
}

table.challenge-input tr td input#name01,
table.challenge-input tr td input#name02,
table.challenge-input tr td input#kana01,
table.challenge-input tr td input#kana02 {
  width: 120px;
}

table.challenge-input tr td input#zipcode_list01,
table.challenge-input tr td input#zipcode_list02,
table.challenge-input tr td input#tel01,
table.challenge-input tr td input#tel02,
table.challenge-input tr td input#tel03 {
  width: 40px;
}

table.challenge-input tr td input#address01,
table.challenge-input tr td input#address02,
table.challenge-input tr td input#address03,
table.challenge-input tr td input#building,
table.challenge-input tr td input#login-id,
table.challenge-input tr td input#password,
table.challenge-input tr td input#password-confirm,
table.challenge-input tr td input#job,
#main table#challenge-promotion tr td input {
  width: 260px;
}

#main div.input-caution {
  margin-bottom: -10px;
  padding-top: 15px;
  border-top: 1px #999 dotted;
}

#main div.input-caution p {
  margin: 0 8px 10px;
  line-height: 1.3;
}

#main table.challenge-confirm {
  margin: 5px 10px 20px;
  border-top: 1px #999 dotted;
  width: 710px;
}

#main table.challenge-confirm tr th,
#main table.challenge-confirm tr td {
  padding: 8px 0 8px 10px;
  border-bottom: 1px #999 dotted;
}

#main table.challenge-confirm tr th {
  width: 165px;
  vertical-align: top;
  background-color: #e5f8ff;
}

#main table.challenge-confirm tr td {
  line-height: 1.5;
}

#main div.btn-box,
#main div.float-btn-box {
  padding-top: 20px;
  border-top: 1px #999 solid;
  text-align: center;
}

#main div.btn-p-box {
  text-align: center;
}

#main a.submit-button {
  margin: 0 auto;
  display: block;
  width: 192px;
  height: 32px;
  line-height: 32px;
  color: #000;
  background: url('/static/img/ac/apply/bg-btn.gif') no-repeat center center;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  outline: none;
}

#main a.submit-button:active,
#main a.submit-button:hover {
  color: #f00;
  text-decoration: none;
}

#main div.float-btn-box p {
  margin: 0 163px;
  width: 424px;
  overflow: hidden;
}

#main div.float-btn-box p a.submit-button {
  margin: 0 10px;
  float: left;
}

* html #main div.float-btn-box p a.submit-button {
  margin-left: 5px;
}

/* custom style
----------------------------------------- */

/* 01 */
#main div.apply-form-box {
  margin: 20px 10px 0;
}

#main table#challenge-mail tr th {
  padding: 8px 0 0 0;
  width: 140px;
  vertical-align: top;
}

#main table#challenge-mail tr td input {
  width: 300px;
}

#main table#challenge-mail tr td ul {
  padding: 5px 0;
  line-height: 1.3;
}

#main div.shipping {
  margin: 5px 10px 10px;
  padding: 5px;
  border: 1px #999 dotted;
  line-height: 1.3;
}

#main div.shipping strong {
  margin-bottom: 5px;
  display: block;
  font-size: 1.2em;
}

#main div.shipping strong span {
  margin-right: 3px;
  padding: 2px;
  color: #fff;
  background-color: #f00;
}

#main table#challenge-course {
  margin-bottom: 0;
}

#main table#challenge-course tr th {
  border-bottom: 10px #fff solid;
}

#main table#challenge-course thead tr th {
  padding: 5px 10px;
  border-bottom: 5px #fff solid;
  width: 502px;
  color: #fff;
  background: url('/static/img/ac/apply/bg-header02.gif') repeat 0 0;
  font-size: 1.2em;
}

#main table#challenge-course thead tr th.first {
  border-right: 10px #fff solid;
  width: 208px;
}

#main table#challenge-course tbody tr th {
  padding: 15px 10px 8px 0;
  width: 200px;
  vertical-align: top;
  font-size: 1.2em;
  text-indent: 0;
}

#main table#challenge-course tbody tr th.first {
  padding: 16px 0 0 8px;
  width: 20px;
}

* html #main table#challenge-course tbody tr th.first {
  padding-top: 13px;
}

*:first-child + html #main table#challenge-course tbody tr th.first {
  padding-top: 13px;
}

#main table#challenge-course tbody tr th span {
  margin: 5px 15px 0 0;
  display: block;
  color: #f00;
  font-size: 12px;
  text-indent: 0;
}

#main table#challenge-course tr td div.plan-box {
  padding: 10px 14px 0;
  background-color: #e5f8ff;
}

#main table#challenge-course tr td div.plan-box label {
  font-weight: bold;
  font-size: 1.2em;
}

#main table#challenge-course tr td div.plan-box ul {
  padding: 5px 16px 10px;
  border-bottom: 1px #999 dotted;
  line-height: 1.5;
}

#main table#challenge-course tr td div.plan-box ul li span.monospace,
#main div.send-box ul li span {
  color: #00a0e9;
}

#main table#challenge-course tr td div.last ul {
  border-bottom: 0;
}

#main table#challenge-course tr td.disabled div.plan-box {
  color: #999;
  background-color: #ddd;
}

#main table#challenge-course tr td.disabled div.plan-box ul li span {
  color: #999;
}

#main p.bubble01 {
  margin: 0 10px 10px;
  padding: 5px 5px 18px;
  color: #ff0;
  background: url('/static/img/ac/apply/bg-bubble.gif') no-repeat 0 100%;
  font-weight: bold;
  font-size: 16px;
}

/* 02 */
#main div.send-box {
  margin: 0 10px;
  background: url('/static/img/ac/apply/bg-send.gif') no-repeat 0 10px;
}

#main div.send-box p,
#main div.send-box ul {
  margin-left: 100px;
}

#main div.send-box p {
  padding-top: 10px;
}

#main div.send-box ul {
  margin-top: 5px;
  padding: 8px 10px;
  border: 1px #999 dotted;
  line-height: 1.5;
}

/* 03 */
#main table#challenge-adress {
  margin: 0 10px 15px;
}

#main table#challenge-adress tr td img,
#main dl.settle-box dd img {
  vertical-align: middle;
}

#main dl.settle-box {
  margin: -5px 10px 10px;
  line-height: 1.7;
}

#main dl.settle-box dt {
  font-weight: bold;
}

#main dl.settle-box dt input {
  margin-right: 3px;
}

#main dl.settle-box dd {
  margin-left: 13px;
}

#main dl.settle-box dd img {
  margin-left: 5px;
}

#main dl.settle-box dd.input-card {
  margin: 5px 0 0;
  padding: 5px 13px 0;
  border-top: 1px #999 solid;
}

#main dl.settle-box dd.input-card select#card-com {
  margin-right: 10px;
}

#main dl.settle-box dd.input-card input#card01,
#main dl.settle-box dd.input-card input#card02,
#main dl.settle-box dd.input-card input#card03,
#main dl.settle-box dd.input-card input#card04 {
  width: 40px;
}

#main dl.settle-box dd.input-card input#card-name {
  margin: 0 5px;
  width: 140px;
}

#main div.btn-box p.bubble02 {
  margin: 20px 5px 0;
  padding: 5px 3px;
  color: #ff0;
  background-color: #f00;
  font-weight: bold;
  font-size: 16px;
}

/* 04 */
#main table#challenge-register01,
#main table#challenge-register02 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px #999 dotted;
}

#main table#challenge-register01 tr td span.monospace {
  padding: 0;
}

#main table#challenge-register02 {
  margin-bottom: 30px;
}

/* 05 */
#main p.bubble03 {
  margin: 0 10px 30px;
  padding: 5px 3px;
  color: #fff;
  background-color: #00a0e9;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

#main p.shop-rule {
  margin-top: 5px;
  padding: 20px 0 10px;
  border-top: 1px #999 solid;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}

/* 06 */
#main div.complete-box {
  padding-top: 250px;
  background: url('/static/img/ac/apply/img-moshimochan.gif') no-repeat 50% 0;
}

#main div.complete-box dl {
  margin: 0 10px;
  padding-bottom: 20px;
  background: url('/static/img/ac/apply/bg-send.gif') no-repeat 5px 10px;
}

#main div.complete-box dt,
#main div.complete-box dd {
  margin: 0 10px 0 100px;
  line-height: 1.5;
}

#main div.complete-box dt {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.3em;
}

#main div.ad {
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
}

#main div.ad p {
  margin-bottom: 5px;
}

/* 08 */
#main table#challenge-promotion {
  margin-bottom: 0;
}

#main table#challenge-promotion tr th {
  padding-left: 10px;
  width: 160px;
}

#main p.bubble-free {
  margin: 20px 5px 0 !important;
  padding: 5px 3px;
  line-height: 1.3;
  color: #fff;
  background-color: #f00;
  font-weight: bold;
  text-align: center;
}

#main p.bubble-free strong {
  color: #ff0;
  font-size: 24px;
}

/* 09 */
#main div.confirm-btn-box {
  margin-top: -10px;
  padding-top: 20px;
  border-top: 1px #999 solid;
}

/* 10 */
#main div.complete-box dd p {
  padding-top: 1em;
  color: #06c;
  font-weight: bold;
}

/* 比較表 */
a#chart-link01,
a#chart-link02 {
  margin: 20px 0;
  display: block;
  font-weight: bold;
}

a#chart-link02 {
  text-align: center;
}

div#chart {
  border: 1px #66ceff solid;
  width: 578px;
  background: #e0f3ff url('/static/img/ac/chart/bg.gif') no-repeat 0 83px;
  text-align: left;
}

div#chart table {
  margin: 0 10px;
  border: 1px #fff solid;
  border-bottom-color: #dae8f1;
  border-collapse: collapse;
  background-color: #fff;
}

div#chart table thead th,
div#chart table tbody th,
div#chart table tbody td {
  border-right: 1px #e5e5e5 dotted;
}

div#chart table tbody th,
div#chart table tbody td {
  border-bottom: 1px #e5e5e5 solid;
}

div#chart table thead th.last,
div#chart table tbody th.last,
div#chart table tbody td.last {
  border-right: none;
}

div#chart table tbody td {
  padding: 0 10px;
  line-height: 1.6;
}

div#chart table tbody td strong {
  color: #ff0338;
  background-color: #ffefa0;
}

div#chart ul {
  padding: 8px 10px;
  border-bottom: 1px #fff solid;
}

div.closing {
  margin-bottom: 20px;
  padding: 20px 20px 10px;
  line-height: 1.5;
  background-color: #ffc;
  font-size: 16px;
  text-align: left;
}

div.closing p {
  margin-bottom: 10px;
}

div.closing p b {
  color: #c00;
  font-size: 20px;
}