@charset "UTF-8";
/* ================================================================================
Modules
================================================================================ */

/*---------------------
青線青文字見出し
---------------------*/
.lead01 {
  padding: 16px 11px 4px;
  border-bottom: solid 2px #00abeb;
  margin-bottom: 15px;
  font-size: 18px;
  color: #004c72;
  font-weight: normal;
}

.section_ttl {
  border-left: 3px solid #003a64;
  height: 38px;
}

.section_ttl .lead01 {
  padding: 0px;
  margin-bottom: 0px;
  border-bottom: none;
  margin-left: 10px;
  color: #262525;
  font-weight: 600;
  font-size: 24px;
}

/**/
p.lead {
  margin-bottom: 10px;
}

/* itsearch-logo */
h1.logo .pc-logo,
p.logo .pc-logo {
  max-width: 100%;
}
h1.logo .logo-separate,
p.logo .logo-separate {
  float: left;
}

/* Heading01
================================================*/
.heading-area {
  position: relative;
  margin-bottom: 10px;
}
.heading-area .heading01 {
  padding: 10px;
  background-color: #014e72;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}
.heading01 span {
  font-size: 16px;
  font-weight: 400;
  padding-left: 20px;
}
.link_standard {
  color: #fff;
}

.select-box_container {
  text-align: center;
  width: 100%;
  padding: 10px;
}
.heading-area .more {
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 50px;
  background-color: #00293e;
  line-height: 50px;
  text-align: center;
}
.heading-area .more:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.heading-area .more a {
  padding-left: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.heading-area .easy-select-box {
  display: inline-block;
  position: relative;
  width: 100% !important;
  outline: none;
  border: 2px solid #ccd3d9;
  background-color: #f2f2f2;
  line-height: 1.3;
  font-size: 16px;
  color: #083f59;
}
.heading-area .easy-select-box:after {
  content: url('../images/module/arrow03.png');
  position: absolute;
  right: 10px;
  top: 13px;
  width: 11px;
  height: 5px;
}
.heading-area .easy-select-box .esb-displayer {
  height: 45px;
  line-height: 45px;
  text-indent: 10px;
  padding-right: 20px;
  cursor: pointer;
}
.heading-area .easy-select-box .esb-dropdown {
  display: none;
  width: 100% !important;
  overflow-y: auto !important;
  position: absolute;
  z-index: 999;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.heading-area .easy-select-box .esb-item {
  padding: 10px 5px;
  color: #265e71;
  cursor: pointer;
}
.heading-area .easy-select-box .esb-item:hover {
  background: #ccc;
  text-decoration: none;
}

/*-------------------------------*/
.select-box_crust {
  overflow: hidden;
}
.select-box_container {
  text-align: left;
  width: 100%;
  float: right;
}
/*-------------------------------*/
.heading-area_onecol {
  position: relative;
  margin-bottom: 10px;
}
.heading-area_onecol .heading01 {
  padding: 10px;
  background-color: #014e72;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}
.heading-area_onecol .more {
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 50px;
  background-color: #00293e;
  line-height: 50px;
  text-align: center;
}
.heading-area_onecol .more:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.heading-area_onecol .more a {
  padding-left: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
.heading-area_onecol .easy-select-box {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 280px !important;
  outline: none;
  border: none;
  background-color: #fff;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #265e71;
  border-radius: 3px;
}
.heading-area_onecol .heading01.selector_in {
  padding-right: 300px;
}
.heading-area_onecol .easy-select-box:after {
  content: url('../images/module/select_arrow01.png');
  position: absolute;
  left: 10px;
  top: 0;
  width: 10px;
  height: 6px;
}
.heading-area_onecol .easy-select-box .esb-displayer {
  height: 30px;
  line-height: 30px;
  text-indent: 35px;
  cursor: pointer;
}
.heading-area_onecol .easy-select-box .esb-dropdown {
  display: none;
  width: 100% !important;
  overflow-y: auto !important;
  position: absolute;
  z-index: 999;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.heading-area_onecol .easy-select-box .esb-item {
  padding: 10px 5px;
  color: #265e71;
  cursor: pointer;
}
.heading-area_onecol .easy-select-box .esb-item:hover {
  background: #ccc;
  text-decoration: none;
}
/*-------------------------------*/
.heading02 {
  padding: 10px 15px;
  color: #004c72;
  font-size: 20px;
}

.heading03 {
  padding: 10px 15px;
  color: #004c72;
  font-size: 16px;
}

.lead-text {
  color: #333;
  font-size: 13px;
  line-height: 1.4;
  padding: 0px 36px 0px 29px;
  margin-bottom: 8px;
}

.message-txt {
  padding: 20px 20px 20px;
}

.message-txt .message01 {
  color: #333;
  font-size: 13px;
  line-height: 1.4;
}

.message-txt .message01 .precaution {
  color: #999;
  font-size: 10px;
}

.heading-area .product-outline-box {
  margin-bottom: 30px;
  margin-top: 10px;
  width: 100%;
  display: table;
  position: relative;
}

.heading-area .product-outline-box .product-img {
  display: table-cell;
  width: 73px;
  vertical-align: top;
}

.heading-area .product-outline-box .text-box {
  display: table-cell;
  padding: 5px 10px 2px 10px;
  vertical-align: top;
}

.heading-area .product-outline-box .text-box .lead-text {
  padding: 0;
}

.heading-area .product-outline-box .text-box .genre {
  font-size: 10px;
  color: #999;
  display: block;
  text-align: right;
}

.heading-area .product-outline-box .text-box .tag {
  display: inline-block;
  padding: 0px 8px;
  background-color: #3c5e66;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  margin: 8px 0;
}

.heading-area .product-outline-box .text-box .to-category {
  font-size: 12px;
}

.heading-area .btn_box {
  float: none;
  text-align: center;
  margin: 0 auto;
  width: 75%;
  padding-top: 10px;
}

.heading-area .btn_box .sglbtn_row {
  padding: 0 10px;
  width: 100%;
}

.heading-area .btn_box .sglbtn_row .bt01,
.heading-area .btn_box .sglbtn_row .btn_incomparebox {
  display: block;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  line-height: 1.1;
  width: 100%;
  padding: 17px 10px;
  height: 50px;
  margin: 0;
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
}
.heading-area .btn_box .sglbtn_row a.bt01:hover,
.heading-area .btn_box .sglbtn_row a.btn_incomparebox:hover {
  opacity: 0.8;
}

.heading-area .btn_box .bt01 span,
.heading-area .btn_box .btn_incomparebox span {
  padding-left: 30px;
  background: url(../images/module/btn_pdf_head.png) 0 center no-repeat;
}

.heading-area .btn_box .dblbtn_row {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%;
}

.heading-area .btn_box .dblbtn_row a {
  display: table-cell;
  float: none;
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
  /*vertical-align: middle;*/
  vertical-align: top;
  position: relative;
  /*padding: 7px 10px 7px 45px;*/
  padding: 14px 5px 10px 5px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  /*text-align: left;*/
  text-align: center;
  width: 50%;
  height: 50px;
}
.heading-area .btn_box .dblbtn_row a:hover {
  opacity: 0.8;
}

.heading-area .btn_box .dblbtn_row a img {
  position: relative;
  bottom: 5px;
  /*left: 10px;*/
  margin-right: 10px;
}

.heading-area .btn_box .dblbtn_row span {
  padding-left: 30px;
  background: url(../images/module/btn_downloadnow_head.png) 0 center no-repeat;
}

/* 3:Spotlight01
================================================*/
.spotlight {
  padding: 25px 20px;
  background-color: #f2f2f2;
  margin-bottom: 30px;
}
.spotlight h3 {
  color: #004c72;
  font-size: 16px;
}
.spotlight .text {
  margin: 0 10px 10px;
  font-size: 13px;
  line-height: 1.4;
}

/****************************/
.form-area .default {
  background-color: #f9f9f9;
}

.form-area .ok {
  background-color: #f9fcf3;
}

.form-area .error {
  background-color: #fcf3f3;
}

#tab05 p {
  word-wrap: break-word;
}

.social-bt .form-area {
  /* セレクトボックス */
}
.social-bt .form-area .type-text {
  padding: 10px 7px;
  border-left: 1px solid #c5c8c1;
  border-top: 1px solid #c5c8c1;
  box-shadow: 1px 1px 1px #e7eae2 inset;
  font-size: 15px;
  color: #989898;
}
.social-bt .form-area .type-text.default {
  background-color: #f9f9f9;
}
social-bt .form-area .type-text.ok {
  background-color: #f9fcf3;
}
.social-bt .form-area .type-text.error {
  background-color: #fcf3f3;
}
/* チェックボックス*/
#checkbox input[type='checkbox'] {
  display: none;
  margin: 0;
}
#checkbox input[type='checkbox'] + label {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding-left: 20px;
  cursor: pointer;
}
#checkbox input[type='checkbox'] + label:before {
  content: url(../images/module/checkbox.png);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
}
#checkbox input[type='checkbox'] + label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
}
#checkbox input[type='checkbox']:checked + label:after {
  content: url(../images/module/checkbox-checked.png);
}
/* チェックボックス　ここまで */
/*　ラジオボタン　*/
#radio input[type='radio'] {
  display: none;
  margin: 0;
}
#radio input[type='radio'] + label {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding-left: 28px;
  cursor: pointer;
}
#radio input[type='radio'] + label:before {
  content: url(../images/module/radio.png);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
}
#radio input[type='radio'] + label:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  display: block;
}
#radio input[type='radio']:checked + label:after {
  content: url(../images/module/radio-checked.png);
}
/* ラジオボタン　ここまで */
.social-bt .form-area input[type='radio'],
.social-bt .form-area input[type='checkbox'] {
  display: inline-block;
  margin-right: 30px;
}
.social-bt .form-area input[type='radio'] + label,
.social-bt .form-area input[type='checkbox'] + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}
.social-bt .form-area .easy-select-box {
  display: inline-block;
  position: relative;
  left: -5px;
  outline: none;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  color: #000;
  line-height: 45px;
  font-size: 14px;
}
.social-bt .form-area .easy-select-box:after {
  content: url('../images/module/btn_select_bg01.png');
  position: absolute;
  right: -1px;
  top: 0;
  width: 36px;
  height: 30px;
}
.social-bt .form-area .easy-select-box .esb-displayer {
  width: 247px !important;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  cursor: default;
}
.social-bt .form-area .easy-select-box .esb-dropdown {
  display: none;
  overflow-y: auto !important;
  position: absolute;
  z-index: 999;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.social-bt .form-area .easy-select-box .esb-item {
  padding: 2px 5px;
  cursor: default;
  color: #000;
}
.social-bt .form-area .easy-select-box .esb-item:hover {
  background: #ccc;
  text-decoration: none;
}

/* 5: Social Bt
================================================*/
.subject {
  text-align: left;
  float: left;
}
.genre {
  text-align: right;
  height: 30px;
}
.social-bt {
  float: right;
  overflow: hidden;
}
.section .social-bt {
  margin-top: 40px;
}
.social-bt li {
  float: left;
  width: auto;
  text-align: center;
}
.social-bt li a {
  display: block;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
.social-bt li a .count {
  display: block;
}
.social-bt .twitter a {
  background-color: #50aadd;
}
.social-bt .facebook a {
  background-color: #224883;
}
.social-bt .google a {
  background-color: #c3563d;
}
.social-bt .hatena a {
  background-color: #4e93d1;
}

/*-----------------------------------------------
 6:Button
================================================*/
.more {
  text-align: center;
}

a.bt {
  display: inline-block;
  background-repeat: repeat-x;
  background-position: 0 0;
  height: 50px;
  border-radius: 4px;
  line-height: 1.1;
  padding: 17px 0;
  width: 50%;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

#side-col .bt-more {
  padding: 0;
}

a.bt:hover {
  text-decoration: underline;
  opacity: 0.8;
}

.appli-bt {
  display: inline-block;
  min-height: 51px;
  width: 50%;
  border-radius: 6px;
  background: url(../images/module/btn_app_bg01.png) 0 0 repeat-x;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 51px;
}

a.btn_form_postcode {
  display: inline-block;
  padding: 12px 15px;
  line-height: 1.1;
  border-radius: 6px;
  background: url(../images/module/btn_bg_lightblue_tall.png) 0 0 repeat-x;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

a.btn_form_postcode:hover {
  text-decoration: underline;
  color: #fff;
}

.btn_seemore {
  background: url(../images/module/btn_bg_blue_tall.png) repeat-x top left;
}

.login-bt {
  background-image: url(../images/module/btn_bg_orange_tall.png);
}

/*記事詳細用*/
.bt-download {
  clear: both;
  display: table;
  border-collapse: separate;
  border-spacing: 10px 0;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 40px;
}
.bt-download a.btn_dlpdf,
.bt-download a.btn_dlbox {
  display: table-cell;
  width: 50%;
  padding: 10px 5px 10px 45px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  position: relative;
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
}

.bt-download a:hover {
  opacity: 1;
}
.bt-download a img {
  position: absolute;
  width: auto;
}
.bt-download .btn_dlpdf img {
  top: 9px;
  left: 11px;
  width: 22px !important;
  height: 21px !important;
}
.bt-download .btn_dlbox img {
  top: 9px;
  left: 11px;
  width: 21px !important;
  height: 21px !important;
}
.bt-download a:hover img {
  opacity: 1;
}
/*-----*/

.download-bt,
.download-bt01 {
  background: url(../images/module/btn_bg_blue_tall.png) repeat-x top left;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  height: 50px;
  padding: 17px 0;
  margin-top: 10px;
  border-radius: 4px;
}
.download-bt:hover,
.download-bt01:hover {
  text-decoration: underline;
  color: #fff;
}

.box .lb .link-bt li {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.link-bt li a {
  width: 130px;
  background: linear-gradient(#f2f2f2, #cccccc);
  border: 1px solid #333333;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: block;
}

.articleContent table.Photo1 th p,
.articleContent table.Photo1 td p {
  font-size: 80%;
}

strong {
  font-weight: bold;
}

/*-------------*/
.compare-block .regeneration {
  padding: 20px 0;
  border-bottom: none;
  text-align: center;
}

.compare-block .regeneration a.bt {
  background: url(../images/module/btn_bg_skyblue_tall.png) 0 0 repeat-x;
}

/*-------------*/

/* 7:Supplementary
================================================*/
aside.supplementary {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px 15px;
  font-size: 12px;
  color: #666;
}

/* 8:Details-list
================================================*/
.details-list {
  background-color: #014e72;
}
.details-list h2 {
  padding: 10px;
  background-color: #00293e;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
}
.details-list .map {
  margin: 10px 10px 20px;
  text-align: center;
}
.details-list dl {
  display: table;
  width: 100%;
}
.details-list dl dt {
  display: table-cell;
  width: 20%;
  min-width: 100px;
  border-bottom: 1px solid #00293e;
  padding: 12px 7px;
  background-color: #ececfb;
  font-size: 12px;
  color: #003146;
}
.details-list dl dd {
  display: table-cell;
  width: 80%;
  border-left: 1px solid #00293e;
  border-bottom: 1px solid #00293e;
  background-color: #fff;
  padding: 12px 7px;
  font-size: 12px;
  color: #333;
}
.details-list table td.pic img {
  max-width: inherit;
  border: none;
}

/* 9:Event-list
================================================*/
.event-list {
  margin-top: 20px;
}
.event-list h2 {
  position: relative;
  background-color: #dfdfdf;
  font-size: 18px;
  font-weight: normal;
  color: #003146;
}
.event-list h2 a {
  display: block;
  padding: 10px;
}
.event-list h2 a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  z-index: 10;
}
.event-list h2 a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0px;
  width: 45px;
  height: 100%;
  background-color: #00293e;
  z-index: 9;
}
.event-list .post {
  padding: 10px 10px 15px;
  border-bottom: 1px solid #cccccc;
}
.event-list .post .pic {
  display: table-cell;
  width: 56px;
}
.event-list .post .text {
  display: table-cell;
  width: 91%;
  padding-left: 10px;
  word-wrap: break-word;
  overflow: hidden;
}
.event-list .post h3 {
  line-height: 1.2;
  display: inline;
}
.event-list .post h3 a {
  font-size: 13px;
  color: #003146;
}
.event-list .post .meta time {
  font-size: 11px;
  color: #000;
}

/* 10: Schedule Calendar
================================================*/
.calendar h2 {
  padding: 10px;
  background-color: #70b6c5;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}
.calendar .tab {
  display: table;
  width: 100%;
  padding: 10px;
  background-color: #deeef4;
}
.calendar .tab li {
  display: table-cell;
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  color: #003146;
  cursor: pointer;
}
.calendar .tab li .selected {
  padding: 5px 10px;
}
.calendar .tab li.selected .selected {
  padding: 3px 10px;
  border-radius: 4px;
  background-color: #435d65;
  color: #fff;
}
.calendar .table-body .thead {
  display: none;
}
.calendar .table-body .day {
  display: none;
}
.calendar .table-body .col.event {
  display: block;
  padding: 10px 10px 15px;
  border: 1px solid #dbdbea;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1, #ececfb),
    color-stop(0, #ffffff)
  );
  background: -webkit-linear-gradient(top, #ffffff 0%, #ececfb 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #ececfb 100%);
  background: linear-gradient(top, #ffffff 0%, #ececfb 100%);
}
.calendar .table-body .col.event .dates {
  display: block;
  margin-bottom: 5px;
  color: #003146;
  font-size: 13px;
  font-weight: normal;
}
.calendar .table-body .col.event .dates .time {
  display: block;
}
.calendar .table-body .col.event a {
  display: block;
  /*  background: url(../images/module/arrow01.png) 99% center no-repeat;*/
  font-size: 14px;
  font-weight: bold;
  color: #003146;
}
.calendar .table-body .col.event a:hover {
  text-decoration: none;
}

.category {
  text-align: left;
  float: left;
  background-color: #3d5e65;
  color: #ffffff;
}
.bookmark {
  text-align: right;
}

.heading-area .meta {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 20px;
}
.heading-area .time {
  display: block;
  float: left;
  font-size: 12px;
  color: #000;
}
.heading-area .author {
  display: block;
  float: left;
  font-size: 12px;
  color: #000;
  margin-left: 10px;
}

.bookmark {
  display: block;
  float: right;
}

.bookmark a {
  padding-left: 16px;
  background: url(../images/module/bookmark_icon01.png) 0 0 no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #004c72;
  vertical-align: bottom;
}

.bookmark_keeped a {
  background: url(../images/module/bookmark_icon02.png) 0 0 no-repeat;
  color: #888;
}

.bookmark_keeped a:hover {
  text-decoration: none;
  cursor: default;
}

.heading-area .heading01 {
  padding-right: 10px;
}

.product-detaila section h3 {
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.product-detaila #tab01 h2,
.product-detaila #tab01 h3,
.product-detaila #tab05 h3 {
  border-bottom: 4px solid #1dabe8;
  font-size: 1.17em;
}
.product-detaila .rb {
  float: right;
  width: 50%;
  height: 350px;
}
.product-detaila .lb {
  float: left;
  width: 50%;
  height: 350px;
}

ul.tag > li {
  display: inline-block;
  padding: 4px;
  margin: 5px 2px 2px;
  border-radius: 5px;
  background-color: #dbeff5;
  color: #034d71;
}
ul.more-link {
  list-style: none;
  padding-left: 0;
  text-align: center;
}
ul.more-link > li {
  display: inline;
}
ul.more-link > li:not(:nth-child(1)):before {
  content: ' | ';
}

ul.tabs {
  list-style: none;
  padding-left: 0;
  text-align: center;
  border-bottom: 1px solid #1d3946;
  display: table;
  width: 100%;
}
ul.tabs > li {
  display: table-cell;
  font-weight: bold;
  font-size: 18px;
}
ul.tabs > li:not(:nth-child(1)) {
  border-left: 1px solid #ccc;
}
ul.tabs > li a {
  display: block;
  padding: 5px;
}
ul.tabs > .selected a {
  background-color: #3c5e66;
  color: #fff;
}
.filelist {
  width: 50%;
  border-top: 0;
}
.filelist dt {
  padding: 15px 6px 15px 20px;
  height: 50px;
  border-bottom: 2px dotted #c0c0c0;
  width: 30%;
  float: left;
  background-color: #dfdfdf;
}
.filelist dd {
  padding: 15px;
  height: 50px;
  border-bottom: 2px dotted #c0c0c0;
  overflow: hidden;
}
.marker {
  border-left: 3px solid #445d64;
}
.filelist .line {
  padding-top: 3px;
}

/*---------------------------------------------*/
.product-detaila {
  margin-top: 30px;
}

.product-detaila #tab01 h2,
.product-detaila #tab01 h3 {
  border-bottom: 4px solid #8a9da2;
  color: #004c72;
  margin-top: 20px;
  padding-left: 5px;
  font-size: 1.17em;
}

.description-box .description-text {
  padding: 30px 5%;
}

/*---------------------------------------------*/

.spec-box {
  padding: 30px 5%;
}

.spec-box .table {
  display: table;
  width: 100%;
}

.spec-box .table .row {
  display: table-row;
}

.spec-box .table .row .cell {
  display: table-cell;
  /* padding-left:10px; */
  /* height: 45px;*/
  padding: 10px 0px 10px 10px;
  vertical-align: middle;
}

.spec-box .table .row .th {
  background-color: #ccc;
  border-bottom: 2px dotted #fff;
  width: 10%;
}

.spec-box .table .row .marker {
  background: #ccc url(../images/module/0013_spec-box_marker.png) left repeat-y;
}

.spec-box .table .row .td {
  border-bottom: 2px dotted #ccc;
  width: 30%;
}

/*----------------------------*/

.formarea {
  padding: 0 10px;
}

.formarea p {
  margin-bottom: 10px;
}

.formarea textarea {
  width: 100%;
  box-shadow: 1px 1px 1px #b5b7ba inset;
  border: 1px solid #d2d2d2;
  background-color: #e6edf0;
  margin-bottom: 15px;
  padding: 3px 0px 0px 5px;
  height: 100px;
}

.formarea .more .bt {
  width: 70%;
}

/*-------------------------------*/
.refinement {
  border: 1px solid #dddddd;
  padding: 10px;
}

.refinement p {
  font-size: 13px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #264b5e;
  padding-bottom: 5px;
}

.refin-search {
  padding-top: 10px;
}

.refin-search li {
  float: left;
  margin-right: 5px;
}

.refin-search li input {
  width: 100%;
  padding: 5px 10px;
  outline: none;
  background: #f9f9f9 url(../images/module/search_icon.png) 97% center no-repeat;
}

.refin-search li .easy-select-box {
  display: inline-block;
  position: relative;
  width: 100% !important;
  min-width: 101px;
  outline: none;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  line-height: 22px;
  font-size: 11px;
  color: #777;
}

.refin-search li .easy-select-box:after {
  content: url('../images/module/select.png');
  position: absolute;
  right: -1px;
  top: -1px;
  width: 23px;
  height: 24px;
}

.refin-search li .easy-select-box .esb-displayer {
  width: 100% !important;
  height: 22px;
  line-height: 22px;
  text-indent: 20px;
  cursor: default;
}

.refin-search li .easy-select-box .esb-dropdown {
  display: none;
  width: 100% !important;
  overflow-y: auto !important;
  position: absolute;
  z-index: 999;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}

.refin-search li .easy-select-box .esb-item {
  padding: 2px 5px;
  cursor: default;
  text-indent: 10px;
  color: #777;
}

.refin-search li .easy-select-box .esb-item:hover {
  background: #ccc;
  text-decoration: none;
}

.category-tag {
  clear: both;
  overflow: hidden;
}

.category {
  border-radius: 4px;
  font-size: 12px;
  color: #003147;
  background-color: #daeff5;
  padding: 5px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}

ul.category-tag02 {
  margin-bottom: 10px;
}

ul.category-tag02 li {
  float: left;
  padding-left: 20px;
  background: url(../images/module/arrow05.png) no-repeat 5px 6px;
  margin-right: 20px;
}

ul.category-tag02 li a {
  font-size: 11px;
  font-weight: bold;
}

.related-keywords {
  position: relative;
  padding-left: 8em;
}

.related-keywords p {
  font-size: 12px;
  position: absolute;
  top: 5px;
  left: 2px;
  color: #000;
}

.related-keywords a.keyword {
  border-radius: 4px;
  font-size: 12px;
  color: #003147;
  background-color: #daeff5;
  padding: 5px;
  float: left;
  margin-right: 7px;
  margin-bottom: 5px;
}

.programs {
  border: 1px solid #dddddd;
}

.programs h2 {
  font-size: 15px;
  color: #fff;
  background-color: #3c5e66;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-weight: normal;
}

.programs .id {
  margin-top: 5px;
  text-align: right;
  font-size: 10px;
}

.programs .lead-area {
  overflow: hidden;
  margin-bottom: 15px;
}

.programs .lead-area .seminar-list-box {
  display: table;
  width: 100%;
}

.seminar-list {
  width: 50%;
  float: left;
}

.programs .lead-area .seminar-list-image {
  width: 100%;
  // width: 60%;
  // float: left;
}

.programs .lead-area .seminar-list-table {
  display: table-cell;
  width: 100%;
  float: left;
}

.programs .lead-area .seminar-list-button {
  width: 50% !important;
  margin: auto;
}

#lead-area .tag {
  float: right;
  margin: 5px 10px 0 0;
  padding: 2px 10px;
  background-color: #3c5e66;
  text-align: right;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

.programs .lead-area .detaila {
  overflow: hidden;
}

.programs .lead-area .detaila li {
  float: left;
  margin: 10px 20px 10px 0;
  padding-left: 15px;
  background: url(../images/module/arrow04.png) 0 center no-repeat;
}

.programs .lead-area .detaila li:first-child {
  background: none;
}

.programs .lead-area .appli {
  overflow: hidden;
  width: 25%;
  min-width: 205px;
}

.programs .appli li {
  float: left;
  width: 100px;
  height: 56px;
  margin-left: 5px;
  border-radius: 4px;
  background-color: #0c9;
  background: linear-gradient(#409fd6, #2d749d);
  line-height: 56px;
  text-align: center;
}

.programs .appli li:first-child {
  margin-left: 0;
}

.programs .lead-area .appli li a {
  display: block;
  padding-left: 22px;
  background: url(../images/module/arrow02.png) 10px center no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

.programs .lead-text {
  float: left;
  max-width: 75%;
  padding: 0 20px 0 10px;
  color: #333;
  overflow: hidden;
  word-wrap: break-word;
}

.schedule_area {
  background-color: #f2f2f2;
  clear: both;
  padding: 10px;
}

.schedule_area .sp-none {
  font-size: 15px;
  font-weight: normal;
  color: #435d65;
}

@charset "UTF-8";
/* CSS Document */

.breadcrumb {
  display: none;
  margin: 10px 0;
  font-size: 14px;
}

.breadcrumb_show {
  display: block !important;
}

.breadcrumb .home {
  float: left;
  display: block;
  padding: 3px 0px 2px 26px;
  text-decoration: underline;
  background: url(../images/module/icon_home.png) no-repeat 6px 5px;
  border-radius: 4px;
  font-size: 12px;
}

.breadcrumb .active {
  float: left;
  display: block;
  padding: 3px 0 2px 0;
  font-size: 12px;
}

.breadcrumb .active a {
  text-decoration: underline;
}

.breadcrumb .active:before {
  content: '>';
  padding: 0 10px;
}

.search_result table {
  border-collapse: separate;
  border-spacing: 5px;
  width: 100%;
}

.search_result table th {
  height: 2em;
  padding: 2px 0;
  border-top: solid 3px #00abeb;
  background-color: #deedf0;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
  line-height: 1.1;
}

.search_result table td {
  border-bottom: solid 1px #bbbbbb;
}

.search_result table td.checkbox {
  text-align: center;
  vertical-align: middle;
}

.search_result table td.price {
  text-align: right;
}

.search_navi .results {
  display: block;
  float: left;
}

.search_navi .results span {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}

.search_navi {
  padding: 10px 0 0 0;
  margin-bottom: 20px;
}

.search_navi ul {
  display: block;
  float: left;
  padding: 4px 0 0 40px;
}

.search_navi ul li,
.search_navi ul li a {
  display: block;
  float: left;
}

.search_navi ul li.prev {
  display: block;
  padding-left: 25px;
  margin: 0 15px 0 0;
  background-image: url(../images/module/arrow_left.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  color: #bdbdbd;
}

.search_navi ul li.next a {
  display: block;
  padding-right: 25px;
  margin: 0;
  background-image: url(../images/module/arrow_right_active.png);
  background-repeat: no-repeat;
  background-position: right 2px;
  color: #255061;
}

.search_navi ul li.prev a {
}

.search_navi ul li.prev:hover a,
.search_navi ul li.next:hover a {
  text-decoration: none;
}

.search_navi ul li.page a {
  padding: 0 10px;
  margin: 0 3px 0 0;
}

.search_navi ul li.current a {
  background: #dfeff6;
  border-radius: 4px;
}

/*-------------------
ダウンロードボックスのコンソール（上）
-------------------*/
.productlist_navi02 {
  /*margin-left: 15px;*/
  padding-bottom: 9px;
  position: relative;
}

.productlist_navi02 .arrow01 {
  position: absolute;
  bottom: -10px;
  left: 15px;
}

.productlist_navi02 ul.console {
  height: 45px;
  background-color: #e5f4f8;
  border: solid 1px #cdd7de;
  margin: 0 0 0 5px;
  float: left;
  padding: 10px 5px 5px 0;
}

.productlist_navi02 ul.console li {
  float: left;
}

.productlist_navi02 ul.console li.checkall {
  border-right: solid 1px #fff;
  padding: 0 5px;
  text-align: center;
  line-height: 1.3;
}

.productlist_navi02 ul.console li.checkall span {
  display: block;
}

.productlist_navi02 ul.console li.lead {
  padding: 7px 15px 0 15px;
}

.productlist_navi02 ul.console li.btn a.btn_incomparebox {
  display: block;
  width: 171px;
  height: 31px;
  background: url(../images/module/btn_bg_skyblue_tall.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
  margin-right: 5px;
}

.productlist_navi02 ul.console li.btn a.btn_dlexcel {
  display: block;
  width: 171px;
  height: 31px;
  background: url(../images/module/btn_excel.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
}

.productlist_navi02 ul.console li.btn a.btn_downloadall_max8 {
  display: block;
  width: 171px;
  height: 31px;
  background: url(../images/module/btn_downloadall_max8.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
}

.productlist_navi02 ul.console li.btn a.btn_deleteall_max8 {
  display: block;
  width: 171px;
  height: 31px;
  background: url(../images/module/btn_deleteall_max8.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
}

/* navigation genrebox*/
.selectshow_container {
  float: right;
}

.productlist_navi02 .selectshow,
.productlist_navi02_btm .selectshow {
  -webkit-appearance: none;
  background: #ffffff url(../images/module/btn_arrow02.png) right no-repeat;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  color: #777777;
  font-size: 11px;
  height: 40px;
  line-height: 25px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  margin-top: 0px;
  float: none;
}

.ie8 .productlist_navi02 .selectshow_container,
.ie8 .productlist_navi02_btm .selectshow_container,
.ie9 .productlist_navi02 .selectshow_container,
.ie9 .productlist_navi02_btm .selectshow_container {
  /*width: 240px;*/
  overflow: hidden;
}

.ie8 .productlist_navi02 .selectshow,
.ie8 .productlist_navi02_btm .selectshow,
.ie9 .productlist_navi02 .selectshow,
.ie9 .productlist_navi02_btm .selectshow {
  background: #ffffff url(../images/module/btn_arrow02.png) 170px 0 no-repeat;
  width: 220px;
}

.ie8 .productlist_navi02 .selectshow,
.ie8 .productlist_navi02_btm .selectshow {
  padding: 0 0 5px 0;
}
/*-------------------
ダウンロードボックスのコンソール（下）
-------------------*/
.productlist_navi02_btm {
  /*margin-left: 15px;*/
  padding-top: 9px;
  position: relative;
}

.productlist_navi02_btm .arrow02 {
  position: absolute;
  top: -9px;
  left: 15px;
  z-index: 2;
}

.productlist_navi02_btm ul.console {
  height: 45px;
  background-color: #e5f4f8;
  border: solid 1px #cdd7de;
  margin: 0 0 0 5px;
  float: left;
  padding: 10px 5px 5px 0;
}

.productlist_navi02_btm ul.console li {
  float: left;
}

.productlist_navi02_btm ul.console li.checkall {
  border-right: solid 1px #fff;
  padding: 0 5px;
  text-align: center;
  line-height: 1.3;
}

.productlist_navi02_btm ul.console li.checkall span {
  display: block;
}

.productlist_navi02_btm ul.console li.lead {
  padding: 7px 8px 0 5px;
}

.productlist_navi02_btm ul.console li.btn a.btn_incomparebox {
  display: block;
  width: 171px;
  height: 31px;
  background: url(../images/module/btn_boxin01.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
  margin-right: 5px;
}

.productlist_navi02_btm ul.console li.btn a.btn_dlexcel {
  display: block;
  width: 171px;
  height: 31px;
  background: url(../images/module/btn_excel.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
}

.productlist_navi02_btm ul.console li.btn a.btn_downloadall_max8 {
  display: block;
  width: 171px;
  height: 31px;
  background: url(../images/module/btn_downloadall_max8.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
}

.productlist_navi02_btm ul.console li.btn a.btn_deleteall_max8 {
  display: block;
  width: 171px;
  height: 31px;
  background: url(../images/module/btn_deleteall_max8.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
}

.productlist_navi02_btm select {
  float: right;
  height: 31px;
  margin: 7px 0 0 0;
}

.productlist {
  clear: both;
  margin-bottom: 20px;
}

.productlist {
}

.productlist .single_product {
  margin-bottom: 10px;
  display: table;
  border-collapse: separate;
  border-spacing: 4px;
  position: relative;
}

.productlist .single_product .btn_delete02 {
  display: block;
  width: 51px;
  height: 32px;
  background: url(../images/module/btn_delete01.png) no-repeat;
  cursor: pointer;
  position: absolute;
  right: 13px;
  top: 9px;
  text-indent: -99999px;
}

.productlist .single_product .checkbox {
  display: table-cell;
  width: 20px;
  vertical-align: middle;
  text-align: center;
  background-color: #f7f7f7;
}

.productlist .single_product .inbox {
  display: table-cell;
  width: 44px;
  vertical-align: middle;
  text-align: center;
  background-color: #f7f7f7;
}

.productlist .single_product .inbox .btn_incompbox {
  display: block;
  width: 37px;
  height: 86px;
  background: url(../images/module/btn_boxin02.png) no-repeat;
  text-indent: -99999px;
  margin: 0 auto;
}

.productlist .single_product .product_info {
  display: table-cell;
}

.productlist .single_product .product_info .product_name {
  font-size: 16px;
  font-weight: bold;
  border-top: solid 2px #868695;
  padding: 10px;
  background-color: #f7f7f7;
  line-height: 1.2;
}

.productlist .single_product .product_info ul {
  display: table;
}

.productlist .single_product .product_info li {
  display: table-cell;
  margin-left: 5px;
  padding: 5px;
  width: 82px;
  border: solid 2px #f7f7f7;
  font-size: 11px;
}

.productlist .single_product .product_info li.photo {
  vertical-align: middle;
}

.refinement {
  border: 1px solid #dddddd;
  padding: 10px;
}

.refinement p {
  font-size: 13px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #264b5e;
  padding-bottom: 5px;
}

.refin-search {
  padding-top: 10px;
}

.refin-search li {
  float: left;
  margin-right: 5px;
}

.refin-search li input {
  width: 100%;
  padding: 5px 10px;
  outline: none;
  background: #f9f9f9 url(../images/module/search_icon.png) 97% center no-repeat;
}

.refin-search li .easy-select-box {
  display: inline-block;
  position: relative;
  width: 100% !important;
  min-width: 101px;
  outline: none;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  line-height: 22px;
  font-size: 11px;
  color: #777;
}

.refin-search li .easy-select-box:after {
  content: url('../images/module/select.png');
  position: absolute;
  right: -1px;
  top: -1px;
  width: 23px;
  height: 24px;
}

.refin-search li .easy-select-box .esb-displayer {
  width: 100% !important;
  height: 22px;
  line-height: 22px;
  text-indent: 20px;
  cursor: default;
}

.refin-search li .easy-select-box .esb-dropdown {
  display: none;
  width: 100% !important;
  overflow-y: auto !important;
  position: absolute;
  z-index: 999;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}

.refin-search li .easy-select-box .esb-item {
  padding: 2px 5px;
  cursor: default;
  text-indent: 10px;
  color: #777;
}

.refin-search li .easy-select-box .esb-item:hover {
  background: #ccc;
  text-decoration: none;
}

.programs {
  border: 1px solid #dddddd;
}

.programs h2 {
  font-size: 17px;
  color: #fff;
  background-color: #3c5e66;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-weight: normal;
}

.programs .id {
  margin-top: 5px;
  text-align: right;
  font-size: 10px;
}

.programs .appli li {
  float: left;
  width: 100px;
  height: 56px;
  margin-left: 5px;
  border-radius: 4px;
  background-color: #0c9;
  background: linear-gradient(#409fd6, #2d749d);
  line-height: 56px;
  text-align: center;
}

.programs .appli li:first-child {
  margin-left: 0;
}

.programs .lead-text {
  float: left;
  max-width: 75%;
  padding: 0 20px 0 10px;
  color: #333;
}

.schedule_area {
  background-color: #f2f2f2;
  clear: both;
  padding: 10px;
}

.schedule_area .sp-none {
  font-size: 15px;
  font-weight: normal;
  color: #435d65;
}

/* ---------------------------------------------------------
変更内容の確認
----------------------------------------------------------*/
/* 汎用クラス */
.mb20 {
  margin-bottom: 20px;
}

.mt30 {
  margin-top: 30px;
}

/* ステップ */
.change-membership-step ul {
  overflow: hidden;
  height: 53px;
  background-color: #8a9da2;
}
.change-membership-step ul li {
  float: left;
  color: #fff;
  width: 33%;
  height: 53px;
  padding-top: 15px;
  /* background-image: url(../images/module/bg_arrow02.png); */
  background-repeat: no-repeat;
  background-position: right center;
  text-align: center;
}
.change-membership-step .active {
  background-color: #409fd6;
  /* background-image: url(../images/module/bg_arrow01.png); */
  background-repeat: no-repeat;
  background-position: right center;
}
.change-membership-step ul li:last-child {
  background-image: none;
}
.change-membership-step ul .last-child {
  background-image: none;
}
/* 未入力の項目ポップ */
.confirm-pop {
  height: 48px;
  border-radius: 4px;
  background-color: #a84b39;
}
.confirm-pop .confirm-icon {
  float: left;
  margin-top: 12px;
  margin-left: 10px;
  margin-right: 10px;
}
.confirm-pop p {
  color: #fff;
  padding-top: 15px;
}
/* 5: Social Bt
================================================*/
.product-info-social-bt {
  overflow: hidden;
}
.product-info-social-bt li {
  float: left;
  width: 25%;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
.product-info-social-bt li a {
  display: block;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
.product-info-social-bt li a .count {
  display: block;
}
.product-info-social-bt .twitter a {
  background-color: #50aadd;
}
.product-info-social-bt .facebook a {
  background-color: #224883;
}
.product-info-social-bt .google a {
  background-color: #c3563d;
}
.product-info-social-bt .hatena a {
  background-color: #4e93d1;
}

/****************************/
/* Start of "Micro clearfix" */

.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: '';
  display: table;
}
.cf:after {
  clear: both;
}

/* End of "Micro clearfix" */

.clear {
  clear: both;
}
/****************************/

.box {
  overflow: hidden;
}
.product-info {
  margin-bottom: 80px;
}
.product-info .rb {
  float: right;
  width: 50%;
}
.product-info .lb {
  float: left;
  width: 50%;
}

.rb p {
  word-wrap: break-word;
}

/*product-detaila*/
.product-detaila {
  margin-bottom: 50px;
}
.report {
  background-color: #f2f2f2;
  padding: 10px 15px;
  margin-bottom: 30px;
  border-radius: 10px;
}

.link-bt {
  list-style: none;
}
.link-bt .link-bt-btn01 a {
  padding: 11px 0;
}

.link-bt .link-bt-btn02 a {
  padding: 20px 0;
}

.report-title {
  border-bottom: 1px solid #ccc;
}
.report-text {
  background-color: #fff;
  margin: 10px 0px;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
  word-wrap: break-word;
}
.flush-right {
  text-align: right;
}
/****************************/
.class1_01 {
  border: solid #1e3a47;
  margin-bottom: 50px;
  padding: 30px;
}
.class1_02 {
  width: 25%;
  float: left;
  margin-right: 10px;
}
.class1_02 p {
  overflow: hidden;
  word-wrap: break-word;
}
.class1_02 dt {
  margin-bottom: 6px;
}
.class1_02 dd {
  text-align: right;
}
.class1_03 {
  font-size: 12px;
}
.class1_04 {
  background-color: #f3f3f3;
  display: inline-block;
  padding: 5px 10px;
}
/****************************/
.class2_01 {
  border: solid #1e3a47;
  margin-top: 30px;
  padding: 50px 30px;
}
.class2_02 {
  border-top: dotted #d4d4d8;
  padding-top: 30px;
}
.class2_03 {
  float: left;
  margin-left: 1em;
  margin-bottom: 30px;
}
.class2_04 {
  clear: both;
}
.class2_04 li {
  background-color: #3d5e65;
  display: inline-block;
  padding: 10px;
  width: 33%;
  text-align: center;
}
.class2_04 ul {
  width: 90%;
  float: right;
}
.class2_04 a {
  color: #fff;
}
/****************************/
.class3_01 {
  margin: 50px;
}
.class3_02 {
  background-color: #7bb8c8;
}
.class3_03 {
  background-color: #f3f3f1;
}
.class3_04 {
  width: 15%;
  float: left;
  margin: 10px;
}
.class3_05 {
  color: #fff;
  background-color: #335158;
  display: inline-block;
  padding: 0px 10px;
}
/****************************/
.class4_01 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 50px;
}
.class4_02 {
  border: solid #1e3a47;
  padding: 10px 0px;
  display: table-cell;
  text-align: center;
}
/****************************/
.class5_01 {
  margin-bottom: 50px;
}
.class5_02 {
  padding: 4px 10px;
  margin: 2px;
  margin-right: 20px;
  border-radius: 3px;
  background-color: #dbeff5;
  color: #034d71;
}
/****************************/
.class6_01 {
  border-bottom: solid #000;
}
.class6_02 {
}
.class6_03 {
  margin: 50px 0px;
  background-color: #dbebf5;
  border-top: solid #00a2e9;
}
.productlist_navi {
  background-color: #e2f3f7;
  margin-bottom: 10px;
}
.console {
  height: 50px;
}
.console li {
  float: left;
}
/****************************/
.class7_00 {
  border: solid #3b7897;
  margin: 10px;
}
.class7_01 {
  margin: 10px;
}
.class7_02 {
  background-color: #f6f6f6;
  margin: 10px;
  width: 30px;
  height: 160px;
  float: left;
  text-align: center;
}
.class7_03 {
  margin: 10px;
  float: left;
}
.class7_04 {
  background-color: #f6f6f6;
  margin: 10px;
}
.class7_05 {
  border: solid #4992c8;
  margin: 10px;
}
.class7_06 {
  float: left;
}
.class7_07 {
  float: right;
}
.class7_08 {
  border: solid #4992c8;
}

/****************************/
.productlist {
  margin: 50px 0px;
}
.productlist_title {
  color: #fff;
  background-color: #7bb8c8;
}
.product_element {
  background-color: #f3f3f1;
}
.product_element .product {
  width: 14%;
  float: left;
  margin: 10px;
}

.product_element .product .image {
  margin-bottom: 10px;
}

.product_element .product .date {
  margin-bottom: 12px;
  line-height: 1.1;
}

.product_element .product .title {
  margin-bottom: 10px;
  line-height: 1.3;
}

.product_element .product .tag_product {
  color: #fff;
  background-color: #335158;
  display: inline-block;
  padding: 0px 10px;
  margin-bottom: 5px;
}

.product_element .product .category {
  background: none;
  color: inherit;
  padding: 0;
  margin: 0 5px 5px 0;
}

/****************************/
.menu_category {
  display: table;
  table-layout: fixed;
  margin: 50px 0px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
.btn_category {
  border: solid 1px #1e3a47;
  padding: 10px 0px;
  display: table-cell;
  text-align: center;
  position: relative;
}
.btn_category a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.btn_category a:hover {
  /*test*/
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
/****************************/
.notifiction {
  margin-bottom: 30px;
}
.tag_notifiction {
  color: #034d71;
  background-color: #dbeff5;
  margin: 2px;
  padding: 4px 10px;
  margin-right: 20px;
  border-radius: 3px;
}

.notifiction a {
  color: #000;
  text-decoration: underline;
}
/****************************/
.tabs_download {
  background: url(../images/module/line_tab_dl.png) repeat-x 0 bottom;
}

.tabs_download li {
  display: block;
}

.tabs_download li.active a {
  display: block;
  float: left;
  padding: 10px 8px;
  border-right: solid 1px #a5a5a5;
  background: #395b63 url(../images/module/line_tab_dl.png) repeat-x 0 bottom;
  color: #fff;
}

.tabs_download li a {
  display: block;
  float: left;
  padding: 10px 8px;
  border-right: solid 1px #a5a5a5;
  background: #efefef url(../images/module/line_tab_dl.png) repeat-x 0 bottom;
  color: #004c72;
}

/****************************/
.class6_01 {
  border-bottom: solid #000;
}
.h_document {
  background-color: #dbebf5;
  border-top: solid #00a2e9 3px;
  margin: 50px 0px;
}

.h_document .lead {
  padding: 15px;
  font-size: 17px;
  color: #666666;
  font-weight: bold;
  line-height: 1.3;
}

.h_document .lead span {
  font-size: 11px;
  font-weight: normal;
}

.productlist_navi {
  background-color: #e2f3f7;
  margin-bottom: 10px;
}
.console {
  height: 50px;
}
.console li {
  float: left;
}
/****************************/
.document_discription01 {
  color: #07476a;
  border-bottom: solid #1caee9 1px;
  padding: 5px;
}
.document_discription02 {
  padding: 5px;
  margin-bottom: 50px;
}
.document_list {
  border: solid #3b7897 1px;
  padding: 10px;
  margin: 10px;
}
.document {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
.document_select {
  display: table-cell;
  vertical-align: middle;
  margin: 10px 0px;
  width: 30px;
  background: #f7f7f7;
  border-right: solid 5px #fff;
}
.document_checkbox {
  background-color: #f6f6f6;
  margin: 10px;
  text-align: center;
  vertical-align: middle;
}

.document_element {
  display: table-cell;
}
.document_element01 {
  background-color: #f6f6f6;
  position: relative;
  margin-bottom: 6px;
}
.document_element02 {
  display: table;
  width: 100%;
  background-color: #529bce;
  padding: 2px;
}
.document_bar {
  background-color: #4781a9;
  width: 10px;
  height: 72px;
  float: left;
  margin-right: 10px;
}
.document_caption {
  display: table-cell;
}
.btn_delete {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.btn_delete a {
  display: block;
  width: 100%;
  height: 100%;
}
.document_title {
  display: table;
  width: 100%;
  background-color: #fff;
  padding: 1px;
  margin-top: 2px;
  line-height: 1.3;
}
.document_title .title_num {
  display: table-cell;
  width: 20px;
  text-align: center;
  vertical-align: middle;
  background-color: #4d93c2;
  border: solid #fff;
  border-width: 1px 0 1px 1px;
  padding: 10px 0;
  color: #fff;
  font-weight: bold;
}
.document_title p {
  display: table-cell;
  padding: 1px 5px;
}
.document_title:first-child {
  margin-top: 0;
}
.download_console {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 190px;
}
.download_console a.btn_download {
  display: block;
  width: 179px;
  height: 62px;
  background: url(../images/module/btn_downloadnow.png) no-repeat 10px 15px;
  text-indent: -99999px;
  margin: 0 auto;
}
.download_console a.btn_answerdownload {
  display: block;
  width: 179px;
  height: 62px;
  background: url(../images/module/btn_answerdownload.png) no-repeat 10px 15px;
  text-indent: -99999px;
  margin: 0 auto;
}
.tag_document {
  color: #fff;
  background-color: #335158;
  display: inline-block;
  margin: 10px;
  padding: 0px 10px;
}

/*------------------------------
 form-registry, confirm-table
-------------------------------*/
.form-registry {
  display: table;
  /*  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #00AAEB;*/
  /*padding-top: 10px;*/
  width: 100%;
}
.form-registry .row {
  display: table-row;
  width: 100%;
}
.form-registry .row .item,
.form-registry .row .item_nonrequired {
  display: table-cell;
  margin: 0px;
  padding: 10px;
  vertical-align: middle;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #cfcfd4;
  width: 250px;
  position: relative;
}

.form-registry .row .img-required {
  display: table-cell;
  margin: 0px;
  padding: 10px;
  vertical-align: middle;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #cfcfd4;
  width: 67px;
  position: relative;
}

.form-registry .row .field {
  display: table-cell;
  margin: 0px;
  padding: 10px;
  vertical-align: middle;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #cfcfd4;
}
.form-registry .row .middle {
  vertical-align: middle;
}
.form-registry .row .img-required img {
  margin-bottom: 4px;
}

.form-registry .lineless .item,
.form-registry .lineless .img-required,
.form-registry .lineless .field {
  border-bottom-width: 0px;
}
.form-registry .alignbtn {
  display: inline;
  margin-left: 5px;
}
.form-registry .active-row {
  background-color: #faeae3;
}
.form-registry .row di .example {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  color: #666666;
}
.form-registry .row div .precaution {
  display: block;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 1.3;
  color: #666666;
}

.form-registry .field .select01 {
  -webkit-appearance: none;
  background: #ffffff url(../images/module/btn_arrow02.png) right no-repeat;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  font-size: 11px;
  height: 40px;
  width: 300px;
  line-height: 25px;
  text-align: center;
  padding-left: 5px;
  padding-right: 32px;
  vertical-align: middle;
}
.form-registry .field .select01.width_auto {
  width: auto;
  max-width: 415px;
}
.form-registry .field .input_radio {
  margin: 0 5px 0 40px;
}
.form-registry .field .input_radio:first-child {
  margin: 0 5px 0 0;
}
.form-registry .row div .input-text01 {
  height: 40px;
  -webkit-appearance: none;
  box-shadow: inset #b5b7ba 1px 1px 1px;
  border: 1px solid #d2d2d2;
  background-color: #e6edf0;
}
.ie8 .row .input-text01,
.ie8 .row .input-text01_wide {
  line-height: 40px;
}
.form-registry .row div .input-text01_wide {
  height: 40px;
  width: 90%;
  -webkit-appearance: none;
  box-shadow: inset #b5b7ba 1px 1px 1px;
  border: 1px solid #d2d2d2;
  padding-left: 4px;
  background-color: #e6edf0;
}
.form-registry .item .subterm {
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 2em;
  right: 0;
}

/*---- textboxes -----*/
.row .field .input_fullname {
  width: 250px;
}

.row .field .input_furigana {
  width: 250px;
}

.row .field .post-code {
  width: 120px;
}

.row .field .post-code1 {
  width: 55px;
}
.row .field .post-code2 {
  width: 65px;
}

.row .field .input-password {
  width: 300px;
}

.row .field .input_company_name {
  width: 80%;
}

.row .field .input_position_name {
  width: 80%;
}

.row .field .input_post_name {
  width: 80%;
}

.row .field .input_nickname {
  width: 45%;
}

.row .field .input_address {
  width: 45%;
}

.row .field .tel_no1,
.row .field .tel_no2,
.row .field .tel_no3 {
  width: 80px;
}

.form-registry .row .item p,
.form-registry .row .item_nonrequired p {
  font-weight: bold;
}

.confirm-table {
  margin-bottom: 30px;
}
.form-registry .row .field .input-text01 {
  display: inline;
  padding-left: 4px;
}

.form-registry .row .field .input-text01_postal {
  width: 120px;
}
/*～モジュール行き～*/

.form-registry .field .select02,
.form-registry .field .select03,
.form-registry .field .select04 {
  -webkit-appearance: none;
  background: #ffffff url(../images/module/btn_arrow02.png) right no-repeat;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  color: #000;
  font-size: 11px;
  height: 40px;
  width: 90px;
  line-height: 25px;
  text-align: center;
  padding-left: 5px;
  padding-right: 32px;
  vertical-align: middle;
  margin: 0 3px;
}

.form-registry .field .select02 {
  width: 85px;
}
.form-registry .field .select03 {
  width: 65px;
}
.form-registry .field .select04 {
  width: 65px;
}

@-moz-document url-prefix() {
  .form-registry .field .select01,
  .form-registry .field .select02,
  .form-registry .field .select03,
  .form-registry .field .select04 {
    width: auto;
    text-indent: 5px;
    padding-right: 45px;
    text-align: left;
  }
}

.confirm-pop_centered_container {
  text-align: center;
}

.confirm-pop_centered {
  /*height: 48px;*/
  border-radius: 4px;
  background-color: #a84b39;
  width: 80%;
  margin: 30px auto 35px;
  padding-bottom: 12px;
  text-align: left;
}

.confirm-pop_centered .confirm-icon {
  float: left;
  margin-top: 12px;
  margin-left: 10px;
  margin-right: 10px;
}

.confirm-pop_centered p {
  color: #fff;
  padding-top: 15px;
}

.confirm-pop_longerror {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .confirm-pop_longerror {
    padding: 15px 48px 0;
  }
}

.confirm-table .row .field input,
.confirm-table .row .field select {
  font-size: 14px;
}

.form-registry .field .input_radio_reverse {
  margin: 0 40px 0 5px;
}

.form-registry .row .caution,
.login_area .input_area .caution {
  display: block;
  margin-bottom: 10px;
  color: #cc0000;
  font-weight: bold;
}

.form-registry .row .caution img,
.login_area .input_area .caution img {
  margin-right: 5px;
}

.form-registry .field .wide {
  /*width: 450px;*/
  width: 90%;
}

.form-registry .field .wide550 {
  width: 550px;
}
.ie8 .ie8-select-wide_container {
  width: 70% !important;
  overflow: hidden;
}
.ie8 .form-registry .field .wide550 {
  background: #ffffff url(../images/module/btn_arrow02.png) 94.2% 0 no-repeat !important;
  width: 106% !important;
  overflow: hidden;
}

.form-registry .crown .field {
  padding: 10px 10px 2px 10px;
}

.form-registry .crown div .example {
  margin-bottom: 2px;
}

.form-registry .torso .field,
.form-registry .torso .item,
.form-registry .torso .item_nonrequired,
.form-registry .torso .img-required {
  padding-top: 0 !important;
}

.form-registry .row div .caution_agree {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
}

.caution_agree .bt_space {
  margin-bottom: 10px;
}

a.link_newwin {
  display: inline-block;
  padding-right: 20px;
  background: url(../images/module/link_newwin.png) no-repeat right;
}

/*.form-registry .row .item_nonrequired {
  display: table-cell;
  margin: 10px;
  padding: 10px;
  vertical-align: middle;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CFCFD4;
}*/

.form-registry .row .field .policy_terms {
  display: block;
  width: 85%;
}

.form-registry .row .req-postal {
  padding-top: 38px;
}

.form-registry .row .req-pref {
  padding-top: 8px;
}

.form-registry .row .req-city {
  padding-top: 38px;
}

.form-registry .row .img-required#req_city_after {
  padding-top: 38px;
}

.form-registry .row .req-housenum {
  padding-top: 36px;
}

.form-registry .row .req-building {
  padding-top: 35px;
}

#set-required,
.form-registry .row .img-required img.set-required {
  margin-bottom: 0;
}

/*selectbox*/
.form-registry .field .select02_container,
.form-registry .field .select03_container,
.form-registry .field .select04_container {
  display: inline-block;
  vertical-align: middle;
}

.ie_select_img {
  display: none;
}

.ie8 .ie_select_img,
.ie9 .ie_select_img {
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
}

.ie8 .form-registry .field .select02_container,
.ie9 .form-registry .field .select02_container {
  width: 100px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.ie8 .form-registry .field .select02_container .select02,
.ie9 .form-registry .field .select02_container .select02 {
  background: #ffffff url(../images/module/btn_arrow02.png) 66px 0 no-repeat;
  width: 120px;
}

.ie9 .form-registry .field .select02_container .select02 {
  width: 150px;
}

.ie8 .form-registry .field .select03_container,
.ie9 .form-registry .field .select03_container,
.ie8 .form-registry .field .select04_container,
.ie9 .form-registry .field .select04_container {
  width: 75px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.ie8 .form-registry .field .select03_container .select03,
.ie9 .form-registry .field .select03_container .select03,
.ie8 .form-registry .field .select04_container .select04,
.ie9 .form-registry .field .select04_container .select04 {
  background: #ffffff url(../images/module/btn_arrow02.png) 41px 0 no-repeat;
  width: 95px;
}

.ie9 .form-registry .field .select03_container .select03,
.ie9 .form-registry .field .select04_container .select04 {
  width: 125px;
}

.ie8 .form-registry .field .select-prf_container,
.ie9 .form-registry .field .select-prf_container,
.ie8 .form-registry .field .select01_container,
.ie9 .form-registry .field .select01_container {
  position: relative;
  width: 300px;
  overflow: hidden;
}

.ie8 .form-registry .field .select-prf_container .select-prf,
.ie9 .form-registry .field .select-prf_container .select-prf,
.ie8 .form-registry .field .select01_container .select01,
.ie9 .form-registry .field .select01_container .select01 {
  background: #ffffff url(../images/module/btn_arrow02.png) 270px 0 no-repeat;
  width: 320px;
}

.ie9 .form-registry .field .select-prf_container .select-prf,
.ie9 .form-registry .field .select01_container .select01 {
  width: 355px;
}

.ie8 .form-registry .field .select-wide_container,
.ie9 .form-registry .field .select-wide_container {
  position: relative;
  width: 70%;
  overflow: hidden;
}

.ie8 .form-registry .field .select-wide_container .select-wide,
.ie9 .form-registry .field .select-wide_container .select-wide {
  background: #ffffff url(../images/module/btn_arrow02.png) 94.2% 0 no-repeat;
  width: 106%;
  overflow: hidden;
}

.ie9 .form-registry .field .select-wide_container .select-wide {
  background: #ffffff url(../images/module/btn_arrow02.png) 82.5% 0 no-repeat;
  width: 120%;
}

.ie8 .form-registry .field .select01_container .select01,
.ie8 .form-registry .field .select02_container .select02,
.ie8 .form-registry .field .select03_container .select03,
.ie8 .form-registry .field .select04_container .select04,
.ie8 .form-registry .field .select-prf_container .select-prf,
.ie8 .form-registry .field .select-wide_container .select-wide {
  padding: 0 0 5px 0;
}

/*-------------------
multi buttons
---------------------*/
.multibuttons {
  text-align: left;
  text-align: center;
  margin: 10px 0 80px;
}

.multibuttons .login_btn {
  display: block;
  width: 215px;
  background: url(../images/module/btn_bg_orange_tall.png) repeat-x;
  margin: 0px auto;
  padding: 17px 0;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.multibuttons .single_btn {
  display: inline-block;
  /* background: url(../images/module/btn_bg_blue_tall.png) repeat-x top; */
  background-color: #003a64;
  border-radius: 10px !important;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 17px 0;
  height: 50px;
  border-radius: 4px;
  line-height: 1.1;
  text-align: center;
}

.multibuttons a.single_btn:hover {
  opacity: 0.8;
  text-decoration: underline;
}
/*--  inidividual buttons  --*/
.multibuttons #btn_change,
.multibuttons .btn_change {
  width: 290px;
  margin-left: 43px;
}

.multibuttons #btn_edit,
.multibuttons .btn_edit {
  width: 290px;
  /* background: url(../images/module/btn_bg_grey_tall.png) repeat-x top; */
  background-color: #87b9d6;
  border-radius: 10px;
}

.disabled {
  background-color: #808080 !important;
  pointer-events: none;
}

/*------------------------
Login Page
-------------------------*/
.login_area {
  background: #efefef url(../images/module/line_white.png) repeat-y 30px 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  margin: 20px 0;
  padding-bottom: 40px;
}

.login_area .title {
  font-size: 18px;
  font-weight: bold;
  color: #004c72;
  padding-top: 15px;
  margin: 0 0 20px 50px !important;
}

.login_area .input_area {
  float: left;
  padding-left: 85px;
  width: 50%;
}

.login_area .input_area .input_address {
  margin-bottom: 10px;
  padding: 5px;
  width: 100%;
  background: #f7f7f7 url(../images/module/input_address.png) no-repeat right
    8px;
  -webkit-box-shadow: inset #b5b7ba 0;
  -moz-box-shadow: inset #b5b7ba 0;
  box-shadow: inset #b5b7ba 0;
}

.login_area .input_area .input_password {
  margin-bottom: 10px;
  padding: 5px;
  width: 100%;
  background: #f7f7f7 url(../images/module/input_password.png) no-repeat right
    8px;
  -webkit-box-shadow: inset #b5b7ba 0;
  -moz-box-shadow: inset #b5b7ba 0;
  box-shadow: inset #b5b7ba 0;
}

.login_area .input_area .check_automize {
}

.login_area .btn_area .check_automize {
  float: left;
  padding-right: 40px;
}

.login_area .btn_area {
  float: right;
  padding-right: 50px;
  width: 40%;
}

.login_area .btn_login {
  display: block;
  float: right;
  width: 100%;
  height: 62px;
  background: url(../images/module/btn_bg_orange_tall.png) repeat-x top;
  border-radius: 4px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
}

.login_area .forgot {
  color: #004c72;
  float: left;
  /*  font-size: 12px; */
  /*  float: right; */
}

/*--------------------
新規会員登録
--------------------*/
.register_area {
  background: #419fd6 url(../images/module/line_white.png) repeat-y 30px 0;
  border-radius: 4px;
  padding: 20px 10px 20px 50px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  position: relative;
}

.register_area .title {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1.1;
  float: left;
  margin-bottom: 35px;
}

.register_area .btn_area {
  padding: 0 0 75px 35px;
  float: left;
  clear: both;
}

.register_area .btn_area .btn_register {
  display: block;
  width: 346px;
  height: 68px;
  background: url(../images/module/btn_register.png) no-repeat;
  text-indent: -99999px;
  cursor: pointer;
}

.register_area .msg_area {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  -webkit-box-shadow: inset #b5b7ba 0;
  -moz-box-shadow: inset #b5b7ba 0;
  box-shadow: inset #b5b7ba 0;
  border-radius: 6px;
  width: 350px;
  padding: 15px 17px 10px 17px;
}

.register_area .msg_area .msg_title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 16px;
  border-bottom: solid 1px #c8cac5;
  margin-bottom: 10px;
}

.register_area .msg_area .point01,
.register_area .msg_area .point02,
.register_area .msg_area .point03 {
  float: left;
  text-align: center;
  margin-bottom: 10px;
  font-size: 10px;
}

.register_area .msg_area .point01 {
  width: 100px;
}

.register_area .msg_area .point02 {
  width: 90px;
}

.register_area .msg_area .point03 {
  width: 90px;
  margin-left: 10px;
}

.register_area .msg_area img {
  margin: 0 auto;
}

.register_area .msg_area .detail_link {
  clear: both;
  text-align: right;
  font-size: 12px;
  padding-right: 12px;
}

/* ステップ */
.change-membership-step ul li {
  width: 25%;
  margin-bottom: 30px;
}
.change-membership-step .pre-active {
  background-image: url(../images/module/bg_arrow03.png);
  background-repeat: no-repeat;
}
/* ヘッダー下のリード文 */
.members-txt .lead-text {
  width: 62%;
  float: left;
  margin-right: 12%;
}

.members-txt .lead-text02 {
  color: #004c72;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 15px;
}

/* フォーム */
.select-birth {
  width: 110px;
}

/* 会員ログインボタン */
.members-txt {
  margin-bottom: 20px;
  padding: 0 14px 0 14px;
  overflow: hidden;
}

.members-txt .btn-login {
  width: 26%;
  text-align: center;
  float: right;
}

.members-txt .btn-login .lead-text {
  padding-right: 20px;
}

.members-txt .btn-login .msg {
  font-size: 16px;
  color: #004c72;
  margin-bottom: 3px;
}

.members-txt .btn-login .login_btn {
  display: block;
  /*width: 209px;*/
  background: url(../images/module/btn_bg_orange_tall.png) repeat-x;
  margin: 0 auto;
  padding: 17px 0;
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.members-txt .btn-login .btn_login03 {
  display: block;
  /*width: 209px;*/
  background: url(../images/module/pc_login_bt_bg01.png) repeat-x;
  margin: 0 auto;
  padding: 7px 0;
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.members-txt .btn-login .btn_login03:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.btn_seemore {
  display: inline-block;
  width: 50%;
}

.btm_pagenavi {
  padding: 30px 0 0 80px;
}

.btm_pagenavi a {
  border-bottom: solid 1px #7b95a1;
  padding-left: 30px;
}

.btm_pagenavi a:hover {
  text-decoration: none;
}

/*--------------------------------
 genre-box, rank-box
----------------------------------*/
.genre-box-meta {
  margin-bottom: 10px;
}

.genre-box {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
  padding: 10px;
  margin-bottom: 3px;
  border: 1px solid #ccc;
}

.genre-box .img-link {
  display: table-cell;
  width: 84px;
  vertical-align: top;
  padding-right: 10px;
}

.genre-box .text-box {
  display: table-cell;
  padding: 0 0 2px 0;
  vertical-align: top;
}

.genre-box .text-box h3 {
  line-height: 1.2;
  margin-bottom: 5px;
}

.genre-box .text-box .article-title,
.genre-box .text-box #article-title {
  font-weight: normal;
  font-size: 15px;
}

.genre-box .text-box .article-title.article-title--no-line {
  opacity: 1;
  transition: opacity 0.3s;
}

.genre-box .text-box .article-title.article-title--no-line:hover {
  text-decoration: none;
  opacity: 0.7;
}

.genre-box .text-box .lead-text {
  font-size: 12px;
  padding: 0;
}

.genre-box .text-box .lead-text:after {
  content: '[XXXX/XX/XX/ XX:XX]';
  visibility: hidden;
}

.genre-box.categorized .text-box .lead-text:after {
  content: '';
}

.genre-box.categorized .text-box span {
  bottom: 13px;
}

.genre-box .text-box .tag {
  display: inline-block;
  padding: 0px 8px;
  background-color: #3c5e66;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  margin: 5px 0 10px;
}

.genre-box .text-box .tagledcategory {
  display: inline-block;
  padding: 0px 8px;
  color: #999;
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  margin: 8px 0;
}

.genre-box .text-box span {
  display: inline-block;
  width: 10.1em;
  font-size: 10px;
  color: #999;
}

.rank-box {
  margin-bottom: 10px;
  width: 100%;
  overflow: hidden;
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  position: relative;
}

.rank-box .img-box {
  vertical-align: top;
  display: table-cell;
  width: 124px;
  overflow: hidden;
}

.rank-box .img-box h2 {
  text-align: center;
  width: 30px;
  font-size: 16px;
  margin-right: 16px;
  float: left;
  margin-top: 23px;
}

.rank-box img {
  display: inline-block;
  vertical-align: middle;
}

.rank-box .img-box .img-product {
  border: 1px solid #000;
  float: left;
}

.rank-box .text-box {
  vertical-align: top;
  border: 1px solid #000;
  padding: 5px 10px 2px 10px;
  display: table-cell;
}

.rank-box .text-box h3 {
  font-weight: normal;
  font-size: 12px;
}

.rank-box .text-box .lead-text {
  font-size: 12px;
}

.rank-box .text-box .lead-text:after {
  content: '[0000/00/00 00:00]';
  color: #fff;
}

.rank-box .text-box span {
  position: absolute;
  right: 20px;
  bottom: 13px;
  font-size: 10px;
  color: #999;
}

/*-------------------
pagenation-area
---------------------*/
.pagenation-area {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pagenation-area .pagenation {
  float: left;
  margin: 7px 0 20px 25px;
  text-align: center;
}

.pagenation-area .pagenumber {
  float: left;
  margin-left: 20px;
}

.pagenation-area .pagenumber {
  font-size: 13px;
  text-align: center;
}
.pagenation-area .pagenumber span {
  font-size: 20px;
  font-weight: bold;
}
.pagenation-area .pagenation {
  text-align: center;
}
.pagenation-area .pagenation li {
  display: inline-block;
}
.pagenation-area .pagenation li.current a {
  margin-left: 0;
  border-radius: 4px;
  background-color: #daeff5;
  padding: 2px 15px;
}
.pagenation-area .pagenation li a {
  display: block;
  margin-left: 5px;
  font-size: 18px;
  color: #003146;
}
.pagenation-area .prev-next {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
}
.pagenation-area .prev-next li {
  display: inline-block;
  margin-left: 15px;
  color: #fff;
  font-size: 16px;
}
.pagenation-area .prev-next li a {
  color: #fff;
  font-size: 16px;
}
.pagenation-area .prev-next .first {
  position: relative;
  background-color: #6b7f8a;
  padding: 4px 10px 3px;
}
.pagenation-area .prev-next .first::before {
  position: absolute;
  top: -0;
  left: -30px;
  content: '';
  width: 0;
  height: 0;
  border-top: solid 15px transparent;
  border-right: solid 15px #6b7f8a;
  border-bottom: solid 15px transparent;
  border-left: solid 15px transparent;
}
.pagenation-area .prev-next .prev {
  position: relative;
  background-color: #6b7f8a;
  padding: 4px 10px 3px;
}
.pagenation-area .prev-next .prev::before {
  position: absolute;
  top: -0;
  left: -30px;
  content: '';
  width: 0;
  height: 0;
  border-top: solid 15px transparent;
  border-right: solid 15px #6b7f8a;
  border-bottom: solid 15px transparent;
  border-left: solid 15px transparent;
}
.pagenation-area .prev-next .next {
  position: relative;
  background-color: #00293e;
  padding: 4px 10px 3px;
}
.pagenation-area .prev-next .next::before {
  position: absolute;
  top: -0;
  right: -30px;
  content: '';
  width: 0;
  height: 0;
  border-top: solid 15px transparent;
  border-right: solid 15px transparent;
  border-bottom: solid 15px transparent;
  border-left: solid 15px #00293e;
}
.pagenation-area .prev-next .last {
  position: relative;
  background-color: #00293e;
  padding: 4px 10px 3px;
}
.pagenation-area .prev-next .last::before {
  position: absolute;
  top: -0;
  right: -30px;
  content: '';
  width: 0;
  height: 0;
  border-top: solid 15px transparent;
  border-right: solid 15px transparent;
  border-bottom: solid 15px transparent;
  border-left: solid 15px #00293e;
}
.pagenation-area .pagenation li a {
  padding: 2px 10px;
  font-size: 12px;
}

/*---------------------------
製品リスト
---------------------------*/
.document_list {
  border: solid #cad5db 1px;
  padding: 10px 0;
  margin: 10px;
}
.single_product {
  margin-bottom: 15px;
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
  width: 100%;
}
.document_checkbox {
  padding: 0 2px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #f8f8f8;
  width: 5%;
}
.product_info {
  display: table-cell;
  width: 95%;
}
.document_crown {
  width: 100%;
  margin: 0 0 3px 5px;
  border-left: solid 10px #014e72;
  border-right: solid 10px #fff;
  background-color: #eeeeee;
  padding: 0 0 5px 8px;
}
.document_crown_product {
  border-left: solid 10px #70b6c5;
}
.document_crown_article {
  border-left: solid 10px #4781a9;
}
.document_crown .category {
  font-size: 10px;
  color: #6f6f6f;
  line-height: 1.1;
  background: none;
  float: none;
  padding: 8px 5px 5px 0;
}
.document_crown .category .tagged {
  display: inline-block;
  background-color: #3c5e66;
  color: #fff;
  font-size: 10px;
  line-height: 1.1;
  font-weight: bold;
  padding: 2px 8px 2px 8px;
}
.document_crown .name {
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 1.2;
}
.document_crown .name a {
  color: #000;
}
.document_caption {
  margin: 0 5px 0 5px;
  background-color: #4c90c0;
  padding: 3px 3px 1px;
  display: block;
}
.document_caption .single_caption {
  display: table;
  margin-bottom: 2px;
  background-color: #fff;
  border-collapse: separate;
  border-spacing: 2px;
  width: 100%;
}
.document_caption .single_caption .title_num {
  display: table-cell;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  width: 22px;
  vertical-align: middle;
  background-color: #5199cb;
  text-align: center;
}
.document_caption .single_caption .document_title {
  display: table-cell;
  color: #004c72;
  line-height: 1.3;
  /* padding: 4px 2px 0; */
  vertical-align: middle;
}

.next-box {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
  border: 1px solid #ccc;
  margin-top: 20px;
}

.next-box .text-box {
  display: table;
  background-color: #fff;
}

.next-box .text-box .title_num {
  display: table-cell;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  width: 100px;
  vertical-align: middle;
  background-color: #5199cb;
  text-align: center;
}

.next-box .text-box .document_title {
  padding: 5px 2px 0;
}

.related-box {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
  padding: 10px;
  margin-bottom: 3px;
  border: 1px solid #ccc;
}

.related-box .text-box {
  display: table-cell;
  padding: 0 0 2px 0;
  vertical-align: top;
}

.related-box .text-box .document_title {
  font-weight: normal;
  padding: 5px 2px 0;
}

/*h3→h2対応*/
.related-box .text-box h2.document_title.ch_h3h2,
#content-col .article_html .articleContent h2 {
  font-size: 1.17em;
}

.download_console {
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
  text-align: center;
  width: 100%;
}
.download_console a.btn_download {
  display: table-cell;
  width: 80%;
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
  padding: 8px 5px;
  text-indent: 0;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  height: auto;
}
.download_console a.btn_delete03 {
  display: table-cell;
  width: 20%;
  background: url(../images/module/btn_bg_orange_tall.png) repeat-x top;
  padding: 8px 5px;
  text-indent: 0;
  color: #fff;
  font-weight: bold;
  position: relative;
  border-radius: 4px;
  height: auto;
}
.download_console a:hover {
  color: #fff;
  text-decoration: underline;
  opacity: 0.8;
}
.download_console a:hover img {
  opacity: 1;
}

.download_console a.btn_answerdownload {
  display: inline-block;
  width: 100%;
  height: 44px;
  background: url(../images/module/btn_answerdownload_sp.png) no-repeat 23px 5px;
  text-indent: -99999px;
}

/*-------------------*/

/*----------------------------------
PC owl-carousel
----------------------------------*/
#pc-foryou-report,
#pc-foryou-goods,
#pc-watched-report,
#pc-watched-goods,
#pc-putwatched-report {
  margin-top: 25px;
}
#pc-foryou-report h2,
#pc-foryou-goods h2,
#pc-watched-report h2,
#pc-watched-goods h2,
#pc-putwatched-report h2 {
  padding: 10px 10px 10px 38px;
  background-image: url(../images/module/report_ti_spicon01.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}
#pc-foryou-goods h2,
#pc-watched-goods h2 {
  background-image: url(../images/module/goods_ti_icon01.png);
}
#pc-foryou-report h2,
#pc-foryou-goods h2 {
  background-color: #859ea3;
}
#pc-watched-report h2,
#pc-watched-goods h2,
#pc-putwatched-report h2 {
  background-color: #70b6c5;
}
#pc-foryou-report ul,
#pc-foryou-goods ul,
#pc-watched-report ul,
#pc-watched-goods ul,
#pc-putwatched-report ul {
  overflow: hidden;
  padding-bottom: 15px;
  background-color: #f2f2f2;
}
#pc-foryou-report li,
#pc-foryou-goods li,
#pc-watched-report li,
#pc-watched-goods li,
#pc-putwatched-report li {
  width: 25%;
  float: left;
  padding: 10px 10px 5px 10px;
}
#pc-foryou-report li .text,
#pc-foryou-goods li .text,
#pc-watched-report li .text,
#pc-watched-goods li .text,
#pc-putwatched-report li .text {
  margin-top: 10px;
}
#pc-foryou-report li .time,
#pc-foryou-goods li .time,
#pc-watched-report li .time,
#pc-watched-goods li .time,
#pc-putwatched-report li .time {
  font-size: 11px;
  color: #000;
}
#pc-foryou-report li h3,
#pc-foryou-goods li h3,
#pc-watched-report li h3,
#pc-watched-goods li h3,
#pc-putwatched-report li h3 {
  font-size: 13px;
  font-weight: normal;
}
#pc-foryou-report li .meta,
#pc-foryou-goods li .meta,
#pc-watched-report li .meta,
#pc-watched-goods li .meta,
#pc-putwatched-report li .meta {
  overflow: hidden;
  margin-top: 5px;
}
#pc-foryou-report li .tag,
#pc-foryou-goods li .tag,
#pc-watched-report li .tag,
#pc-watched-goods li .tag,
#pc-putwatched-report li .tag {
  display: inline-block;
  min-width: 90px;
  min-height: 16px;
  padding: 0 5px;
  background-color: #3c5e66;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}
#pc-foryou-goods li .category,
#pc-watched-goods li .category,
#pc-putwatched-report li .category,
.reco_similar-goods li .category {
  float: none;
  display: block;
  background-color: transparent;
  color: #666;
  font-size: 11px;
}
#pc-foryou-goods li .category:before,
#pc-watched-goods li .category:before,
#pc-putwatched-report li .category:before,
.reco_similar-goods li .category:before {
  padding-right: 2px;
  content: '>';
}

/*  pagenavi final  */

.search_navi_ult {
  width: 94%;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
}

.search_navi_ult .results {
  display: block;
  /*float: right;*/
  position: absolute;
  right: 0;
  top: 25px;
}

.search_navi_ult .results span {
  font-size: 18px;
  font-weight: bold;
}

.search_navi_ult ul.list_ult {
  display: block;
  /*float: right;*/
  /*padding: 4px 0 0 20px;*/
  padding: 4px 0 0 0;
  text-align: center;
}

.search_navi_ult ul.list_ult li {
  display: inline-block;
  /*float: left;*/
}

.search_navi_ult ul.list_ult li a {
  display: block;
  padding: 0 10px;
  margin: 0 3px 0 0;
}

.search_navi_ult ul.list_ult li.current a {
  background: #dfeff6;
  border-radius: 4px;
}

.search_navi_ult ul.list_ult li.prev_ult {
  /*display: block;*/
  display: inline-block;
  padding: 0 10px;
  margin: 0 15px 0 0;
  color: #cccccc;
}

.search_navi_ult ul.list_ult li.prev_ult a {
  display: block;
  padding: 0;
  color: #255016;
}

.search_navi_ult ul.list_ult li.next_ult {
  /*display: block;*/
  display: inline-block;
  padding: 0 10px;
  margin: 0 0 0 15px;
  color: #cccccc;
}

.search_navi_ult ul.list_ult li.next_ult a {
  display: block;
  padding: 0;
  color: #255016;
}

.search_navi_ult01 {
  width: 94%;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
  margin-top: 20px;
}

.search_navi_ult01 .results {
  display: block;
  /*float: right;*/
  position: absolute;
  right: 0;
  bottom: -25px;
}

.search_navi_ult01 ul.list_ult {
  display: block;
  /*float: right;*/
  /*padding: 4px 0 0 20px;*/
  padding: 4px 0 0 0;
  text-align: center;
}

.search_navi_ult01 ul.list_ult li {
  display: inline-block;
  /*float: left;*/
  padding-left: 5px;
  color: #cccccc;
  padding: 0 10px;
}

.search_navi_ult01 ul.list_ult li a,
ul.list_ult li span {
  display: block;
  padding: 0 10px;
  margin: 0 3px 0 0;
}

ul.list_ult li span.current_page {
  background: #dfeff6;
  border-radius: 4px;
}

.search_navi_ult01 ul.list_ult li.current a {
  background: #dfeff6;
  border-radius: 4px;
}

.search_navi_ult01 ul.list_ult li.prev_ult {
  /*display: block;*/
  display: inline-block;
  padding-left: 5px;
  color: #cccccc;
}

.search_navi_ult01 ul.list_ult li.prev_ult a {
  display: block;
  color: #255016;
}

/*--------------------------------*/
#thinbox {
  /*padding: 0 6%;*/
}
/*--------------------------------*/
/*------------------------*/

.selectshow_container {
  margin: 12px 0 0 0;
}

.selectshow_container ul {
  overflow: visible;
  float: right;
  padding-left: 100px;
}

.selectshow_container li {
  float: left;
  margin-left: 0;
  font-size: 12px;
}

.selectshow_container span {
  font-size: 11px;
  text-align: right;
}

.selectshow_container li:first-child {
  margin-left: 0;
}

.selectshow_container input {
  display: none;
}
.selectshow_container label {
  display: block;
  float: left;
  cursor: pointer;
  width: auto;
  margin: 0;
  padding: 10px 15px;
  border-right: 1px solid #abb2b7;
  background: url(../images/module/btn_bg_grey_tall.png) repeat-x top;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 1;
}
.selectshow_container label:hover {
  opacity: 0.9;
}
.selectshow_container li:first-of-type label {
  border-radius: 16px 0 0 16px;
}
.selectshow_container li:last-of-type label {
  border-right: 0px;
  border-radius: 0 16px 16px 0;
}
.selectshow_container input[type='radio']:checked + label {
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x bottom;
  color: #fff;
}
.selectshow_container input.on + label {
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x bottom !important;
  color: #fff;
}

#reco-report {
  padding: 5px 0;
}

#reco-report .left-col {
  width: 50%;
}

#reco-report .right-col {
  width: 50%;
}

#reco-report .post {
  padding: 0 10px;
}

#reco-report .post .pic {
  margin-top: 13px;
  text-align: center;
}

#reco-report .post .text-content {
  margin-top: 10px;
}

#reco-report .post .text-content h3 {
  font-size: 15px;
}

#reco-report .post .text-content h3 a {
  color: #003146;
}

#reco-report .post .text-content .text {
  margin-top: 10px;
  font-size: 12px;
  color: #333;
}

#reco-report .post .text-content .meta {
  overflow: hidden;
  margin-top: 10px;
}

#reco-report .post .text-content .time {
  color: #000;
  font-size: 11px;
  text-align: right;
  display: block;
}

#reco-report .post .text-content .meta .category {
  display: block;
  float: right;
  min-width: 84px;
  min-height: 16px;
  background-color: #3a4f67;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  border-radius: 0;
  padding: 0 5px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 5px;
}

