@charset "Shift_JIS";
/**
* font-size�ꗗ�ipx : %�j
* 
*  10 px : 63%   |  11 px : 69% 
*  12 px : 75%   |  13 px : 82% 
*  14 px : 88%   |  15 px : 94% 
*  16 px : 100%  |  17 px : 107%
*  18 px : 113%  |  19 px : 119%
*  20 px : 125%  |  22 px : 138%
*  24 px : 150%  |  26 px : 163%
*  28 px : 175%  |  30 px : 188%
*  32 px : 200%
*
*/
/* common 
-------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* Layout
/*------------------------------------------------------------*/
/* Inpage title
-------------------------------------------------------------*/
#inpage_title {
  font-size: 150%;
  color: #fff;
  /*padding: 25px 0;*/
  padding: 0 0;
  background: #404148;
}

#inpage_title h3 {
  line-height: 28px;
  margin: 0 auto;
  padding: 25px 20px;
  max-width: 1640px;
}

#inpage_title h3 span {
  padding-left: 20px;
  border-left: solid 5px #a2a2a3;
  display: block;
}

/* Page
-------------------------------------------------------------*/
/* pagenavi */
.pagenavi {
  text-align: center;
  margin-bottom: 20px;
}

.pagenavi span {
  font-size: 138%;
  font-weight: bold;
  line-height: 24px;
}

/* pager */
.pager { text-align: center; }

.pager a, .pager .disabled, .pager .current {
  margin: 0 2px 10px;
  padding: 5px 10px;
  display: inline-block;
  background: #eff0f0;
}

.pager .disabled { color: #aeaeae; }

.pager .current {
  font-weight: bold;
  color: #e80d0d;
}

/* Pankuzu
-------------------------------------------------------------*/
#pankuzu {
  font-size: 86%;
  margin-bottom: 30px;
  padding: 10px 0;
  background: #f6f7f7;
}

#pankuzu ul {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1640px;
  overflow: hidden;
}

#pankuzu ul li {
  margin-right: 10px;
  display: inline;
}

#pankuzu ul li a:hover { text-decoration: none; }

#pankuzu ul li a:after {
  font-family: "FontAwesome";
  color: #6b6b6b;
  padding-left: 10px;
  content: "\f105";
}

#pankuzu ul li .fa { font-size: 125%; }

/*------------------------------------------------------------*/
/* Parts
/*------------------------------------------------------------*/
/* Sub title
-------------------------------------------------------------*/
/* type01 */
.st_type01 {
  font-size: 125%;
  color: #fff;
  padding: 13px;
  background: #2c2c2c;
}

.st_type01 i { padding-right: 10px; }

/* type02 */
.st_type02 {
  font-size: 150%;
  line-height: 120%;
  margin-bottom: 30px;
  padding: 10px 0;
  border-top: solid 3px #000;
}

.st_type02 span {
  padding-left: 10px;
  border-left: solid 6px #c2c2c2;
  display: inline-block;
}

/* type03 */
.st_type03 {
  font-size: 125%;
  margin-bottom: 20px;
  padding-left: 15px;
  border-left: solid 6px #c2c2c2;
}

/* type04 */
.st_type04 {
  font-size: 113%;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 15px;
  background: #eff0f0;
}

/* Read Box
-------------------------------------------------------------*/
.read_box {
  font-size: 88%;
  line-height: 20px;
  padding: 20px;
  background: #eff0f0;
}

.read_box p {
  font-size: 113%;
  font-weight: bold;
  color: #5e6060;
  padding-bottom: 15px;
  overflow: hidden;
}

