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

.lead01,
.confirm-table .lead01 {
  padding: 16px 11px 4px;
  border-bottom: solid 2px #00abeb;
  margin-bottom: 15px;
  font-size: 18px;
  color: #004c72;
  font-weight: normal;
  background-color: #fff;
}

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

.lead02 {
  margin-top: 45px;
  padding: 15px 5px 5px 5px;
  background: none;
  border-bottom: 5px solid #859ea3;
  color: #004c72;
  line-height: 1.1;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 18px;
}

.lead03 {
  margin-top: 45px;
  padding: 15px 5px 5px 5px;
  background: none;
  border-bottom: 5px solid #859ea3;
  color: #004c72;
  line-height: 1.1;
  font-weight: bold;
  clear:left;
}
.lead01-first {
  margin-top: 0;
}
/* Heading01
================================================*/
.heading-area {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.heading-area#productdeatil {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  /* セレクトボックス */
}
.heading-area .heading01 {
  padding: 10px;
  background-color: #014E72;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}
.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;
}
.select-box_container {
    text-align: center;
    padding: 10px;
    width: 100%;
}
.heading-area .easy-select-box {
  display: inline-block;
  position: relative;
  width: 100% !important;
  outline: none;
  border: 2px solid #CCD3D9;
  background-color: #F2F2F2;
  line-height: 45px;
  font-size: 16px;
  color: #083F59;
  cursor: pointer;
}
.heading-area .easy-select-box:after {
  content: url("../images/module/arrow03.png");
  position: absolute;
  right: 10px;
  top: 3px;
  width: 11px;
  height: 5px;
}
.heading-area .easy-select-box .esb-displayer {
  width: 100% !important;
  height: 45px;
  line-height: 45px;
  text-indent: 10px;
  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: 2px 5px;
  cursor: default;
  color: #265E71;
  cursor: pointer;
}
.heading-area .easy-select-box .esb-item:hover {
  background: #CCC;
  text-decoration: none;
}

.heading-area .tag {
  padding: 5px 0 0 0;
}

.heading-area ul.category-tag .tag_list_head {
    display: inline-block!important;
    vertical-align: middle!important;
    border-radius:3px!important;
    padding:5px 8px 5px 5px!important;
    font-size:11px!important;
    background-color:#3C4B66!important;
    color:#ffffff!important;
	margin-right: 5px;
	margin-bottom: 5px;
}

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

.heading02 {
  padding: 10px 15px;
  color: #004C72;
  font-size: 20px;
}

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

.lead-text {
  color: #333;
  font-size: 14px;
  line-height: 1.4;
}

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

.spotlight .caution {
  color: #f22;
}

.precautions {
  margin-bottom: 30px;
}

.precautions .precaution {
  position: relative;
  padding: 0 2em 0 1.5em;
  margin: 0 10px;
}

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

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

.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;
  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: 30px;
  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 {
  overflow: hidden;
  /*opacity: 0.9;*/
}

.social-bt li {
  float: left;
  width: 25%;
  text-align: center;
}
.social-bt li a {
  display: block;
  height: 52px;
  padding: 10px 0;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}
.social-bt .line a{
  padding: 18px 0;
}
.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;
}
.social-bt .line a {
  background-color: #00c300;
}
/* Social bt fix
================================================*/
.social-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;

}

/* 6:Button
================================================*/
.more {
  text-align: center;
  margin: 0 10px 20px;
}

.more 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: 100%;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

.more a.bt:hover {
  text-decoration: underline;
}
.more a.login-bt {
  background-image: url(../images/module/btn_bg_orange_tall.png);
}

.more .appli-bt {
  min-height: 51px;
  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: 1.1px;
}
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;
}

.btn_seemore,
.btn_back {
  background: url(../images/module/btn_bg_blue_tall.png) repeat-x bottom;
  margin-top: 10px;
  display: inline-block;
  width: 50%;
  margin-bottom: 30px;
}

.btn_seemore:hover,
.btn_back:hover {
  text-decoration: underline;
}
.btn_back {
  background: url(../images/module/btn_bg_grey_tall.png) repeat-x top;
}

.console .btn_list01 {
  display: table;
  float: none;
  border-collapse: separate;
  border-spacing: 10px;
  text-align: center;
  margin: 0 auto;
}
.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;
  height: 50px;
}

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

.bt-download {
  clear: both;
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%;
  padding-top: 20px;
}

.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;
}
.bt-download .btn_dlpdf img {
  top: 9px;
  left: 11px;
}
.bt-download .btn_dlbox img {
  top: 9px;
  left: 11px;
}


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

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

.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;
  margin: 0;
  height: 50px;
  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 {
  text-decoration: underline;
}

.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: block;
  border-collapse: separate;
  border-spacing: 10px;
  width: 100%;
}

.heading-area .btn_box .dblbtn_row a {
  display: block;
  float: none;
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
  vertical-align: middle;
  position: relative;
  padding: 17px 5px 17px 5px;
  height: 50px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  width: 100%
}

.heading-area .btn_box .dblbtn_row a:hover {
  text-decoration: underline;
}

.heading-area .btn_box .btn_rank_dldoc {
  margin-bottom: 10px;
}

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

.heading-area .btn_box a.btn_rank_dldoc:hover {
  text-decoration: underline;
}

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

.heading-area .btn_box .dblbtn_row a img {
  position: absolute;
  top: 10px;
  left: 10px;
}




/* 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;
}

/* 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 h2.seminarcalendar {
  background-color: transparent;
  color: #004C72;
}

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

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

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


ul.category-tag02 {
  margin: 0 10px 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-top: 20px;
  margin: 0 10px;
}

.related-keywords p {
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  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;
}

.bookmark {
  text-align: right;
}

.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: 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;
  width: 19%;
  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;
}


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


.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: right;
    margin-right: 5px;
    margin-bottom: 5px;
}


/* 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;
}



.download-bt {
    background: linear-gradient(#194C60,#123846);
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    height: 60px;
    padding-top: 15px;
    margin-top: 10px;
    border-radius: 4px;
}
.download-bt:hover {
    color: #FFF;
    text-decoration: underline;
}

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

/****************************/
/* 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;
}
/****************************/
.product-info {
  margin-bottom: 80px;
}
.box {
  overflow: hidden;
}
.rb {
/*  float: right;
  width: 50%;*/
}
.rb p {
  word-wrap: break-word;
}
.lb {
/*  float: left;
  width: 50%;*/
}
.lb .download-box {
}
/*product-detaila*/
.product-detaila {
  margin-bottom: 50px;
}
.report {
  background-color: #F2F2F2;
  padding: 10px 15px;
  margin-bottom: 30px;
  border-radius: 10px;
}
.evaluation {
  margin-top: 24px;
  margin-bottom: 30px;
  overflow: hidden;
}
.evaluation div {
  float: left;
}
.evaluation .link-bt {
  float: right;
}
.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;
}
.link-bt {
  list-style:none;
}
.link-bt .link-bt-btn01 a {
  padding: 11px 0;
}

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