#reco-report .right-col li {
  padding: 10px;
  width: 100%;
  display: table;
  position: relative;
}

#reco-report .right-col li .pic {
  display: table-cell;
  /*margin-right: -77px;*/
  vertical-align: top;
  width: 60px;
}

#reco-report .right-col li .text {
  display: table-cell;
  padding-left: 10px;
  overflow: hidden;
  word-wrap: break-word;
  /*margin-left: 70px;*/
  vertical-align: top;
}

#reco-report .right-col li .text .article-title {
  font-weight: bold;
}

#reco-report .right-col li h3 {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.2;
}

#reco-report .right-col li h3:after {
  content: '[XXXX/XX/XX XX:XX]';
  visibility: hidden;
}

#reco-report .right-col li .meta {
  overflow: hidden;
  /*float: right;*/
  position: absolute;
  right: 16px;
  bottom: 10px;
}

#reco-report .right-col li .time {
  display: block;
  float: left;
  font-size: 11px;
  color: #000;
}

#reco-report .right-col li .category {
  display: block;
  float: right;
  min-width: 84px;
  min-height: 16px;
  margin-left: 5px;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0 5px;
  background-color: #3a4f67;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
  border-radius: 0;
}

/*--------------------------
top3
--------------------------*/
.top3 {
  background-color: #f2f2f2;
  padding: 20px 0 0px 13px;
}
.top3 .single_top3 {
  position: relative;
  padding: 0 0px 0 5px;
}
.top3 .single_top3 .rank_pic {
  position: absolute;
  top: -13px;
  left: -5px;
  z-index: 2;
}
.top3 .single_top3 .contentbox {
  background: url(../images/module/line_square.png) repeat-x top;
  padding: 20px 20px 0 0;
  position: relative;
  z-index: 1;
}
.top3 .single_top3 .contentbox .article_img {
  width: 113px;
}
.ie8 .top3 .single_top3 .contentbox .article_img img {
  width: 113px;
}
.top3 .single_top3 .contentbox .article_main {
  width: 100%;
}
.top3 .single_top3 .contentbox .article_main .article_title {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
  margin: 10px 5px 5px 10px;
  color: #004c72;
}
.top3 .single_top3 .contentbox .article_main .article_title a {
  color: #004c72;
}
.top3 .single_top3 .contentbox .article_main .article_title a:hover {
  text-decoration: underline;
  opacity: 1;
}
.top3 .single_top3 .contentbox .article_main .article_text {
  color: #333333;
  line-height: 1.5;
  margin: 0 10px 15px 10px;
}
.top3 .single_top3 .contentbox .article_main time {
  text-align: right;
  padding: 2px 5px 5px 0;
  color: #000;
  margin-left: 10px;
}
.top3 .single_top3 .console {
  display: table;
  width: 100%;
  margin-bottom: 12px;
  padding-right: 20px;
}
.top3 .single_top3 .console_inner {
  display: table-cell;
  width: 100%;
}
.top3 .single_top3 .console .btn_list01 {
  display: table;
  float: right;
  border-collapse: separate;
  border-spacing: 1px;
}
.console .btn_list01 a {
  display: table-cell;
  margin-left: 1px;
  float: none;
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
  vertical-align: middle;
  position: relative;
  padding: 7px 10px 7px 45px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  line-height: 1.1;
  text-align: left;
  margin: 0 auto;
}
.console .btn_list01 a:hover {
  text-decoration: underline;
  opacity: 0.8;
}
.single_top20 .console .btn_list01 a {
  padding: 7px 10px 7px 10px;
}

