body {
      color: #333333;
      background: white;
      width: 95%;
      margin-left: 1em;
      margin-right: 1em;
      line-height: 1.3em;
      font-size: 100%;
      font-weight: normal;
      font-family: "ＭＳ ゴシック",sans-serif;
    }


    h1 {
      color: navy;

      text-align: center;
      line-height: 1.2em;
    }
    h2 {
      color: black;

      text-align: left;
      line-height: 1.2em;
      margin: 0em;
      padding: 1em;
    }

    h3 {
      color: navy;

	text-align: left;
	line-height: 1em;
	margin: 0em;
	padding: 1em;
	}

    h4 {
      color:  black;

      text-align: left;
      line-height: 1em;
      margin: 0em;
      padding: 1em;
    }


 /* リンクの色の指定 */
	a:link    { color: #000080; text-decoration: underline; }	/* 未訪問のリンク色 */
	a:visited { color: #000080; text-decoration: underline; }	/* 訪問済のリンク色 */
	a:hover   { color: #ff0000; text-decoration: underline; } 	/* カーソルが乗った時のリンク色 */
	a[name] { color: inherit;  text-decoration: none; }		/* ジャンプ先の色は変えない */



 

 /* 各ページのタイトル画面 */
    div#banner {
      color: #336600;
      background-color: #99ff99;
      text-align: center;
      border-style: solid;
      border-width: 1px 2px 2px 1px;
      border-color: #c0c0c0 #808080 #808080 #c0c0c0;
      margin-top: 1em;
      margin-bottom: 1em;
      padding: 0.5em;
    }


 /* 汎用のボックス　右枠と下枠がオレンジ色 */
    div.wakua {
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #ff4500 #ff4500 #c0c0c0;
         margin-top: 1em;
         margin-bottom: 0em;
    padding: 0.5em;
    }


 /* 主にｈ２のボックス */
    div.wakub {
     border-style: solid;
     border-width: 4px 1px 4px 1px;
     border-color: #339900;
     background-color: #ffffaa;
         margin-top: 1em;
         margin-bottom: 1em;
    padding: 0.5em;
    }


 /* 白文字　主にページタイトル用 */
    div.wakuc {
	color: #000000;			/* 文字白 */
	background-color: #0000ff;
	text-align: center;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #c0c0c0 #808080 #808080 #c0c0c0;
	 margin: 0 auto;

	width:70%;

	padding: 0.5em;
	}


 /* 汎用のボックス　背景色が若草色 */
    div.wakud {
      background-color: #f3ffd8;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
         margin-top: 1em;
         margin-bottom: 0em;
    padding: 0.5em;
    }


 /* メニュー・目次のボックス */
    div.wakue {
      background-color: #ff9966;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #0000ff #0000ff #c0c0c0;
         margin-top: 1em;
         margin-bottom: 0em;
    padding: 0.5em;
    font-size: 100%;
    line-height: 1.7; 	/* 行間の高さを指定 */
    }


 /* よくある質問などのジャンプボックス */
	div.wakuf {
	background-color: #eeffff;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #c0c0c0 #0000ff #0000ff #c0c0c0;
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 0.5em;
	font-size: 100%;
	line-height: 2;	 /* 行間の高さを指定 */
	}







/* 左に配置し後続を右回り込み */
    *.float
      {
         float: left;
         margin-right: 1em;
         margin-bottom: 1em;
      }

/* 左に配置し後続を右回り込み */
    *.floata
      {
         float: left;
         margin-right: 1em;
         margin-bottom: 1em;
      }

/* 右に配置し後続を左回り込み */
    *.floatb
      {
         float: right;
         margin-left: 1em;
         margin-right: 0em;
         margin-bottom: 1em;
      }

/* 回り込み解除 */
    *.floatclear
      {
         clear: both;
      }


 /* スクロールボックス設定 */
    *.logbox
      {
         border: solid 4px #808080;
         width: 85%;			/* 幅85％ */
         height: 170px;			/* 高さ170px */
         padding: 0.5em;
         overflow: auto;		/* はみ出し時のスクロール自動 */
      text-align: left;
      }


    *.logboxa
      {
         border: dashed 2px #228b22;
         background-color: #e0ffff;	 /* 青色の背景 */
	 margin: 0 auto;
         width: 85%; 			/* 幅85％ */
         height: 400px; 		/* 高さ400px */
         padding: 0.5em;
         overflow: auto;		/* はみ出し時のスクロール自動 */
      text-align: left;
         margin-bottom: 0.5em;
         margin-top: 0.5em;
      }


    *.logboxb
      {
         border: solid 1px #ff6600;
         background-color: #ffefd5;
         min-width: 45%;		/* 幅の最小値45%に設定 */
         height: 200px;			/* 高さ200px */
         padding: 0.5em;
         overflow: auto;		/* はみ出し時のスクロール自動 */
      text-align: left;
      }


 /* テーブルの設定 */
      table
      {

      border-left: solid 1px #999999;
      border-bottom: solid 1px #999999;
      }

      th
      {
      color: white;
      background:#0066ff;
      border-top: solid 1px #999999;
      border-right: solid 1px #999999;
      font-size: 1.5em;
      }

      td
      {
      background:#99ff99;
      text-align: center;
      border-top: solid 1px #999999;
      border-right: solid 1px #999999;
      font-size: 1.5em;
      line-height: 1.5;
      }


 /* 文字の位置 */
    .hidari   { text-align: left; }	/* 左寄り */
    .naka     { text-align: center; }	/* 中央 */
    .migi     { text-align: right; }	/* 右寄り */


 /* 文字にアンダーライン */
    .underline  { border-bottom: solid  1px #ff00ff; }	/* １実線 */
    .dotline    { border-bottom: dotted 1px #008000; }	/* １点線 */
    .doubleline { border-bottom: double 5px #ff00ff;}	/* ２実線 */
    .rectangle  { border:solid 2px #008000; }		 /* 文字を枠で囲む */



 /* 文字に青ライン左下 */
	.linerl {
	border-left: 10px blue solid;
	border-bottom: 2px blue solid;
	}


 /* 文字に青ライン左下右 */
	.linerlb {
	border-right: 10px blue solid;
	border-left: 10px blue solid;
	border-bottom: 2px blue solid;
	}

  /* 文字に青ライン上下左右 */
	.linerltb {
	border-right: 5px blue solid;
	border-left: 5px blue solid;
	border-top: 1px blue dotted;
	border-bottom: 1px blue dotted;
	}

 /* 文字に赤ライン左下 */
	.lakarl {
	border-left: 10px red solid;
	border-bottom: 2px red solid;
	}


 /* 文字に赤ライン左下右 */
	.lakarlb {
	border-right: 10px red solid;
	border-left: 10px red solid;
	border-bottom: 2px red solid;
	}

  /* 文字に赤ライン上下左右 */
	.lakarltb {
	border-right: 5px red solid;
	border-left: 5px red solid;
	border-top: 1px red dotted;
	border-bottom: 1px red dotted;
	}

  /* 文字にピンクライン上下左右 */
	.pnkrltb {
	line-height: 2.3;	 /* 行間の高さを指定 */
	 margin: 0px 0px;
	 padding: 10px;
	 border: medium solid #ff00ff;
 	}


    em,strong { color: #000000; }


  /* 文字の段落設定 */
	.mb1 { margin-bottom: 1em;}	 /* 段落を１行に設定 */
	.mb2 { margin-bottom: 2em;}	 /* 段落を２行に設定 */
	.mb3 { margin-bottom: 3em;}	 /* 段落を３行に設定 */
	.mb4 { margin-bottom: 4em;}	 /* 段落を４行に設定 */
	.mb5 { margin-bottom: 5em;}	 /* 段落を５行に設定 */
	


  /* 文字サイズをパーセントで指示 */
    .sample1 {font-size: 80%; }
    .sample2 {font-size: 90%; }
    .sample3 {font-size: 100%; }
    .sample4 {font-size: 110%; }
    .sample5 {font-size: 120%; }
    .sample6 {font-size: 130%; }
    .sample7 {font-size: 140%; }
    .sample8 {font-size: 150%; }
    .sample9 {font-size: 160%; }
    .sample10 {font-size: 170%; }
    .sample11 {font-size: 180%; }
    .sample12 {font-size: 190%; }
    .sample13 {font-size: 200%; }


  /* 文字サイズをemで指示 */
    .size1 {font-size: 0.8em; }
    .size2 {font-size: 0.9em; }
    .size3 {font-size: 1.0em; }
    .size4 {font-size: 1.1em; }
    .size5 {font-size: 1.2em; }
    .size6 {font-size: 1.3em; }
    .size7 {font-size: 1.4em; }
    .size8 {font-size: 1.5em; }
    .size9 {font-size: 1.6em; }
    .size10 {font-size: 1.7em; }
    .size11 {font-size: 1.8em; }
    .size12 {font-size: 1.9em; }
    .size13 {font-size: 2.0em; }

  /* 文字サイズと色と行の高さを指示 */
    .dao0 { color: blue;  font-size: 1.0em; line-height: 1.5; }
    .dao1 { color: blue;  font-size: 1.1em; line-height: 1.5; }
    .dao2 { color: blue;  font-size: 1.2em; line-height: 1.5; }
    .dao3 { color: blue;  font-size: 1.3em; line-height: 1.5; }
    .dao4 { color: blue;  font-size: 1.4em; line-height: 1.5; }
    .dao5 { color: blue;  font-size: 1.5em; line-height: 1.5; }
    .dao6 { color: blue;  font-size: 1.6em; line-height: 1.5; }
    .dao7 { color: blue;  font-size: 1.7em; line-height: 1.5; }
    .dao8 { color: blue;  font-size: 1.8em; line-height: 1.5; }
    .dao9 { color: blue;  font-size: 1.9em; line-height: 1.5; }

    .daka0 { color: red;  font-size: 1.0em; line-height: 1.5; }
    .daka1 { color: red;  font-size: 1.1em; line-height: 1.5; }
    .daka2 { color: red;  font-size: 1.2em; line-height: 1.5; }
    .daka3 { color: red;  font-size: 1.3em; line-height: 1.5; }
    .daka4 { color: red;  font-size: 1.4em; line-height: 1.5; }
    .daka5 { color: red;  font-size: 1.5em; line-height: 1.5; }
    .daka6 { color: red;  font-size: 1.6em; line-height: 1.5; }
    .daka7 { color: red;  font-size: 1.7em; line-height: 1.5; }
    .daka8 { color: red;  font-size: 1.8em; line-height: 1.5; }
    .daka9 { color: red;  font-size: 1.9em; line-height: 1.5; }

    .dcha0 { color: maroon;  font-size: 1.0em; line-height: 1.5; }
    .dcha1 { color: maroon;  font-size: 1.1em; line-height: 1.5; }
    .dcha2 { color: maroon;  font-size: 1.2em; line-height: 1.5; }
    .dcha3 { color: maroon;  font-size: 1.3em; line-height: 1.5; }
    .dcha4 { color: maroon;  font-size: 1.4em; line-height: 1.5; }
    .dcha5 { color: maroon;  font-size: 1.5em; line-height: 1.5; }
    .dcha6 { color: maroon;  font-size: 1.6em; line-height: 1.5; }
    .dcha7 { color: maroon;  font-size: 1.7em; line-height: 1.5; }
    .dcha8 { color: maroon;  font-size: 1.8em; line-height: 1.5; }
    .dcha9 { color: maroon;  font-size: 1.9em; line-height: 1.5; }

    .dkro0 { color: black;  font-size: 1.0em; line-height: 1.5; }
    .dkro1 { color: black;  font-size: 1.1em; line-height: 1.5; }
    .dkro2 { color: black;  font-size: 1.2em; line-height: 1.5; }
    .dkro3 { color: black;  font-size: 1.3em; line-height: 1.5; }
    .dkro4 { color: black;  font-size: 1.4em; line-height: 1.5; }
    .dkro5 { color: black;  font-size: 1.5em; line-height: 1.5; }
    .dkro6 { color: black;  font-size: 1.6em; line-height: 1.5; }
    .dkro7 { color: black;  font-size: 1.7em; line-height: 1.5; }
    .dkro8 { color: black;  font-size: 1.8em; line-height: 1.5; }
    .dkro9 { color: black;  font-size: 1.9em; line-height: 1.5; }

    .dsiro0 { color: white;  font-size: 1.0em; line-height: 1.5; }
    .dsiro1 { color: white;  font-size: 1.1em; line-height: 1.5; }
    .dsiro2 { color: white;  font-size: 1.2em; line-height: 1.5; }
    .dsiro3 { color: white;  font-size: 1.3em; line-height: 1.5; }
    .dsiro4 { color: white;  font-size: 1.4em; line-height: 1.5; }
    .dsiro5 { color: white;  font-size: 1.5em; line-height: 1.5; }
    .dsiro6 { color: white;  font-size: 1.6em; line-height: 1.5; }
    .dsiro7 { color: white;  font-size: 1.7em; line-height: 1.5; }
    .dsiro8 { color: white;  font-size: 1.8em; line-height: 1.5; }
    .dsiro9 { color: white;  font-size: 1.9em; line-height: 1.5; }


  /* 文字サイズと色を指示 */
    .dao01 { color: blue;  font-size: 1.0em; }
    .dao11 { color: blue;  font-size: 1.1em; }
    .dao21 { color: blue;  font-size: 1.2em; }
    .dao31 { color: blue;  font-size: 1.3em; }
    .dao41 { color: blue;  font-size: 1.4em; }
    .dao51 { color: blue;  font-size: 1.5em; }
    .dao61 { color: blue;  font-size: 1.6em; }
    .dao71 { color: blue;  font-size: 1.7em; }
    .dao81 { color: blue;  font-size: 1.8em; }
    .dao91 { color: blue;  font-size: 1.9em; }


    .daka01 { color: red;  font-size: 1.0em; }
    .daka11 { color: red;  font-size: 1.1em; }
    .daka21 { color: red;  font-size: 1.2em; }
    .daka31 { color: red;  font-size: 1.3em; }
    .daka41 { color: red;  font-size: 1.4em; }
    .daka51 { color: red;  font-size: 1.5em; }
    .daka61 { color: red;  font-size: 1.6em; }
    .daka71 { color: red;  font-size: 1.7em; }
    .daka81 { color: red;  font-size: 1.8em; }
    .daka91 { color: red;  font-size: 1.9em; }

    .dcha01 { color: maroon;  font-size: 1.0em; }
    .dcha11 { color: maroon;  font-size: 1.1em; }
    .dcha21 { color: maroon;  font-size: 1.2em; }
    .dcha31 { color: maroon;  font-size: 1.3em; }
    .dcha41 { color: maroon;  font-size: 1.4em; }
    .dcha51 { color: maroon;  font-size: 1.5em; }
    .dcha61 { color: maroon;  font-size: 1.6em; }
    .dcha71 { color: maroon;  font-size: 1.7em; }
    .dcha81 { color: maroon;  font-size: 1.8em; }
    .dcha91 { color: maroon;  font-size: 1.9em; }

    .dkro01 { color: black;  font-size: 1.0em; }
    .dkro11 { color: black;  font-size: 1.1em; }
    .dkro21 { color: black;  font-size: 1.2em; }
    .dkro31 { color: black;  font-size: 1.3em; }
    .dkro41 { color: black;  font-size: 1.4em; }
    .dkro51 { color: black;  font-size: 1.5em; }
    .dkro61 { color: black;  font-size: 1.6em; }
    .dkro71 { color: black;  font-size: 1.7em; }
    .dkro81 { color: black;  font-size: 1.8em; }
    .dkro91 { color: black;  font-size: 1.9em; }


  /* 行の高さを指示 */
    .linh0 { line-height: 1.0; }
    .linh1 { line-height: 1.1; }
    .linh2 { line-height: 1.2; }
    .linh3 { line-height: 1.3; }
    .linh4 { line-height: 1.4; }
    .linh5 { line-height: 1.5; }
    .linh6 { line-height: 1.6; }
    .linh7 { line-height: 1.7; }
    .linh8 { line-height: 1.8; }
    .linh9 { line-height: 1.9; }
    .linh20 { line-height: 2.0; }


  /* 文字の太さと色を指示 */
    .futo  {
      color: black;
      font-size: 1.2em;
      font-weight: normal;
      line-height: 2;
    }

    .hoso  {
      color: black;
      font-size: 0.9em;
      font-weight: normal;
      line-height: 1.3em;
    }


  /* 文字の色を指示 */
    .aka  { color: red; }
    .ao  { color: blue; }
    .kon  { color: navy; }
    .ki  { color: yellow; }
    .pink  { color: fuchsia; }
    .murasaki  { color: purple; }
    .hai  { color: gray; }
    .cha  { color: maroon; }
    .kimi  { color: lime ; }
    .siro  { color: white ; }
    .midori  { color: green ; }
    .enji  { color: maroon ; }
    .mizuiro  { color: aqua ; }


/* メニュー折り畳みスタート */

#dropmenu{
  list-style-type: none;
  width: 100%; 
  height: 60px; 
  margin: 3px; 
  padding: 0; 
  background: #ff6347; 
  border-bottom: 5px solid #535d09; 
  border-radius: 3px 3px 0 0; 
} 

#dropmenu li{ 
  position: relative; 

  width: 20%; 
  float: left; 
  margin: 0; 
  padding: 0; 
  text-align: center; 
} 

#dropmenu li a{ 
  display: block; 
  margin: 0; 
  padding: 15px 0 15px; 
  color: #fff; 
  font-size: 20px; 
  font-weight: bold; 
  line-height: 1; 
  text-decoration: none; 
} 

#dropmenu li:hover > a{ 
  background: #000080; 
  color: #eff7b1; 
} 

#dropmenu > li:hover > a{ 
  border-radius: 3px 3px 0 0;  
} 
#dropmenu li ul{ 
  list-style: none; 
  position: absolute; 
  top: 100%; 
  left: 0; 
  margin: 0; 
  padding: 0; 
  border-radius: 0 0 3px 3px; 
} 

#dropmenu li:last-child ul{ 
  left: -100%; 
  width: 100% 
} 

#dropmenu li ul li{ 
  overflow: hidden; 
  width: 200%; 
  height: 0; 
  color: #fff; 
  -moz-transition: .2s; 
  -webkit-transition: .2s; 
  -o-transition: .2s; 
  -ms-transition: .2s; 
  transition: .2s;  
} 

#dropmenu li ul li a{ 
  padding: 13px 15px; 
  background: #6e7c0c; 
  text-align: left; 
  font-size: 20px; 
  font-weight: normal;  
} 
#dropmenu li:hover ul li{ 
  overflow: visible; 
  height: 50px; 
  border-top: 1px solid #7c8c0e; 
  border-bottom: 1px solid #616d0b;  
} 

#dropmenu li:hover ul li:first-child{ 
  border-top: 0;  
} 

#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

 /* メニュー折り畳み終了 */