@charset "UTF-8";
.iconLinkPdf, #footerUp,
.footerUp, .imgCol01L, .imgCol01R, .imgCol02L, .imgCol02R, .imgCol03L, .imgCol03L .colImage p, .imgCol03R, .imgCol04L, .imgCol04R, .clearfix, .row-1, .row-2, .row-sitemap-1,
.row-sitemap-2, #mainContents, #contentWap, #faqlist .TDfaqbox dl {
  *zoom: 1;
}
.iconLinkPdf:before, #footerUp:before,
.footerUp:before, .imgCol01L:before, .imgCol01R:before, .imgCol02L:before, .imgCol02R:before, .imgCol03L:before, .imgCol03L .colImage p:before, .imgCol03R:before, .imgCol04L:before, .imgCol04R:before, .clearfix:before, .row-1:before, .row-2:before, .row-sitemap-1:before,
.row-sitemap-2:before, #mainContents:before, #contentWap:before, #faqlist .TDfaqbox dl:before, .iconLinkPdf:after, #footerUp:after,
.footerUp:after, .imgCol01L:after, .imgCol01R:after, .imgCol02L:after, .imgCol02R:after, .imgCol03L:after, .imgCol03L .colImage p:after, .imgCol03R:after, .imgCol04L:after, .imgCol04R:after, .clearfix:after, .row-1:after, .row-2:after, .row-sitemap-1:after,
.row-sitemap-2:after, #mainContents:after, #contentWap:after, #faqlist .TDfaqbox dl:after {
  content: "";
  display: table;
}
.iconLinkPdf:after, #footerUp:after,
.footerUp:after, .imgCol01L:after, .imgCol01R:after, .imgCol02L:after, .imgCol02R:after, .imgCol03L:after, .imgCol03L .colImage p:after, .imgCol03R:after, .imgCol04L:after, .imgCol04R:after, .clearfix:after, .row-1:after, .row-2:after, .row-sitemap-1:after,
.row-sitemap-2:after, #mainContents:after, #contentWap:after, #faqlist .TDfaqbox dl:after {
  clear: both;
}

/*=================================

  Base common setting

=================================*/
body {
  background: #CCCCCC;
  font-family: "HelveticaNeueW02-45Ligh", Helvetica, Arial, sans-serif;
  font-size: 100%;
  /* 16px */
  line-height: 150%;
  /* 24px */
  letter-spacing: normal;
  color: #4d4f53;
}

@media screen and (max-width: 640px) {
  body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}
img {
  vertical-align: top;
}

img.middle {
  position: relative;
  top: 2px;
  vertical-align: baseline;
}

hr {
  display: none;
}

em {
  font-style: normal;
}

.italic {
  font-style: italic;
}

strong {
  font-weight: bold;
}

sub {
  vertical-align: bottom;
}

sup {
  vertical-align: top;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal !important;
}

.ic-image {
  vertical-align: middle;
  margin: 0 0 0 2px;
}

a {
  color: #00b4ed;
}

a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  color: #89ba17;
  text-decoration: none;
}
.mAuto {
  margin: 0 auto !important;
}
.fNone {
  float: none !important;
}
@media screen and (max-width: 800px) {
  .textReturn {
    word-break: break-all;
  }
}
sub, sup {
  font-size: 90%;
}

.onPlaceholder {
  color: #aaaaaa;
}

img.linkType {
  margin: 0 0 0 3px;
  vertical-align: baseline;
}

img.linkType02 {
  margin: 0 0 0 3px;
  vertical-align: middle;
}

img.linkType03 {
  position: relative;
  top: 2px;
  margin: 0 5px 0 0;
  vertical-align: baseline;
}

.maxImg {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 800px) {
  #mainCol {
    padding-bottom: 10px;
  }
  #mainCol img {
    max-width: 100%;
    height: auto;
  }

  #mainCol img[src*="com_ic042.png"] {
    width: 12px;
    height: 12px;
  }

  #mainCol img[src*="com_ic"] {
    width: auto;
  }

  #mainCol img.linkType {
    width: auto;
  }

  #mainCol img.linkType02 {
    width: auto;
  }

  #mainCol img.linkType03 {
    width: auto;
  }
  .maxImg-res {
	width: 100%;
	height: auto;
  }

}
.sp-show,
.tab-show {
  display: none;
}

.pc-show {
  display: block;
}

@media screen and (max-width: 800px) {
  .pc-show {
    display: none;
  }
}
@media screen and (min-width: 641px) and (max-width: 800px) {
  .tab-show {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .sp-show {
    display: block;
  }
}
.left {
  float: left;
}

.right {
  float: right;
}

/*: common parts
=========================================*/
/* ==================================
Heading
================================== */
/* h1 */
h1 {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 312.5%;
  line-height: 128%;
  color: #89ba17;
}

#mainCol h1 {
  margin: 0 0 15px;
  font-size: 225%;
  line-height: 111%;
}

@media screen and (max-width: 800px) {
  #mainCol h1 {
    margin: 0 0 13px;
  }
}
@media screen and (max-width: 640px) {
  #mainCol {
    padding-bottom: 10px;
  }
  #mainCol h1 {
    font-size: 185.71429%;
    line-height: 115%;
  }
}
/* h2 */
h2 {
  font-size: 225%;
  line-height: 111%;
  color: #89ba17;
}

#mainCol h2 {
  margin-top: 25px;
  font-size: 125%;
  line-height: 140%;
}
.fsL {
  font-size: 225% !important;
}
@media screen and (max-width: 800px) {
  #mainCol h2 {
    margin-top: 0;
  }

  #mainCol * + h2 {
    margin-top: 25px;
  }
}
/* h3 */
h3 {
  font-size: 125%;
  line-height: 140%;
  color: #89ba17;
}

#mainCol h3 {
  font-weight: bold;
  font-size: 87.5%;
  line-height: 171%;
  color: #4d4f53;
}

#mainCol * + h3 {
  margin-top: 25px;
}

/* h4 */
h4 {
  font-weight: bold;
  font-size: 87.5%;
  line-height: 171%;
  color: #4d4f53;
}

#mainCol * + h4 {
  margin-top: 25px;
}

/* h5 */
h5 {
  font-weight: bold;
  font-size: 87.5%;
  line-height: 171%;
  color: #4d4f53;
}

.article p {
  font-size: 75%;
  line-height: 150%;
}
.article td p {
  font-size: 100%;
}

@media screen and (max-width: 640px) {
  p {
    font-size: 87.5%;
    line-height: 139%;
  }

  td p {
    font-size: 100%;
    line-height: 150%;
  }

  .article table {
    width: 100% !important;
  }
  .article td {
    width: auto !important;
  }
}
/* picUp */
.navHeading {
  font-size: 125%;
  line-height: 120%;
  padding: 14px 0 16px;
  color: #89ba17;
}

.infoborder h3 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 87.5%;
  line-height: 128.57143%;
  color: #00b4ed;
}
.infoborder p {
  font-size: 87.5%;
  line-height: 142.85714%;
}

.infoHead {
  font-size: 116%;
  font-weight: bold;
}

/* ==================================
IconLink
================================== */
.iconLink01 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(/common_res/images/com_ic002.gif) no-repeat 2px 0.5em;
  padding: 0 0 0 19px;
  font-size: 87.5%;
  line-height: 150%;
  color: #00B4ED;
}

.iconLink01_font100 a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(/common_res/images/com_ic002.gif) no-repeat 2px 0.5em;
  padding: 0 0 0 19px;
  font-size: 100%;
  line-height: 150%;
  color: #00B4ED;
}

body:not(:-moz-handler-blocked) .iconLink01 a {
  background-position: 2px 3px;
}

@media screen and (max-width: 640px) {
  #mainCol .iconLink01 a {
    font-size: 87.5%;
    line-height: 150%;
  }

  #mainCol td .iconLink01 a {
    font-size: 100%;
    line-height: 175%;
  }
}
th .iconLink01 a,
td .iconLink01 a {
  font-size: 100%;
  line-height: 150%;
}

@media screen and (max-width: 640px) {
  .iconLink01 a {
    font-size: 100%;
    line-height: 150%;
  }

  th .iconLink01 a,
  td .iconLink01 a {
    font-size: 100%;
    line-height: 150%;
  }
}
.iconLinkPdf a {
  background: url(/common_res/images/com_ic016.gif) no-repeat 0 0.25em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 1px 0 1px 17px;
}

.iconLinkXsl a {
  background: url(/common_res/images/com_ic022.gif) no-repeat 0 0.3em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 1px 0 1px 17px;
}

.iconLinkEx a {
  background: url(/common_res/images/com_ic023.gif) no-repeat 0 0.25em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 1px 0 1px 17px;
}

.iconLinkMov a {
  background: url(/common_res/images/com_ic032.gif) no-repeat 0 0.4em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 1px 0 1px 17px;
}

.textLink01,
.textLink02,
.textLink03 {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #7fd9f6;
  padding: 10px 15px;
}
.textLink01 a,
.textLink02 a,
.textLink03 a {
  font-size: 87.5%;
  line-height: 150%;
  color: #4d4f53;
}
.textLink01 a:hover,
.textLink02 a:hover,
.textLink03 a:hover {
  color: #89ba17;
}
.textLink01 .on a,
.textLink02 .on a,
.textLink03 .on a {
  color: #89ba17;
}

.textLink01 li,
.textLink02 li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 5px 20px 0 0;
}
.textLink01 a,
.textLink02 a {
  background: url(/common_res/images/com_ic002.gif) no-repeat 0.3em 0.5em;
  display: block;
  padding: 1px 0 1px 17px;
}

.textLink01 li.title {
  display: block;
  *width: 100%;
  padding: 1px 0 1px 0;
}

.textLink02 li {
  margin: 0 5px 5px 0;
  vertical-align: top;
  width: 115px;
}

.textLink03 li {
  margin: 5px 0 0 0;
}
.textLink03 a {
  background: url(/common_res/images/com_ic002.gif) no-repeat 0.3em 0.5em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 1px 0 1px 17px;
}

@media screen and (max-width: 800px) {
  .textLink01 li,
  .textLink02 li {
    width: 100%;
    margin: 5px 0 0;
  }
}
#mainCol .link_div a {
  font-size: 87.5%;
  line-height: 150%;
}

#mainCol .link_div a.normal {
  background-position: 2px 0.3em;
}

#mainCol .link_div a.pdf {
  background-position: 0 0.2em;
}

#mainCol .link_div a.excel {
  background-position: 2px 0.4em;
}

.anchorLink a {
  background: url(/common_res/images/com_ic006.gif) no-repeat 0.2em 0.3em;
}

.globalBtn {
  position: relative;
  margin-left: -10px;
  letter-spacing: -0.3em;
  *zoom: 1;
  overflow: hidden;
}
.globalBtn .btnM {
  width: 190px;
  margin-left: 10px;
}
.globalBtn .btnM02 {
  width: 48%;
  margin-left: 10px;
  display: inline-block;
}
.globalBtn .btnM03 {
  width: 31.5%;
  margin-left: 10px;
  display: inline-block;
}
.btnM {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  letter-spacing: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.btnM02 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  letter-spacing: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.btnM03 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  letter-spacing: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.btnM a {
  display: block;
  padding: 10px 15px 10px 40px;
  background: url(/common_res/images/com_ic002.gif) no-repeat 19px 1.2em;
  text-align: left;
  font-weight: bold;
  font-size: 75%;
  line-height: 150%;
  color: #4d4f53;
}
.btnM02 a {
  display: block;
  padding: 10px 15px 10px 40px;
  background: url(/common_res/images/com_ic002.gif) no-repeat 19px 1.2em;
  text-align: left;
  font-weight: bold;
  font-size: 75%;
  line-height: 150%;
  color: #4d4f53;
}
.btnM03 a {
  display: block;
  padding: 10px 15px 10px 40px;
  background: url(/common_res/images/com_ic006.gif) no-repeat 19px 1.2em;
  text-align: left;
  font-weight: bold;
  font-size: 75%;
  line-height: 150%;
  color: #4d4f53;
}
.btnM a:hover {
  color: #89ba17;
}
.btnM .on {
  cursor: pointer;
}
.btnM .on a {
  color: #89ba17;
}
.btnM .inner {
  display: block;
  border: #cccccc solid 1px;
}
.btnM02 a:hover {
  color: #89ba17;
}
.btnM02 .on {
  cursor: pointer;
}
.btnM02 .on a {
  color: #89ba17;
}
.btnM02 .inner {
  display: block;
  border: #cccccc solid 1px;
}
.btnM03 a:hover {
  color: #89ba17;
}
.btnM03 .on {
  cursor: pointer;
}
.btnM03 .on a {
  color: #89ba17;
}
.btnM03 .inner {
  display: block;
  border: #cccccc solid 1px;
}


@media screen and (max-width: 800px) {
  .btnM {
    display: block;
    text-align: left;
  }
  .btnM .inner {
    text-align: left;
  }

  .btnM + .btnM {
    margin-top: 10px;
  }

  .btnM02 {
    display: block;
    text-align: left;
  }
  .btnM02 .inner {
    text-align: left;
  }

  .btnM02 + .btnM {
    margin-top: 10px;
  }

  .btnM03 {
    display: block;
    text-align: left;
  }
  .btnM03 .inner {
    text-align: left;
  }

  .btnM03 + .btnM {
    margin-top: 10px;
  }
  .globalBtn {
    margin-left: 0;
  }
  .globalBtn .btnM {
    width: 100%;
    margin-left: 0;
  }
  .globalBtn .btnM02 {
    width: 100%;
    margin-left: 0;
  }
  .globalBtn .btnM03 {
    width: 100%;
    margin-left: 0;
  }
}
.logoarea {
  padding: 0 10px;
}
@media screen and (max-width: 800px) {
  .logoarea img {
    width: 100%;
    height: auto;
  }
  .logoarea .pc-show {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .logoarea .pc-show {
    display: none;
  }
}
#footerUp,
.footerUp {
  margin: 0;
  padding: 8px 10px 8px;
}
#footerUp li,
.footerUp li {
  float: right;
  display: block;
  padding: 0 0 0 14px;
  background: url(/common_res/images/com_ic009.png) no-repeat 0 5px;
  font-size: 87.5%;
  line-height: 128.57143%;
}

@media screen and (max-width: 800px) {
  #footerUp,
  .footerUp {
    padding: 15px 30px 8px;
  }
}
@media screen and (max-width: 640px) {
  #footerUp,
  .footerUp {
    padding: 15px 10px 2px;
  }
}
/* ==================================
Block
================================== */
.section {
  margin: 9px 0 0 0;
  clear: both;
}

.Topbtn {
  margin: 20px 0 0 0;
  padding: 5px 1px 1px;
  background-color: #c9cac8;
}

@media screen and (max-width: 800px) {
  .section {
    margin: 24px 0 0 0;
  }
}
@media screen and (max-width: 640px) {
  .section {
    margin: 10px 0 0 0;
  }
}
.tablebox {
  width: 598px;
  background-color: #f0f0f0;
  border: 0px;
  border-collapse:collapse;
  margin-bottom: 10px;
  box-shadow: 0 2px 2px #999999;
}
.tablebox td {
  border: 0px;
  padding: 5px 10px 10px 10px;
  border-bottom: 1px solid #ffffff;
  vertical-align:top;
}
.tablebox td:first-child {
  width: 160px;
  background-color: #e2e2e2;
}

#reportbox {
  width: 598px;
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  border-collapse: collapse;
  margin-bottom: 10px;
}
#reportbox tr {

}
#reportbox th {
  background-color: #00b4ed;
  padding: 5px 10px 10px 10px;
  text-align: left;
  color: #ffffff;
}
#reportbox td {
  border: 0px;
  padding: 5px 10px 10px 10px;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  vertical-align:top;
}
#reportbox td:first-child {
  width: 270px;
}
#reportbox ul {
  list-style-type: none;
}
#reportbox li {
  background: url(/about_us/responsibility/csr/business/medical/images/bulletarrow-blue.png) 1px 0.28em no-repeat;
  padding-left: 15px;
}
.portraitbox {
  width: 598px;
  background-color: #f0f0f0;
  margin-bottom: 40px;
  border-top: 10px solid #00b4ed;
  box-shadow: 0 2px 2px #999999;
}
.portraitbox img {
  float: left;
  margin: 20px 10px;
}
.portraitbox .clear {
  clear: both;
}

