@charset "utf-8";

/*
**  Active Link Co.
**
**  LAYOUT.CSS
**
*/

/*
**  FONT SIZE CHEAT
**
**  16px : 133.4%
**  15px : 125%
**  14px : 116.7%
**  13px : 108.4%
**  12px : 100%
**  11px : 91.7%
**  10px : 83.4%
**
*/

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_COMMON */                                                   /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#contents h1 {
  height:49px;
  margin-bottom:27px;
  padding-top:19px;
  padding-bottom:7px;
  border-top:3px solid #515390;
  background:url(../images/line_headings_b.png) repeat-x 0 bottom;
}

.h2 {
  margin-bottom:4px;
  padding-bottom:17px;
  background:url(../images/line_headings_a.png) repeat-x 0 bottom; 
}

.h3 {
  margin-bottom:1em;
  color:#515390;
  font-weight:bold;
}

#contents .arrow-m li {
  padding-left:18px;
  background:url(../images/bullet_arrow_middle.gif) no-repeat 0 0.5em;
}

#contents .arrow-s li {
  padding-left:18px;
  background:url(../images/bullet_arrow_small.gif) no-repeat 0 0.5em;
}

#contents .external li a {
  padding-right:18px;
  background:url(../images/bullet_external.gif) no-repeat right 0.2em;
}

#contents .dotlist li,
#contents li.dotlist {
  padding-left:18px;
  background:url(../images/bullet_list_circle.gif) no-repeat 0 0.5em;
}

#contents .decimal {
  list-style:decimal;
  margin-bottom:1em;
  padding-left:18px;
}

.ie6 #contents .decimal,
.ie7 #contents .decimal {
  padding-left:2em;
}

#contents .checkbox li {
  margin-bottom:0.5em;
  padding-left:18px;
  line-height:1.5;
  background:url(../images/bullet_list_checkbox.gif) no-repeat 0 0.2em;
}

#contents .note-s {
  text-indent:-1.3em;
  margin-left:1.3em;
  font-size:91.7%;
  line-height:1.5;
}


#cntfoot-contact {
  margin-bottom:40px;
  border:5px solid #ededf4;
}

#cntfoot-contact ul li a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

#cntfoot-next {
  margin-bottom:40px;
  padding:3px 13px;
  border:5px solid #ededf4;
}

#cntfoot-links {
  padding:10px 9px;
  border:1px solid #ccc;
}

#cntfoot-links h3 {
  margin-bottom:0.5em;
  color:#515390;
  font-weight:bold;
}

#cntfoot-links ul.left {
  float:left;
  width:250px;
}

#cntfoot-links ul.right {
  float:left;
  width:185px;
}

.mac #cntfoot-links ul li {
  letter-spacing:-1px;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_HOME */                                                   /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#home #mainv {
  position:relative;
  width:951px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:36px;
}

#home #mainv #mainv-img {
  float:left;
  width:705px;
}

#home #mainv #mainv-img h1 {
  position:absolute;
  top:174px;
  left:33px;
}

#home #mainv #mainv-img p.readcopy {
  position:absolute;
  top:268px;
  left:33px;
}


#home #mainv #mainv-nav {
  float:left;
  width:245px;
  background:url(../../images/home_mainv_nav_bg.png) no-repeat 0 0;
}

#home #mainv #mainv-nav ul li {
  float:left;
}

#home #mainv #mainv-nav ul li a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

#home #sidebar {
  width:216px;
}

#home #sidebar #seminar-banner li {
  margin-bottom:10px;
}

#home #sidebar #seminar-banner li a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

#home #contents h2 a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

#home #contents table {
  width:459px;
}

#home #contents table th {
  width:90px;
  padding:0.4em 0;
  color:#515390;
  vertical-align:top;
  background:url(../images/line_brokenline.gif) repeat-x 0 bottom;
}

.mac #home #contents table th {
  width:105px;
}

#home #contents table td {
  padding:0.4em 0;
  background:url(../images/line_brokenline.gif) repeat-x 1px bottom;
}


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_SERVICE */                                                   /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* ------------------------------------------------------------ */
/* ![/service/index.html] */
/* ------------------------------------------------------------ */

