.bold {
  font-weight: bold;
}
div {
  position: relative;
  margin: 10px;
  padding: 6px;
  border-radius: 8px;
  width: 600px;
  border: 1px solid #000000;
  box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
}
div#block1 {
  height: 340px;
}
div#block2 {
  height: 400px;
}
div#block3 {
  height: 600px;
}
p,li,td,th {
  line-height: 1.8;
}
 em {
   color: #ff0000;
 }
 #bunrui {
   background-color: #ffffbb;
   position: absolute;
   padding: 1px 3px;
   width: 2em;
   left: 8px;
   top: 70px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #line_devide {
   position:absolute;
   top:50px;
   left:57px;
   height: 100px;
 }
 #fuzoku {
   background-color: #ffffbb;
   position: absolute;
   padding: 1px 3px;
   width: 5em;
   left: 80px;
   top: 25px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #seifuzoku {
   background-color: #ffffbb;
   position: absolute;
   padding: 1px 3px;
   width: 5em;
   left: 80px;
   top: 117px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #kyoka {
   background-color: #ccffcc;
   position: absolute;
   padding: 1px 3px;
   border-radius: 8px;
   width: 2em;
   left: 185px;
   top: 0px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #arrowB {
   position:absolute;
   top:53px;
   left: 180px
 }
 #todoke {
   background-color: #ccffcc;
   position: absolute;
   padding: 1px 3px;
   border-radius: 8px;
   width: 2em;
   left: 185px;
   top: 93px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #arrowR {
   position:absolute;
   top:145px;
   left: 185px
 }
#kouaniinkai {
   background-color: #ffffbb;
   position: absolute;
   padding: 32px 3px;
   width: 5em;
   left: 250px;
   top: 27px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }




#fuzokutxt {
  position: absolute;
  background-color: #eeffff;
  padding: 5px;
  top: 25px;
  width: 230px;
  left: 355px;
  border-radius: 8px;
  box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
}
#fuzoku2 {
  position: absolute;
  background-color: #ffffbb;
  padding: 2px;
  top: 230px;
  width: 4em;
  left: 10px;
  box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
}
#line_devide2 {
   position:absolute;
   top: 236px;
   left:90px;
   height: 50px;
 }
 #settai {
   position: absolute;
   background-color: #ffffbb;
   padding: 2px;
   top: 207px;
   width: 8em;
   left: 110px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #yuugi {
   position: absolute;
   background-color: #ffffbb;
   padding: 2px;
   top:255px;
   width: 8em;
   left: 110px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #ichigo {
   position: absolute;
   background-color: #ffccee;
   padding: 0px 3px;
   top:207px;
   width: 2em;
   left: 270px;
   border-radius: 8px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #kara {
   position: absolute;
   top:207px;
   left: 320px;
 }
 #sango {
   position: absolute;
   background-color: #ffccee;
   padding: 0px 3px;
   top: 207px;
   width: 2em;
   left: 345px;
   border-radius: 8px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #yongo {
   position: absolute;
   background-color: #ffccee;
   padding: 0px 3px;
   top:256px;
   width: 2em;
   left: 270px;
   border-radius: 8px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }
 #gogo {
   position: absolute;
   background-color: #ffccee;
   padding: 0px 3px;
   top: 256px;
   width: 2em;
   left: 320px;
   border-radius: 8px;
   box-shadow: rgba(0,0,0,0.7) 3px 3px 10px;
 }


 /*TABLE********************************************************************/
 colgroup#go {
   width: 40px;
   text-align: center;
 }
 caption {
   text-align: left;
   padding-bottom: 2px;
   padding-bottom: 0px;
   font-weight: bold;
 }
 table{
   border: solid 2px;
   margin: 1em;
   border-collapse: collapse;
 }
 th{
   border: solid 1px;
   padding: 2px 5px;
   font-size: 16px;
   background-color: #ffeeee;
 }
 td{
   border: solid 1px;
   padding: 2px 5px;
   font-size: 16px;
   background-color: #eeffff;
 }