.top3 .single_top3 .console .btn_list01 a img {
  position: absolute;
  top: 10px;
  left: 10px;
}

.top3 .single_top3 .console .btn_list01 a.btn_rank_bookmark img {
  position: absolute;
  top: 7px;
  left: 10px;
}

/*--------------------------
top4 to top20
--------------------------*/
.top20 {
  padding: 0px 0 10px 13px;
  background-color: #fff;
}
.top20 .single_top20 {
  position: relative;
  padding: 15px 0px 0 5px;
}
.top20 .single_top20 .rank_num {
  position: absolute;
  display: block;
  background-color: #fff;
  width: 30px;
  height: 25px;
  top: 3px;
  left: 2px;
  z-index: 2;
  color: #004c72;
  font-size: 18px;
  font-weight: bold;
}
.top20 .single_top20 .contentbox {
  background: url(../images/module/line_square.png) repeat-x top;
  padding: 20px 20px 0 0;
  position: relative;
  z-index: 1;
}
.top20 .single_top20 .contentbox .article_img {
  width: 113px;
}
.ie8 .top20 .single_top20 .contentbox .article_img img {
  width: 113px;
}
.top20 .single_top20 .contentbox .article_main {
  width: 100%;
}
.top20 .single_top20 .contentbox .article_main .article_title {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  margin: 10px 5px 5px 10px;
  color: #004c72;
}
.top20 .single_top20 .contentbox .article_main .article_title a {
  color: #004c72;
}
.top20 .single_top20 .contentbox .article_main .article_title a:hover {
  text-decoration: underline;
  opacity: 1;
}
.top20 .single_top20 .contentbox .article_main .article_text {
  color: #333333;
  line-height: 1.5;
  margin: 0 10px 15px 10px;
}
.top20 .single_top20 .contentbox .article_main time {
  text-align: right;
  color: #000;
  padding: 0 5px 5px 0;
}
.top20 .single_top20 .console {
  display: table;
  width: 100%;
  margin-bottom: 12px;
  padding-right: 20px;
}
.top20 .single_top20 .console_inner {
  display: table-cell;
  width: 100%;
}
.top20 .single_top20 .console .btn_list01 {
  display: table;
  float: right;
  border-collapse: separate;
  border-spacing: 1px;
}
.top20 .single_top20 .console .btn_list01 li {
  display: table-cell;
  margin-left: 1px;
  float: none;
  background-image: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
}
.top20 .single_top20 .console .btn_list01 li a {
  display: block;
  padding-left: 50px;
}

