@charset "UTF-8";
/* =====================================================================





===================================================================== */
/*/////---example---//////
    html:lang(en) {
      body {}
    }
*/
/* =====================================================================


===================================================================== */
.video {
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#content {
  max-width: 561px;
  margin: 0 auto;
}
#content p {
  margin-bottom: 1em;
}
#content p.caption, #content p.note {
  font-size: 0.75rem;
}
#content p.image {
  padding: 3px 0 0 0;
  margin-bottom: 2px;
  font-size: 0.75rem;
}
#content p.wideImage {
  padding: 0;
  margin-bottom: 20px;
}
#content p.last {
  margin-bottom: 25px;
}
#content p.lead {
  font-weight: normal;
  font-size: 120%;
  margin-bottom: 1em;
}
#content strong, #content b {
  font-weight: normal;
}
#content h3, #content h4 {
  margin-bottom: 10px;
  text-align: left;
  font-size: 1rem;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  #content h3, #content h4 {
    margin-bottom: 10px;
    font-size: calc(0.9375rem + 1 * (100vw - 320px) / 448);
    line-height: 1.6;
  }
}
#content .half h4.regB, #content .two3rd h4.regB {
  font-size: 105%;
  line-height: 1.3;
  margin-bottom: 10px;
  padding: 0 10px 3px 0;
}
#content h5 {
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 1rem;
}
#content ul.regular {
  margin-bottom: 2em;
  list-style: disc;
  padding: 0 0 0 1.5em;
}
#content ul.regular li {
  margin-bottom: 0.5em;
  list-style: disc;
}
#content ul.linkList {
  list-style: none;
  padding: 0 0 0 5px;
}

/* ===== section and multicolumn setting ====== */
#content .section {
  margin-bottom: 60px;
  clear: both;
}
#content .section.last {
  margin-bottom: 30px !important;
}
#content .section .float {
  width: 273px;
}
#content .section .half {
  width: 273px;
}
#content .section .half.lt {
  float: left;
}
#content .section .half.rt {
  float: right;
}
#content .section .half.lt-float {
  float: left;
  margin: 0 15px 15px 0;
}
#content .section .half.rt-float {
  float: right;
  margin: 0 0 15px 15px;
}
#content .section .section {
  margin-bottom: 15px;
}
#content .section .section:last-child {
  margin-bottom: 0;
}
#content .section .one3rd {
  width: 177px;
}
#content .section .one3rd.lt {
  float: left;
}
#content .section .one3rd.rt {
  float: right;
}
#content .section .one3rd.lt-float {
  float: left;
  margin: 0 15px 15px 0;
}
#content .section .one3rd.rt-float {
  float: right;
  margin: 0 0 15px 15px;
}
#content .section .one3rd.ct {
  float: left;
  margin: 0 0 0 15px;
}
#content .section .two3rd {
  width: 369px;
}
#content .section .two3rd.lt {
  float: left;
}
#content .section .two3rd.rt {
  float: right;
}
#content .section .two3rd.lt-float {
  float: left;
  margin: 0 15px 15px 0;
}
#content .section .two3rd.rt-float {
  float: right;
  margin: 0 0 15px 15px;
}
#content .section.last {
  margin-bottom: 30px;
}
#content .section:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.paragraph, .affairs {
  font-size: 0.88rem;
}

/* ===== lists ===== */
/* unordered */
/* with link icon */
* html #content ul.linkList li {
  height: 1px;
}

#content ul.linkList li a {
  padding: 0px 0 3px 8px;
  display: block;
}
#content ul.linkList.bd {
  padding: 0;
  margin-left: 0px;
  border: none;
}
#content ul.linkList.bd li {
  padding: 8px 0 4px 0;
}

*:first-child + html #content ul.linkList.bd li {
  padding: 6px 0 3px 0;
}

#content a[target="_blank"]:after, #content .u-linkBlank:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.3em;
  height: .9em;
  background: url(../img/icon_blank.svg) no-repeat right center;
  background-size: auto 100%;
  position: relative;
  top: -.2em;
}
#content ul.linkList li a {
  padding: 0px 0 3px 8px;
  display: block;
}
#content ul.linkList.flat li {
  display: inline;
  margin-right: 10px;
  font-size: 85%;
}
#content ul.linkList.flat li a {
  display: inline;
}
#content ul.anchorList li {
  margin-bottom: 0.5em;
}
#content ul.anchorList li a {
  padding: 0px 0 3px 15px;
  display: block;
}
#content ul.anchorList.flat li {
  display: inline;
  margin-right: 10px;
  font-size: 85%;
}
#content ul.anchorList.flat li a {
  display: inline;
}
#content ol {
  padding: 0 0 0 2.5em;
  margin-bottom: 2em;
  list-style: decimal;
}

/* page internal anchor link */
/* orderd */
* html #content ol, *:first-child + html #content ol {
  padding: 0 0 0 3em;
}

#content ol li {
  margin-bottom: 0.5em;
}
#content dl {
  margin-bottom: 2em;
}
#content dl dt {
  line-height: 1.5;
}
#content dl dd {
  line-height: 1.5;
  margin-bottom: 1em;
}
#content dl.regular dt {
  font-weight: normal;
}
#content dl.regular dd {
  line-height: 1.5;
  margin-bottom: 1em;
  padding-left: 1em;
}
#content .section dl {
  padding: 0 0 0 3px;
}
#content ol li ul.regular {
  margin-bottom: 0.75em;
}
#content ol.styleA {
  padding: 0 0 0 2.8em;
  margin-bottom: 2em;
}
#content ol.styleA li {
  position: relative;
  list-style: none;
  margin-bottom: 0.5em;
  width: 100%;
  text-indent: 0;
}
#content ol.styleA li span {
  position: absolute;
  top: 0;
  left: -2.8em;
}

/* definition */
/* nest propereties for lists */
/* orderd parenthesis */
* html #content ol.styleA, *:first-child + html #content ol.styleA {
  padding: 0 0 0 2.5em;
  margin-bottom: 2em;
}
* html #content ol.styleA li span, *:first-child + html #content ol.styleA li span {
  position: absolute;
  top: 0;
  left: -2.4em;
}

/* ===== tables ===== */
#content table {
  border: 1px #cccccc solid;
  margin-bottom: 2em !important;
  font-size: 100%;
}
#content table th, #content table td {
  border: 1px #cccccc solid;
  padding: 7px;
  line-height: 1.5;
}
#content table th {
  background: #f3f3f3;
}
#content table.headTitle th {
  text-align: center;
}
#content .section table {
  margin: 0 0 2em 0px;
}
#content .section table td ul, #content .section table td ol, #content .section table td dl, #content .section table td table {
  margin-bottom: 0 !important;
  padding-top: 7px;
}
#content table.boderwhite {
  border: 1px #ffffff solid;
  margin-bottom: 2em !important;
  font-size: 100%;
}
#content table.boderwhite th, #content table.boderwhite td {
  border: 1px #ffffff solid;
  padding: 7px;
  line-height: 1.5;
}
#content table.vatop th, #content table.vatop td {
  vertical-align: top;
}
#content ul.contact {
  padding: 0px 0 30px 5px;
  margin-bottom: 15px;
  clear: both;
  height: 30px;
}
#content ul.contact li {
  display: inline;
}
#content ul.contact li a {
  width: 129px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  margin-right: 15px;
  float: left;
}
#content ul.contact li#contactBtn a {
  background-position: 0px 0px;
}
#content ul.contact li#requestBtn a {
  background-position: -129px 0px;
}
#content ul.contact li#contactBtn a:hover {
  background-position: 0px -30px;
}
#content ul.contact li#requestBtn a:hover {
  background-position: -129px -30px;
}
#content p.pgTop {
  margin: 0 0 20px 0;
  line-height: 1.6;
  clear: both;
}
#content p.pageTop {
  padding: 25px 0 20px 0;
  margin-bottom: 10px;
  line-height: 1.6;
  clear: both;
  height: 15px;
}
#content p.pageTop a {
  height: 15px;
  display: block;
  padding: 0 3px 0 9px;
  font-size: 85%;
  float: right;
  text-decoration: none;
}
#content p.pageTop a:hover {
  text-decoration: underline;
}
#content ul.ovGallery {
  margin-bottom: 20px;
}
#content ul.ovGallery:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* table inernal margin setting */
* html #content ul.ovGallery li a, *:first-child + html #content ul.ovGallery li a {
  display: block;
  float: left;
}

/* ===== related infomation ===== */
div.related {
  border-top: 1px #cccccc solid;
  clear: both;
  padding: 18px 0 0 0;
}

* html div.related {
  width: 561px;
}

div.related h3 {
  padding-left: 5px;
  margin: 0 !important;
  border: none !important;
}
div.related ul {
  margin-left: 3px;
  list-style: none !important;
  padding-left: 0 !important;
}
div.related ul li {
  line-height: 1.5;
  margin-bottom: 0.5em;
  padding: 0px 0 3px 0;
}
div.related ul li a {
  padding-left: 8px;
  display: inline-block;
}

#content div.related div.half, #content div.related div.full {
  padding-top: 10px;
  border-top: 1px #e5e5e5 solid;
}
#content div.related div.half h4, #content div.related div.full h4 {
  font-size: 90%;
}