#ser-index #contents #summary {
  margin-bottom:30px;
}
#ser-index #contents .section {
  margin-bottom:30px;
}

/* ------------------------------------------------------------ */
/* ![/service/strategy.html] */
/* ------------------------------------------------------------ */

/* section01
------------------------------------- */
#ser-strategy #contents #section01 {
  margin-bottom:2em;
}
#ser-strategy #contents #section01 h2 {
  margin-bottom:2em;
}
#ser-strategy #contents #section01 p {
  margin-bottom:1em;
}
#ser-strategy #contents #section01 p img {
  padding-top:1em;
}


/* section02
------------------------------------- */
#ser-strategy #contents #section02 {
  margin-bottom:40px;
}
#ser-strategy #contents #section02 h3 {
  margin-bottom:1em;
  color:#515390;
  font-weight:bold;
}
#ser-strategy #contents #section02 p {
  margin-bottom:1em;
}

/* ------------------------------------------------------------ */
/* ![/service/promotion.html] */
/* ------------------------------------------------------------ */

#ser-promotion #contents #section01 {
  margin-bottom:40px;
}

#ser-promotion #contents #section01 h2 {
  margin-bottom:2em;
}

#ser-promotion #contents #section01 p {
  margin-bottom:1em;
}

#ser-promotion #contents #section01 p img {
  padding-top:1em;
}

/* ------------------------------------------------------------ */
/* ![/service/brand.html] */
/* ------------------------------------------------------------ */

/* section01
------------------------------------- */
#ser-brand #contents #section01 {
  margin-bottom:2em;
}
#ser-brand #contents #section01 h2 {
  margin-bottom:2em;
}
#ser-brand #contents #section01 p {
  margin-bottom:1em;
}

/* section02
------------------------------------- */
#ser-brand #contents #section02 {
  margin-bottom:3em;
}
#ser-brand #contents #section02 p {
  margin-bottom:16px;
}
#ser-brand #contents #section02 div.group p {
  margin-bottom:0;
}
#ser-brand #contents #section02 div.group p.lcol {
  float:left;
}
#ser-brand #contents #section02 div.group p.rcol {
  float:right;
}

/* section03
------------------------------------- */
#ser-brand #contents #section03 {
  margin-bottom:3em;
}
#ser-brand #contents #section03 ul.dotlist {
  margin-bottom:2em;
}
#ser-brand #contents #section03 div.group p.lcol {
  float:left;
}
#ser-brand #contents #section03 div.group p.rcol {
  float:right;
}

/* section04
------------------------------------- */
#ser-brand #contents #section04 {
  margin-bottom:40px;
}
#ser-brand #contents #section04 div.group ul.dotlist {
  float:left;
  width:300px;
}
#ser-brand #contents #section04 div.group p {
  float:right;
  width:140px;
}

/* ------------------------------------------------------------ */
/* ![/service/solution.html] */
/* ------------------------------------------------------------ */

/* section01
------------------------------------- */
#ser-solution #contents #section01 {
  margin-bottom:2em;
}
#ser-solution #contents #section01 h2 {
  margin-bottom:2em;
}
#ser-solution #contents #section01 p {
  margin-bottom:1em;
}
#ser-solution #contents #section01 ol {

}

/* section02
------------------------------------- */
#ser-solution #contents #section02 {
  margin-bottom:2em;
}

#ser-solution #contents #section02 .group .lcol {
  float:left;
  width:220px;
}
#ser-solution #contents #section02 .group .rcol {
  float:right;
  width:220px;
}


/* section03
------------------------------------- */
#ser-solution #contents #section03 {
  margin-bottom:40px;
}

#ser-solution #contents #section03 .group p.lcol {
  float:left;
  width:220px;
}
#ser-solution #contents #section03 .group p.rcol {
  float:right;
  width:220px;
}

/* ------------------------------------------------------------ */
/* ![/service/pano.html] */
/* ------------------------------------------------------------ */

#ser-pano #contents #section01 {
  margin-bottom:3em;
}

#ser-pano #contents #section01 h2 {
  margin-bottom:2em;
}
#ser-pano #contents #section01 p {
  margin-bottom:1em;
}


#ser-pano #contents #section02 {
  margin-bottom:3em;
}

