@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;
}

.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;x;
}
.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_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-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;
}

.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;
  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: 430px;
}

.multibuttons #btn_edit,
.multibuttons .btn_edit {
  width: 290px;
  background: url(../images/module/btn_bg_grey_tall.png) repeat-x top;
}

/*------------------------
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 .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 {
  height: 53px;
  background-color: #8A9DA2;
}
.stepflow ul li {
  float: left;
  color: #FFF;
  height: 53px;
  padding-top: 15px;
  background-image: url(../images/module/bg_arrow02.png);
  background-repeat: no-repeat;
  background-position: right center;
  text-align: center;
}
.stepflow ul li:last-child {
  background-image: none;
}
.stepflow ul .last-child {
  background-image: none;
}
.stepflow.twostep ul li {
  width: 50%;
}
.stepflow.threestep ul li {
  width: 33%;
}
.stepflow.threestep ul li:first-child {
  width: 34%;
}
.stepflow.fourstep ul li {
  width: 25%;
}

.stepflow .active {
  background-color: #409FD6;
  background-image: url(../images/module/bg_arrow01.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.stepflow .pre-active {
  background-image: url(../images/module/bg_arrow03.png);
  background-repeat: no-repeat;
}

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


.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;
  /* position: relative; */
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  /* padding-bottom: 20%; */
  /* overflow: hidden; */
  margin-bottom: 40px;
  align-items: center;
  justify-content: center;
}
.seminar-detail-key-visual__image{
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%,-50%); */
  /* width: 100%; */
  width: auto;
  height: auto;
  /* height: 100%; */
}
.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);
}