/****************************/
.class1_01 {
  margin-bottom: 50px;
  padding: 30px;
  border: solid #1E3A47;
}
.class1_02 {
  width: 23%;
  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 {
  padding-top: 30px;
  border-top: dotted #D4D4D8;

}
.class2_03 {
  float: left;
  margin-left: 1em;
  margin-bottom: 30px;
}
.class2_04 {
  clear: both;
}
.class2_04 li {
  display: inline-block;
  background-color: #3D5E65;
  padding: 10px 10px 10px 25px;
  text-align: center;
}
.class2_04 ul {
  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;
}
/****************************/
.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;
}

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

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

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

#tab05 p {
    overflow: hidden;
    word-wrap: break-word;
}
@charset "UTF-8";
/* CSS Document */
a:hover {
  opacity: 0.8;
}

.breadcrumb {
  margin: 10px 0;
  font-size: 12px;  
  width: auto;
  padding: 7px 10px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid #EEE;
  white-space: nowrap;
}

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

.breadcrumb .active {
  float: none;
  display: inline-block;
  padding: 3px 0 2px 0;
}

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

.breadcrumb .active:before {
  content:" > ";
}

.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 {
  position: relative;
  padding: 0 10px 0px;
}

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

.productlist_navi02 ul.console {
  display: table;
  width: 100%;
  background-color: #e5f4f8;
  border: solid 1px #cdd7de;
  margin: 0;
  padding: 10px 5px 5px 0;
}

.productlist_navi02 ul.console li {
  vertical-align: middle;
  display: table-cell;
}

.productlist_navi02 ul.console li.checkall {
  text-align: center;
  vertical-align: top;
  width: 4em;
  padding-right: 3px;
  border-right: solid 1px #fff;
  margin-right: 5px;
  line-height: 1.1;
}

.productlist_navi02 ul.console li.checkall span {
}

.productlist_navi02 ul.console li.lead {
  text-align: right;
  padding-right: 5px;
  line-height: 1.1;
}

.productlist_navi02 ul.console li.btn {
  padding-right: 5px;
  width: 79px;
}

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

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

/*------------------------
製品リスト上下コンソール（下）
------------------------*/
.productlist_navi02_btm {
  position: relative;
  padding: 8px 10px 0px;
}

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

.productlist_navi02_btm ul.console {
  display: table;
  width: 100%;
  background-color: #e5f4f8;
  border: solid 1px #cdd7de;
  margin: 0;
  padding: 10px 5px 5px 0;
}

.productlist_navi02_btm ul.console li {
  vertical-align: middle;
  display: table-cell;
}

.productlist_navi02_btm ul.console li.checkall {
  text-align: center;
  vertical-align: top;
  width: 4em;
  padding-right: 3px;
  border-right: solid 1px #fff;
  margin-right: 5px;
  line-height: 1.1;
}

.productlist_navi02_btm ul.console li.checkall span {
}

.productlist_navi02_btm ul.console li.lead {
  text-align: right;
  padding-right: 5px;
  line-height: 1.1;
}

.productlist_navi02_btm ul.console li.btn {
  padding-right: 5px;
  width: 79px;
}

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

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

.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 .lead-area {
  overflow: hidden;
  /*margin-bottom: 15px;*/
}

.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: url(../images/module/btn_bg_skyblue_tall) repeat-x top;
  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;
}

.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
}

/* ステップ */
.change-membership-step ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.change-membership-step ol li {
  color: #FFF;
  background-color: #929C9F;
  padding:8px 18px;
  border-bottom: 1px solid #fff;
  position: relative;
  }
  .change-membership-step ol li img {
    position: absolute;
    bottom: -8.1px;
    left: 15px;
    z-index: 1;
  }
.change-membership-step .active {
  background-color: #7BA3CA;
}
.change-membership-step ol li: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;
}


.download-bt,
.download-bt01 {
  background: url(../images/module/btn_bg_blue_tall.png) repeat-x top;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  height: 60px;
  padding-top: 15px;
  margin-top: 10px;
  border-radius: 4px;
}
.download-bt:hover,
.download-bt01:hover {
  text-decoration: none;
  color: #FFF;
}

.download-bt01 {
  font-size: 14px;
}


/****************************/
/* 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;
}
/****************************/
.product-info {
}
.product-info .rb {
  float: right;
  width: 50%;
}
.product-info .lb {
  float: left;
  width: 50%;
}
/*product-detaila*/
.product-detaila {
  margin-bottom: 50px;
}
.report {
  background-color: #F2F2F2;
  padding: 10px 15px;
  margin-bottom: 30px;
  border-radius: 10px;
}
.evaluation {
  margin-bottom: 30px;
}
.report-title {
  border-bottom: 1px solid #CCC;
}
.report-text {
  background-color: #FFF;
  margin: 10px 0px;
  padding: 10px;
  border-radius: 10px;

}
.flush-right {
  text-align: right;
}
/****************************/
.class1_01 {
  border: solid #1E3A47;
  margin-bottom: 50px;
  padding: 30px;
}
.class1_02 {
  width: 25%;
  float: left;

}
.class1_03 {
  font-size: 12px;
}
.class1_04 {
  background-color: #F3F3F3;
  display: inline-block;
}
/****************************/
.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;
}
/****************************/
.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: 20px;
  padding: 0 10px;
}
.tag_notifiction {
  color: #034d71;
  background-color: #dbeff5;
  margin: 2px 2px 10px;
  padding: 4px 10px;
  margin-right: 20px;
  border-radius: 3px;
}
.notifiction .content a {
  padding-top: 10px;
  display: block;
  color: #004c72;
  text-decoration: none;
}

.notifiction .content a:hover {
  text-decoration: underline;
}
/****************************/
.tabs_download {

}

.tabs_download li {
  display: block;
  float: left;
  width: 50%;
}

.tabs_download li a,
.tabs_download li.active a {
  display: block;
  float: left;
  width: 100%;
  padding: 15px 5px;
  text-align: center;
  line-height: 1.1;
}