.top20 .single_top20 .console .btn_list01 li a.btn_rank_dldoc {
  background: url(../images/module/btn_downloadnow_head.png) no-repeat left top;
  color: #fff;
  font-weight: bold;
}

.top20 .single_top20 .console .btn_list01 li a img {
  max-width: 100%;
}

/*---------- outline box (pagebottom) ------------*/
.outline-box {
  max-width: 1154px;
  margin: 0 auto;
}

.outline-box .outline {
  margin: 20px 5px 0 5px;
  border: 1px #ccc solid;
  padding: 15px;
  font-size: 12px;
  text-align: left;
}

#thinbox .outline-box .outline {
  margin: 20px auto 0;
}

/*---------- ads box (pagebottom) ------------*/
.ads-box {
  margin: 0 auto;
}

.ads-box .ads {
  margin: 60px 0px 0px 0px;
  font-size: 12px;
  text-align: center;
}

/*------------
IT辞典 検索
------------*/

.search-box {
  width: 100%;
  margin-bottom: 20px;
}

.search-box .input-text01 {
  height: 35px;
  -webkit-appearance: none;
  box-shadow: inset #b5b7ba 1px 1px 1px;
  border: 1px solid #d2d2d2;
  font-size: 13px;
  background-color: #e6edf0;
  margin-right: 1%;
  margin-left: 1.9%;
  padding-top: 3px;
  padding-left: 12px;
  vertical-align: top;
  width: 69%;
}
.search-box .keyword_submit {
  border: none;
  border-radius: 5px;
  height: 35px;
  text-align: center;
  color: #fff;
  background-color: #184a5d;
  vertical-align: top;
  width: 26%;
  cursor: pointer;
}