/* ===== category menu ===== */
#mainTitle ul.catMenu {
  padding: 25px 0 19px 0;
  height: 30px;
}

* html #mainTitle ul.catMenu {
  width: 756px;
}

#mainTitle ul.catMenu li {
  display: inline;
}
#mainTitle ul.catMenu li a {
  width: 177px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  margin-right: 15px;
  display: block;
  float: left;
}

#sub-title {
  margin: -19px 15px 19px 45px;
}
#sub-title ul.catMenu {
  padding: 25px 0 19px 0;
  height: 30px;
}

* html #sub-title ul.catMenu {
  width: 756px;
}

#sub-title ul.catMenu li {
  display: inline;
}
#sub-title ul.catMenu li a {
  width: 177px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  margin-right: 15px;
  display: block;
  float: left;
}

/* ===== news list ===== */
div.newsHaed {
  height: 25px;
  padding: 7px 3px 2px 3px;
  margin-top: -2px;
}
div.newsHaed:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

* html div.newsHaed, *:first-child + html div.newsHaed {
  display: inline-block;
  padding: 0 3px 7px 3px;
}

div.newsHaed a {
  text-decoration: none;
}
div.newsHaed a:hover {
  text-decoration: underline;
}
div.newsHaed ul.pgNavi {
  margin: 1px 0 0 0;
}

/* page navigation position */
dl.newsList {
  padding: 10px 0 0 0;
  margin-bottom: 0 !important;
}
dl.newsList a {
  text-decoration: none;
}
dl.newsList dt {
  line-height: 1 !important;
  padding: 4px 10px 0 3px;
  border-right: 1px solid #cccccc;
  margin: 3px 10px 0 0;
  float: left;
  clear: left;
}
dl.newsList dd.entry {
  padding: 4px 3px 10px 98px;
  margin-bottom: 6px !important;
}
dl.newsList dd.entry a:hover {
  text-decoration: underline;
}
dl.newsList.mini {
  padding: 6px 0 0 0;
  margin-bottom: 20px !important;
}
dl.newsList.mini dt {
  line-height: 1 !important;
  padding: 0 10px 0 3px;
  border-right: 1px solid #cccccc;
  margin: 3px 10px 0 0;
  float: left;
  clear: left;
}
dl.newsList.mini dd.entry {
  padding: 0px 3px 6px 98px;
  margin-bottom: 6px !important;
}

/* category icons (image) */
.category {
  width: 65px;
  float: left;
  padding: 2px 0 0 0;
  margin: 4px 11px 0 0;
}
.category a {
  width: 65px;
  height: 13px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

dl.newsList.mini .category {
  margin: 1px 11px 0 0;
}

.category a.catCorp {
  background-position: 0px 0;
}
.category a.catPress {
  background-position: -65px 0;
}
.category a.catIr {
  background-position: -130px 0;
}
.category a.catCsr {
  background-position: -195px 0;
}
.category a.catEvent {
  background-position: -260px 0;
}
.category a.catUpdateInfo {
  background-position: -325px 0;
}
.category a.catRecruit {
  background-position: -390px 0;
}
.category a.catNews {
  background-position: -455px 0;
}
.category a:hover.catCorp {
  background-position: -0px -13px;
}
.category a:hover.catPress {
  background-position: -65px -13px;
}
.category a:hover.catIr {
  background-position: -130px -13px;
}
.category a:hover.catCsr {
  background-position: -195px -13px;
}
.category a:hover.catEvent {
  background-position: -260px -13px;
}
.category a:hover.catUpdateInfo {
  background-position: -325px -13px;
}
.category a:hover.catRecruit {
  background-position: -390px -13px;
}
.category a:hover.catNews {
  background-position: -455px -13px;
}

/* rssParts */
ul.rssParts {
  padding: 3px 0 0 0;
}
ul.rssParts li {
  display: inline;
}
ul.rssParts li a {
  float: left;
  display: block;
}
ul.rssParts li#rss a {
  width: 30px;
  height: 14px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 1px 0 0 0;
}
ul.rssParts li#aboutRSS {
  margin: 3px 0 0 8px;
  padding: 0 0 0 5px;
  float: left;
  border-left: 1px solid #cccccc;
  font-size: 85%;
  line-height: 1;
}

* html ul.rssParts li#aboutRSS {
  line-height: 1.2;
}

ul.rssParts li#aboutRSS a {
  text-decoration: none;
}
ul.rssParts li#aboutRSS a:hover {
  text-decoration: underline;
}

/* ===== image gallery list ===== */
#content h4.imgGallery {
  padding-left: 0;
}
#content div.galleryList {
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px #cccccc solid;
}
#content div.galleryList .section {
  margin-bottom: 15px;
}
#content div.galleryList p.caption {
  margin-bottom: 1em;
  padding: 0 0 0 3px;
}
#content div.galleryList table {
  padding: 0 !important;
  margin: 0 0 5px !important;
  border: none;
}
#content div.galleryList table td {
  width: 177px;
  height: 133px;
  padding: 0;
  margin: 0;
  border: none;
  vertical-align: middle;
  text-align: center;
  font-size: 0.1px;
}

* html #content div.galleryList table td.corner {
  height: auto;
  display: inline;
}

/*
#content div.galleryList table td.corner{display:block;}
*/
#content div.galleryList h2 {
  font-size: 100%;
  padding-left: 5px;
}
#content div.galleryList h2 a {
  text-decoration: none;
}
#content div.galleryList p {
  padding-left: 5px;
}
#content div.galleryList p img.video {
  vertical-align: middle;
}
#content div.searchResultNum .totalNum {
  float: left;
  margin-bottom: 0;
}
#content div.searchResultNum .currentNum {
  float: right;
  margin-bottom: 0;
}
#content div.searchResultNavi {
  clear: both;
  padding-bottom: 3px;
  margin-top: -3px;
}
#content div.searchResultNavi:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* ===== search result navigation ===== */
* html #content div.searchResultNavi {
  display: inline-block;
}
*:first-child + html #content div.searchResultNavi {
  display: inline-block;
  padding-bottom: 4px;
  margin-top: -1px;
}

#content ul.sortOrder {
  float: left;
  padding-right: 2px;
  margin: 0;
}
#content ul.sortOrder li {
  display: inline;
  color: #4f87c6;
  padding: 0 11px 0 13px;
  line-height: 1.2;
}
#content ul.sortOrder li a {
  text-decoration: none;
}
#content ul.sortOrder li a:hover {
  text-decoration: underline;
}
#content div.searchResultNavi.gallery {
  background: none;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 20px;
}
#content div.searchResultNavi.nb {
  background: none;
  border-bottom: none;
}

/* for gallery list */
/* no boarder */
/* ===== page navigation ===== */
ul.pgNavi {
  float: right;
  text-align: right;
  margin: 1px 5px 0 0;
}

*:first-child + html ul.pgNavi {
  margin: -3px 5px 0 0;
}

ul.pgNavi li {
  display: inline;
}
ul.pgNavi li.linkNext {
  padding-left: 10px;
  margin-left: 5px;
}
ul.pgNavi li.linkNext.nb {
  background: none;
}
ul.pgNavi li.linkNext a {
  padding: 0 8px 0 0;
  text-decoration: none;
}
ul.pgNavi li.linkPrev a {
  padding: 0 0 0 8px;
  text-decoration: none;
}
ul.pgNavi.bottom {
  margin-bottom: 10px;
  clear: both;
}
ul.pgNavi.bottom.topLine {
  margin: 1px 0 10px 0;
  clear: both;
  border-top: 1px #cccccc solid;
  width: 100%;
  padding: 10px 5px 0 0;
}

/* ===== other parts ===== */
/* add arrow link icon */
#container .arrow a {
  padding: 0 0 0 8px;
}
#container a.arrow {
  padding: 0 0 0 8px;
}
#container .arrowW a, #container a.arrowW {
  padding: 0 0 0 8px;
}
#container .over .active a {
  color: #000000;
  text-decoration: underline !important;
}
#container #pickup .active a {
  color: #ffffff;
  text-decoration: none;
}
#container #pickup .over .active a {
  color: #ffffff;
  text-decoration: underline;
}
#container #pickup .over .active a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#container strong.required, #container em.red_star {
  font-weight: normal;
  color: #ff0000;
  margin: 0 0.25em;
}
#container .btnSpace {
  text-align: center;
  margin: 10px 0 20px 0;
}
#container .btnSpace input, #container .btnSpace img {
  margin: 15px 7px;
  vertical-align: middle;
}

/* active link control */
/* form parts */
#content table.formData {
  width: 556px;
}
#content table.formData th span.note {
  font-size: 85%;
  font-weight: normal;
}
#content div.errorMsg {
  border: 2px #cc0000 solid;
  margin-bottom: 15px;
}
#content div.errorMsg p.title {
  color: #ffffff;
  background: #cc0000;
  padding: 5px 10px;
  line-height: 1.5;
  font-weight: normal;
}
#content div.errorMsg dl {
  padding: 0 2em 10px 2em;
  margin: 0;
}
#content div.errorMsg dl dt {
  margin-bottom: 0;
}
#content div.errorMsg dl dd {
  display: list-item;
  list-style: square;
  margin-left: 1.5em;
  margin-bottom: 0;
}

