a img {
  border: none;
}
#pageWrapper {
  position: relative;
}

/* content area width max */
#content #contentWrapper {
  width: 100%;
  background: none;
  padding: 0;
}

/* menu area initialize */
#primaryNavigation {
  display: none;
}

/* element area centering */
div.monoColumnPageLayout {
  background-color: #f2f2f2;
}
div.monoColumnPageLayout div.page.columnTwo {
  margin-left: auto;
  margin-right: auto;
}
div.monoColumnPageLayout > div.monoColumnPageLayoutWrapper > div.rowOne.row > div.page.columnTwo > div.columnWrapper {
  padding: 0 10px 150px 10px;
}

/* Contents */
h1 {
  margin-top: 30px;
  text-align: center;
  color: #000000;
  font-size: 20px;
  line-height: 180%;
}
.csc-textpic.csc-textpic-center.csc-textpic-below .csc-textpic-text {
  text-align: center;
}
h2 {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  color: #000000;
  font-size: 24px;
  line-height: 160%;
}
h3 {
  color: #000000;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 160%;
}
p.bodytext {
  font-size: 120%;
  line-height: 160%;
}
.box h3 {
  color: #ffffff;
  font-size: 16px;
  line-height: 160%;
  padding: 5px;
  text-align: center;
  background-color: #638ac0;
  margin-top: 20px;
  margin-bottom: 30px;
}
.box.boxPadding h3 {
  background-color: #656565;
}
.box {
  margin-bottom: 50px;
}

#content div.twoColumnLayout div.columnOne div.columnWrapper,
#content div.twoColumnLayout div.layout.columnOne div.columnWrapper,
#content div.twoColumnLayout.fiftyFifty div.layout.columnOne div.columnWrapper,
#content div.twoColumnLayout div.columnTwo div.columnWrapper,
#content div.twoColumnLayout div.layout.columnTwo div.columnWrapper,
#content div.twoColumnLayout.fiftyFifty div.layout.columnTwo div.columnWrapper {
  padding-bottom: 0;
}
#content div.box.boxPadding div.twoColumnLayout.fiftyFifty div.layout.columnOne,
#content div.box.boxPadding div.twoColumnLayout.fiftyFifty div.layout.columnTwo {
  width: 49%;
}
#content div.twoColumnLayout div.columnOne div.layout.columnWrapper {
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  #content div.twoColumnLayout div.columnOne,
  #content div.twoColumnLayout div.layout.columnOne,
  #content div.twoColumnLayout.fiftyFifty div.layout.columnOne,
  #content div.twoColumnLayout div.columnTwo,
  #content div.twoColumnLayout div.layout.columnTwo,
  #content div.twoColumnLayout.fiftyFifty div.layout.columnTwo,
  #content div.box.boxPadding div.twoColumnLayout.fiftyFifty div.layout.columnOne,
  #content div.box.boxPadding div.twoColumnLayout.fiftyFifty div.layout.columnTwo {
    float: none;
    width: 100%;
  }
  #content div.twoColumnLayout div.columnOne div.layout.columnWrapper {
    padding-right: 0;
  }
}
div.blueFadeBox {
  background: none;
  margin-bottom: 50px;
}
div.blueFadeBox > div.boxWrapper {
  margin: 0;
  padding: 0;
}
div.blueFadeBox h3 {
  font-size: 16px;
  background: none;
  background-color: #274f7c;
}
div.blueFadeBox h4 {
  font-size: 14px;
  background: none;
  background-color: #656565;
  padding: 5px 15px;
  color: #ffffff;
  margin-top: 25px;
}
div.box.boxPadding {
  margin-bottom: 0;
}
div.boxPadding > div.boxWrapper {
  padding: 0px 30px 15px;
}
@media screen and (max-width: 768px) {
  div.boxPadding > div.boxWrapper {
    padding: 0px 10px 15px;
  }
}
div.blueFadeBox b {
  font-size: 16px;
}
div.mapLink, div.mapLink a {
  color: #274f7c;
}
div.mapLink.single {
  text-align: center;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  div.mapLink a {
    display: block;
  }
}
div.seminarLink {
  text-align: center;
}
div.seminarLink a {
  display: inline-block;
  padding: 5px 15px;
  color: #ffffff;
  background-color: #656565;
  border-radius: 15px;
  margin-top: 15px;
}
div.seminarLink.questionnaire a {
  padding: 15px 25px;
  font-weight: bold;
  font-size: 120%;
}
div.seminarLink.all a {
  background-color: #274f7c;
}
div.seminarLink.user a {
  background-color: #ED7D31;
}
div.seminarLink a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.box h3.products {
  background-color: #3780de;
}
.box h3.map {
  background-color: #656565;
}

