#page{
  margin-left: 45px;
  font-size: 120%;
}

.contents{
  margin-left: 50px;
  margin-right: 100px;
  line-height: 1.5;
  padding-bottom: 20px;
}


/* 見出しのマージン設定 */
li.midashi {
  padding-bottom: 20px;
}

div.author {
	text-align: right;
}

/* カッコ数字 */
ol.bracket-list {
  list-style-type: none; /* 標準の「1.」を消す */
  counter-reset: item;   /* 「item」という名前のカウンターをリセット */
  padding-left: 25px;    /* 左側の余白を調整 */
}

ol.bracket-list li {
  position: relative;
  counter-increment: item; /* リスト項目ごとにカウンターを1進める */
}

ol.bracket-list li::before {
  content: "(" counter(item) ") "; /* 数字をカッコで挟む */
  position: absolute;
  left: -25px; /* カッコの位置を左側に調整 */
  text-align: right;
  width: 20px;
}


/* ハイフンを使った箇条書き */
ul.hyphen-list {
  list-style: none;     /* 標準の黒丸を消す */
  padding-left: 15px;   /* 左側の余白を調整 */
}

ul.hyphen-list li {
  position: relative;   /* ハイフンの位置の基準にする */
}

ul.hyphen-list li::before {
  content: "-";         /* ハイフンを表示 */
  position: absolute;
  left: -15px;          /* 左側の余白部分にハイフンを配置 */
  top: 0;
}

/* 黒丸を使った箇条書き */
ul.dot-list {
  list-style: none;     /* 標準の黒丸を一度消す */
  padding-left: 18px;   /* 左側の余白（丸と文字の距離）を調整 */
}

ul.dot-list li {
  position: relative;   /* 黒丸の位置の基準にする */
}

ul.dot-list li::before {
  content: "・";         /* 一般的な黒丸（ビュレット） */
  position: absolute;
  left: -15px;          /* 左側の余白部分に丸を配置 */
  top: 0;
  color: #333;          /* お好みでドットの色だけ変えることも可能です */
}


/*-----テーブル----------------------------*/
table{
  text-align: center;
  width: 100% !important;
}

th,td{
  padding: 5px 5px;
  text-align: left;
  border: 1px solid #696969;
}

table .title{
  background: #f6f6f6;
}

table .title_blue{
  background: #5b9aa7;
  width:20%;
}

table .title_sky{
  background: #d6e6e9;
  width:20%;
}

table .title_yellow{
  background: #ce6647;
}

table .title_pink{
  background: #e7b4a5;
}

/* 幅調整用 */
.wt10{
	width:10%;
}
.wt15{
	width:15%;
}
.wt20{
	width:20%;
}
.wt25{
	width:25%;
}
.wt30{
	width:30%;
}
.wt40{
	width:40%;
}
.wt50{
	width:50%;
}
.wt100{
	width:100%;
}