/* ========== wide content ========== */
body#terms #content, body#privacy #content, body#rss #content, body#sitemap #content, body#support #content, body#realestate #content, body#suppliers #content {
  width: 753px;
}
body#terms #content .section .half, body#privacy #content .section .half, body#rss #content .section .half, body#sitemap #content .section .half, body#support #content .section .half, body#realestate #content .section .half, body#suppliers #content .section .half, body#epn #content .section .half {
  width: 369px;
}
body#privacy div.policy {
  border: 1px #cccccc solid;
  padding: 15px;
  background: #f5f5f5;
  margin: 0 50px 30px 50px;
}
body#privacy div.policy h4 {
  text-align: center;
  font-size: 120%;
}
body#privacy div.policy ol {
  font-weight: normal;
}
body#privacy div.policy ol li {
  font-weight: normal;
  margin-bottom: 0.75em;
}
body#privacy div.policy ol li span {
  font-weight: normal;
}
body#privacy ol li p {
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin: 0.5em 0 0 1em !important;
}
body#rss div.notes {
  background: #f5f5f5;
  border: 1px #cccccc solid;
  padding: 15px 15px 0 15px;
}
body#gallery #content {
  width: 768px;
  padding: 0 0 20px 0;
}

* html body#gallery #content {
  width: 768px;
  margin-right: -15px;
}

body#gallery .searchResultNavi {
  margin-right: 15px;
}
body#gallery .bottomNavi {
  margin-right: 15px;
  border-top: 1px solid #cccccc;
  padding-top: 10px;
}
body#gallery #content div.galleryList {
  margin-bottom: 0;
  border-bottom: none;
}
body#gallery div.section div.item {
  width: 177px;
  float: left;
  margin-right: 15px;
}
body#gallery div.section div.item table {
  padding: 0 !important;
  margin: 0 0 5px !important;
  border: none;
  overflow: hidden;
}
body#gallery div.section div.item table td {
  width: 177px;
  height: 133px;
  padding: 0;
  margin: 0 !important;
  border: none;
  vertical-align: middle;
  text-align: center;
  font-size: 0.1px;
  line-height: 1;
}

* html body#gallery div.section div.item table td.corner {
  height: auto;
  display: inline;
}

body#gallery div.section div.item h2 {
  font-size: 100%;
  padding-left: 5px;
}
body#gallery div.section div.item h2 a {
  text-decoration: none;
}
body#gallery div.section div.item p {
  padding-left: 5px;
}
body#gallery div.section div.item p img.video {
  vertical-align: middle;
}
body#gallery p.caption {
  margin-bottom: 1em;
  padding: 0 0 0 3px;
}
body#support #content div.notice {
  border: 1px #cccccc solid;
  padding: 15px 15px 0 15px;
  background: #f5f5f5;
  margin: 0 50px 30px 50px;
}
body#support #content h2 {
  font-size: 120%;
  margin-bottom: 25px;
  border-bottom: 1px #000000 solid;
}
body#support #content div.notice h2 {
  font-size: 110%;
  margin-bottom: 1em;
}
body#support #content div.formSection {
  width: 640px;
  margin: 0 54px;
}
body#support #content div.formSection p {
  margin-bottom: 1em;
}
body#support #content table.formData {
  width: 640px;
}
body#realestate h1 {
  border: none;
}
body#realestate #mainVisual {
  margin-top: -21px;
  margin-bottom: 30px;
  height: 260px;
}

/* support */
/* realestate */
* html body#realestate #mainVisual {
  margin-top: -22px;
}

body#realestate #mainVisual p.mainImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 813px;
  height: 260px;
}
body#realestate #mainVisual h2 {
  width: 286px;
  height: 22px;
  position: absolute;
  left: 48px;
  top: 30px;
  text-indent: -9999px;
  overflow: hidden;
}
body#realestate #mainVisual p.lead {
  width: 340px;
  height: 20px;
  position: absolute;
  left: 48px;
  top: 58px;
  text-indent: -9999px;
  overflow: hidden;
}

* html body#realestate #content {
  width: 768px;
}

body#realestate #content h3 {
  padding: 0 10px 3px 15px;
  line-height: 1.3;
  margin-bottom: 10px;
  font-size: 105%;
  border: none;
}
body#suppliers h1 {
  border: none;
}
body#suppliers #mainVisual {
  margin-top: -21px;
  margin-bottom: 30px;
  height: 260px;
}

/* suppliers */
* html body#suppliers #mainVisual {
  margin-top: -22px;
}

body#suppliers #mainVisual p.mainImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 813px;
  height: 260px;
}
body#suppliers #mainVisual h2, body#suppliers #mainVisual p.lead {
  display: none;
}

* html body#suppliers #content {
  width: 768px;
}

body#suppliers #content h3 {
  padding: 0 10px 3px 15px;
  line-height: 1.3;
  margin-bottom: 10px;
  font-size: 105%;
  border: none;
}
body#suppliers .linkList li a span {
  font-size: 11px;
}

/*pagination*/
/* ===== page navigation ===== */
.pagination {
  float: right;
  text-align: right;
  margin: 1px 5px 0 0;
}

*:first-child + html .pagination {
  margin: -3px 5px 0 0;
}

.pagination a.prev_page {
  padding: 0 10px 0 8px;
  text-decoration: none;
  border-right: 1px solid #cccccc;
  margin-right: 5px;
}
.pagination a.next_page {
  padding: 0 8px 0 0px;
  text-decoration: none;
}

/*============================================
  errorExplanation
 ===========================================*/
/*- errorExplanation -*/
#content #errorExplanation {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  margin-top: 12px;
}
#content #errorExplanation h2#errorTitle {
  text-align: left;
  font-weight: normal;
  padding: 5px 5px 5px 15px;
  border: none;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0;
  background-color: #c00;
  color: #fff;
}
#content #errorExplanation p#desc {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
  padding-left: 25px;
  padding-top: 15px;
}
#content #errorExplanation ul {
  padding-left: 0;
  margin: 0 25px;
}
#content #errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  list-style-position: inside;
  text-align: left;
}

/* clear float */
.cb {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

/* map show dialog */
.gmnoprint dl {
  margin-bottom: 0px;
  margin-top: 15px;
}
.gmnoprint dl dt {
  float: left;
  width: 67px;
}
.gmnoprint dl dd {
  margin-left: 67px;
  /*	margin-top:15px;*/
}

#content ul.pgNavi li.page {
  font-weight: normal;
  padding-right: 15px;
}
#content h2.pgTitle.green {
  color: #00a65d;
  text-indent: 0;
  font-size: 130%;
}
#content h2.pgTitle.blue {
  color: #4f87c6;
  text-indent: 0;
  font-size: 130%;
}
#content table.noborder {
  border: none;
}
#content table.noborder td {
  border: none;
}

/* =================================================
 *
 * fckarea(client style)
 *
 * ===============================================*/
/* ===== h2 colored no image title ===== */
/* ===== tables(no border) ===== */
/* ===== ul list ===== */
ul.circle li, ol.circle li {
  list-style-type: circle;
}
ul.square li, ol.square li {
  list-style-type: square;
}

/* ===== ol list ===== */
/* ===== gray div (グレー引用) ===== */
#content div.graybox {
  border: 1px #cccccc solid;
  padding: 10px 15px;
  margin-bottom: 25px;
  background: #f5f5f5;
}
#content div.graybox h3 {
  font-size: 100%;
  border-bottom: none;
  margin-bottom: 0.5em;
  padding: 0 0 3px 3px;
}
#content p.p_caption {
  font-size: 90%;
  margin-bottom: 1em;
  padding: 0 0 0 3px;
}

/* ===== caption (キャプション) ===== */
/* ===== add by zb for google search 20140701 BUG => http://redmine.a-it.jp/issues/97530  ===== */
#header table.gsc-search-box .gsc-search-button .gsc-search-button {
  width: 19px;
  height: 19px;
  padding: 0;
  border: none;
  min-height: 0;
  min-width: 0;
  line-height: 100px;
  overflow: hidden;
  cursor: pointer;
}
#header table.gsc-search-box td.gsc-search-button {
  width: 19px;
  height: 19px;
  padding: 0;
  margin: 0;
}
#header table.gsc-search-box .gsc-clear-button {
  display: none;
}
#header table.gsc-search-box td.gsc-input {
  width: 150px;
  padding: 1px 5px 0 0;
  margin: 0;
}
#header table.gsc-search-box .gsc-input .gsc-input {
  height: 16px;
  width: 138px;
  padding: 0;
  border-color: #A9A9A9;
}