.portraitbox h5,
.portraitbox h3 {
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 24px;
  padding: 20px;
  font-weight:lighter;
  width: 420px;
  margin-left: 135px;
}
.portraitbox p {
  padding: 20px;
  width: 420px;
  margin-left: 135px;
}

.portraitbox-col1 {
  width: 598px;
  background-color: #f0f0f0;
  margin-bottom: 40px;
  border-top: 10px solid #00b4ed;
  box-shadow: 0 2px 2px #999999;
}
.portraitbox-col1 img {
  float: left;
  margin: 20px 10px;
}
.portraitbox .clear {
  clear: both;
}

.portraitbox-col1 h5,
.portraitbox-col1 h3 {
  font-family: 'HelveticaNeueW02-45Ligh', Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 24px;
  padding: 20px;
  font-weight:lighter;
  margin-left: 135px;
}
.portraitbox-col1 p {
  padding: 20px;
  margin-left: 135px;
}
.img2legend .ph-tx {
  width: 297px;
  display: inline-block;
  vertical-align: top;
}
.img3legend .ph-tx {
  width: 197px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 800px) {
  .tablebox {
  width: 100%;
}

.tablebox td:first-child {
  width: 30%;
  background-color: #e2e2e2;
}

#reportbox {
  width: 100%;
  margin-top: 10px;
}
#reportbox td:first-child {
  width: 50%;;
}

.img2legend .second {
  margin-top: 10px;
}
.img3legend .ph-tx {
  width: 100%;
}
.img3legend .second {
  margin-top: 10px;
}
.portraitbox {
  width: 100%;
  padding-bottom: 10px;
}
.portraitbox img {
  width: 30%;
  margin: 20px 0 20px 10px;
}
.portraitbox h5,
.portraitbox h3,
.portraitbox p {
  padding: 15px 0 0 15px;
  width: 60%;
  margin-left: 32%;
}
.portraitbox-col1 {
  width: 100%;
  padding-bottom: 10px;
}
.portraitbox-col1 h5,
.portraitbox-col1 h3,
.portraitbox-col1 p {
  padding: 5px 15px;
  margin-left: 32%;
}
}

.firstSection {
  margin: 8px 0 0 0;
}

.normalList01 li {
  background: url(/common_res/images/com_ic003.gif) no-repeat scroll 0 0.45em;
  margin: 0 0 5px;
  padding: 0 0 0 10px;
}

.normalList02 li {
  background: url(/common_res/images/com_ic003.gif) no-repeat scroll 0 0.45em transparent;
  margin: 5px 0 5px;
  padding: 0 0 0 10px;
}

.normalList03 li {
  background: url(/common_res/images/com_ic039.gif) no-repeat scroll 0 0.6em transparent;
  margin: 5px 0 5px;
  padding: 0 0 0 10px;
}
.normalList04 li {
  background: url(/common_res/images/com_ic003.png) no-repeat scroll 0 0.55em;
  margin: 0 0 5px;
  padding: 0 0 0 10px;
}
.numberList01 li {
  font-weight: bold;
  list-style-type: none;
  margin: 5px 0 0;
  padding: 0 0 0 1.8em;
  text-indent: -1.8em;
}

.numberList02 .listText,
.numberList01 .listText {
  font-weight: normal;
}

.numberList01 .numberList01 li {
  font-size: 93%;
}

.numberList01 .normalList01 li {
  padding: 0 0 0 32px;
}

div.nomalDlist01 {
  padding: 0 9px 9px 16px;
  font-size: 75%;
  line-height: 150%;
}

.nomalDlist01 dt {
  background: url(/common_res/images/com_ic003.gif) no-repeat scroll 0 0.45em;
  font-weight: bold;
  padding: 0 0 4px 18px;
}
.nomalDlist01 dd {
  padding: 0 9px 9px 16px;
  font-size: 75%;
  line-height: 150%;
}
.nomalDlist01 .ic001 {
  background: url(/common_res/images/com_ic018.gif) no-repeat scroll 0 0;
  padding: 0 0 4px 25px;
}
.nomalDlist01 .ic002 {
  background: url(/common_res/images/com_ic020.gif) no-repeat scroll 0 0;
  padding: 2px 0 2px 25px;
}
.nomalDlist01 .ic003 {
  background: url(/common_res/images/com_ic021.gif) no-repeat scroll 0 0;
  padding: 2px 0 2px 25px;
}

@media screen and (max-width: 640px) {
  div.nomalDlist01 {
    font-size: 85.71429%;
    line-height: 150%;
  }

  .nomalDlist01 dd {
    font-size: 85.71429%;
    line-height: 150%;
  }
}
.exsample {
  background: none repeat scroll 0 0 #FFF7CF;
  border: 1px solid #F2E6AC;
  margin-top: 20px;
  padding: 0 10px;
}

.exsample li {
  float: left;
  font-weight: bold;
  margin-right: 40px;
  padding: 10px 0 10px 28px;
  white-space: nowrap;
}

.exsample li.sankyo {
  background: url(/common_res/images/com_ic019.gif) no-repeat 0 40%;
}

.exsample li.med {
  background: url(/common_res/images/com_ic020.gif) no-repeat 0 40%;
}

.exsample li.stock {
  background: url(/common_res/images/com_ic021.gif) no-repeat 0 40%;
}

.interview dt {
  margin: 20px 0 0;
  width: 6.8em;
  font-weight: bold;
}
.interview dd {
  margin: -1.4em 0 0 7em;
}