.tabs_download li a {
  color: #eeeeee;
  background-color: #4c7892;
}
.tabs_download li.active a {
  color: #fff;
  background-color: #485c64;
}


/****************************/
.class6_01 {
  border-bottom: solid #000;
}
.h_document {
  background-color: #ddedf4;
  border-top: solid #00aaeb 3px;
  margin: 10px 0px 5px;
}

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

.h_document .lead span {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #b63e2c;
}

.productlist_navi {
  background-color: #E2F3F7;
  margin-bottom: 10px;
}
/****************************/
.document_discription01 {
  color: #07476A;
  border-bottom: solid #1CAEE9 1px;
  padding: 5px;
}
.document_discription02 {
  padding: 5px;
  margin-bottom: 50px;
}

/*---------------------------
製品リスト
---------------------------*/
.document_list {
  border: solid #cad5db 1px;
  padding: 10px;
  margin: 10px;
}
.single_product {
  margin-bottom: 15px;
}
.document_crown {
  display: table;
  width: 100%;
  margin-bottom: 3px;
}
.document_crown .document_checkbox {
  padding: 0 2px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #f8f8f8;
}
.document_crown .product_info {
  display: table-cell;
  padding-left: 2px;
}
.document_crown .product_info .name {
  font-size: 12px;
  font-weight: bold;
  display: block;
  line-height: 1.2;
  margin-bottom: 3px
}
.document_crown .product_info .category {
  font-size: 10px;
  color: #6f6f6f;
  line-height: 1.1;
  background-color: #fff;
}
.document_crown .product_info .category .tagged {
  display: inline-block;
  background-color: #3c5e66;
  color: #fff;
  font-size: 10px;
  line-height: 1.1;
  font-weight: bold;
  padding: 2px 8px;
}
.document_crown .btn_delete{
  display: table-cell;
  width: 62px;
}
.document_caption {
  background-color: #4c90c0;
  padding: 2px;
}
.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;
  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: 2px 5px 0;*/
  vertical-align: middle;
}

.next-box {
  border: 1px solid #ccc;
}
.next-box .text-box {
  display: table;
  background-color: #fff;
  border-collapse: separate;
  width: 100%;
}
.next-box .text-box .title_num {
  display: table-cell;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  vertical-align: middle;
  background-color: #5199cb;
  text-align: center;
}
.next-box .text-box .document_title {
  display: table-cell;
  padding: 5px 0px 0;
}

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

.related-box .text-box {
  display: table;
  background-color: #fff;
  border-collapse: separate;
  width: 100%;
}

.related-box .text-box .document_title {
  display: table-cell;
  padding: 5px 0px 0;
  font-weight: normal;
  font-size: 14px;
}

.download_console {
  background-color: #4c90bf;
  text-align: center;
}

.download_console a.btn_download {
  display: inline-block;
  width: 100%;
  height: 40px;
  background: url(../images/module/btn_downloadnow_sp.png) no-repeat 23px 5px;
  text-indent: -99999px;
}
.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;
}

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

.download_console a:hover img {
  opacity: 1;
}


/*-------------------
multi buttons
---------------------*/

.multibuttons .login_btn {
  display: inline-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;
  border-radius: 4px;
  line-height: 1.1;
  text-align: center;
  height: 50px;
}
/*--  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;
}

/**/


.multibuttons {
  text-align: center!important;
}

.multibuttons .btn-box {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.multibuttons .btn-box .single_btn {
  display: inline-block;
}
.multibuttons.pc-none .btn-box{
  margin-bottom: 10px;
  /*margin-left: 5%;*/
}
.multibuttons.pc-none .btn-box #btn_change,
.multibuttons.pc-none .btn-box .btn_change {
  width: 45%;
  margin-right: 5px;
}
.multibuttons.pc-none .btn-box #btn_edit,
.multibuttons.pc-none .btn-box .btn_edit {
  width: 45%;
  margin-left: 0px;
}
.left {
  float:left;
}


/*------------------------
Login Page
-------------------------*/
.login_area {
  background-color: #efefef;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  margin: 20px 10px 40px;
  padding:  10px 10px 40px 10px;
}

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

.login_area .input_area {
  width: 100%;
}

.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 {
  margin-bottom: 30px;
}

.login_area .input_area .check_automize input {
  margin-right: 5px;
}

.login_area .btn_area {
  text-align: center;
  overflow: hidden;
}

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

.login_area .forgot {
  /*float: right; */
  font-weight: bold;
  /* font-size: 12px; */
}

/*--------------------
新規会員登録
--------------------*/
.register_area {
  background: #419fd6;
  border-radius: 4px;
  padding: 30px 10px 40px 10px;
  /*margin: 0 10px 40px;*/
  margin: 0 10px 12px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

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

.register_area .btn_area {
  text-align: center;
}

.register_area .btn_area .btn_register {
  display: block;
  width: 285px;
  height: 60px;
  background: url(../images/module/btn_register_sp.png) no-repeat;
  text-indent: -99999px;
  margin: 0 auto 30px;
  cursor: pointer;
}

.register_area .btn_area .btn_register:hover {
  opacity: 0.8;
}

.register_area .msg_area {
  background: #fff;
  -webkit-box-shadow: inset #b5b7ba 0;
  -moz-box-shadow: inset #b5b7ba 0;
  box-shadow: inset #b5b7ba 0;
  border-radius: 6px;
  padding: 15px 17px 10px 17px;
  text-align: center;
}

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

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

.register_area .msg_area .point01 {
  width: 100px;
  margin-right: 20px;
  margin-left: 10px;
}

.register_area .msg_area .point02 {
  width: 90px;
  margin-right: 0px;
  margin-left: 20px;
}

.register_area .msg_area .point03 {
  width: 140px;
  margin-right: 10px;
  margin-left: 0px;
  margin-bottom: 40px;
}

.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;
  font-weight: bold;
}

.register_area .msg_area .detail_link .after {
  color: #000;
}

/* ヘッダー下のリード文 */
.members-txt .lead-text {
  margin: 0 2% 12px;
}


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

/* 会員ログインボタン */
.members-txt {
  margin-bottom: 30px;
}

.members-txt .btn-login .msg {
  text-align: center;
  color: #004c72
}

.members-txt .btn-login .login_btn {
  background: url(../images/module/btn_bg_orange_tall.png) repeat-x;
  display: block;
  width: 209px;
  height: 30px;
  padding: 7px 0;
  line-height: 1.1;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.members-txt .btn-login .btn_login03 {
  display: block;
  width: 209px;
  height: 30px;
  padding: 7px 0;
  line-height: 1.1;
  background: url(../images/module/btn_bg_orange_tall.png) 0 0 repeat-x;
  margin: 0 auto;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

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

/*～モジュール行き～*/

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

.confirm-pop_centered {
  background-color: #A84B39;
  width: 90%;
  margin: 0 auto 35px;
  text-align: left;
  position: relative;
  padding: 10px 10px 10px 35px;
}

.confirm-pop_centered .confirm-icon {
  position: absolute;
  top: 5px;
  left: 5px;
}

.confirm-pop_centered p {
  color: #FFF;
}

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

/* ================================================================================
SP用フォーム要素再配置
================================================================================ */
.sp-none {
  display: none!important;
}

.form-registry .row .img-required img {
  margin-bottom: 4px;
}

.form-registry .alignbtn {
  display: inline;
  margin-left: 5px;
}
.active-row {
  background-color: #FAEAE3;
}

.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;
    color: #000;
    font-size: 11px;
    height: 40px;
    width: 300px;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 32px;
    vertical-align: middle;
}

.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;
  padding-left: 5px;
}
.form-registry .row div .input-text01_wide {
  height: 40px;
  width: 100%;
  -webkit-appearance: none;
  box-shadow: inset #b5b7ba 1px 1px 1px;
  border: 1px solid #D2D2D2;
  background-color: #E6EDF0;
}
.form-registry .item .subterm {
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 1em;
  right: 0;
}

.form-registry {
  display: block;
}

.confirm-table {
  margin-bottom: 30px;
}

.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 .crown .field {
  padding: 10px 10px 0 10px;
}

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

.form-registry .row .caution_agree_cont {
  text-align: left;
}

.form-registry .row div .caution_agree {
  display: block;
  margin: 0 auto 10px;
  font-size: 12px;
  text-align: left;
}

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

.policy_terms {
  display: block;
  text-align: left;
  border: solid 1px #bbb;
  margin-bottom: 20px;
  padding: 5px;
  line-height: 1.2;
  font-size: 12px;
}

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



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

.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;
  padding-left: 5px;
  padding-right: 32px;
  vertical-align: middle;
  margin: 0 2px;
}