.read_box i { margin-right: 10px; }
.read_box i.icon_rss { color: #fd7418; }

.read_pdf p {
  padding: 0 0 15px 30px;
  background: url(../../img/icon_pdf.png) no-repeat left top;
  background-size: 20px auto;
}

.read_box .main_txt { padding-left: 25px; }

.read_box .txt_link {
  margin: 10px 0;
  padding: 10px;
  border: solid 1px #b4b4b4;
  display: inline-block;
  background: #fff;
}

.read_box .sub_txt {
  font-size: 88%;
  line-height: 18px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: dotted 1px #b4b4b4;
}

/* List
-------------------------------------------------------------*/
.point {
  padding: 20px 20px 10px;
  background: #e7f3ff;
}

.point li { margin-bottom: 10px; }

.point i {
  color: #0860c4;
  padding-right: 10px;
}

/* Note
-------------------------------------------------------------*/
.note {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 20px;
  border: solid 3px #ffcf66;
  background: #fff8e4;
  overflow: hidden;
}

.note .txt {
  font-size: 113%;
  width: 65%;
  float: left;
}

.note .txt i {
  color: #5e6060;
  margin-right: 20px;
  float: left;
}

.note .txt a {
  font-weight: bold;
  color: #004ab8;
}

.note .btn {
  width: 35%;
  float: right;
}

.note .btn a {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 125%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  border: solid 1px #ff6600;
  display: block;
  background: #ff6600;
}

.note .btn a:hover { opacity: 0.8; }

/* table
-------------------------------------------------------------*/
.table_type01 { width: 100%; }

.table_type01 th {
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  border: 1px solid #fff;
  background: #404148;
}

.table_type01 td {
  padding: 15px;
  border: 1px solid #d7d7d7;
}

.table_type01 .number, .table_type01 .area { width: 10%; }
.table_type01 .date, .table_type01 .course { width: 30%; }
.table_type01_sp { display: none; }

/* box_seminar
-------------------------------------------------------------*/
.box_seminar {
  -moz-border-radius: 4px ;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 30px;
  border: 3px solid #ffcf66;
}

.box_seminar .title {
  font-size: 22px;
  font-weight: bold;
  color: #ff6600;
  line-height: 32px;
  text-align: center;
  padding: 20px 0;
  background: #fff8e4;
}

.box_seminar ul {
  margin: 20px 20px 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ffcf66;
}

.box_seminar ul li {
  text-indent: -1em;
  margin-bottom: 20px;
  padding-left: 1em;
}

.box_seminar ul li span {
  font-size: 18px;
  font-weight: bold;
  color: #1593db;
}

.box_seminar dl {
  margin: 0 auto;
  width: 390px;
}

.box_seminar dl dt {
  font-size: 18px;
  font-weight: bold;
  color: #004ab8;
}

.box_seminar dl dd {
  font-size: 18px;
  font-weight: bold;
  margin: -24px 0 0 150px;
}

.box_seminar .button {
  text-align: center;
  padding: 15px 0 25px;
}

.box_seminar .button a {
  -moz-border-radius: 4px ;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  width: 390px;
  display: inline-block;
  background: #ff6600;
}

.box_seminar .button a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.box_seminar .align_c {
  font-size: 113%;
  font-weight: bold;
}

.box_seminar .align_c a { margin: 10px 0 20px; }

/*------------------------------------------------------------*/
/* Inpage
/*------------------------------------------------------------*/
#map {
  margin: 0 auto;
  width: 90%;
}

#map p img {
  height: auto;
  max-width: 100%;
}

#map h1 {
  font-size: 175%;
  color: #001282;
  line-height: 150%;
  text-align: center;
}

#map dl {
  font-size: 113%;
  margin-bottom: 30px;
  border-bottom: solid 1px #b4b4b4;
}

#map dt {
  color: #001282;
  padding: 20px 0;
  border-top: solid 1px #b4b4b4;
  width: 20%;
  float: left;
}

#map dd {
  margin-left: 20%;
  padding: 20px 0 20px 15px;
  border-top: solid 1px #b4b4b4;
}

#map .btn_type02_solo { margin: 20px 0 40px; }

#map .fa-external-link {
  padding-left: 10px;
  overflow: hidden;
}

