@charset "utf-8";

/* ===== bg_img */
.bg_img DIV {
  width: 100%;
  height: auto;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
}
.bg_img DIV:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}

/* ===== label new */
.lb_new { position:relative; }
.lb_new:after {
  width:50px;
  height:50px;
  background:transparent url(/-/Media/Ricoh/Sites/co_jp/pp/pro-premium/img/new.png) right top no-repeat;
  background-size:50px;
  content: "";
  position:absolute;
  top:6px;
  right:6px;
}

/* ===== slider */
#slider {
  height: 258px;
  overflow: hidden;
}
#slider A {
  height: 256px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  text-decoration: none;
  border: solid 1px #c9c9c9;
  display: block;
  position: relative;
}
#slider A DL {
  width: 50%;
  background-color: rgba(0,0,0,0.8);
  color: #ffffff;
  font-size: 0.875rem;
  padding: 16px;
  display:inline-block;
  position: absolute;
  top: 16px;
  right: 16px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
#slider A DT {
  font-size: 1.25rem;
  font-weight: 700;
}
#slider .button {
  background: #c2c2c2 url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_down_03.png) 12px center no-repeat;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 8px 12px 8px 36px;
  display: inline-block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width:640px) {
  #slider,
  #slider A {
    height: 60vw;
    border: none;
  }
  #slider A DL {
    width: 100%;
    padding: 8px;
    top: 0;
    right: 0;
  }
}

.main_vi_txt .ant {
  color: #cf142b;
  font-size: 0.75rem;
}

/* ===== tab */
#tab .sct_bg02 { background-color: #f3f3f3; }
#tab H2,
#tab H3 {
  font-weight: 700;
  font-size: 1.125rem;
}
#tab H3 IMG.balloon {
  width: auto;
  height: 1.575rem;
  vertical-align: top;
  margin-right: 0.5rem;
}
#tab .hd_rss {
  height: 1rem;
  background: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_newwindow_03.png) 0 0 no-repeat;
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 8px;
  margin-right: 4px;
  padding-left: 20px;
  display: block;
  float: right;
}
#tab .news_lst DT {
  width: 8rem;
  font-weight: 700;
  float: left;
  margin-right: 0.5rem;
}
#tab .news_lst DD {
  margin-left: 0;
  overflow: hidden;
}
@media (max-width:640px) {
  #tab .news_lst DT { float:none; }
}

/* ===== area link */
#tab A.cmp_mtc01,
#tab A.image_mn .dtl {
  color: #333333;
  font-size: 0.875rem;
  border-color: #c9c9c9;
}
#tab A.cmp_mtc01 .ttl {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 4px;
}
#tab A.cmp_mtc01 .ttl span.dsp_b { font-size: 0.75rem; }
#tab A.image_mn .dtl,
#tab A.thumb_mn { border-top-width: 4px; }
#tab .image_mn .bg_img DIV { padding-bottom: calc(100% * 1/2); }
#tab .thumb_mn .bg_img DIV { padding-bottom: calc(100% * 3/4); }
#tab A.image_mn .dtl { background-image: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_newwindow_02.png); }
#tab .news_sct A.news_lst,
#tab A.thumb_mn,
#tab A.image_mn:hover .dtl { background-image: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_newwindow_01.png); }
#anc00 A.image_mn .dtl { background-image: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_accordiondown_02.png); }
#anc00 A.image_mn:hover .dtl { background-image: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_accordiondown_01.png); }
#tab A.thumb_mn .img { width: 30%; }
#tab A.image_mn .dtl {
  background-color: #303233;
  color: #ffffff;
}

#tab A.thumb_mn:hover,
#tab A.image_mn:hover .dtl {
  color: #000000;
  background-color: #f3f3f3;
  border-top-color: #cf142b;
}
#tab A.cmp_mtc01:hover .bg_img { background-color: #c9c9c9; }
#tab A.cmp_mtc01:hover .bg_img DIV { opacity: 0.8; }
#tab .sct_bg02 A.image_mn:hover .dtl { background-color: #ffffff; }

/* ===== seminar link */
#tab DIV.cmp_mtc01 {
  color: #000000;
  font-size: 0.875rem;
  border-color: #c9c9c9;
}
#tab DIV.cmp_mtc01 { border-width: 2px; }
#tab DIV.cmp_mtc01 .button {
  font-size: 0.75rem;
  padding: 8px 12px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#tab DIV.cmp_mtc01 .button .ico_nml { background-position: -2px center; }
#tab DIV.cmp_mtc01 DL { margin-bottom: 4px; }
#tab DIV.cmp_mtc01 DT { font-size: 1rem; }

/* ===== contents_nv */
.contents_nv .cnt_nv_lst li a,
.contents_nv .cnt_nv_lst li span { background-image: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_up_01.png); }
@media (max-width:640px) {
  .contents_nv .cnt_nv_lst li a, .contents_nv .cnt_nv_lst li span {
    background-size: 24px 24px;
    padding-right: 24px;
  }
}

/* ===== main_information */
.main_information {
    padding: 8px;
}
.main_information_title {
    background-color: #cf142b;
    color: #fff;
    font-size: 24px;
    display: block;
}
.main_information_text_block {
    padding: 10px;
    border: 1px solid #cf142b;
    font-size: 14px;
}

/* ===== 頭文字ぶら下げ */
DL.inline:before, DL.inline:after { content: ""; display: table; }
DL.inline:after { clear: both; }
DL.inline { zoom: 1; }
DL.inline DT { float: left; }
DL.inline DD { margin-left:0; overflow: hidden; }