li.flower{
      background-size:contain;
      width:200px;
      height:150px;
      text-align:center;
      font-size;large;
      text-shadow: 2px 2px 3px navy, -2px 2px 3px navy, 2px -2px 3px navy, -2px -2px 3px navy;
      border:solid 1px rgba(0,0,150,0.3);
      border-radius:30%; 
      box-shadow: 3px 8px 12px 0 rgba(0, 0, 250, 0.3);
      float:left;  //right 
}


/* http://www.dolceproof.jp/topic/reference/referencecss/nth-childn   */

li.flower:first-child{
      width:150px;
      height:150px;
      border-radius:50%; 
}

li.flower:nth-child(2n){
      border-radius:50%; 
        }

#sakura{
      background-image: url("../../images/sakura.jpg");
      background-size:cover;
}

#sakura:hover{
      background-image: url("../../images/sakuraFuji.jpg");
}
#nanohana{
    background-image: url("../../images/nanohana.jpg");
}

#nanohana:hover{
    background-image: url("../../images/nanoBadake.jpg");
    background-size:cover;
}
#tsutsuji{
   background-image: url("../../images/tsutsuji.jpg");
}
#tsutsuji:hover{
   background-image: url("../../images/tsuYama.jpg");
    background-size:cover;
}

#tanpopo{
   background-image: url("../../images/tanpopo.jpg");
}
#tanpopo:hover{
   background-image: url("../../images/tanbobo.jpg");
}
 
#rindo{
  background-image: url("../../images/rindou.jpg");
}
#rindo:hover{
  background-image: url("../../images/rindo.jpg");
}

#snow{
  background-image: url("../../images/snow1.jpg");
}
#snow:hover{
  background-image: url("../../images/snow2.jpg");
}

td.flower{
      font-size;x-large;
      text-shadow: 2px 2px 3px navy, -2px 2px 3px navy, 2px -2px 3px navy, -2px -2px 3px navy;
      background-size:auto;
      box-shadow: 3px 8px 12px 0 rgba(0, 0, 250, 0.3);
}

td.season{
      width:200px;
      height:150px;
}

/* for c2_1.html and  c2_2.html */ 
#s1 {
        color: green;
        background-color: skyblue;
}

#s1:hover{
        color: skyblue;
        background-color: green;
}

#s2 {
        color: red;
        background-color: white;
}


#s2:hover {
        color: white;
        background-color: red;
}

#s3 {
        color: yellow;
        background-color: brown;
}

#s3:hover {
        color: brown;
        background-color: yellow;
}

#s4 {
        color:black;
        background-color: darkgray;
}

#s4:hover {
        color:darkgray;
        background-color:black; 
}