@charset "utf-8";

#contents .wrap {
	padding-top: 36px;
}

#contents .wrap h2 {
	margin-bottom: 32px;
}

#contents .flow {
	text-align: center;
	margin-bottom: 50px;
}

#contents .registration-notice p {
	margin-bottom: 10px;
}

#contents .registration-notice p span {
	color: #f00;
}

#contents .registration-notice .small {
	font-size: 12px;
}

#contents > p {
	line-height: 1.5;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
}

#contents h3 {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 4px;
	color: #4a167d;
}

#contents .message {
	text-align: center;
	padding: 20px 0 70px;
}

#contents .to-toppage {
	text-align: center;
	padding-bottom: 40px;
}

#contents .to-toppage a {
	color: #00a0e9;
}

#contents .to-toppage a:hover {
	text-decoration: underline;
	color: #f08200;
}

/* Privacy box */
#contents .privacy-box {
	height: 80px;
	overflow: auto;
	border: 1px solid #656464;
	margin-bottom: 20px;
	padding: 20px;
}

#contents .privacy-box a {
	color: #000;
	text-decoration: underline;
}

#contents .privacy-box a:hover {
	text-decoration: none;
	color: #f08200;
}

input#agree {
  vertical-align: middle;
  height: 16px;
}

#contents .privacy-box p.agree-check {
  margin-top: 10px;
}

#contents .privacy-box p.agree-check label {
	font-weight: bold;
	font-size: 16px;
	background-color: #ede7f2;
}

/* submit button */
.submit {
	text-align: center;
	margin-bottom: 112px;
}

.submit li {
	display: inline-block;
}

.submit li input {
	width: 230px;
	height: 60px;
	border: none;
	cursor: pointer;
	margin: 0 20px;
	text-indent: 150%;
}

*+html .submit li input {
	display: block;
}
.submit li input.agree {
	background-color: #00a0e8;
}

.submit li input.not-agree {
	background-color: #cccccc;
}

.submit li input.next {
	background: url("../images/registration/next_btn.png") center top no-repeat;
}

.submit li input.back {
	background: url("../images/registration/back_btn.png") center top no-repeat;
}

.submit li input.confirm {
	background: url("../images/registration/confirm_btn.png") center top no-repeat;
}

.submit li input.registration {
	background: url("../images/registration/registration_btn.png") center top no-repeat;
}

.submit li input:hover {
	background-position: center bottom;
}

/* table.form */
table.form {
	width: 100%;
	margin-bottom: 20px;
}
table.form tr.first {
	border-bottom: 10px solid #FFF;
}
table.form th {
	background-color: #ede7f2;
	border: 1px solid #fff;
	color: #333333;
	text-align: center;
	width: 200px;
	padding: 8px 0;
}
table.form td {
	padding: 8px 15px;
	border: 1px solid #fff;
	background-color: #f2f2f2;
	text-align: left;
}

table.sub-item {
	width: auto;
}

table.form table.sub-item th,
table.form table.sub-item th.error,
table.form table.sub-item td {
	background-color: transparent;
	background-image: none;
	width: auto;
	padding: 2px 5px 2px 0px;
	border: none;
	text-indent: 0px;
	text-align: left;
	font-weight: normal;
}

/* session table */
table.session {
	width: 100%;
}

table.session tr td {
	border: none;
	padding: 3px 5px;
}

table.session tr td.time {
	width: 100px;
}

table.session tr td.code {
	width: 60px;
}

/* input width */
table.form td input {
	width: 200px;
	padding: 3px;
}
table.form td input:focus {
	outline: none;
}

table.form td input#address_zip_1,
table.form td input#address_zip_2 {
	width: 35px;
}

table.form td input#tel_1,
table.form td input#tel_2,
table.form td input#tel_3,
table.form td input#fax_1,
table.form td input#fax_2,
table.form td input#fax_3 {
	width: 40px;
}

table.form td input#f_name,
table.form td input#g_name,
table.form td input#f_name_kana,
table.form td input#g_name_kana {
	width: 120px;
	margin: 0px 3px;
	padding: 3px;
}

table.form td input#corp,
table.form td input#tel_1,
table.form td input#fax_1,
table.form td input#address_zip_1 {
	margin: 0px 3px 0px 0px;
	padding: 3px;
}
table.form td input#tel_2,
table.form td input#fax_2 {
	margin: 0px 3px;
}
table.form td input#tel_3,
table.form td input#fax_3 {
	margin: 0px 3px;
}
table.form td input#address_zip_2 { margin: 0px 3px; }


table.form td input#data1_1,
table.form td input#data1_2,
table.form td input#data1_3,
table.form td input#data1_4,
table.form td input#data1_5,
table.form td input#data1_9 {
	width: auto;
	margin: 0px 3px;
	vertical-align: middle;
}
table.form td label {
	vertical-align: middle;
}
table.enquete td input {
	width: auto;
	margin: 3px 0px;
	vertical-align: middle;
}
table.enquete td label {
	margin: 0px 5px 0px 3px;
	vertical-align: middle;
}
table.enquete td label:hover {
	cursor: pointer;
}
table.enquete td input.textbox {
	width: 200px;
	padding: 3px;
}

table.form td p.notice {
	font-size: 10px;
	margin: 0px;
}
table.form td span.notice {
	font-size: 10px;
}

/* table.enquete */
table.enquete {
	width: 100%;
	margin: 25px 0px 60px;
	text-align: left;
	border-collapse: collapse;
}
table.enquete th {
	padding: 8px;
	vertical-align: middle;
	border: solid 1px #cccccc;
	background-color: #efefef;
	text-align: left;
}
table.enquete th.error {
	background-color: #FFCCCC;
}
table.enquete td {
	text-align: left;
	padding: 8px;
	vertical-align: middle;
	border: solid 1px #ccc;
}
table.enquete td ul.check-item {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
table.enquete td ul.check-item li {
	list-style: none;
	margin-right: 10px;
	display: inline;
	white-space: nowrap;
}
table.enquete td ul.check-item li input,
table.enquete td ul.check-item li label {
	vertical-align: middle;
}
table.enquete td div.container {
	padding: 0 10px;
}
table.enquete td .section-top {
	margin: 0 0 2px -10px;
}
table.enquete td .section {
	margin: 15px 0 2px -10px;
}

.require {
	color: #f00;
	padding: 0px 5px;
}
.textbox {
	border: 1px solid #ccc;
}
select {
	border: 1px solid #ccc;
}
textarea {
	width: 400px;
	margin: 0px 3px;
	border: 1px solid #ccc;
}


/* dl.ssl-note */
dl.ssl-note {
	width: 700px;
	text-align: left;
	margin: 0px auto 40px;
	border: dotted 1px #999;
	overflow: hidden;
}
dl.ssl-note dt {
	float: left;
	padding: 0px 10px;
	margin-top: 10px;
}
dl.ssl-note dd {
	margin: 0 0 0 125px;
	padding: 10px 10px 10px 0px;
}
dl.ssl-note p.notice {
	font-size: 10px;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	color: #9E030B;
}