#ser-pano #contents #section02 p {
  margin-bottom:1em;
}

#ser-pano #contents #section03 {
  margin-bottom:40px;
}

#ser-pano #contents #section03 p {
  margin-bottom:1em;
}

/* ------------------------------------------------------------ */
/* ![/service/pano_flow.html] */
/* ------------------------------------------------------------ */

#ser-pano-flow #contents #section01 {
  margin-bottom:3em;
}

#ser-pano-flow #contents #section01 ul.dotlist {
  margin-bottom:0.5em;
}

#ser-pano-flow #contents #section01 .note-s {
  text-indent:-1.3em;
  margin-left:1.3em;
  font-size:83.4%;
}

#ser-pano-flow #contents #section02 {
  margin-bottom:3em;
}

#ser-pano-flow #contents #section03 {
  margin-bottom:40px;
}

/* ------------------------------------------------------------ */
/* ![/service/pano_case.html] */
/* ------------------------------------------------------------ */

#ser-pano-case #contents #section01 {
  margin-bottom:3em;
}

#ser-pano-case #contents #section01 .lcol {
  float:left;
  width:225px;
}

#ser-pano-case #contents #section01 .rcol {
  float:right;
  width:215px;
}

#ser-pano-case #contents #section01 .checkbox {
  padding-top:1.6em;
}

#ser-pano-case #contents #section02 {
  margin-bottom:3em;
}

#ser-pano-case #contents #section02 .lcol {
  float:left;
  width:225px;
}

#ser-pano-case #contents #section02 .rcol {
  float:right;
  width:215px;
}

#ser-pano-case #contents #section03 {
  margin-bottom:40px;
}

#ser-pano-case #contents #section03 p {
  margin-bottom:2em;
}

/* ------------------------------------------------------------ */
/* ![/service/pano_faq.html] */
/* ------------------------------------------------------------ */

#ser-pano-faq #contents #section01,
#ser-pano-faq #contents #section02 {
  margin-bottom:3em;
}

#ser-pano-faq #contents .faq {
  margin-bottom:2em;
}

#ser-pano-faq #contents .faq h3 {
  min-height:36px;
  height:auto !important;
  height:36px;
  margin-bottom:1em;
  padding-left:48px;
  color:#515390;
  background:url(../../service/images/pano_faq_icon_q.gif) no-repeat 0 0;
}

#ser-pano-faq #contents .faq .answer {
  min-height:36px;
  height:auto !important;
  height:36px;
  padding-left:48px;
  background:url(../../service/images/pano_faq_icon_a.gif) no-repeat 0 0;
}

#ser-pano-faq #contents .faq .answer p {
  margin-bottom:1em;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_SEMINAR */                                                   /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* ------------------------------------------------------------ */
/* ![/seminar/index.html] */
/* ------------------------------------------------------------ */

#sem-index #section01,
#sem-index #section02,
#sem-index #section03 {
  margin-bottom:3em;
}

#sem-index #section01 ul li {
  float:left;
  margin-right:28px;
}

#sem-index #section01 ul li.nomr {
  margin-right:0;
}

#sem-index #section01 ul li a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

#sem-index #section02 table {
  width:460px;
  background:url(../images/line_brokenline.gif) repeat-x 0 top;
}

#sem-index #section02 table th {
  width:90px;
  padding:0.7em 0;
  color:#515390;
  vertical-align:top;
  background:url(../images/line_brokenline.gif) repeat-x 0 bottom;
}

.mac #sem-index #section02 table th {
  width:105px;
}

#sem-index #section02 table td {
  padding:0.7em 0;
  color:#515390;
  background:url(../images/line_brokenline.gif) repeat-x 1px bottom;
}


/* ------------------------------------------------------------ */
/* ![/seminar/seminar_xxxxx.html] seminar detail page */
/* ------------------------------------------------------------ */

#sem-detail #contents h2 {
  margin-bottom:2em;
  font-size:133.4%;
  color:#515390;
  font-weight:bold;
  border-bottom:1px solid #ccc;
}

#sem-detail #section01,
#sem-detail #section02,
#sem-detail #section03,
#sem-detail #section04 {
  margin-bottom:2em;
}

