﻿@charset "UTF-8";



/************ その他のイベントセミナー ************/

.eventColumn{
  clear: both;
}
.eventColumn{
  clear: both;
  padding-top: 35px;
  padding-bottom: 40px;
  background: url(/-/Media/Ricoh/Sites/co_jp/3dp/common/images/side_dot.gif?1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.eventColumn .inner{
  width: 840px;
  margin: auto;
}

.eventColumn .r2_harea h5{
  text-align: center;
  color: #1c1c1c;
  line-height: 32px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.02em;
}
.eventColumn .r2_harea h5.r2_la1 {
  margin-left:0px;
  margin-right:0px;
  background: url(/-/Media/Ricoh/Sites/co_jp/3dp/images/bar_red.gif) repeat-y 7px;
  line-height: 20px;
  margin-bottom: 0px;
}
.eventColumn .r2_harea h5.r2_la3 {
  margin-left:0px;
  margin-right:0px;
  background: #FFFFFF url(/-/Media/Ricoh/Sites/co_jp/3dp/images/bar_glay.gif) repeat-y 7px;
  line-height: 20px;
  margin-bottom: 0px;
}
.eventColumn .r2_harea {
  background: #FFFFFF;
  margin-bottom: 25px;
  padding: 6px 0 6px;
}
.eventColumn .c{
  width: 766px;
  margin: auto;
}
.eventColumn .c a {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
.eventColumn .c a+a {
  margin-left: 20px;
}
.eventColumn .c .elem {
  background: #FFFFFF;
}

.eventColumn .c .txt {
  padding: 15px;
}
.eventColumn .c .txt:after {
  content: "";
  display: block;
  clear: both;
}
.eventColumn .c .date {
  margin-top: 10px;
  margin-bottom: 0px!important;
}
.eventColumn .c .title {
  margin-bottom: 0px!important;
}
.eventColumn .c .more{
  float: right;
  width: 65px;
  height: 19px;
  background: url(/-/Media/Ricoh/Sites/co_jp/3dp/common/images/more.gif) no-repeat left top;
}
.eventColumn .c .more.on{
  background: url(/-/Media/Ricoh/Sites/co_jp/3dp/common/images/more_on.gif) no-repeat left top;
}

/** type02 **/


.eventColumn.type02{
  padding: 35px 25px 38px 25px;
}
.eventColumn.type02 .inner{
  width: auto;
}
.eventColumn.type02 .c a{
  width: 290px;
}
.eventColumn.type02 .c .photo img{
  width: 100%;
}
.eventColumn.type02 .c{
  width: 601px;
}
.eventColumn.type02 .c a+a {
  margin-left: 15px;
}
.eventColumn.type02 .r2_harea {
  margin-bottom: 20px;
}

/** type03 **/


.eventColumn.type03{
  padding: 38px 30px 45px 30px;
  margin-top: 50px;
}
.eventColumn.type03 .inner{
  width: 880px;
}
.eventColumn.type03 .c a{
  width: 390px;
}
.eventColumn.type03 .c .photo img{
  width: 100%;
}
.eventColumn.type03 .c{
  width: 799px;
  margin: auto;
}
.eventColumn.type03 .c a+a {
  margin-left: 15px;
}
.eventColumn.type03 .r2_harea {
  margin-bottom: 20px;
}
.eventColumn.type03 .date {
  font-size: 16px;
}
.eventColumn.type03 .title {
  font-size: 16px!important;
  padding-left: 0;
  padding-top: 7px;
}
.eventColumn.type03 .r2_harea h5 {
  font-size: 14px;
}

.mt20{ margin-top: 20px!important; }
.mt30{ margin-top: 30px!important; }
.mt35{ margin-top: 35px!important; }
.mt40{ margin-top: 40px!important; }
.mb10{ margin-bottom: 10px!important; }
.mb40{ margin-bottom: 40px!important; }
.mb45{ margin-bottom: 45px!important; }
.mb50{ margin-bottom: 50px!important; }

.grid .BTN{
  display: inline-block;
  width: 340px;
  height: 50px;
  background: url(/-/Media/Ricoh/Sites/co_jp/3dp/event_seminar/images/btn_event_seminar_top.png) no-repeat left top;
}
.grid .BTN:hover{
  background: url(/-/Media/Ricoh/Sites/co_jp/3dp/event_seminar/images/btn_event_seminar_top_on.png) no-repeat left top;
}