/* A */

/* A. 汎用的なもの .around========================== */

/* ulタグに汎用する基本のcss */
ul {
list-style:none;
}

/* (1)H1タグのを飾りなしに変更、SEOの為だけに残す */   
h1 {
font-size:medium;
font-weight:normal;
justify-content:space-around;
}

/*  以下は現在利用していない
.parent{
  position: relative;
  z-index:0;
}
.inner{
  position: absolute;
    z-index:0;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  }
*/




/* 補足. classの読み取り方について ======================================== */



/*
　たとえば「.posCTopDiv」は、
 clk :position 場所や位置について  --(1)
 C   :compare  exMake.php exDepthMake.php 共通で使うもの  --(2)
 Top :Top      設置される場所の名称（いろいろ独自に決まっている） --(3)
 Div :<DIV>    Divタグ --(4)
　という意味です。以下(1)(2)(3)(4)を詳述します。*/
　
/* (1)役割について */
/* A_aroundcss.css           全般に関するもの [h1.]
   B_欠番
   C_compactcss.css          480px以下に適用
   D_desktopcss.css　        480px以上に適用
   E_exception480640css.css  480px～640pxに適用
   E_exception640css.css     640px以上に適用
   F_fontcss.css             フォント[.fnt]
   G_gramcss.css             Gram部の場所[.posGram]
   h_ I_ J_欠番
   K_clickcss.css            定義部分の余白と開閉部[.clk]
   L_listnumcss.css          Gram部[.lst]・関連[.btnLimnk]
    M_menucss.css            ページ先頭末尾のメニュー部分
    MC_compactcss.css         〃 480px以上に適用
    ME_exception480640css.css 〃 480px～640pxに適用
    ME_exception640css.css    〃 640px以上に適用
   N_ O_ 欠番
   P_posspacecss.css         位置や場所について[.pos]
   Q_ 欠番
   R_colorcss.css            色[.col]（exColor.phpで作る）
   S_欠番
   T_toptitlecss.css         Topのレト名,ふりがな,英語[.topTitle]
                              〃 の位置[.topDisp]
   U_欠番
   V_voicecss.css            voiceでの特有な処理[.dispV]
   W_欠番
   X_fixedbuttoncss.css      このページのトップに[.fixed]
   Y_displaycss.css          displayに関するもの[.disp] 
   Z_欠番
   

/* (2) classを使用するファイルについて */
/*
  C    :compare     exMake, exDepthMakeで共通して使用
  M    :Make        exMakeだけで使用
  D    :Depth       exDepthMakeだけで使用
  V    :Voice       exMajor内のvoice関連で使用
*/

/* (3) classを使用するファイル内の場所について
   大きく変わるけれども、おおむね次の通り

/* (3-a) exMakeの場合

<!--▼使い方▼ -->
<div class='posCTopDiv colUseBack'>   ――TopDiv
<div class='clkCTopNavDiv' role='na   ――TopNavDiv
<ul class='clkCNavUl'>                ――NavUl
<input id='group-use' id='normalche   ――（未設定）
<label --略--aTag' class='posCLbl'>   ――Lbl
<IMG src='../image/gif/new/use.gif'   ――（未設定）
<ul--略--clkCTopNavDiv posCGrpUl co   ――GrpUl （他流用あり）
<li class='posMDetHedLi'>           　――DetHed
<IMG  --略-- class='posMDetHedImg'>   ――DetHedImg
<span --略-- class='posCDetHedSpn f   ――DetHedSpn
<li class='posCDetLi'>                ――DetLi
<span style='font-size:large;'>       ――（未設定）
<ul class='posFukiTopUl' style='pad   ――FukiTopUl
<li class='posFukiMainTopLi'>         ――FukiMainLi
</li></ul></span></li>
<li class='posMDetHedLi'>             ――DetHedLi
<IMG  --略-- class='posMDetHedImg'>   ――DetHedImg
</li></ul></ul></div></div>
*/

/* (3-b) exDepthMakeの場合

<!--▼レトリックを深く知る▼ -->
<div class='posCTopDiv colDepthBack'  ――TopDiv
<div Det='clkCTopNavDiv' role='navig  ――TopNavDiv
<ul class='clkCNavUl'>                ――NavUl
<input id='group-depth1' type='check　――（未設定）
<labe --略--etaTag' class='posCLbl'>  ――Lbl
<span style='display:flex;flex-direc  ――？
<IMG src='../image/gif/new/depth01.g  ――？
<span class='posCDetHedSpn posDDetHe  ――DetHedSpn
<ul --略-- posCGrpUl clkCTopNavDiv r  ――GrpUl (他流用あり）
<li class='posDDetUl'>                ――DetUl
<div --略--rge;' class='posDDetDiv'>  ――DetDiv
<ul class='posFukiTopUl'>             ――FukiTopUl
<li class='posFukiMainTopLi'></li></  ――FukiMainTopLi
</div></li>
<li class='posCBtmLi'></li></ul></ul  ――BtmLi
</div></div>
*/


/* (4) タグについて */

/*
  Div : <div>
  Spn : <span>
  Li  : <li>
  Ul  ; <ul>
  Lbl : <label>
  Img : <img>
  そのた、見ればわかるのではないかとおもう*/