.form-registry .field .wide {
  width: 90%;
}

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


.form-registry .row {
  position: relative;
  display: block;
  padding: 13px 0 10px 0;
  margin: 0 10px;
  border-bottom: 1px dotted #CFCFD4;
}

.form-registry .active-row {
  padding: 13px 5px 10px 5px;
  margin: 0 5px;
}

.form-registry .lineless {
  border: none;
}

.form-registry .row .img-required {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  border: none;
}

.form-registry .row .secondline {
  position: absolute;
  top: 41px;
  left: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  border: none;
}

.form-registry .active-row .img-required {
  position: absolute;
  left: 5px;
}

.form-registry .row .item,
.form-registry .row .item_nonrequired {
  padding: 0 0 0 60px;
  width: inherit;
  margin: 0 0 10px 0;
  display: block;
  border: none;
}

.row .item p,
.row .item_nonrequired p {
  display: block;
  margin-right: 20px;
  font-weight: bold;
}

.row .item #switched_city,
.row .item_nonrequired #switched_city {
  display: block;
}

.form-registry .row .item_nonrequired {
  padding-left: 0;
  margin-bottom: 0;
}

.form-registry .row .item_nonrequired p.oversea {
  padding-bottom: 10px;
}

.form-registry .row .item_nonrequired input.input_radio_gender {
  display: inline-block;
  padding: 0 20px 0 20px;
  margin: 0 20px 0 20px;
}

.form-registry .row .subscribe_area {
  text-align: left;
}

.form-registry .row .field input.input_radio_subs {
  display: inline-block;
  margin: 0 5px 0 20px;
}
.form-registry .row .field input.input_check_agree {
  display: inline-block;
  margin: 0 0 0 5px;
  width: 15px;
}

.form-registry .row .field input.input_radio_subs {
  width: 20px;
}

.form-registry .row .item_nonrequired p .gender_radio {
  font-weight: normal;
}

.form-registry .row .item_nonrequired .oversea_field {
  font-weight: normal;
}
.form-registry .row .field input.live_abroad {
  width: 15px;
}

.form-registry .row div .example {
  display: inline;
  line-height: 1.1;
  margin-bottom: 10px;
  font-size: 13px;
  color: #666;
}

.form-registry .row .field {
  border: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
}

.postcode_container {
  display: block;
}

.form-registry .row .field input {
  width: 90%;
}

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

.form-registry .row div .tel_no_example {
	display: block;
}

.form-registry .row .field input.input_check {
  width: auto;
}

.form-registry .row .item .mainterm,
.form-registry .row .item_nonrequired .mainterm {
  display: block;
  margin-bottom: 10px;
}


.form-registry #switch01 .item_nonrequired .mainterm {
  display: block;
  margin-bottom: 10px;
}

.form-registry #switch01 .item_nonrequired .subterm_meta {
  display: block;
}

/*.form-registry #switch01 .item_nonrequired .subterm {
  display: block;
}*/

.form-registry .row div .input-text01_postal,
.form-registry .row div .input-text01_wide  {
  padding-left: 5px;
}

.form-registry .row div .input-text01_postal {
  height: 40px;
  -webkit-appearance: none;
  box-shadow: inset #b5b7ba 1px 1px 1px;
  border: 1px solid #D2D2D2;
  background-color: #E6EDF0;
  width: 120px;
  display: inline-block;
}

.form-registry .row div .sp-example-postal {
  display: inline-block;
  vertical-align: middle;
  margin-top: 12px;
}

.form-registry .row .input-area {
  display: inline-block;
  vertical-align: middle;
}

/**/
.form-registry .row .field input.input_radio_subs02 {
  width: 20px;
  display: inline-block;
  margin: 10px 5px 0 20px;
}

/*-------------------------*/
.form-registry .row .item_dblterm {
  padding: 0 0 0 0;
  width: inherit;
  margin: 0 0 4px 0;
  display: block;
  border: none;
  position: relative;
  vertical-align: middle;
}

.form-registry .row .item_dblterm .dblterm {
  font-weight: bold;
  margin-bottom: 15px;
}

.form-registry .row .item_dblterm img {
  position: absolute;
  top: 32px;
  left: 0;
}

.form-registry .row .item_dblterm .dblterm_info {
  padding: 10px 0 0 60px;
  font-weight: bold;
}

.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) 67px 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) 42px 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;
}

