@charset "UTF-8";

body {
  margin: 0;
  font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
  font-size: 100%;
}

body::-webkit-scrollbar {    /* Chrome、Safari用 */
  display:none;
}

table {
  border-collapse: separate;
}

/* 画面名 */
#data-box {
  margin: 5px 5px 5px 5px;
  width: 100%;
  font-size: 150%;
  font-weight: bold;
  white-space: nowrap;
  border-bottom: 2px solid #CC0000;
  text-align:center;
}

.headerTable {
  width: 100%;
  border-collapse:collapse;
}

.headerTableCol1 {
  width: 50%;
  text-align: left;
  vertical-align: top;
  border-collapse:collapse;
}

.headerTableCol2 {
  width: 50%;
  text-align: right;
  vertical-align: top;
  border-collapse:collapse;
}

.systemName {
  margin: 10px 10px 10px 10px;
  font-size: 150%;
}

.loginLastTime {
  margin: 5px 5px 5px 5px;
  font-size: 60%;
}

.loginUserName {
  margin: 5px 5px 5px 5px;
  font-size: 60%;
}

/* --- ボタン start --- */

/* ボディ部ボタン */
.body-btn {
  margin: 5px 5px 5px 5px;
  height: 30px;
  width: 100px;
  background-color: #999999;
  border-style: none;
  border-radius:5px
}

/* ボディ部ボタン */
.body-btn2 {
  margin: 5px 5px 5px 5px;
  height: 30px;
  width: 200px;
  color: #FFFFFF;
  background-color: #CC0000;
  border-style: none;
  border-radius:5px
}

/* ボディ部ボタン */
.body-btn2-applied {
  margin: 5px 5px 5px 5px;
  height: 30px;
  width: 200px;
  color: #000000;
  background-color: #d3d3d3;
  border-style: none;
}

/* ボディ部ボタン */
.body-btn3 {
  margin: 5px 5px 5px 5px;
  height: 30px;
  width: 200px;
  background-color: #999999;
  border-style: none;
  border-radius:5px
}

.body-btn4 {
  margin: 5px 5px 5px 5px;
  height: 30px;
  width: 100px;
  color: #FFFFFF;
  background-color: #CC0000;
  border-style: none;
  border-radius:5px
}

.body-btn5 {
  margin: 5px 5px 5px 5px;
  height: 30px;
  width: 200px;
  font-size: 70%;
  background-color: #999999;
  border-style: none;
  border-radius:5px
}

.body-btn6 {
  margin: 5px 5px 5px 5px;
  height: 30px;
  width: 140px;
  color: #FFFFFF;
  background-color: #CC0000;
  border-style: none;
  border-radius:5px
}

/* ログアウトボタン */
.logoutBtn {
  margin: 5px 5px 5px 5px;
  height: 20px;
  width: 100px;
  font-size: 60%;
  color: #FFFFFF;
  background-color: #CC0000;
  border-style: none;
  border-radius:5px
}

/* 戻るボタン */
.backBtn {
  margin: 5px 5px 5px 5px;
  height: 30px;
  width: 130px;
  color: #000000;
  background-color: #999999;
  border-style: none;
  border-radius:5px
}

.buttonDivCenter {
  text-align:center;
}

.backToPageTop {
  margin: 20px 20px 20px 20px;
  text-align:right;
}

/* --- ボタン End --- */

/* --- 入力TextBox start --- */

/* お名前（姓）*/
.lastName {
  margin: 5px 5px 5px 5px;
  width:200px;
}

/* お名前（名）*/
.fisrtName {
  margin: 5px 5px 5px 5px;
  width:200px;
}

/* お名前カナ（姓）*/
.lastNameKana {
  margin: 5px 5px 5px 5px;
  width:200px;
}

/* お名前カナ（名）*/
.firstNameKana {
  margin: 5px 5px 5px 5px;
  width:200px;
}

/* 電話番号 */
.phoneNumber {
  margin: 5px 5px 5px 5px;
  width:150px;
}

/* メールアドレス */
.mailAddress {
  margin: 5px 5px 5px 5px;
  width:300px;
}

/* ４次開発対応：メールアドレス */
.payerMail {
	margin: 5px 5px 5px 5px;
	width:300px;
}

