.text-left {text-align: left !important;}
.text-center {text-align: center !important;}

.waku {width: 24px; display:inline-block; text-align: center;}
.waku_1 {background-color: #fff; color: #333;}
.waku_2 {background-color: #000; color: #fff;}
.waku_3 {background-color: #f00;}
.waku_4 {background-color: #00f; color: #fff;}
.waku_5 {background-color: #ff0;}
.waku_6 {background-color: #080;}
.waku_7 {background-color: #f60;}
.waku_8 {background-color: #f0f;}

#main ul.table-of-contents li,
#main .same_category ul li {
	list-style: none;
}

#main table.analyze {
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin: 0;
}
@media screen and (max-width: 767px) {
table.analyze {
	font-size: 120%;
}
}
table.analyze th,
table.analyze td {
	padding: 3px;
	text-align: center;
}
table.analyze th {
	color: #fff;
	background-color: #4d801a;
}
table.analyze td {
	border-bottom: 1px solid #cce6b3;
}
table.analyze tr:nth-child(odd) {
	background-color: #eeffdd;
}

#main .panel {
  margin: 0.5em 4px;
  border: 2px solid #9fb399;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#main .panel p {
  padding: 8px 0;
  margin: 0;
}
#main .panel .head {
  font-size: 117%;
  color: #333;
  background-color: #bfd9bf;
  padding: 8px 12px;
  margin: 0;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}
#main .panel .body {
  color: #333;
  background-color: #eaf2ea;
  padding: 8px 12px 0px;
  margin: 0;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
}
@media screen and (min-width: 414px) { /* iPhone6Plus */
#main .panel { margin-top: 8px; }
#main .panel p { font-size:117%; }
}
@media screen and (min-width: 768px) { /* iPad < PC */
#main .panel { margin: 5px 0 15px 20px; }
#main .panel p { font-size:100%; }
#main .panel .head {  font-size:100%; padding-left: 20px; padding-right: 20px; }
#main .panel .body { padding: 10px 20px; }
}