/*------------------------------------------------------------*/
/* about
/*------------------------------------------------------------*/
#about dd { margin: 20px 0 30px; }

/*------------------------------------------------------------*/
/* terms
/*------------------------------------------------------------*/
#terms { margin: 20px; }
#terms dl { margin-top: 20px; }

#terms dt {
  margin-bottom: 10px;
  padding: 10px;
  background: #EFF0F0;
}

#terms dd { margin-bottom: 30px; }

/*------------------------------------------------------------*/
/* seminar
/*------------------------------------------------------------*/
#seminar .block { margin-bottom: 80px; }
.block_item { overflow: hidden; }

.block_item img {
  margin: 0 0 20px 3%;
  width: 36%;
  float: right;
}

#seminar .link_txt { text-align: right; }

#seminar .link_txt a {
  -moz-border-radius: 4px ;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 12px 20px 9px;
  display: inline-block;
  background: #404148;
}

#seminar .link_txt a:hover { text-decoration: none; }
#seminar .block_item { padding-bottom: 20px; }

#seminar .block_item img {
  margin: 0 0 20px 3%;
  width: 36%;
  float: right;
}

#seminar .red_txt {
  font-size: 14px;
  color: #e80d0d;
}

#seminar_list .btn_area {
  text-align: right;
  margin-bottom: 30px;
}

#seminar_list .table_type01 { margin-bottom: 80px; }
#seminar_list .table_type01 td:nth-child(1), #seminar_list .table_type01 td:nth-child(3) { text-align: center; }

/* lecturer
/*------------------------------------------------------------*/
#lecturer .block_item, #lecturer .box_lecturer {
  margin-bottom: 50px;
  overflow: hidden;
}

#lecturer .box_lecturer {
  background: url(../../seminar/img/lecturer/img_02.gif) no-repeat center center;
  background-size: 5%;
}

#lecturer .merit01, #lecturer .merit02 {
  -moz-border-radius: 8px ;
  -webkit-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 136%;
  padding: 20px;
  width: 46%;
}

#lecturer .merit01 {
  color: #001282;
  background: #E9F3FE;
  float: left;
}

#lecturer .merit02 {
  color: #df780a;
  background: #FFF9E3;
  float: right;
}

#lecturer .merit01 img {
  width: 100%;
  max-width: 211px;
}

#lecturer .merit02 img {
  width: 100%;
  max-width: 314px;
}

#lecturer .merit01 ul, #lecturer .merit02 ul { margin-top: 20px; }

#lecturer .merit01 li, #lecturer .merit02 li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  clear: both;
  overflow: hidden;
}

#lecturer .merit01 li:last-child, #lecturer .merit02 li:last-child { border-bottom: 0; }
#lecturer .merit01 li { border-bottom: 1px dotted #bdd7f4; }
#lecturer .merit02 li { border-bottom: 1px dotted #f5dc81; }

#lecturer .merit01 li span, #lecturer .merit02 li span {
  -moz-border-radius: 4px ;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: ;
  font-weight: bold;
  color: #fff;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}

#lecturer .merit01 li span { background: #0f52c3; }
#lecturer .merit02 li span { background: #eb9f0b; }

#lecturer .merit01 ul p, #lecturer .merit02 ul p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 30px;
  vertical-align: middle;
  width: 85%;
  float: right;
}

#lecturer table {
  margin-bottom: 70px;
  border-top: 1px solid #d7d7d7;
  width: 100%;
}

#lecturer th, #lecturer td { border-bottom: 1px solid #d7d7d7; }

#lecturer th {
  padding: 15px;
  width: 15%;
  background: #f9fafa;
}

#lecturer td { padding: 15px 0 15px 30px; }

#lecturer .flow_list {
  letter-spacing: -4.0em;
  margin-bottom: 60px;
  overflow: hidden;
}

#lecturer .flow_list li {
  margin: 0 5px 10px 0;
  padding-right: 45px;
  background: url(../../seminar/img/lecturer/arrow_icon01.gif) no-repeat right center;
  background-size: 20%;
  float: left;
}

