@charset "utf-8";
@import url("base.css");


/*-----------------------------------
____system
-----------------------------------*/
#mainOneColumn .system {
  float: left;
  width: 760px;
  margin-bottom: 10px;
}

#mainOneColumn .system h4.titleSystem {
  width: 450px;
  margin: 0 10px 5px 10px;
  padding-left: 10px;
  border-bottom: 1px dotted #446db1;
  color: #446db1;
  font-size: 1.2em;
}

#mainOneColumn .system p {
  margin-left: 20px;
}

#mainOneColumn .system ul {
  margin-left: 20px;
}

#mainOneColumn .system ul li {
  list-style-type: circle;
  margin-left: 20px;
}

#mainOneColumn .system ul.supplement {
  color: gray;
  font-size: 0.9em;
}

#mainOneColumn .system ul.supplement li {
  list-style-type: none;
}

#mainOneColumn .system dl {
  margin: 0 20px;
}

#mainOneColumn .system dt {
  height: 31px;
  padding-left: 35px;
  font-weight: bold;
  line-height: 35px;
}

#mainOneColumn .system dt.student {
  background: url(../img/icon_student.png) no-repeat;
}

#mainOneColumn .system dt.teacher {
  background: url(../img/icon_teacher.png) no-repeat;
}

#mainOneColumn .system dt.operator {
  background: url(../img/icon_operator.png) no-repeat;
}

#mainOneColumn .system dd {
  margin-bottom: 30px;
}

#mainOneColumn .system img.imgSystem {
  float: right;
  margin: 0 15px;
}

/* end ____system */