/* 支払者ID（ご登録済ID） */
.payerId {
  margin: 5px 5px 5px 5px;
  width:150px;
}

/* パスワード */
.password {
  margin: 5px 5px 5px 5px;
  width:200px;
}

/* 画像認証 */
.imageAuth {
  margin: 5px 5px 5px 5px;
  width:100px;
}

/* 4次開発対応 */
.payerRegistText_error {
  background-color: #FFB6C1;
  border-width: 1px;
  border-radius: 2px;
}

/* 旅行番号 */
.travelNumber {
  margin: 5px 5px 5px 5px;
  width:250px;
}

/* 学年 */
.schoolYear {
  margin: 5px 5px 5px 5px;
  width:50px;
}

/* クラス */
.schoolClass {
  margin: 5px 5px 5px 5px;
  width:130px;
}

/* 出席番号 */
.studentNumber {
  margin: 5px 5px 5px 5px;
  width:70px;
}

/* 氏名カナ */
.nameKana {
  margin: 5px 5px 5px 5px;
  width:250px;
}

/* カード番号 */
.cardNumber {
  margin: 5px 5px 5px 5px;
  width:170px;
}

/* セキュリティコード */
.securityCode {
  margin: 5px 5px 5px 5px;
  width:70px;
}

/* カード名義人 */
.holderName {
  margin: 5px 5px 5px 5px;
  width:320px;
}

/* --- 入力TextBox end --- */

/* エラーメッセージエリア */
.error_message_area {
  color: #FF0000;
  font-size: 70%;
  text-align: left;
  margin: 5px 5px 5px 5px;
}

/* エラーメッセージエリア */
.error_message_area_center {
  color: #FF0000;
  font-size: 70%;
  text-align: center;
  margin: 5px 5px 5px 5px;
}

/* メッセージエリア */
.message_area {
  font-size: 70%;
  text-align: left;
  margin: 5px 5px 5px 5px;
}

/* メッセージエリア */
.message_area_center {
  font-size: 70%;
  text-align: center;
  margin: 5px 5px 5px 5px;
}

/* メッセージエリア（タイトル） */
.message_area_title {
  font-size: 90%;
  font-weight: bold;
  margin: 5px 5px 5px 5px;
}

/* メッセージエリア（金額） */
.message_area_center_price {
  font-size: 100%;
  text-align: center;
  margin: 5px 5px 5px 5px;
}


/* メッセージエリア */
.message_area_centering_block {
  text-align: center;
}
.message_area_centering_block .message_area_centering_block_inner {
  font-size: 70%;
  text-align: left;
  display: inline-block;
  margin: 5px 5px 5px 5px;
}

/* 4次開発対応 */
.message_red {
    color: #FF0000;
}

/* 4次開発対応 */
.message_area_centering_red_inner_2 {
    color: #FF0000;
	font-size: 110%;
	text-align: left;
	display: inline-block;
	margin: 5px 5px 5px 5px;
}

/* 4次開発対応 */
.message_area_left_block {
        font-size: 110%;
        text-align: left;
	display: inline-block;
        margin: 5px 5px 5px 5px;
}

/* 4次開発対応 */
.message_red {
    color: #FF0000;
}

#top {
  width: 100%;
  height: 30px;
  background-color: #CC0000;
  color:#FFF;
  size:0.8em;
}

/* ロゴ画像位置 */
.logoImgPosition {
  text-align: right;
}

/* ロゴ画像位置 */
.logoImg {
  margin: 10px 5px 0px 5px;
  width: 140px;
  height: 30px;
}

.menuLink {
  margin: 5px 5px 5px 5px;
}

.travelAndStudentName {
  margin: 5px 5px 5px 5px;
}

.travelPayment {
  margin: 5px 5px 5px 5px;
}

.imageAuthStr {
  margin: 5px 5px 5px 5px;
}

.viewLabel {
  margin: 5px 5px 5px 5px;
}

.viewLabel1 {
  margin: 5px 5px 5px 5px;
  font-size: 70%;
}

.viewSelectBox {
  margin: 5px 5px 5px 5px;
}

.agreeChkBox {
  width:9px;
  height:9px;
}