#lecturer .flow_list li:last-child {
  margin: 0 0 10px;
  padding: 0;
  background: none;
}

#lecturer .flow_list li img {
  width: 100%;
  max-width: 140px;
}

#lecturer .tranining_menu {
  margin-bottom: 50px;
  overflow: hidden;
}

#lecturer .tranining_menu li {
  margin-right: 2%;
  width: 32%;
  background-size: 20%;
  float: left;
}

#lecturer .tranining_menu li:last-child { margin-right: 0; }

#lecturer .tranining_menu li img {
  width: 100%;
  max-width: 350px;
}

#lecturer .tranining_menu li .title {
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px;
  background: #78797c;
}

#lecturer .tranining_menu li ul {
  margin: 10px 0;
  border: 1px solid #4757b2;
  overflow: hidden;
}

#lecturer .tranining_menu li ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -25px;
  padding: 15px 15px 15px 40px;
  border-bottom: 1px solid #4757b2;
  width: 100%;
}

#lecturer .tranining_menu li ul li:last-child { border-bottom: 0; }

#lecturer .tranining_menu li ul li::before {
  font-family: FontAwesome;
  margin-right: 10px;
  content: "\f105";
}

#lecturer .tranining_menu li ul li:hover { background: #F9FAFA; }

#lecturer .customer_list li {
  margin-bottom: 15px;
  background: url(../../seminar/img/lecturer/arrow_icon02.gif) no-repeat 9% 20%;
  overflow: hidden;
}

#lecturer .customer_list i {
  width: 10%;
  float: left;
}

#lecturer .customer_list .voice01 i { color: #63A0E4; }
#lecturer .customer_list .voice02 i { color: #6DC193; }
#lecturer .customer_list .voice03 i { color: #F2BF67; }

#lecturer .customer_list div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  width: 90%;
  background: #f6f7f7 ;
  float: right;
}

#lecturer .customer_list div span {
  font-size: 113%;
  font-weight: bold;
  display: block;
}

/* feature
/*------------------------------------------------------------*/
#feature .box_feature { margin-bottom: 70px; }

#feature .box_feature .title {
  font-size: 188%;
  font-weight: bold;
  color: #fff;
  line-height: 36px;
  text-align: center;
  padding: 15px 0;
  background: #ffa800;
}

#feature .box_feature div {
  font-size: 113%;
  padding: 30px;
  background: #f6f7f7;
}

#feature .box_feature ul li {
  font-size: 138%;
  font-weight: bold;
  line-height: 30px;
  text-indent: -25px;
  margin-bottom: 20px;
  padding-left: 25px;
}

#feature .box_feature ul li::before {
  font-family: FontAwesome;
  color: #00a9b8;
  margin-right: 10px;
  content: "\f00c";
}

#feature .block_item { margin-bottom: 50px; }

#feature .area_btn {
  text-align: center;
  margin-bottom: 70px;
}

#feature .area_btn a { margin: 0 15px; }

/* flow
/*------------------------------------------------------------*/
#flow { margin-bottom: 70px; }

#flow .box_caution {
  border-radius: 3px;
  margin: 0 0 50px;
  border: 3px solid #ffd0d0;
  background: #fff9f9;
}

#flow .box_caution p {
  font-size: 24px;
  font-weight: bold;
  color: #dd091f;
  line-height: 24px;
  text-align: center;
  padding: 20px 0;
}

#flow .box_caution p i { margin-right: 10px; }
#flow .box_caution ul { margin: 10px 20px ; }

#flow .box_caution li {
  padding: 5px 0;
  border-bottom: 1px dotted #ff9b9b;
}

#flow .box_caution li:last-child { border: 0; }
.box_list { margin-bottom: 30px; }

.box_list dl {
  width: 100%;
  display: table;
  background: #1593DB;
}