.ie8 input[type=text],
.ie8 input[type=password] {
  padding-top: 9px;
}
/* ================================================================================
SP用ヘッダー広告
================================================================================ */
#ads-head {
  margin-bottom: 20px;
}


/*  sp用googlead　*/
.ggl_ad {
  text-align: center;
}

.ggl_ad img {
  margin: 0 auto;
}

/* 以下ジャンル別記事 */
.genre-box {
  margin-bottom: 0;
  padding: 10px;
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
  border-bottom: dotted 1px #000;
}

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

.genre-box .text-box {
  /*margin-left: 83px;*/
  display: table-cell;
  padding: 0px 10px 2px 0px;
  vertical-align: top;
}

.genre-box .text-box h3 {
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.2;
}

.genre-box .text-box .lead-text {
  font-size: 14px;
}

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

.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;
	float: right;
    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 {
  /*text-align: right;*/
  font-size: 12px;
  color: #000;
  display: inline-block;
  width: 10.1em;
}

.rank-top-box,
.rank-box {
  padding: 10px;
  width: 100%;
  border-bottom: 1px dotted #646473;
}

.rank-top-box .rank-top-ti {
  display: table;
  width: 99%;
  margin-bottom: 10px;
  margin-left: 1%;
}

.rank-box .rank-top-ti {
  display: table;
  width: 99%;
  margin-bottom: 10px;
  margin-left: 1%;
}

.rank-top-box .rank-top-ti .ti-img,
.rank-box .rank-top-ti .img-rank  {
  display: table-cell;
  padding-right: 13px;
  vertical-align: top;
  width: 43px;
}

.rank-top-box .rank-top-ti h3,
.rank-box .rank-top-ti h3  {
  display: table-cell;
  vertical-align: bottom;
  font-size: 14px;
  line-height: 1.2;
}

.rank-box .rank-top-ti h3 {
  vertical-align: middle;
}

.rank-top-box .text-box,
.rank-box .text-box {
  display: table;
  position: relative;
}

.rank-top-box .text-box .img-rank,
.rank-box .text-box .img-rank {
  display: table-cell;
  vertical-align: top;
}

.rank-top-box .text-box .img-rank {
  width: 107px;
}

.rank-box .text-box .img-rank {
  width: 54px;
}

.rank-top-box .text-box .text,
.rank-box .text-box .text {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}

.rank-top-box .text-box .text:after {
  content: "[0000/00/00 00:00]";
  color: #f2f2f2;
}


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

.rank-box .text-box .text .rank-ti {
  margin-bottom: 15px;

}

.rank-box .text-box .text .rank-ti h3 {
  font-size: 14px;
  line-height: 1.2;
}

.rank-top-box .text-box .text span,
.rank-box .text-box .text span {
  font-size: 12px;
  color: #000;
  display: inline-block;
  width: 12.1em;
}

.rank-top-box .text-box .text .tag,
.rank-box .text-box .text .tag {
    display: inline-block;
    padding: 0px 8px;
    background-color: #3C5E66;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
	float: right;
    margin: 5px 0 10px 5px;
}



.sp-rank-last {
  margin-bottom: 20px;
}

#sp-pagetop .btn_pagetop_sp {
  display: block;
}


/*-------------------
pagenation-area
---------------------*/
.pagenation-area {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #d9d9d9;
  line-height: 1.1;
  padding: 3px 10px 2px
}

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

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

.pagenation-area .pagenumber {
  font-size: 13px;
  text-align: center;
}
.pagenation-area .pagenumber span {
  font-size: 12px
}
.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: 2px;
  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;
  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: 2px 5px 0; */
  vertical-align: middle;
}
.download_console {
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
  text-align: center;
  width: 100%;
  background-color: #fff;
}
.download_console a.btn_download {
  display: table-cell;
  width: 80%;
  background: url(../images/module/btn_bg_skyblue_tall.png) repeat-x top;
  padding: 9px 5px 7px 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;
}

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

.search_navi .results {
  display: block;
  float: none;
  text-align: center;
  background-color: #d9d9d9;
  padding: 5px 15px;
  line-height: 1.1;
}

.search_navi .results span {
    font-size: 14px;
    font-weight: normal;
}

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

.search_navi .pager,
.search_navi .continuous {
  display: block;
  float: none;
  padding: 0;
  text-align: center;
}

.search_navi .pager a,
.search_navi .continuous a {
  display: inline-block;
  float: none;
}

.search_navi .pager {
    margin-bottom: 15px;
}

.search_navi .pager a {
    padding: 2px 15px;
}
.search_navi .pager a.current {
    background: #dfeff6;
    border-radius: 4px;
}

.search_navi .continuous {
  display: table;
  border-collapse: separate;
  border-spacing: 3px;
  width: 100%;
}

.search_navi .continuous a {
  display: table-cell;
  height: 45px;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  float: none;
  color: #fff;
  line-height: 1.1;
}

.search_navi .continuous .first {
  background: #667f8b url(../images/module/navi_arrow_back.png) no-repeat left;
  padding-left: 5px;
}

.search_navi .continuous .prev {
  background: #667f8b url(../images/module/navi_arrow_back.png) no-repeat left;
  padding-left: 5px;
}

.search_navi .continuous .next {
  background: #00293e url(../images/module/navi_arrow_next.png) no-repeat right;
  padding-right: 5px;
}

.search_navi .continuous .last {
  background: #00293e url(../images/module/navi_arrow_next.png) no-repeat right;
  padding-right: 5px;
}

.search_navi span.current {
background: #dfeff6;
border-radius: 4px;
}

.search_navi .pager span{
padding: 2px 15px;
background: #dfeff6;
border-radius: 4px;
}