#content .cse .gsc-control-cse, #content .gsc-control-cse {
  padding: 0;
}
#content .gsc-results-wrapper-visible {
  margin-top: -20px;
}
#content table.gsc-above-wrapper-area-container th, #content table.gsc-above-wrapper-area-container td {
  border: none;
  margin-bottom: 0 !important;
  padding: 0;
}
#content table.gsc-resultsHeader th, #content table.gsc-resultsHeader td {
  border: none;
  margin-bottom: 0 !important;
  padding: 0;
}
#content table.gcsc-branding th, #content table.gcsc-branding td {
  border: none;
  margin-bottom: 0 !important;
  padding: 0;
}
#content table.gsc-table-result th, #content table.gsc-table-result td {
  border: none;
  margin-bottom: 0 !important;
  padding: 0;
}
#content table.gsc-above-wrapper-area-container, #content table.gsc-resultsHeader, #content table.gcsc-branding, #content table.gsc-table-result {
  border: none;
  margin-bottom: 0 !important;
  padding: 0;
}
#content .gsc-orderby-container {
  display: none;
}
#content .gs-webResult.gs-result a.gs-title:link, #content .gs-imageResult a.gs-title:link {
  color: #666666;
}
#content .gs-webResult.gs-result a.gs-title:link b, #content .gs-imageResult a.gs-title:link b {
  color: #666666;
}
#content .gs-webResult.gs-result a.gs-title:hover, #content .gs-imageResult a.gs-title:hover {
  color: #333333;
}
#content .gs-webResult.gs-result a.gs-title:hover b, #content .gs-imageResult a.gs-title:hover b {
  color: #333333;
}
#content .gsc-table-result .gs-snippet b, #content .gsc-table-result .gs-promotion em, #content .gsc-table-result .gs-snippet b, #content .gsc-table-result .gs-promotion em {
  color: #C03;
  font-style: normal;
  font-weight: normal;
}
#content .cse .gsc-webResult.gsc-result {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-top: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
}
#content .gsc-webResult.gsc-result {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-top: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
}
#content .gsc-webResult.gsc-result.gsc-promotion {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-top: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
}
#content .gsc-results .gsc-imageResult-classic, #content .gsc-results .gsc-imageResult-column {
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-top: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
}
#content .cse .gsc-webResult.gsc-result:hover {
  border-left: 1px solid;
  border-color: #000000;
  border-bottom: 1px solid #ffffff;
  border-top: 0px solid;
  border-right: 0px solid;
}
#content .gsc-webResult.gsc-result:hover, #content .gsc-webResult.gsc-result.gsc-promotion:hover {
  border-left: 1px solid;
  border-color: #000000;
  border-bottom: 1px solid #ffffff;
  border-top: 0px solid;
  border-right: 0px solid;
}
#content .gsc-results .gsc-imageResult-classic:hover, #content .gsc-results .gsc-imageResult-column:hover {
  border-left: 1px solid;
  border-color: #000000;
  border-bottom: 1px solid #ffffff;
  border-top: 0px solid;
  border-right: 0px solid;
}
#content .gs-webResult div.gs-visibleUrl, #content .gs-imageResult div.gs-visibleUrl {
  color: #999999;
}
#content .gsc-results .gsc-cursor-box {
  text-align: center;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
#content .cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  color: #fff;
  background-color: #333333;
  text-shadow: 0 1px 1px #000;
  padding: 0 5px;
}
#content .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  color: #fff;
  background-color: #333333;
  text-shadow: 0 1px 1px #000;
  padding: 0 5px;
}
#content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #333333;
  background-color: #333333;
  color: #666666;
}
#content .gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #666666;
}
#content .cse .gsc-webResult.gsc-result, #content .gsc-webResult.gsc-result, #content .gsc-imageResult-classic, #content .gsc-imageResult-column {
  padding: 0 0 0 0.5em;
}
#content .gsc-wrapper {
  margin-top: 15px;
}
#content .gsc-table-result img.gs-image {
  display: none;
}

/* ===== add by zb for google search 20140701 BUG => http://redmine.a-it.jp/issues/97530 end ===== */
/* ===== index ===== */
body#servicesTop #content {
  width: 753px;
}

/* main visual */
#mainVisual p.mainImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 813px;
  height: 300px;
}
#mainVisual h2 {
  width: 293px;
  height: 20px;
  position: absolute;
  left: 48px;
  top: 30px;
  text-indent: -9999px;
  overflow: hidden;
}
#mainVisual p.lead {
  width: 203px;
  height: 16px;
  position: absolute;
  left: 50px;
  top: 68px;
  text-indent: -9999px;
  overflow: hidden;
}
#mainVisual div#latestInfo {
  padding: 14px 14px 15px 48px;
  position: absolute;
  left: 0;
  top: 129px;
  width: 340px;
}
#mainVisual div#latestInfo:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

* html #mainVisual div#latestInfo {
  display: inline-block;
  width: 412px;
}
*:first-child + html #mainVisual div#latestInfo {
  display: inline-block;
}

#mainVisual div#latestInfo h3 {
  color: #ffffff;
  margin-bottom: 0.3em;
  font-size: 100%;
}
#mainVisual div#latestInfo p {
  font-size: 100%;
  font-weight: normal;
}
#mainVisual div#latestInfo p.image {
  width: 129px;
  height: 97px;
  float: left;
  margin: 0 10px 0 0;
}
#mainVisual div#latestInfo p a {
  color: #ffffff;
}

/* main */
#content div.pickup h3, #content div.purpose h3, #content div.needs h3 {
  margin-bottom: 20px;
}
#content div.pickup a, #content div.purpose a, #content div.needs a {
  text-decoration: none;
}
#content div.pickup a:hover, #content div.purpose a:hover, #content div.needs a:hover {
  text-decoration: underline;
}
#content div.pickup {
  width: 369px;
  float: left;
  position: relative;
}
#content div.pickup p.arrow {
  float: right;
  position: absolute;
  right: 3px;
  top: 3px;
}
#content div.pickup .item {
  padding: 0 10px 15px 0;
  clear: both;
  margin-bottom: 15px;
}
#content div.pickup .item:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* pickup */
* html #content div.pickup .item, *:first-child + html #content div.pickup .item {
  display: inline-block;
}

#content div.pickup .item p.image {
  width: 129px;
  float: left;
  margin: 0;
  text-align: center;
  background-color: #000000;
}
#content div.pickup .item h4 {
  width: 215px;
  float: right;
  margin-bottom: 0.5em;
  padding-top: 5px;
}
#content div.pickup .item p {
  width: 215px;
  float: right;
}
#content div.purpose {
  width: 177px;
  float: left;
  margin-left: 15px;
}
#content div.purpose ul {
  margin: -8px 0 20px 0;
  font-size: 100%;
}
#content div.purpose ul li {
  padding: 6px 3px 4px 3px;
  border-bottom: 1px solid #e5e5e5;
}
#content div.purpose ul li a {
  padding: 0 0 0 10px;
}
#content div.needs {
  width: 177px;
  float: left;
  margin-left: 15px;
}
#content div.needs h4 {
  font-size: 95%;
}
#content div.needs ul {
  padding: 5px 0 20px 0;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 20px;
}

/* purpose */
/* needs */
/* category menu */
#mainTitle ul.catMenu li#cmPickup a, #sub-title ul.catMenu li#cmPickup a {
  background-position: 0px 0px;
}
#mainTitle ul.catMenu li#cmPurpose a, #sub-title ul.catMenu li#cmPurpose a {
  background-position: -177px 0px;
}
#mainTitle ul.catMenu li#cmNeeds a, #sub-title ul.catMenu li#cmNeeds a {
  background-position: -354px 0px;
}
#mainTitle ul.catMenu li#cmPickup a:hover, #sub-title ul.catMenu li#cmPickup a:hover {
  background-position: 0px -30px;
}
#mainTitle ul.catMenu li#cmPurpose a:hover, #sub-title ul.catMenu li#cmPurpose a:hover {
  background-position: -177px -30px;
}
#mainTitle ul.catMenu li#cmNeeds a:hover, #sub-title ul.catMenu li#cmNeeds a:hover {
  background-position: -354px -30px;
}
#mainTitle ul.catMenu li#cmPickup a.on, #sub-title ul.catMenu li#cmPickup a.on {
  background-position: 0px -60px;
}
#mainTitle ul.catMenu li#cmPurpose a.on, #sub-title ul.catMenu li#cmPurpose a.on {
  background-position: -177px -60px;
}
#mainTitle ul.catMenu li#cmNeeds a.on, #sub-title ul.catMenu li#cmNeeds a.on {
  background-position: -354px -60px;
}

/* ===== pickup ===== */
/* news list */
#content .picupList a {
  text-decoration: none;
}
#content .picupList div.title {
  /* border-bottom:1px #000000 solid; */
  padding-bottom: 2px;
  margin-bottom: 10px;
}
#content .picupList div.title:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

* html #content .picupList div.title, *:first-child + html #content .picupList div.title {
  display: inline-block;
}

#content .picupList div.title h2 {
  font-size: 105%;
}
#content .picupList div.title p {
  clear: both;
  margin-bottom: 0;
}
#content .picupList div.title p a {
  padding-left: 8px;
}
#content .picupList div.item {
  margin-bottom: 20px;
  background: #f5f5f5;
}
#content .picupList div.item:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

* html #content .picupList div.item, *:first-child + html #content .picupList div.item {
  display: inline-block;
}

#content .picupList div.item p.image {
  width: 177px;
  float: left;
  padding: 0 !important;
  text-align: center;
  background-color: #000000;
  font-size: 0.75rem;
}
#content .picupList div.item div.inner {
  padding: 10px 15px;
  float: right;
  width: 347px;
}
#content .picupList div.item div.inner p.date {
  display: inline;
  padding-right: 10px;
  font-size: 85%;
}
#content .picupList div.item div.inner p.ctg {
  display: inline;
  padding: 0 0 0 10px;
  line-height: 1;
  font-size: 85%;
}
#content .picupList div.item div.inner h3 {
  padding: 7px 0 10px 0;
  border: none;
  font-size: 100%;
  margin: 0;
}