.box_list dl:last-child { background: #DD091F; }

.box_list dt, .box_list dd {
  padding: 20px;
  display: table-cell;
}

.box_list dt {
  font-size: 113%;
  font-weight: bold;
  color: #ffffff;
  width: 15%;
}

.box_list dt span { font-size: 150%; }
.box_list dd { background: #f9fafa; }

.box_list dd .title {
  font-size: 150%;
  font-weight: bold;
  line-height: 34px;
  margin-bottom: 2%;
  padding: 0 0 5px;
  border-bottom: 1px solid #d7d7d7;
}

.box_list dd .btn_type02 li { width: 50%; }
.btn_type02 li a:hover { background: #F9FAFA; }

.box_list dd .comment {
  margin: 20px 0 0;
  padding: 15px;
  border: 1px solid #ff8400;
  background: #fff5da;
}

.box_list .align_c { margin: 20px 0 15px; }
.btn_area_sel { text-align: center; }
.btn_area_sel a { margin: 0 10px 10px; }

.contact_box {
  text-align: center;
  border: 5px solid #e7e7e7;
}

.contact_box .title {
  font-size: 113%;
  font-weight: bold;
  color: #ff6600;
  text-align: center;
  padding: 15px 0;
  background: #e7e7e7;
}

.contact_box .cont {
  line-height: 40px;
  text-align: center;
  padding: 20px;
}

.contact_box .tel {
  font-size: 200%;
  font-weight: bold;
  color: #0087e5;
}

.contact_box dl {
  text-align: center;
  padding: 20px 20px 0;
  overflow: hidden;
}

.contact_box dt span {
  font-weight: bold;
  padding-left: 10px;
  border-left: 5px solid #78797c;
}

.contact_box dd {
  font-weight: bold;
  padding: 20px 10px;
  display: inline-block;
}

.contact_box .btn_type03 { margin-bottom: 20px; }

/* npp-east
/*------------------------------------------------------------*/
#npp-east .main {
  margin: 15px 0 40px;
  padding: 10px 0 0;
  border: 2px solid #d7d7d7;
}

#npp-east .main p {
  font-size: 125%;
  font-weight: bold;
  text-align: center;
}

#npp-east .main_cont {
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

#npp-east .main_cont dt {
  font-size: 163%;
  color: #ee4d60;
  line-height: 42px;
}

#npp-east .main_cont dd span { font-size: 138%; }

#npp-east .main_cont ul {
  font-weight: normal;
  margin-top: 10px;
}

#npp-east .main_cont li span { font-size: 100%; }

#npp-east .sub_title_02 {
  font-weight: bold;
  margin: 0 0 20px;
  padding: 15px;
  background: #eff0f0 none repeat scroll 0 0;
}

/*  seminar / voice
/*------------------------------------------------------------*/
.voice .style_bt_01 a { background: transparent; }
.box_button p { width: 48%; }

.box_button {
  margin: 0 auto 20px;
  width: 66%;
}

.voice .style_bt_01 .left a {
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  color: #66ba20;
  text-align: center;
  padding: 12px 0 10px;
  border: 2px solid #66ba20;
  width: 100%;
  display: block;
}

.voice .style_bt_01 .right a {
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  color: #f19900;
  text-align: center;
  padding: 12px 0 10px;
  border: 2px solid #f19900;
  width: 100%;
  display: block;
}

.voice .style_bt_01 a:hover { opacity: 0.8; }

.voice .sub_title {
  font-size: 18px;
  font-weight: bold;
  color: #10238b;
  padding: 15px 20px;
  background: #eff0f0;
}

.voice .st_type02 { margin-bottom: 15px; }
.voice .box_button { margin: 0 auto; }
.voice .content_block { padding: 17px 20px 20px 20px; }

.voice .content_block li {
  margin-bottom: 15px;
  padding: 0 0 0 25px;
  background: url(../../seminar/img/voice/icon_01.gif) no-repeat left top;
}

.voice .voice_button_01 {
  text-align: center;
  margin: 0 auto;
  width: 66%;
}