.search-box .keyword_submit:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.itsearch_lead {
  margin-bottom: 21px;
  padding: 10px 6px 4px;
  border-bottom: solid 3px #8a9da2;
  font-size: 16px;
  color: #004c72;
  font-weight: bold;
  background: none;
}

.dictionary_area {
  padding: 15px 27px 0 22px;
  margin-bottom: 20px;
}

.dictionary_area .dictionary_term {
  font-size: 17px;
  margin-bottom: 5px;
  color: #004c72;
}

.dictionary_area .dictionary_definition {
  font-size: 14px;
}

/*------------------------*/

#relative-key,
.relative-key {
  margin-bottom: 20px;
}

#relative-key .relative-key-box,
.relative-key .relative-key-box {
  overflow: hidden;
  word-wrap: break-word;
}

#relative-key .category-tag,
.relative-key .category-tag {
  margin: 0 auto;
}

#relative-key .category-tag li,
.relative-key .category-tag li {
  display: inline-block;
}

.relative-list {
  margin-bottom: 20px;
}

.relative-list .genre-box {
  margin-bottom: 10px;
}

.relative-list .genre-box .text-box {
  background-color: #fff;
}

.relative-list .genre-box .text-box .tag {
  display: inline-block;
  padding: 0px 8px;
  background-color: #3c5e66;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  margin: 8px 0px;
}

