body {
  text-align:center;

  font-size: 12px;
}

.main {
  margin: 0px auto 0px auto;

  width: 800px;
}
.sidebar {
  margin: 0px auto 0px auto;

  float:  left;
  width:  25%;
}

.box {
  margin: 20px auto 20px auto;

  width: 180px;

  border-style: solid;
  border-width: 2px;
}

.maker_title {
  margin: 0px 0px 0px 0px;
  background-color: #00FF7F;
}

.bn_title {
  margin: 0px 0px 0px 0px;
  background-color: orange;
}

h3.hs_title{
  margin: 0px 0px 0px 0px;
  background-color: #00FFFF;
}

h3.explain{
  margin: 0px 0px 0px 0px;
  background-color: #F0F8FF;
}

.content{
  margin: 0px auto 0px auto;

  float: right;
  width: 75%;
}

div.interested {
  margin: 20px auto 20px auto;
  width: 525px;

  background-color: #FFFFFF;
  border: 2px solid #000000;  
}

h3.date {
  text-align: left;

  margin: 5px 0px 0px 5px; 
}

h4.subject {
  text-align: left;
  margin: 15px 30px 0px 10px;
  padding: 5px 10px 0px 5px;

  font-size: 14px;

  border-style: solid;
  border-width: 0px 0px 2px 20px;
  border-color: #FF8C00;
}

.image {
  margin: 10px auto 0px auto;
}

h4.comment{
  margin: 20px 0px 0px 50px;
  text-align: left;

  text-weight: 700px;
}

pre.comment {
  margin: 5px 65px 10px 60px;
  padding: 0px 0px 0px 2px;
  text-align: left;

  font-size: 12px;
}

ul {
  text-align: left;
  margin: 0px 0px 0px 0px;
}

li {
  text-align: left;
  margin: 0px 0px 0px 5px;
}

p.explain {
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
}