@charset "utf-8";
/* ============================
 * 
 *     lineup index
 *
 * ============================ */
.leading {
  margin: 0 0 0.25em;
  line-height: 180%;
}
.leading ~ p {
  margin: 0 0 20px;
}

.sprite-lineups {
  display: inline-block;
  width: 206px;
  height: 68px;
  background: url(../img/lineup/sprite_lineups.png) no-repeat 0 0;
  vertical-align: middle;
}
.sprite-lineups .spr-lbl {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
}

.spr-linup-domain {
  background-position: 0px 0px;
}

a:hover .spr-linup-domain {
  background-position: -210px 0px;
}

.spr-linup-trademark {
  background-position: 0px -70px;
}

a:hover .spr-linup-trademark {
  background-position: -210px -70px;
}

.spr-linup-design {
  background-position: 0px -140px;
}

a:hover .spr-linup-design {
  background-position: -210px -140px;
}

.spr-linup-web {
  background-position: 0px -210px;
}

a:hover .spr-linup-web {
  background-position: -210px -210px;
}

.spr-linup-net {
  background-position: 0px -280px;
}

a:hover .spr-linup-net {
  background-position: -210px -280px;
}

.spr-linup-report {
  background-position: 0px -350px;
}

a:hover .spr-linup-report {
  background-position: -210px -350px;
}

.lineup-list ul {
  overflow: hidden;
  width: 672px;
}
.lineup-list li {
  float: left;
  margin: 9px 18px 9px 0;
}
img.lineup-content-logo {
  vertical-align: baseline;
  margin-right: 10px;
}


/* ============================
 * 
 *     lineup common
 *
 * ============================ */
.cat-lineup .white-rounded-frame {
  width: 660px;
  padding: 20px 25px;
}

.ielt9 .cat-lineup .white-rounded-frame {
  width: 710px;
  padding: 5px 0 0;
}
.ielt9 .cat-lineup .white-rounded-frame > div > div {
  padding: 15px 25px;
}

.lineup-title {
  padding-left: 45px;
  font-size: 137.5%;
  line-height: 45px;
  color: #FFF;
  font-weight: bold;
}

.lineup-content-leading {
  margin: 20px 0;
}

.lineup-content-title {
  position: relative;
  margin: 1em 0 0.5em;
  padding-left: 20px;
  vertical-align: middle;
  font-size: 125%;
  line-height: 27px;
}
.lineup-content-title:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 11px;
  height: 27px;
  background: #666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.ielt9 .lineup-content-title {
  background: url(../img/lineup/lineup_burret.png) no-repeat 0 0;
  font-weight: normal;
}
.ielt9 .lineup-content-title:before {
  display: none;
}

.lineup-content-section p {
  margin: 1em 0;
  font-size: 87.5%;
  line-height: 150%;
}
.lineup-content-section .overview-list {
  line-height: 180%;
}

.lineup-content-diagram {
  margin: 20px 0 0;
}

/* ============================
 * 
 *     lineup domain
 *
 * ============================ */
#lineup-domain .lineup-title {
  background: url(../img/lineup/domain_title_bg.png) no-repeat 0 0;
}

/* ============================
 * 
 *     lineup trademark
 *
 * ============================ */
#lineup-trademark .lineup-title {
  background: url(../img/lineup/trademark_title_bg.png) no-repeat 0 0;
}

/* ============================
 * 
 *     lineup web
 *
 * ============================ */
#lineup-web .lineup-title {
  background: url(../img/lineup/web_title_bg.png) no-repeat 0 0;
}

.website-monitoring-diagram {
  margin: 20px 0;
}
.website-monitoring-diagram p {
  display: table-cell;
  vertical-align: middle;
  font-size: 81.25%;
  font-weight: bold;
}
.website-monitoring-diagram p:first-child {
  width: 380px;
  padding: 0 30px 0 50px;
  background: url(../img/lineup/web_arrow_r.png) no-repeat 100% 50%;
  color: #042164;
}
.website-monitoring-diagram p ~ p {
  width: 108px;
  padding: 0 0 0 20px;
  color: #C00;
}

.ie7 .website-monitoring-diagram {
  margin: 0;
}
.ie7 .website-monitoring-diagram p {
  display: inline;
  zoom: 1;
}

/* ============================
 * 
 *     lineup net
 *
 * ============================ */
#lineup-net .lineup-title {
  background: url(../img/lineup/net_title_bg.png) no-repeat 0 0;
}

/* ============================
 * 
 *     lineup report
 *
 * ============================ */
#lineup-report .lineup-title {
  background: url(../img/lineup/report_title_bg.png) no-repeat 0 0;
}