@charset "utf-8";

.sp {
    display: none !important;
}

#contentMid {
    width: 722px;
    margin: 10px auto;
}
.lead_message {
    font-size: 13px;
    line-height: 1.6;
    margin: 20px 0 10px;
}
#privacypolicy iframe {
    width: 722px;
    height: 300px;
    border: 1px solid #aaa;
}
#privacypolicy .message {
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
    margin: 20px 0;
}
#privacypolicy .doui_frm {
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
    margin: 20px 0;
}

.item_select_tbl {
    width: 100%;
    border: solid #ccc 1px;
    text-align: left;
    margin: 15px 0;
    background: #fff;
}
.item_select_tbl th {
    color: #00549a;
    background: #e5f2ff;
    text-align: center;
    white-space: nowrap;
}
.item_select_tbl th,
.item_select_tbl td {
    padding: 10px 12px;
    border: solid #ccc 1px;
    line-height: 1.7em;
    vertical-align: middle;
}

.item_select_tbl th,
table.tourokuTable td {
    padding: 10px 10px;
}
.item_select_tbl th {
    padding-left: 10px;
    padding-right: 10px;
}
.item_select_tbl td {
    padding-left: 15px;
    padding-right: 15px;
}
.item_select_tbl td div {
    margin: 0 0 5px;
}
.item_select_tbl td div.FormError {
    margin-top: 5px;
}
.item_select_tbl .mark_ {
    width: 140px;
}
.item_select_tbl .price_ {
    width: 80px;
    text-align: right;
}
.item_select_tbl .check_ {
    width: 100px;
}

table.tourokuTable th,
table.tourokuTable td {
    padding: 10px 5px;
}
table.tourokuTable.vertical th {
    width: 160px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
table.tourokuTable.vertical td {
    padding-left: 15px;
    padding-right: 15px;
}
table.tourokuTable td div {
    margin: 0 0 5px;
}
table.tourokuTable td div.FormError {
    margin-top: 5px;
}

#participant-table .tr_ {
    overflow: hidden;
    margin-top: 25px;
    background-color: #e5f2ff;
    border: 1px solid #ccc;
}
#participant-table .tr_ .number {
    float: left;
    width: 70px;
    padding: 7px 5px;
    color: #00549a;
    font-weight: bold;
}
#participant-table .tr_ .input_block {
    margin-left: 70px;
}
#participant-table .input_group_ {
    display: table;
    width: 100%;
}
#participant-table .input_group_ .colname {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
    padding: 7px 0;
    color: #00549a;
    font-weight: bold;
}
#participant-table .input_group_ .colname .red {
    padding-left: 5px;
}
#participant-table .input_group_ .form_block {
    display: table-cell;
    vertical-align: middle;
    padding: 7px 5px;
    background-color: #fff;
}
.field_spacer {
    display: inline-block;
    width: 10px;
    height: 5px;
}
#seminar-persons .person-form input.personlist_employ_name,
#seminar-persons .person-form input.personlist_employ_nameroman,
#seminar-persons .person-form input.personlist_email,
#seminar-persons .person-form input.personlist_phone,
#seminar-persons .person-form input.personlist_fastpassword {
    width: 100%;
}
#seminar-persons .person-form input.name_sei,
#seminar-persons .person-form input.name_mei,
#seminar-persons .person-form input.nameroman_sei,
#seminar-persons .person-form input.nameroman_mei,
#seminar-persons .person-form input.namekana_sei,
#seminar-persons .person-form input.namekana_mei {
    width: calc((100% - 10px) / 2);
}
#seminar-persons h3 {
    font-size: 15px;
}
#seminar-persons .semi_block {
    margin: 20px 0 0;
}

#seminar-persons .person-form {
    margin: 10px 0 0;
}

input[name="usr_sei"],
input[name="usr_mei"],
input[name="usr_sei_rubi"],
input[name="usr_mei_rubi"] {
    width: 160px;
}
input[name="usr_employ_name"],
input[name="sankasha"] {
    width: 365px;
}
input[name="usr_zip1"],
input[name="usr_zip2"] {
    width: 60px;
}
input[name="usr_home_address"] {
    width: 550px;
}
input[name="usr_tel"] {
    width: 160px;
}
input[name="usr_email"],
input[name="usr_email_confirm"] {
    width: 550px;
}
textarea {
    height: 15em;
    width: 550px;
}

.agn {
    padding: 20px 0 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
    color: #e00;
}

label {
    display: inline-block;
}

