@charset "utf-8";
   header,footer{text-align:center;color:blue;background-color:#bbb;width:95%;margin-left:10px; margin-right:10px;}
    
   span{color:red;}
   .inBlock{display:inline-block;}
   .DBlock{display:block;}
   h1{margin-left:30%;;color:red;}
   h2{margin-left:1%; color:blue;}
   h3{margin-left:2%; color:green;}
   .hwd{font-size:40pt;}
   .lh15{line-height:1.5;}
   .lh4{line-height:4.0;} 

   div, p{font-weight:bold; font-size:large; color:navy; padding-left:1%;} 
   li{margin-bottom:5px;}
   .cur-point{cursor:pointer;}

   /* 定義、説明 用 の全体を囲む大枠 */
   .ohwaku{width:1600px; margin:auto;background-color:rgba(0,0,255,0.1);border:solid 4px green;overflow:hidden;padding:5px;} /* バックグランド(blue)(位置センター)上下マージン0px */
   .ohwaku1c{width:1600px; margin-left:auto;margin-right:auto; background-color:rgba(0,0,255,0.1);border:solid 4px green;overflow:hidden;padding:5px;} /* BGC(blue)(位置センター) */
   
   .ohwaku2c{width:1500px; margin-left:auto;margin-right:auto; background-color:rgba(128,0,128,0.1);border:solid 2px green;overflow:hidden;padding:5px;} /* BGC(purple)(位置センター) */
   .ohwaku3c{width:1200px; margin-left:auto;margin-right:auto; overflow:hidden; padding:8px;}  /* バックグランド/ボーダー(none) 位置センター */ 
   .ohwaku4{width:864px;padding:0%; border:solid 4px green; background-color:rgba(255,140,0,0.1); margin:auto;overflow:hidden;}  /* バックグランド(darkorange) 上下マージン 0px 位置センター */

   .ohwakuL{width:800px; margin-left:20PX;background-color:rgba(0,0,255,0.1);border:solid 4px green;overflow:hidden;padding:5px;float:left;} /* バックグランド(blue)(位置 左側) */
   .ohwakuR{width:800px; margin-right:20PX;background-color:rgba(0,0,255,0.1);border:solid 4px green;overflow:hidden;padding:5px;float:right;} /* バックグランド(blue)(位置 右側) */

   /* 定義の説明を明確にする為の中枠 */
   .teigiwaku1{background-color:rgba(0,0,255,0.2);line-height:1.5;border:solid 4px green;margin:15px; } /* バックグランド(blue) 行幅1.5倍  */
   .teigiwaku2{border:solid 2px green;margin:15px;padding:8px; } /* ボーダー(green) バックグラウンド無し・ボーダー2px／マージン15px /パッド8px */
   .teigiwaku3{border:solid 3px purple;margin:15px;padding:10px;margin-left:auto;margin-right:auto; } /* ボーダー(purple) バックグラウンド無し・ボーダー3px／
   位置センター/マージン15px/パッド10px  */

   .dd-waku2c{border:solid 2px maroon; background-color:rgba(135,206,235,0.1); margin-left:auto;margin-right:auto;  padding:8px;}  /* バックグランド(skyblue) 位置センター */ 
   .dt1{border:solid 4px green; background-color:rgba(0,0,255,0.1);margin-left:auto;margin-right:auto;line-height:1.5; width:1200px;font-size:x-large; padding:8px; margin-bottom:5px;}
   .dd11{border:solid 4px green; background-color:rgba(0,255,255,0.1);  margin-left:auto;margin-right:auto;  padding:8px; width:1200px; font-size:x-large; margin-bottom:5px;}
   .dd2{border:double 4px red; background-color:rgba(0,128,128,0.2);  margin-left:auto;margin-right:auto;  padding:8px; width:1200px; font-size:x-large; margin-bottom:5px;}

   
   /* 文法文字を囲む 枠 */
   .grammar{background-color:rgba(0,0,255,0.2);border:solid 2px blue;float:left;margin-left:1.5%;} /* (位置左) バックグランド(blue) */
   
   .bunpomoji1{background-color:black; color:white; border:solid 4px green;} /* 枠(グリーン) バック(黒 文字白抜き) */
   .bunpomoji2{background-color:blue; color:white; border:solid 4px green;} /* 枠(グリーン) バック(blue 文字白抜き) */
   .boxframe1{border:solid 2px blue ; background-color:black; color:white; font-size:large; margin-left:10%;} /* 枠(ブルー) バック(黒 文字白抜き)font-large */
   .boxframe2{border:solid 2px green ; background-color:red; color:white; font-size:large; margin-left:10%;}  /* 枠(グリーン) バック(赤 文字白抜き)font-large */
   .boxframe3{border:solid 2px maroon ; background-color:red; color:white; font-size:large; margin-left:2%;}  /* 枠(マルーン) バック(赤 文字白抜き)font-large */
   
   .bunpoint1{background-color:rgba(0,255,0,0.2);border:solid 2px blue;} /* ポイント説明の注目小枠 に使用　バックグランド(colorはライム)とボーダーだけ */
   
   /* 定義説明用枠(通常の枠)*/
   .bun-teigi1{border:solid 4px green; background-color:rgba(0,0,255,0.1); margin:auto; line-height:1.5;} /* バックグランド(blue)、位置センター 、行間1.5倍 */
   .bun-teigi4h{border:solid 4px green; background-color:rgba(0,0,255,0.1); margin:auto; line-height:4.0;padding:5px;} /* バックグランド(blue)、位置センター 、行間4.0倍 */

   .bun-teigi1hc{border:solid 4px green; background-color:rgba(0,0,255,0.1); margin-left:auto;margin-right:auto;line-height:4.0;padding-top:5px;padding-bottom:5px;}
   .bun-teigi1c{border:solid 4px green; background-color:rgba(0,0,255,0.1);  margin-left:auto;margin-right:auto;  line-height:1.5;} /* バックグランド(blue)、位置センター 、行間1.5倍 */
   .nakasetu{border:solid 2px green;background-color:rgba(0,0,255,0.2); line-height:1.5; margin:7px auto; padding:4px 5px;} /* BG:blue line高さ 1.5  Margin:上下7px 左右センター*/
   
   .bun-teigi2{border:double 4px red; background-color:rgba(128,0,128,0.1); margin:auto; padding:8px;} /* 枠線ダブル強調、赤 上下マージン 0px 位置センター*/
   .bun-teigi2c{border:double 4px red; background-color:rgba(128,0,128,0.1);  margin-left:auto;margin-right:auto;  padding:8px;} /* 枠線ダブル強調、赤 位置センター*/
   .bun-teigidb{border:double 4px blue; margin-left:4%; padding:5px; color:navy; background-color:rgba(128,0,128,0.1)} /* back:purple 枠線ダブル blue 強調 位置(左側 4％)*/
   .bun-teigiW6{border:double blue 6px;padding:20px 10px;} /* 枠単ダブルblue 6px padding上下20px 横10px bgナシ */ 
   .bun-teigis4{border:4px solid red;padding:10px 20px;} /* 枠単線赤色 padding上下10px 横20px bgナシ */ 
   .bun-teigiwb{border:double blue 6px;padding:15px 10px;line-height:4.0;} /* 枠ダブル青色 padding上下10px 横20px bgナシ Line高さ4.0 */ 


   .bun-teigi4g{width:900px; margin:5px auto; background-color:rgba(0,0,255,0.2); border:solid 4px green ; padding:5px;} /* バックグランド(blue)位置センター */
   .bun-teigiDo{border:solid 4px green; background-color:rgba(255,140,0,0.1); margin:auto;}  /* バックグランド(darkorange) 上下マージン 0px 位置センター */
   .bun-teigiDoc{border:solid 4px green; background-color:rgba(255,140,0,0.1);  margin-left:auto;margin-right:auto; } /* バックグランド(darkorange) 位置センター*/
  
   .bun-teigiDSB{border:solid 4px green; background-color:rgba(0,191,255,0.2); padding:8px; margin-left:20px;} /* バックグランド(DeepSkyBlue) */
   .bun-teigiPl{border:solid 2px blue; background-color:rgba(128,0,128,0.1); padding-left:0.5%; margin-left:2em;} /* バックグランド(purple) */
   .bun-teigiPlx{border:solid 2px blue; background-color:rgba(128,0,128,0.2); padding-left:5px; margin:5px;} /* バックグランド(purple) */
   
   .bun-teigiBY{border:solid 4px green; background-color:rgba(0,0,255,0.2); margin-left:5px; margin-top:5px; margin-bottom:5px;float:left; } /* バックグランド(blue yellow) */
  .bun-nonwaku{border:solid 2px blue; background-color:rgba(128,0,128,0.3); float:left;}  /* バックグランド(purple) */
  .bun-nonwaku2{border:solid 2px maroon; background-color:rgba(128,128,0,0.4); float:left;}  /* バックグランド(olive) */ 
  .bun-nonwaku3{border:solid 2px blue; background-color:rgba(0,128,128,0.1); float:left;}  /* バックグランド(teal) */
  
  .bun-nonwaku3c{border:solid 2px maroon; background-color:rgba(128,128,0,0.4); margin-left:auto;margin-right:auto;  padding:8px;}  /* バックグランド(olive) 位置センター */ 

  /* ボーダの種類と色 */ 
 .bdr2rd{border:solid 2px red}     .bdrAsd3rd{border:solid 3px red}     .bdrAsd4rd{border:solid 4px red}     .bdrAsd5rd{border:solid 5px red} 
 .bdrAsd2ny{border:solid 2px navy}    .bdrAsd3ny{border:solid 3px navy}    .bdrAsd4ny{border:solid 4px navy}    .bdrAsd5ny{border:solid 5px navy}
 .bdrAsd2bu{border:solid 2px blue}    .bdrAsd3bu{border:solid 3px blue}    .bdrAsd4bu{border:solid 4px blue}    .bdrAsd5bu{border:solid 5px blue}
 .bdrAsd2gn{border:solid 2px green}   .bdAsd3gn{border:solid 3px green}   .bdrAsd4gn{border:solid 4px green}   .bdAsd5gn{border:solid 5px green}
  
  /* バックグラウンドの色 */
 .bgc-tl {background-color:teal}   .bgc-tl-a1 {background-color:rgba(0,128,128,0.1)}   .bgc-tl-a2 {background-color:rgba(0,128,128,0.2)}
 .bgc-aq {background-color:aqua}   .bgc-aq-a1 {background-color:rgba(0,255,255,0.1)}   .bgc-aq-a2 {background-color:rgba(0,255,255,0.2)}
 .bgc-wt {background-color:white}  .bgc-wt-a1 {background-color:rgba(255,255,255,0.1)} .bgc-wt-a2 {background-color:rgba(255,255,255,0.2)}
 .bgc-og {background-color:orange} .bgc-og-a1 {background-color:rgba(255,165,0,0.1)}   .bgc-og-a2 {background-color:rgba(255,165,0,0.2)}
 .bgc-gyw {background-color:greenyellow} .bgc-gyw-a1{background-color:rgba(173,255,047,0.1)} .bgc-gyw-a2{background-color:rgba(173,255,047,0.2)}