@media screen and (max-width: 640px) {
  .interview dt {
    margin: 20px 0 0;
    width: auto;
  }
  .interview dd {
    margin: 0;
  }
}
.newsList01 {
  padding: 5px 0 0 0;
  margin: 15px 0 0 0;
  background: url(/common_res/images/com_bg009.gif) repeat-x 0 0;
}
.newsList01 .date {
  padding: 5px 0 0;
}
.newsList01 .date img {
  margin: 0 10px;
  vertical-align: middle;
}
.newsList01 .date img.new {
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.newsList01 dd {
  background: url(/common_res/images/com_bg009.gif) repeat-x 0 100%;
  padding: 0 0 10px;
}
.newsList01 dd a {
  color: #4d4f53;
}
.newsList01 dd a:hover {
  color: #89ba17;
}
.newsList01 dd .newsLink span {
  margin-left: 4px;
}
.newsList01 dd .newsLink span img {
  vertical-align: middle;
}

.newsList01 dt {
  font-size: 75%;
  line-height: 150%;
}
.newsList01 dt a {
  font-size: 100%;
  line-height: 150%;
}
.newsList01 a {
  font-size: 75%;
  line-height: 150%;
}

@media screen and (max-width: 640px) {
  .newsList01 dt {
    font-size: 75%;
    line-height: 150%;
  }
  .newsList01 dt a {
    font-size: 100%;
    line-height: 150%;
  }
  .newsList01 a {
    font-size: 75%;
    line-height: 150%;
  }
}
.newItem img {
  padding: 0 0 0 5px;
  vertical-align: top;
}

.recipe {
  background: none !important;
  padding-top: 0;
  margin-top: 0;
}

.recipe .date {
  padding: 0 !important;
}

.noBg {
  background: none !important;
}

th,
td {
  font-size: 75%;
  line-height: 150%;
}

@media screen and (max-width: 640px) {
  th,
  td {
    font-size: 85.71429%;
    line-height: 150%;
  }
}
.table01,
.table02 {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin: 30px 0 0;
  width: 100%;
}

.table01 .lv01,
.table02 .lv01 {
  background-color: #00b4ed;
  color: #FFFFFF;
}

.table01 .lv02,
.table02 .lv02 {
  background-color: #c9cac8;
}

.table01 .lv03,
.table02 .lv03 {
  background-color: #9A9B9C;
  color: #FFF;
  font-weight: bold;
}

.table01 th,
.table01 td,
.table02 th,
.table02 td {
  background-color: #eaebec;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: 9px;
  vertical-align: top;
}
.bgw {
  background-color: #FFFFFF !important;
  border-color: #eaebec !important;
}
.table01 th,
.table01 .highLight,
.table02 th,
.table02 .highLight {
  font-weight: bold;
}

.table02 th,
.table02 td {
  padding: 6px 11px;
}

.table06 {
  border-color: #000;
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin: 30px 0 0;
  width: 100%;
}

.table06 .lv01 {
  background-color: #ffffff;
  color: #000;
}

.table06 .lv02 {
  background-color: #ffffff;
}

.table06 .lv03 {
  background-color: #ffffff;
  color: #000;
  /* font-weight: bold; */
}

.table06 th,
.table06 td {
  background-color: #FFFFFF;
  border-color: #000;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: 9px;
  vertical-align: top;
}

.table06 th,
.table06 .highLight {
  font-weight: normal;
}

.table06 th,
.table06 td {
  padding: 6px 11px;
}


.table01 .tableCol01 .photo {
  float: left;
  width: 90px;
}

.table-flow01 thead th {
  border: 0 none;
  background: #9a9b9c;
  vertical-align: middle;
  color: #fff;
  font-size: 75%;
  line-height: 150%;
}
.table-flow01 thead th + th {
  padding: 9px 9px 9px 15px;
  background: url(/rd/pipeline/development_pipeline/images/index_ic002.gif) #9a9b9c no-repeat -1px 50%;
}
.table-flow01 th,
.table-flow01 td {
  background-color: #eaebec;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px 0 0 1px;
  padding: 9px;
  vertical-align: top;
}
.table-flow01 td a strong {
  font-size: 108.33333%;
  line-height: 146%;
}
.table-flow01 th {
  background: #d9d9d9;
  font-size: 81.25%;
  line-height: 146%;
  color: #00b4ed;
}
.table-flow01 .bg01 td {
  background: #d9d9d9;
}
.table-flow01 .bg02 {
  background: #00b4ed;
  color: #fff;
}
.table-flow01 .bg03 {
  background: #89ba17;
  color: #fff;
}
.table-flow01 .bg04 {
  background: #ffe900;
  color: #4d4f53;
}
.table-flow01 tr[id^="details"] > * {
  padding: 0;
  border-bottom: none;
}
.table-flow01 tr[id^="details"] td {
  height: 0;
  padding: 0;
  border: 0 none;
  background: url(/rd/pipeline/development_pipeline/images/index_bg002.gif) no-repeat 0 100%;
}
.table-flow01 tr[id^="details"] .details {
  display: none;
  padding: 10px;
  margin-bottom: 10px;
  background: url(/rd/pipeline/development_pipeline/images/index_bg001.gif) no-repeat 0 0;
}
.table-flow01 a {
  display: block;
  padding: 1px 0 1px 17px;
  background: url(/common_res/images/com_ic002.gif) no-repeat 0.3em 0.5em;
  color: #4d4f53;
}
.table-flow01 a:hover {
  color: #89ba17;
}

/* details Box */
.detailsBox {
  width: 100%;
  padding: 0;
  margin-bottom: 5px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.detailsBox th,
.detailsBox td {
  background: none !important;
  padding: 3px !important;
  border-left: 0 none;
  border-bottom: 1px solid #d2d3d4 !important;
  vertical-align: top;
  color: #4d4f53;
  font-size: 100%;
  line-height: 150%;
}
.detailsBox th {
  font-weight: bold;
}

.tableCol01 .colText {
  margin: -2px 0 0 95px;
}

.hightlight {
  background: #005baa;
  padding: 2px;
  color: #FFFFFF;
  font-size: 91%;
}

.faqBox {
  margin: 30px 0 0;
  padding-bottom: 20px;
}
.faqBox .faqQ,
.faqBox .faqA {
  position: relative;
  margin: 25px 0 0 37px;
}
.faqBox .faqIcon {
  left: -37px;
  position: absolute;
  top: -5px;
}

.pluginBox {
  border: 1px solid #DBDBDB;
  margin: 20px 0 0;
  padding: 15px;
}
.pluginBox .pluginText {
  float: left;
  padding: 1px 0 0;
  text-align: left;
  width: 360px;
}
.pluginBox .banner {
  float: right;
  width: 195px;
}
.pluginBox .banner .iconLink01 {
  display: block;
  margin: 3px auto 0;
}

@media screen and (max-width: 800px) {
  .pluginBox {
    padding: 10px;
  }
  .pluginBox .pluginText {
    width: auto;
    max-width: 55%;
  }
  .pluginBox .banner {
    width: auto;
    max-width: 40%;
  }
}
@media screen and (max-width: 640px) {
  .pluginBox .pluginText,
  .pluginBox .banner {
    float: none;
    max-width: 100%;
  }
  .pluginBox .banner {
    margin-top: 10px;
  }
  .pluginBox .banner img {
    width: 100%;
  }
}
.pluginBox02 {
  border: 1px solid #DBDBDB;
  border-top: 10px solid #1EBEF0;
  background: #EAEBEC;
  margin: 27px 0 0;
  padding: 15px;
}
.pluginBox02 .pluginText {
  float: left;
  padding: 1px 0 0;
  text-align: left;
  width: 360px;
}
.pluginBox02 .banner {
  float: right;
  width: 195px;
}
.pluginBox02 .banner .iconLink01 {
  display: block;
  margin: 3px auto 0;
}

@media screen and (max-width: 800px) {
  .pluginBox02 .pluginText {
    width: auto;
    max-width: 55%;
  }
  .pluginBox02 .banner {
    width: auto;
    max-width: 40%;
  }
  .pluginBox02 .banner .iconLink01 {
    display: block;
    margin: 3px auto 0;
  }
}
@media screen and (max-width: 640px) {
  .pluginBox02 .pluginText,
  .pluginBox02 .banner {
    float: none;
    max-width: 100%;
  }
  .pluginBox02 .banner {
    margin-top: 10px;
  }
  .pluginBox02 .banner img {
    width: 100%;
  }
}
.pageLink {
  margin: 50px 0 0 0;
}

.pageLink .back {
  float: left;
}

.pageLink .next {
  float: right;
}

.pageLink li {
  border: #cccccc solid 1px;
}

.pageLink .back a {
  background: url(/common_res/images/com_ic002.gif) no-repeat 1em 1.2em;
  padding: 10px 13px 10px 27px;
}

.pageLink .next a {
  background: url(/common_res/images/com_ic002.gif) no-repeat 3.7em 1.2em;
  padding: 10px 30px 10px 12px;
}

.nyroModalBg {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.7;
}

.nmReposition {
  position: absolute;
}

.nyroModalCloseButton {
  top: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  text-indent: -9999em;
  background: url(/common_res/images/close.png);
}

.nyroModalCont {
  position: absolute;
  border: hidden;
  margin: 25px;
  background: #fff;
}

.nyroModalCont iframe {
  width: 100%;
  height: 100%;
  z-index: 999;
}

.colImage .smallCaption {
  display: block;
  overflow: auto;
}

.smallCaption::-webkit-scrollbar {
  background: transparent;
  height: 7px;
  overflow: visible;
  width: 8px;
}

.smallCaption::-webkit-scrollbar-thumb {
  background-color: #9a9b9c;
}

.smallCaption::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.smallCaption::-webkit-scrollbar-corner {
  background: transparent;
}

.smallCaption::-webkit-scrollbar-track {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #d9d9d9;
}

.columnBox {
  margin: 20px 0 0 0;
  padding: 5px 1px 1px;
  background-color: #c9cac8;
}

.columnBox .innerBlock {
  padding: 5px 0 20px;
  background-color: #f0f0f0;
}
.columnBox .innerBlock dt {
  background: url(/common_res/images/com_bg009.gif) repeat-x 0 100%;
  font-weight: bold;
  padding: 5px 15px;
}
.columnBox .innerBlock .indexList {
  margin: 7px -15px 0;
}
.columnBox .innerBlock .indexList li {
  background: url(/common_res/images/com_bg009.gif) repeat-x 0 100%;
  font-weight: bold;
  padding: 5px 15px;
}
.columnBox .innerBlock dd {
  padding: 15px 15px 7px;
}
.columnBox .innerBlock dd .colImage {
  float: right;
  margin-left: 15px;
}
.columnBox .innerBlock dd .colText {
  overflow: hidden;
}
.columnBox .innerBlock > dl > dd {
  font-size: 87.5%;
  line-height: 150%;
}

@media screen and (max-width: 640px) {
  .columnBox .innerBlock .indexList {
    margin: 7px -15px 0;
  }
  .columnBox .innerBlock .indexList li {
    background: url(/common_res/images/com_bg009.gif) repeat-x 0 100%;
    font-weight: bold;
    padding: 5px 15px;
  }
}
.columnBox02 {
  margin: 20px 0 0 0;
  padding: 5px 1px 1px;
  background-color: #c9cac8;
}
.columnBox02 .innerBlock {
  background-color: #f0f0f0;
  padding: 12px 0 20px 0;
}
.columnBox02 .innerBlock dt {
  padding: 0 15px 7px;
  background: url(/common_res/images/com_bg009.gif) repeat-x 0 100%;
  font-weight: bold;
}
.columnBox02 .innerBlock dd {
  padding: 15px 15px 7px;
}
.columnBox02 .innerBlock dd .colImage {
  float: left;
  margin-right: 15px;
}
.columnBox02 .innerBlock dd .colText {
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .columnBox02 .innerBlock dd .colImage {
    float: none;
    display: table;
    margin: 0 0 10px;
  }
  .columnBox02 .innerBlock dd .colImage p {
    display: table-row;
  }
  .columnBox02 .innerBlock dd .colImage p img {
    display: table-cell;
    width: auto;
    vertical-align: top;
  }
  .columnBox02 .innerBlock dd .colImage p .smallCaption {
    display: inherit;
    padding-left: 10px;
    vertical-align: top;
  }
  .columnBox02 .innerBlock dd .colText {
    overflow: hidden;
  }
}
.columnBox03 {
  background-color: #89BA17;
  margin: 20px 0 0 0;
  padding: 5px 0 0;
}
.columnBox03 .innerBlock {
  background-color: #f0f0f0;
  padding: 12px 0 20px 0;
}
.columnBox03 .innerBlock dt {
  font-weight: bold;
  padding: 0 15px 7px;
  font-size: 116%;
  color: #00B4ED;
  font-size: 135%;
}
.columnBox03 .innerBlock dd {
  padding: 15px 15px 7px;
}
.columnBox03 .innerBlock dd .colImage {
  float: left;
  margin-right: 15px;
}
.columnBox03 .innerBlock dd .colText {
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .columnBox03 .innerBlock dd .colImage {
    float: none;
    margin-right: 0;
  }
  .columnBox03 .innerBlock dd .colImage p {
    text-align: center;
  }
  .columnBox03 .innerBlock dd .colImage .smallCaption {
    text-align: left;
  }
  .columnBox03 .innerBlock dd .colText {
    overflow: hidden;
  }
}
.c03 {
  background-color: #00B4ED;
  margin: 0;
  padding: 10px 0 0;
}

.c03 .pt0 {
  padding-top: 0 !important;
}

.c03 .innerBlock {
  border-left: #C9CAC8 solid 1px;
  border-right: #C9CAC8 solid 1px;
  border-bottom: #C9CAC8 solid 1px;
  padding: 12px 0 10px;
}

.c03 .innerBlock02 {
  background-color: #f0f0f0;
  padding: 0;
}

.flow {
  background: url(/common_res/images/com_bg011.gif) no-repeat 50% 100%;
  padding: 0 0 35px;
}

.flow .columnBox,
.flow .columnBox02 {
  background-color: #c9cac8;
  margin: 20px 0 0 0;
  padding: 5px 1px 1px;
  width: 600px;
}

.flow .innerBlock {
  background-color: #ffffff;
  padding: 12px 0 10px 0;
}

.flow .innerBlock dt {
  background: url(/common_res/images/com_bg009.gif) repeat-x 0 100%;
  font-weight: bold;
  padding: 0 15px 7px;
  font-size: 116%;
}

.flow .innerBlock dd {
  padding: 15px 15px 7px;
}

.end {
  background: none !important;
}

.letterContents .introBlock {
  background: url(/common_res/images/com_bg010.gif) no-repeat 0 100%;
  padding: 0 0 20px;
  width: 600px;
}

.letterContents .introBlock .introTitle {
  background: url(/common_res/images/com_bg013.gif) no-repeat 0 0;
  padding: 15px 7px 0;
}

.letterContents .introBlock .introTitle .titleInner {
  background-color: #FFFDE0;
  padding: 0 12px 20px;
}

.letterContents .introBlock .introTitle .titleInner .textBox {
  float: left;
  width: 348px;
}

.letterContents .introBlock .introTitle .titleInner .photoBox {
  float: right;
  width: 193px;
}

.letterContents .introBlock .introTitle .titleInner .textBox h2 {
  background: url(/common_res/images/com_bg012.gif) no-repeat 0 100%;
  padding: 0 0 10px;
}

.letterContents .introBlock .introTitle .titleInner .textBox h2 span {
  background: url(/common_res/images/com_ic024.gif) no-repeat 0 30%;
  color: #004B76;
  display: block;
  min-height: 30px;
  padding: 0 0 0 55px;
  font-size: 90%;
}

.letterContents .introBlock .introTitle .titleInner .textBox h2 span span {
  background: none;
  display: inline;
  font-size: 130%;
  font-weight: bold;
  padding: 0;
}

.letterContents .photoBlock {
  background: url(/common_res/images/com_bg009.gif) repeat-x 0 0;
  margin: 15px 20px 0 20px;
  padding: 15px 0 0;
}

.letterContents .photoBlock div {
  width: 130px;
}

.letterContents .photoBlock .colEnd {
  float: left;
}

.letterContents .photoBlock .col {
  float: left;
  margin: 0 10px 0 0;
}

/* 2column */
.imgCol01L .colImage {
  float: left;
  margin-right: 8px;
  width: 292px;
}
.imgCol01L .colText {
  float: left;
  width: 300px;
}

@media screen and (max-width: 800px) {
  .imgCol01L .colImage {
    max-width: 50%;
    width: auto;
  }
  .imgCol01L .colText {
    float: none;
    width: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 640px) {
  .imgCol01L .colImage {
    float: none;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .imgCol01L .colImage p {
    text-align: center;
  }
}
.imgCol01R .colImage {
  float: right;
  margin-left: 8px;
  width: 292px;
}
.imgCol01R .colText {
  float: left;
  width: 300px;
}

@media screen and (max-width: 800px) {
  .imgCol01R .colImage {
    max-width: 50%;
    width: auto;
  }
  .imgCol01R .colText {
    float: none;
    width: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 640px) {
  .imgCol01R .colImage {
    float: none;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .imgCol01R .colImage p {
    text-align: center;
  }
}
.imgCol02L .colImage {
  float: left;
  margin-right: 10px;
  width: 190px;
}
.imgCol02L .colText {
  float: left;
  width: 400px;
}

@media screen and (max-width: 800px) {
  .imgCol02L .colImage {
    max-width: 50%;
    width: auto;
  }
  .imgCol02L .colText {
    float: none;
    width: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 640px) {
  .imgCol02L .colImage {
    float: none;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .imgCol02L .colImage p {
    text-align: center;
  }
}
.imgCol02R .colImage {
  float: right;
  margin-left: 10px;
  width: 190px;
}
.imgCol02R .colText {
  float: left;
  width: 400px;
}

@media screen and (max-width: 800px) {
  .imgCol02R .colImage {
    max-width: 50%;
    width: auto;
  }
  .imgCol02R .colText {
    float: none;
    width: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 640px) {
  .imgCol02R .colImage {
    float: none;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .imgCol02R .colImage p {
    text-align: center;
  }
}
.imgCol03L {
  clear: both;
}
.imgCol03L .colImage {
  float: left;
  width: 90px;
  margin-right: 10px;
}
.imgCol03L .colText {
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .imgCol03L .colImage {
    max-width: 50%;
    width: auto;
  }
  .imgCol03L .colText {
    float: none;
    width: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 640px) {
  .imgCol03L .colImage {
    float: none;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .imgCol03L .colImage p {
    text-align: center;
  }
}
.imgCol03R .colImage {
  float: right;
  margin-left: 10px;
  width: 90px;
}
.imgCol03R .colText {
  float: left;
  width: 500px;
}

@media screen and (max-width: 800px) {
  .imgCol03R .colImage {
    max-width: 50%;
    width: auto;
  }
  .imgCol03R .colText {
    float: none;
    width: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 640px) {
  .imgCol03R .colImage {
    float: none;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .imgCol03R .colImage p {
    text-align: center;
  }
}
.imgCol04L .colImage {
  float: left;
  margin-right: 10px;
}
.imgCol04L .colText {
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .imgCol04L .colImage {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .imgCol04L .colImage p {
    text-align: center;
  }
  .imgCol04L .colText {
    overflow: hidden;
  }
}
.imgCol04R .colImage {
  float: right;
  margin-left: 10px;
}
.imgCol04R .colText {
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .imgCol04R .colImage {
    max-width: 50%;
    width: auto;
  }
}
@media screen and (max-width: 640px) {
  .imgCol04R .colImage {
    float: none;
    max-width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
  }
}
.imgColIbR,
.imgColIbL {
  letter-spacing: -0.4em;
}
.imgColIbR .colImage,
.imgColIbR .colText,
.imgColIbL .colImage,
.imgColIbL .colText {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: middle;
}

.imgColIbR .colImage {
  padding-left: 10px;
}

.imgColIbL .colImage {
  padding-right: 10px;
}

@media screen and (max-width: 800px) {
  .imgColIbR,
  .imgColIbL {
    display: table;
    letter-spacing: normal;
  }
  .imgColIbR .colImage,
  .imgColIbR .colText,
  .imgColIbL .colImage,
  .imgColIbL .colText {
    display: table-cell;
  }
}
@media screen and (max-width: 640px) {
  .imgColIbR,
  .imgColIbL {
    display: block;
  }
  .imgColIbR .colImage,
  .imgColIbR .colText,
  .imgColIbL .colImage,
  .imgColIbL .colText {
    display: block;
  }
  .imgColIbR .colImage,
  .imgColIbL .colImage {
    text-align: center;
    padding: 0 0 10px;
  }
}
.colTwo {
  margin: 20px -32px 0 0;
}

.colTwo .col {
  float: left;
  margin-right: 16px;
  width: 292px;
}

.colBtnnav .col {
  float: left;
  margin-left: 14px;
  width: 226px;
}

/* 3column */
.colThree {
  margin: 20px -45px 0 0;
}
.colThree .col {
  float: left;
  margin-right: 15px;
  width: 190px;
}
.colThree .col2Type02 {
  float: left;
  margin-right: 12px;
  width: 141px;
}
.colThree .col2Type02txt {
  float: left;
  margin-right: 20px;
  width: 294px;
}

@media screen and (max-width: 800px) {
  .colThree {
    margin: 20px 0 0;
  }
}
/* 4column */
.colFour {
  margin: 20px -48px 0 0;
}

.colFour .col {
  float: left;
  margin-right: 12px;
  width: 141px;
}

/* ==================================
Text
================================== */
.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.note01 {
  padding-left: 1em;
  text-indent: -1em;
}

.note02 {
  padding-left: 2em;
  text-indent: -2em;
}

.smallCaption {
  display: block;
  margin: 3px 0 0;
  font-size: 81.25%;
  line-height: 154%;
}

@media screen and (min-width: 641px) and (max-width: 800px) {
  .tab-center {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .smallCaption {
    font-size: 78.57143%;
    line-height: 155%;
  }

  .sp-center {
    text-align: center;
  }
}
.bodyCopy {
  font-size: 112.5%;
  line-height: 150%;
  letter-spacing: 0;
}

.emphasisCopy {
  font-size: 150%;
  letter-spacing: 0;
  font-weight: bold;
  color: #4d4f53;
}

.strong01 {
  font-weight: bold;
}

.small {
  font-size: 75%;
  line-height: 150%;
}

h2 .small {
  font-size: 60%;
  line-height: 150%;
}

#mainCol .hasSmall {
  margin-bottom: 15px;
  line-height: 1.2em;
}

.smallCaption {
  display: block;
  font-size: 80%;
  margin: 3px 0 0;
}

a.textRight {
  float: right !important;
}

.note02 {
  margin: 0 0 5px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.note03 {
  margin: 0 0 5px;
  padding-left: 2.5em;
  text-indent: -2.5em;
}

.note04 {
  margin: 0 0 5px;
  padding-left: 15px;
  text-indent: -15px;
}

.note05 {
  margin: 0 0 5px;
  padding-left: 8px;
  text-indent: -8px;
}

.note01,
.note02,
.note03,
.note04,
.note05 {
  font-size: 75%;
  line-height: 150%;
}

.imgCaption {
  font-weight: bold;
}

.objectCenter {
  margin-left: auto;
  margin-right: auto;
}

/* ==================================
csr
================================== */
.anchorLink a {
  background: url(/common/images/com_ic006.gif) no-repeat 4px 7px;
}

.listBox dt.left {
  float: left;
  width: 40%;
}

.listBox dt.right {
  float: right;
  width: 45%;
}

.blue_text {
  color: #00ACE9;
}

.pic_box .pic {
  float: right;
  padding: 0 0 10px 10px;
}

@media screen and (max-width: 800px) {
  .pic_box .pic {
    float: none;
    padding: 0 0 10px;
  }
}
td.middle_td {
  vertical-align: middle;
}

td.middle_td {
  vertical-align: middle;
}

h3.border {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 3px 0 2px;
}

.step2 .left_box {
  float: left;
  width: 45%;
}

.step2 .right_box {
  float: right;
  width: 45%;
}

.step2 dl {
  font-size: 110%;
  padding: 0 0 10px;
}

.step2 dt {
  font-weight: bold;
  margin-top: 10px;
}

.clear {
  clear: both;
}

.red {
  color: #F00;
}

.table03 {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin: 30px 0 0;
}
.table03 .lv01 {
  background-color: #00b4ed;
  color: #FFFFFF;
}
.table03 .lv02 {
  background-color: #c9cac8;
}
.table03 .lv03 {
  background-color: #9a9b9c;
  color: #FFFFFF;
}
.table03 th,
.table03 td {
  background-color: #eaebec;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: 7px;
  vertical-align: top;
  word-wrap: break-word;
}
.table03 th,
.table03 .highLight {
  font-weight: bold;
}
.table03 a {
  display: block;
}

.table04 {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin: 30px 0 0;
  width: 600px !important;
}

.table04 .lv01 {
  background-color: #00b4ed;
  color: #FFFFFF;
}

.table04 .lv02 {
  background-color: #c9cac8;
}

.table04 .lv03 {
  background-color: #9a9b9c;
  color: #FFFFFF;
}

.table04 th,
.table04 td {
  background-color: #eaebec;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: 4px;
  vertical-align: top;
  font-size: 11px;
  word-wrap: break-word;
}

.table04 a {
  display: block;
  width: 100px;
  font-size: 100%;
}

.table05 {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin: 30px 0 0;
}
.table05 .lv01 {
  background-color: #00b4ed;
  color: #FFFFFF;
}
.table05 .lv02 {
  background-color: #c9cac8;
}
.table05 .lv03 {
  background-color: #9a9b9c;
  color: #FFFFFF;
}
.table05 th,
.table05 td {
  background-color: #eaebec;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0 0 1px 1px;
  padding: 7px;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
}
.table05 th,
.table05 .highLight {
  font-weight: bold;
}
.table05 a {
  display: block;
}

sub {
  font-size: 10px;
}

.table03 sub sub,
.table03 sub sup,
.table04 sub sub,
.table04 sub sup,
.table05 sub,
.table05 sup {
  position: relative;
  font-size: 66.66667%;
  line-height: 150%;
}
.table03 sub sub,
.table04 sub sub,
.table05 sub {
  bottom: -1px;
}
.table03 sub sup,
.table04 sub sup,
.table05 sup {
  top: -1px;
}

table .iconLink01 a:hover,
.iconLink01 a:hover {
  color: #89BA17;
}

.wordk {
  word-break: keep-all;
}

.borderbox {
  padding: 10px;
  border: 1px solid #999;
}

/* table-history */
.table-history th {
  vertical-align: top;
}

@media screen and (max-width: 800px) {
  .table-history td {
    padding-left: 10px;
  }
}
/* ==================================
about us
================================== */
.newsTitle {
  margin: 15px 0 0;
  text-align: right;
}

.newsTitle .first {
  text-align: left;
}

.newsTitle .corpInfo {
  margin: 15px 0 0 0;
}

.heading03 {
  margin: 2em 0;
}

#mainText p {
  margin-top: 15px;
  text-indent: 1em;
}

.releaseLast {
  margin: 30px 0 0 0;
  text-align: right;
}

.exCol {
  display: block;
}

.exCol .colText {
  float: left !important;
  width: 185px !important;
}

.exCol .colImage {
  float: left !important;
  margin-left: 10px !important;
}

.blueText01 {
  color: #00B4ED;
}

.borderBox01 {
  border: solid 1px #eee;
}

/* ==================================
plan
================================== */
/* 共通レイアウト　*/
.pdfcolumn {
  float: right;
  width: 60%;
}
.pdfcolumn p {
  background-image: url("/common_res/images/com_ic016.gif");
  background-position: 0 1px;
  background-repeat: no-repeat;
  padding-left: 20px;
}
.pdfcolumn a {
  font-size: 75%;
  line-height: 150%;
}

.boxin {
  color: #89ba17 !important;
}

.plan_box p {
  margin-bottom: 15px;
}

.centerView {
  text-align: center;
}

.menu {
  position: relative;
  width: 100%;
  border: 1px solid #9A9A9A;
  background-color: #DCDCDC;
  box-shadow: #666666 0px 2px 3px;
  -webkit-box-shadow: #666666 0px 2px 3px;
  -moz-box-shadow: #666666 0px 2px 3px;
  -ms-box-shadow: #666666 0px 2px 3px;
  -o-box-shadow: #666666 0px 2px 3px;
  box-shadow: #666666 0px 2px 3px;
  behavior: url(/about_us/who_we_are/midterm_plan/PIE.htc);
}

.menu_rayout {
  margin-bottom: 25px;
}

.archive,
.archive2,
.archive3,
.archive4 {
  background-color: #DCDCDC;
  cursor: pointer;
  font-weight: bold;
  color: #00b4ed;
}

.archive_normal {
  background-color: #DCDCDC;
  padding: 10px 0 8px 30px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #FFF;
}

ol, ul {
  list-style: none;
}

.subMenu,
.subMenu2,
.subMenu3,
.subMenu4 > li {
  padding: 15px;
  background-color: #FFF;
}

.select {
  padding: 10px 0 8px 15px;
  background-color: #FFF;
}

.listbg {
  padding: 10px 10px 8px 30px;
  background-image: url(/common_res/images/list001.png);
  background-repeat: no-repeat;
  background-position: 15px 15px;
  border-bottom: 1px solid #FFF;
}

.hover {
  color: #89ba17;
}

@media screen and (max-width: 800px) {
  .archive.select,
  .archive2.select,
  .archive3.select,
  .archive4.select,
  .archive,
  .archive2,
  .archive3,
  .archive4 {
    background-color: #DCDCDC;
    color: #00b4ed;
  }

  .subMenu,
  .subMenu2,
  .subMenu3,
  .subMenu4 > li {
    padding: 10px !important;
  }

  .archive.hover,
  .archive2.hover,
  .archive3.hover,
  .archive4.hover {
    background-color: #DCDCDC;
    color: #00b4ed;
  }

  .hover {
    color: #00b4ed;
  }
}
.s_size {
  font-size: 90%;
}

div.sup {
  width: 26%;
  float: right;
}

ul.normalList {
  margin-left: 17px;
  list-style: disc;
}
ul.normalList li + li {
  margin-top: 10px;
}

ul.suplist {
  margin: 0 0 15px 0 !important;
  font-size: 11px;
  clear: both;
  /*letter-spacing:-0.05em;*/
  letter-spacing: 0;
}
ul.suplist li {
  margin: 0;
  padding: 0;
  list-style-type: none !important;
}

table td ul {
  margin: 0;
}

table td ul li {
  padding: 0 0 3px 15px;
  list-style-type: none;
  text-align: left;
  background-image: url(/common_res/images/list002.png);
  background-repeat: no-repeat;
  background-position: 2px 7px;
}

table td ul .iconLink01,
table td .iconLink01 li {
  background-image: none;
  padding: 0;
}

.plan_box dl {
  margin-bottom: 15px;
  font-size: 68.75%;
  line-height: 155%;
  clear: both;
}
.plan_box dt {
  width: 2.5em;
  float: left;
  background-position: 0 15px;
}
.plan_box dt.s {
  width: 1em;
  float: left;
  background-position: 0 15px;
}
.plan_box dd {
  margin-left: 1.5em;
  padding-left: 10px;
}
.plan_box dd.s {
  margin-left: 1.3em;
  padding-left: 0;
}

p.link {
  padding-left: 17px;
  background-image: url(/common_res/images/list001.png);
  background-repeat: no-repeat;
  background-position: 0 9px;
}
p.link a {
  font-size: 87.5%;
  line-height: 150%;
}

.list_rayout {
  letter-spacing: -0.5em;
}

/* 目標指数テーブル　*/
.mark {
  margin: 20px auto;
  width: 90%;
}
.mark table {
  margin-bottom: 5px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FFF;
  font-size: 90%;
}
.mark th {
  padding: 7px;
  width: 30%;
  background-color: #C9CAC8;
  border-collapse: collapse;
  border: 1px solid #FFF;
  text-align: left;
  vertical-align: middle;
}
.mark th.head {
  background-color: #00B4ED;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}
.mark td {
  padding: 7px;
  background-color: #EAEBEC;
  border-collapse: collapse;
  border: 1px solid #FFF;
}
.mark tr.odd td {
  background-color: #FFCC99;
}
.mark caption {
  padding-bottom: 2px;
  text-align: left;
  font-size: 120%;
  font-weight: bold;
}
.mark td h5 {
  text-align: left;
  margin: 5px 10px;
}
.mark td ul.list {
  margin: 5px 25px 8px;
}

/* content1-1 */
.content1-1_detail {
  width: 50%;
  float: left;
}

.content1-1_photo {
  width: 50%;
  float: right;
  text-align: right;
}

.content1-1 table {
  margin-bottom: 5px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FFF;
  font-size: 90%;
}
.content1-1 caption {
  padding-bottom: 2px;
  text-align: left;
  font-size: 120%;
  font-weight: bold;
}
.content1-1 th {
  padding: 7px;
  background-color: #C9CAC8;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content1-1 .head {
  padding: 10px;
  background-color: #00B4ED;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}
.content1-1 td {
  padding: 7px;
  background-color: #EAEBEC;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  .content1-1_detail,
  .content1-1_photo {
    width: auto;
    float: none;
  }

  .content1-1_photo {
    text-align: center;
  }

  .content1-1_photo + .content1-1_detail,
  .content1-1_detail + .content1-1_photo {
    margin-top: 10px;
  }
}
/* content1-2 */
.content1-2 table {
  margin-bottom: 5px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FFF;
  font-size: 90%;
}
.content1-2 th {
  padding: 7px;
  background-color: #C9CAC8;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content1-2 .head {
  background-color: #00B4ED;
  color: #FFF;
  font-weight: bold;
}
.content1-2 .tleft {
  width: 27%;
  vertical-align: middle;
}
.content1-2 .tleft_detail {
  width: 7%;
  text-align: center;
}
.content1-2 .tcenter {
  width: 53%;
  text-align: center;
  vertical-align: middle !important;
}
.content1-2 .tright {
  width: 20%;
  text-align: center;
  vertical-align: middle;
}
.content1-2 td {
  padding: 7px;
  background-color: #EAEBEC;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}

p.block {
  width: 73%;
  font-size: 11px;
  /*letter-spacing:-0.1em;*/
  letter-spacing: 0;
}

/* content1-3 */
.content1-3 h5 {
  padding-bottom: 2px;
  text-align: left;
  font-size: 100%;
  font-weight: bold;
}
.content1-3 table {
  margin-bottom: 5px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FFF;
  font-size: 90%;
}
.content1-3 caption {
  padding-bottom: 2px;
  text-align: left;
  font-size: 120%;
  font-weight: bold;
}
.content1-3 th {
  padding: 7px;
  background-color: #C9CAC8;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content1-3 .head {
  padding: 10px;
  background-color: #00B4ED;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}
.content1-3 td {
  padding: 7px;
  background-color: #EAEBEC;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content1-3 .table1 th {
  width: 30%;
}
.content1-3 .table3 td {
  padding: 2px;
  width: 72px;
}
.content1-3 .table3 .tleft_detail {
  text-align: center;
  padding: 2px;
}
.content1-3 .table3 .space {
  background: #fff;
}
.content1-3 .table3 .yellow {
  border-top: #ffe900 solid 2px;
}
.content1-3 .table3 .blue {
  border-top: #00b4ed solid 2px;
}
.content1-3 .table3 .green {
  border-top: #89ba17 solid 2px;
}
.content1-3 .table3 .grayT {
  border-top: #EAEBEC solid 1px;
}
.content1-3 .table3 .grayL {
  border-left: #EAEBEC solid 1px;
}
.content1-3 .table3 .grayR {
  border-right: #EAEBEC solid 1px;
}
.content1-3 .table3 .grayB {
  border-bottom: #EAEBEC solid 1px;
}
.content1-3 .table3 .padT0 {
  padding: 0 2px 5px;
  line-height: 1;
  vertical-align: top;
}
.content1-3 .table3 .padB0 {
  padding-bottom: 0;
  line-height: 1;
  vertical-align: middle;
}
.content1-3 .table4 th {
  text-align: center;
}

/* content2-1 */
.content2-1 table {
  margin-bottom: 5px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FFF;
  font-size: 90%;
}
.content2-1 th {
  padding: 7px;
  background-color: #C9CAC8;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content2-1 td {
  padding: 7px;
  background-color: #EAEBEC;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
  text-align: right;
}
.content2-1 .head {
  background-color: #00B4ED;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}
.content2-1 .tleft {
  width: 10%;
  vertical-align: middle;
}
.content2-1 .tcenter1 {
  width: 18%;
  text-align: center;
  vertical-align: middle !important;
}
.content2-1 .tcenter2 {
  width: 22%;
  text-align: center;
  vertical-align: middle !important;
}
.content2-1 .tright {
  width: 50%;
  text-align: center;
  vertical-align: middle !important;
}

/* content2-3 */
.content2-3 table {
  margin-bottom: 5px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FFF;
  font-size: 90%;
}
.content2-3 th {
  padding: 7px;
  background-color: #C9CAC8;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content2-3 td {
  padding: 7px;
  background-color: #EAEBEC;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content2-3 .head {
  background-color: #00B4ED;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  vertical-align: middle !important;
}
.content2-3 .tleft {
  width: 35%;
}

/* content2-4 20130424 */
.content2-4 h5 {
  margin-top: 22px;
  padding-bottom: 2px;
  text-align: left;
  font-size: 100%;
  font-weight: bold;
}
.content2-4 table {
  margin-bottom: 11px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #FFF;
  font-size: 90%;
}
.content2-4 caption {
  padding-bottom: 2px;
  text-align: left;
  font-size: 120%;
  font-weight: bold;
}
.content2-4 th {
  padding: 7px;
  background-color: #C9CAC8;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content2-4 td {
  padding: 7px;
  background-color: #EAEBEC;
  border-collapse: collapse;
  border: 1px solid #FFF;
  vertical-align: top;
}
.content2-4 .table2 {
  margin-top: 22px;
}
.content2-4 .head {
  background-color: #00B4ED;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  vertical-align: middle !important;
}
.content2-4 .list {
  margin: 5px 10px;
}
.content2-4 .fig {
  text-align: center;
}

/* content3-1～2、content4  */
.content3-1,
.content3-2,
.content3-3,
.content4-1 ul {
  padding-left: 20px;
  padding: 0;
}

.content3-1 ul li,
.content3-2 ul li,
.content3-3 ul li {
  padding: 0 0 5px 15px;
  background-image: url(/common_res/images/list002.png);
  background-repeat: no-repeat;
  background-position: 0 9px;
}

.content4-1 ul li {
  margin: 0 15px 0 15px;
  padding: 0 0 5px 15px;
  background-image: url(/common_res/images/list002.png);
  background-repeat: no-repeat;
  background-position: 0 8px;
  font-size: 62.5%;
  line-height: 160%;
}

@media screen and (max-width: 800px) {
  .content4-1 ul li {
    margin: 0;
    padding: 0 0 5px 12px;
    background-image: url(/common_res/images/list002.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
  }
}
div.csr {
  margin: 0 12px 12px 0;
  width: 170px;
  float: left;
}

div.csr_bottom {
  width: 170px;
  float: left;
}

.ss {
  letter-spacing: -0.01em;
}

/* ==================================
gadget
================================== */
.ifm_parent {
  margin: 0 auto;
  text-align: center;
}

.ifm_parent-tse {
  position: relative;
  height: 0;
  padding-top: 166.66667%;
}
.ifm_parent-tse iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

/* ==================================
Whote Space
================================== */
/* margin */
.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

/* width */
.w70 {
  width: 70px !important;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w210 {
  width: 210px !important;
}

.w220 {
  width: 220px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w250 {
  width: 250px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w310 {
  width: 310px !important;
}

.w320 {
  width: 320px !important;
}

.w330 {
  width: 330px !important;
}

.w340 {
  width: 340px !important;
}

.w350 {
  width: 350px !important;
}

.w360 {
  width: 360px !important;
}

.w370 {
  width: 370px !important;
}

.w380 {
  width: 380px !important;
}

.w390 {
  width: 390px !important;
}

.w400 {
  width: 400px !important;
}

.w410 {
  width: 410px !important;
}

.w420 {
  width: 420px !important;
}

.w430 {
  width: 430px !important;
}

.w440 {
  width: 440px !important;
}

.w450 {
  width: 450px !important;
}

.w460 {
  width: 460px !important;
}

.w470 {
  width: 470px !important;
}

.w480 {
  width: 480px !important;
}

.w490 {
  width: 490px !important;
}

.w500 {
  width: 500px !important;
}

.w510 {
  width: 510px !important;
}

.w520 {
  width: 520px !important;
}

.w530 {
  width: 530px !important;
}

.w540 {
  width: 540px !important;
}

.w550 {
  width: 550px !important;
}

.w560 {
  width: 560px !important;
}

.w570 {
  width: 570px !important;
}

.w580 {
  width: 580px !important;
}

.w590 {
  width: 590px !important;
}

.w600 {
  width: 600px !important;
}

.w610 {
  width: 610px !important;
}

.w620 {
  width: 620px !important;
}

.w292 {
  width: 292px !important;
}

.w305 {
  width: 305px !important;
}

.w575 {
  width: 575px !important;
}

.mw70 {
  max-width: 70px !important;
}

.mw80 {
  max-width: 80px !important;
}

.mw90 {
  max-width: 90px !important;
}

.mw100 {
  max-width: 100px !important;
}

.mw110 {
  max-width: 110px !important;
}

.mw120 {
  max-width: 120px !important;
}

.mw130 {
  max-width: 130px !important;
}

.mw140 {
  max-width: 140px !important;
}

.mw150 {
  max-width: 150px !important;
}

.mw160 {
  max-width: 160px !important;
}

.mw170 {
  max-width: 170px !important;
}

.mw180 {
  max-width: 180px !important;
}

.mw190 {
  max-width: 190px !important;
}

.mw200 {
  max-width: 200px !important;
}

.mw210 {
  max-width: 210px !important;
}

.mw220 {
  max-width: 220px !important;
}

.mw230 {
  max-width: 230px !important;
}

.mw240 {
  max-width: 240px !important;
}

.mw250 {
  max-width: 250px !important;
}

.mw260 {
  max-width: 260px !important;
}

.mw270 {
  max-width: 270px !important;
}

.mw280 {
  max-width: 280px !important;
}

.mw290 {
  max-width: 290px !important;
}

.mw300 {
  max-width: 300px !important;
}

.mw310 {
  max-width: 310px !important;
}

.mw320 {
  max-width: 320px !important;
}

.mw330 {
  max-width: 330px !important;
}

.mw340 {
  max-width: 340px !important;
}

.mw350 {
  max-width: 350px !important;
}

.mw360 {
  max-width: 360px !important;
}

.mw370 {
  max-width: 370px !important;
}

.mw380 {
  max-width: 380px !important;
}

.mw390 {
  max-width: 390px !important;
}

.mw400 {
  max-width: 400px !important;
}

.mw410 {
  max-width: 410px !important;
}

.mw420 {
  max-width: 420px !important;
}

.mw430 {
  max-width: 430px !important;
}

.mw440 {
  max-width: 440px !important;
}

.mw450 {
  max-width: 450px !important;
}

.mw460 {
  max-width: 460px !important;
}

.mw470 {
  max-width: 470px !important;
}

.mw480 {
  max-width: 480px !important;
}

.mw490 {
  max-width: 490px !important;
}

.mw500 {
  max-width: 500px !important;
}

.mw510 {
  max-width: 510px !important;
}

.mw520 {
  max-width: 520px !important;
}

.mw530 {
  max-width: 530px !important;
}

.mw540 {
  max-width: 540px !important;
}

.mw550 {
  max-width: 550px !important;
}

.mw560 {
  max-width: 560px !important;
}

.mw570 {
  max-width: 570px !important;
}

.mw580 {
  max-width: 580px !important;
}

.mw590 {
  max-width: 590px !important;
}

.mw600 {
  max-width: 600px !important;
}

.mw610 {
  max-width: 610px !important;
}

.mw620 {
  max-width: 620px !important;
}

.mw292 {
  max-width: 292px !important;
}

.mw305 {
  max-width: 305px !important;
}

.mw575 {
  max-width: 575px !important;
}

@media screen and (max-width: 800px) {
  .w70 {
    width: auto !important;
  }

  .w80 {
    width: auto !important;
  }

  .w90 {
    width: auto !important;
  }

  .w100 {
    width: auto !important;
  }

  .w110 {
    width: auto !important;
  }

  .w120 {
    width: auto !important;
  }

  .w130 {
    width: auto !important;
  }

  .w140 {
    width: auto !important;
  }

  .w150 {
    width: auto !important;
  }

  .w160 {
    width: auto !important;
  }

  .w170 {
    width: auto !important;
  }

  .w180 {
    width: auto !important;
  }

  .w190 {
    width: auto !important;
  }

  .w200 {
    width: auto !important;
  }

  .w210 {
    width: auto !important;
  }

  .w220 {
    width: auto !important;
  }

  .w230 {
    width: auto !important;
  }

  .w240 {
    width: auto !important;
  }

  .w250 {
    width: auto !important;
  }

  .w260 {
    width: auto !important;
  }

  .w270 {
    width: auto !important;
  }

  .w280 {
    width: auto !important;
  }

  .w290 {
    width: auto !important;
  }

  .w300 {
    width: auto !important;
  }

  .w310 {
    width: auto !important;
  }

  .w320 {
    width: auto !important;
  }

  .w330 {
    width: auto !important;
  }

  .w340 {
    width: auto !important;
  }

  .w350 {
    width: auto !important;
  }

  .w360 {
    width: auto !important;
  }

  .w370 {
    width: auto !important;
  }

  .w380 {
    width: auto !important;
  }

  .w390 {
    width: auto !important;
  }

  .w400 {
    width: auto !important;
  }

  .w410 {
    width: auto !important;
  }

  .w420 {
    width: auto !important;
  }

  .w430 {
    width: auto !important;
  }

  .w440 {
    width: auto !important;
  }

  .w450 {
    width: auto !important;
  }

  .w460 {
    width: auto !important;
  }

  .w470 {
    width: auto !important;
  }

  .w480 {
    width: auto !important;
  }

  .w490 {
    width: auto !important;
  }

  .w500 {
    width: auto !important;
  }

  .w510 {
    width: auto !important;
  }

  .w520 {
    width: auto !important;
  }

  .w530 {
    width: auto !important;
  }

  .w540 {
    width: auto !important;
  }

  .w550 {
    width: auto !important;
  }

  .w560 {
    width: auto !important;
  }

  .w570 {
    width: auto !important;
  }

  .w580 {
    width: auto !important;
  }

  .w590 {
    width: auto !important;
  }

  .w600 {
    width: auto !important;
  }

  .w610 {
    width: auto !important;
  }

  .w620 {
    width: auto !important;
  }

  .w292 {
    width: auto !important;
  }

  .w305 {
    width: auto !important;
  }

  .w575 {
    width: auto !important;
  }
}
@media screen and (max-width: 640px) {
  .mw70 {
    max-width: 100% !important;
  }

  .mw80 {
    max-width: 100% !important;
  }

  .mw90 {
    max-width: 100% !important;
  }

  .mw100 {
    max-width: 100% !important;
  }

  .mw110 {
    max-width: 100% !important;
  }

  .mw120 {
    max-width: 100% !important;
  }

  .mw130 {
    max-width: 100% !important;
  }

  .mw140 {
    max-width: 100% !important;
  }

  .mw150 {
    max-width: 100% !important;
  }

  .mw160 {
    max-width: 100% !important;
  }

  .mw170 {
    max-width: 100% !important;
  }

  .mw180 {
    max-width: 100% !important;
  }

  .mw190 {
    max-width: 100% !important;
  }

  .mw200 {
    max-width: 100% !important;
  }

  .mw210 {
    max-width: 100% !important;
  }

  .mw220 {
    max-width: 100% !important;
  }

  .mw230 {
    max-width: 100% !important;
  }

  .mw240 {
    max-width: 100% !important;
  }

  .mw250 {
    max-width: 100% !important;
  }

  .mw260 {
    max-width: 100% !important;
  }

  .mw270 {
    max-width: 100% !important;
  }

  .mw280 {
    max-width: 100% !important;
  }

  .mw290 {
    max-width: 100% !important;
  }

  .mw300 {
    max-width: 100% !important;
  }

  .mw310 {
    max-width: 100% !important;
  }

  .mw320 {
    max-width: 100% !important;
  }

  .mw330 {
    max-width: 100% !important;
  }

  .mw340 {
    max-width: 100% !important;
  }

  .mw350 {
    max-width: 100% !important;
  }

  .mw360 {
    max-width: 100% !important;
  }

  .mw370 {
    max-width: 100% !important;
  }

  .mw380 {
    max-width: 100% !important;
  }

  .mw390 {
    max-width: 100% !important;
  }

  .mw400 {
    max-width: 100% !important;
  }

  .mw410 {
    max-width: 100% !important;
  }

  .mw420 {
    max-width: 100% !important;
  }

  .mw430 {
    max-width: 100% !important;
  }

  .mw440 {
    max-width: 100% !important;
  }

  .mw450 {
    max-width: 100% !important;
  }

  .mw460 {
    max-width: 100% !important;
  }

  .mw470 {
    max-width: 100% !important;
  }

  .mw480 {
    max-width: 100% !important;
  }

  .mw490 {
    max-width: 100% !important;
  }

  .mw500 {
    max-width: 100% !important;
  }

  .mw510 {
    max-width: 100% !important;
  }

  .mw520 {
    max-width: 100% !important;
  }

  .mw530 {
    max-width: 100% !important;
  }

  .mw540 {
    max-width: 100% !important;
  }

  .mw550 {
    max-width: 100% !important;
  }

  .mw560 {
    max-width: 100% !important;
  }

  .mw570 {
    max-width: 100% !important;
  }

  .mw580 {
    max-width: 100% !important;
  }

  .mw590 {
    max-width: 100% !important;
  }

  .mw600 {
    max-width: 100% !important;
  }

  .mw610 {
    max-width: 100% !important;
  }

  .mw620 {
    max-width: 100% !important;
  }

  .mw292 {
    max-width: 100% !important;
  }

  .mw305 {
    max-width: 100% !important;
  }

  .mw575 {
    max-width: 100% !important;
  }
}
.h100 {
  height: 100px !important;
}

.h110 {
  height: 110px !important;
}

.h120 {
  height: 120px !important;
}

.h130 {
  height: 130px !important;
}

.h140 {
  height: 140px !important;
}

.h150 {
  height: 150px !important;
}

.h160 {
  height: 160px !important;
}

.h170 {
  height: 170px !important;
}

.h180 {
  height: 180px !important;
}

.h190 {
  height: 190px !important;
}

.h200 {
  height: 200px !important;
}

.h210 {
  height: 210px !important;
}

.h220 {
  height: 220px !important;
}

.h230 {
  height: 230px !important;
}

.h240 {
  height: 240px !important;
}

.h250 {
  height: 250px !important;
}

.h260 {
  height: 260px !important;
}

.h270 {
  height: 270px !important;
}

.h280 {
  height: 280px !important;
}

.h290 {
  height: 290px !important;
}

.h300 {
  height: 300px !important;
}

.h310 {
  height: 310px !important;
}

.h320 {
  height: 320px !important;
}

.h330 {
  height: 330px !important;
}

.h340 {
  height: 340px !important;
}

.h350 {
  height: 350px !important;
}

.h360 {
  height: 360px !important;
}

.h370 {
  height: 370px !important;
}

.h380 {
  height: 380px !important;
}

.h390 {
  height: 390px !important;
}

.h400 {
  height: 400px !important;
}

.h410 {
  height: 410px !important;
}

.h420 {
  height: 420px !important;
}

.h430 {
  height: 430px !important;
}

.h440 {
  height: 440px !important;
}

.h450 {
  height: 450px !important;
}

.h460 {
  height: 460px !important;
}

.h470 {
  height: 470px !important;
}

.h480 {
  height: 480px !important;
}

.h490 {
  height: 490px !important;
}

.h500 {
  height: 500px !important;
}

@media screen and (max-width: 800px) {
  .h100 {
    height: auto !important;
  }

  .h110 {
    height: auto !important;
  }

  .h120 {
    height: auto !important;
  }

  .h130 {
    height: auto !important;
  }

  .h140 {
    height: auto !important;
  }

  .h150 {
    height: auto !important;
  }

  .h160 {
    height: auto !important;
  }

  .h170 {
    height: auto !important;
  }

  .h180 {
    height: auto !important;
  }

  .h190 {
    height: auto !important;
  }

  .h200 {
    height: auto !important;
  }

  .h210 {
    height: auto !important;
  }

  .h220 {
    height: auto !important;
  }

  .h230 {
    height: auto !important;
  }

  .h240 {
    height: auto !important;
  }

  .h250 {
    height: auto !important;
  }

  .h260 {
    height: auto !important;
  }

  .h270 {
    height: auto !important;
  }

  .h280 {
    height: auto !important;
  }

  .h290 {
    height: auto !important;
  }

  .h300 {
    height: auto !important;
  }

  .h310 {
    height: auto !important;
  }

  .h320 {
    height: auto !important;
  }

  .h330 {
    height: auto !important;
  }

  .h340 {
    height: auto !important;
  }

  .h350 {
    height: auto !important;
  }

  .h360 {
    height: auto !important;
  }

  .h370 {
    height: auto !important;
  }

  .h380 {
    height: auto !important;
  }

  .h390 {
    height: auto !important;
  }

  .h400 {
    height: auto !important;
  }

  .h410 {
    height: auto !important;
  }

  .h420 {
    height: auto !important;
  }

  .h430 {
    height: auto !important;
  }

  .h440 {
    height: auto !important;
  }

  .h450 {
    height: auto !important;
  }

  .h460 {
    height: auto !important;
  }

  .h470 {
    height: auto !important;
  }

  .h480 {
    height: auto !important;
  }

  .h490 {
    height: auto !important;
  }

  .h500 {
    height: auto !important;
  }
}
.bgffffff {
  background-color: #FFFFFF !important;
}

/* ----------------------------------------------
 *      for Talking Browser
 * ---------------------------------------------- */
#skip-nav {
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
}

 /*99: extra
=========================================*/
/* ==================================
clear fix
================================== */
.exCol:after,
.DUMMY:after,
#picUp .info p:after,
.pageLink:after,
.pluginBox:after,
.pluginBox02:after,
.linkContainer:after,
.table01 .tableCol01 :after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
  line-height: 0;
}

.exCol,
.DUMMY,
#picUp .info p,
.pageLink,
.pluginBox,
.pluginBox02,
.linkContainer,
.table01 .tableCol01 {
  display: block;
  *zoom: 1;
}

/* ****************************************************
layout
***************************************************** */
/*1: layout common setting
=========================================*/
#pageContainer {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0 4px;
  background: url(/common_res/images/com_bg004.gif) repeat-y 50% 0;
  z-index: 100;
  transition: 0.2s -webkit-transform ease-in-out;
  -webkit-transition: 0.2s -webkit-transform ease-in-out;
  -moz-transition: 0.2s -webkit-transform ease-in-out;
  -ms-transition: 0.2s -webkit-transform ease-in-out;
  -o-transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s -webkit-transform ease-in-out;
}

#offCanvas {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  z-index: 10;
  background: #FFFFFF;
}

@media screen and (max-width: 800px) {
  #pageContainer {
    width: auto;
    padding: 0;
  }
}
@media screen and (max-width: 640px) {
  #pageContainer {
    transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    -ms-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }

  #pageContainer.offCanvas-open {
    position: absolute;
    top: 0;
    position: fixed;
    right: 85%;
    float: left;
    width: 100%;
    overflow: hidden;
    /* animation */
  }

  #offCanvas {
    width: 100%;
    padding-left: 15%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }

  .offCanvas-open + #offCanvas {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
  }
}
/*2: Header
=========================================*/
#header {
  width: auto;
  margin: 0 auto;
}

#headerContainer {
  width: auto;
  margin: 0;
  height: 149px;
  background: #FFFFFF;
}

@media screen and (max-width: 800px) {
  #headerContainer {
    position: relative;
    height: 154px;
    padding-right: 309px;
  }
}
@media screen and (max-width: 640px) {
  #headerContainer {
    height: auto;
    padding-right: 0;
  }
}
#headerLogo {
  float: left;
  width: 59%;
  padding: 20px 0 0 3.645%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#headerLogo a {
  display: block;
}

#headerUtility {
  float: left;
}

#finder {
  display: block;
  width: 300px;
  border-top: 10px solid #00b4ed;
  background: none;
}
#finder #showOffCanvas {
  display: none;
}
#finder ul {
  padding: 10px 0 0;
  letter-spacing: -0.3em;
}
#finder li {
  display: inline-block;
  *display: inline;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-right: 0 none;
  vertical-align: top;
  text-align: center;
  letter-spacing: normal;
  font-size: 87.5%;
  line-height: 100%;
}
#finder li + li {
  margin: 0 0 0 4%;
  padding: 0 0 0 4%;
  border-left: 1px solid #4D4F53;
}
#finder a {
  color: #4d4f53;
}
#finder a:hover, #finder a:active {
  color: #89ba17;
}

@media screen and (max-width: 800px) {
  #headerLogo {
    width: auto;
    padding: 26px 0 0 30px;
  }
  #headerLogo img {
    width: 100%;
    height: auto;
  }

  #finder {
    position: absolute;
    top: 0;
    right: 18px;
    width: auto;
  }
  #finder li {
    font-size: 81.25%;
  }
  #finder li + li {
    border-left: 1px solid #4D4F53;
  }
  #finder .linkLocation {
    margin-left: 19px;
    padding-left: 19px;
  }
  #finder .linkSitemap {
    margin-left: 13px;
    padding-left: 13px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 640px) {
  #headerLogo {
    float: none;
    width: auto;
    padding: 21px 73px 19px 13.5px;
  }
  #headerLogo a,
  #headerLogo img {
    display: block;
  }

  #finder {
    position: static;
    border: 0 none;
  }
  #finder #showOffCanvas {
    position: absolute;
    top: 11px;
    right: 5px;
    display: block;
    width: 33px;
    height: 31px;
    background: url(/common_res/images/sprite.png) -48px -35px no-repeat;
    background-size: 118px;
    text-indent: -9999px;
    overflow: hidden;
  }
  #finder ul {
    display: none;
  }

  #headerUtility {
    float: none;
    width: auto;
  }
}
.gnaviBox {
  position: relative;
  height: auto;
}