/*----------------------------
	table
------------------------------*/
.tourokuTable {
    width: 100%;
    border: solid #ccc 1px;
    text-align: left;
    margin: 15px 0;
}
.tourokuTable th {
    color: #00549a;
    background: #e5f2ff;
    text-align: center;
    white-space: nowrap;
}
.tourokuTable th,
.tourokuTable td {
    padding: 10px 12px;
    border: solid #ccc 1px;
    line-height: 1.7em;
    vertical-align: middle;
}
.tourokuTable th .red {
    padding-left: 5px;
}
.tourokuTable td {
    background: #fff;
}
.tourokuTable .td1 {
    background: #fcfcfc;
}
.tourokuTable textarea {
    width: 100%;
}
.tourokuTable td.cnt {
    text-align: center;
}

/*----------------------------
	form
------------------------------*/

.tf0 {
    width: 100px;
}
.tf1 {
    width: 180px;
}
.tf2 {
    width: 220px;
}
.tf3 {
    width: 540px;
}
.ta1 {
    width: 540px !important;
}

.BtnArea {
    margin: 0 auto;
}
.BtnArea td {
    padding: 0 20px;
}

.kanryou {
    width: 624px;
    margin: 30px auto 50px;
    font-size: 14px;
    line-height: 1.5;
}
.kanryou .thankstext {
    font-size: 16px;
    margin: 0 0 20px;
}
.kanryou .for_student {
    margin: 20px 0;
}

#registration #contentMain {
    width: 100%;
    margin: 30px auto 50px;
    font-size: 14px;
    line-height: 1.5;
}
#registration #contentMain .leadmsg {
    font-weight: bold;
    font-size: 15px;
    color: #00549a;
}
#registration #contentMain .yDisk {
    margin: 10px 0;
}
#registration #contentMain .yDisk li {
    list-style-type: circle;
    margin-left: 20px;
}
#registration #contentMain .registready {
    color: #f00;
    margin: 20px 0;
}
#registration iframe {
    width: 880px;
    margin: 10px 35px;
    border: 1px solid #ccc;
}
#registration .agreementblk {
    width: 880px;
    margin: 20px auto;
}
#registration .agreementblk p {
    text-align: center;
}
#registration .ready_number {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ff7b10;
    color: #ff7b10;
    padding: 15px 0;
    text-align: center;
    margin: 20px auto;
    width: 880px;
}

.flwrap {
    overflow: hidden;
}
#topblock .fll {
    width: 610px;
    float: left;
}
#topblock .flr {
    margin-left: 638px;
}

#content {
    width: 100%;
}
#contentMain {
    width: 786px;
    margin: 10px auto;
}

.order-group-title {
    font-size: 18px;
    font-weight: bold;
}
.operation-inform {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.6;
}

#input-user-class .inform-login {
    border: 2px solid #ff7b11;
    margin: 20px 0 0;
    padding: 20px 15px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    background: #fff;
}
#input-user-class .operation-inform {
    margin: 30px 0 0;
}
#input-user-class .tourokuTable {
    margin: 30px 0 0;
}

#content h2.subttl {
    font-size: 18px;
    margin-top: 45px;
}

table.tourokuTable td.price {
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}
.subtotalline .name {
    font-size: 16px;
    padding-right: 20px;
    text-align: right;
}
.subtotalline .price {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
}

.totalline .name {
    font-size: 16px;
    padding-right: 20px;
    text-align: right;
}
.totalline .price {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
}

.paymethod_lists {
    margin: 30px 0;
    border: 1px solid #ccc;
}
.paymethod_lists li {
    border-top: 1px solid #ccc;
    padding: 20px;
    background: #fff;
    line-height: 1.5;
}
.paymethod_lists li:first-child {
    border-top: none;
}
.paymethod_lists li label {
    font-weight: bold;
}

.disabled_ {
    opacity: 0.5 !important;
}

.loginform_wrap {
    margin: 20px 0 10px;
    font-size: 14px;
    color: #4c4c4c;
}
.loginform_wrap .logintbl {
    margin: 10px auto;
}
.loginform_wrap .logintbl th,
.loginform_wrap .logintbl td {
    vertical-align: middle;
    padding: 4px;
}
.loginform_wrap .logintbl th {
    text-align: right;
    width: 170px;
}
.loginform_wrap input {
    width: 300px;
}
.logins_wrap .logintbl td.ttl3_ {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 160px;
    padding-right: 20px;
}
.logins_wrap .submitbtn {
    width: 200px;
    text-align: center;
}
.logins_wrap .submitbtn a.btn_bluel {
    margin-left: auto;
    margin-right: auto;
}

#qa {
    margin: 80px auto 0;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
}
#qa .tel {
    font-size: 12px;
    line-height: 1.4;
    margin: 5px 0px 5px;
}

.seminar-person-input-notice {
    margin: 15px 0;
    border: 1px solid #ff7b11;
    padding: 10px;
    color: #ff7b11;
    font-weight: bold;
    background: #fff;
    line-height: 1.6;
}