body{
	background-color: #FFF;
}

h1{
     text-align: center;
    font-size : 200% ;
    color : #282828 ;
    padding : 0.2em 0.8em 0.4em 0.8em ;
    border-bottom : solid 3px #ff8630 ;
    }




h2{
text-align: center;
background: #f8b668; 
  padding: 10px;
  color: white;
  border-radius: 30px;
  }

h3{
 color: white;
  padding: 0.5em;
  display: inline-block;
  line-height: 1.3;
  background: #f8b668;
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;
}
h3:before {
  content: '●';
  color: white;
  margin-right: 8px;
}

#character{
 margin: auto;
 }

table,
table th,
table td {
    border: 1px solid #000;
    border-collapse: collapse;
}



.bodyII{
	padding:50px;
  	margin-top:100px;
		  }

.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}