.relative-list .genre-box .text-box .to-category {
  display: inline-block;
  font-size: 11px;
}

/*------------------------*/
.what-img_center {
  text-align: center;
}

.what-img_center figcaption {
  max-width: 530px;
  margin: 20px auto 0;
  text-align: center;
  line-height: 1.3;
}
/*------------------------*/

/*----------------------------*/
.evaluating-box {
  padding: 0 20px;
}

.evaluation {
  margin-top: 24px;
  margin-bottom: 30px;
  overflow: hidden;
}
.evaluation div {
  float: left;
}
.evaluation .link-bt {
  float: right;
}

#tab02 .evaluation {
  margin-bottom: 10px;
}

#tab02 .evaluation div {
  padding-left: 5px;
}

#tab02 .evaluation div h3 {
  color: #004c72;
}

#tab02 .link-bt .link-bt-btn02 a {
  background: url(../images/module/btn_bg_lightgrey_tall.png) repeat-x top;
  padding: 11px 0;
  color: #000;
  position: relative;
}

#tab02 .link-bt .link-bt-btn02 a:before {
  content: url(../images/module/pc_0013_arrow.png);
  position: absolute;
  top: 12px;
  left: 8px;
}

#tab02 .report .report-title {
  position: relative;
}

#tab02 .report .report-title h4 {
  color: #004c72;
  font-size: 16px;
}

#tab02 .report .report-title h4:after {
  content: '投稿日 [2015/01/01]';
  color: #f2f2f2;
  font-size: 13px;
}