.voice .voice_button_01 a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 12px 0 10px;
  width: 48%;
  display: inline-block;
  background: #66ba20;
}

.voice .voice_button_01 a:hover { text-decoration: none; }

.voice .voice_button_02 {
  text-align: center;
  margin: 0 auto;
  width: 66%;
}

.voice .voice_button_02 a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 12px 0 10px;
  width: 48%;
  display: inline-block;
  background: #f19900;
}

.voice .voice_button_02 a { text-decoration: none; }

#seminar.voice .block {
  margin: -60px 0 0;
  padding-top: 120px;
}

/*  seminar / menu
/*------------------------------------------------------------*/
#semi_menu {
  margin: 0 auto;
  width: 90%;
}

#semi_menu table { width: 100%; }

#semi_menu th {
  color: #fff;
  padding: 10px 0;
  border: 1px solid #fff;
  background: #404148;
}

#semi_menu td {
  padding: 15px;
  border: 1px solid #d7d7d7;
}

/*------------------------------------------------------------*/
/* search > error
/*------------------------------------------------------------*/
#page_error {
  text-align: center;
  padding: 80px 0 0;
}

#page_error dl {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 50px;
  display: table;
}

#page_error dt, #page_error dd {
  vertical-align: middle;
  display: table-cell;
}

#page_error dt {
  color: #dd091f;
  margin-right: 10px;
}

/*------------------------------------------------------------*/
/* membership
/*------------------------------------------------------------*/
#membership .read_txt { color: #DD091F; }

#membership #main {
  text-align: center;
  margin-bottom: 50px;
}

#membership #main .btn_type03 { margin: 40px 0 0; }
#membership { margin-bottom: 50px; }

#membership .sst {
  font-size: 18px;
  font-weight: bold;
  color: #ff6600;
  padding: 15px 25px;
  background: #eff0f0;
}

#membership .cont01 { margin: 20px 20px 50px; }

#membership .cont01 dl {
  margin: 18px 0 0;
  padding: 0 0 15px;
  border: 4px solid #eff0f0;
}

#membership .cont01 dt {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 0 0 15px;
  padding: 15px 0;
  background: #f3be06;
}

#membership .cont01 dd {
  text-align: center;
  padding: 20px;
}

/*------------------------------------------------------------*/
/* sitemap
/*------------------------------------------------------------*/
#sitemap ul li { margin-bottom: 15px; }
#sitemap ul li ul { margin: 10px 0 10px 20px; }

/*------------------------------------------------------------*/
/* use
/*------------------------------------------------------------*/
#use dt {
  font-weight: bold;
  margin-bottom: 10px;
  padding: 10px;
  background: #EFF0F0;
}

#use dd { margin: 0 10px 30px; }
#use dd img, #use dd i { margin-right: 10px; }

#use dd span {
  text-align: center;
  margin-right: 10px;
  width: 5%;
  display: inline-block;
}

/*  marketdata area
/*------------------------------------------------------------*/
#mkt_area, #mkt_area02 {
  margin: 0 auto;
  width: 90%;
  overflow: hidden;
}

#mkt_area dl {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 33%;
  float: left;
}

#mkt_area dt, #mkt_area dd { margin: 0 15px; }

#mkt_area dt {
  color: #fff;
  padding: 10px 0;
  border: 1px solid #fff;
  background: #404148;
}

#mkt_area dd li {
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d7;
}

#mkt_area dd li:last-child { border-bottom: 0; }
#mkt_area02 dt, #mkt_area02 dd { padding: 10px 0; }

#mkt_area02 dt {
  border-top: 1px solid #d7d7d7;
  width: 20%;
  clear: both;
  float: left;
}

#mkt_area02 dd {
  margin-left: 20%;
  padding-left: 30px;
  border-top: 1px solid #d7d7d7;
}

#mkt_area02 dd:after {
  display: block;
  clear: both;
  content: '';
}