table.user_register {
  width: 554px;                  /* width="554" */
  margin: 0 auto;                /* align="center"（テーブル自体の中央寄せ）*/
  border-collapse: separate;     /* cellspacing を再現するので separate を使う */
  border-spacing: 1px;           /* cellspacing="1" */
  background-color: #ffffff;     /* bgcolor="#ffffff"（隙間の色にも使われる）*/
  border: none;                  /* border="0" */
}
table.user_register td, 
table.user_register th {
  padding: 4px;                  /* cellpadding="4" */
  background: #fff;              /* セルの地の色（必要に応じて）*/
  /* 必要なら枠線を出す： */
  /* border: 1px solid #ddd;   ※ border-collapse: separate のときは隙間＋枠の両方を調整可 */
}

table.user_register2 {
  width: 95%;                    /* width="95%" */
  margin: 0 auto;                /* align="center" */
  border-collapse: collapse;     /* cellspacing=0/枠線を重ねる */
  border: none;                  /* border="0" */
}
table.user_register2 td, 
table.user_register2 th {
  padding: 0;                    /* cellpadding="0" */
  /* 必要なら枠線： */
  /* border: 1px solid #ccc; */
}

table.user_register3 {
  width: 100%;                  /* width="100%" */
  border: none;                  /* border="0" */
  border-collapse: collapse;
  border-spacing: 1px;           /* cellspacing="1" */
}
table.user_register3 td,
table.user_register3 th {
  padding: 4px;                  /* cellpadding="4" */
  border: 1px solid grey;      /* 枠線を付ける */
}

table.user_register3 td.doc3 {
  background-color: #F5F4F1;   /* ←この色を反映 */
}

table.user_register3 td.main {
  background-color: #D5D9DD;   /* ←colspan=2 のセルに反映 */
}

table.user_register3 td.input {
  background-color: #ffffff;
}

#kiyaku_cap {
	margin:10px 0 10px 0;
	color:#444444;
	font-weight:bold
}
#kiyaku {
	box-sizing: content-box;
	height: 150px;
	overflow: auto;
	display: block;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 10px;
	padding: 10px;
    border: 1px solid #aaaaaa;
	color:#444444;
}

#kiyaku::-webkit-scrollbar {
  width: 12px;      /* 縦スクロールバーの幅 */
  height: 12px;     /* 横スクロールバーの高さ */
}

#kiyaku::-webkit-scrollbar-track {
  background: #eee;
}

#kiyaku::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 6px;
}

.main_form_b {
	font-family: "ＭＳ Ｐゴシック", "Osaka－等幅";
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}

td.kiyaku {
	text-align:center; 
	height:13px; 
	vertical-align:top; width:100%;	
}

h5.kiyaku {
	display: block; 
	font-size: 0.83em; 
	margin-block-start: 1.67em; 
	margin-block-end: 1.67em; 
	margin-inline-start: 0px; 
	margin-inline-end: 0px; 
	font-weight: bold;	
}

h6.kiyaku {
	display: block; 
	margin-block-start: 2.33em; 
	margin-block-end: 2.33em; 
	margin-inline-start: 0; 
	margin-inline-end: 0; 
	font-weight: bold;
}

ol.kiyaku {
  display: block;
  list-style-type: decimal;     /* 1, 2, 3 … */
  margin-block-start: 1em;      /* 上マージン */
  margin-block-end: 1em;        /* 下マージン */
  margin-inline-start: 0;       /* 左マージン */
  margin-inline-end: 0;         /* 右マージン */
  padding-inline-start: 40px;   /* 左パディング（番号のための余白） */
}
ol.kiyaku li {
  display: list-item;           /* リスト項目として表示（マーカーや番号付き） */
  text-align: match-parent;     /* 親要素に準拠 */
}

table.kiyaku_tanto {
  width: 302px;                /* width="302" */
  border: none;                /* border="0" */
  margin: 0 auto;              /* align="center" → 中央寄せ */
  border-collapse: separate;   /* cellspacingを活かす場合 separate */
  border-spacing: 1px;         /* cellspacing="1" */
  background-color: #CCCCCC;   /* bgcolor="#CCCCCC" */
}

table.kiyaku_tanto td,
table.kiyaku_tanto th {
  padding: 10px;               /* cellpadding="10" */
  width: 324px;                /* width="324" */
  white-space: nowrap;         /* nowrap="nowrap" */
  background-color: #F6F6F6;   /* bgcolor="#F6F6F6" */
  text-align: center;          /* <div align="center"> */
}

table.reminder {
  width: 100%;                  /* width="100%" */
  border: none;                  /* border="0" */
  border-collapse: collapse;
  border-spacing: 1px;           /* cellspacing="1" */
}
table.reminder td,
table.reminder th {
  padding: 4px;                  /* cellpadding="4" */
  border: 1px solid grey;      /* 枠線を付ける */
}