@charset "utf-8";

.h2_title{
clear:both;
margin: 40px 0 0 0;
padding: 3em 0;
text-align:center;
font-size:200%;
background: url(../img/h2_bg.png) no-repeat top right;
}


.mana_table {
	border-top: 1px #060606 solid;
	border-left: 1px #060606 solid;
	width:100%;
}
.mana_table th,.mana_table td {
	padding: 10px;
	border-right: 1px #060606 solid;
	border-bottom: 1px #060606 solid;
}
.mana_table th {
	background: #292929;
	text-align: center;
	vertical-align: middle;
}
.mana_table td {
	background: #3d3d3d;
	vertical-align: top;
}

.mana_table td.mana_title {
	background: #d0f287;
}


.mana_dl dt,.mana_dl dd,
.mana_dt_last dt,.mana_dt_last dd {
  display: block;
  float: left;
}

.mana_dl dt,.mana_dt_last dt {
  width: 10%;
  padding: 1em;
  background: #538436;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}
.mana_dl dt:after,.mana_dt_last dt:after {
content: "";
position: absolute;
}
.mana_dl dt:after {
border-top: 15px solid #538436; /* 右向きの三角形を作るため左のボーダーに色を付ける */
border-right: 15px solid transparent; /* 上のボーダーを透過に指定 */
border-left: 15px solid transparent; /* 下のボーダーを透過に指定 */
margin: 40px 0px 0 -31px;
}
.mana_dt_last dt:after {
border: 0;
}
.mana_dl dd,.mana_dt_last dd {
  width: 70%;
  padding-left: 20px;
  font-weight: normal;
  font-size: 90%;
}

.mana_box01 {
	background: #1e1e1e;
	padding: 20px;	
}


.mana_table01 {
	border-top: 1px #1e1e1e solid;
	border-left: 1px #1e1e1e solid;
}
.mana_table01 th,.mana_table01 td {
	padding: 1em;
	border-right: 1px #1e1e1e solid;
	border-bottom: 1px #1e1e1e solid;
}
.mana_table01 th {
	background: #303030;
	text-align: center;
}
.mana_table01 td {
	background: #3d3d3d;
	vertical-align: top;
}
#subjects {
	width: 40%;
}
#note ul li {
	list-style: circle;
	
}
#note ul li ul li {
	list-style: disc;
	margin-left: 2em;
}