#header #globalNav {
  position: relative;
  width: auto;
  height: 40px;
  margin: 0;
  padding-left: 5px;
  background: #89ba17;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#header #globalNav > li {
  float: left;
  padding: 0;
}
#header #globalNav > li > a {
  display: block;
  padding: 0 15px;
  font-size: 112.5%;
  line-height: 40px;
  color: #FFFFFF;
  font-weight: normal;
}
#header #globalNav > li > a:hover {
  color: #FFFFFF;
  background: #00b4ed;
}

#header #globalNav > li > a > span.ic {
    text-indent: 100%;
    display: block;
    position: relative;
    width: 7px;
    height: 7px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(../images/com_ic044.gif);
    top: 15px;
    left: -5px;
}

#header #globalNav > li.active > a > span.ic {
  background-image: url(../images/com_ic045.gif);
}

#index.sp #globalNav > li > a > span.ic{
  display:none;
}

#header #globalNav > li > ul {
  position: absolute;
  top: 40px;
  left: 0;
  width: 960px;
  display: none;
  background-color: #00B4ED;
  box-shadow: 0 1px 2px #666666;
  /* 要検討 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3,enabled=true)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3,enabled=true);
  /* IE5.5+ */
  /* 要検討 */
  /* IE Hack */
  opacity: 0.95;
  /* 要検討 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=95)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
  /* IE5.5+ */
  /* 要検討 */
  padding: 16px 0 30px 0;
  z-index: 989;
}
#header #globalNav > li > ul > li {
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0;
  margin: 0 0 0 15px;
  background: none repeat scroll 0 0 #00b4ed;
  vertical-align: top;
  opacity: 0.9;
  z-index: 1000;
}
#header #globalNav > li > ul > li > a {
  display: block;
  padding: 0 15px;
  font-size: 87.5%;
  color: #FFFFFF;
  font-weight: normal;
  background: none repeat scroll 0 0 #00b4ed;
  letter-spacing: 0;
  line-height: 1.1;
  padding: 0;
  text-align: left;
  color: #FFFFFF;
}
#header #globalNav > li > ul > li > a:hover {
  color: #ffff00;
}
#header #globalNav > li > ul > li > * + a {
  margin: 8px 0 0 0;
}
#header #globalNav > li > ul > li > p {
  margin: 8px 0 0 0;
}
#header #globalNav > li > ul > li > p > a {
  display: block;
  padding: 0 15px;
  font-size: 87.5%;
  color: #FFFFFF;
  font-weight: normal;
  background: none repeat scroll 0 0 #00b4ed;
  letter-spacing: 0;
  line-height: 1.1;
  padding: 0;
  text-align: left;
  color: #FFFFFF;
}
#header #globalNav > li > ul > li > p > a:hover {
  color: #ffff00;
}
#header #globalNav > .void > a,
#header #globalNav > .active > a {
  background: #00b4ed;
}
#header #globalNav > .void > ul,
#header #globalNav > .active > ul {
  display: block;
}
#header #globalNav .ebook {
  margin-right: 18px;
}
#header #globalNav .ebook strong {
  font-weight: normal;
}
#header #globalNav .ebook a {
  text-align: right;
}
#header #globalNav .naviCorp {
  margin: 0 0 0 0;
  display: none;
}
#header #globalNav .naviCorp > li {
  width: 135px;
}
#header #globalNav .naviCsr {
  margin: 0 0 0 0;
  display: none;
}
#header #globalNav .naviCsr > li {
  width: 135px;
}
#header #globalNav .naviRD {
  display: none;
  margin: 0;
}
#header #globalNav .naviMi {
  display: none;
  margin: 0;
}