/* ===== search by facility purpose ===== */
#content .facilityMenu a {
  text-decoration: none;
}
#content .facilityMenu p.image {
  margin-bottom: 5px;
  font-size: 0.75rem;
}
#content div.section.relatedTechs {
  margin-bottom: 5px;
  clear: both;
}
#content div.relatedTechs:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* related technologies and services */
* html #content div.relatedTechs, *:first-child + html #content div.relatedTechs {
  display: inline-block;
}

#content div.relatedTechs .half {
  padding: 15px 0 0 0;
  border-bottom: 1px #e5e5e5 solid;
}
#content div.relatedTechs .half h4 {
  font-size: 100%;
  margin-bottom: 0.5em;
}
#content div.relatedTechs .half h4 a {
  font-weight: normal;
  padding-left: 8px;
}
#content div.relatedTechs .half p {
  font-size: 90%;
}
#content div.relatedTechs.first .half {
  padding: 0;
}
#content div.section.cases {
  margin-bottom: 5px;
  clear: both;
}
#content div.section.cases:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* main works and application cases */
* html #content div.section.cases, *:first-child + html #content div.section.cases {
  display: inline-block;
}

#content div.section.cases div.half p.image {
  width: 70px;
  float: left;
  margin-left: 5px;
  background-color: #000000;
  text-align: center;
  font-size: 0.75rem;
}
#content div.section.cases div.half h5 {
  line-height: 1.2;
  width: 185px;
  float: right;
}
#content div.section.cases div.half .overImage {
  display: none;
}
#content div.section.cases div.half p {
  font-size: 90%;
  float: right;
}
#content div.section.cases div.half p.intro {
  font-size: 100%;
  width: auto;
  float: none;
  clear: both;
}
#content div.section.cases div.half div.item {
  clear: both;
}
#content div.section.cases div.half div.item:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

@media only screen and (max-width: 767px) {
  #content div.section.cases div.half h5 {
    width: 77%;
  }

  .jquery-corner + a > img {
    width: 20%;
  }
}
* html #content div.section.cases div.half div.item, *:first-child + html #content div.section.cases div.half div.item {
  display: inline-block;
}

#content p.viewAll {
  clear: both;
}
#content p.viewAll a {
  padding: 0 0 0 8px;
}
#content p.viewAll a:hover {
  padding: 0 0 0 8px;
}
#content ul.serviceLink {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: 2em;
  padding: 0;
}
#content ul.serviceLink li {
  padding: 8px 0 4px;
}
#content .half ul.serviceLink li {
  font-size: 90%;
  padding: 6px 0 2px;
}
#content ul.serviceLink li a {
  display: block;
  padding: 0 0 3px 8px;
  text-decoration: none;
}

/* link list for details */
*:first-child + html #content ul.serviceLink li {
  padding: 6px 0 3px 0;
}

/* category internal navigation */
#content div.serviceContentMap {
  border: 1px #e5e5e5 solid;
  background: #f5f5f5;
  margin-bottom: 20px;
  padding: 0 0 5px 0;
  position: relative;
}
#content div.serviceContentMap h3 {
  border: none;
  margin-bottom: 0;
  padding: 5px 10px;
  border-bottom: 1px #e5e5e5 solid;
}
#content div.serviceContentMap h4 {
  font-size: 90%;
  padding: 5px 10px 0 10px;
}
#content div.serviceContentMap h4 a {
  padding-left: 7px;
}
#content div.serviceContentMap h4 a.noarrow {
  background: none;
  padding-left: 0;
}
#content div.serviceContentMap h4 a.noarrow:hover {
  background: none;
}
#content div.serviceContentMap ul {
  padding: 0 10px 5px 20px;
}
#content div.serviceContentMap ul li {
  font-size: 85%;
  padding: 0 0 0 7px;
  line-height: 1.5;
  margin-bottom: 0.25em;
}
#content div.serviceContentMap ul li ul {
  padding: 0 10px 5px 10px;
}
#content div.serviceContentMap ul li ul li {
  font-size: 100%;
}

/* 002 hospital and social welfare facilities */
p.lead.stHospital {
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
}

h3.stHospital01 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stHospital02 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stHospital03 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stHospital04 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stHospital001 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stHospital002 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stHospital003 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stHospital004 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}

/* new h3.stHospital */
body#services p.printpdfBtn {
  padding: 0 0 0 5px;
  margin-bottom: 15px;
  height: 30px;
}
body#services #content .section.flow-002detail {
  padding: 5px 0 0 145px;
  margin: 0 10px 15px;
}
body#services #content .section.flow-002detail .flow01 {
  height: 95px;
  margin-bottom: 3px;
}
body#services #content .section.flow-002detail .flow02 {
  height: 138px;
  margin-bottom: 3px;
}
body#services #content .section.flow-002detail .flow03 {
  height: 135px;
  margin-bottom: 3px;
}
body#services #content .section.flow-002detail .flow04 {
  height: 160px;
  margin-bottom: 3px;
}
body#services #content .section.flow-002detail .flow05 {
  height: 100px;
  margin-bottom: 3px;
}
body#services #content .section.flow-002detail .flow06 {
  height: 125px;
  margin-bottom: 3px;
}
body#services #content .section.flow-002detail .flow07 {
  height: 120px;
}
body#services #content .section.flow-002detail div.image-right {
  width: 120px;
  float: right;
  margin-left: 10px;
}
body#services #content .section.flow-002detail ul {
  margin-left: 10px;
}
body#services #content .section.flow-002detail ul li {
  margin-bottom: 5px;
}

p.lead.stLabo {
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
}

h3.stLabo01 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stLabo02 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}
h3.stLabo03 {
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  border: none !important;
  margin-bottom: 10px !important;
}

p.person {
  float: left;
  margin: 0 15px 100px 0 !important;
}

/* 008 Electric Production Facility */
#content h4.desire {
  color: #4f87c6;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 1em;
}
#content ul.productFeature {
  margin: 0 0 1em 5px;
  height: 23px;
}
#content ul.productFeature li {
  background: #4f87c6;
  padding: 6px 8px 5px 8px;
  line-height: 1.1;
  float: left;
  font-size: 80%;
  margin: 0 10px 0 0;
  color: #ffffff;
  font-weight: normal;
}
#content ul.productFeature li a {
  color: #fff;
  text-decoration: none;
}

/* 009 cultural facilities */
div.closedSystem {
  width: 561px;
  height: 349px;
  position: relative;
  margin-bottom: 20px;
}
div.closedSystem h4, div.closedSystem h5, div.closedSystem p {
  text-indent: -9999px;
}

* html div.closedSystem li {
  line-height: 1;
  zoom: 1;
  z-index: 100;
  display: block;
  float: left;
}

div.closedSystem li#stWasteSystem01 a {
  position: absolute;
  right: 0;
  top: 8px;
  width: 103px;
  height: 39px;
}
div.closedSystem li#stWasteSystem02 a {
  position: absolute;
  right: 0;
  top: 99px;
  width: 103px;
  height: 28px;
}
div.closedSystem li#stWasteSystem03 a {
  position: absolute;
  right: 0;
  top: 141px;
  width: 103px;
  height: 28px;
}
div.closedSystem li#stWasteSystem04 a {
  position: absolute;
  right: 0;
  top: 183px;
  width: 103px;
  height: 29px;
}
div.closedSystem li#stWasteRoof01 a {
  position: absolute;
  left: 252px;
  top: 229px;
  width: 89px;
  height: 91px;
}
div.closedSystem li#stWasteRoof02 a {
  position: absolute;
  left: 440px;
  top: 229px;
  width: 89px;
  height: 91px;
}

table.stWasteStructure {
  border: none !important;
}
table.stWasteStructure th, table.stWasteStructure td {
  border: none !important;
  padding: 1px 0 !important;
  background: #ffffff !important;
  font-size: 85%;
}

p.heightFix8 {
  height: 8em;
}

table.stWasteTech {
  width: 561px;
}
table.stWasteTech th, table.stWasteTech td {
  padding: 3px 5px !important;
  font-size: 85%;
}
table.stWasteTech th {
  width: 25%;
}

/* 011 civil engineering structure */
#content ul.linkList li span {
  padding: 0px 0 3px 8px;
  display: block;
}

.CEsample {
  clear: both;
  margin-bottom: 10px;
}
.CEsample:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.CEsample + .regB {
  margin-top: 40px;
}

* html .CEsample, *:first-child + html .CEsample {
  display: inline-block;
}

/* ===== search by needs ===== */
#content .needsMenu a {
  text-decoration: none;
}
#content h3.stNeeds {
  padding: 5px 0 0 5px;
  line-height: 1.3;
  margin-bottom: 10px;
  font-size: 105%;
  border: none;
}
#content .needsMenu ul.linkList li {
  margin-bottom: 5px;
}

/* 001 greening & heat-island effect reduction */
* html div#coolcube {
  height: 395px;
  overflow: hidden;
}