#sem-detail #section02 ul.dotlist {
  margin-bottom:1em;
}

#sem-detail #section03 table {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#sem-detail #section03 table th {
  width:95px;
  padding:0.7em 0;
  color:#515390;
  font-weight:bold;
  background:url(../images/line_brokenline.gif) repeat-x 0 bottom;
}

#sem-detail #section03 table th div {
  display:block;
  padding-left:25px;
  background:url(../images/icon_human.png) no-repeat 0 0;
}

#sem-detail #section03 table td {
  padding:0.7em 0;
  background:url(../images/line_brokenline.gif) repeat-x 1px bottom;
}

#sem-detail #section03 table tr.none th,
#sem-detail #section03 table tr.none td {
  background:none;
}

#sem-detail #section04 table {
  width:460px;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}

#sem-detail #section04 table th {
  padding:0.7em;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:#ededf4;
}

#sem-detail #section04 table td {
  padding:0.7em;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#sem-detail #contents #section05 {
  margin-bottom:40px;
}
#sem-detail #contents #section05 div.group ul.dotlist {
  float:left;
  width:300px;
}
#sem-detail #contents #section05 div.group p {
  float:right;
  width:140px;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_NEWS */                                                /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#news-index #section01,
#news-index #section02,
#news-index #section03 {
  margin-bottom:3em;
}

#news-index #section01 ul li {
  float:left;
  margin-right:28px;
}

#news-index #section01 ul li.nomr {
  margin-right:0;
}

#news-index #section01 ul li a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}

#news-index #section02 table,
#news-index #section03 table {
  width:460px;
  background:url(../images/line_brokenline.gif) repeat-x 0 top;
}

#news-index #section02 table th,
#news-index #section03 table th {
  width:90px;
  padding:0.7em 0;
  color:#515390;
  vertical-align:top;
  background:url(../images/line_brokenline.gif) repeat-x 0 bottom;
}

.mac #news-index #section02 table th,
.mac #news-index #section03 table th {
  width:105px;
}

#news-index #section02 table td,
#news-index #section03 table td {
  padding:0.7em 0;
  background:url(../images/line_brokenline.gif) repeat-x 1px bottom;
}


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_CORPORATE */                                                   /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* ------------------------------------------------------------ */
/* ![/corporate/index.html] */
/* ------------------------------------------------------------ */

#cor-index #summary {
  margin-bottom:2em;
}

#cor-index #section01,
#cor-index #section02,
#cor-index #section03,
#cor-index #section04 {
  margin-bottom:3em;
}

#cor-index #section01 {
  float:left;
  width:220px;
}

#cor-index #section02 {
  float:right;
  width:220px;
}

#cor-index #section03 {
  float:left;
  width:220px;
}

#cor-index #section04 {
  float:right;
  width:220px;
}

#cor-index #section05 {
  float:left;
  width:220px;
}

/* ------------------------------------------------------------ */
/* ![/corporate/philosophy.html] */
/* ------------------------------------------------------------ */

#cor-philosophy #section01 {
  margin-bottom:2em;
}

#cor-philosophy #section01 h2 {
  margin-bottom:2em;
}

#cor-philosophy #section01 ul li {
  text-indent:-2.3em;
  margin-left:2.3em;
}

.win #cor-philosophy #section01 ul li {
  text-indent:-2em;
  margin-left:2.3em;
}

#cor-philosophy #section02 h3 {
  margin-bottom:0.5em;
}

/* ------------------------------------------------------------ */
/* ![/corporate/message.html] */
/* ------------------------------------------------------------ */

#cor-message #contents p {
  margin-bottom:1em;
}

#cor-message #contents p.name {
  text-align:right;
}

/* ------------------------------------------------------------ */
/* ![/corporate/profile.html] */
/* ------------------------------------------------------------ */

#cor-profile table#profile {
  width:460px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#cor-profile table#profile tr.none th,
#cor-profile table#profile tr.none td {
  background:none;
}

#cor-profile table#profile th.ttl {
  width:110px;
  padding:0.7em 0;
  vertical-align:top;
  white-space:nowrap;
  background:url(../images/line_brokenline.gif) repeat-x 0 bottom;
}

