@charset "utf-8";
/* CSS Document */
/*reset
----------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  font-family: sans-serif;
  font-size: 14px;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body p {
  line-height: 1.7;
}
.mb100 {
  margin-bottom: 100px!important;
}
/* common
------------------------------------------------- */
/* clearfix */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  width: 0;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  min-height: 1%;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #a21133;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.t10 {
  font-size: 10px;
  color: #0668B4;
}
.center {
  text-align: center;
}
.impt {
  color: #990000;
}
.red {
  color: #e93000;
  font-weight: bold;
}
img {
  vertical-align: bottom;
}
#wrapper {
  height: 100%;
  width: 100%;
}
.inner {
  width: 980px;
  margin: 0 auto;
}
.inquiry-button {
  width: 730px;
  margin: 0 auto;
}
p.pagetop {
  text-align: right;
  width: 980px;
  margin: 0 auto;
  padding-bottom: 30px;
}
/* header
====================================*/
#header {
  height: 77px;
  width: 100%;
  padding-top: 45px;
  border-bottom: 1px solid #d5dde1;
  background-color: #f1f6f8;
}
#header h1 {
  float: left;
}
#header ul {
  float: right;
  padding-top: 10px;
}
#header ul li {
  float: left;
  margin-left: 25px;
  text-indent: -9999px;
}
#header ul li.nav01 a {
  background: url(../img/menu1.png) no-repeat;
  display: block;
  width: 55px;
  height: 13px;
}
#header ul li.nav01 a:hover,
#header ul li#nav01_on a {
  background: url(../img/menu1_over.png) no-repeat;
}
#header ul li.nav02 a {
  background: url(../img/menu2.png) no-repeat;
  display: block;
  width: 121px;
  height: 13px;
}
#header ul li.nav02 a:hover,
#header ul li#nav02_on a {
  background: url(../img/menu2_over.png) no-repeat;
}
#header ul li.nav03 a {
  background: url(../img/menu3.png) no-repeat;
  display: block;
  width: 120px;
  height: 13px;
}
#header ul li.nav03 a:hover,
#header ul li#nav03_on a {
  background: url(../img/menu3_over.png) no-repeat;
}
#header ul li.nav04 a {
  background: url(../img/menu4.png) no-repeat;
  display: block;
  width: 81px;
  height: 13px;
}
#header ul li.nav04 a:hover,
#header ul li#nav04_on a {
  background: url(../img/menu4_over.png) no-repeat;
}
#header ul li.nav05 a {
  background: url(../img/menu5.png) no-repeat;
  display: block;
  width: 26px;
  height: 13px;
}
#header ul li.nav05 a:hover,
#header ul li#nav05_on a {
  background: url(../img/menu5_over.png) no-repeat;
}
#header ul li.nav06 a {
  background: url(../img/menu6.png) no-repeat;
  display: block;
  width: 122px;
  height: 13px;
}
#header ul li.nav06 a:hover,
#header ul li#nav06_on a {
  background: url(../img/menu6_over.png) no-repeat;
}
#header ul li.nav07 a {
  background: url(../img/menu7.png) no-repeat;
  display: block;
  width: 83px;
  height: 13px;
}
#header ul li.nav07 a:hover {
  background: url(../img/menu7_over.png) no-repeat;
}
/* container
====================================*/
#container {
  padding-top: 40px;
}
.section h3 {
  margin-bottom: 50px;
}
ol {
  list-style-type: none;
}
/* heading
-----------------------------------*/
#wrapper {
  padding-top: 148px;
}
#header {
  position: fixed;
  z-index: 100;
  top: 0;
}
#heading {
  margin: 0 auto 70px;
  width: 820px;
}
#heading h2 {
  margin-bottom: 20px;
}
#heading p {
  color: #007fb3;
  margin-bottom: 20px;
}
#heading .inquiry-button {
  margin: 0 auto;
  width: 731px;
}
/* case
-----------------------------------*/
#case {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 20px;
  margin-bottom: 140px;
  margin-top: -150px;
  padding-top: 150px;
}
#case h3 {
  margin-left: -20px;
}
#case ol li {
  float: left;
  width: 458px;
  position: relative;
  border: 1px solid #d5dde1;
}
#case ol li:first-child {
  margin-right: 20px;
}
#case .case-number {
  position: absolute;
  top: -20px;
  left: 50px;
}
#case .casebox-top {
  background: url(../img/casebox-top.gif) no-repeat;
  background-position: center top;
}
#case .casebox-bottom {
  background: url(../img/casebox-bottom.gif) no-repeat;
  background-position: center bottom;
}
#case .case-info {
  height: 260px;
  padding-top: 50px;
  position: relative;
}
#case .case-info .case-profile {
  position: absolute;
  top: 100px;
  left: 65px;
}
#case .case-info .case-shadow {
  float: right;
  padding-right: 10px;
}
#case .case-text {
  clear: both;
  width: 405px;
  height: 180px;
  margin: 0 auto;
  color: #003e57;
  background: url(../img/case-arrow.png) no-repeat;
  background-position: center bottom;
}
#case .case-results {
  width: 385px;
  padding-left: 30px;
  padding-bottom: 48px;
}
#case .case-results .title-result {
  margin-bottom: 10px;
}
#case .case-results .graph-result {
  margin-left: 20px;
}
#case .case-results .more-info {
  margin-left: 280px;
  padding: 10px 0;
}
/* about
-----------------------------------*/
#about {
  background: url(../img/bg-mark.png) no-repeat;
  background-position: center;
  margin-bottom: 140px;
  margin-top: -150px;
  padding-top: 150px;
}
#about h3 {
  width: 980px;
  margin: 0 auto 40px;
}
#about h4 {
  margin-bottom: 30px;
}
#about .description {
  width: 940px;
  margin: 0 auto 30px;
}
#about .description p {
  color: #007fb3;
}
#about .diagram {
  width: 940px;
  margin: 0 auto;
}
#about .diagram .issue {
  height: 185px;
}
#about .diagram .issue li {
  float: left;
  margin-right: 18px;
}
#about .diagram .issue li:last-child {
  margin-right: 0;
}
#about .diagram .through-training {
  background: url(../img/know-arrow.png) no-repeat;
  height: 210px;
  width: 640px;
  margin: 0 auto 30px;
  text-align: center;
}
#about .diagram .through-training img {
  padding-top: 70px;
  width: 382px;
}
#about .diagram .know {
  margin-left: 90px;
}
#about .diagram .know li {
  margin-bottom: 10px;
}
/* program
-----------------------------------*/
#program {
  margin-bottom: 140px;
  margin-top: -150px;
  padding-top: 150px;
}
#program h3 {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 30px;
}
#program .phase1 {
  width: 100%;
  background-color: #e6f1f6;
  margin-bottom: 10px;
  padding-top: 30px;
}
#program .phase2 {
  padding-top: 30px;
  width: 100%;
  background-color: #d4e5ec;
  margin-bottom: 10px;
}
#program .phase2 td {
  font-weight: bold;
  padding-left: 40px;
}
#program .phase3 {
  padding-top: 30px;
  width: 100%;
  background-color: #8ab4c4;
  margin-bottom: 10px;
}
#program .phase3 span {
  font-weight: bold;
  font-size: 20px;
}
#program .phase4 {
  padding-top: 30px;
  width: 100%;
  background-color: #51859a;
}
#program .phase4 span {
  font-weight: bold;
  font-size: 20px;
}
#program .phase4 td {
  font-weight: bold;
}
#program table {
  width: 890px;
  margin: 0 auto;
  color: #003e57;
}
#program table th {
  vertical-align: top;
  text-align: left;
  padding-bottom: 30px;
}
#program table td {
  line-height: 30px;
  padding-bottom: 30px;
}
#program table td img {
  margin-right: 10px;
}
#program table td dl dt {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 10px;
}
#program table td dl dd {
  padding-left: 40px;
}
/* step
-----------------------------------*/
#step {
  margin-bottom: 140px;
  margin-top: -150px;
  padding-top: 150px;
}
#step h3 {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 30px;
}
#step .step-box {
  width: 820px;
  margin: 0 auto;
}
#step .step-box #step01 {
  height: 279px;
  background: url(../img/step1.jpg) no-repeat;
}
#step .step-box #step01 p {
  width: 440px;
  padding: 120px 0 0 185px;
}
#step .step-box #step02 {
  height: 279px;
  background: url(../img/step2.jpg) no-repeat;
}
#step .step-box #step02 p {
  width: 440px;
  padding: 120px 0 0 185px;
}
#step .step-box #step03 {
  height: 232px;
  background: url(../img/step3.jpg) no-repeat;
  text-indent: -9999px;
}
/* summary
-----------------------------------*/
#summary {
  height: 100%;
  margin-bottom: 100px;
  margin-top: -150px;
  padding-top: 150px;
}
#summary h3 {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 30px;
}
#summary .summarybox {
  padding: 30px;
  width: 820px;
  margin: 0 auto;
  background: url(../img/summarybox.gif);
  height: 336px;
}
#summary ul {
  margin: 0 auto;
}
#summary li {
  margin-bottom: 10px;
}
#summary li .summary-point {
  width: 150px;
  height: 110px;
  padding-left: 50px;
  background: url(../img/summary-titlebg.png) no-repeat;
  float: left;
  color: #003e57;
  font-weight: bold;
  font-size: 16px;
  line-height: 110px;
}
#summary li p {
  margin-left: 250px;
  height: 110px;
  line-height: 110px;
}
#summary li:last-child p {
  line-height: 1.8;
  padding-top: 10px;
}
#summary li p.argoAddress {
	line-height: 25px!important;
	padding-top: 20px!important;
	height: 90px!important;
}
/* instructor
====================================*/
#instructor {
  width: 920px;
  margin: 0 auto ;
  padding: 0 30px 100px;
  overflow: hidden;
  margin-top: -150px;
  padding-top: 150px;
}
#instructor h3 {
  margin-left: -30px;
}
#instructor .main-instructor {
  border: 1px solid #d5dde1;
  margin-bottom: 20px;
  background: url(../img/main-instructor_top.gif) no-repeat;
}
#instructor .main-instructor .inner {
  padding: 50px;
  width: inherit;
  background: url(../img/main-instructor_bottom.gif) no-repeat center bottom;
}
#instructor .main-instructor .full-name {
  border-bottom: 1px solid #bfccd2;
  margin-bottom: 14px;
  font-size: 26px;
}
#instructor .main-instructor .full-name span {
  color: #bfccd2;
}
#instructor .main-instructor .message p {
  color: #042533 !important;
  margin-bottom: 60px;
}
#instructor .main-instructor .instructor-photo {
  float: left;
}
#instructor .main-instructor .instructor-info {
  margin-left: 200px;
}
#instructor .main-instructor .inner {
  height: inherit;
}
#instructor .background-history {
  border: 1px solid #d5dde1;
  font-size: 12px;
}
#instructor .background-history .inner {
  border: 5px solid #eff3f5;
  width: inherit;
  padding: 15px;
  height: 170px;
}
#instructor .instructor-background {
  margin-bottom: 10px;
}
#instructor li.even {
  clear: left;
  margin-right: 20px;
}
#instructor .other-instructor ul li {
  float: left;
  margin-bottom: 20px;
  background: url(../img/each-instructor_top.gif) no-repeat;
}
#instructor .other-instructor .each-instructor {
  border: 1px solid #d5dde1;
  width: 348px;
  padding: 50px;
  background: url(../img/each-instructor_bottom.gif) no-repeat center bottom;
}
#instructor .other-instructor .each-instructor .instructor-photo {
  float: left;
  margin-right: 25px;
  margin-bottom: 10px;
}
#instructor .other-instructor .each-instructor .full-name {
  margin-bottom: 14px;
}
#instructor .other-instructor .each-instructor .full-name p {
  font-size: 18px;
  margin-left: 149px;
  font-weight: bold;
  margin-bottom: 6px;
  border-bottom: 1px solid #bfccd2;
}
#instructor .other-instructor .each-instructor .full-name span {
  font-size: 14px;
  color: #bfccd2;
}
#instructor .other-instructor .each-instructor .message {
  height: 280px;
}
#instructor .other-instructor .each-instructor .message p {
  color: #042533 !important;
}
/* footer
====================================*/
#footer {
  clear: both;
  border-top: 1px solid #d5dde1;
  background-color: #f1f6f8;
  padding-top: 30px;
  height: 107px;
  color: #676767;
  font-size: 12px;
}
#footer .company-info {
  float: left;
}
#footer .company-info .logo {
  float: left;
}
#footer .company-info .address {
  margin-left: 140px;
}
#footer .copyright {
  float: right;
}
#footer .copyright .inquiry-button {
  width: inherit;
  text-align: right;
}
#footer .copyright p {
  color: #adc2cb;
}
#footer .inner-information {
  width: 980px;
  margin: 0 auto;
}
/* result
====================================*/
.result {
  width: 770px;
  padding: 30px;
}
.result #comment {
  border: 1px solid #d5dde1;
  font-size: 12px;
}
.result #comment .inner {
  border: 5px solid #eff3f5;
  width: inherit;
  padding: 15px;
}
.result span {
  font-weight: bold;
}