/*------------------------------
SP owl-carousel
--------------------------------*/
#sp-relative-report, #sp-relative-goods, #sp-foryou-report, #sp-foryou-goods, #sp-putwatched-report {
  margin-top: 20px;
}
#sp-relative-report h2, #sp-relative-goods h2, #sp-foryou-report h2, #sp-foryou-goods h2, #sp-putwatched-report h2 {
  padding: 10px 10px 10px 38px;
  background-color: #859EA3;
  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;
}
#sp-relative-goods h2, #sp-foryou-goods h2 {
background-image: url(../images/module/goods_ti_icon01.png);
}
#sp-putwatched-report h2 {
  background-color: #70B6C5;
}
#sp-relative-report ul, #sp-relative-goods ul, #sp-foryou-report ul, #sp-foryou-goods ul, #sp-putwatched-report ul {
  padding-bottom: 15px;
  background-color: #F2F2F2;
}
#sp-relative-report li, #sp-relative-goods li, #sp-foryou-report li, #sp-foryou-goods li, #sp-putwatched-report li {
  overflow: hidden;
  width: 100%;
  padding: 10px 10px 5px 10px;
  border-bottom: 1px solid #ccc;
}
#sp-relative-report li .pic, #sp-relative-goods li .pic, #sp-foryou-report li .pic, #sp-foryou-goods li .pic, #sp-putwatched-report li .pic {
  float: left;
  width: 20%;
  max-width: 143px;
}
#sp-relative-report li .pic img, #sp-relative-goods li .pic img, #sp-foryou-report li .pic img, #sp-foryou-goods li .pic img, #sp-putwatched-report li .pic img {
  width: 100%;
}
#sp-relative-report li .text, #sp-relative-goods li .text, #sp-foryou-report li .text, #sp-foryou-goods li .text, #sp-putwatched-report li .text {
  float: left;
  width: 80%;
  padding-left: 10px;
}
#sp-relative-report li h3, #sp-relative-goods li h3, #sp-foryou-report li h3, #sp-foryou-goods li h3, #sp-putwatched-report li h3 {
  font-size: 13px;
  font-weight: normal;
}
#sp-relative-report li .time.pc-none, #sp-relative-goods li .time.pc-none, #sp-foryou-report li .time.pc-none, #sp-foryou-goods li .time.pc-none, #sp-putwatched-report li .time.pc-none {
  display: inline-block !important;
  font-size: 11px;
  color: #000;
}
#sp-relative-report li .tag, #sp-relative-goods li .tag, #sp-foryou-report li .tag, #sp-foryou-goods li .tag, #sp-putwatched-report li .tag {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  min-width: 90px;
  max-width: 176px;
  height: 16px;
  padding: 0 5px;
  background-color: #3C5E66;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}

#sp-relative-report li, #sp-foryou-report li, #sp-putwatched-report li {
  min-height: 116px;
  max-height: 116px;
  position: relative;
}
#sp-relative-report li .text .tag-float, #sp-foryou-report li .text .tag-float, #sp-putwatched-report li .text .tag-float {
  margin-top: 35px;
}
#sp-relative-report li .text .tag-float .time, #sp-foryou-report li .text .tag-float .time, #sp-putwatched-report li .text .tag-float .time {
  position: absolute;
  bottom: 25px;
}
#sp-relative-report li .text .tag-float .tag, #sp-foryou-report li .text .tag-float .tag, #sp-putwatched-report li .text .tag-float .tag {
  position: absolute;
  bottom: 6px;
}

#sp-relative-goods li, #sp-foryou-goods li {
  min-height: 116px;
  max-height: 116px;
  position: relative;
}
#sp-relative-goods li .text .tag-float, #sp-foryou-goods li .text .tag-float {
  margin-top: 35px;
}
#sp-relative-goods li .text .tag-float .time, #sp-foryou-goods li .text .tag-float .time {
  position: absolute;
  bottom: 25px;
}
#sp-relative-goods li .text .tag-float .tags, #sp-foryou-goods li .text .tag-float .tags {
  position: absolute;
  bottom: 6px;
}
#sp-relative-goods li .text .tag-float .tags .category_nav, #sp-foryou-goods li .text .tag-float .tags .category_nav {
  display: inline-block;
  font-size: 11px;
  color: #003147;
}

#sp-relative-report .owl-theme .owl-controls, #sp-relative-goods .owl-theme .owl-controls, #sp-foryou-report .owl-theme .owl-controls, #sp-foryou-goods .owl-theme .owl-controls, #sp-putwatched-report .owl-theme .owl-controls {
  position: relative;
  margin-top: 10px;
  text-align: center;
}
#sp-relative-report .owl-theme .owl-controls .owl-page, #sp-relative-goods .owl-theme .owl-controls .owl-page, #sp-foryou-report .owl-theme .owl-controls .owl-page, #sp-foryou-goods .owl-theme .owl-controls .owl-page, #sp-putwatched-report .owl-theme .owl-controls .owl-page {
  display: inline-block;
}
#sp-relative-report .owl-theme .owl-controls .owl-page span, #sp-relative-goods .owl-theme .owl-controls .owl-page span, #sp-foryou-report .owl-theme .owl-controls .owl-page span, #sp-foryou-goods .owl-theme .owl-controls .owl-page span, #sp-putwatched-report .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 7px;
  border-radius: 20px;
  background: #999;
}
#sp-relative-report .owl-theme .owl-controls .owl-page.active span, #sp-relative-goods .owl-theme .owl-controls .owl-page.active span, #sp-foryou-report .owl-theme .owl-controls .owl-page.active span, #sp-foryou-goods .owl-theme .owl-controls .owl-page.active span, #sp-putwatched-report .owl-theme .owl-controls .owl-page.active span {
  background-color: #3C5E66;
}
#sp-relative-report .owl-buttons > div, #sp-relative-goods .owl-buttons > div, #sp-foryou-report .owl-buttons > div, #sp-foryou-goods .owl-buttons > div, #sp-putwatched-report .owl-buttons > div {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 12px;
  height: 0;
  padding-top: 19px;
}
#sp-relative-report .owl-buttons .owl-prev, #sp-relative-goods .owl-buttons .owl-prev, #sp-foryou-report .owl-buttons .owl-prev, #sp-foryou-goods .owl-buttons .owl-prev, #sp-putwatched-report .owl-buttons .owl-prev {
  left: 12px;
  background: url(../images/module/prev_arrow01.png) 0 center no-repeat;
}
#sp-relative-report .owl-buttons .owl-next, #sp-relative-goods .owl-buttons .owl-next, #sp-foryou-report .owl-buttons .owl-next, #sp-foryou-goods .owl-buttons .owl-next, #sp-putwatched-report .owl-buttons .owl-next {
  right: 12px;
  background: url(../images/module/next_arrow01.png) 0 center no-repeat;
}
#sp-watched-report, #sp-watched-goods {
  margin-top: 20px;
}
#sp-watched-report h2, #sp-watched-goods h2 {
  padding: 10px 10px 10px 38px;
  background-color: #8496B0;
  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;
}

