/* 全体の基本設定 */
body {
  margin: 0;
  font-family: BIZ UDGothic;
  line-height: 1.4; /*←行間を広げる*/
  font-size: 15px;
  background-color: #A8E8A2;
}

/* ヘッダー */
header {
  background-color: #A8E8A2;
  text-align: center;
  padding: 15px 0;
}

/* コンテナ全体（3カラム構成） */
.container {
  display: flex;
  min-height: 80vh;
}

/* 左メニュー */
.left {
  width: 210px;
  background-color: #A8E8A2;
  padding: 15px;
  box-sizing: border-box;
}

/* メイン部分 */
main {
  flex: 1;
  background-color: #A8E8A2;
  padding: 0;
}

main iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* フッター */
footer {
  background-color: #A8E8A2;
  text-align: center;
  padding: 10px;
  font-size: 14px;
}

/* メニュー内のリンク */
.left ul {
  list-style: none;
  padding: 0;
}
.left li {
  margin-bottom: 8px;
}
.left a {
  text-decoration: none;
  color: #333;
}
.left a:hover {
  color: #0078ff;
}

/*文字の均等割り付け*/
li {
  display: flex;
  justify-content: space-between;
}

/*テーブルの文字均等割り付け*/
table.th {
  text-align-last: justify;
}

/*テーブル内のテキスト行間を広げる*/
table {
  line-height: 1.4; /*←行間を広げる*/
  font-size: 15px;
}

/*テーブルのライン　重ねて表示*/
table.example1 {
border-collapse: collapse;
}

/*テーブル内パディング*/
th, td{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
}

/*テーブル内パディング2*/
th, td .tpadding2 {
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 15px;
   padding-right: 15px;
}


/*テキストのマーキング*/
.mark1{
   background: linear-gradient(transparent 0%, #ffff00 0%);  /*←文字全体マーキング
}

.mark2{
   background: linear-gradient(transparent 20%, #ffff00 20%);  /*←全体の80%マーキング
}
  
.mark3{
   background: linear-gradient(transparent 40%, #ffff00 40%);  /*←全体の60&マーキング
}

.mark4{
   background: linear-gradient(transparent 60%, #ffff00 60%);  /*←全体の40%マーキング
}

.mark5{
   background: linear-gradient(transparent 80%, #ffff00 80%);  /*←全体の20%マーキング
}

/*テキストの下線
.line1{
   text-decoration: underline solid black;　　/*←実線
}
.line2{
   text-decoration: underline double black;　　/*←二重線
}
.line3{
   text-decoration: underline dotted black;　　/*←点線
}
.line4{
   text-decoration: underline dashed black;　　/*←破線
}
.line5{
   text-decoration: underline wavy black;　　　/*←波線
}

table.freq{
  border-collapse:collapse;
  border:1px solid #ccc;
}
th,td{
  padding:10px;
  border-bottom:1px dotted #333;
}
th{
  border-right:1px solid #ccc;
}