@charset "UTF-8";

strong {
  font-weight: bold; }

/*
a {
  color: #3F95C4;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }
*/




  #main h3 {
    border-bottom: 1px dotted #397d72;
    color: #2e6b5f;
    margin-bottom: 10px;
    padding-bottom: 5px; }
  #main h4 {
    margin-bottom: 10px; }
  #main h5 {
    margin-bottom: 5px; }
  #main section {
    margin-bottom: 35px; }
  #main hr {
    background: url(../images/bg_hr.png) no-repeat 0 0;
    border: 0;
    height: 30px; }
  #main p {
}

/* list */
/*
ul.disc {
  list-style: disc;
  padding-left: 20px; }
  ul.disc .disc {
    list-style: circle; }

ul.note {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em; }

ul.note02 {
  font-size: 12px;
  padding-left: 3.5em;
  text-indent: -3.5em; }
  ul.note02 .disc li {
    text-indent: 0; }

ul.note03 {
  font-size: 12px;
  padding-left: 2em;
  text-indent: -2em; }

ol.dec {
  list-style: decimal;
  padding-left: 20px; }
*/


p.note,
span.note {
  font-size: 12px;
  font-weight: normal; }

/* table */
table.personalTable th {
	background: #e4e4e4;
}
table.personalTable th,
table.personalTable td,
table.table01 th,
table.table01 td{
	text-align: left !important;
}
.table01, table.compensation, table.simulation, table.personalTable, .topPriceTable,
.table02 {
  width: 100%; }
  .table01 tr, table.compensation tr, table.simulation tr, table.personalTable tr, .topPriceTable tr,
  .table02 tr {
    vertical-align: middle; }
  .table01 thead th, table.compensation thead th, table.simulation thead th, table.personalTable thead th, .topPriceTable thead th,
  .table02 thead th {
    font-weight: bold;
    text-align: center;
    background: #55c4ba; }
  .table01 tbody tr:nth-child(even), table.compensation tbody tr:nth-child(even), table.simulation tbody tr:nth-child(even), table.personalTable tbody tr:nth-child(even), .topPriceTable tbody tr:nth-child(even),
  .table02 tbody tr:nth-child(even) {
    background: #f5f5f5; }
  .table01 th, table.compensation th, table.simulation th, table.personalTable th, .topPriceTable th, .table01 td, table.compensation td, table.simulation td, table.personalTable td, .topPriceTable td,
  .table02 th,
  .table02 td {
    padding: 10px;
    border: 1px solid #397d72;
    text-align: center; }
  .table01 .area, table.compensation .area, table.simulation .area, table.personalTable .area, .topPriceTable .area,
  .table02 .area {
    background: #86dbd3;
    text-align: center; }
  .table01 .w10p, table.compensation .w10p, table.simulation .w10p, table.personalTable .w10p, .topPriceTable .w10p,
  .table02 .w10p {
    width: 10%; }
  .table01 .w20p, table.compensation .w20p, table.simulation .w20p, table.personalTable .w20p, .topPriceTable .w20p,
  .table02 .w20p {
    width: 20%; }
  .table01 .w25p, table.compensation .w25p, table.simulation .w25p, table.personalTable .w25p, .topPriceTable .w25p,
  .table02 .w25p {
    width: 25%; }
  .table01 .w30p, table.compensation .w30p, table.simulation .w30p, table.personalTable .w30p, .topPriceTable .w30p,
  .table02 .w30p {
    width: 30%; }
  .table01 .w35p, table.compensation .w35p, table.simulation .w35p, table.personalTable .w35p, .topPriceTable .w35p,
  .table02 .w35p {
    width: 35%; }
  .table01 .w40p, table.compensation .w40p, table.simulation .w40p, table.personalTable .w40p, .topPriceTable .w40p,
  .table02 .w40p {
    width: 40%; }
  .table01 .w50p, table.compensation .w50p, table.simulation .w50p, table.personalTable .w50p, .topPriceTable .w50p,
  .table02 .w50p {
    width: 50%; }
  .table01 .w60p, table.compensation .w60p, table.simulation .w60p, table.personalTable .w60p, .topPriceTable .w60p,
  .table02 .w60p {
    width: 60%; }
  .table01 .w70p, table.compensation .w70p, table.simulation .w70p, table.personalTable .w70p, .topPriceTable .w70p,
  .table02 .w70p {
    width: 70%; }
  .table01 .w80p, table.compensation .w80p, table.simulation .w80p, table.personalTable .w80p, .topPriceTable .w80p,
  .table02 .w80p {
    width: 80%; }

.table02 thead tr, .table02 thead th {
  vertical-align: top;
  line-height: 1.1; }
.table02 thead th:not(:first-child) {
  width: 6%; }
.table02 tbody td {
  text-align: center; }
.table02 tbody td:last-child {
  border-left: 3px double #397d72; }

table.compensation {
  margin-bottom: 30px; }
  table.compensation tbody th {
    font-weight: bold;
    text-align: center; }
  table.compensation tbody ol {
    background: none !important;
    border: 0 !important;
    padding-left: 1em;
    text-indent: -1em; }
    table.compensation tbody ol .disc li {
      padding-left: 0;
      text-indent: 0; }

table.simulation th, table.simulation td {
  padding: 2px !important;
  font-size: 12px; }
table.simulation tbody th, table.simulation tbody td {
  background: #fff !important; }
table.simulation select {
  width: 200px; }

table.personalTable {
  /*
  	select {
  		width: 200px;
  	}
  */ }
  table.personalTable th, table.personalTable td {
    /*
    		padding: 2px !important;
    		font-size: 12px;
    */ }
  table.personalTable tbody th, table.personalTable tbody td {
    background: #fff !important; }

table.planTable th {
	padding: 10px 0 !important;
}


ul.compensation li {
  margin-bottom: 10px; }



/* simulation */
.error {
  display: none;
  color: #f00;
  font-size: 12px; }

.simBtn {
  text-align: center; }
  .simBtn button {
    padding: 10px 40px;
    margin: 0 10px; }

#totalFee {
  color: #f00;
  padding: 10px;
  margin-top: 3px;
  text-align: center;
  font-size: 35px; }

.studyAbroadDate,
.studyAbroadTit {
  display: none;
  padding-left: 30px; }

.huhoTable {
  width: 100%; }
  .huhoTable tr, .huhoTable th, .huhoTable td {
    vertical-align: top; }
  .huhoTable th, .huhoTable td {
    padding: 20px; }
  .huhoTable .no {
    width: 30%;
    background: #b5dee9; }
  .huhoTable .yes {
    width: 70%;
    background: #f1f1f1; }

.yesno {
  width: 100%;
  margin: 20px 0; }
  .yesno td {
    width: 50%;
    padding: 20px; }
  .yesno .no {
    background: #b5dee9; }
  .yesno .yes {
    background: #f1f1f1; }

.comment {
  border: 1px solid #ccc;
  width: 100%;
  height: 200px; }

/* selectbox */
.customSelect {
  /* This is the default class that is used */
  /* Put whatever custom styles you want here */
  background: #2ecc71;
  border: 5px solid #239954;
  padding: 15px;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
  width: 670px;
  white-space: nowrap; }

.customSelect.customSelectHover {
  /* Styles for when the select box is hovered */
  background: #f00;
  border: 5px solid #239954;
  padding: 15px;
  color: #fff;
  border-radius: 5px;
  font-weight: bold; }


.num {
  background: none !important;
  border: 0 !important;
  padding: 0 !important; }
  .num li {
    list-style: decimal;
    margin-left: 1.5em;
    margin-bottom: 20px; }
    .num li .disc {
      margin-top: 10px; }
      .num li .disc li {
        margin-left: 0;
        list-style: disc; }



.feeTr0 th, .feeTr1 th, .feeTr2 th, .feeTr3 th, .feeTr4 th,
.feeTr0 td, .feeTr1 td, .feeTr2 td, .feeTr3 td, .feeTr4 td {
	border-top: 3px solid #397d72 !important;
	font-weight: bold;
}

#option th {
	width: 10%;
	padding: 10px 0 !important;
}
#option td {
	width: 90%;
	padding: 10px !important;
	text-align: left;
}

table.totalSum {
	border: 3px solid #397d72;
}
table.totalSum th {
	width: 30%;
	font-weight: bold;
	font-size: 20px;
	padding: 20px 0 !important;
}
table.totalSum td {
	width: 70%;
	font-weight: bold;
	font-size: 20px;
	padding: 20px !important;
}
.left {
  float: left; }

.right {
  float: right; }

.w200 {
  width: 200px; }

.w510 {
  width: 510px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 55px; }

.mb40 {
  margin-bottom: 40px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.tCenter {
  text-align: center; }

.tRight {
  text-align: right; }

.bold {
  font-weight: bold; }


.red02 {
  color: #f00; }


.noDecoration th {
	background: none;
	border: 0;
}
.noDecoration td {
	border: 0;
}

.safety01, .safety02, .safety03, .simple01, .simple02 {
	cursor: pointer;
}

.typeSelectBtn {
	padding: 0;
	margin-left: -14px;
	overflow: hidden;
	width: 792px;
}
.typeSelectBtn li {
	list-style: none;
	float: left;
	margin-left: 14px;
}

.clearfix:after,
#container:after,
#utilityNav:after,
#contents:after,
#footer:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.err {
  font-size: 12px;
  color: red;
  display: none; }

.req {
  color: #f00; }

.clearfix,
#container,
#utilityNav,
#contents,
#footer {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*/
     /*/
height: auto;
overflow: hidden;
/**/ }