/*  */
#globalNav .naviCorp .library {
  width: 157px;
}
#globalNav .naviCsr .library {
  width: 157px;
}

#globalNav li a.corp_off,
#globalNav li a.rd_off,
#globalNav li a.mi_off,
#globalNav li a.corp,
#globalNav li a.rd,
#globalNav li a.mi {
  cursor: default;
  width: auto;
  height: auto;
  background: none;
  text-indent: 0;
}

#globalNav .active a.corp_off,
#globalNav .active a.rd_off,
#globalNav .active a.mi_off,
#globalNav .active a.corp,
#globalNav .active a.rd,
#globalNav .active a.mi {
  background: #00b4ed;
}

#globalNav li a.corp_off:hover,
#globalNav li a.rd_off:hover,
#globalNav li a.mi_off:hover {
  width: auto;
  height: auto;
  text-indent: 0;
}

/* searchform */
#showSearch {
  display: none;
}

#searchform4 {
  position: relative;
  display: block;
  width: 230px;
  height: 20px;
  background: none;
  background: url(/common_res/images/input4.png) left top no-repeat \9;
}
#searchform4 input[type=image] {
  width: 14px;
  height: 14px;
}

#keywords4 {
  width: 190px;
  position: absolute;
  top: 1px;
  left: 0;
  margin: 0;
  padding: 1.5px 25px 1.5px 15px;
  border: none;
  font-size: 90%;
  background: #FFF;
  background: transparent \9;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 1px 2px 5px 1px #bdbbbc inset;
  -webkit-box-shadow: 1px 2px 5px 1px #bdbbbc inset;
  -moz-box-shadow: 1px 2px 5px 1px #bdbbbc inset;
  -ms-box-shadow: 1px 2px 5px 1px #bdbbbc inset;
  -o-box-shadow: 1px 2px 5px 1px #bdbbbc inset;
  box-shadow: 1px 2px 5px 1px #bdbbbc inset;
}

