﻿#movieArea {
  height: 582px;
  background: #000 url(/-/Media/Ricoh/Sites/co_jp/iwb/collaboration/img/moviearea-bg.gif) repeat-x left top;
}
#movieArea .wrap {
  width: 900px;
  margin: 0 auto;
}
#movieArea #movieWrap {
  width: 900px;
  height: 506px;
}
#movieArea img {
  vertical-align: top;
}
#movie01, #movie02 { display: none; }
#movieArea .btns {
  height: 76px;
}
#movieArea .btns li {
  height: 76px;
  float: left;
}
#movieArea .btns a {
  display: block;
  width: 450px;
  height: 76px;

  text-align: left;
  text-indent: -9999px;
}
#movie-bt-01 {
  background: url(/-/Media/Ricoh/Sites/co_jp/iwb/collaboration/img/header-bt-01.png) no-repeat left top;
}
a#movie-bt-01:hover,
a#movie-bt-01.on {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/collaboration/img/header-bt-01_ov.png);
}
a#movie-bt-01.hover {}
#movie-bt-02 {
  background: url(/-/Media/Ricoh/Sites/co_jp/iwb/collaboration/img/header-bt-02.png) no-repeat left top;
}
a#movie-bt-02:hover,
a#movie-bt-02.on {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/iwb/collaboration/img/header-bt-02_ov.png);
}
#descriptionArea {
  background: #e5e5e5;
}
#descriptionArea .wrap {
  width: 900px;
  margin: 0 auto;
  padding: 56px 0 0;
  zoom: 1;
}
#descriptionArea .wrap:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#descriptionArea h2 {
  margin-bottom: 43px;
}
#descriptionArea .pleft,
#descriptionArea .pright {
  width: 430px;
  float: left;
  font-size: 14px;
  line-height: 24px;
  color: #444;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 64px;
}
#descriptionArea .pright {
  width: 430px;
  float: right;
}
.section {
  width: 900px;
  margin: 0 auto 30px;
}
#section-01 {
  background: url(/-/Media/Ricoh/Sites/co_jp/iwb/collaboration/img/main-bg.gif) no-repeat center top;
  padding-top: 76px;
  margin-bottom: 60px;
}
#section-01 h2 {
  margin-bottom: 50px;
}
#section-01 .taidan {
  background: #e5e5e5;
}
#section-01 .taidan .text {
  background: #e5e5e5;
  padding: 40px;
  zoom: 1;
}
#section-01 .taidan .text:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#section-01 .taidan h3 {
  margin-bottom: 0;
}
#section-01 .taidan .text .pleft,
#section-01 .taidan .text .pright {
  width: 390px;
  float: left;
  font-size: 14px;
  line-height: 24px;
  color: #444;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 0;
}
#section-01 .taidan .text .pright {
  float: right;
}

#section-02 .matome {
  margin-bottom: 50px;
}
#section-02 .interview {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #444;
  -webkit-font-smoothing: antialiased;
  zoom: 1;
}
#section-02 .interview:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}

#section-02 .interview .pleft {
  width: 430px;
  float: left;
}
#section-02 .interview .pright {
  width: 430px;
  float: right;
}
#section-02 .interview dt {
  font-weight: bold;
  float: left;
}
#section-02 .interview dd {
  margin-left: 60px;
  margin-bottom: 25px;
}
#section-02 h3 {
  margin-bottom: 30px;
}
#section-02 .img {
  margin-bottom: 20px;
}

#section-02 .profile {
  padding: 20px;
  background: #e5e5e5;
  margin-bottom: 35px;
  zoom: 1;
}
#section-02 .profile:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
#section-02 .profile h4 {
  text-align: center;
  margin-bottom: 20px;
}
#section-02 .profile div {
  float: left;
}
#section-02 .social {
  text-align: right;
  height: 25px;
}
#section-02 .social .facebook {
  padding: 0px;
  display: block;
  float: left;
  width: 90px !important;
}
#section-02 .social .socialWrap {
  float: right;
}
#section-02 .social .twitter {
  margin: 0px 0px 0px 20px;
  padding: 0px;
  display: block;
  float: left;
  width: 90px !important;
}
#section-02 .social .twitter-share-button{
  width: 90px !important;
}

#section-03 {
  margin-bottom: 40px;
}
#section-03 #banner-01 {
  margin-bottom: 30px;
}
#section-03 #contact {
  float: left;
}
#section-03 #banner-02 {
  float: right;
}

#mainContentWrap .linkPagetop {
  width: 900px;
  margin: 0 auto;
  padding-bottom: 15px;
}



#container {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  text-align: left;
  background-image: none;
}
/* clearfix - other */
  #mainContentWrap,
  #mainContentRight,
  #mainContentLeft,
  #mainContent,
  #gHeader,
  #gHdrLangNav,
  #gFooter,
  #breadCrumb,
  #endBox,
  .columnCmn2,
  .columnCmn3,
  .columnCmn4,
  .boxCmn03,
  .linkCmnCol3,
  .linkCmnCol2,
  .listIcon03,
  .snavListTxt,
  .snavList,
  .sideNav,
  .sideR,
  .contact01,
  .contact02,
  .lineFloat,
  .tabBoxNav,
  .tabBoxNav02,
  .tabBoxNavA,
  .tabBoxNavB,
  .tabBoxNavC,
  .tabBoxNavD,
  .tabBoxNavE,
  .wrap,
  .listThumb01 li,
  .listThumb02,
  .listThumb03 li,
  .layoutCmn01,
  .layoutCmn01 li,
  .indexReleaseList li,
  .titleArea,
  .txtAreaCmn,
  .pageNav,
  .listLang,
  .filterNav,
  .imgArea,
  .listBox .box {
    zoom:1;
  }
  #mainContentWrap:after,
  #mainContentRight:after,
  #mainContentLeft:after,
  #mainContent:after,
  #gHeader:after,
  #gHdrLangNav:after,
  #gFooter:after,
  #breadCrumb:after,
  #endBox:after,
  .columnCmn2:after,
  .columnCmn3:after,
  .columnCmn4:after,
  .linkCmnCol3:after,
  .linkCmnCol2:after,
  .listIcon03:after,
  .snavListTxt:after,
  .snavList:after,
  .sideNav:after,
  .sideR:after,
  .contact01:after,
  .contact02:after,
  .lineFloat:after,
  .tabBoxNav:after,
  .tabBoxNav02:after,
  .tabBoxNavA:after,
  .tabBoxNavB:after,
  .tabBoxNavC:after,
  .tabBoxNavD:after,
  .tabBoxNavE:after,
  .wrap:after,
  .listThumb01 li:after,
  .listThumb02:after,
  .listThumb03 li:after,
  .layoutCmn01:after,
  .layoutCmn01 li:after,
  .indexReleaseList li:after,
  .titleArea:after,
  .txtAreaCmn:after,
  .pageNav:after,
  .listLang:after,
  .filterNav:after,
  .imgArea:after,
  .listBox .box:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0;
    visibility: hidden;
  }
#endArea {
  clear: both;
  margin-top: 0;
  border-top: 1px solid #dedede;
  padding-top: 14px;
  padding-bottom: 16px;
  background-color: #fafafa;
  zoom: 1;
}