#tab02 .report .report-title p {
  position: absolute;
  bottom: 0;
  right: 3px;
  font-size: 13px;
}
#tab02 .flush-right a {
  display: inline-block;
  padding-left: 20px;
  background: transparent url('../images/module/arrow05.png') no-repeat scroll
    5px 5px;
  font-weight: bold;
  padding-right: 3px;
}

/*------------------------------*/
.relative-list02 {
  background-color: #f2f2f2;
  padding-bottom: 1px;
  margin-bottom: 40px;
}

.relative-list02 .lead01 {
  margin-bottom: 10px;
  border: none;
  padding: 10px 11px;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  background-color: #859ea3;
}

.relative-list02 .genre-box {
  padding: 0 10px;
  border: 0;
}

.relative-list02 .genre-box .text-box {
  border: 1px solid #ccc;
  padding: 5px 10px 2px 10px;
  background-color: #fff;
}

.relative-list02 .genre-box .text-box h3 {
  font-size: 15px;
  font-weight: bold;
}
.relative-list02 .genre-box .text-box h3:after {
  content: '[0000/00/00 00:00][0000/00/00 00:00]';
  color: #fff;
}

.relative-list02 .genre-box .text-box span {
  position: static;
  font-size: 11px;
}

.relative-list02 .genre-box .text-box .tags {
  position: absolute;
  right: 20px;
  bottom: 0px;
}

.relative-list02 .genre-box .text-box .tags time {
  margin-right: 5px;
  color: #000;
}

.relative-list02 .genre-box .text-box .tags .tag {
  display: inline-block;
  min-width: 90px;
  min-height: 16px;
  padding: 0px 5px;
  background-color: #3c5e66;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}

/*------------------------------
 ステップ
 ------------------------------*/
.stepflow {
  margin-bottom: 30px;
}
.stepflow ul {
  display: flex;
  flex-direction: row;
  height: 53px;
}
.stepflow ul li {
  position: relative;
  height: 50px;
  padding-top: 15px;
  color: #003a64;
  background-color: #e1e1e1;
  text-align: center;
}
.stepflow ul li:nth-child(3) {
  background-color: #e9e9e9;
}
.stepflow ul li:last-child {
  background-color: #f2f2f2;
}
.stepflow ul li.passed {
  background-color: #87b9d6;
}
.stepflow ul li::before {
  content: '';
  position: absolute;
  z-index: 20;
  right: -30px;
  top: 0;
  width: 0;
  height: 0;
  border-left: 30px solid #e1e1e1;
  border-right: 0px solid transparent;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}

.stepflow ul li:nth-child(3)::before {
  border-left: 30px solid #e9e9e9;
}
.stepflow ul li:last-child::before {
  border-left: 30px solid #f2f2f2;
}

.stepflow ul li.passed::before {
  border-left: 30px solid #87b9d6;
}

.stepflow ul li.passed::after {
  content: '';
  position: absolute;
  z-index: 10;
  right: -32px;
  top: 0;
  width: 0;
  height: 0;
  border-left: 30px solid #ffffff;
  border-right: 0px solid transparent;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}

.stepflow ul li.active::after {
  border-left: 30px solid transparent;
}

.stepflow.twostep ul li {
  width: 50%;
}
.stepflow.twostep ul li:first-child {
  width: calc(50% - 30px);
}
.stepflow.threestep ul li {
  width: 33%;
}
.stepflow.threestep ul li:first-child {
  width: calc(34% - 30px);
}
.stepflow.fourstep ul li {
  width: 25%;
}
.stepflow.fourstep ul li:first-child {
  width: calc(25% - 30px);
}

/*-------------------------------------------*/

.centered_leadtext {
  padding-left: 29px;
  padding-right: 36px;
  margin-bottom: 8px;
}

.centered_greybox {
  margin: 0 30px 20px 29px;
  /*background-color: #dfdfdf;*/
  border: 1px solid #333;
}

.centered_greybox h3 {
  color: #004c72;
  padding-top: 6px;
  padding-left: 7px;
}

.centered_greybox p {
  padding: 5px 15px 14px 17px;
}

.centered_headlead {
  color: #004c72;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.centered_contenttext {
  margin-bottom: 23px;
  text-align: center;
}

/*----------------*/
#relative-key .category-tag {
  width: 95%;
}

/*-----------------*/
.calendar h2 {
  margin-left: 20px;
  padding: 0;
  font-size: 19px;
}

/*-------------------------*/

#program-area {
  margin-top: 40px;
  border: none;
}
#nodata-area .err-text,
#program-area .err-text {
  margin-top: 40px;
  border: none;
  border: 5px solid #ccc;
  margin: 5px 10px;
  padding: 10px;
}
#program-area .pagenation-area {
  overflow: hidden;
}
#program-area .pagenation-area .pagenumber {
  float: left;
  margin-left: 20px;
}
#program-area .pagenation-area .pagenation {
  float: left;
  margin: 7px 0 0 25px;
  text-align: center;
}
#program-area .pagenation-area .pagenation li {
  display: inline-block;
  margin-left: 15px;
  font-size: 12px;
  color: #aaa;
}
#program-area .pagenation-area .pagenation li a {
  padding: 2px 20px;
  font-size: 12px;
}
#program-area .pagenation-area .pagenation li a:hover {
  border-radius: 4px;
  background-color: #daeff5;
  padding: 2px 20px;
}
#program-area .programs {
  margin-top: 20px;
}
#program-area .programs h2 {
  padding: 10px 30px 10px 20px;
}
#program-area .programs .lead-area {
  padding-bottom: 0;
  border: 1px solid #ddd;
  margin-bottom: 0;
}
#program-area .programs .lead-area .detaila li {
  margin: 0 0 5px 20px;
}
#program-area .programs .lead-area .detaila li:first-child {
  margin-top: 20px;
}
#program-area .programs .lead-area .text-block {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}
#program-area .programs .lead-area .lead-text {
  display: table-cell;
  padding: 20px 10px 0;
  vertical-align: top;
}
#program-area .programs .lead-area .appli {
  width: 240px;
  float: right;
  padding: 0 10px 0 0;
  text-align: right;
}
#program-area .programs .lead-area .appli li {
  display: inline-block;
  height: auto;
  line-height: inherit;
  margin-bottom: 10px;
  float: none;
}
#program-area .programs .lead-area .appli li.btn-table01 {
  width: 100px;
}
#program-area .programs .lead-area .appli li.btn-table02 {
  width: 120px;
}
#program-area .programs .lead-area .appli li a {
  padding: 10px 0;
  font-size: 12px;
}
#program-area .programs .lead-area .appli li a span {
  padding-left: 20px;
  background: url(../images/module/arrow10.png) 0 center no-repeat;
}

#program-area .programs .lead-area .appli li:first-child a {
  padding: 10px 5px;
}
#program-area .programs .lead-area .appli li:hover {
  opacity: 0.8;
}
#program-area .programs .lead-area .appli li a:hover span {
  opacity: 1;
  text-decoration: underline;
}
#program-area .programs .lead-area .appli.ones {
  float: right;
  width: 210px;
}
#program-area .programs .lead-area .appli.ones li {
  width: 100%;
  margin: 0 0 10px 0;
}
#program-area .programs .lead-area .appli.ones li a {
  padding: 10px 0;
}
#program-area .programs .schedule-area {
  padding: 5px 0 15px;
  background-color: #ccc;
}
#program-area .programs .schedule-area li {
  display: table;
  width: 100%;
}
#program-area .programs .schedule-area .time {
  display: table-cell;
  width: 120px;
  padding: 10px;
  /*border-left: 10px solid #ccc;*/
  /*border-bottom: 3px solid #ccc;*/
  vertical-align: top;
}
#program-area .programs .schedule-area .outline {
  display: table-cell;
  width: 533px;
  padding: 10px;
  /*    border-right: 10px solid #ccc;
    border-left: 3px solid #ccc;
    border-bottom: 3px solid #ccc;*/
  background-color: #fff;
}
#program-area .programs .schedule-area h4 {
  float: none;
  padding: 0;
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
#program-area .programs .schedule-area .meta {
  float: none;
  margin: 5px 0 0 0;
  padding: 0;
  background-color: transparent;
}
#program-area .programs .schedule-area .meta .speaker {
  color: #777;
}

.programs .appli li {
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
  background: url(../images/module/btn_bg_skyblue_tall.png) 0 0 repeat-x;
}

#program-area .programs .lead-area .appli li a {
  background-color: none;
}

#program-area .programs .lead-area .content-overview {
  display: table;
  width: 100%;
  padding-right: 0;
  padding-bottom: 10px;
}
#program-area .programs .lead-area #parallel-lead-text {
  display: table-cell;
  width: 70%;
}
#program-area .programs .lead-area #parallel-appli {
  display: table-cell;
  width: auto;
  min-width: auto;
  float: none;
  padding-top: 20px;
}

/*--------------------*/
.ie8 .schedule {
  padding-bottom: 5px;
}

.schedule {
  margin: 42px 0 0;
  padding: 10px 5px 5px;
  background-color: #ccc;
}
.schedule li {
  padding: 0 10px;
  border: none;
}
.schedule .schedules .time {
  padding: 10px;
  border: none;
}
.schedule .schedules .outline {
  border: none;
}

.schedule .schedules .outline .msg {
  width: auto;
}

/*----------------------*/

.page0030 #pc-other-seminar {
  margin-top: 55px;
  padding: 20px;
  background-color: #f2f2f2;
}
.page0030 #pc-other-seminar h2 {
  color: #004c72;
  font-size: 15px;
  font-weight: normal;
}
.page0030 #pc-other-seminar ul {
  overflow: hidden;
}
.page0030 #pc-other-seminar li {
  width: 50%;
  float: left;
  margin-top: 10px;
  padding-right: 10px;
  min-height: 90px;
}
.page0030 #pc-other-seminar .cb {
  clear: both;
}
.page0030 #pc-other-seminar li .pic {
  margin-right: -60px;
}
/*  .page0030 #pc-other-seminar li .text {
    float: left;
    margin-left: 60px;
    padding-left: 10px;
  }*/
.page0030 #pc-other-seminar li .time {
  font-size: 10px;
}
.page0030 #pc-other-seminar li h3 {
  font-size: 13px;
  font-weight: normal;
  margin-top: 5px;
}

.page0030 #pc-other-seminar p {
  font-weight: bold;
}

/*---------------------------------------*/

.single_news {
  margin-bottom: 30px;
  clear: both;
}

.newstitle {
  font-size: 15px;
  color: #fff;
  background-color: #3c5e66;
  padding: 5px 5px 5px 10px;
  font-weight: normal;
  margin: 0 0 10px 10px;
}

.newstitle a {
  color: #fff;
}

.newstitle a:hover {
  opacity: 1;
}

.newstitle .date:after {
  content: ' ';
}

.newslead {
  padding: 0 30px;
}

.single_news .newslead figure.intext_left,
.intext_left {
  float: left;
  margin: 0 10px 5px 0;
}
.single_news .newslead figure.intext_right,
.intext_right {
  float: right;
  margin: 0 0 5px 10px;
  clear: both;
}

.single_news .newslead figure.intext_left,
.single_news .newslead figure.intext_right {
  width: 40%;
}

.single_news .newslead figure.intext_right {
  width: 40%;
  float: right;
  margin: 0 0 5px 10px;
  clear: both;
}

.single_news .newslead figure figcaption {
  background-color: #daeff5;
  padding: 3px 5px 4px;
  font-size: 11px;
  line-height: 1.3;
  margin-top: 3px;
}
.newslead p {
  clear: both;
  padding-top: 10px;
  margin-bottom: 10px;
}

.newslead .para_new {
  clear: both;
}

/*-----------------------*/
#main_content aside .text {
  /* margin: 0 10px 10px; */
}

#main_content aside .text.caution {
  color: #f22;
}

/*------------------------*/
.precautions {
  margin-bottom: 30px;
}

.precautions .precaution {
  position: relative;
  padding-left: 2em;
  margin-left: 20px;
}

.precautions .precaution span {
  position: absolute;
  left: 0;
}

/*-------------------------------*/
.notifiction {
  position: relative;
}

.notifiction .tag_notifiction {
  position: absolute;
  top: 0;
  left: 0;
}
.notifiction .content .newinfo {
  display: block;
  padding-left: 95px;
}

/**/
.lead01 {
  text-align: left;
}
/**/
.outline-box .outline {
  clear: both;
}
/*----------------------*/

.heading-area .taglist {
  display: block;
}

.heading-area ul.taglist > li {
  display: inline-block;
  padding: 4px;
  margin: 5px 2px 2px;
  border-radius: 5px;
  background-color: #dbeff5;
  color: #034d71;
}

.heading-area ul.taglist .genre_tag {
  float: right;
  background: none;
}

.heading-area ul.taglist .genre_tag span {
  display: block;
  padding: 2px 10px;
  background-color: #3c5e66;
  text-align: right;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

.heading-area ul.taglist .tag_list_head {
  display: inline-block !important;
  vertical-align: middle !important;
  border-radius: 3px !important;
  padding: 6px 8px 6px 6px !important;
  font-size: 11px !important;
  background-color: #3c4b66 !important;
  color: #ffffff !important;
}

.heading-area ul.taglist .tag_list_body {
  display: inline-block;
  vertical-align: middle;
}

.heading-area ul.taglist li.taghead {
  display: inline-block;
  border-radius: 3px;
  padding: 6px 8px 6px 6px;
  font-size: 11px;
  background-color: #3c4b66;
  color: #ffffff;
}

/*--------------------------------
 #char-tile
----------------------------------*/
#char-tile {
  margin-bottom: 30px;
  padding-top: 38px;
  padding-bottom: 42px;
  background-color: #f2f2f2;
  width: 100%;
}

#char-tile .alpha-numeric-box,
#char-tile .ja-char-box {
  margin: 0 auto;
  max-width: 500px;
}

#char-tile .alpha-numeric-box {
  margin-bottom: 37px;
}

#char-tile .ja-char-box {
  display: table;
  width: 100%;
}

#char-tile .ja-char-box .ja-char01,
#char-tile .ja-char-box .ja-char02 {
  display: table-cell;
  width: 50%;
}

#char-tile .alpha-numeric-box table,
#char-tile .ja-char-box table {
  border-collapse: separate;
  border-spacing: 5px;
  width: 100%;
}

#char-tile .alpha-numeric-box td,
#char-tile .ja-char-box td {
  background: url(../images/module/tile_btn_bg.png) repeat-x;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

#char-tile .alpha-numeric-box .not-link,
#char-tile .ja-char-box .not-link {
  background: url(../images/module/btn_bg_grey_tall.png) top repeat-x;
}

#char-tile .alpha-numeric-box td {
  width: 4%;
}

#char-tile .ja-char-box .not {
  background: none;
  background-color: #f2f2f2;
}

#char-tile .alpha-numeric-box td a,
#char-tile .ja-char-box td a {
  color: #fff;
  display: block;
  padding: 7px 0;
}

#char-tile .alpha-numeric-box .not-link span,
#char-tile .ja-char-box .not-link span {
  color: #fff;
  display: block;
  padding: 7px 0;
  cursor: default;
}

/*------------------------------*/
.product_bookmark .document_caption {
  border-color: #70b6c5;
  border-width: 11px;
  margin: 0;
}
.article_bookmark .document_caption {
  border-color: #4781a9;
  border-width: 11px;
  margin: 0;
}
/*------------------------------*/

#foryou-block {
  margin-top: 30px;
  background-color: #f2f2f2;
}

#foryou-block h2 {
  padding: 5px 10px;
  background-color: #859ea3;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
}

/*------------------------------*/

#pc-foryou-report {
  margin-top: 15px;
}

#pc-foryou-report h3 {
  padding-left: 38px;
  background: url(../images/module/report_ti_icon01_02.png) 10px center
    no-repeat;
  color: #004c72;
  font-size: 16px;
  font-weight: normal;
}