#cor-profile table#profile td {
  padding:0.7em 0;
  background:url(../images/line_brokenline.gif) repeat-x 1px bottom;
}

#cor-profile table#executive th,
#cor-profile table#executive td {
  padding:0 2em 0 0;
  background:none;
}

/* ------------------------------------------------------------ */
/* ![/corporate/recruit.html] */
/* ------------------------------------------------------------ */

#cor-recruit table#recruit {
  width:460px;
  margin-bottom:40px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#cor-recruit table#recruit p,
#cor-recruit table#recruit ul,
#cor-recruit table#recruit ol {
  margin-bottom:1em;
}

#cor-recruit table#recruit .nomb {
  margin-bottom:0;
}

#cor-recruit table#recruit tr.none th,
#cor-recruit table#recruit tr.none td {
  background:none;
}

#cor-recruit table#recruit th.ttl {
  width:110px;
  padding:0.7em 0;
  vertical-align:top;
  background:url(../images/line_brokenline.gif) repeat-x 0 bottom;
}

#cor-recruit table#recruit td {
  padding:0.7em 0;
  background:url(../images/line_brokenline.gif) repeat-x 1px bottom;
}

#cor-recruit table#executive th,
#cor-recruit table#executive td {
  padding:0 2em 0 0;
  background:none;
}

#cor-recruit #cntfoot-contact {
  margin-bottom:0;
}

/* ------------------------------------------------------------ */
/* ![/corporate/access.html] */
/* ------------------------------------------------------------ */

#cor-access #section01 {
  margin-bottom:2em;
}

#cor-access #tokyo-map {
  width:460px;
  height:320px;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_PRIVACY */                                                /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* ------------------------------------------------------------ */
/* ![/privacy/index.html] */
/* ------------------------------------------------------------ */

#pri-index #section01 {
  margin-bottom:2em;
}
#pri-index #section02 p.logo {
  float:left;
  width:81px;
}
#pri-index #section02 p.txtbody {
  float:right;
  width:359px;
}

/* ------------------------------------------------------------ */
/* ![/privacy/declaration.html] */
/* ------------------------------------------------------------ */

#pri-declaration #section01 {
  margin-bottom:2em;
}

#pri-declaration #section02 {
  margin-bottom:2em;
}

#pri-declaration #section03 p {
  text-align:right;
}

/* ------------------------------------------------------------ */
/* ![/privacy/policy.html] */
/* ------------------------------------------------------------ */

#pri-policy #section01,
#pri-policy #section02,
#pri-policy #section03,
#pri-policy #section04,
#pri-policy #section05,
#pri-policy #section06 {
  margin-bottom:2em;
}

#pri-policy #section01 p,
#pri-policy #section02 p,
#pri-policy #section03 p,
#pri-policy #section04 p {
  margin-bottom:1em;
}

/* ------------------------------------------------------------ */
/* ![/privacy/treatment.html] */
/* ------------------------------------------------------------ */

#pri-treatment #section01,
#pri-treatment #section02,
#pri-treatment #section03,
#pri-treatment #section04 {
  margin-bottom:2em;
}

#pri-treatment #section02 .section {
  margin-bottom:1em;
}

#pri-treatment #section03 table th {
  padding-right:1em;
  white-space:nowrap;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_CONTACT */                                                /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#contact #section01 {
  margin-bottom:2em;
}

#contact #section02 {
  margin-bottom:40px;
}

#contact #section02 .section {
  margin-bottom:1em;
}

#contact #cntfoot-next {
  margin-bottom:0;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                              */
/* !@_SITEMAP */                                                   /*
++                                                              ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#sitemap #contents .section {
  margin-bottom:0.5em;
}

#sitemap #contents h2 {
  padding-left:18px;
  background:url(../images/bullet_arrow_middle.gif) no-repeat 0 0.5em;
}

#sitemap #contents ul li {
  margin-left:14px;
  padding-left:18px;
  background:url(../images/bullet_arrow_small.gif) no-repeat 0 0.5em;
}

#sitemap #contents ul li ol li {
  margin-left:0;
  padding-left:18px;
  background:url(../images/bullet_dash.gif) no-repeat left 0.5em;
}