/*style の中ではC風のコメントができる。
   　CSSとはカスケード
   　style は、４の方法で指定でき、
   　LINK外部　＠load外部　styleタグ　インライン　の順で適用
   */
   h2 {
    width:800px;
    height:80px;
    font-size:60px;
    text-align:center;
    vertical-align:middle;
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,2),
    0 20px 20px rgba(0,0,0,.25) }
   h3 {
    width:800px;
    color:blue;
    background:#f0f000;
    font-size:55px;
    text-align:center;
    text-shadow: 1px 1px 3px #000
/*  font-size:18px;*/
/*    margin:5em 0 五文字分*/  }
   h3.h{ background:#f0f000 }
   h3.p{ background:#f0fff0 }
   h3.t{ background:#f0f0f0 }
   
   h4 {width:800px;
    color:green;
    background:yellow;
    font-size:50px;
    text-align:center
   }
   h5 {color:blue;
    font-size:45px}
   h2.h,h3.h,h4.h,h5.h { background:yellow }
   h2.p,h3.p,h4.p,h5.p { background:olive }
   h2.t,h3.t,h4.t,h5.t { background:silver }
   div { width:800px }
   div#C1 { background:#ffffc0 }
   div#C2 { background:#a0c040 }
   div#C3 { background:#e0e0e0 }
   table { width:800px;
    border-color:black;
    background-color:Aqua }
   caption { background:Aqua;
             font-size:80px;
             text-align:center }
   th {
    font-size:80px;
    text-align:center;
    vertical-align:middle;
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,2),
    0 20px 20px rgba(0,0,0,.25) }
   tr { height:250px }
   td {
    font-size:80px;
    width:240px;
    text-align:center;
    text-shadow :1px 1px 3px #000
   }
   td.h { background:yellow }
   td.p { background:olive }
   td.t { background:silver } /*#c0c0c0*/
   td.r { background:#ff0000 }
   td.g { background:#00ff00 }
   td.b { background:#0000ff }
   p { width:800px;
    font-size:40px;   
    }
   p.h { background:yellow }
   p.p { background:olive /*; color:white*/ }
   p.t { background:silver }
   p.p1 { text-shadow: 1px 1px 3px #000; }
   p.p2 {
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,2),
    0 20px 20px rgba(0,0,0,.25)
  }
   span { width:800px }