#searchBtn4 {
  position: absolute;
  top: 4px;
  left: 206px \9;
}

.gnaviBox .searchBox {
  position: absolute;
  top: 10px;
  right: 5px;
}

@media screen and (min-width: 801px) {
  #searchBtn4 {
    left: 206px;
  }

  .gnaviBox .searchBox {
    height: auto !important;
  }
}
@media screen and (min-width: 801px) and (max-width: 640px) {
  #searchform4 {
    display: block !important;
  }
}
@media screen and (max-width: 800px) {
  .gnaviBox .searchBox {
    position: absolute;
    top: 40px;
    right: 0;
    width: 100%;
    height: 0;
    padding: 0 5px;
    background: #00b4ed;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
    overflow: visible !important;
  }

  #globalNav > li > ul {
    width: 100%;
  }

  #showSearch {
    position: absolute;
    top: -40px;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
  }
  #showSearch img {
    vertical-align: middle;
    line-height: 40px;
  }

  .open #showSearch {
    background: #00b4ed;
  }

  #searchform4 {
    position: relative;
    display: none;
    width: auto;
    height: auto;
    padding: 10px 0;
    vertical-align: top;
  }

  #keywords4 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: static;
    width: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    vertical-align: top;
    line-height: 150%;
  }

  #searchBtn4 {
    top: 15px;
    right: 10px;
  }
}
@media screen and (max-width: 640px) {
  /* gnaviBox */
  .gnaviBox {
    position: relative;
    background: #89ba17;
  }
  .gnaviBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background: url(/common_res/images/shadow.png) 0 0 repeat-x transparent;
    z-index: 1000;
  }

  /* globalNav */
  #index #mainContainer #globalNav,
  #header #globalNav {
    height: auto;
    padding: 0;
    z-index: 999;
  }
  #index #mainContainer #globalNav #mainContents,
  #header #globalNav #mainContents {
    background: #FFF;
  }
  #index #mainContainer #globalNav #mainContents #topicPath,
  #header #globalNav #mainContents #topicPath {
    display: none;
  }
  #index #mainContainer #globalNav > li,
  #header #globalNav > li {
    float: none;
    display: block;
    margin: 0;
    opacity: 1;
  }

    #index #mainContainer #globalNav > li > a,
  #header #globalNav > li > a {
    position: relative;
    display: block;
    padding: 12px 30px 11px 10px;
    border-top: 1px solid #f0f0f0;
    text-shadow: 0 1px 1px #666666;
    font-size: 150%;
    line-height: 117%;
    color: #fff;
    overflow: hidden;
  }
  #index #mainContainer #globalNav > li > a:after,
  #header #globalNav > li > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url(/common_res/images/sprite.png) -20px -49px no-repeat;
    background-size: 121px;
  }
  #index #mainContainer #globalNav > li > ul,
  #header #globalNav > li > ul {
    position: static;
    display: none;
    width: 100%;
    padding: 0;
    background-color: #00B4ED;
    opacity: 1;
    z-index: 989;
  }
  #index #mainContainer #globalNav > li > ul > li,
  #header #globalNav > li > ul > li {
    margin: 0;
    opacity: 1;
    float: none;
    display: block;
  }
  #index #mainContainer #globalNav > li > ul > li > a,
  #header #globalNav > li > ul > li > a {
    position: relative;
    display: block;
    padding: 12px 30px 11px 30px;
    border-top: 1px solid #f0f0f0;
    color: #fff;
    overflow: hidden;
  }
  #index #mainContainer #globalNav > li > ul > li > a:after,
  #header #globalNav > li > ul > li > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url(/common_res/images/sprite.png) -20px -49px no-repeat;
    background-size: 121px;
  }
  #index #mainContainer #globalNav > li > ul > li > a:after,
  #header #globalNav > li > ul > li > a:after {
    width: 9px;
    background-position: -40px -49px;
  }
  #index #mainContainer #globalNav > li > ul > li > a > strong,
  #header #globalNav > li > ul > li > a > strong {
    text-shadow: 0 1px 1px #666666;
    font-size: 150%;
    line-height: 117%;
  }
  #index #mainContainer #globalNav > li > ul > li > * + a,
  #header #globalNav > li > ul > li > * + a {
    margin-top: 0;
  }
  #index #mainContainer #globalNav > li > ul > li > p,
  #header #globalNav > li > ul > li > p {
    display: none;
    margin: 0;
  }
  #index #mainContainer #globalNav > li > ul > li > p > a,
  #header #globalNav > li > ul > li > p > a {
    position: relative;
    display: block;
    padding: 12px 30px 11px 30px;
    text-shadow: 0 1px 1px #666666;
    border-top: 1px solid #f0f0f0;
    font-size: 150%;
    line-height: 117%;
    color: #fff;
    overflow: hidden;
  }
  #index #mainContainer #globalNav > li > ul > li > p > a:after,
  #header #globalNav > li > ul > li > p > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: url(/common_res/images/sprite.png) -20px -49px no-repeat;
    background-size: 121px;
  }
  #index #mainContainer #globalNav > li > ul > li > p > a:after,
  #header #globalNav > li > ul > li > p > a:after {
    width: 9px;
    background-position: -40px -49px;
  }
  #index #mainContainer #globalNav > .void > ul,
  #index #mainContainer #globalNav > .active > ul,
  #header #globalNav > .void > ul,
  #header #globalNav > .active > ul {
    display: block;
  }
  #index #mainContainer #globalNav > .void > a,
  #index #mainContainer #globalNav > .active > a,
  #header #globalNav > .void > a,
  #header #globalNav > .active > a {
    background: #89ba17;
  }
  #index #mainContainer #globalNav > .void > a:after,
  #index #mainContainer #globalNav > .active > a:after,
  #header #globalNav > .void > a:after,
  #header #globalNav > .active > a:after {
    background-position: -29px -49px;
  }
  #index #mainContainer #globalNav > .void > .show,
  #index #mainContainer #globalNav > .active > .show,
  #header #globalNav > .void > .show,
  #header #globalNav > .active > .show {
    display: block;
  }
  #index #mainContainer #globalNav > .void > .show > .show,
  #index #mainContainer #globalNav > .active > .show > .show,
  #header #globalNav > .void > .show > .show,
  #header #globalNav > .active > .show > .show {
    display: block;
  }
  #index #mainContainer #globalNav > .void > .show > .show > p,
  #index #mainContainer #globalNav > .active > .show > .show > p,
  #header #globalNav > .void > .show > .show > p,
  #header #globalNav > .active > .show > .show > p {
    display: block;
  }
  #index #mainContainer #globalNav > li > .naviCorp > .library,
  #index #mainContainer #globalNav > li > .naviCorp > li,
  #header #globalNav > li > .naviCorp > .library,
  #header #globalNav > li > .naviCorp > li {
    width: auto;
  }
  #index #mainContainer #globalNav > li > .naviCsr > .library,
  #index #mainContainer #globalNav > li > .naviCsr > li,
  #header #globalNav > li > .naviCsr > .library,
  #header #globalNav > li > .naviCsr > li {
    width: auto;
  }
  #index #mainContainer #globalNav .ebook,
  #header #globalNav .ebook {
    margin-right: 0;
  }
  #index #mainContainer #globalNav .ebook a,
  #header #globalNav .ebook a {
    text-align: left;
  }
  #index #mainContainer #globalNav #mainContents ~ p,
  #header #globalNav #mainContents ~ p {
    display: block;
  }

  .gnaviBox .searchBox {
    display: none;
  }

  #offCanvas #searchform4 {
    display: block;
    padding: 2px 10px;
    background: #89ba17;
  }
  #offCanvas #keywords4 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: static;
    max-width: 100%;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    vertical-align: top;
    line-height: 150%;
  }
  #offCanvas #searchBtn4 {
    top: 7px;
    right: 15px;
  }
}
/*4: content
=========================================*/
#mainContainer {
  padding: 0;
}