div#coolcube a#cbBio {
  width: 62px;
  height: 16px;
  position: absolute;
  left: 21px;
  top: 39px;
}
div#coolcube a#cbWall {
  width: 137px;
  height: 16px;
  position: absolute;
  left: 155px;
  top: 64px;
}
div#coolcube a#cbSunB {
  width: 63px;
  height: 16px;
  position: absolute;
  left: 394px;
  top: 35px;
}
div#coolcube a#cbWater {
  width: 75px;
  height: 49px;
  position: absolute;
  left: 155px;
  top: 152px;
}
div#coolcube a#cbCube {
  width: 96px;
  height: 16px;
  position: absolute;
  left: 338px;
  top: 114px;
}
div#coolcube a#cbOutdoor {
  width: 120px;
  height: 16px;
  position: absolute;
  left: 298px;
  top: 155px;
}
div#coolcube div {
  display: none;
}
div#TB_ajaxContent h3 {
  border-bottom: 1px #cccccc solid;
  padding-bottom: 5px;
  line-height: 1.2;
  font-size: 110%;
}
div#TB_ajaxContent p.text {
  width: 380px;
  float: right;
  padding-top: 10px;
  line-height: 1.5;
  margin-bottom: 0 !important;
}
div#TB_ajaxContent p.text a {
  padding-left: 8px;
}
div#TB_ajaxContent p.image {
  width: 82px;
  float: left;
}

/* 003 anti land pollution */
#content table.LandPollution {
  width: 561px;
}
#content table.LandPollution th.earthwork {
  background: #ffffcc;
}
#content table.LandPollution th.in-site {
  background: #def3ee;
}
#content h4.regB span.earthwork {
  background: #ffffcc;
  padding: 1px 5px 0 5px;
  font-size: 80%;
  border: 1px #cccccc solid;
  line-height: 1;
  margin: 0 0 0 1em;
}
#content h4.regB span.in-site {
  background: #def3ee;
  padding: 1px 5px 0 5px;
  font-size: 80%;
  border: 1px #cccccc solid;
  line-height: 1;
  margin: 0 0 0 1em;
}

.BCMtask {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px #cccccc solid;
}

.BCMsolution h5 {
  background: #e5e5e5;
  border-bottom: 1px #cccccc solid;
  padding: 5px 8px 3px 8px !important;
}
.BCMsolution p.direction {
  text-indent: -9999px;
  height: 30px;
  clear: both;
}
.BCMsolution ul {
  margin-bottom: 5px !important;
}
.BCMsolution ul li {
  margin-bottom: 0.25em !important;
}

/* ===== related technologies ===== */
#content div.relatedTitle {
  border: 1px #cccccc solid;
  border-left-width: 3px;
  padding: 7px 10px;
  margin-bottom: 20px;
}
#content div.relatedTitle p.shoulder {
  font-size: 90%;
  line-height: 1.2;
  margin-bottom: 5px;
}
#content div.relatedTitle h3 {
  padding: 0 0 2px 0;
  margin: 0;
  font-size: 120%;
  line-height: 1.2;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 9px;
}
#content div.relatedTitle p.catch {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 110%;
}
#content h4.related {
  background: none;
  color: #4f87c6;
  font-size: 110%;
  margin-bottom: 0.5em;
}
#content h5.merit {
  font-size: 110%;
  text-indent: -1.1em;
  padding-left: 1.4em;
}
#content ul.merit {
  padding: 0 0 0 2.5em;
  margin-bottom: 2em;
  list-style: disc;
}
#content ul.merit li {
  margin-bottom: 0.5em;
  list-style: none;
  text-indent: -1em;
}
#content ul.merit li:before {
  content: "・";
}

/* ===== pickup ===== */
/* school ICT */
h2.indexTitle.stScoolICT {
  height: 300px !important;
}

#content h3.stScoolICT2 {
  border: none;
  padding: 0;
}
#content h3.stScoolICT2.strongPoint {
  background-position: 0 -150px;
}
#content h4.stScoolICT3 {
  border: none;
  padding: 0;
  margin-bottom: 10px;
}
#content h4.stScoolICT3.study {
  background-position: 0 0;
}
#content h4.stScoolICT3.service {
  background-position: 0 -25px;
}
#content h4.stScoolICT3.save {
  background-position: 0 -50px;
}
#content h4.stScoolICT3.secure {
  background-position: 0 -75px;
}
#content h4.stScoolICT3.flex {
  background-position: 0 -100px;
}
#content h4.stScoolICT3.total {
  background-position: 0 -125px;
}
#content h4.stScoolICT3.support {
  background-position: 0 -150px;
}
#content h4.stScoolICT3.money {
  background-position: 0 -175px;
}

/* rokkatei */
h2.indexTitle.stRokkatei {
  height: 300px !important;
}

h3.stRokkatei2 {
  font-size: 120% !important;
  border: none !important;
  margin-bottom: 10px !important;
}

/* tech001 pandemic gate */
div#localNavi h3.title-1 {
  border-bottom: 1px solid #000000;
  color: #333333;
  font-size: 101%;
  margin-bottom: 20px;
  padding: 7px 5px 2px 3px;
}
div#localNavi h4.title-2 {
  color: #333333;
  margin-bottom: 5px;
  padding: 0 5px 3px 3px;
}
div.latestNews {
  clear: both;
}

/* ===== page top anchor links ===== */
#content p.pgTop {
  margin: 0 0 20px 0;
  line-height: 1.6;
  clear: both;
}
#content p.pageTop {
  padding: 25px 0 20px 0;
  margin-bottom: 10px;
  line-height: 1.6;
  clear: both;
  height: 15px;
}
#content p.pageTop a {
  height: 15px;
  display: block;
  padding: 0 3px 0 9px;
  font-size: 85%;
  float: right;
  text-decoration: none;
}
#content p.pageTop a:hover {
  text-decoration: underline;
}
#content p.pageTop a:before {
  content: "↑";
}

@media only screen and (max-width: 767px) {
  img {
    width: 100%;
    height: auto;
  }

  #content .section .half {
    width: auto;
  }
  #content .section .half.lt {
    float: none;
  }
  #content .section .half.rt {
    float: none;
  }
}
/* ===== index ===== */
body#historyTop #content {
  width: 753px;
}

* html body#historyTop #content {
  width: 768px;
}

/* main visual */
#mainVisual p.mainImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 813px;
  height: 300px;
}
#mainVisual h2 {
  width: 281px;
  height: 20px;
  position: absolute;
  left: 48px;
  top: 29px;
  text-indent: -9999px;
  overflow: hidden;
}
#mainVisual p.lead {
  width: 281px;
  height: 32px;
  position: absolute;
  left: 50px;
  top: 68px;
  text-indent: -9999px;
  overflow: hidden;
}
#mainVisual div#latestInfo {
  padding: 14px 14px 15px 48px;
  position: absolute;
  left: 0;
  top: 128px;
  width: 350px;
}
#mainVisual div#latestInfo:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
#mainVisual div#latestInfo h3 {
  width: 88px;
  height: 15px;
  margin-bottom: 7px;
  text-indent: -9999px;
  overflow: hidden;
}
#mainVisual div#latestInfo p.image {
  width: 129px;
  height: 97px;
  float: left;
  margin: 0 10px 0 0;
  font-size: 0.75rem;
}
#mainVisual div#latestInfo dl {
  width: 200px;
  float: right;
}
#mainVisual div#latestInfo dl dt {
  font-weight: normal;
  color: #ffffff;
}
#mainVisual div#latestInfo dl dd {
  font-size: 85%;
}
#mainVisual div#latestInfo dl a {
  color: #ffffff;
}
#mainVisual div#latestInfo dl a.arrowW {
  display: block;
  padding: 4px 0 0 8px;
  background-position: 0 10px;
}
#mainVisual p.goGallery {
  width: 177px;
  height: 43px;
  position: absolute;
  right: 15px;
  bottom: 18px;
}
#mainVisual p.goGallery a {
  width: 177px;
  height: 43px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
#mainVisual p.goGallery a:hover {
  background-position: 0 -43px;
}

/* * html #mainVisual div#latestInfo{display:inline-block; width:412px;}
 *:first-child+html #mainVisual div#latestInfo{display:inline-block;}*/
/* category menu */
#mainTitle ul.catMenu li#cmChrono a, #sub-title ul.catMenu li#cmChrono a {
  background-position: 0px 0px;
}
#mainTitle ul.catMenu li#cmColumn a, #sub-title ul.catMenu li#cmColumn a {
  background-position: -177px 0px;
}
#mainTitle ul.catMenu li#cmGallery a, #sub-title ul.catMenu li#cmGallery a {
  background-position: -354px 0px;
}
#mainTitle ul.catMenu li#cmChrono a:hover, #sub-title ul.catMenu li#cmChrono a:hover {
  background-position: 0px -30px;
}
#mainTitle ul.catMenu li#cmColumn a:hover, #sub-title ul.catMenu li#cmColumn a:hover {
  background-position: -177px -30px;
}
#mainTitle ul.catMenu li#cmGallery a:hover, #sub-title ul.catMenu li#cmGallery a:hover {
  background-position: -354px -30px;
}
#mainTitle ul.catMenu li#cmChrono a.on, #sub-title ul.catMenu li#cmChrono a.on {
  background-position: 0px -60px;
}
#mainTitle ul.catMenu li#cmColumn a.on, #sub-title ul.catMenu li#cmColumn a.on {
  background-position: -177px -60px;
}
#mainTitle ul.catMenu li#cmGallery a.on, #sub-title ul.catMenu li#cmGallery a.on {
  background-position: -354px -60px;
}