#sp-watched-goods h2 {
  background-image: url(../images/module/goods_ti_icon01.png);
}
#sp-watched-report ul, #sp-watched-goods ul {
  padding-bottom: 15px;
  background-color: #F2F2F2;
}
#sp-watched-report li, #sp-watched-goods li {
  overflow: hidden;
  width: 100%;
  padding: 10px 10px 5px 10px;
  border-bottom: 1px solid #ccc;
}
#sp-watched-report li .pic, #sp-watched-goods li .pic {
  float: left;
  width: 20%;
  max-width: 143px;
}
#sp-watched-report li .pic img, #sp-watched-goods li .pic img {
  max-width: 100%;
  width: auto;
  max-height: 100px;
}
#sp-watched-report li .text, #sp-watched-goods li .text {
  float: left;
  width: 80%;
  padding-left: 10px;
}
#sp-watched-report li h3, #sp-watched-goods li h3 {
  font-size: 13px;
  font-weight: normal;
}
#sp-watched-report li .time.pc-none, #sp-watched-goods li .time.pc-none {
  display: inline-block !important;
  font-size: 11px;
  color: #000;
}
#sp-watched-report li .tag, #sp-watched-goods li .tag {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  min-width: 90px;
  max-width: 133px;
  height: 16px;
  padding: 0 5px;
  background-color: #3C5E66;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 16px;
}

#sp-watched-report li {
  min-height: 116px;
  max-height: 116px;
  position: relative;
}
#sp-watched-report li .text .tag-float {
  margin-top: 35px;
}
#sp-watched-report li .text .tag-float .time {
  position: absolute;
  bottom: 25px;
}
#sp-watched-report li .text .tag-float .tag {
  position: absolute;
  bottom: 6px;
}

#sp-watched-goods li {
    min-height: 116px;
    max-height: 116px;
    position: relative;
}

#sp-watched-goods li .text .tag-float {
  margin-top: 35px;
}
#sp-watched-goods li .text .tag-float .time {
  position: absolute;
  bottom: 25px;
}
#sp-watched-goods li .text .tag-float .tags {
  position: absolute;
  bottom: 6px;
  max-width: 238px;
  height: 21px;
}
#sp-watched-goods li .text .tag-float .tags .category_nav {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  /* 2015/08/26変更(カテゴリ名が切れてしまうためコメントアウト) */
  /*max-width: 100px;*/
  height: 16px;
  font-size: 11px;
  color: #003147;
}

#sp-watched-report .owl-theme .owl-controls, #sp-watched-goods .owl-theme .owl-controls {
  position: relative;
  margin-top: 10px;
  text-align: center;
}
#sp-watched-report .owl-theme .owl-controls .owl-page, #sp-watched-goods .owl-theme .owl-controls .owl-page {
  display: inline-block;
}
#sp-watched-report .owl-theme .owl-controls .owl-page span, #sp-watched-goods .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 7px;
  border-radius: 20px;
  background: #999;
}
#sp-watched-report .owl-theme .owl-controls .owl-page.active span, #sp-watched-goods .owl-theme .owl-controls .owl-page.active span {
  background-color: #3C5E66;
}
#sp-watched-report .owl-buttons > div, #sp-watched-goods .owl-buttons > div {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 12px;
  height: 0;
  padding-top: 19px;
}
#sp-watched-report .owl-buttons .owl-prev, #sp-watched-goods .owl-buttons .owl-prev {
  left: 12px;
  background: url(../images/module/prev_arrow01.png) 0 center no-repeat;
}
#sp-watched-report .owl-buttons .owl-next, #sp-watched-goods .owl-buttons .owl-next {
  right: 12px;
  background: url(../images/module/next_arrow01.png) 0 center no-repeat;
}

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

.search_navi_ult .results {
  display: block;
  text-align: center;
  float: none;
  background-color: #d9d9d9;
  padding: 5px 15px;
  line-height: 1.1;
}

/* カテゴリの調整-ここから- */
#sp-watched-goods li .category::before, #sp-foryou-goods li .category::before {
  content: ">";
  padding-right: 2px;
}
#sp-watched-goods li .category, #sp-foryou-goods li .category {
  margin-left: 5px;
  font-size: 11px;
  font-weight: bold;
  color: #3B5E66;
  float: none;
  border-radius: 0;
  background-color: inherit;
  margin-right: 0;
  margin-bottom: 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;
  transition: .2s;
}
.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;
}

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

.selectshow_container {
  display: table;
  margin: 10px auto;
}

.selectshow_container ul {
  overflow: visible;
}

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

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

/*------------
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 {
    margin-bottom: 20px;
}

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

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

#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 h3 {
  font-size: 15px;
}*/

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


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

    #reco-report .left-col {
        padding: 0 10px;
        border-bottom: 1px dotted #646473;
    }

    #reco-report .post {
    }

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

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

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

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

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

    #reco-report .right-col li {

        width: 100%;
        border-bottom: 1px dotted #646473;
        display: table;
        border-collapse: separate;
        border-spacing: 10px;
    }

    #reco-report .right-col .sp-li-last{
  border-bottom-width: 1px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: dotted;
  border-left-style: none;
  border-bottom-color: #000;
    }

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

    #reco-report .right-col li .text {
        display: table-cell;
        overflow: hidden;
        word-wrap: break-word;
        position: relative;

    }

    #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]";
        color: #fff;
    }

    #reco-report .right-col li .meta {
      margin-top: 20px;
    }

    #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: #3C5E66;
      color: #fff;
      font-size: 11px;
      font-weight: bold;
      text-align: center;
      line-height: 16px;
      border-radius: 0;
    }

    /*------------------------*/
  a.article-title {
    font-size: 14px;
    font-weight: normal;

  }
a.article-title.article-title--no-line{
    opacity: 1;
    transition: opacity .3s;
}
a.article-title.article-title--no-line:hover{
    text-decoration: none;
    opacity: 0.7;
}
 /*------------------------*/
 .search-box .keyword_submit {
    border-radius: 3px;
}

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

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

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

.heading-area {
  text-align: left;
}
.heading-area .meta {
  overflow: hidden;
  margin-top: 20px;
}
.heading-area .time {
  display: block;
  float: left;
  font-size: 11px;
  color: #000;
}
.heading-area .author {
  display: block;
  float: left;
  font-size: 11px;
  color: #000;
  margin-left: 10px;
} 
.bookmark {
  display: block;
  float: right;
}
.bookmark a {
  padding-left: 16px;
  padding-top: 2px;
  background: url(../images/module/bookmark_icon01.png) 0 center no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #004C72;
  vertical-align: bottom;
}
.bookmark_keeped a {
  background: url(../images/module/bookmark_icon02.png) 0 center no-repeat;
  color: #888;
}
.bookmark_keeped a:hover {
  text-decoration: none;
  cursor: default;
}
.heading-area .tag {
  margin: 15px 10px 0;
}
/*---------------------------*/
.page0008 #lead-area {
  overflow: hidden;
}
.page0008 #lead-area .lead {
  margin: 20px 10px 0;
  font-size: 13px;
  color: #333;
}
/*---------------------------*/

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

