article {
         width: 800px;
         margin: 40px auto;}

article h1 {
        text-align: center;
        font-size: 30px;
          }


article section a{
        color: #864b4b;}

article section a:hover {
        color: #f47938;}
    
 

table {
        width: 800px;
       
        margin: 30px auto;
        table-layout: fixed;
        border: 1px solid;
        border-collapse: separate;
        background: #ffffff;
        }

th,td {
      
        padding: 2px;
        border: 1px solid;}

th {
    background: #f5cbbe;}

.mannaka{
        text-align: center;
        }

        

.kakomi1 {
        
         height: 40px;
         margin: 0px;
         padding: 10px;
         background: #accb39;
         border-radius: 20px;
         color: #ffffff;
          }

.kakomi2 {
         width: 400px;
         height: 20px;
         margin: 50px auto 30px; 
         padding:5px 10px;
         border-radius: 15px;
         background: #accb39;
         color: #ffffff;
         display: block;
         text-align: center
}
/*-------------------- contents --------------------*/

.hpb-cnt-cell1 {
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background: #409d27;
	padding-top: 1px;
	padding-bottom: 1px;
}

.hpb-cnt-cell2 {
	background: #D7E6B5;
	border-top: 1px solid #FFFFFF;
}

.hpb-cnt-cell3 {
	color: #42502E;
	background: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.hpb-cnt-cell3-x {
	color: #42502E;
	background: #67fc758;
	border-top: 1px solid #FFFFFF;
}

.hpb-cnt-cell4 {
	background: #276061;
	border-left: 1px solid #FFFFFF;
}

.hpb-cnt-cell5 {
	color: #42502E;
	line-height: 20px;
	background: #FFFFFF;
}

.hpb-cnt-cell6 {
	background: #FFFFFF;
	color: #42502E;
}

.hpb-cnt-cell7 {
	background: #FFFFFF;
}

.hpb-cnt-tb-cell1 {
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	background: #EFF4E1;
}

.hpb-cnt-tb-cell2 {
	background-color: #ffffff;
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
}

.hpb-cnt-tb-cell3 {
	background: #EFF4E1;
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
}

.hpb-cnt-tb-cell4 {
	background-color: #ffffff;
	border-color : #758e53 #758e53 #758e53 #758e53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	padding-left : 3px;

}
.hpb-cnt-tb-cell4a {
	background-color: #ffffff;
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	font-size: 75%;
	padding-left : 3px;
}

.hpb-cnt-tb-cell4o {
	background-color: #ffffff;
	border-color : #758e53 #758e53 #758e53 #758e53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	padding-left : 3px;
	color: #CC9900;
}

.hpb-cnt-tb-cell4g {
	background-color: #ffffff;
	border-color : #758e53 #758e53 #758e53 #758e53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	padding-left : 3px;
	color: #54A306;
}

.hpb-cnt-tb-cell4v {
	background-color: #ffffff;
	border-color : #758e53 #758e53 #758e53 #758e53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
	padding-left : 3px;
	color: #800080;
}

.hpb-cnt-tb-cell5 {
	background-color: #ffffff;
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 1px 0px;
}

/*-------------------- design table --------------------*/

.hpb-cnt-tb-th1 {
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	background: #D7E6B5;

}

.hpb-cnt-tb-th2 {
	background: #D7E6B5;
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
}

.hpb-cnt-tb-th3 {
	border-color: #FFA215 #FFA215 #FFA215 #FFA215;
	border-style: solid solid solid solid;
	border-width: 0px 1px 1px 0px;
	background: #FFE377;
	color : #008000;
	font-weight : bold;
}

.hpb-cnt-tb1 {
	background-color: #ffffff;
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width : 1px 1px 0px 0px;
}

.hpb-cnt-tb2 {
	background-color: #ffffff;
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
}

.hpb-cnt-tb3 {
	background-color: #ffffff;
	border-color: #758E53 #758E53 #758E53 #758E53;
	border-style: solid solid solid solid;
	border-width: 0px 0px 0px 0px;
}