/* left column */
#content #hsTopMain {
  width: 561px;
  float: left;
}
#content #chronicleSearch {
  padding-top: 7px;
  margin-bottom: 25px;
}

/* chronicle search */
* html #content #chronicleSearch {
  margin-bottom: 0px;
}

#content #chronicleSearch .section {
  margin-bottom: 0;
}
#content #chronicleSearch h2 {
  font-size: 105%;
  border-bottom: 1px #000000 solid;
  padding: 0 0 1px 3px;
  margin-bottom: 15px;
}
#content #chronicleSearch form {
  border: 5px #e5e5e5 solid;
  padding: 15px 15px 13px 15px;
  position: relative;
  margin-bottom: 20px;
}
#content #chronicleSearch form select {
  width: 100px;
}
#content #chronicleSearch form label {
  margin-right: 1em;
}
#content #chronicleSearch form input.rollover {
  position: absolute;
  right: 15px;
  top: 10px;
}

* html #content #chronicleSearch form input.rollover {
  top: 15px;
}

#content #chronicleSearch div.times:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

* html #content #chronicleSearch div.times, *:first-child + html #chronicleSearch div.times {
  display: inline-block;
}

#content #chronicleSearch div.times .item {
  width: 129px;
  float: left;
  margin-right: 15px;
}
#content #chronicleSearch div.times .item.last {
  margin-right: 0;
}
#content #chronicleSearch div.times .item p {
  padding-left: 3px;
  font-size: 90%;
  line-height: 1.5;
}
#content #chronicleSearch div.times .item p.image {
  margin-bottom: 5px;
  padding-left: 0;
}
#content #chronicleSearch div.times .item p a {
  text-decoration: none;
}

/* column list */
#content #columnList {
  margin-bottom: 25px;
}
#content #columnList a {
  text-decoration: none;
}
#content #columnList div.title {
  margin-bottom: 15px;
  padding: 0 0 1px 3px;
  border-bottom: 1px solid #000000;
}
#content #columnList div.title:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

* html #content #columnList div.title, *:first-child + html #content #columnList div.title {
  display: inline-block;
}

#content #columnList div.title h2 {
  color: #333333;
  font-size: 105%;
  float: left;
  padding: 0 13px 0 0px;
}
#content #columnList div.title p {
  float: right;
  padding: 0 5px 0 0;
  font-size: 90%;
  margin: 0;
}
#content #columnList div.title p a {
  padding-left: 8px;
}
#content #columnList div.section {
  margin-bottom: 5px !important;
}
#content #columnList div.item {
  width: 273px;
}
#content #columnList div.item.lt {
  float: left;
}
#content #columnList div.item.rt {
  float: right;
}
#content #columnList div.item p.image {
  width: 107px;
  float: left;
  margin: 0 0 5px 0;
  background-color: #000000;
  text-align: center;
  font-size: 0.75rem;
}
#content #columnList div.item p.date {
  width: 153px;
  float: right;
  margin-bottom: 0.25em;
  font-size: 90%;
  line-height: 1.3;
}
#content #columnList div.item h3 {
  border-bottom: none;
  font-size: 95%;
  width: 153px;
  float: right;
  margin-bottom: 0.2em !important;
}
#content #columnList div.item p.active {
  width: 153px;
  float: right;
  font-size: 90%;
}
#content .derivation {
  border: 2px solid #eee;
  padding: 10px;
}
#content .derivation h2 {
  font-size: 100%;
  margin-bottom: 10px;
}
#content .derivation ul {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
  font-size: 90%;
}
#content div.article_title {
  position: relative;
}
#content div.article_title .a-rt {
  position: absolute;
  right: 0px;
  top: 5px;
}
#content #articleSearch {
  width: 177px;
  float: right;
  padding-top: 7px;
}
#content #articleSearch h2 {
  font-size: 105%;
  border-bottom: 1px #000000 solid;
  padding: 0 0 1px 3px;
  margin-bottom: 15px;
}
#content #articleSearch form {
  border-bottom: 1px #e5e5e5 solid;
  padding: 0 0 20px 3px;
  margin-bottom: 20px;
}
#content #articleSearch input.searchField {
  width: 137px;
  vertical-align: middle;
  margin-right: 5px;
}
#content #articleSearch input.newsSearchBtn {
  vertical-align: middle;
}
#content #articleSearch h3 {
  border-bottom: none;
  font-size: 100%;
  margin-bottom: 0;
}
#content #articleSearch ul {
  padding-bottom: 20px;
  border-bottom: 1px #e5e5e5 solid;
}
#content #articleSearch ul li a {
  text-decoration: none;
}
#content #articleSearch ul li a:hover {
  text-decoration: underline;
}
#content h2.pgTitle {
  margin-bottom: 10px;
}

/* derivation */
/* article search */
/* column detail */
#content div.entryBlock h3.title {
  font-size: 135%;
  margin-bottom: 5px;
}
#content div.entryBlock h2 {
  font-size: 130%;
  padding-left: 0px;
}
#content div.entryBlock p.date {
  font-size: 85%;
  margin-bottom: 0;
}
#content div.entryBlock div.author {
  border: 1px #cccccc solid;
  padding: 10px 15px;
  margin-bottom: 25px;
  background: #f5f5f5;
}
#content div.entryBlock div.author h3 {
  font-size: 100%;
  border-bottom: none;
  margin-bottom: 0.5em;
}
#content div.chronicle {
  padding: 0 0 15px 0;
}
#content div.chronicle h3 {
  font-size: 120%;
  border-bottom: none;
  margin-bottom: 13px;
}
#content div.chronicle table {
  width: 100%;
  font-size: 90%;
  clear: both;
}
#content div.chronicle table th {
  width: 20%;
  vertical-align: top;
  font-weight: normal;
}
#content div.chronicle table td {
  width: 40%;
  vertical-align: top;
  padding-bottom: 0;
}
#content div.chronicle table th.head {
  width: 40%;
  background: #ffffff;
  font-weight: normal;
  text-align: center;
}
#content div.chronicle table th a {
  font-size: 130%;
}
#content div.chronicle table td dl {
  margin-bottom: 0;
}
#content div.chronicle table td dl dt {
  width: 2.5em;
  float: left;
  clear: left;
  margin-bottom: 0.75em;
  text-align: right;
  margin-right: 1em;
}
#content div.chronicle table td dl dd {
  margin-left: 3.5em;
  margin-bottom: 0.75em;
}
#content .anualTitleBlock {
  border-bottom: 1px solid #000000;
  height: 31px;
  margin-bottom: 15px;
  position: relative;
}
#content .anualTitleBlock h2 {
  border-bottom: medium none;
  font-size: 125%;
  padding: 2px 0 0 5px;
}
#content .anualTitleBlock p {
  padding-top: 3px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

/* chronicle */
/** html #content div.chronicle table td dl dt{float:none; display:inline; zoom:1; width:27px; vertical-align:top;}
* html #content div.chronicle table td dl dd{display:inline; zoom:1; width:120px; padding:0;}
*/
/* foundation */
/* convulsion */
/* convulsion */
/* innovation */
/* innovation */
/* year XXXX */
#content h3.yearly {
  border-bottom: none;
  padding: 5px 0 0 5px;
  font-size: 120%;
}
#content p.age {
  padding-top: 7px;
  text-align: right;
}
#content div.affairs {
  border: 1px #cccccc solid;
  margin: 3px 0 15px 0;
  padding-bottom: 10px;
}
#content div.affairs h3 {
  padding: 7px 10px;
  border-bottom: 1px #cccccc solid !important;
  font-size: 100%;
}
#content div.affairs dl {
  padding: 12px 7px 0 12px;
  margin-bottom: 0;
}
#content div.affairs dl dt {
  width: 2.5em;
  float: left;
  margin-right: 1em;
  text-align: right;
}
#content div.affairs dl dd {
  padding-left: 3.5em;
  margin-bottom: 0.5em;
}
#content div.yearNavi {
  padding: 10px 0 25px 0;
  height: 3em;
  text-align: right;
}
#content div.yearNavi.top {
  background: none;
  padding: 5px 0 20px 0;
  height: auto;
}
#content div.yearNavi li {
  display: inline;
  font-weight: normal;
}
#content div.yearNavi li.prev a {
  padding: 5px 10px 4px 20px;
}
#content div.yearNavi li.prev a:hover {
  text-decoration: none;
}
#content div.yearNavi li.next a {
  padding: 5px 10px 4px 5px;
  text-align: right;
}
#content div.yearNavi li.next a:hover {
  text-decoration: none;
}

/* photogallery */
/* search result */
dl.searchResult {
  padding: 11px 0 0 0;
  margin-bottom: 0 !important;
}
dl.searchResult dt {
  font-weight: normal;
  padding: 4px 5px 0 0;
  clear: both;
  margin-bottom: 0.25em;
  font-size: 105%;
}
dl.searchResult dd {
  padding: 0 5px 10px 5px;
  margin-bottom: 6px !important;
}

/* keyword */
#content h3.keyword {
  font-size: 120%;
  border-bottom: none;
}

#content .searchTitle h3 {
  border: medium none;
  font-size: 120%;
  line-height: 1.2;
}

/* ===== lightbox image gallery ===== */
#content ul.ovGallery {
  margin-bottom: 20px;
}
#content ul.ovGallery:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

