@charset "UTF-8";

.ocp #spsideanno {
  text-align: right;
}
.ocp #spsideanno p {
  font-weight: bold;
  padding-right: 5px;
}

.ocp #prgTab ul li.item01 {
  left: -3px;
  background: url(/files/tab_mov_490099e4a7e3aec386405326f7a376d5.gif) no-repeat;
  background-size: contain;
}
.ocp #prgTab ul li.item02 {
  left: 370px;
  background: url(/files/tab_ent_40dd3cf222bac671d3c8156265ca3274.gif) no-repeat;
  background-size: contain;
  right:-5px;
}
.ocp #prgTab ul li.item02 img {
  max-width: 375px;
}

.ocp #prgBody ul,
.ocp #prgBody ul.listEnd {
  height: 100%;
  clear: both;
  overflow: hidden;
}
.ocp #prgBody ul {
  padding-bottom: 5.4%;
}
.ocp #prgBody ul.listEnd {
  padding-bottom: 0;
}
.ocp #prgBody ul li {
  position: static;
}
.ocp #prgMov {
  padding-top: 4%;
  background: url(/files/tab_bg_mov_80af881e629ec356c192bd088b5a8db5.gif) no-repeat;
  background-size: contain;
}
.ocp #prgEnt {
  padding-top: 4%;
  background: url(/files/tab_bg_ent_6591ae2a5fcdc60de71e9042463b57fe.gif) no-repeat;
  background-size: contain;
}
.ocp #prgMov li,
.ocp #prgEnt li  {
  float: left;
}
.ocp #prgMov li.listMov1,
.ocp #prgMov li.listMov4,
.ocp #prgMov li.listMov7,
.ocp #prgEnt li.listEnt1,
.ocp #prgEnt li.listEnt4,
.ocp #prgEnt li.listEnt7 {
  width: 33.3%;
}
.ocp #prgMov li.listMov2,
.ocp #prgMov li.listMov3,
.ocp #prgMov li.listMov5,
.ocp #prgMov li.listMov6,
.ocp #prgMov li.listMov8,
.ocp #prgMov li.listMov9,
.ocp #prgEnt li.listEnt2,
.ocp #prgEnt li.listEnt3,
.ocp #prgEnt li.listEnt5,
.ocp #prgEnt li.listEnt6,
.ocp #prgEnt li.listEnt8,
.ocp #prgEnt li.listEnt9 {
  width: 33.35%;
}
.ocp #prgTab .none {
  display: none;
}

.ocp #prgBody ul {
  background: url(/files/bg_shadow1_4d9a07a6c6f5c26655351bda8d4b4730.gif) no-repeat left bottom;
  background-size: contain;
}
.ocp #prgBody ul li a {
  display: block;
  line-height: 0;
}

.ocp #prgInd .link {
  background: url(/files/btn_cmn_top_o_95fc4a46b6d426b0caba0d753f2b11e9.gif) no-repeat;
}

.ocp #preImg {
  height: 0;
  line-height: 0;
  opacity: 0;
  width: 0;
}

@media screen and (max-width: 822px) {
#prgTab ul {
  height: auto !important;
  overflow: hidden;
  padding-bottom: 8.5%;
}
.ocp #prgTab ul li.item01 {
  left: -0.4%;
  max-width: 373px;
  width: 50.5%;
}
.ocp #prgTab ul li.item02 {
  left: 50%;
  right: -5px;
}
.ocp #prgTab ul li.item02 img {
  max-width: 375px;
  width: 100%;
}
}

@media screen and (max-width: 767px) {
.free-html .container-fluid {
  padding: 0;
}
#prgInd #prgHead p {
  padding: 0 5px;
}
}