.labelRequired:before {
  vertical-align:top;
  padding: 0px 6px 0px 6px;
  font-size: 0.7em;
  color: #C44;
  content: "<必須>";
}

/* スマートフォン向け設定(幅が767px以下) */
@media (max-width: 767px) {

  #container {
    min-width: 340px;
    margin: 0 auto;
  }

  #data-box {
    margin: 5px 5px 5px 5px;
    width: 100%;
    font-size: 120%;
    font-weight: bold;
    white-space: nowrap;
    border-bottom: 2px solid #CC0000;
    text-align:center;
  }

  .longin_user_message {
    font-size: 70%;
    text-align: left;
    margin: 5px 5px 5px 5px;
  }

  table.panKuzuNewRegistTable {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  table.panKuzuRegistedloginUserTable {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  table.panKuzuPasswordResetTable {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  table.panKuzuPasswordChangeTable {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
  }

  table.panKuzuPasswordChangeFromMailTable {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

  table.panKuzuUserInfoChangeTable {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
  }

  .panKuzuPrev {
    font-size: 25%;
    text-align: center;
    vertical-align:top;
    width: 13%;
    height: 40%;
    background-color:#FFCCCC;
    margin: 5px 5px 5px 5px;
  }

  .panKuzuNow {
    font-size: 25%;
    text-align: center;
    vertical-align:top;
    width: 13%;
    height: 40%;
    background-color:#FF9999;
    margin: 5px 5px 5px 5px;
  }

  .panKuzuNext {
    font-size: 25%;
    text-align: center;
    vertical-align:top;
    width: 13%;
    height: 40%;
    background-color:#DDDDDD;
    margin: 5px 5px 5px 5px;
  }

  table.loginTable th, table.loginTable td {
    display: block
  }

  table.loginTable {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .loginTableCol {
    text-align: center;
    width: 99%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .singUpTable {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .singUpTableCol1Titile {
    text-align: center;
    width: 100%;
    background-color: #F6F6F6;
  }

  .singUpTableCol1 {
    text-align: left;
    width: 100%;
  }

  .newSingUpTable {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .newSingUpTableCol1Titile {
    text-align: center;
    width: 100%;
    background-color: #F6F6F6;
  }

  .newSingUpTableCol1 {
    width: 100%;
  }

  table.registedloginUserTable th, table.registedloginUserTable td {
    display: block
  }

  table.registedloginUserTable {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .registedloginUserTableCol1 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .registedloginUserTableCol2 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  table.agreementTable th, table.agreementTable td {
    display: block
  }

  .agreementTable {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .agreementTableCo1 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  table.payerRegistTable th, table.payerRegistTable td {
    display: block
  }

  table.payerRegistTable {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payerRegistTableCol1 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payerRegistTableCol1TelCol1 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payerRegistTableCol1TelCol2 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payerRegistTableCol2 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  table.travelRegistTable th, table.travelRegistTable td {
    display: block
  }

  table.travelRegistTable {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .travelRegistTableCol1 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .travelRegistTableCol2 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  table.paymentSelectTable th, table.paymentSelectTable td {
    display: block
  }

  table.paymentSelectTable {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
  }

  .paymentSelectTableCol1 {
    text-align: left;
    width: 99%;
    background-color: #F6F6F6;
  }

  .paymentSelectTableCol2 {
    text-align: center;
    width: 99%;
  }

  .paymentSelectApprovalTable {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .paymentSelectApprovalTableCol1 {
    text-align: left;
    width: 100%;
  }

  .paymentSelectApprovalTableCol2 {
    text-align: right;
    width: 100%;
  }


  table.creditPaymentTable th, table.creditPaymentTable td {
    display: block
  }

  table.creditPaymentTable {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .creditPaymentTableCol1 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .creditPaymentTableCol2 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  table.changeIdPsswordTable th, table.changeIdPsswordTable td {
    display: block
  }

  table.changeIdPsswordTable {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .changeIdPsswordTableCol1 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .changeIdPsswordTableCol2 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  table.passwordChangeTable th, table.passwordChangeTable td {
    display: block
  }

  table.passwordChangeTable {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordChangeTableCol1 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordChangeTableCol2 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  table.passwordResetTable th, table.passwordResetTable td {
    display: block
  }

  table.passwordResetTable {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordResetTableCol1 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordResetTableCol2 {
    text-align: left;
    width: 99%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  table.paymentProcessingTable th, table.paymentProcessingTable td {
    display: block
  }

  table.paymentProcessingTable {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-radius:5px
  }

  .paymentProcessingTableTh {
    font-size: 90%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:separate;
    border-radius:5px
  }

  .paymentProcessingTableCol1 {
    text-align: center;
    width: 100%;
  }

  .paymentProcessingTableCol2 {
    text-align: center;
    width: 100%;
  }

  .travleStudentName {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
  }

  .payStatusListTable tr:nth-child(2n) td {
    background-color: #FFCCCC;
  }

  .payStatusListTable {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payStatusListTableCol1 {
    font-size: 70%;
    text-align: center;
    width: 15%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }
  .payStatusListTableCol2 {
    font-size: 70%;
    text-align: center;
    width: 20%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }
  .payStatusListTableCol3 {
    font-size: 70%;
    text-align: center;
    width: 15%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }
  .payStatusListTableCol4 {
    font-size: 70%;
    text-align: center;
    width: 20%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }
  .payStatusListTableCol5 {
    font-size: 70%;
    text-align: center;
    width: 25%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

	/* 4次開発対応 */
	table.payerRegistTableCol3 td {
		display: table-cell;
		width: 99%;
	}

/* 4次開発対応 */
	.tdLeft {
		text-align: left;
	}

/* 4次開発対応 */
	.tdRight {
		text-align: right;
	}

/* 4次開発対応 */
	.divMsg {
		display: none;
		color: #FF0000;
		font-size: 70%;
		text-align: left;
		margin: 5px 5px 5px 5px;
	}

  /* 4次開発対応 */
  .message_credit {
    padding-left:0;
  }

}

/* PC向け設定(幅が767px以上) */
@media (min-width: 767px) {

  /* スマホのみ表示 */
  .for-pc { display:none; }
  .for-sp { display:block; }

  #container {
    width: 1280px;
    margin: 0 auto;
  }

  .longin_user_message {
    font-size: 70%;
    text-align: center;
    margin: 5px 5px 5px 5px;
  }

  .panKuzuList {
    margin: 5px 5px 5px 5px;
    text-align:center;
  }

  .panKuzuNewRegistTable {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .panKuzuRegistedloginUserTable {
    width: 360px;
    margin-left: auto;
    margin-right: auto;
  }

  .panKuzuPasswordResetTable {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
  }

  .panKuzuPasswordChangeTable {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .panKuzuPasswordChangeFromMailTable {
    width: 270px;
    margin-left: auto;
    margin-right: auto;
  }

  .panKuzuUserInfoChangeTable {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .panKuzuPrev {
    font-size: 70%;
    text-align: center;
    vertical-align:top;
    width: 90px;
    height: 40px;
    background-color:#FFCCCC;
    margin: 15px 15px 15px 15px;
  }

  .panKuzuNow {
    font-size: 70%;
    text-align: center;
    vertical-align:top;
    width: 90px;
    height: 40px;
    background-color:#FF9999;
    margin: 15px 15px 15px 15px;
  }

  .panKuzuNext {
    font-size: 70%;
    text-align: center;
    vertical-align:top;
    width: 90px;
    height: 40px;
    background-color:#DDDDDD;
    margin: 15px 15px 15px 15px;
  }

  .loginTable {
    margin-left: auto;
    margin-right: auto;
    width: 94%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .loginTableCol {
    text-align: center;
    vertical-align: top;
    width: 47%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .singUpTable {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .singUpTableCol1Titile {
    text-align: center;
    width: 100%;
    background-color: #F6F6F6;
  }

  .singUpTableCol1 {
    width: 100%;
  }

  .moveToRegistedloginUserLinkView {
    display: none;
  }

  .registedloginUserTable {
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .registedloginUserTableCol1 {
    text-align: center;
    width: 35%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .registedloginUserTableCol2 {
    text-align: left;
    width: 50%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .agreementTable {
    margin-left: auto;
    margin-right: auto;
    width: 870px;
  }

  .agreementTableCo1 {
    margin-left: auto;
    margin-right: auto;
    width: 870px;
  }

  .payerRegistTable {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payerRegistTableCol1 {
    text-align: center;
    width: 40%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payerRegistTableCol1TelCol1 {
    text-align: center;
    width: 30%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payerRegistTableCol1TelCol2 {
    text-align: center;
    width: 10%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payerRegistTableCol2 {
    text-align: left;
    width: 35%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .travelRegistTable {
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .travelRegistTableCol1 {
    text-align: center;
    width: 30%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .travelRegistTableCol2 {
    text-align: left;
    width: 35%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .paymentSelectTable {
    margin-left: auto;
    margin-right: auto;
    width: 65%;
  }

  .paymentSelectTableCol1 {
    text-align: center;
    width: 30%;
    background-color: #F6F6F6;
  }

  .paymentSelectTableCol2 {
    text-align: center;
    width: 35%;
  }

  .paymentSelectApprovalTable {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .paymentSelectApprovalTableCol1 {
    text-align: left;
    width: 80%;
  }

  .paymentSelectApprovalTableCol2 {
    text-align: left;
    width: 20%;
  }

  .creditPaymentTable {
    margin-left: auto;
    margin-right: auto;
    width: 55%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .creditPaymentTableCol1 {
    text-align: center;
    width: 20%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .creditPaymentTableCol2 {
    text-align: left;
    width: 35%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .changeIdPsswordTable {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .changeIdPsswordTableCol1 {
    text-align: center;
    width: 30%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .changeIdPsswordTableCol2 {
    text-align: left;
    width: 30%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordChangeTable {
    margin-left: auto;
    margin-right: auto;
    width: 55%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordChangeTableCol1 {
    text-align: center;
    width: 25%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordChangeTableCol2 {
    text-align: left;
    width: 30%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordResetTable {
    margin-left: auto;
    margin-right: auto;
    width: 55%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordResetTableCol1 {
    text-align: center;
    width: 20%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .passwordResetTableCol2 {
    text-align: left;
    width: 35%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .paymentProcessingTable {
    margin-left: auto;
    margin-right: auto;
    width: 45%;
    border-color:#dcdcdc;
    border-style:solid ;
    border-width:1px;
    border-radius:5px
  }

  .paymentProcessingTableTh {
    font-size: 90%;
    border-color:#dcdcdc;
    background-color: #F6F6F6;
    border-style:solid ;
    border-width:1px;
    border-collapse:separate;
    border-radius:5px
  }

  .paymentProcessingTableCol1 {
    text-align: left;
    width: 35%;
  }

  .paymentProcessingTableCol2 {
    text-align: center;
    width: 10%;
  }

/* 4次開発対応 */
  table.payerRegistTableCol3 td {
    display: table-cell;
  }

/* 4次開発対応 */
  .tdLeft {
    text-align: left;
    border-spacing: 0;
    padding: 0;
  }

/* 4次開発対応 */
  .tdRight {
    text-align: left;
    border-spacing: 0;
    padding: 0;
  }
/* 4次開発対応 */
  .divMsg {
    display: none;
    color: #FF0000;
    font-size: 70%;
    text-align: left;
    margin: 5px 5px 5px 5px;
  }
  .travleStudentName {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  .payStatusListTable tr:nth-child(2n) td {
    background-color: #FFCCCC;
  }

  .payStatusListTable {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

  .payStatusListTableCol1 {
    text-align: center;
    width: 8%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }
  .payStatusListTableCol2 {
    text-align: center;
    width: 10%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }
  .payStatusListTableCol3 {
    text-align: center;
    width: 10%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }
  .payStatusListTableCol4 {
    text-align: center;
    width: 10%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }
  .payStatusListTableCol5 {
    text-align: center;
    width: 12%;
    border-color:#000000;
    border-style:solid ;
    border-width:1px;
    border-collapse:collapse;
  }

	/* PCのみ表示 */
        .for-pc { display:block; }
        .for-sp { display:none; }

  /* 4次開発対応 */
  .message_credit {
    padding-left:8%;
  }
}