* html #content ul.ovGallery, *:first-child + html #content ul.ovGallery {
  display: inline-block;
}

#content ul.ovGallery li {
  width: 63px;
  height: 49px;
  float: left;
  text-align: center;
  display: block;
  margin-right: 6px;
  margin-bottom: 6px;
}
#content ul.ovGallery li.last {
  margin-right: 0;
}
#content ul.ovGallery li a {
  width: 57px;
  height: 49px !important;
  /**height:49px !important;*/
  *height: 43px;
  padding: 0 3px !important;
  *padding: 3px !important;
  *padding: 3px;
  display: table-cell;
  vertical-align: middle;
  *display: block;
  *font-size: 39px;
  *line-height: 39px;
  *font-family: Arial;
}
#content ul.ovGallery li a:after {
  content: none;
}
#content ul.ovGallery li a img {
  vertical-align: middle;
}

* html #content ul.ovGallery li a, *:first-child + html #content ul.ovGallery li a {
  display: block;
  float: left;
}

#content h3, #content h4 {
  font-size: 1.25rem !important;
  line-height: 1.6 !important;
  margin-bottom: 15px !important;
  text-align: left !important;
}
#content p {
  font-size: 0.88rem;
  line-height: 1.8;
  margin-bottom: 1em;
}
#content p:last-child {
  margin-bottom: 0;
}
#content p a:link {
  text-decoration: underline;
}
#content p a:hover {
  text-decoration: none;
}
#content .contentsTable {
  margin-bottom: 40px;
  overflow: hidden;
  overflow: auto;
  margin-bottom: 10%;
}
#content .contentsTable:last-child {
  margin-bottom: 0;
}
#content .contentsTable table {
  width: 100%;
  border: none;
  border-collapse: separate;
  table-layout: auto;
  overflow: hidden;
  border-top: solid 1px #bbc2c9;
}
#content .contentsTable[data-table-layout="fixed"] table, #content .contentsTable[data-table-layout="auto"] table {
  margin-left: -1px;
}
#content .contentsTable th, #content .contentsTable td {
  text-align: left;
  font-size: 0.88rem;
  border: none;
  border-bottom: solid 1px #bbc2c9;
  padding: 20px 20px 20px 20px;
  border-left: solid 1px #bbc2c9;
}
#content .contentsTable th {
  background-color: #f3f3f3;
  font-weight: normal;
}
#content .contentsTable th:first-child {
  border-left-width: 0;
}
#content .contentsTable th.head {
  text-align: center;
}
#content .contentsTable thead tr:first-of-type th {
  background-color: #c9c9c9;
}
#content .contentsTable td:last-child {
  border-left-width: 1px;
}
#content .contentsTable:last-child {
  margin-bottom: 0;
}
#content .contentsTable table {
  width: auto;
  min-width: 100%;
}
#content .contentsTable table:-webkit-scrollbar {
  height: 5px;
}
#content .contentsTable th, #content .contentsTable td {
  font-size: 0.82rem;
  padding: 1.5em 1.5em;
}
#content .half {
  margin-bottom: 20px;
}

.image-right {
  width: 120px;
  float: right;
  margin-left: 10px;
}

.flow01 {
  margin-bottom: 40px;
}

.flow01, .flow02, .flow03, .flow04, .flow05, .flow06 {
  overflow: hidden;
}

.clr {
  clear: both;
}

.rt, .lt {
  margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {
  #content .section {
    margin-bottom: 10%;
  }
  #content .section .section {
    margin-bottom: 15px;
  }
  #content .section .section:last-child {
    margin-bottom: 0;
  }

  #content ul.ovGallery li a img {
    width: auto;
  }

  #content .section .one3rd {
    width: 30%;
  }
  #content .section .one3rd.ct {
    margin: 0 0 0 5%;
  }

  p.image {
    font-size: 0.63rem;
  }

  #content h3, #content h4 {
    margin-bottom: 3% !important;
    font-size: 1.13rem !important;
    font-size: calc(1.125rem + 2 * (100vw - 320px) / 448);
    line-height: 1.6 !important;
  }

  .contentsTxt1 {
    font-size: 0.82rem;
  }

  .contentsNote1 {
    font-size: 0.63rem;
  }

  .half {
    margin-bottom: 5%;
  }

  #content .section .two3rd {
    width: 100%;
  }
  #content .section .one3rd {
    width: 100%;
  }
  #content .section .one3rd.ct {
    margin: 0;
  }

  #content div.section.cases div.half .CEsample img {
    width: 20%;
  }
  #content div.section.cases div.half .CEsample .active {
    width: 77%;
  }
}
/*============================================

  press.css common

 ===========================================*/
h1 {
  background-image: url(/images/press/pageTitle.gif);
}

/* pageTitle */
#content h2.pgTitle.nsResult {
  background-image: url(/images/press/search_resultH201.gif);
}

/* current globalA */
ul#globalA li#gA_03 a {
  background-position: -330px -70px;
}
ul#globalA li#gA_03 a:hover {
  background-position: -330px -70px;
}

/*for IE7*/
*:first-child + html body ul.rssParts {
  margin-top: 0;
  padding-bottom: 7px;
}

li#backnumber form {
  padding: 3px 0 20px 0;
}
li#backnumber select {
  width: 100%;
}

div#searchBox {
  padding: 20px 5px;
  border-bottom: 1px solid #e5e5e5;
}
div#searchBox form {
  position: relative;
  width: 100%;
}
div#searchBox input#newsSearchBtn {
  position: absolute;
  top: 0;
  right: 0;
}
div#searchBox p.localTitle {
  border-bottom: none;
  margin: 0 0 12px 0;
  padding: 0;
}

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

  clearfix

 ===========================================*/
dl.entry dt {
  zoom: 1;
  /*for IE 5.5-7*/
}
dl.entry dt:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

* html dl.entry dt {
  height: 1px;
}

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

  style for import page
  
 ===========================================*/
#content img[src="/images/press/space.gif"] {
  display: none;
}
#content .pressBody {
  padding-left: 3px;
  margin-bottom: 15px;
}
#content .pressBody ul {
  list-style-position: inside;
}
#content .pressBody ul.regular {
  list-style-position: outside;
}
#content table.press_thead, #content table.press_tbody {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
#content table.press_thead {
  margin-bottom: 20px !important;
}
#content table.press_tbody {
  margin-bottom: 0;
}
#content table.press_thead td, #content table.press_thead th {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 100%;
  color: #333333;
  line-height: 1.8;
}
#content table.press_tbody td, #content table.press_tbody th {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 0.88rem;
  color: #333333;
  line-height: 1.6;
}
#content table.press_thead td font, #content table.press_thead th font {
  color: #333333;
}
#content table.press_tbody td font, #content table.press_tbody th font {
  color: #333333;
}
#content table.press_thead td b {
  font-size: 130%;
  color: #333333;
  font-weight: normal;
}
#content table.press_tbody table {
  border: none;
}
#content table.press_tbody table td, #content table.press_tbody table th {
  width: auto;
}
#content table.press_tbody table.press_tbody_int {
  border: none;
  padding: 3px;
  width: 100%;
}
#content table.press_tbody table.press_tbody_int th, #content table.press_tbody table.press_tbody_int td {
  border: none;
  padding: 3px;
}
#content table.press_tbody table.press_tbody_int_b {
  border: 1px solid #ccc;
  padding: 7px;
}
#content table.press_tbody table.press_tbody_int_b th, #content table.press_tbody table.press_tbody_int_b td {
  border: 1px solid #ccc;
  padding: 7px;
}
#content table.press_tabove {
  width: 100%;
  border: none;
}
#content table.press_tabove td {
  text-align: right;
  padding: 0;
  border: none;
}
#content table.press_thead td.width_0 {
  width: 0;
  font-size: 0;
  overflow: hidden;
  line-height: 0;
}
#content table.press_tbody td.width_0 {
  width: 0;
  font-size: 0;
  overflow: hidden;
  line-height: 0;
}
#content table.press_tbody td p, #content table.press_tbody td table p {
  margin: 0 0;
}
#content table.press_tbody td ol, #content table.press_tbody td dl {
  margin: 16px 0;
  list-style-type: decimal;
}
#content table.press_thead td.part_line, #content table.press_tbody td.part_line {
  font-size: 0;
  height: 0;
  background-color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .press_tbody td, .press_tbody th {
    font-size: 0.82rem;
    line-height: 1.8;
  }
}
/* ===== no table layout pages ===== */
#container #content #newsbody h1 {
  background: none;
  text-indent: 0;
  height: auto;
  border: none;
  font-size: 130%;
  color: #333333;
  margin-bottom: 20px;
  padding: 0;
}
#container #content #newsbody .ijo {
  text-align: right;
}
#container #content #newsbody .contact {
  margin-bottom: 20px;
  text-align: right;
  color: #333333;
}

/*'以上' part*/
/*footer part*/
/* ===== pages:1995-1999 ===== */
#content #press95_99 h2 {
  font-size: 130%;
  font-weight: normal;
  margin-bottom: 10px;
}
#content #press95_99 .section {
  margin-bottom: 15px;
}
#content #press95_99 p {
  margin-bottom: 10px;
}
#content #press95_99 .footer {
  text-align: right;
}