.overflowx {
  overflow-x: auto;
}
table tbody tr td {
  vertical-align: middle;
}
table p {
  margin-bottom: 0;
}
table tbody tr td.productIcon {
  width: 70px;
  text-align: center;
}
table tbody tr td.productImage {
  width: 220px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  table tbody tr td.productImage {
    width: 70px;
  }
  table tbody tr td.productImage img {
    min-width: 70px;
    width: 70px;
    height: auto;
  }
}
table tbody tr td.productPage {
  width: 160px;
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 768px) {
  table tbody tr td.productPage {
    width: 125px;
  }
}
.newIcon {
  background-color: #ff0000;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  padding: 5px;
  position: relative;
}
.newIcon p {
  position: absolute;
  margin-bottom: 0;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.exIcon {
  background-color: #f39800;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 0px;
  position: relative;
}
.exIcon p {
  position: absolute;
  padding: 0;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  line-height: 1.2em;
}
.productLink {
  width: 150px;
  border-radius: 25px;
  border: 2px solid #3780de;
  padding: 5px 0px;
  text-align: center;
  background-color: #ffffff;
  color: #3780de;
  display: inline-block;
}
.productLink:hover {
  opacity: 0.6;
  text-decoration: none;
}
div.productLink:hover {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .productLink {
    padding: 5px 15px;
    width: 100px;
  font-size: 90%;
  }
}

/* modal map */
#trueModal {
  text-align: center;
}
#trueModal img {
  max-width: 100%;
  height: auto;
}
#trueModal button {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 1;
  border-radius: 25px;
  border: none;
  color: #ffffff;
  background-color: #000000;
  cursor: pointer;
}

/* Access map */
.accessMap {
  max-width: 100%;
}

/* Official site */
.officialSite {
  text-align: center;
}
.officialSite a {
  display: inline-block;
  text-align: center;
  padding: 15px 40px;
  font-size: 16px;
  border-radius: 25px;
  color: #000000;
  border: 2px solid #000000;
  font-weight: bold;
  line-height: 1em;
}
.officialSite a:hover {
  opacity: 0.6;
  text-decoration: none;
}

/* Invitation PDF */
.invitationPDF {
}
.invitationPDF a {
  display: block;
  text-align: center;
  padding: 15px 20px 10px 20px;
  font-size: 18px;
  border-radius: 40px;
  color: #3780de;
  border: 2px solid #3780de;
  font-weight: bold;
  background-color: #ffffff;
  margin-top: 40px;
  line-height: 1em;
}
.invitationPDF a img {
  vertical-align: middle;
}
.invitationPDF a:hover {
  opacity: 0.6;
  text-decoration: none;
}


/* UP Button */
#upButton {
  position: fixed;
  right: 40px;
  bottom: 80px;
}
#upButton:hover {
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  #upButton {
    right: 10px;
  }
}

/* Showcase Banner in Footer */
#showcaseBanner {
  position: fixed;
  height: 71px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  text-align: center;
  background: url(/fileadmin/uploads/Affiliates/hor/Events/common/images/showcase_banner_bg.png) top center repeat-x;
}
#showcaseBanner a {
  display: block;
  width: 100%;
  height: 71px;
  text-align: center;
  vertical-align: middle;
}
#showcaseBanner a img {
  vertical-align: middle;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

/* Local menu in Header */
#primaryNavigationEvent {
  background-color: #000139;
  padding: 0;
  width: 100%;
  border-top: 8px solid #638ce1;
}

#primaryNavigationEvent #primaryNavigationEventWrapper {
  width: 910px;
  margin-left: auto;
  margin-right: auto;
}
#primaryNavigationEvent {
  position: relative;
  overflow: visible;
  height: 34px;
  z-index: 998;
}
#primaryNavigationEvent.fixed {
  position: fixed;
  top: 0px;
}
#content #contentWrapper.fixed {
  background-attachment: fixed;
  padding-top: 41px;
}
#primaryNavigationEvent ul li {
  background-image: none;
}
@media screen and (max-width: 959px) {
  #primaryNavigationEvent #primaryNavigationEventWrapper {
    width: auto;
  }
}


/* Close button for Modal */
.mapImage {
  margin-bottom: 20px;
}
.closeButton {
  text-align: center;
  margin-bottom: 0;
}
.popup-modal-dismiss {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1;
  border-radius: 25px;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
}
.popup-modal-dismiss:hover {
  text-decoration: none;
  opacity: 0.6;
}

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 890px;
margin: 20px auto;
}
.white-popup img {
width: 100%;
height: auto;
}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/* Anchor Menu */
ul.anchorMenu {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
ul.anchorMenu li {
  background-image: none;
  padding: 0;
  margin: 10px 1% 0 1%;
  border-bottom: 3px solid #aaaaaa;
  width: 18%;
  min-width: 160px;
}
ul.anchorMenu li:hover {
  border-bottom: 3px solid #333333;
}
ul.anchorMenu li a {
  color: #333333;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  display: block;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
ul.anchorMenu li a:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 20px;
  display: block;
  text-align: center;
  padding-top: 5px;
}
ul.anchorMenu li a:hover {
  text-decoration: none;
}