/*-----------------------------*/
.page0008 .section figure {
  margin-top: 25px;
}
.page0008 .section figcaption {
  margin: 10px 10px 0;
  font-size: 11px;
  text-align: center;
}
/*-----------------------------*/
.heading-area .product-outline-box .product-img img {
  max-height: 187px;
  max-width: 120px;
  margin: 0 auto;
}

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

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

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

.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;
}
/*-------------------------------*/
.spec-box {
  padding: 30px 0;
}

.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 {
  width: 40%;
  background-color: #ccc;
  border-bottom: 2px dotted #fff;
}

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

.spec-box .table .row .td {
  width: 60%;
  border-bottom: 2px dotted #ccc;
}
/*---------------------------*/
.centered_greybox {
  margin: 0 18px 20px 18px;
  background-color: #dfdfdf;
}

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

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

/*.breadcrumb {
    display: none;
}*/
.breadcrumb.sp-none {
    display: inherit !important;
}

.search-box .keyword_submit {
  border-radius: 3px;
}

/*----------------------------------*/
#char-tile {
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    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: 0;
}

#char-tile .ja-char-box {
    display: table;
    width: 100%
}
#char-tile .ja-char-box .ja-char01,
#char-tile .ja-char-box .ja-char02 {
    /*width:298px;*/
    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;
}

.outline-box{
    display: none;
}

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

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

/*------------------------------------*/
.programs .lead-area .appli {
  overflow: hidden;
  width: auto;
  }


/*------------------------------*/
.product_bookmark .document_caption {
  border-color: #70b6c5;
  border-width: 12px;
 }
 .article_bookmark .document_caption {
  border-color: #4781A9;
  border-width: 12px;
 }
/*------------------------------*/

.sp-back-number-ul li {
  font-weight: bold;
  float:left;
}

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

.compare#compare01 .question_lead01 {
  padding: 0;
  margin-bottom: 10px;
  padding: 4px 0 0 0;
}

.compare#compare01 .question_lead01 .bullet {
  margin-right: 15px;
  line-height: 1.1;
  padding: 3px 0 10px 0;
  display: block;
}

.compare#compare01 .question_lead01 img.mark_require {
  left: 42px;
  top: 0;
}

.answer {
    padding: 0 0 0 0;
}

.answer .answer_textbox {
  width: 100%;
}
.answer input.sentence {
  width: 100%;
}
.single_question .answer .select_container .select {
  width: 100%;
}
.compare#compare01 p {
  margin: 25px 0 0 0;
}

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

.programs .title h2
{
        width: 90%;
}

.seminar_detail_title
{
        display: flex;
        padding: 2px;
	margin: -7px;
}

.seminar_detail_title .title_str
{
        width: 95%;
	margin: auto 10px;
}

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

.open_place_tag_area
{
        float: right;
	margin : auto;
        color: #FFF;
	width : 60px;
	text-align: center;
}

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

.seminar_detail_title .open_place_tag_area
{
        margin-top : -10px;
        margin-bottom : -10px;
        padding : 10px 10px;
        max-height: 40px;
        border: 2px solid #3C5E66;
	color: #3C5E66;
	margin: auto;
	width: 100px;
}

.seminar_detail_title .open_place_tag_area.web_flg
{
	
	max-height: 55px;
}

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

.seminar-list-table
{
	display:table-cell;
	width:40%;
}

.seminar-header{
  margin-bottom: 20px;
}
.seminar-detail-key-visual{
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50%;
  overflow: hidden;
  margin-bottom: 20px;
}
.seminar-detail-key-visual__image{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: auto;
}
.left-line-title-seminar{
  font-size: 24px;
  font-weight: 600;
  border-left: thick solid #003A64;
  padding-left: 10px;
  margin-bottom: 20px;
}
.social-new-wrap{
  margin: 0 auto 20px;
}
.social-new-wrap--bottom{
  margin: 20px auto 0;
}
.social-button{
  display: flex;
  margin: 0 20px;
}
.social-button li{
  width: 60px;
  text-align: center;
}
.social-button li:nth-of-type(n+2){
  margin-left: 5px;
}
.social-button li a{
  display: block;
  padding: 5px 20px;
  background: #87b9d6;
  border-radius: 5px;
}
.seminar-detail-main{
  padding: 0 20px;
}
.seminar-detail-main__title{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.seminar-detail-main__about{
  margin-bottom: 20px;
}
.seminar-detail-main__about p{
  margin-bottom: 8px;
}
.button-apply .bt01{
  border-radius: 30px;
  display: block;
  padding: 10px;
  color: #fff;
  background: #ccc;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  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: 20px 0;
}
.seminar-program{
  padding: 0 20px;
}
.seminar-program__schedules-table{
  border: solid 1px #ccc;
  background: #fff;
  margin-bottom: 20px;
  width: 100%;
}
.seminar-program__schedules-row{
  border-bottom: solid 1px #ccc;
}
.seminar-program__schedules-time{
  display: block;
  padding: 20px 10px;
}
.seminar-program__schedules-detail{
  display: block;
  padding: 0 10px 20px;
}
.seminar-program__schedules-session-title{
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}
.seminar-program__schedules-speaker{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.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: 20px 0;
}
.host-content{
  padding: 0 20px;
}
.host-content__table{
  border: solid 1px #ccc;
  background: #fff;
  width: 100%;
}
.host-content__table tr:nth-of-type(even){
  background: #eee;
}
.host-content__head{
  min-width: 140px;
  padding: 10px;
}
.host-content__body{
  width: calc(100% - 140px);
  padding: 10px;
}
.host-content__title{
  margin-bottom: 10px;
}
.host-content__area {
  padding : 5px;
  border: 2px solid #3C5E66;
  color: #3C5E66;
  text-align: center;
  font-size: 12px;
  width: 50%;
}
.main-content__entry{
  background: #eee;
  padding: 20px 0;
}
.entry-content{
  padding: 0 20px;
}
.entry-content__circle-content{
  margin-bottom: 20px;
}
.entry-content__circle-box{
  width: 60%;
  margin: 0 auto;
}
.entry-content__circle-box:nth-of-type(n+2){
  margin-top: 20px;
}
.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: 6vw;
  text-align: center;
}
.entry-content__circle-text p:last-of-type{
  font-size: 3.6vw;
  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);
}