/* grid layout */
.row-1 {
  position: relative;
  margin: 0 -10px -10px;
  overflow: hidden;
}
.row-1 > .col {
  float: left;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.row-1 > .col-0 {
  width: 0%;
}
.row-1 > .col-1 {
  width: 8.33333%;
}
.row-1 > .col-2 {
  width: 16.66667%;
}
.row-1 > .col-3 {
  width: 25%;
}
.row-1 > .col-f {
  width: 20%;
}
.row-1 > .col-4 {
  width: 33.33333%;
}
.row-1 > .col-5 {
  width: 41.66667%;
}
.row-1 > .col-6 {
  width: 50%;
}
.row-1 > .col-7 {
  width: 58.33333%;
}
.row-1 > .col-8 {
  width: 66.66667%;
}
.row-1 > .col-9 {
  width: 75%;
}
.row-1 > .col-10 {
  width: 83.33333%;
}
.row-1 > .col-11 {
  width: 91.66667%;
}
.row-1 > .col-12 {
  width: 100%;
}

.row-1 + .row-1 {
  margin-top: 10px;
}
@media screen and (max-width: 640px) {
  .row-1 {
    margin: 0 -10px 0;
  }
  .row-1 > .col {
    float: none;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
  }
  #index .row-1 {
    margin-bottom: -10px;
  }
  #index .row-1 > .col + .col {
    margin-top: 14px;
    padding-bottom: 0;
  }
}
.row-2 {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.row-2 > .col {
  float: left;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.row-2 > .col-0 {
  width: 0%;
  padding: 0 10px;
}
.row-2 > .col-1 {
  width: 8.33333%;
  padding: 0 10px;
}
.row-2 > .col-2 {
  width: 16.66667%;
  padding: 0 10px;
}
.row-2 > .col-3 {
  width: 25%;
  padding: 0 10px;
}
.row-2 > .col-f {
  width: 20%;
  padding: 0 10px;
}
.row-2 > .col-4 {
  width: 33.33333%;
  padding: 0 10px;
}
.row-2 > .col-5 {
  width: 41.66667%;
  padding: 0 10px;
}
.row-2 > .col-6 {
  width: 50%;
  padding: 0 10px;
}
.row-2 > .col-7 {
  width: 58.33333%;
  padding: 0 10px;
}
.row-2 > .col-8 {
  width: 66.66667%;
  padding: 0 10px;
}
.row-2 > .col-9 {
  width: 75%;
  padding: 0 10px;
}
.row-2 > .col-10 {
  width: 83.33333%;
  padding: 0 10px;
}
.row-2 > .col-11 {
  width: 91.66667%;
  padding: 0 10px;
}
.row-2 > .col-12 {
  width: 100%;
  padding: 0 10px;
}
.topLinkList{
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.topLinkList .topLinkItem{
  width: 25%;
  margin-left: 20px;
}
.topLinkList .topLinkItem:first-child{
  margin-left: 0;
}
.topLinkList .topLinkImg{
  margin-bottom: 10px;
}
.topLinkList .topLinkImg img{
  width: 100%;
}
.topLinkList .topLinkTxt01{
  /* min-height: 2.5rem; */
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  color: #89ba17;
}
.topLinkList .topLinkTxt02{
  /* min-height: 4rem; */
  margin-bottom: 5px;
  font-size: 14px;
  color: #636566;
  word-break: break-word;
  word-wrap: break-word;
  line-height: 1.3em;
}
@media screen and (max-width: 800px) {
  .row-2 > .col {
    float: none;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
  }
  .row-2 > .col + .col {
    margin-top: 12px;
  }
}
@media screen and (max-width: 640px) {
  .row-2 {
    margin: 0 -10px;
  }
  .row-2 > .col + .col {
    margin-top: 0;
  }
  .topLinkList{
    display: block;
    padding: 20px 0;
  }
  .topLinkList .topLinkItem{
    width: 100%;
    margin: 0 0 20px 0;
  }
  .topLinkList .topLinkImg{
    margin-bottom: 14px;
  }
  .topLinkList .topLinkImg img{
    width: 100%;
  }
  .topLinkList .topLinkTxt01{
    min-height: inherit;
    margin-bottom: 5px;
  }
  .topLinkList .topLinkTxt02{
    min-height: inherit;
    margin-bottom: 5px;
  }
}
#contents {
  background: #FFFFFF;
}

/* grid for sitemap */
.row-sitemap-1,
.row-sitemap-2 {
  position: relative;
  margin: 15px 0 -10px;
  letter-spacing: -0.25em;
  overflow: hidden;
  *zoom: 1;
}
.row-sitemap-1 > .col,
.row-sitemap-2 > .col {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 33.33333%;
  padding: 10px;
  vertical-align: top;
  letter-spacing: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.row-sitemap-1 > .col-0,
.row-sitemap-2 > .col-0 {
  width: 0%;
}
.row-sitemap-1 > .col-1,
.row-sitemap-2 > .col-1 {
  width: 8.33333%;
}
.row-sitemap-1 > .col-2,
.row-sitemap-2 > .col-2 {
  width: 16.66667%;
}
.row-sitemap-1 > .col-3,
.row-sitemap-2 > .col-3 {
  width: 25%;
}
.row-sitemap-1 > .col-f,
.row-sitemap-2 > .col-f {
  width: 20%;
}
.row-sitemap-1 > .col-4,
.row-sitemap-2 > .col-4 {
  width: 33.33333%;
}
.row-sitemap-1 > .col-5,
.row-sitemap-2 > .col-5 {
  width: 41.66667%;
}
.row-sitemap-1 > .col-6,
.row-sitemap-2 > .col-6 {
  width: 50%;
}
.row-sitemap-1 > .col-7,
.row-sitemap-2 > .col-7 {
  width: 58.33333%;
}
.row-sitemap-1 > .col-8,
.row-sitemap-2 > .col-8 {
  width: 66.66667%;
}
.row-sitemap-1 > .col-9,
.row-sitemap-2 > .col-9 {
  width: 75%;
}
.row-sitemap-1 > .col-10,
.row-sitemap-2 > .col-10 {
  width: 83.33333%;
}
.row-sitemap-1 > .col-11,
.row-sitemap-2 > .col-11 {
  width: 91.66667%;
}
.row-sitemap-1 > .col-12,
.row-sitemap-2 > .col-12 {
  width: 100%;
}
.row-sitemap-1 > .col-12-pc,
.row-sitemap-2 > .col-12-pc {
  width: 100%;
}
.row-sitemap-1 .headline,
.row-sitemap-2 .headline {
  font-weight: bold;
}
.row-sitemap-1 .headline + *,
.row-sitemap-2 .headline + * {
  margin-top: 5px;
}
.row-sitemap-1 .row-sitemap-1,
.row-sitemap-2 .row-sitemap-1 {
  width: 100%;
  margin: 0;
  padding: 0;
  letter-spacing: -0.4em;
}
.row-sitemap-1 .row-sitemap-1 > .col,
.row-sitemap-2 .row-sitemap-1 > .col {
  letter-spacing: normal;
}

.row-sitemap-1 > .col {
  border-top: 1px solid #9A9B9C;
}

.row-sitemap-2 {
  border-top: 1px solid #9A9B9C;
}

.noBorder {
  border-top: 0 none;
}

@media screen and (max-width: 800px) {
  .headding-sitemap {
    padding-bottom: 5px;
    border-bottom: 1px solid #9A9B9C;
  }

  h2 + .row-sitemap {
    margin: 0 0 0;
    border-top: 0 none;
  }

  .row-sitemap-1,
  .row-sitemap-2 {
    margin-top: 0;
    border-top: 0 none;
  }
  .row-sitemap-1 > .col:nth-child(1),
  .row-sitemap-1 > .col:nth-child(2),
  .row-sitemap-2 > .col:nth-child(1),
  .row-sitemap-2 > .col:nth-child(2) {
    border-top: 0 none;
  }
  .row-sitemap-1 > .col,
  .row-sitemap-2 > .col {
    width: 50%;
    padding: 10px;
  }
  .row-sitemap-1 > .col-12-tab,
  .row-sitemap-2 > .col-12-tab {
    width: 100%;
  }
  .row-sitemap-1 .row-sitemap-1,
  .row-sitemap-2 .row-sitemap-1 {
    margin-top: 0;
  }
  .row-sitemap-1 .row-sitemap-1 > .col,
  .row-sitemap-2 .row-sitemap-1 > .col {
    width: 100%;
    padding: 0;
    border-top: 0 none;
  }
  .row-sitemap-1 .row-sitemap-1 > .col + .col,
  .row-sitemap-2 .row-sitemap-1 > .col + .col {
    padding-top: 10px;
  }
}
@media screen and (max-width: 640px) {
  .row-sitemap.noBorder {
    border-top: 1px solid #9A9B9C;
  }

  .row-sitemap-1,
  .row-sitemap-2 {
    border: 0 none;
  }
  .row-sitemap-1 > .col,
  .row-sitemap-2 > .col {
    width: 100%;
  }
}
#corparte #contents {
  background: url(/common_res/images/corporate_bg001.jpg) no-repeat 50% 0;
}

#topicPath {
  margin: 0 10px;
}
#topicPath li {
  display: inline;
  font-size: 75%;
  line-height: 140%;
}
#topicPath li a {
  color: #4d4f53;
}
#topicPath li a:hover {
  color: #89ba17;
}
#topicPath li em {
  color: #89ba17;
}
#topicPath .arrow {
  padding: 0;
}

#mainContents {
  margin: 0;
  padding: 3px 0 0;
  background: #FFF;
}

#contentWap {
  margin: 0;
  padding: 29px 10px 49px;
}

#mainCol {
  float: left;
  width: 620px;
  min-height: 205px;
}

#infoCol {
  float: right;
  width: 300px;
}

@media screen and (max-width: 800px) {
  #mainContents {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

  #topicPath {
    width: 92.31771%;
    margin: 0 auto;
  }

  #contentWap {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 31px 3.90625% 49px;
  }

  #mainCol {
    width: 62.14689%;
  }

  #infoCol {
    width: 36.44068%;
  }
  #infoCol .navHeading {
    padding: 14px 0;
  }
}
@media screen and (max-width: 640px) {
  #mainContents {
    padding: 0;
  }

  #topicPath {
    display: none;
  }

  #contentWap {
    padding: 0;
  }

  #mainCol {
    float: none;
    width: auto;
    min-height: 0;
    padding: 10px 10px 10px;
  }

  #globalNav #mainCol h1 {
    display: none;
  }

  #infoCol {
    float: none;
    width: auto;
    padding: 10px 10px 21px;
  }
  #infoCol .navHeading {
    padding: 0 0 9px;
  }
}
.infoborder {
  padding: 11px 8px 40px;
  border-color: #00B4ED;
  border-style: hidden solid solid;
  border-width: medium 1px 1px;
}

.infoborder + p {
  margin-top: 20px;
}

@media screen and (max-width: 800px) {
  .infoborder {
    padding: 11px 8px 10px;
  }
}
@media screen and (max-width: 640px) {
  .infoborder {
    padding-bottom: 12px;
  }
}
#infoCol .imponote {
  border-top: #FFE900 solid 10px;
  padding: 15px 11px 25px;
  background: #f0f0f0;
}
#infoCol .imponote li {
  padding-left: 20px;
  background: url(/common_res/images/bulletarrow-y.gif) 5px 5px no-repeat;
  font-size: 87.5%;
  line-height: 129%;
}
#infoCol .imponote li + li {
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  #infoCol {
    padding: 7px 10px 21px;
  }
}
#infoCol .imponote .iconLinkWord a {
  background: url(/rd/taneds/application/images/app_ic003.gif) no-repeat 0 0.1em;
  display: block;
  float: left;
  padding: 1px 0 1px 17px;
  color: #00b4ed;
}

