@charset "UTF-8";
/* clearfix */
.clearfix, #secService ul, .serviceNav ul, #secContactcenter .boxSub, #secContactcenter .boxScheme ul li dl, #secBpo .ttl,
#secEmployment .ttl,
#secProduct .ttl, #secEmployment .boxDetail dd ul, #secSystem .boxSub {
  zoom: 1;
}
.clearfix:after, #secService ul:after, .serviceNav ul:after, #secContactcenter .boxSub:after, #secContactcenter .boxScheme ul li dl:after, #secBpo .ttl:after,
#secEmployment .ttl:after,
#secProduct .ttl:after, #secEmployment .boxDetail dd ul:after, #secSystem .boxSub:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ページごとスタイル
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.cntTtl {
  background: url(../images/bg_h2.gif) no-repeat center 0;
}

#secService {
  margin: 0 0 30px;
}
#secService ul li {
  float: left;
  width: 230px;
  height: 230px;
  overflow: hidden;
  background: #005bac;
  color: #fff;
}
#secService ul li dl {
  padding: 25px 18px 0;
}
#secService ul li dl dt {
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: solid 1px #669dcd;
  text-align: center;
}

.serviceNav {
  width: 650px;
  margin: 0 0 30px;
  padding: 20px;
  background: #edebe9;
  overflow: hidden;
}
.serviceNav p {
  text-align: center;
}
.serviceNav ul {
  width: 665px;
  margin: 10px 0 0;
  padding: 20px 0 0;
  background: url(../images/icon_cnav.gif) no-repeat 323px 0;
  border-top: solid 1px #005bac;
}
.serviceNav ul li {
  float: left;
  margin: 0 15px 0 0;
}

.secService {
  width: 690px;
  margin: 0 0 30px;
  overflow: hidden;
}
.secService .inner {
  width: 650px;
  margin: 25px auto 0;
}
.secService .inner .ttl dt {
  margin: 0 0 15px;
}
.secService .inner .boxDetail {
  margin: 20px 0 0;
  padding: 15px 20px;
  background: #edebe9;
  font-size: 77%;
  line-height: 1.8;
}

#secContactcenter .ttl {
  margin: 0 20px;
}
#secContactcenter .boxSub {
  margin: 30px 0 50px 20px;
}
#secContactcenter .boxSub .boxSubItem {
  float: left;
  width: 296px;
  margin: 0 18px 0 0;
}
#secContactcenter .boxSub .boxSubItem > dl {
  text-align: center;
}
#secContactcenter .boxSub .boxSubItem > dl dd {
  margin: 20px 0;
}
#secContactcenter .boxSub .boxSubItem p {
  width: 265px;
  margin: 20px auto;
}
#secContactcenter .boxSub .boxSubItem .boxDetail {
  width: 225px;
  margin: 0 auto;
}
#secContactcenter .boxSub .boxSubItem .boxDetail dl {
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: solid 1px #666666;
}
#secContactcenter .boxSub .boxSubItem .boxDetail dl:first-child {
  margin: 0;
  padding: 0;
  border: none;
}
#secContactcenter .boxScheme ul li {
  padding: 20px;
  border-bottom: solid 1px #ccc;
}
#secContactcenter .boxScheme ul li dl dt {
  float: left;
  width: 118px;
}
#secContactcenter .boxScheme ul li dl dd {
  float: right;
  width: 475px;
  margin: 25px 0 0;
}

#secBpo .ttl dl,
#secEmployment .ttl dl,
#secProduct .ttl dl {
  float: right;
  width: 445px;
}
#secBpo .ttl p,
#secEmployment .ttl p,
#secProduct .ttl p {
  float: left;
  width: 185px;
}

#secBpo .boxDetail dl,
#secSystem .boxDetail dl {
  letter-spacing: -.40em;
}
#secBpo .boxDetail dl dt,
#secBpo .boxDetail dl dd,
#secSystem .boxDetail dl dt,
#secSystem .boxDetail dl dd {
  display: inline;
  letter-spacing: normal;
}
#secBpo .boxDetail dl dt,
#secSystem .boxDetail dl dt {
  margin: 0 10px 0 0;
}

#secEmployment .boxDetail dd ul li {
  float: left;
  width: 50%;
}

#secSystem .ttl {
  margin: 0 20px;
}
#secSystem .boxSub {
  margin: 30px 0 0 20px;
}
#secSystem .boxSub .boxSubItem {
  float: left;
  width: 194px;
  margin: 0 13px 0 0;
}
#secSystem .boxSub .boxSubItem > dl {
  text-align: center;
}
#secSystem .boxSub .boxSubItem > dl dd {
  margin: 20px 0;
}
#secSystem .boxSub .boxSubItem p {
  width: 194px;
  margin: 20px auto;
}