/* CSS box model*/
div.box1{
      margin: 10px;
      padding:15px;
      width: 300px;
      height:260px;
}
#b1{
      background-color:#ffeeee;
      box-shadow:11px 10px 10px 0 rgba(200,0,0,0.2); 
}

#b2{
      background-color:#eeffee;
      box-shadow:11px 10px 10px 0 rgba(0,200,0,0.2); 
}

#b3{
      background-color:rgba(100,220,255,0.35);
      box-shadow:11px 10px 10px 0 rgba(0,0,200,0.2); 
}

div.kage{
      box-shadow:11px 10px 10px 0 lightgray; 
        
}

div.img1 {
      width:100%;
      height:155px;
      margin:10px;
      background-repeat:no-repeat;
      //background-size:cover;
      background-size:contain;
}

#imgDragon{
      background-image:url("../../images/5.jpg");
}

#imgDinosaur{
      background-image:url("../../images/7.jpg");
}

#imgSnails{
      background-image:url("../../images/6.jpg");
}

#imgCrane{
      background-image:url("../../images/8.jpg");
}

#imgSwan{
      background-image:url("../../images/swan.jpg");
}

#imgOwl{
      background-image:url("../../images/owl.jpg");
}

#imgTama{
      background-image:url("../../images/kusutama.jpg");
}

#imgDama{
      background-image:url("../../images/kusudama2.jpg");
}

div.text1 {
      margin:5px ;
      padding:10px;
      text-align:center;
}