#infochart {
  border-color: #FFFFFF;
  border-image: none;
  border-style: hidden solid solid hidden;
  border-width: medium 1px 1px medium;
}

#infochart th {
  background-color: #00B4ED;
  color: #FFFFFF;
  padding: 8px 10px;
  text-align: left;
  font-weight: bold;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0 0 1px 1px;
}

#infochart td {
  background-color: #F1F2F1;
  line-height: 18px;
  padding: 10px 8px 10px 10px;
  vertical-align: top;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0 0 1px 1px;
}

.infoSection img {
  width: 100%;
  height: auto;
}

p + .related,
.imponote + .related,
.infoSection + .related,
.related + .related {
  margin-top: 20px;
}

.related {
  padding: 6px 10px 25px;
  border-top: #89ba17 solid 10px;
  background: #f0f0f0;
}

.related dt {
  font-weight: bold;
  color: #00b4ed;
}
.related dt a {
  font-size: 87.5%;
  line-height: 128.57143%;
}
.related .relatedBody {
  margin-top: 5px;
}
.related .relatedBody a {
  font-size: 87.5%;
  line-height: 128.57143%;
}
.related ul.iconLink01 li {
  line-height: 100%;
}
.related ul.iconLink01 a {
  color: #4d4f53;
  line-height: 146.42857%;
}
.related ul.iconLink01 a:hover {
  color: #89ba17;
}

.related2 {
  padding: 6px 10px 25px;
  border-top: #ffe900 solid 10px;
  background: #f0f0f0;
}

.related2 dt {
  font-weight: bold;
  color: #00b4ed;
}
.related2 dt a {
  font-size: 87.5%;
  line-height: 128.57143%;
}
.related2 .relatedBody {
  margin-top: 5px;
}
.related2 .relatedBody a {
  font-size: 87.5%;
  line-height: 128.57143%;
}
.related2 ul.iconLink02 li {
  line-height: 100%;
}
.related2 ul.iconLink02 a {
  color: #4d4f53;
  line-height: 146.42857%;
}
.related2 ul.iconLink02 a:hover {
  color: #89ba17;
}

@media screen and (max-width: 800px) {
  .infoSection + .related,
  .related + .related {
    margin-top: 10px;
  }

  .related {
    padding-bottom: 37px;
  }
  .related dt a {
    font-size: 87.5%;
    line-height: 150%;
  }
  .related .relatedBody {
    margin-top: 17px;
  }
  .related .relatedBody a {
    font-size: 87.5%;
    line-height: 150%;
  }
  .related ul.iconLink01 li + li {
    margin-top: 10px;
  }
}
@media screen and (max-width: 640px) {
  .infoSection + .related,
  .related + .related {
    margin-top: 20px;
  }

  .related {
    padding: 4px 10px 20px;
  }
  .related dt a {
    font-size: 87.5%;
    line-height: 150%;
  }
  .related .relatedBody {
    margin-top: 7px;
  }
  .related .relatedBody a {
    font-size: 87.5%;
    line-height: 150%;
  }
}
.related02 {
  color: #00B4ED;
  background: none;
}

#infoCol .relatedBody li.iconLink03{
  background: url(/common_res/images/bulletarrow-y.gif) no-repeat 0.3em 0.4em !important;
  display: block;
  float: left;
  padding: 1px 0 1px 17px;
}

#infoCol .relatedBody li.iconLink03 a {
  background: none;
  padding: 0;
}

#infoCol .relatedBody li .iconLink02 a {
  background: url(/common_res/images/com_ic002.gif) no-repeat 0.3em 0.5em;
  color: #00B4ED;
}

#infoCol .relatedBody .iconLink02 a {
  background: url(/common_res/images/com_ic002.gif) no-repeat 0.3em 0.5em;
  color: #00B4ED;
}

#infoCol .related dt .iconLink02 a {
  background: url(/common_res/images/com_ic002.gif) no-repeat 0.3em 0.5em;
}

#infoCol .relatedBody .iconLink02 a:hover {
  color: #89ba17;
}

.related-attention {
  border-top: #00b4ed solid 10px;
  background: #9a9b9c;
  padding: 0 0 15px 0;
  margin: 20px auto 0;
}
.related-attention dt {
  padding: 5px 10px 0 10px;
  color: #ffffff;
  font-weight: bold;
}
.related-attention dt a {
  background: url(/common_res/images/com_ic029.gif) no-repeat 0 0.25em;
  padding: 0 0 0 15px;
  color: #ffffff;
}
.related-attention dt a::hover {
  color: #ffffff;
}
.related-attention .relatedBody {
  padding: 5px 11px 10px;
  color: #ffffff;
}
.related-attention .relatedBody a {
  color: #ffffff;
}
.related-attention .relatedBody a:hover {
  color: #89ba17;
}

.irNews dt {
  position: relative;
}

.irNews dt a {
  position: absolute;
  top: 0.4em;
  left: 7.5em;
}

.irNews .irNewsList {
  font-size: 93%;
}

.irNews .irNewsList dt {
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
  font-weight: normal !important;
  color: #4D4F53 !important;
}

#wrapper {
  position: relative;
  background: #F0F0F0;
}

#index #wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  background: url(/common_res/images/shadow.png) 0 0 repeat-x transparent;
  z-index: 1000;
}

#picUp {
  background: #f0f0f0;
  padding: 20px 10px 15px;
}
#picUp .heading04 {
  padding: 0 0 10px 0;
  border-bottom: #bcbdbc solid 1px;
  font-weight: bold;
  font-size: 87.5%;
  color: #4d4f53;
}
#picUp h3 {
  font-weight: bold;
  font-size: 87.5%;
}
#picUp p {
  font-size: 87.5%;
}
#picUp .box {
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px #999999;
  -webkit-box-shadow: 0 1px 2px #999999;
  -moz-box-shadow: 0 1px 2px #999999;
  -ms-box-shadow: 0 1px 2px #999999;
  -o-box-shadow: 0 1px 2px #999999;
  box-shadow: 0 1px 2px #999999;
  /* 要検討 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3,enabled=true)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3,enabled=true);
  /* IE5.5+ */
  /* IE Hack */
  /* 要検討 */
}
#picUp .heading04 {
  margin: 0;
  padding: 0 0 3px;
  border-bottom: 1px solid #BCBDBC;
  font-weight: bold;
}
#picUp .info {
  padding: 10px 12px;
}
#picUp .info p {
  line-height: 135.71429%;
}

@media screen and (max-width: 800px) {
  #picUp {
    padding: 22px 30px 10px;
  }
  #picUp h3 {
    margin-bottom: 7px;
  }
  #picUp .info {
    min-height: 80px;
    padding: 10px 12px 21px;
  }
}
@media screen and (max-width: 640px) {
  #picUp {
    padding: 10px 10px 13px;
  }
  #picUp h3 {
    margin-bottom: 9px;
  }
  #picUp h3 a {
    color: #4d4f53;
  }
  #picUp .info {
    padding: 11px 10px 45px;
  }
  #picUp .box {
    height: auto !important;
    min-height: 0 !important;
  }

  #index #picUp {
    padding: 7px 10px 18px;
  }
}
.contentsInfo a {
  color: #00B4ED !important;
}

#picUp .iconLink01 a {
  color: #4D4F53;
}

.csrTop {
  text-align: center;
}

.csrTop .img01 {
  padding: 10px 0 9px;
}

.csrTop .img02 {
  padding: 17px 0;
}

.csrTop .img03 {
  padding: 10px 0;
}

.csrTop .img03 {
  padding: 16px 0;
}

.csrTopBg {
  width: 902px;
  background-color: #FFFFFF;
  border-left: 1px solid #CCCCCC;
  box-shadow: 0 1px 2px #999999;
}

.csrTopBg .col {
  border: medium none !important;
  box-shadow: none !important;
  filter: none !important;
}

.csrTopBg .last {
  margin-right: 0 !important;
}

.line {
  border-top: 1px solid #9A9B9C;
  padding: 15px 0 0;
}

#picUp .colFour {
  margin: 10px -105px 0 0;
}

#picUp .colFour .col {
  float: left;
  margin-right: 20px;
  width: 195px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 2px #999999;
  border-left: #cccccc solid 1px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3,enabled=true)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3,enabled=true);
  /* IE5.5+ */
  /* IE Hack */
}

/*sitemap
=========================================*/
.sitemap .iconLink01 a {
  font-weight: bold;
}

.sitemap .list2nd a {
  font-weight: normal;
}

/*5: footsitemap
=========================================*/
#sitemapwrapper {
  width: auto;
  border-top: 10px solid #1EBEF0;
  background: #d9d9d9;
}
#sitemapwrapper .wap {
  margin: 0;
  padding: 6px 10px 28px;
  border-top: 0 none;
}
#sitemapwrapper .sitemaptitel {
  font-size: 14px;
  font-weight: normal;
}
#sitemapwrapper h3 {
  border-bottom: 1px solid #9a9b9c;
  padding: 0 0 3px 1px;
  margin: 0 0 8px 0;
  font-weight: bold;
  font-size: 87.5%;
}
#sitemapwrapper h3 .subtitel {
  cursor: default;
}
#sitemapwrapper h3 .subtitel:hover {
  color: #00b4ed;
}
#sitemapwrapper .sitemap2 h3 a,
#sitemapwrapper .sitemap3 h3 a,
#sitemapwrapper .sitemap4 h3 a,
#sitemapwrapper .sitemap5 h3 a {
  cursor: default;
}
#sitemapwrapper .sitemap2 h3 a:hover,
#sitemapwrapper .sitemap3 h3 a:hover,
#sitemapwrapper .sitemap4 h3 a:hover,
#sitemapwrapper .sitemap5 h3 a:hover {
  color: #00b4ed;
}
#sitemapwrapper p {
  margin-top: 0;
  font-size: 75%;
  line-height: 170.83333%;
}
#sitemapwrapper p a {
  color: #000000;
}
#sitemapwrapper p a:hover, #sitemapwrapper p a:active {
  color: #89ba17;
}

.sitemap1,
.sitemap2,
.sitemap3,
.sitemap4,
.sitemap5 {
  width: auto;
}

@media screen and (max-width: 800px) {
  #sitemapwrapper {
    width: auto;
    padding: 0 21px;
  }
}
@media screen and (max-width: 640px) {
  #sitemapwrapper {
    padding: 0;
  }
  #sitemapwrapper .wap {
    display: none;
  }
}
#faqlist {
  margin-top: 10px;
}

#faqlist .TDfaqbox {
  margin-bottom: 17px;
  padding-bottom: 9px;
  border-bottom: 1px dotted #CCCCCC;
}
#faqlist .TDfaqbox dt {
  float: left;
  padding-bottom: 4px;
  font-size: 87.5%;
  line-height: 150%;
  color: #00b4ed;
}
#faqlist .TDfaqbox dd {
  margin: 0 13px 0 7.7em;
  padding-bottom: 4px;
  font-size: 87.5%;
  line-height: 150%;
}
#faqlist .TDfaqbox .faq-a {
  color: #89ba17;
}

@media screen and (max-width: 800px) {
  #faqlist .TDfaqbox dt {
    position: relative;
    text-indent: -9999px;
  }
  #faqlist .TDfaqbox dt:before {
    content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 2px 0;
    min-width: 20px;
    background: #00b4ed;
    text-indent: 0;
    text-align: center;
    line-height: 100%;
    color: #FFF;
  }
  #faqlist .TDfaqbox .faq-a:before {
    content: "A";
    background: #89ba17;
  }
  #faqlist .TDfaqbox dd {
    margin-left: 2em;
  }
}
@media screen and (max-width: 640px) {
  #faqlist .TDfaqbox:first-of-type dt {
    float: none;
    text-indent: 0;
  }
  #faqlist .TDfaqbox:first-of-type dt:before {
    display: none;
  }
  #faqlist .TDfaqbox:first-of-type dd {
    margin-left: 2em;
  }
}
.thecleaner {
  clear: both;
}
@media screen and (max-width: 800px) {
  .movie_res {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 25px;
}
.movie_res iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.movie_res iframe body {
  width: 100% !important;
  height: 100% !important;
}
.movie_res iframe body .jstream-eqPlayer {
  width: 100% !important;
  height: 100% !important;
}
}
/*5: footer
=========================================*/
#footer {
  width: auto;
  border-bottom: #bcbdbc 1px solid;
}
#footer .footWap {
  width: auto;
  margin: 0 auto;
  padding: 4px 10px 6px;
  border-top: #bcbdbc 1px solid;
}

#footerLink {
  letter-spacing: -0.4em;
}
#footerLink li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: none;
  letter-spacing: normal;
  font-size: 75%;
  line-height: 100%;
}
#footerLink li + li {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #4d4f53;
}
#footerLink a {
  color: #4d4f53;
}
#footerLink a:hover, #footerLink a:active {
  color: #89ba17;
}

#footer #copyright {
  margin-right: 4px;
  text-align: right;
}

@media screen and (max-width: 640px) {
  #footer .footWap {
    padding: 7px 10px 6px;
  }

  #footerLink {
    line-height: 120%;
  }

  #footer #copyright {
    margin: 8px 0 0;
    text-align: left;
  }
}
#bannerArea {
  padding: 10px 0 0 0;
  margin: 0 0 0 4px;
  border-top: #1EBEF0 10px solid;
  width: 960px;
}

#bannerArea ul {
  margin: 15px auto 0 auto;
  width: 904px;
}

#bannerArea ul li {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  padding: 0 5px 0 0;
  width: 170px;
}

*:first-child + html #bannerArea ul li {
  display: inline;
  zoom: 1;
}
/* 20150526
/rd/pipeline/development_pipeline/index.html
=========================================*/

.day_pdf_day{
  text-align:left;
  display:inline-block;
  font-size:87.5%;
}
/*パイプライン表組み表示時*/
.day_pdf_pdf{
  float:right;
}
/*パイプライン表組みコメントアウト時*/
/*.day_pdf_pdf{
  float:left;
}*/

/* 20160304
/about_us/responsibility/cst/以下
=========================================*/
.csr_right_nav {
  display: inline-block;
}
@media screen and (max-width: 640px) {
.day_pdf_day{
  display:block;
}
.day_pdf_pdf{
  float:none;
}
}
/*99: extra
=========================================*/
/* ==================================
clear fix
================================== */
.related:after,
.column:after,
#globalNav ul:after,
#globalNav:after,
#header #headerContainer:after,
.day_pdf:after,
.portraitbox:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
  line-height: 0;
}

.related,
.column,
#globalNav ul,
#globalNav,
#header #headerContainer,
.day_pdf,
.portraitbox {
  display: block;
  zoom: 1;
}

/* for IE7 */
*:first-child + html .related,
*:first-child + html .column,
*:first-child + html #globalNav ul,
*:first-child + html #globalNav,
*:first-child + html #header #headerContainer {
  display: block;
  zoom: 1;
}