@charset "utf-8";
/*
	#halexbrain
*/
#halexbrain {
  width: 600px;
  margin: 0 auto;
  line-height: 1.3;
}
#halexbrain p, #halexbrain ul, #halexbrain ol, #halexbrain dl {
  margin-bottom: 10px;
}
#halexbrain h3 {
  margin-bottom: 10px;
}
#halexbrain div#title {
  margin: 0 0 20px 0;
  padding: 0 0 8px 0;
  border-bottom: 5px solid #A5B0BA;
}
#halexbrain div#title h3 {
  margin: 0;
  padding: 0 0 0 7px;
  font-size: 140%;
  border-left: 3px solid #0099CC;
}
#halexbrain h4 {
  margin-bottom: 10px;
}
#halexbrain .ttlService1 {
  padding-top: 10px;
  font-size: 110%;
  font-weight: normal;
}
#halexbrain h5 {
  color: #328F05;
  font-size: 110%;
  padding: 10px 0;
}
#halexbrain h6 {
  color: #990000;
  font-size: 120%;
  margin-bottom: 0;
}
#halexbrain center {
  display: block;
  text-align: center;
}
#halexbrain center p {
  text-align: center;
}
#halexbrain .center {
  text-align: center;
}
#halexbrain img {
  vertical-align: baseline;
}
#halexbrain img.left {
  float: left;
  margin: 0 10px 5px 0;
}
#halexbrain img.right {
  float: right;
  margin: 0 0 5px 10px;
}
#halexbrain p {
  text-align: left;
}
#halexbrain p.little {
  font-size: 85%;
}
#halexbrain .indentBox {
  margin: 0 10px;
}
#halexbrain div.eduBox {
  margin-bottom: 20px;
}
#halexbrain div.imgWinBox {
  padding: 10px 10px 0 10px;
  text-align: center;
  background: #F2F2F2;
}
#halexbrain div.imgWinBoxIn {
  width: 510px;
  height: 255px;
  margin: 0 auto;
  background: #F2F2F2;
}
#halexbrain div.imgWinBox p.no {
  width: 170px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
}
#halexbrain div.imgWinBox p.left {
  float: left;
  width: 170px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
}
#halexbrain ol {
  margin-left: 25px;
  list-style: decimal;
}
#halexbrain ol li {
  list-style: decimal;
}
#halexbrain ul.markList li {
  margin: 0;
  padding: 2px 0 2px 15px;
  background: url("/service/static/img/icon_mark01.gif") no-repeat left center;
}
#halexbrain .txtBox {
  margin-bottom: 20px;
  padding: 20px;
  background: #F2F2F2;
}
#halexbrain .txtBox p {
  margin: 0;
  padding: 0;
}
#halexbrain .greenText {
  color: #328F05;
  font-weight: bold;
  line-height: 1.6;
}
#halexbrain .greenTextS {
  color: #328F05;
  font-size: 100%;
  font-weight: normal;
}
#halexbrain .redText {
  color: #D80055;
}
#halexbrain .blueText {
  color: #0099FF;
}
#halexbrain .grayText {
  color: #385C72;
}
#halexbrain div#topContact {
  background: #FFFFCC;
  padding: 10px 10px;
}
#halexbrain div#topContact2 {
  background: #CCEAA8;
  padding: 10px 10px;
}
#halexbrain div#topContact3 {
  background: #EAF2E1;
  padding: 10px 15px;
}
#halexbrain div#topContact4 {
  background: #FFFFDD;
  padding: 10px 15px;
}
#halexbrain div#leftTextBlock {
  float: left;
  width: 390px;
}
#halexbrain div#rightImgBlock {
  float: right;
  width: 165px;
}
#halexbrain div#leftTextBlock ul {
  margin-left: 20px;
}
#halexbrain div#leftTextBlock li {
  list-style-type: disc;
  padding: 3px 0;
}
#halexbrain div#infoText {
  border-top: dashed #CCC 1px;
  border-bottom: dashed #CCC 1px;
  padding: 15px 0;
  margin-bottom: 10px;
}
#halexbrain div#infoText ol {
  margin-left: 25px;
}
#halexbrain div#infoText li {
  padding: 3px 0;
}
#halexbrain div#formBlock {
  background: #F2F2F2;
  border-top: #B3B3B3 solid 1px;
  border-bottom: #FFF solid 1px;
  text-align: center;
  padding: 20px 0;
}
#halexbrain div#formBlock table {
  margin: 0 auto;
}
#halexbrain div#formBlock td {
  padding: 5px 15px;
}
#halexbrain div#formBlock td.item {
  padding: 5px 0px 5px 15px;
  text-align: right;
  white-space: nowrap;
}
#halexbrain div#formBlock formBorder {
  border: #A5ACB2 solid 1px;
}
#halexbrain div#submitBlock {
  background: #D3D3D3;
  text-align: center;
  padding: 5px 0;
}
#halexbrain div#feature {
  margin-bottom: 10px;
}
#halexbrain div#feature div.featureBox {
  width: 195px;
}
#halexbrain div#feature table td {
  text-align: left;
  vertical-align: top;
  background: #EAECEE;
  border-right: 5px solid #FFFFFF;
  border-bottom: 10px solid #FFFFFF;
}
#halexbrain div#feature p {
  padding: 10px 5px 10px 10px;
  background: #EAECEE;
}
#halexbrain div#feature01,
#halexbrain div#feature02,
#halexbrain div#feature03,
#halexbrain div#feature07,
#halexbrain div#feature08 {
  clear: both;
  width: 580px;
  margin-bottom: 20px;
}
#halexbrain div#feature04,
#halexbrain div#feature05,
#halexbrain div#feature06 {
  clear: both;
  width: 410px;
  margin-bottom: 20px;
}
#halexbrain div#feature01Box {
  padding: 10px 10px 0 10px;
  text-align: center;
  background: #F2F2F2;
}
#halexbrain div#feature01BoxIn {
  width: 510px;
  height: 255px;
  margin: 0 auto;
  background: #F2F2F2;
}
#halexbrain div#feature01Box p {
  width: 170px;
  float: left;
  padding-top: 10px;
  text-align: center;
}
#halexbrain div#feature03Box {
  padding: 20px;
  background: #F2F2F2;
}
#halexbrain div#feature03Box ul {
  width: 540px;
  height: 50px;
}
#halexbrain div#feature03Box li {
  float: left;
  width: 250px;
  margin: 0;
  padding: 0 0 0 10px;
}
#halexbrain div#feature07Box {
  margin-bottom: 10px;
  padding: 20px 20px 10px 20px;
  background: #F2F2F2;
}
#halexbrain div#feature07Box h4 {
  color: #328F05;
  font-size: 100%;
  margin-bottom: 0;
}
#halexbrain div#resultsBox {
  margin: 0;
  padding: 20px;
  background: #F2F2F2;
}
#halexbrain div#resultsBox table {
  width: 540px;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}
