#content{
         margin:auto ;
         width : 900px;
         background-color :#fffafa ;
 }

#content h1 {
       clear: both ;
       width : 900px;
       height : 30px;
       font-size: 22px ;
       font-weight :900 ;
       color :#f0f8ff ;
       text-align :center ;
       padding-top:7px ;
       border-top:2px blue solid ;
       background-color :#0000cd ;

}

#content h2 {
       clear: both ;
       width : 900px;
       height : 25px;
       font-size: 18px ;
       font-weight :600 ;
       color :red ;
       text-align :center ;
       padding-top:7px ;
       border-top:2px blue solid ;
       background-color :#d3d3d3 ;

}

#content .box {
       margin:0 30px ;
       clear: both ;
       width : 200px;
       height : 20px;
       font-size: 18px ;
       font-weight :600 ;
       color :#ffffe0 ;
       text-align :center ;
       padding:2px ;
       border:2px blue solid ;
       background-color: #daa520 ;

}

#content .box a {
text-decoration: none;
}

#content .box a:hover {
background-color: #e0e0e0;
}

#content .box a:hover { color: #ff0000; } … ポイント時のリンク

#content .box a:visited { color: #000080; }

#content .box a:active {
outline: 2px #ff0000 dashed;
}



.textarea{
          width : 900px;
          margin-left : 30px;
          margin-bottom : 10px;
}

.textarea p{
            width :800px ;
            font-size : 14px;
            font-weight :300 ;
            line-height : 1.6;
            color:#696969 ;
}

.textarea img{
              margin-right: 20px ;
              margin-top:5px ;
              margin-bottom:10px ;
              float:left ;
              border-width : 0px 0px 0px 0px;
}

.textarea li {
              font-size : 14px;
              font-weight :300 ;
              line-height : 1.6;
              color:#696969 ;
  
}


.boll{
      clear: both ;
      font-weight : bold;
}