#pc-foryou-report ul {
  overflow: hidden;
}

#pc-foryou-report li {
  float: left;
  width: 25%;
  padding: 10px 10px 5px 10px;
}

#pc-foryou-report li .text {
  margin-top: 10px;
}

#pc-foryou-report li .time {
  font-size: 11px;
  color: #000;
}

#pc-foryou-report li h4 {
  margin-top: 5px;
  font-size: 13px;
  font-weight: normal;
}

#pc-foryou-report li .meta {
  overflow: hidden;
  margin-top: 5px;
}

#pc-foryou-report li .tag {
  display: inline-block;
  min-width: 80px;
  min-height: 16px;
  padding: 0 5px;
  background-color: #3a4f67;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}
/*-------------------------------*/

#pc-foryou-goods {
  margin-top: 25px;
}

#pc-foryou-goods h3 {
  padding-left: 38px;
  background: url(../images/module/goods_ti_icon01_02.png) 10px center no-repeat;
  color: #004c72;
  font-size: 16px;
  font-weight: normal;
}

#pc-foryou-goods ul {
  overflow: hidden;
  padding-bottom: 15px;
}

#pc-foryou-goods li {
  float: left;
  width: 25%;
  padding: 10px 10px 5px 10px;
}

#pc-foryou-goods li .text {
  margin-top: 10px;
}

#pc-foryou-goods li .time {
  font-size: 11px;
  color: #000;
}

#pc-foryou-goods li h4 {
  margin-top: 5px;
  font-size: 13px;
  font-weight: normal;
}

#pc-foryou-goods li .meta {
  overflow: hidden;
  margin-top: 5px;
}

#pc-foryou-goods li .tag {
  display: inline-block;
  min-width: 80px;
  min-height: 16px;
  padding: 0 5px;
  background-color: #3a4f67;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}

#pc-foryou-goods li .category {
  display: block;
  color: #666;
  font-size: 10px;
}

#pc-foryou-goods li .category:before {
  content: '>';
  padding-right: 2px;
}
/*-----------------------------*/

#watched-block {
  margin-top: 10px;
  background-color: #f2f2f2;
}

#watched-block h2 {
  padding: 5px 10px;
  background-color: #8496b0;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
}

#pc-watched-report {
  margin-top: 20px;
}

#pc-watched-report h3 {
  padding-left: 38px;
  background: url(../images/module/report_ti_icon01_02.png) 10px center
    no-repeat;
  color: #004c72;
  font-size: 16px;
  font-weight: normal;
}

#pc-watched-report ul {
  overflow: hidden;
  padding: 10px 10px 5px 10px;
}

#pc-watched-report li {
  float: left;
  width: 25%;
  padding: 10px 10px 5px 10px;
}

#pc-watched-report li .text {
  margin-top: 10px;
}

#pc-watched-report li .time {
  font-size: 11px;
  color: #000;
}

#pc-watched-report li h4 {
  font-size: 13px;
  font-weight: normal;
}

#pc-watched-report li .meta {
  overflow: hidden;
  margin-top: 5px;
}

#pc-watched-report li .tag {
  display: inline-block;
  min-width: 80px;
  min-height: 16px;
  padding: 0 5px;
  background-color: #3a4f67;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}

#pc-watched-goods {
  margin-top: 20px;
}

#pc-watched-goods h3 {
  padding-left: 38px;
  background: url(../images/module/goods_ti_icon01_02.png) 10px center no-repeat;
  color: #004c72;
  font-size: 16px;
  font-weight: normal;
}

#pc-watched-goods ul {
  overflow: hidden;
  padding-bottom: 15px;
}

#pc-watched-goods li {
  float: left;
  width: 25%;
  padding: 10px 10px 5px 10px;
}

#pc-watched-goods li .text {
  margin-top: 10px;
}

#pc-watched-goods li .time {
  font-size: 11px;
  color: #000;
}

#pc-watched-goods li h4 {
  font-size: 13px;
  font-weight: normal;
}

#pc-watched-goods li .meta {
  overflow: hidden;
  margin-top: 5px;
}

#pc-watched-goods li .tag {
  display: inline-block;
  min-width: 80px;
  min-height: 16px;
  padding: 0 5px;
  background-color: #3a4f67;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}

#pc-watched-goods li .category {
  display: block;
  color: #666;
  font-size: 10px;
}

#pc-watched-goods li .category:before {
  content: '>';
  padding-right: 2px;
}
/*------------------------------*/
#sp-watched-report.reco_interest h2 {
  background-color: #a39e85;
}

.fukidashi {
  background: #014e72;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  padding-top: 30px;
  color: #fff;
  text-align: center;
  float: left;
  margin-right: 30px;
  position: relative;
}

.fukidashi:after {
  border-top: solid 18px transparent;
  border-bottom: solid 3px transparent;
  border-left: solid 30px #014e72;
  border-left-color: #014e72;
  border-right-width: 0;
  right: -20px;
  content: '';
  display: block;
  top: 55px;
  position: absolute;
  width: 0;
}

.register_step_124 {
  background: #aaa;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  padding-top: 35px;
  color: #fff;
  text-align: center;
  float: left;
}

.register_step_124.now {
  background: #409fd6;
}

.register_step_next.now {
  color: #409fd6;
}

.register_step_3 {
  background: #aaa;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  padding-top: 28px;
  color: #fff;
  text-align: center;
  float: left;
}

.register_step_3.now {
  background: #409fd6;
}

.register_step_next_mail.now {
  color: #409fd6;
}

.register_step_next {
  margin: 35px 30px 0px 30px;
  color: #aaa;
  text-align: center;
  float: left;
}

.register_step_next_mail {
  margin: -7px 2px 0px 2px;
  color: #aaa;
  text-align: center;
  float: left;
  width: 125px;
}

.register_step_next_mail .image {
  background: url('../images/module/pc_pull-menu_icon05_on.png') no-repeat;
  height: 40px;
  width: 50px;
  margin: -40px 0px 0px 40px;
  float: left;
}

.register_step_next_mail .text {
  background: #d74c20;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 125px;
  padding: 5px 12px;
  margin: 0px 0px 10px 0px;
  float: left;
}
.register_steps {
  padding-top: 25px;
}

.register_steps_area {
  width: 770px;
  margin: 50px auto 40px;
}

.new_regist_login {
  width: 31%;
  height: 227px;
  background: #deeef4;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  float: right;
}

.new_regist_tokuten {
  width: 68%;
  height: 227px;
  background: #deeef4;
  color: #000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  float: left;
}
.new_regist_tokuten .title {
  font-size: 25px;
  font-weight: bold;
}

.new_regist_tokuten .tokuten_list .tokuten_list_row {
  margin-bottom: 15px;
}

.new_regist_tokuten .tokuten_list .tokuten_list_row .image {
  display: table-cell;
  width: 80px;
  background: #529bcd;
  padding: 5px;
  margin-top: 15px;
  color: #fff;
  border-color: #014e72;
  border-style: solid;
  border-width: 3px;
  text-align: center;
  vertical-align: middle;
  height: 45px;
}

.new_regist_tokuten .tokuten_list .tokuten_list_row .text {
  display: table-cell;
  margin-top: 15px;
  margin-left: 15px;
  vertical-align: middle;
  padding-left: 10px;
}

.new_regist_tokuten .tokuten_list .tokuten_list_row .text .topic {
  font-size: 16px;
}

.new_regist_tokuten .tokuten_list .tokuten_list_row .text .topic .red {
  color: red;
  text-decoration: underline;
}

.new_regist_tokuten .tokuten_list .tokuten_list_row .text .sub {
  font-size: 13px;
}

.new_regist_login .new-btn-login {
  margin-top: 70px;
}

.new_regist_login .new-btn-login .login_btn {
  display: block;
  background: url(../images/module/btn_bg_orange_tall.png) repeat-x;
  margin: 0 auto;
  padding: 17px 0;
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#___FFgb {
  top: 441px !important;
  bottom: auto !important;
  cursor: none !important;
  left: auto !important;
  right: 20% !important;
}

.footer .utility-nav-register {
  text-align: center;
}

#copyright_register {
  margin: 3px 0 0 10px;
  font-size: 81.6%;
  color: #333;
  line-height: 1.2;
}

.programs .title {
  font-size: 17px;
  color: #fff;
  background-color: #3c5e66;
  display: flex;
  padding: 2px;
}

.programs .title_height {
  height: 100.5px;
}

.programs .title h2 {
  width: 95%;
  padding: 10px 0px 10px 20px !important;
}

.seminar_detail_title {
  display: flex;
}

.seminar_detail_title .title_str {
  width: 95%;
}

.web_flg_text {
  font-size: 14px;
  /* color: #F00; */
}

.open_place_tag_area {
  float: right;
  /* background-color: #FFF; */
  margin: auto;
  color: #fff;
  /* padding : 10px; */
  /* max-height: 50px; */
  width: 110px;
  text-align: center;
}

.open_place_tag_area_left {
  border-right: 1px #fff dotted;
}

.seminar_detail_title .open_place_tag_area {
  padding: 10px 10px;
  max-height: 40px;
  border: 2px solid #3c5e66;
  color: #3c5e66;
}

.seminar_detail_title .open_place_tag_area.web_flg {
  padding: 10px 10px;
  max-height: 55px;
  border: 2px solid #3c5e66;
  color: #3c5e66;
}

.seminar_detail_title .open_place_tag_area .web_flg_text {
  font-size: 12px;
  /* color: #F00; */
}

.seminar_detail_short_title {
  border-left: solid 10px #5199cb;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-left: 10px;
}

/*h3→h2対応*/
.articleContent h2.ch_h3h2,
#content-col .article_html .articleContent h2 {
  font-size: 123.07%;
  font-weight: bold;
  padding: 2px 15px;
  line-height: 1;
  background: url(//news.mynavi.jp/itsearch/archive/common/images/bg-hdg-l3-01.gif)
    repeat-y top left;
  margin-bottom: 10px;
}
/*h4→h3対応*/
.articleContent h3.ch_h4h3,
#content-col .article_html .articleContent h3 {
  border-left: 4px solid #66ceed;
  font-weight: bold;
  padding-left: 6px;
  margin-bottom: 10px;
}
.articleContent h3.ch_h4h3,
#content-col .article_html .articleContent h3 {
  display: block;
  font-size: 17px;
  background: none;
  line-height: 1.6;
  padding: 0 0 0 6px;
}

.seminar-header {
  margin-bottom: 40px;
}

#main.seminar-contents,
#main_content.seminar-contents {
  width: 100%;
  max-width: initial;
}

.seminar-detail-key-visual {
  display: flex;
  width: 768px;
  margin: 0 auto;
  margin-bottom: 40px;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 980px) {
  .seminar-detail-key-visual {
    width: 980px;
  }
}

@media screen and (min-width: 1154px) {
  .seminar-detail-key-visual {
    width: 1154px;
  }
}

.seminar-detail-key-visual__image {
  width: 100%;
  height: auto;
}

.left-line-title-seminar {
  font-size: 24px;
  font-weight: 600;
  border-left: thick solid #003a64;
  padding-left: 10px;
  margin-bottom: 70px;
}
.social-new-wrap {
  max-width: 1154px;
  margin: 0 auto 40px;
  padding: 0 20px;
}
.social-new-wrap--bottom {
  margin: 40px auto 0;
}
.social-button {
  display: flex;
}
.social-button li {
  width: 60px;
  text-align: center;
}
.social-button li:nth-of-type(n + 2) {
  margin-left: 10px;
}
.social-button li a {
  display: block;
  padding: 5px 20px;
  background: #87b9d6;
  border-radius: 5px;
}
.seminar-detail-main {
  max-width: 1154px;
  margin: 0 auto;
}
.seminar-detail-main__title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}
.seminar-detail-main__about {
  margin-bottom: 40px;
}
.seminar-detail-main__about p {
  margin-bottom: 16px;
}
.button-apply .bt01 {
  border-radius: 30px;
  display: block;
  padding: 20px;
  color: #fff;
  background: #ccc;
  text-align: center;
  margin: 0 auto;
  width: 50%;
  line-height: 1.1;
  position: relative;
}
.button-apply .bt01:hover {
  text-decoration: none;
}
.button-apply .bt01::after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-family: 'FontAwesome';
  content: '\f054';
}
.button-apply .bt01.full,
.button-apply .bt01.close {
  background: #ccc;
}
.button-apply .bt01.btn_seminar_not_subscribe,
.button-apply .bt.subscribed {
  background: #87b9d6;
}
.main-content__seminar {
  background: #eee;
  padding: 40px 20px;
}
.seminar-program {
  max-width: 1154px;
  margin: 0 auto;
}
.seminar-program__schedules-table {
  border: solid 1px #ccc;
  background: #fff;
  width: 100%;
  margin: 0 auto 40px;
}

.seminar-program__schedules-content {
  margin: 0px 20px;
}

.seminar-program__schedules-time {
  width: 30%;
  padding: 30px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.seminar-program__schedules-detail {
  width: 70%;
  padding: 30px;
  border-bottom: solid 1px #ccc;
}
.seminar-program__schedules-session-title {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px;
}
.seminar-program__schedules-speaker {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.seminar-program__schedules-image-frame {
  width: 25%;
}
.seminar-program__schedules-text {
  width: calc(75% - 20px);
}
.seminar-program__schedules-radius {
  background: #87b9d6;
  border-radius: 20px;
  padding: 5px 20px;
  font-weight: bold;
  margin-bottom: 20px;
  display: inline-block;
}
.seminar-program__schedules-speaker-organization,
.seminar-program__schedules-speaker-department,
.seminar-program__schedules-speaker-name {
  margin-bottom: 10px;
}
.main-content__host {
  padding: 40px 20px;
}
.host-content {
  max-width: 1154px;
  margin: 0 auto;
}
.host-content__table {
  border: solid 1px #ccc;
  background: #fff;
  margin: 0 auto;
  width: 100%;
}
.host-content__table tr:nth-of-type(even) {
  background: #eee;
}
.host-content__head {
  width: 20%;
  padding: 20px;
}
.host-content__body {
  width: 80%;
  padding: 20px;
}
.host-content__title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.host-content__title {
  width: calc(95% - 110px);
}
.host-content__area {
  padding: 10px;
  /* max-height: 40px; */
  border: 2px solid #3c5e66;
  color: #3c5e66;
  width: 110px;
  text-align: center;
  font-size: 12px;
}
.main-content__entry {
  background: #eee;
  padding: 40px 20px;
}
.entry-content {
  max-width: 1154px;
  margin: 0 auto;
}
.entry-content__circle-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}
.entry-content__circle-box {
  width: 22%;
}
.entry-content__circle {
  color: #fff;
  background: rgb(0, 58, 100);
  background: linear-gradient(
    180deg,
    rgba(0, 58, 100, 1) 0%,
    rgba(0, 29, 50, 0.6783088235294117) 100%
  );
  padding: 0;
  margin: 0 auto 20px;
  width: 100%;
  display: block;
  border-radius: 50%;
}
.entry-content__circle-height {
  padding-top: 100%;
  height: 0;
  position: relative;
}
.entry-content__circle-text {
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}
.entry-content__circle-text p:first-of-type {
  font-family: DIN Alternate;
  font-size: 1.8vw;
  text-align: center;
}
.entry-content__circle-text p:last-of-type {
  /* font-size: 1vw; */
  line-height: normal;
  text-align: center;
}
.entry-content__circle-arrow {
  width: 70%;
  margin: 0 auto 20px;
  height: 20px;
  border-bottom: 2px solid #fff;
  position: relative;
}
.entry-content__circle-arrow::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 9px;
  width: 3px;
  height: 20px;
  background: #fff;
  transform: skew(50deg);
}