#halexbrain div#resultsBox table th {
  border: 1px solid #BBBBBB;
  background: #DDDDDD;
  padding: 5px 10px;
  text-align: center;
}
#halexbrain div#resultsBox table td {
  border: 1px solid #BBBBBB;
  border-top: none;
  background: #FFFFFF;
  padding: 5px 10px;
  text-align: center;
}
#halexbrain div#resultsBox table th.r,
#halexbrain div#resultsBox table td.r {
  border-left: none;
}
#halexbrain div#resultsBox table td.total {
  background: #DDDDDD;
}
#halexbrain div#resultsBox table tr.c td {
  vertical-align: middle;
}
#halexbrain div.resultsBoxIn {
  margin: 0;
  padding: 20px;
  background: #F2F2F2;
}
#halexbrain div.resultsBoxIn table {
  width: 540px;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}
#halexbrain div.resultsBoxIn table th {
  border: 1px solid #BBBBBB;
  background: #DDDDDD;
  padding: 5px 10px;
  text-align: center;
}
#halexbrain div.resultsBoxIn table td {
  border: 1px solid #BBBBBB;
  border-top: none;
  background: #FFFFFF;
  padding: 5px 10px;
  text-align: center;
}
#halexbrain div.resultsBoxIn table th.r,
#halexbrain div.resultsBoxIn table td.r {
  border-left: none;
}
#halexbrain div.resultsBoxIn table td.total {
  background: #DDDDDD;
}
#halexbrain div.resultsBoxIn table tr.c th,
#halexbrain div.resultsBoxIn table tr.c td {
  vertical-align: middle;
}
#halexbrain div#voice {
  padding-bottom: 10px;
}
#halexbrain div#voice div#interview {
  width: 600px;
  margin: 0;
  padding: 0;
}
#halexbrain div#voice h4 {
  margin-bottom: 8px;
}
#halexbrain div#voice div.left {
  float: left;
  width: 75px;
}
#halexbrain div#voice div.right {
  float: left;
  width: 225px;
  margin-left: 0;
  text-align: left;
}
#halexbrain div#voice img.photo {
  margin-bottom: 10px;
}
#halexbrain div#news {
  padding: 10px;
  border: 1px solid #A5B0BA;
}
#halexbrain div#news div#titleLine {
  border-bottom: 4px solid #B2DF9C;
}
#halexbrain div#news div#newsTitle {
  width: 580px;
  height: 20px;
  border-bottom: 1px solid #8FD16F;
}
#halexbrain div#news div#newsTitle h3 {
  float: left;
  width: 201px;
}
#halexbrain div#news div#newsTitle p {
  float: right;
  width: 143px;
}
#halexbrain div#news div#newsBox {
  clear: both;
  width: 580px;
}
#halexbrain div#news div#newsBox hr {
  display: none;
}
#halexbrain div#news div#newsBox div.boxLine {
  clear: both;
  width: 580px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #B4BAC0;
}
#halexbrain div#news div#newsBox div.boxLineEnd {
  clear: both;
  width: 580px;
  padding-bottom: 0;
  border-bottom: none;
}
#halexbrain div#news div#newsBox div.newsTxt {
  width: 580px;
  padding-top: 10px;
}
#halexbrain div#news div#newsBox div.newsTxt p.date {
  float: left;
  width: 100px;
}
#halexbrain div#news div#newsBox div.newsTxt p.txt {
  float: left;
  width: 470px;
  margin: 0;
}
#halexbrain div#courseBox {
  width: 600px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #B0B1B3;
  padding-bottom: 1px;
  background: url("/service/edu/img/line_bg03.gif") no-repeat left bottom;
}
#halexbrain div#courseBox table {
  width: 600px;
  margin: 0;
  padding: 0;
}
#halexbrain div#courseBox table th {
  width: 197px;
  margin: 0;
  padding: 0 0 10px 0;
}
#halexbrain div#courseBox table th.c {
  width: 206px;
  margin: 0;
  padding: 0 0 0 5px;
}
#halexbrain div#courseBox table td {
  width: 197px;
  margin: 0;
  padding: 0;
}
#halexbrain div#courseBox table td.c {
  width: 197px;
  margin: 0;
  padding: 0 4px 0 5px;
}
#halexbrain div#courseBox table tr.box td {
  background: url("/service/edu/img/line_bg01.gif") repeat-y center top;
}
#halexbrain div#courseBox table td div.txt {
  border-top: 1px solid #B0B1B3;
  padding: 10px;
}
#halexbrain div#courseBox table td p {
  padding-bottom: 10px;
  border-bottom: 1px dotted #BFBFBF;
}
#halexbrain div#courseBox2 {
  width: 600px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #B0B1B3;
  padding-bottom: 1px;
  background: url("/service/edu/img/line_bg04.gif") no-repeat left bottom;
}
#halexbrain div#courseBox2 table {
  width: 600px;
  margin: 0;
  padding: 0;
}
#halexbrain div#courseBox2 table td {
  width: 297px;
  margin: 0;
  padding: 0;
}
#halexbrain div#courseBox2 table th.r {
  width: 297px;
  margin: 0;
  padding: 0 0 5px 6px;
}
#halexbrain div#courseBox2 table td.r {
  width: 297px;
  margin: 0;
  padding: 0 0 0 6px;
}
#halexbrain div#courseBox2 table tr.box td {
  background: url("/service/edu/img/line_bg05.gif") repeat-y left top;
}
#halexbrain div#courseBox2 table tr.box td.r {
  background: url("/service/edu/img/line_bg06.gif") repeat-y left top;
}
#halexbrain div#courseBox2 table td div.txt {
  border-top: 1px solid #B0B1B3;
  padding: 10px;
}
#halexbrain div#courseBox2 table td p {
  padding-bottom: 10px;
  border-bottom: 1px dotted #BFBFBF;
}
#halexbrain div.right {
  float: right;
  margin-left: 10px;
}
#halexbrain p.q {
  margin-bottom: 5px;
  color: #328F05;
}
#halexbrain p.a {
  margin-bottom: 15px;
}
#halexbrain div#leftTextBlock {
  float: left;
  width: 390px;
}
#halexbrain div#rightImgBlock {
  float: right;
  width: 165px;
}
#halexbrain div#leftTextBlock ul {
  margin-left: 20px;
}
#halexbrain div#leftTextBlock li {
  list-style-type: disc;
  padding: 3px 0;
}
#halexbrain div#infoText {
  border-top: dashed #CCC 1px;
  border-bottom: dashed #CCC 1px;
  padding: 15px 0;
  margin-bottom: 10px;
}
#halexbrain div#infoText ol {
  margin-left: 25px;
}
#halexbrain div#infoText li {
  padding: 3px 0;
}
#halexbrain div#formBlock {
  background: #F2F2F2;
  border-top: #B3B3B3 solid 1px;
  border-bottom: #FFF solid 1px;
  text-align: center;
  padding: 20px 0;
}
#halexbrain div#formBlock table {
  margin: 0 auto;
}
#halexbrain div#formBlock td {
  padding: 5px 15px;
}
#halexbrain div#formBlock td.item {
  padding: 5px 0px 5px 15px;
  text-align: right;
  white-space: nowrap;
}
#halexbrain div#formBlock formBorder {
  border: #A5ACB2 solid 1px;
}
#halexbrain div#submitBlock {
  background: #D3D3D3;
  text-align: center;
  padding: 5px 0;
}
#halexbrain div.newsdetail {
  line-height: 1.3;
  margin: 0 0 20px;
  padding: 15px 20px 10px;
  border: 1px solid #A5B0BA;
}
#halexbrain div.newsdetail h3 {
  font-size: 130%;
  padding: 0px 0px 15px;
  background: url("/service/static/img/title_underline.gif") repeat-x left bottom;
}
#halexbrain div.newsdetail div.main {
  margin: 0;
  padding: 10px 5px 0;
}
#halexbrain div.newsdetail div.main p {
  padding: 0 0 10px 0;
}
#halexbrain div.newsdetail div.main p.imgright {
  margin: 0 0 10px 20px;
  padding: 10px;
  background: #EEEEEE;
  float: right;
}
#halexbrain div.newsdetail div.main p.link {
  font-weight: bold;
}
#halexbrain #step01 {
  margin-bottom: 10px;
  padding-left: 80px;
}
#halexbrain #step02 {
  margin-bottom: 10px;
  padding-left: 80px;
}
#halexbrain #step03 {
  margin-bottom: 10px;
  padding-left: 80px;
}
#halexbrain #step04 {
  margin-bottom: 10px;
  padding-left: 80px;
}
#halexbrain #step05 {
  margin-bottom: 10px;
  padding-left: 80px;
}
#halexbrain #step06 {
  margin-bottom: 10px;
  padding-left: 80px;
}
#halexbrain #step01 h4,
#halexbrain #step02 h4,
#halexbrain #step03 h4,
#halexbrain #step04 h4,
#halexbrain #step05 h4,
#halexbrain #step06 h4 {
  color: #328F05;
  font-size: 110%;
  margin-bottom: 0;
}
#halexbrain #step06 h4 {
  color: #D80055;
  height: 22px;
}
#halexbrain #step01 p,
#halexbrain #step02 p,
#halexbrain #step03 p,
#halexbrain #step04 p,
#halexbrain #step05 p,
#halexbrain #step06 p {
  padding: 10px;
  background: #F2F2F2;
}
#halexbrain div#advantageMerit div.leftBlock {
  float: left;
  width: 400px;
}
#halexbrain div#advantageMerit div.rightBlock {
  float: right;
  width: 162px;
}
#halexbrain div#advantageMerit h5 {
  margin-top: 5px;
  margin-bottom: 8px;
  padding: 0;
}
#halexbrain div#advantageMerit div.rightBlock p {
  padding: 10px 0;
}
#halexbrain div#advantageMerit hr {
  display: none;
}
#halexbrain div#advantageMerit div.boxLine {
  clear: both;
  width: 580px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #B4BAC0;
}
#halexbrain div#advantageMerit div.boxLineEnd {
  clear: both;
  width: 580px;
  padding-bottom: 0;
  border-bottom: none;
}
#halexbrain div#advantagehowto div.leftBlock {
  float: left;
  width: 400px;
}
#halexbrain div#advantagehowto div.rightBlock {
  float: right;
  text-align: center;
  padding: 15px;
  background: #EAF2E1;
}
#halexbrain div#advantageContact {
  background: #EAF2E1;
  padding: 10px 15px;
}
#halexbrain div#omoide h3 {
  clear: both;
  margin-bottom: 20px;
}
#halexbrain div#omoide h4 {
  font-size: 100%;
  color: #DB5700;
  margin: 0px 0px 15px 10px;
}
#halexbrain div#omoide p {
  line-height: 1.5;
  margin: 0px 10px 10px;
}
#halexbrain div#omoide p.topline {
  padding: 10px 0px 0px;
  border-top: 1px dashed #B4BAC0;
}
#halexbrain div#omoide p.imgCenter {
  padding: 20px 0px;
  text-align: center;
}
#halexbrain div#omoide p.q {
  font-weight: bold;
  padding: 5px 10px;
  background: #F2F2F2;
  color: #000000;
}
#halexbrain div#omoide p.q strong {
  color: #DB5700;
}
#halexbrain div#omoide div#title {
  margin: 0 0 20px 0;
  padding: 0 0 8px 0;
  border-bottom: 5px solid #A5B0BA;
}
#halexbrain div#omoide div#title h3 {
  margin: 0;
  padding: 0 0 0 7px;
  font-size: 140%;
  border-left: 3px solid #FC5F00;
}
#halexbrain div#omoide div#title h3.navi {
  clear: none;
  margin: 0px 75% 0px 0px;
}
#halexbrain div#omoide div#title p.navi {
  float: right;
  width: 75%;
  margin: 0px;
  padding: 2px 0px;
  text-align: right;
}
#halexbrain div#omoide div.leftBox {
  float: left;
  width: 370px;
  padding: 0px 0px 10px;
}
#halexbrain div#omoide div.leftBox p {
  margin: 0px 0px 10px 10px;
}
#halexbrain div#omoide div.leftBox p.subtitle {
  line-height: 1;
  margin: 0px 0px 5px 10px;
  padding: 10px 0px 0px;
}
#halexbrain div#omoide div.rightBox {
  float: right;
  width: 210px;
  padding: 0px 0px 10px;
}
#halexbrain div#omoide div.rightBox p {
  margin: 0px 0px 10px;
}
#halexbrain div#omoide div.rightBox p.caption {
  font-size: 80%;
  line-height: 1.5;
  margin: 0px 10px 10px 5px;
}
#halexbrain div#omoide div.tableData {
  clear: both;
  margin: 0px 10px 20px;
  padding: 20px 0px 20px 20px;
  background: #F2F2F2;
}
#halexbrain div#omoide div.tableData table {
  width: 540px;
  background: #FFFFFF;
  border-top: 1px solid #BBBBBB;
  border-left: 1px solid #BBBBBB;
}
#halexbrain div#omoide div.tableData th {
  padding: 10px;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  vertical-align: middle;
}
#halexbrain div#omoide div.tableData td {
  padding: 10px;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
}
#halexbrain div#omoide div.note ul {
  margin: 0px 10px 20px 30px;
}
#halexbrain div#omoide div.note li {
  margin: 0px 0px 5px 0px;
  list-style: disc;
}
#halexbrain div#omoide div.footerlink {
  padding: 10px 0px 0px;
  border-top: 1px dashed #B4BAC0;
}
#halexbrain div#omoide div.footerlink p {
  text-align: right;
}
#halexbrain div#omoide div.grayArea {
  margin: 0px 10px 20px;
  padding: 10px 20px;
  background: #F2F2F2;
}
#halexbrain div#omoide div.grayArea p {
  margin: 15px 0px;
}
#halexbrain .clearBox {
  clear: both;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 740px) {
  #halexbrain {
    width: 100%;
  }
}