@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background: transparent;
}

a:active, a:hover {
  outline: 0;
}

.entry .telnumber a {
   text-decoration: none;
   color: #F37E3D;
}

abbr[title] {
  border-bottom: 1px dotted;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

div.categoryList3 div.categoryListImg img{
  max-width:260px;
  height:auto;
}

div.categoryList div.categoryListImg img{
  max-width:100px;
  max-height:100px;
}

img {
  border: 0;
}

#productBox4 img{
    max-width:222px;
}

.res_table td img {
  width:100%;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button],
input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table td.tdLeft{
  width:20%;  
}

table td.tdRight{
  width:80%;
}

/*
td,th {
padding:0;
}
*/
b, strong, optgroup {
  font-weight: 700;
}

pre, textarea {
  overflow: auto;
}

button::-moz-focus-inner, input::-moz-focus-inner, legend {
  border: 0;
  padding: 0;
}

/*
 style
**********************************************************/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

@media screen and (min-width: 981px) {
  header .textSize ul li.blue2 {
    border-radius: 3px 0 0 3px;
    border: 1px solid #287AA2;
    background: #429ECB;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #429ecb), color-stop(100%, #1681c0));
    background: -webkit-linear-gradient(to bottom, #429ecb, #1681c0);
    background: -webkit-linear-gradient(top, #429ecb, #1681c0);
    background: linear-gradient(to bottom, #429ecb, #1681c0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF429ECB', endColorstr='#FF1681C0');
  }
  header .textSize ul li.blue2 a {
    color: #fff;
    padding: 5px 7px;
    text-decoration: none;
  }

  header .textSize ul li.gray2 {
    border-radius: 0 3px 3px 0;
    border: 1px solid #D5D5D5;
    background: #F8F8F8;
  }
  header .textSize ul li.gray2 a {
    padding: 5px 7px;
    text-decoration: none;
    color: #333;
  }

  #about .aboutRight {
    border: 1px solid #4d81aa;
    margin: 10px 0;
    padding: 0;
    position: relative;
    float: left;
  }
  #about .aboutRight img {
    float: left;
    margin-right: 10px;
  }
  #about .aboutRight a {
    display: block;
    height: 122px;
    width: 335px;
  }
  #about .aboutRight a .aboutBox {
    bottom: 0;
    padding-top: 10px;
    right: 15px;
  }
  #about .aboutRight a .aboutBox p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
  }
  #about .aboutRight a .aboutBox p:first-child {
    font-size: 1.1em;
    line-height: 120%;
    margin-left: 115px;
    width: 210px;
  }
  #about .aboutRight a .aboutBox p.description {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 120%;
    margin: 5px 0 0 115px;
    padding: 0 0 10px;
    width: 210px;
  }
  #about .aboutRight a .aboutBox p.arrow {
    bottom: 10px;
    position: absolute;
    right: 0;
  }

  .entry .profileRight {
    position: relative;
    padding: 10px 10px 20px;
    border: 1px solid #ccc;
    margin: 10px 20px 10px 0;
    width: 323px;
    float: left;
    min-height: 135px;
  }
  .entry .profileRight img {
    float: right;
    width: 90px;
  }
  .entry .profileRight p {
    margin: 0 0 5px;
  }
  .entry .profileRight p:first-child {
    margin: 0;
  }
  .entry .profileRight ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .entry .profileRight ul li {
    margin: 0 0 5px;
    padding: 0;
    background: none;
  }
  .entry .profileRight ul li:last-child {
    margin: 20px 0;
  }

  footer .footerMenu .box {
    max-width: 310px;
    float: left;
    margin: 0 20px 10px 0;
  }
  footer .footerMenu .box .icon-blue {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0 16px;
    border-bottom: 1px solid #9b9b9b;
    padding: 10px 10px 10px 13px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 10;
  }
  footer .footerMenu .box .icon-blue:before {
    border-bottom: 1px solid #464545;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .box .icon-blue a {
    color: #fff;
    text-decoration: none;
  }
  footer .footerMenu .box .icon-blue a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .box ul {
    margin: 15px 0;
    padding: 0;
    float: left;
    width: 150px;
    font-size: 0.8em;
  }
  footer .footerMenu .box ul:last-child {
    float: right;
  }
  footer .footerMenu .box ul.topconBrand {
    width: 140px;
    padding: 0 10px 0 0;
  }
  footer .footerMenu .box ul.sokkiaBrand {
    width: 140px;
    padding: 0 0 0 10px;
  }
  footer .footerMenu .box ul li {
    list-style-type: none;
    padding: 0 0 6px;
  }
  footer .footerMenu .box ul li p.title {
    border-bottom: 1px solid #9b9b9b;
    padding: 0 10px 5px 0;
    z-index: 10;
    margin: 0 0 10px;
    font-size: 1.1em;
  }
  footer .footerMenu .box ul li p.title:before {
    border-bottom: 1px solid #464545;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .box ul li p.title a {
    text-decoration: none;
  }
  footer .footerMenu .box ul li a {
    color: #fff;
  }
  footer .footerMenu .box ul li a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .box .icon-blue2 {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0 16px;
    clear: both;
    border-top: 1px solid #464545;
    padding: 10px 10px 10px 13px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 10;
  }
  footer .footerMenu .box .icon-blue2 a {
    color: #fff;
    text-decoration: none;
  }
  footer .footerMenu .box .icon-blue2 a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .box .icon-blue2:before {
    border-top: 1px solid #9b9b9b;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }

  /*********************************************************
   for Desktop
  **********************************************************/
  body {
    border-top: 3px solid #0075C2;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","SimHei",sans-serif;
    color: #333;
  }

  .container {
    margin: 0 auto;
    position: relative;
    width:980px;
  }

  header {
    margin: 10px 0 0;
    position: relative;
  }
  header .logo {
    float: left;
    padding: 10px 0 14px;
  }
  header .logoEn {
    padding: 18px 0;
  }
  header #spSearch, header #toggle {
    display: none;
  }
  header .textSize {
    position: absolute;
    right: 390px;
    top: -10px;
    font-size: 0.8em;
  }
  header .textSize ul {
    list-style: none;
    margin: 12px 0 0 20px;
  }
  header .textSize ul li {
    display: inline;
  }
  header .textSize ul li.blue {
    border-radius: 3px 0 0 3px;
    border: 1px solid #287AA2;
    background: #429ECB;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #429ecb), color-stop(100%, #1681c0));
    background: -webkit-linear-gradient(to bottom, #429ecb, #1681c0);
    background: -webkit-linear-gradient(top, #429ecb, #1681c0);
    background: linear-gradient(to bottom, #429ecb, #1681c0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF429ECB', endColorstr='#FF1681C0');
  }
  header .textSize ul li.blue a {
    color: #fff;
    padding: 5px 7px;
    text-decoration: none;
  }
  header .textSize ul li.blue2 {
    border-radius: 0 3px 3px 0;
  }
  header .textSize ul li.gray {
    border-radius: 0 3px 3px 0;
    border: 1px solid #D5D5D5;
    background: #F8F8F8;
  }
  header .textSize ul li.gray a {
    padding: 5px 7px;
    text-decoration: none;
    color: #333;
  }
  header .textSize ul li.gray2 {
    border-radius: 3px 0 0 3px;
  }
  header .textSize ul li:first-child {
    margin: 0 5px 0 0;
  }
  header .textSize ul li:last-child {
    margin: 0 0 0 -5px;
  }
  header .textSizeEn {
    left: 380px;
  }
  header .helpMenu {
    float: right;
  }
  header .helpMenu a {
    text-decoration: none;
  }
  header .helpMenu ul {
    margin: 0 0 10px;
  }
  header .helpMenu ul li {
    display: inline;
    background: url("../../common/img/arrow.png") no-repeat 15px center;
    padding: 0 0 0 25px;
    font-size: 0.8em;
  }
  header .helpMenu li a:hover {
    text-decoration: underline;
  }
  header .searchArea {
    right: 0;
    top: 35px;
    position: absolute;
  }
  header .searchArea #searchForm {
    margin: 0;
    padding: 0;
  }
  header .searchArea #search {
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    float: left;
    height: 28px;
    padding: 0 5px;
    background-color: #F8F8F8;
    width: 250px;
  }
  header .searchArea #searchBtn {
    padding: 0;
    border: none;
    width: 30px;
    height: 30px;
    text-indent: -300px;
    background: url(../../common/img/search_btn.png) no-repeat;
  }

  /*
   globalNav
  **********************************************************/
  nav {
    height: 38px;
    border-top: 1px solid #4b7699;
    border-bottom: 1px solid #4b7699;
    background: #699abb;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #73a0c0), color-stop(100%, #699abb));
    background: -webkit-linear-gradient(to bottom, #73a0c0, #699abb);
    background: -webkit-linear-gradient(top, #73a0c0, #699abb);
    background: linear-gradient(to bottom, #73a0c0, #699abb);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF73A0C0', endColorstr='#FF699ABB');
  }

  .globalNavi ul {
    height: 39px;
    position: relative;
    margin: 0;
    padding: 0;
  }
  .globalNavi ul li {
    display: block;
    float: left;
    width: 16.4%;
    margin: 0;
    padding: 0;
    border-left: 1px solid #5f86a3;
    border-right: 1px solid #87adc9;
    z-index: 10;
  }
  .globalNavi ul li:first-child:after {
    content: '';
    left: 1px;
    top: 0;
    bottom: 0;
    position: absolute;
    border-left: 1px solid #87adc9;
  }
  .globalNavi ul li:last-child:after {
    content: '';
    top: 0;
    right: 3px;
    bottom: 0;
    position: absolute;
    border-right: 1px solid #5f86a3;
  }
  .globalNavi ul li:nth-child(2), .globalNavi ul li:nth-child(3), .globalNavi ul li:nth-child(4) {
    background: url(../../common/img/icons/blue2.png) no-repeat 90% center;
  }
  .globalNavi ul li.current {
    background-color: #999;
  }
  .globalNavi ul li.current:nth-child(2), .globalNavi ul li.current:nth-child(3), .globalNavi ul li.current:nth-child(4), .globalNavi ul li:nth-child(2) a:hover, .globalNavi ul li:nth-child(3) a:hover, .globalNavi ul li:nth-child(4) a:hover {
    background: url(../../common/img/icons/white2.png) no-repeat 90% center #999999;
  }
  .globalNavi ul li a {
    text-align: center;
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 7px 0 6px;
  }
  .globalNavi ul li a:hover {
    background-color: #999;
  }

  ul.enNavi li {
    width: 19.75%;
  }

  .dropNavi {
    position: absolute;
    display: none;
    margin: 38px 0;
    z-index: 200;
  }
  .dropNavi a:hover {
    color: #004875;
    text-decoration: underline;
  }
  .dropNavi a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  .dropNavi .companyNavi {
    padding: 10px;
    background-color: white;
  }
  .dropNavi .companyNavi .dropArrow {
    margin: 0;
    position: absolute;
    left: 240px;
    top: -16px;
  }
  .dropNavi .companyNavi .EnAboutArrow {
    left: 290px;
  }
  .dropNavi .companyNavi .EnProductArrow {
    left: 480px;
  }
  .dropNavi .companyNavi .EnIrArrow {
    left: 680px;
  }
  .dropNavi .companyNavi .productArrow {
    left: 400px;
  }
  .dropNavi .companyNavi .irArrow {
    left: 560px;
  }
  .dropNavi .companyNavi .close {
    margin: 0;
    position: absolute;
    right: -40px;
    top: -35px;
    cursor: pointer;
  }
  .dropNavi .companyNavi .close a:hover {
    color: #004875;
    text-decoration: underline;
  }
  .dropNavi .companyNavi .close a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  .dropNavi .companyNavi .dropBoxImg {
    float: left;
    text-align: center;
    z-index: 200;
  }
  .dropNavi .companyNavi .dropBoxImg p {
    margin: 0 0 3px;
  }
  .dropNavi .companyNavi .dropTitle {
    position: absolute;
    left: 210px;
  }
  .dropNavi .companyNavi .dropTitle ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .dropNavi .companyNavi .dropTitle ul li {
    float: left;
    font-size: 1.4em;
    color: #527696;
  }
  .dropNavi .companyNavi .dropTitle ul li:first-child {
    width: 500px;
  }
  .dropNavi .companyNavi .irSpace {
    margin-bottom: 60px;
  }
  .dropNavi .companyNavi .irConsumer {
    background-color: #699abb;
    position: absolute;
    bottom: 0;
    left: 210px;
    width: 490px;
  }
  .dropNavi .companyNavi .irConsumer a {
    display: block;
    padding: 8px 20px;
    color: #fff;
    text-decoration: none;
  }
  .dropNavi .companyNavi .irConsumer a span {
    padding: 0 0 0 14px;
    background: url(../../common/img/icons/white.png) no-repeat 0 center;
  }
  .dropNavi .companyNavi .irConsumer a:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
  }
  .dropNavi .companyNavi .dropText {
    float: left;
    padding: 0 0 0 10px;
    z-index: 200;
  }
  .dropNavi .companyNavi .dropText .subTitle {
    margin: 40px 0 10px;
    font-size: 1.2em;
  }
  .dropNavi .companyNavi .dropText .subTitleTopcon {
    background: url(../img/drop_img_topcon.jpg) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    height: 70px;
    margin: 40px 0 10px;
    font-size: 1.2em;
    text-shadow: 0 0 5px #000000;
  }
  .dropNavi .companyNavi .dropText .subTitleSokkia {
    background: url(../img/drop_img_sokkia.jpg) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    height: 70px;
    margin: 40px 0 10px;
    font-size: 1.2em;
    text-shadow: 0 0 5px #000000;
  }
  .dropNavi .companyNavi .dropText .subTitleEyecare {
    background: url(../img/drop_img_eyecare.jpg) no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    height: 70px;
    margin: 40px 0 10px;
    font-size: 1.2em;
    text-shadow: 0 0 5px #000000;
  }
  .dropNavi .companyNavi .dropText .half {
    margin: 8px 0 0;
    font-size: 1.2em;
  }
  .dropNavi .companyNavi .dropText ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #F2F2F2;
  }
  .dropNavi .companyNavi .dropText ul li {
    background: url("../../common/img/arrow.png") no-repeat 15px center;
    font-size: 0.9em;
    border-bottom: 1px solid #A5ADB4;
    width: 240px;
  }
  .dropNavi .companyNavi .dropText ul li a {
    color: #333;
    text-decoration: none;
    padding: 9px 9px 9px 26px;
    display: block;
  }
  .dropNavi .companyNavi .dropText ul li a:hover {
    color: #fff;
    background: url("../../common/img/icons/white.png") no-repeat 15px center #0a659a;
  }
  .dropNavi .companyNavi .btn-blue-mini {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #458fc0;
    padding: 6px 25px 4px;
    color: #fff;
    font-size: 0.7em;
    text-decoration: none;
  }
  .dropNavi .companyNavi .btn-blue-mini:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }

  #modalTop {
    display: none;
    position: absolute;
    z-index: 110;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.8;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    margin: 127px 0 -127px;
    padding: 0 0 -127px;
  }

  /*
   TOP
  **********************************************************/
  #slideshow {
    position: relative;
    padding: 0;
    margin: 0 0 150px;
    background: url(../../common/img/bg_gray.png) repeat-x;
  }
  #slideshow .mainBanner {
    margin: 0 auto;
    text-align: center;
    height: 600px;
    overflow: hidden;
    position: relative;
    max-width: 100%;
  }
  #slideshow .mainBanner div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    margin: 0 auto;
  }
  #slideshow #gradient {
    position: absolute;
    top: 350px;
    left: 0;
    right: 0;
    height: 250px;
    z-index: 100;
    background: url(../../common/img/gradient.png) repeat-x;
  }
  #slideshow ul {
    position: absolute;
    z-index: 100;
    bottom: 150px;
    right: 60px;
  }
  #slideshow ul li {
    float: left;
    display: inline;
    padding: 0;
    margin: 3px 5px 0;
    height: 38px;
  }
  #slideshow .active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    border: 3px solid #be0927;
    padding: 0;
    margin: 0;
  }

  #brand {
    position: absolute;
    right: 60px;
    top: -280px;
    z-index: 101;
  }
  #brand a {
    text-decoration: none;
    color: #60809E;
  }
  #brand a:hover {
    color: #004875;
    text-decoration: underline;
  }
  #brand a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  #brand ul {
    z-index: 101;
  }
  #brand ul li {
    float: left;
    display: inline;
  }
  #brand ul li:first-child {
    padding: 0 40px 0 0;
  }

  #topContents {
    max-width: 960px;
    margin: 70px auto;
    position: relative;
  }
  #topContents span.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 1px 10px 1px 20px;
    display: inline;
    line-height: 1.5em;
    margin: 2px 0;
  }
  #topContents a {
    text-decoration: none;
    color: #60809E;
  }
  #topContents a.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 0 10px 0 20px;
    display: inline-block;
    line-height: 1.5em;
    margin: 2px 0;
  }
  #topContents a:hover {
    color: #004875;
    text-decoration: underline;
  }
  #topContents a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  #topContents a[target="_blank"] {
    background: url(../../common/img/icons/link.png) no-repeat right center;
    padding: 0 15px 0 0;
  }
  #topContents a[href$=".pdf"] {
    background: url(../../common/img/icons/pdf.png) no-repeat right center;
    padding: 0 25px 0 0;
  }
  #topContents a[href$=".pdf"].bg-white {
    background: url(/common/img/icons/pdf.png) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  #topContents a[href$=".xls"].bg-white {
    background: url(/common/img/icons/icon_xls.gif) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  #topContents a[href$=".doc"].bg-white {
    background: url(/common/img/icons/doc_icon.gif) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  #topContents #imp {
    border: 4px solid #ffbfbf;
    margin: 0 0 12px;
    padding: 0 12px;
  }
  #topContents .blue {
    background-color: #79c7ec;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .green {
    background-color: #94c5ac;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .orange {
    background-color: #ffaf44;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .yellow {
    background-color: #f4ec82;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .gray {
    background-color: #cccccc;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .purple {
    background-color: #9a95f7;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .infoArea {
    width: 612px;
    float: left;
  }
  #topContents .infoArea p.info {
    background-color: #3189b7;
    color: #fff;
    border-left: 30px solid #a2cae5;
    padding: 2px 10px;
    font-size: 1.2em;
    margin: 0;
    position: relative;
  }
  #topContents .infoArea p.info .infoAll {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 0.7em;
    background-color: #559aba;
    padding: 0 10px 0 0;
  }
  #topContents .infoArea p.info .infoAll a {
    color: #fff;
    padding: 0px 8px 0px 5px;
    text-decoration: none;
  }
  #topContents .infoArea p.info .infoAll a::after {
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    border-top: 5px solid transparent;
    border-left: #fff 8px solid;
    border-right: 8px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -5px;
  }
  #topContents .infoArea .infoBox {
    border: 2px solid #c9c9ca;
    margin: 16px 0;
    background: url(../../common/img/infoArrow.png) no-repeat 680px center;
  }
  #topContents .infoArea .infoBox .infoThumb {
    padding: 0;
    margin: 0 15px 0 0;
    float: left;
  }
  #topContents .infoArea .infoBox .infoThumb img {
    border-right: 2px solid #c9c9ca;
    border-bottom: 2px solid #c9c9ca;
  }
  #topContents .infoArea .infoBox .infoThumb a[target="_blank"] {
    background: none;
    padding: 0;
  }
  #topContents .infoArea .infoBox .infoEntry {
    position: relative;
    margin: 10px 30px 10px 20px;
    overflow: hidden;
  }
  #topContents .infoArea .infoBox .infoEntry .date {
    margin-right: 10px;
  }
  #topContents .infoArea .infoBox .infoEntry p {
    margin: 0 0 0.3em;
  }
  #topContents .infoArea .infoBox .infoEntry p:first-child {
    font-size: 0.9em;
  }
  #topContents .infoArea .infoBox .infoEntry .category {
    color: #3eb370;
  }
  #topContents .infoArea .infoBox .infoEntry h2 {
    margin: 0 0 5px;
    font-size: 1em;
  }
  #topContents .infoArea .infoBox .infoEntry h2 a[href$=".pdf"] {
    background: url(../../common/img/icons/pdf.png) no-repeat right center;
    padding: 0 25px 0 0;
  }
  #topContents #topSide {
    float: right;
  }
  #topContents .infoSide {
    background-color: #e5ebee;
    position: relative;
    width: 290px;
    padding: 5px 10px;
    margin: 0 0 10px;
  }
  #topContents .infoSide p:first-child {
    color: #559aba;
    font-size: 0.9em;
    margin: 0;
  }
  #topContents .infoSide .more {
    position: absolute;
    right: 10px;
    background-color: #559aba;
    padding: 0 10px 0 0;
  }
  #topContents .infoSide .more a {
    color: #fff;
    padding: 0px 8px 0px 5px;
    text-decoration: none;
  }
  #topContents .infoSide .more a::after {
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    border-top: 5px solid transparent;
    border-left: #fff 8px solid;
    border-right: 8px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -5px;
  }
  #topContents .infoSide .calendar {
    background-color: #fff;
    border-radius: 3px;
    margin: 10px 0;
    padding: 0;
    font-size: 1em;
  }
  #topContents .infoSide .calendar ul {
    list-style: none;
    margin: 8px 10px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
  }
  #topContents .infoSide .calendar ul:last-child {
    border: none;
  }
  #topContents .infoSide .calendar ul li {
    padding: 0 0 5px;
    line-height: 130%;
  }
  #topContents .infoSide .banner {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .listLink {
    margin: 0 auto 20px;
    text-align: center;
  }
  .listLink ul {
    list-style: none;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    width: 676px;
  }
  .listLink ul li {
    border-right: 1px solid #32677d;
    border-top: 1px solid #32677d;
    border-bottom: 1px solid #32677d;
    float: left;
    background-color: #4d93b5;
    margin: 0;
    z-index: 10;
    position: relative;
  }
  .listLink ul li:first-child {
    border-left: 1px solid #32677d;
  }
  .listLink ul li a {
    padding: 10px;
    width: 316px;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    display: block;
  }
  .listLink ul li a:hover {
    color: #004875;
    text-decoration: underline;
  }

  .groupCompany {
    padding: 20px 0 10px 0;
    background: #f1f1f1;
  }
  .groupCompany ul {
    display: table;
    margin: 0 auto;
    padding: 0;
    max-width: 980px;
    width: 100%;
    list-style: none;
  }
  .groupCompany ul li {
    display: table-cell;
    width: 33.3%;
    text-align: center;
  }
  .groupCompany ul li img {
    vertical-align: top;
  }

  /*
   topicPath
  **********************************************************/
  .topicPath {
    border-bottom: 1px solid #C1C1C1;
    background-color: #fff;
    font-size: 0.7em;
    margin: 0 auto;
  }
  .topicPath p {
    margin: 0 10px;
    padding: 8px 0;
    color: #656565;
  }
  .topicPath p:first-child {
    width: 780px;
  }
  .topicPath p a {
    color: #656565;
  }
  .topicPath p a:hover {
    color: #004875;
    text-decoration: underline;
  }
  .topicPath .toEnglish {
    position: absolute;
    right: 10px;
    top: 0;
    margin: 0;
  }
  .topicPath .toEnglish a {
    text-decoration: none;
    background: url(../../common/img/arrow.png) no-repeat left center;
    padding: 0 0 0 12px;
  }

  /*
   MT TinyMCE
  **********************************************************/
  #tinyMceTopSideBanner {
    border: none;
    background-color: #e5ebee;
    position: relative;
    width: 290px;
    padding: 5px 10px;
    margin: 0 0 10px;
  }
  #tinyMceTopSideBanner .banner {
    list-style: none;
  }
  #tinyMceTopSideBanner .banner li {
    padding: 0 0 8px;
  }
  #tinyMceTopSideBanner .calendar {
    background-color: #fff;
    border-radius: 3px;
    font-size: 1em;
    margin: 10px 0;
    padding: 0;
  }
  #tinyMceTopSideBanner .calendar ul {
    list-style: outside none none;
    margin: 8px 10px;
    padding: 6px 0;
  }
  #tinyMceTopSideBanner .calendar ul li {
    padding: 0 0 5px;
    line-height: 130%;
  }
  #tinyMceTopSideBanner a {
    text-decoration: none;
    color: #60809E;
  }
  #tinyMceTopSideBanner a.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 0 10px 0 20px;
    display: inline-block;
    line-height: 1.5em;
    margin: 2px 0;
  }
  #tinyMceTopSideBanner a:hover {
    color: #004875;
    text-decoration: underline;
  }
  #tinyMceTopSideBanner a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  #tinyMceTopSideBanner a[target="_blank"] {
    background: url(../../common/img/icons/link.png) no-repeat right center;
    padding: 0 15px 0 0;
  }
  #tinyMceTopSideBanner a[href$=".pdf"] {
    background: url(../../common/img/icons/pdf.png) no-repeat right center;
    padding: 0 25px 0 0;
  }

  #tinyMcePageSideBanner {
    border: none;
    background-color: #e5ebee;
    position: relative;
    width: 218px;
    padding: 5px 10px;
    margin: 0 0 10px;
  }
  #tinyMcePageSideBanner .banner {
    list-style: none;
    text-align: center;
  }
  #tinyMcePageSideBanner .banner li {
    padding: 5px 0;
  }

  /*
   about
  **********************************************************/
  #about {
    width: 697px;
    float: right;
  }
  #about a {
    text-decoration: none;
    color: #60809E;
  }
  #about a:hover {
    color: #004875;
    text-decoration: underline;
  }
  #about a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  #about .vector {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #about .vector p {
    line-height: 90%;
    margin: 0;
    padding: 0;
  }
  #about .vector .numberUp {
    font-weight: bold;
    font-size: 2.3em;
    letter-spacing: -0.05em;
  }
  #about .vector .numberUpEn {
    font-weight: bold;
    font-size: 2em;
    letter-spacing: -0.05em;
  }
  #about .vector li {
    float: left;
    border-top: 1px solid #4d81aa;
    border-bottom: 1px solid #4d81aa;
    border-right: 1px solid #4d81aa;
    text-align: center;
    background-color: #efefef;
    color: #6a84a9;
    width: 24.8%;
    padding: 10px 0 0;
    height: 155px;
  }
  #about .vector li:first-child {
    border-left: 1px solid #4d81aa;
    background: url(../../common/img/about/vector1.png) no-repeat center 90px #efefef;
  }
  #about .vector li.year {
    background: url(../../common/img/about/vector2.png) no-repeat center 90px #efefef;
  }
  #about .vector li.relate {
    background: url(../../common/img/about/vector3.png) no-repeat center 90px #efefef;
  }
  #about .vector li.persons {
    background: url(../../common/img/about/vector4.png) no-repeat center 90px #efefef;
  }
  #about .corp {
    border: 1px solid #4d81aa;
    margin: 20px 0 10px;
    padding: 0;
    position: relative;
  }
  #about .corp a {
    display: block;
    width: 695px;
    height: 210px;
  }
  #about .corp a .aboutBoxCorp {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 210px;
  }
  #about .corp a .aboutBoxCorp p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
  }
  #about .corp a .aboutBoxCorp p.description {
    font-weight: normal;
    font-size: 0.9em;
    line-height: 120%;
    margin: 5px 0 0;
    padding: 0 0 10px;
  }
  #about .corp a .aboutBoxCorp p.arrow {
    position: absolute;
    right: 0px;
    top: 165px;
  }
  #about .aboutLeft {
    border: 1px solid #4d81aa;
    margin: 10px 0;
    padding: 0;
    position: relative;
    float: left;
  }
  #about .aboutLeft img {
    float: left;
    margin-right: 10px;
  }
  #about .aboutLeft a {
    display: block;
    height: 122px;
    width: 335px;
  }
  #about .aboutLeft a .aboutBox {
    bottom: 0;
    padding-top: 10px;
    right: 15px;
  }
  #about .aboutLeft a .aboutBox p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
  }
  #about .aboutLeft a .aboutBox p:first-child {
    font-size: 1.1em;
    line-height: 120%;
    margin-left: 115px;
    width: 210px;
  }
  #about .aboutLeft a .aboutBox p.description {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 120%;
    margin: 5px 0 0 115px;
    padding: 0 0 10px;
    width: 210px;
  }
  #about .aboutLeft a .aboutBox p.arrow {
    bottom: 10px;
    position: absolute;
    right: 0;
  }
  #about .aboutRight {
    float: right;
  }

  /*
   contents
  **********************************************************/
  #contents {
    background-color: #F1F1F1;
    padding-top:0px;
  }

  #contentBody {
    background-color:#fff;
    width: 760px;
    float: left;
    padding-bottom: 50px;
    min-height: 970px;
  }
  #contentBody .mainImage {
    padding: 0;
    margin: -20px 0 0;
  }
  #contentBody .mainImage img {
    max-width: 100%;
    height: auto;
  }

  #searchBody {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #fff;
    padding-bottom: 50px;
    min-height: 970px;
  }

  #sidebar {
    width: 218px;
    float: left;
  }

  h1 {
    font-weight: normal;
    padding: 25px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ccc;
  }

  .black {
    color: #000;
  }

  p.awardproductimage {
    min-height: 200px;
  }
  p.awardproductimage img {
    margin: 20px auto 0px;
  }

  .entry {
    margin: 0 25px;
    word-wrap: break-word;
    /**********     検索ページ     *********/
  }
  .entry p {
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
  }
  .entry span.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 1px 10px 1px 20px;
    display: inline;
    line-height: 1.5em;
    margin: 2px 0;
  }
  .entry a {
    text-decoration: none;
    color: #60809E;
  }
  .entry a.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 1px 10px 1px 20px;
    display: inline;
    line-height: 1.5em;
    margin: 2px 0;
  }
  .entry a.bg-white {
    background: no-repeat right 5px center #FFFFFF;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 2px 0px 2px;
  }
  .entry a.borderArrow {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 12px center;
    padding: 1px 25px;
    display: inline-block;
    margin: 2px 0;
  }
  .entry a.border {
    border: 1px solid #CCCCCC;
    line-height: 1.8em;
  }
  .entry a:hover {
    color: #004875;
    text-decoration: underline;
  }
  .entry a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  .entry img {
    max-width: 100%;
        height: auto;
  }
  .entry img.floatLeft {
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
  }
  .entry img.floatRight {
    float: right;
    margin-bottom: 10px;
    margin-left: 15px;
  }
  .entry h1 {
    font-weight: normal;
    margin: 0 0 20px;
  }
  .entry h2 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    background: url(../../common/img/h2left.png) no-repeat left 5px;
  }
  .entry h2 small{font-size:15px;display:block;line-height:1.2;}
  .entry h2.businessSIC {
    background: url("/about/images/sic.png") no-repeat #f1f1f1 2px 2px;
    padding: 8px 10px 8px 54px;
  }
  .entry h2.businessPSC {
    background: url("/about/images/psc.png") no-repeat #f1f1f1 2px 2px;
    padding: 8px 10px 8px 54px;
  }
  .entry h2.businessECC {
    background: url("/about/images/ecc.png") no-repeat #f1f1f1 2px 2px;
    padding: 8px 10px 8px 54px;
  }
  .entry h2.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h3 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    background: url(../../common/img/h3left.png) no-repeat left 5px;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 10px;
    /* 20140912 */
  }
  .entry h3.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h4 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    background: url(../../common/img/h4left.png) no-repeat left 7px;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry h4.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h5 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    background: url(../../common/img/h5left.png) no-repeat left 8px;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry h5.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h6 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    padding: 3px 10px 5px 0;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry h6.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h2.bg-gray, .entry h3.bg-gray, .entry h4.bg-gray, .entry h5.bg-gray, .entry h6.bg-gray {
    /*background: linear-gradient(rgb(255, 255, 255), rgb(239, 239, 239));*/
    background: none #F1F1F1;
    border: solid 1px #cccccc;
    /*border-radius: 0.3em;*/
    padding: 5px 10px 3px 12px;
  }
  .entry ul {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry ul.outdent1 li {
    background: none;
    margin-left: 0.6em;
    text-indent: -1.4em;
    list-style: none;
  }
  .entry ul.outdent2 li {
    background: none;
    margin-left: 1em;
    text-indent: -1em;
    list-style: none;
  }
  .entry ul.outdent3 {
    margin: 0 0 0 -10px;
  }
  .entry ul.outdent3 li {
    background: none;
    margin-left: 1em;
    text-indent: -1em;
    list-style: none;
  }
  .entry ul.outdent4 {
    margin: 0 0 0 -30px;
  }
  .entry ul.outdent4 li {
    background: none;
    margin-left: 1em;
    text-indent: -1em;
    list-style: none;
  }
  .entry ul.topconway li {
    background: url(../../common/img/topconway_mark.png) no-repeat 3px 7px;
    padding: 0 0 1em 16px;
  }
  .entry ul.nostyle li {
    background: none;
    list-style-type: none;
  }
  .entry ul ol {
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry ul ol li ul {
    margin: 0;
  }
  .entry ul ol li ul li ul {
    margin: 0;
  }
  .entry ul ol li ol {
    margin: 0;
  }
  .entry ul ol li ol li ol {
    margin: 0;
  }
  .entry ul li {
    background: url(../../common/img/list_icon.png) no-repeat 3px 7px;
    padding: 0 0 0 16px;
  }
  .entry ul li ul {
    margin: 0;
  }
  .entry ul li ul li ul {
    margin: 0;
  }
  .entry ul li ul ol {
    margin: 0;
  }
  .entry ul li ul ol li ul, .entry ul li ul ol li ol {
    margin: 0;
  }
  .entry ol {
    margin: 0;
  }
  .entry .entryDate {
    text-align: right;
    margin-bottom: 1em;
  }
  .entry .tab {
    margin: 20px 0;
    padding: 0;
  }
  .entry .tab3 li {
    width: 33%;
  }
  .entry .tab4 li {
    width: 24.7%;
  }
  .entry .tab5 li {
    width: 19.7%;
  }
  .entry .tab li {
    float: left;
    list-style: none;
    background-color: #F1F2F3;
    background-image: none;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #ccc;
    border-left: 1px solid #fff;
    padding: 0;
  }
  .entry .tab li:first-child {
    border-radius: 5px 0 0;
  }
  .entry .tab li:last-child {
    border-radius: 0 5px 0 0;
    border-right: none;
  }
  .entry .tab li a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: #527696;
    font-weight: bold;
  }
  .entry .tab li.current {
    border-bottom: 1px solid #7E9DB8;
    background: #9FBCD0;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #b1d0e4), color-stop(100%, #9fbcd0));
    background: -webkit-linear-gradient(to bottom, #b1d0e4, #9fbcd0);
    background: -webkit-linear-gradient(top, #b1d0e4, #9fbcd0);
    background: linear-gradient(to bottom, #b1d0e4, #9fbcd0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB1D0E4', endColorstr='#FF9FBCD0');
  }
  .entry .tab li.current a {
    color: #fff;
  }
  .entry .pageLink {
    background: url(../../common/img/icons/page_link.png) no-repeat 10px center #6f9dbe;
    padding: 6px 25px;
    color: #fff;
    display: inline-block;
  }
  .entry .pageLink:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    color: #fff;
    text-decoration: none;
  }
  .entry .textLeft {
    text-align: left;
  }
  .entry .textCenter {
    text-align: center !important;
  }
  .entry .textRight {
    text-align: right;
  }
  .entry .inlineList {
    margin: 0;
    padding: 0;
  }
  .entry .inlineList li {
    display: inline;
    background: url("../../common/img/arrow.png") no-repeat left center;
    padding: 0 15px 0 10px;
  }
  .entry .inlineList li a {
  }
  .entry .column2 .left {
    float: left;
    margin: 0 20px 0 0;
    width: 345px;
  }
  .entry .column2 .left h3 span {
    background: url(../../common/img/a_link_icon.png) no-repeat right;
  }
  .entry .column2 .right {
    float: right;
    width: 345px;
  }
  .entry .column2 .leftbox {
    border: 1px solid #ccc;
    float: left;
    margin: 10px 20px 10px 0px;
    padding: 8px;
    width: 326px;
  }
  .entry .column2 .leftbox h2, .entry .column2 .leftbox h3 {
    margin-top: 0;
  }
  .entry .column2 .rightbox {
    border: 1px solid #ccc;
    float: left;
    margin: 10px 0px 10px 0px;
    padding: 8px;
    width: 326px;
  }
  .entry .column2 .rightbox h2, .entry .column2 .rightbox h3 {
    margin-top: 0;
  }
  .entry .column3 .left {
    float: left;
    margin: 0 20px 0 0;
    max-width: 223px;
  }
  .entry .column3 .center {
    float: left;
    margin: 0 20px 0 0;
    max-width: 223px;
  }
  .entry .column3 .right {
    float: right;
    max-width: 223px;
  }
  .entry table {
    border-color: #C0C0C0;
    margin: 0;
    width: 100%;
  }
  .entry table p {
    margin: 0;
  }
  .entry table thead th {
    border-color: #C0C0C0;
    background-color: #CEE3ED;
    text-align: left;
  }
  .entry table th {
    background-color: #DDE4EF;
    border-color: #C0C0C0;
    font-weight: normal;
    text-align: left;
    margin: 0;
  }
  .entry table td {
    background-color: #fff;
    border-color: #C0C0C0;
    margin: 0;
  }
  .entry table .blue {
    background-color: #79c7ec;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .green {
    background-color: #94c5ac;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .orange {
    background-color: #ffaf44;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .yellow {
    background-color: #f4ec82;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .gray {
    background-color: #cccccc;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .purple {
    background-color: #9a95f7;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .small {
    font-size: 0.9em;
  }
  .entry .imgLeft img:first-child {
    float: left;
    margin: 0 20px 0 0;
  }
  .entry hr {
    border-top: 1px solid #ccc;
    border-bottom: none;
  }
  .entry .imgRight img:first-child {
    float: right;
    margin: 0 0 0 20px;
  }
  .entry .note {
    background-color: #F1F1F1;
    border: 1px solid #CCCCCC;
    padding: 10px;
    clear: both;
    margin: 20px 0;
  }
  .entry .note p {
    margin: 0;
  }
  .entry .icon-blue {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0px 0px 0px 0px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-green {
    background-image: url(../img/sprite.png);
    background-position: 0px -129px;
    background-repeat: no-repeat;
    background-position: 0px 136px 0px -136px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-red {
    background-image: url(../img/sprite.png);
    background-position: 0px -605px;
    background-repeat: no-repeat;
    background-position: 0px 612px 0px -612px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-yellow {
    background-image: url(../img/sprite.png);
    background-position: 0px -265px;
    background-repeat: no-repeat;
    background-position: 0px 272px 0px -272px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-blue2 {
    background-image: url(../img/sprite.png);
    background-position: 0px -469px;
    background-repeat: no-repeat;
    background-position: 0px 476px 0px -476px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-green2 {
    background-image: url(../img/sprite.png);
    background-position: 0px -197px;
    background-repeat: no-repeat;
    background-position: 0px 204px 0px -204px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-red2 {
    background-image: url(../img/sprite.png);
    background-position: 0px -537px;
    background-repeat: no-repeat;
    background-position: 0px 544px 0px -544px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-yellow2 {
    background-image: url(../img/sprite.png);
    background-position: 0px -61px;
    background-repeat: no-repeat;
    background-position: 0px 68px 0px -68px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry a[target="_blank"] {
    background: url(../../common/img/icons/link.png) no-repeat right center;
    padding: 0 15px 0 0;
  }
  .entry a[target="_blank"].noicon {
    background: none;
    padding: 0 0 0 0;
  }
  .entry a[href$=".pdf"] {
    background: url(../../common/img/icons/pdf.png) no-repeat right center;
    padding: 0 25px 0 0;
  }
  .entry a[href$=".pdf"].noicon {
    background:none;
    padding: 0 0px 0 0;
  }
  .entry a[href$=".pdf"].bg-white {
    background: url(/common/img/icons/pdf.png) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  .entry a[href$=".xls"].bg-white {
    background: url(/common/img/icons/icon_xls.gif) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  .entry a[href$=".doc"].bg-white {
    background: url(/common/img/icons/doc_icon.gif) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  .entry .btn-blue {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #458fc0;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
  }
  .entry .btn-blue-mini {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #458fc0;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
    font-size: 0.7em;
  }
  .entry .btn-gold {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #c2bc43;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
  }
  .entry .btn-gold-mini {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #c2bc43;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
    font-size: 0.7em;
  }
  .entry .btn-brown {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #c28f43;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
  }
  .entry .btn-brown-mini {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #c28f43;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
    font-size: 0.7em;
  }
  .entry .btn-blue:hover,
  .entry .btn-gold:hover,
  .entry .btn-brown:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    color: #fff;
    text-decoration: none;
  }
  .entry .bg-white {
    background: no-repeat right 5px center #FFFFFF;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 2px 0px 2px;
  }
  .entry dl {
    overflow: hidden;
    max-width: 710px;
    border-bottom: 1px dotted #999;
    margin: 20px 0;
  }
  .entry dt {
    float: left;
    border-top: 1px dotted #999;
    margin: 0;
    padding: 10px 0;
    clear: both;
    max-width: 150px;
  }
  .entry dt:first-child, .entry dt:first-child + dd {
    border: none;
  }
  .entry dd {
    padding: 10px 0 10px 20px;
    border-top: 1px dotted #999;
    margin: 0 0 0 1px;
    float: left;
    max-width: 532px;
  }
  .entry dd.new {
    background: url(../../common/img/icons/new.png) no-repeat 15px 15px;
    padding: 10px 0 10px 50px;
    max-width: 502px;
  }
  .entry .profile {
    float: left;
    text-align: center;
    width: 25%;
  }
  .entry .profileLeft {
    position: relative;
    padding: 10px 10px 20px;
    border: 1px solid #ccc;
    margin: 10px 20px 10px 0;
    width: 323px;
    float: left;
    min-height: 135px;
  }
  .entry .profileLeft img {
    float: right;
    width: 90px;
  }
  .entry .profileLeft p {
    margin: 0 0 5px;
  }
  .entry .profileLeft p:first-child {
    margin: 0;
  }
  .entry .profileLeft ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .entry .profileLeft ul li {
    margin: 0 0 5px;
    padding: 0;
    background: none;
  }
  .entry .profileLeft ul li:last-child {
    margin: 20px 0;
  }
  .entry .profileRight {
    float: right;
    margin: 10px 0 0;
  }
  .entry .relatedLink {
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    position: relative;
    clear: both;
    z-index: 1;
  }
  .entry .relatedLink:before {
    border-top: 3px solid #6F9DBE;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  .entry .relatedLink p {
    background: #FFFFFF;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #ffffff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(to bottom, #ffffff, #efefef);
    background: -webkit-linear-gradient(top, #ffffff, #efefef);
    background: linear-gradient(to bottom, #ffffff, #efefef);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
    padding: 9px 20px;
    margin: 5px 0;
    font-weight: bold;
  }
  .entry .relatedLink ul {
    margin: 10px;
  }
  .entry .relatedLink ul li {
    display: inline;
    background: none;
    padding: 0 10px 0 0;
  }
  .entry .relatedLink ul li a {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 12px center;
    padding: 1px 25px;
    display: inline-block;
    margin: 2px 0;
  }
  .entry .box {
    float: left;
    width: 222px;
    position: relative;
    margin: 10px 15px 10px 0;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    z-index: 1;
  }
  .entry .box:before {
    border-top: 3px solid #6F9DBE;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  .entry .box p {
    background: #9FBCD0;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #ffffff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(to bottom, #ffffff, #efefef);
    background: -webkit-linear-gradient(top, #ffffff, #efefef);
    background: linear-gradient(to bottom, #ffffff, #efefef);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
    padding: 9px 20px;
    margin: 5px 0;
    font-weight: bold;
  }
  .entry .box p.backImg {
    background: url(../../common/img/box.png) no-repeat left 3px;
    height: 91px;
    padding: 9px 20px 0;
    margin: 0;
  }
  .entry .box:nth-child(3) {
    margin: 10px 0;
  }
  .entry .box ul {
    margin: 10px;
  }
  .entry .newsList {
    padding: 0 15px;
    margin: 15px 0 0;
    border-bottom: 1px dotted #ccc;
  }
  .entry .newsList p {
    margin: 0;
  }
  .entry .newsList .newsThumbnail {
    float: right;
    padding: 0 0 10px 10px;
  }
  .entry .newsList .blue {
    background-color: #79c7ec;
    font-size: 0.9em;
    margin: 0 0 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .green {
    background-color: #94c5ac;
    font-size: 0.9em;
    margin: 0 0 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .orange {
    background-color: #ffaf44;
    font-size: 0.9em;
    margin: 0 0 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .yellow {
    background-color: #f4ec82;
    font-size: 0.9em;
    margin: 0 0 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .gray {
    background-color: #cccccc;
    font-size: 0.9em;
    margin: 0 0 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .purple {
    background-color: #9a95f7;
    font-size: 0.9em;
    margin: 0 0 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList ul {
    margin: 0 0 15px;
  }
  .entry .newsList ul li {
    background: url(../../common/img/icons/blue.png) no-repeat 2px center;
  }
  .entry .newsList ul li:nth-child(2) {
    background: none;
  }
  .entry .subTitle {
    color: #666;
    margin-bottom: 1em;
  }
  .entry .career {
    float: left;
    width: 75%;
  }
  .entry .career table {
    margin-top: 0;
    width: 100%;
  }
  .entry .career table th {
    border-bottom: solid 1px #C0C0C0;
    background: #FFFFFF;
    font-weight: normal;
    padding: 2px 0 2px 0;
    vertical-align: top;
    white-space: nowrap;
    width: 6em;
  }
  .entry .career table td {
    border-bottom: solid 1px #C0C0C0;
    padding: 2px 0 2px 0;
    vertical-align: top;
  }
  .entry p.getAdobereader {
    border: 1px solid #999999;
    margin-bottom: 15px;
    padding: 5px;
  }
  .entry .borderTable {
    margin: 20px 0px;
  }
  .entry .borderTable tr {
    border-bottom: 1px dotted #999;
  }
  .entry .borderTable tr td {
    padding: 10px;
    vertical-align: top;
  }
  .entry .searchBox {
    margin: 30px 0;
    position: relative;
  }
  .entry .searchBox .query {
    border: 1px solid #ccc;
    background-color: #F8F8F8;
    padding: 3px;
    float: left;
  }
  .entry .searchBox .submit {
    float: left;
    border: 1px solid #ccc;
    padding: 3px 12px;
    color: #fff;
    background: #429ECB;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #429ecb), color-stop(100%, #1681c0));
    background: -webkit-linear-gradient(to bottom, #429ecb, #1681c0);
    background: -webkit-linear-gradient(top, #429ecb, #1681c0);
    background: linear-gradient(to bottom, #429ecb, #1681c0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF429ECB', endColorstr='#FF1681C0');
  }
  .entry .searchSub {
    background-color: #eee;
    padding: 10px;
    position: relative;
  }
  .entry .searchSub p {
    margin: 0;
  }
  .entry .searchSub ul {
    position: absolute;
    right: 15px;
    top: 8px;
    margin: 0;
    list-style-type: none;
  }
  .entry .searchSub ul li {
    display: inline;
    background: none;
    padding: 0 0 0 15px;
  }
  .entry .searchSub ul li:first-child {
    border-right: 1px solid #ccc;
    padding: 0 20px 0 0;
  }
  .entry .pageNavi {
    text-align: center;
    margin: 30px 0 10px;
  }
  .entry .pageNavi ul {
    margin: 0 auto;
  }
  .entry .pageNavi ul li {
    background: none;
    display: inline;
    padding: 0 7px;
  }
  .entry .pageNavi ul li.pageNow {
    font-weight: bold;
    color: #fff;
    background-color: #6D9CBD;
  }
  .entry .searchRecord dl {
    border: none;
    max-width: none;
  }
  .entry .searchRecord dl dd {
    max-width: 880px;
    padding: 10px 0 10px 10px;
  }
  .entry .searchThumbnail {
    float: left;
    overflow: hidden;
    max-width: 200px;
  }
  .entry .searchBody {
    float: left;
    max-width: 700px;
    padding: 0 0 0 25px;
  }
  .entry .searchBody p {
    margin: 0 0 10px;
  }
  .entry .no-margin-tb {
    margin-top: 0;
    margin-bottom: 0;
  }
  .entry .no-margin-t {
    margin-top: 0;
  }
  .entry .no-margin-b {
    margin-bottom: 0;
  }
  .entry .caution {
    color: #CC0000;
  }
  .entry .topconBlue {
    color: #0066CC;
  }
  .entry .green {
    color: #00690B;
  }
  .entry .greenb {
    color: #00690B;
    font-weight: bold;
  }
  .entry .blue {
    color: #0066CC;
  }
  .entry .blueb {
    color: #0066CC;
    font-weight: bold;
  }
  .entry .white {
    color: #fff;
  }
  .entry .red {
    color: #f00;
  }
  .entry .orange {
    color: #f93;
  }
  .entry .core {
    position: relative;
  }
  .entry .core .core1 {
    position: absolute;
    margin: 0 0 0 -115px;
    left: 50%;
  }
  .entry .core .core1 a {
    background: url(../../common/img/about/core1_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core1 a:hover img {
    visibility: hidden;
  }
  .entry .core .core2 {
    position: absolute;
    top: 220px;
    left: 0;
    margin: 0;
  }
  .entry .core .core2 a {
    background: url(../../common/img/about/core2_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core2 a:hover img {
    visibility: hidden;
  }
  .entry .core .core3 {
    position: absolute;
    top: 220px;
    right: 0;
    margin: 0;
  }
  .entry .core .core3 a:hover {
    background: url(../../common/img/about/core3_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core3 a:hover img {
    visibility: hidden;
  }
  .entry .core .core4 {
    position: absolute;
    top: 480px;
    left: 15%;
    margin: 0;
  }
  .entry .core .core4 a:hover {
    background: url(../../common/img/about/core4_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core4 a:hover img {
    visibility: hidden;
  }
  .entry .core .core5 {
    position: absolute;
    top: 480px;
    right: 15%;
    margin: 0;
  }
  .entry .core .core5 a:hover {
    background: url(../../common/img/about/core5_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core5 a:hover img {
    visibility: hidden;
  }
  .entry .corePopup .popup1 {
    position: absolute;
    display: none;
    margin: 0 0 0 -120px;
    z-index: 200;
    left: 50%;
  }
  .entry .rightArrowIcon {
    text-align: right;
  }
  .entry .rightArrowIcon ul li {
    background: none;
  }
  .entry #calendar {
    position: relative;
    text-align: center;
  }
  .entry #calendar a.calUp {
    position: absolute;
    top: 102px;
    right: 0;
    width: 50px;
    height: 50px;
    background: #2882ab;
  }
  .entry #calendar a.calUp:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
  }
  .entry #calendar a.calDown {
    position: absolute;
    top: 102px;
    left: 0;
    width: 50px;
    height: 50px;
    background: #2882ab;
  }
  .entry #calendar a.calDown:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
  }

  .modalCore {
    display: none;
    z-index: 110;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background: black;
    opacity: 0.8;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    position: fixed;
  }

  /*
   sidebar
  **********************************************************/
  #sidebar p.category {
    margin: 0;
    color: #fff;
    border: 1px solid #7391AB;
    background: #7AA0BE;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #7aa0be), color-stop(100%, #709ab9));
    background: -webkit-linear-gradient(to bottom, #7aa0be, #709ab9);
    background: -webkit-linear-gradient(top, #7aa0be, #709ab9);
    background: linear-gradient(to bottom, #7aa0be, #709ab9);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7AA0BE', endColorstr='#FF709AB9');
  }
  #sidebar .category a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px;
  }
  #sidebar .category a:hover {
    color: #fff;
    text-decoration: underline;
  }
  #sidebar .category a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  #sidebar ul.level01 {
    margin: 0;
    padding: 0;
  }
  #sidebar ul.level01 li {
    border-top: 1px solid #8C9EAE;
    border-bottom: 1px solid #DBE2E9;
    list-style-type: none;
    background: url(../../common/img/icons/blue.png) no-repeat 10px center #c3d4e5;
    margin: 0;
  }
  #sidebar ul.level01 li a {
    text-decoration: none;
    color: #333;
    max-width: 182px;
    display: block;
    padding: 9px 10px 9px 26px;
  }
  #sidebar ul.level01 li a:hover {
    background: url(../../common/img/icons/blue.png) no-repeat 10px center #0a659a;
    color: #fff;
  }
  #sidebar ul.level01 li.current {
    background-image: none;
    background-color: #999999;
    border-bottom: none;
    padding: 0;
  }
  #sidebar ul.level01 li.current a {
    padding: 9px 10px 9px 26px;
    background: url(../../common/img/icons/yellow2.png) no-repeat 10px center;
    color: #fff;
    display: block;
    border-bottom: 1px solid #DBE2E9;
  }
  #sidebar ul.level01 li.current a:hover {
    background: url(../../common/img/icons/yellow2.png) no-repeat 10px center #0a659a;
  }
  #sidebar ul.level01 li ul.level02 ,
  #sidebar ul.level01 li ul.level01{
    margin: 0;
    padding: 0;
  }
  #sidebar ul.level01 li ul.level02 li ,
  #sidebar ul.level01 li ul.level01 li{
    background: url(../../common/img/icons/green.png) no-repeat 20px center #a3bed5;
    padding: 0;
    border-bottom: none;
  }
  #sidebar ul.level01 li ul.level02 li a,
  #sidebar ul.level01 li ul.level01 li a{
    padding: 9px 0 9px 35px;
    background-image: none;
  }
  #sidebar ul.level01 li ul.level02 li a:hover,
  #sidebar ul.level01 li ul.level01 li a:hover{
    background: url(../../common/img/icons/green.png) no-repeat 20px center #0a659a;
  }
  #sidebar ul.level01 li ul.level02 li.current,
  #sidebar ul.level01 li ul.level01 li.current{
    background-image: none;
    background-color: #999999;
    padding: 0;
    border-bottom: none;
  }
  #sidebar ul.level01 li ul.level02 li.current a,
  #sidebar ul.level01 li ul.level01 li.current a{
    background: url(../../common/img/icons/yellow2.png) no-repeat 20px center;
  }
  #sidebar ul.level01 li ul.level02 li.current a:hover,
  #sidebar ul.level01 li ul.level01 li.current a:hover{
    background: url(../../common/img/icons/yellow2.png) no-repeat 20px center #0a659a;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03,
  #sidebar ul.level01 li ul.level01 li ul.level02{
    margin: 0;
    padding: 0;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li,
  #sidebar ul.level01 li ul.level01 li ul.level02 li{
    background: url(../../common/img/icons/red.png) no-repeat 30px center #c4d4e0;
    padding: 0;
    border-top: none;
    border-top: 1px solid #8C9EAE;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li a,
  #sidebar ul.level01 li ul.level01 li ul.level02 li a{
    padding: 9px 0 9px 45px;
    color: #333;
    max-width: 172px;
    background-image: none;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li a:hover,
  #sidebar ul.level01 li ul.level01 li ul.level02 li a:hover{
    background: url(../../common/img/icons/red.png) no-repeat 30px center #0a659a;
    color: #fff;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li.current,
  #sidebar ul.level01 li ul.level01 li ul.level02 li.current{
    background-image: none;
    background-color: #999999;
    padding: 0;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li.current a,
  #sidebar ul.level01 li ul.level01 li ul.level02 li.current a{
    background: url(../../common/img/icons/yellow2.png) no-repeat 30px center;
    color: #fff;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li.current a:hover,
  #sidebar ul.level01 li ul.level01 li ul.level02 li.current a:hover{
    background: url(../../common/img/icons/yellow2.png) no-repeat 30px center #0a659a;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li ul.level04 li,
  #sidebar ul.level01 li ul.level01 li ul.level02 li ul.level03 li{
      background-image: none;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li ul.level04 li a,
  #sidebar ul.level01 li ul.level01 li ul.level02 li ul.level03 li a{
    padding: 9px 0 9px 55px;
    background: url(../../common/img/icons/purple.png) no-repeat 40px center;
    color:#333;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li ul.level04 li a:hover,
  #sidebar ul.level01 li ul.level01 li ul.level02 li ul.level03 li a:hover{
    background: url(../../common/img/icons/purple.png) no-repeat 40px center #0a659a;
    color:#fff;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li ul.level04 li.current a,
  #sidebar ul.level01 li ul.level01 li ul.level02 li ul.level03 li.current a{
    background: url(../../common/img/icons/yellow.png) no-repeat 40px center;
    color: #fff;
  }
  #sidebar .banner {
    margin: 10px 0;
    padding: 0;
    text-align: center;
  }
  #sidebar .banner img {
    max-width: 200px;
    height: auto;
  }
  #sidebar .banner li {
    list-style-type: none;
    padding: 5px;
    margin: 0;
  }

  /*
   footer
  **********************************************************/
  footer {
    position: relative;
  }
  footer .pageTopFloat {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 55px;
    z-index: 100;
  }
  footer .pageTopFloat a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #333;
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    line-height: 50px;
  }
  footer .footerMenu {
    padding: 20px;
    background-color: #666666;
    border-top: 6px solid #6c8dad;
    min-width: 980px;
  }
    footer .footerMenu .pageTop {
       position: fixed;
       right: 16px;
       bottom: -10px;
       margin: 0;
       z-index:1000;
       display:none;
    }
  footer .footerMenu .pageTop a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.00;
    opacity: 1.00;
  }
  footer .footerMenu #spPageTop {
    display: none;
  }
  footer .footerMenu .boxW {
    max-width: 310px;
    float: left;
    margin: 0 20px 10px 0;
  }
  footer .footerMenu .boxW .icon-blue {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0 16px;
    border-bottom: 1px solid #9b9b9b;
    padding: 10px 10px 10px 13px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 10;
  }
  footer .footerMenu .boxW .icon-blue:before {
    border-bottom: 1px solid #464545;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .boxW .icon-blue a {
    color: #fff;
    text-decoration: none;
  }
  footer .footerMenu .boxW .icon-blue a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .boxW ul {
    margin: 15px 0;
    padding: 0;
    float: left;
    width: 150px;
    font-size: 0.8em;
  }
  footer .footerMenu .boxW ul:last-child {
    float: right;
  }
  footer .footerMenu .boxW ul.topconBrand {
    width: 140px;
    padding: 0 10px 0 0;
  }
  footer .footerMenu .boxW ul.sokkiaBrand {
    width: 140px;
    padding: 0 0 0 10px;
  }
  footer .footerMenu .boxW ul li {
    list-style-type: none;
    padding: 0 0 6px;
  }
  footer .footerMenu .boxW ul li p.title {
    border-bottom: 1px solid #9b9b9b;
    padding: 0 10px 5px 0;
    z-index: 10;
    margin: 0 0 10px;
    font-size: 1.1em;
  }
  footer .footerMenu .boxW ul li p.title:before {
    border-bottom: 1px solid #464545;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .boxW ul li p.title a {
    text-decoration: none;
  }
  footer .footerMenu .boxW ul li a {
    color: #fff;
  }
  footer .footerMenu .boxW ul li a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .boxW .icon-blue2 {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0 16px;
    clear: both;
    border-top: 1px solid #464545;
    padding: 10px 10px 10px 13px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 10;
  }
  footer .footerMenu .boxW .icon-blue2 a {
    color: #fff;
    text-decoration: none;
  }
  footer .footerMenu .boxW .icon-blue2 a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .boxW .icon-blue2:before {
    border-top: 1px solid #9b9b9b;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .box {
    max-width: 130px;
  }
  footer .footerMenu .box ul {
    float: inherit;
  }
  footer .footerMenu .box ul:last-child {
    float: inherit;
  }
  footer .footerCopy {
    background-color: #4e4e4e;
    min-width: 980px;
    padding: 0 20px;
  }
  footer .footerCopy ul {
    margin: 0;
    padding: 10px 0;
  }
  footer .footerCopy ul li {
    display: inline;
    padding: 10px 20px 10px 0;
    font-size: 0.8em;
  }
  footer .footerCopy ul li a {
    color: #fff;
  }
  footer .footerCopy ul li a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerCopy .copy {
    font-size: 0.7em;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 980px) {
  body {
    border-top: 3px solid #0075C2;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","SimHei",sans-serif;
    color: #333;
    line-height: 1.4;
  }

  .container {
    width: auto;
    margin: 0 auto;
    position: relative;
  }

  header .logo {
    float: left;
    padding: 30px 5px 10px 20px;
  }
  header .logo img {
    max-width: 200px;
    height: auto;
  }
  header .helpMenu {
    display: none;
    float: inherit;
    clear: both;
    margin: 0 0 10px;
  }
  header #spSearch {
    position: absolute;
    right: 90px;
    margin: 20px 0 10px 20px;
  }
  header #toggle {
    display: block;
    float: right;
    margin: 20px 20px 10px 0;
  }
  header .textSize {
    position: absolute;
    right: 160px;
    top: 22px;
    font-size: 0.8em;
  }
  header .textSize ul {
    list-style: none;
  }
  header .textSize ul li {
    display: inline;
  }
  header .textSize ul li.blue {
    border-radius: 3px 0 0 3px;
    border: 1px solid #287AA2;
    background: #429ECB;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #429ecb), color-stop(100%, #1681c0));
    background: -webkit-linear-gradient(to bottom, #429ecb, #1681c0);
    background: -webkit-linear-gradient(top, #429ecb, #1681c0);
    background: linear-gradient(to bottom, #429ecb, #1681c0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF429ECB', endColorstr='#FF1681C0');
  }
  header .textSize ul li.blue a {
    color: #fff;
    padding: 5px 7px;
    text-decoration: none;
  }
  header .textSize ul li.blue2 {
    border-radius: 3px 0 0 3px;
    border: 1px solid #287AA2;
    background: #429ECB;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #429ecb), color-stop(100%, #1681c0));
    background: -webkit-linear-gradient(to bottom, #429ecb, #1681c0);
    background: -webkit-linear-gradient(top, #429ecb, #1681c0);
    background: linear-gradient(to bottom, #429ecb, #1681c0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF429ECB', endColorstr='#FF1681C0');
    border-radius: 0 3px 3px 0;
  }
  header .textSize ul li.blue2 a {
    color: #fff;
    padding: 5px 7px;
    text-decoration: none;
  }
  header .textSize ul li.gray {
    border-radius: 0 3px 3px 0;
    border: 1px solid #D5D5D5;
    background: #F8F8F8;
  }
  header .textSize ul li.gray a {
    padding: 5px 7px;
    text-decoration: none;
    color: #333;
  }
  header .textSize ul li.gray2 {
    border-radius: 0 3px 3px 0;
    border: 1px solid #D5D5D5;
    background: #F8F8F8;
    border-radius: 3px 0 0 3px;
  }
  header .textSize ul li.gray2 a {
    padding: 5px 7px;
    text-decoration: none;
    color: #333;
  }
  header .textSize ul li:first-child {
    margin: 0 5px 0 0;
  }
  header .textSize ul li:last-child {
    margin: 0 0 0 -5px;
  }
  header .textSizeEn {
    left: 390px;
  }
  header .searchArea {
    display: none;
    position: relative;
    margin: 8px 0 0;
    background-color: #484848;
  }
  header .searchArea:before {
    content: "";
    background: url(../../common/img/sp_triangle.png) no-repeat;
    position: absolute;
    width: 11px;
    height: 8px;
    right: 105px;
    top: -8px;
  }
  header .searchArea #searchForm {
    background-color: #484848;
    padding: 20px;
  }
  header .searchArea #search {
    width: 90%;
    padding: 5px 0;
    border-radius: 5px 0 0 5px;
    border: none;
  }
  header .searchArea input {
    border: none;
  }
  header .searchArea #searchBtn {
    background-image: url(../../common/img/search_btn.png);
    background-repeat: none;
    background-color: #484848;
    border: none;
    width: 30px;
    height: 30px;
    text-indent: -300px;
    padding: 0;
    position: absolute;
  }

  /*
   globalNav
  **********************************************************/
  nav {
    display: none;
  }
  nav .globalNavi {
    background-color: #484848;
    margin: 8px 0 0;
  }
  nav .globalNavi:before {
    content: "";
    background: url(../../common/img/sp_triangle.png) no-repeat;
    position: absolute;
    width: 11px;
    height: 8px;
    right: 45px;
    top: -8px;
  }
  nav .globalNavi .helpMenu {
    background-color: #626262;
  }
  nav .globalNavi .helpMenu ul {
    border-top: 1px solid #242424;
  }
  nav .globalNavi .helpMenu li {
    float: left;
    border: none;
    list-style: none;
    background: url(../../common/img/icons/white.png) no-repeat 18px center;
    padding: 0 0 0 10px;
    margin: 0;
  }
  nav .globalNavi .helpMenu li a {
    padding: 8px 20px;
  }
  nav .globalNavi ul {
    margin: 0;
    padding: 0;
  }
  nav .globalNavi ul .searchArea {
    padding: 20px 20px;
    background-color: #484848;
  }
  nav .globalNavi ul .searchArea #searchForm {
    background-color: #484848;
  }
  nav .globalNavi ul .searchArea #search {
    width: 90%;
    padding: 5px;
    border-radius: 5px 0 0 5px;
    border: none;
  }
  nav .globalNavi ul .searchArea input {
    border: none;
  }
  nav .globalNavi ul .searchArea #searchBtn {
    background-image: url(../../common/img/search_btn.png);
    background-repeat: none;
    background-color: #484848;
    border: none;
    width: 30px;
    height: 30px;
    text-indent: -300px;
    padding: 0;
    position: absolute;
  }
  nav .globalNavi ul li {
    border-top: 1px solid #242424;
  }
  nav .globalNavi ul li a {
    color: #fff;
    padding: 12px 20px;
    text-decoration: none;
    display: block;
  }

  .topicPath {
    font-size: 0.8em;
  }

  .topicPath .container p:first-child{background-color: #d5e7fb;}

  .topicPath .toEnglish a{
    text-decoration: none;
    background: url(../../common/img/arrow.png) no-repeat left center;
    padding: 0 0 0 12px;
}

  .topicPath p {
    padding: 10px 20px;
    margin: 0px 0;
  }
  .topicPath p:first-child {
    width: auto;
  }
  .topicPath p a {
    color: #333;
  }

  .dropNavi {
    display: none;
  }

  /*
   TOP
  **********************************************************/
  #slideshow {
    position: relative;
    padding: 0;
    margin: 0 0 100px;
    background-image: none;
  }
  #slideshow .mainBanner {
    margin: 0 auto;
    text-align: center;
    height: 500px;
    max-width: 768px;
    overflow: hidden;
    position: relative;
  }
  #slideshow .mainBanner div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 768px;
    margin: 0 auto;
  }
  #slideshow .mainBanner div img {
    max-width: 768px;
  }
  #slideshow ul {
    position: absolute;
    z-index: 100;
    bottom: 180px;
    right: 60px;
  }
  #slideshow ul li {
    float: left;
    display: inline;
    padding: 0;
    margin: 3px 5px 0;
    height: 38px;
  }
  #slideshow .active {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    border: 3px solid #be0927;
    padding: 0;
    margin: 0;
  }
  #brand {
    position: absolute;
    right: 60px;
    bottom: 50px;
    z-index: 101;
  }
  #brand ul {
    z-index: 101;
  }
  #brand ul li {
    float: left;
    display: inline;
  }
  #brand ul li:first-child {
    padding: 0 40px 0 0;
  }
  #brand ul li img {
    max-width: 300px;
    height: auto;
  }
  #topContents {
    max-width: 100%;
    margin: 0 auto 70px;
    position: relative;
  }
  #topContents span.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 1px 10px 1px 20px;
    display: inline;
    line-height: 1.5em;
    margin: 2px 0;
  }
  #topContents a {
    text-decoration: none;
    color: #60809E;
  }
  #topContents a.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 1px 10px 1px 20px;
    display: inline;
    line-height: 2em;
    margin: 2px 0;
  }
  #topContents a:hover {
    color: #004875;
    text-decoration: underline;
  }
  #topContents a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  #topContents a[href$=".pdf"] {
    background: url(../../common/img/icons/pdf.png) no-repeat right center;
    padding: 0 25px 0 0;
  }
  #topContents a[target="_blank"] {
    background: url(../../common/img/icons/link.png) no-repeat right center;
    padding: 0 15px 0 0;
  }
  #topContents #imp {
    border: 4px solid #ffbfbf;
    margin: 0 0 12px;
    padding: 0 12px;
  }
  #topContents .blue {
    background-color: #79c7ec;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .green {
    background-color: #94c5ac;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .orange {
    background-color: #ffaf44;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .yellow {
    background-color: #f4ec82;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .gray {
    background-color: #cccccc;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .purple {
    background-color: #9a95f7;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 1px 10px 0;
    color: #fff;
    display: inline-block;
  }
  #topContents .infoArea {
    max-width: 92.7%;
    margin: 20px auto 0;
    float: none;
  }
  #topContents .infoArea p.info {
    background-color: #3189b7;
    color: #fff;
    border-left: 30px solid #a2cae5;
    padding: 2px 10px;
    font-size: 1.2em;
    margin: 0;
    position: relative;
  }
  #topContents .infoArea p.info .infoAll {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 0.7em;
    background-color: #559aba;
    padding: 0 10px 0 0;
  }
  #topContents .infoArea p.info .infoAll a {
    color: #fff;
    padding: 0px 8px 0px 5px;
    text-decoration: none;
  }
  #topContents .infoArea p.info .infoAll a::after {
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    border-top: 5px solid transparent;
    border-left: #fff 8px solid;
    border-right: 8px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -5px;
  }
  #topContents .infoArea .infoBox {
    border: 2px solid #c9c9ca;
    margin: 16px 0;
    background: url(../../common/img/infoArrow.png) no-repeat 680px center;
  }
  #topContents .infoArea .infoBox .infoThumb {
    padding: 0;
    margin: 0 15px 0 0;
    float: left;
  }
  #topContents .infoArea .infoBox .infoThumb img {
    border-right: 2px solid #c9c9ca;
    border-bottom: 2px solid #c9c9ca;
  }
  #topContents .infoArea .infoBox .infoThumb a[target="_blank"] {
    background: none;
    padding: 0;
  }
  #topContents .infoArea .infoBox .infoEntry {
    position: relative;
    margin: 10px 30px 10px 20px;
    overflow: hidden;
  }
  #topContents .infoArea .infoBox .infoEntry p {
    margin: 0 0 0.3em;
  }
  #topContents .infoArea .infoBox .infoEntry .date {
    margin-right: 10px;
  }
  #topContents .infoArea .infoBox .infoEntry p:first-child {
    font-size: 0.9em;
  }
  #topContents .infoArea .infoBox .infoEntry .category {
    position: absolute;
    right: -20px;
    color: #3eb370;
  }
  #topContents .infoArea .infoBox .infoEntry h2 {
    margin: 0 0 5px;
    font-size: 1em;
  }
  #topContents .infoSide {
    float: none;
    background-color: #e5ebee;
    position: relative;
    max-width: 100%;
    padding: 5px 10px;
    margin: 0 0 10px;
  }
  #topContents .infoSide p:first-child {
    color: #559aba;
    font-size: 0.9em;
  }
  #topContents .infoSide .more {
    position: absolute;
    right: 10px;
    background-color: #559aba;
    padding: 0 10px 0 0;
  }
  #topContents .infoSide .more a {
    color: #fff;
    padding: 0px 8px 0px 5px;
    text-decoration: none;
  }
  #topContents .infoSide .more a::after {
    content: "";
    display: block;
    height: 0px;
    width: 0px;
    border-top: 5px solid transparent;
    border-left: #fff 8px solid;
    border-right: 8px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -5px;
  }
  #topContents .infoSide .calendar {
    background-color: #fff;
    border-radius: 3px;
    margin: 10px 0;
    padding: 0;
    font-size: 1em;
  }
  #topContents .infoSide .calendar ul {
    list-style: none;
    margin: 8px 10px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
  }
  #topContents .infoSide .calendar ul:last-child {
    border: none;
  }
  #topContents .infoSide .calendar ul li {
    padding: 0 0 5px;
    line-height: 130%;
  }
  #topContents .infoSide .banner {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .listLink {
    margin: 0 auto 20px;
    text-align: center;
  }
  .listLink ul {
    display: table;
    list-style: none;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    width: 95%;
  }
  .listLink ul li {
    display: table-cell;
    border-right: 1px solid #32677d;
    border-top: 1px solid #32677d;
    border-bottom: 1px solid #32677d;
    background-color: #4d93b5;
    margin: 0;
    z-index: 10;
    width: 50%;
    padding: 10px;
    position: relative;
    font-size: 0.8em;
  }
  .listLink ul li:first-child {
    border-top: 1px solid #32677d;
  }
  .listLink ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
  }
  .groupCompany {
    padding: 20px 0 10px 0;
    background: #f1f1f1;
  }
  .groupCompany ul {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
  }
  .groupCompany ul li {
    display: table-cell;
    width: 33.3%;
    text-align: center;
  }
  .groupCompany ul li img {
    vertical-align: top;
  }
  /*
   about
  **********************************************************/
  #about {
    width: 94%;
    float: none;
    margin: 20px auto 0;
    font-size: 1rem;
  }
  #about img {
    max-width: 100%;
    height: auto;
  }
  #about a {
    text-decoration: none;
    color: #60809E;
  }
  #about a:hover {
    color: #004875;
    text-decoration: underline;
  }
  #about a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  #about .vector {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #about .vector p {
    line-height: 90%;
    margin: 0;
    padding: 0;
  }
  #about .vector .numberUp {
    font-weight: bold;
    font-size: 2.7rem;
    letter-spacing: -0.05em;
  }
  #about .vector .numberUpEn {
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: -0.05em;
  }
  #about .vector li {
    float: left;
    border-top: 1px solid #4d81aa;
    border-bottom: 1px solid #4d81aa;
    border-right: 1px solid #4d81aa;
    text-align: center;
    background-color: #efefef;
    color: #6a84a9;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    padding: 10px 0 0;
    height: 155px;
  }
  #about .vector li:first-child {
    border-left: 1px solid #4d81aa;
    background: url(../../common/img/about/vector1.png) no-repeat center 90px #efefef;
  }
  #about .vector li.year {
    background: url(../../common/img/about/vector2.png) no-repeat center 90px #efefef;
  }
  #about .vector li.relate {
    background: url(../../common/img/about/vector3.png) no-repeat center 90px #efefef;
  }
  #about .vector li.persons {
    background: url(../../common/img/about/vector4.png) no-repeat center 90px #efefef;
  }
  #about .corp {
    border: 1px solid #4d81aa;
    margin: 20px 0 10px;
    padding: 0;
  }
  #about .corp a {
    display: block;
    position: relative;
    height: auto;
  }
  #about .corp a > img {
    width: 66%;
    vertical-align: bottom;
  }
  #about .corp a .aboutBoxCorp {
    position: absolute;
    width: 31%;
    top: 10px;
    left: 67.5%;
    height: 100%;
  }
  #about .corp a .aboutBoxCorp p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2rem;
  }
  #about .corp a .aboutBoxCorp p.description {
    font-weight: normal;
    font-size: 0.9em;
    line-height: 120%;
    margin: 5px 0 0;
    padding: 0 0 10px;
  }
  #about .corp a .aboutBoxCorp p.arrow {
    position: absolute;
    right: 0px;
    bottom: 20px;
  }
  #about .aboutLeft {
    border: 1px solid #4d81aa;
    margin: 10px 0;
    padding: 0;
    position: relative;
    float: left;
    width: 48.5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #about .aboutLeft img {
    float: left;
    margin-right: 10px;
  }
  #about .aboutLeft a {
    display: block;
    height: 122px;
    width: 100%;
  }
  #about .aboutLeft a .aboutBox {
    bottom: 0;
    padding-top: 10px;
    right: 15px;
  }
  #about .aboutLeft a .aboutBox p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
  }
  #about .aboutLeft a .aboutBox p:first-child {
    font-size: 1.1em;
    line-height: 120%;
    margin-left: 115px;
    width: 58%;
  }
  #about .aboutLeft a .aboutBox p.description {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 120%;
    margin: 5px 0 0 115px;
    padding: 0 0 10px;
    width: 58%;
  }
  #about .aboutLeft a .aboutBox p.arrow {
    bottom: 10px;
    position: absolute;
    right: 0;
  }
  #about .aboutRight {
    border: 1px solid #4d81aa;
    margin: 10px 0;
    padding: 0;
    position: relative;
    float: left;
    width: 48.5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
  }
  #about .aboutRight img {
    float: left;
    margin-right: 10px;
  }
  #about .aboutRight a {
    display: block;
    height: 122px;
    width: 100%;
  }
  #about .aboutRight a .aboutBox {
    bottom: 0;
    padding-top: 10px;
    right: 15px;
  }
  #about .aboutRight a .aboutBox p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
  }
  #about .aboutRight a .aboutBox p:first-child {
    font-size: 1.1em;
    line-height: 120%;
    margin-left: 115px;
    width: 58%;
  }
  #about .aboutRight a .aboutBox p.description {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 120%;
    margin: 5px 0 0 115px;
    padding: 0 0 10px;
    width: 58%;
  }
  #about .aboutRight a .aboutBox p.arrow {
    bottom: 10px;
    position: absolute;
    right: 0;
  }
  /*
   contents
  **********************************************************/
  #contents {
    background-color: #fff;
    font-size: 1.1em;
  }
  #contentBody {
    width: 760px;
    margin:0 auto;
    float: inherit;
    border: none;
    background-color: #fff;
    padding-bottom: 50px;
  }
  #contentBody .mainImage {
    padding: 0;
    margin: -20px 0 0;
  }
  #contentBody .mainImage img {
    max-width: 100%;
    height: auto;
  }

  h1 {
    font-weight: normal;
    padding: 25px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ccc;
  }

  p.awardproductimage {
    min-height: 200px;
  }
  p.awardproductimage img {
    margin: 20px auto 0px;
  }

  .black {
    color: #000;
  }

  .entry {
    margin: 0 25px;
    word-wrap: break-word;
    /**********     検索ページ     *********/
  }
  .entry p {
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
  }
  .entry span.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 1px 10px 1px 20px;
    display: inline;
    line-height: 1.5em;
    margin: 2px 0;
  }
  .entry a {
    text-decoration: none;
    color: #60809E;
  }

  .entry a.bg-gray {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 10px #f1f1f1;
    padding: 1px 10px 1px 20px;
    display: inline;
    line-height: 2em;
    margin: 2px 0;
  }
  .entry a.bg-white {
    background: no-repeat right 5px center #FFFFFF;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 2px 0px 2px;
  }
  .entry a.borderArrow {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 12px center;
    padding: 1px 25px;
    display: inline-block;
    margin: 2px 0;
  }
  .entry a.border {
    border: 1px solid #CCCCCC;
    line-height: 1.8em;
  }
  .entry img {
    max-width: 100%;
        height: auto;
  }
  .entry img.floatLeft {
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
  }
  .entry img.floatRight {
    float: right;
    margin-bottom: 10px;
    margin-left: 15px;
  }
  .entry h1 {
    font-weight: normal;
    margin: 0 0 20px;
  }
  .entry h2 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    background: url(../../common/img/h2left.png) no-repeat left 5px;
  }
  .entry h2 small{font-size:15px;display:block;line-height:1.2;}
  .entry h2.businessSIC {
    background: url("/about/images/sic.png") no-repeat #f1f1f1 2px 2px;
    padding: 8px 10px 8px 54px;
  }
  .entry h2.businessPSC {
    background: url("/about/images/psc.png") no-repeat #f1f1f1 2px 2px;
    padding: 8px 10px 8px 54px;
  }
  .entry h2.businessECC {
    background: url("/about/images/ecc.png") no-repeat #f1f1f1 2px 2px;
    padding: 8px 10px 8px 54px;
  }
  .entry h2.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h3 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    background: url(../../common/img/h3left.png) no-repeat left 5px;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 10px;
    /* 20140912 */
  }
  .entry h3.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h4 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    background: url(../../common/img/h4left.png) no-repeat left 7px;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry h4.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h5 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    background: url(../../common/img/h5left.png) no-repeat left 8px;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry h5.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h6 {
    padding: 3px 10px 5px 12px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    clear: both;
    padding: 3px 10px 5px 0;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry h6.nbd {
    background: none;
    border: none;
    padding: 0px;
  }
  .entry h2.bg-gray, .entry h3.bg-gray, .entry h4.bg-gray, .entry h5.bg-gray, .entry h6.bg-gray {
    background: -webkit-linear-gradient(#ffffff, #efefef);
    background: linear-gradient(#ffffff, #efefef);
    border: solid 1px #cccccc;
    padding: 5px 10px 3px 12px;
  }
  .entry ul {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry ul.outdent1 li {
    background: none;
    margin-left: 1.5em;
    text-indent: -1.5em;
    list-style: none;
  }
  .entry ul.outdent2 li {
    background: none;
    margin-left: 1em;
    text-indent: -1em;
    list-style: none;
  }
  .entry ul.outdent3 {
    margin: 0 0 0 -10px;
  }
  .entry ul.outdent3 li {
    background: none;
    margin-left: 1em;
    text-indent: -1em;
    list-style: none;
  }
  .entry ul.outdent4 {
    margin: 0 0 0 -30px;
  }
  .entry ul.outdent4 li {
    background: none;
    margin-left: 1em;
    text-indent: -1em;
    list-style: none;
  }
  .entry ul.topconway li {
    background: url(../../common/img/topconway_mark.png) no-repeat 3px 7px;
    padding: 0 0 1em 16px;
  }
  .entry ul.nostyle li {
    background: none;
    list-style-type: none;
  }
  .entry ul li {
    background: url(../../common/img/list_icon.png) no-repeat 3px 7px;
    padding: 0 0 0 16px;
  }
  .entry ul li ul {
    margin: 0;
  }
  .entry ul li ul li ul {
    margin: 0;
  }
  .entry ul li ul ol {
    margin: 0;
  }
  .entry ul li ul ol li ol {
    margin: 0;
  }
  .entry ol {
    /* 20140912 */
    margin-top: 0;
    margin-bottom: 0;
    /* 20140912 */
  }
  .entry ol li ul {
    margin: 0;
  }
  .entry ol li ul li ul {
    margin: 0;
  }
  .entry ol li ol {
    margin: 0;
  }
  .entry ol li ol li ol {
    margin: 0;
  }
  .entry ol {
    margin: 0;
  }
  .entry .entryDate {
    text-align: right;
    margin-bottom: 1em;
  }
  .entry .tab {
    margin: 20px 0;
    padding: 0;
  }
  .entry .tab3 li {
    width: 33%;
  }
  .entry .tab4 li {
    width: 24.7%;
  }
  .entry .tab5 li {
    width: 19.7%;
  }
  .entry .tab li {
    float: left;
    list-style: none;
    background-color: #F1F2F3;
    background-image: none;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #ccc;
    border-left: 1px solid #fff;
    padding: 0;
  }
  .entry .tab li:first-child {
    border-radius: 5px 0 0;
  }
  .entry .tab li:last-child {
    border-radius: 0 5px 0 0;
    border-right: none;
  }
  .entry .tab li a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: #527696;
    font-weight: bold;
  }
  .entry .tab li.current {
    border-bottom: 1px solid #7E9DB8;
    background: #9FBCD0;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #b1d0e4), color-stop(100%, #9fbcd0));
    background: -webkit-linear-gradient(to bottom, #b1d0e4, #9fbcd0);
    background: -webkit-linear-gradient(top, #b1d0e4, #9fbcd0);
    background: linear-gradient(to bottom, #b1d0e4, #9fbcd0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB1D0E4', endColorstr='#FF9FBCD0');
  }
  .entry .tab li.current a {
    color: #fff;
  }
  .entry .textLeft {
    text-align: left;
  }
  .entry .textCenter {
    text-align: center;
  }
  .entry .textRight {
    text-align: right;
  }
  .entry .inlineList {
    margin: 0;
    padding: 0;
  }
  .entry .inlineList li {
    display: inline;
    background: url("../../common/img/arrow.png") no-repeat left center;
    padding: 0 15px 0 10px;
  }
  .entry .inlineList li a {
    text-decoration: underline;
  }
  .entry .column2 .left {
    float: inherit;
    margin: 0;
    width: auto;
  }
  .entry .column2 .left h3 span {
    background: url(../../common/img/a_link_icon.png) no-repeat right;
  }
  .entry .column2 .leftTb {
    float: left;
  }
  .entry .column2 .right {
    float: inherit;
    width: auto;
  }
  .entry .column2 .rightTb {
    float: right;
  }
  .entry .column2 .leftbox {
    border: 1px solid #ccc;
    float: left;
    margin: 10px 20px 10px 0px;
    padding: 8px;
    width: 326px;
  }
  .entry .column2 .leftbox h2, .entry .column2 .leftbox h3 {
    margin-top: 0;
  }
  .entry .column2 .rightbox {
    border: 1px solid #ccc;
    float: left;
    margin: 10px 0px 10px 0px;
    padding: 8px;
    width: 326px;
  }
  .entry .column2 .rightbox h2, .entry .column2 .rightbox h3 {
    margin-top: 0;
  }
  .entry .column3 .left {
    float: inherit;
    margin: 0;
    width: auto;
  }
  .entry .column3 .leftTb {
    float: left;
  }
  .entry .column3 .center {
    float: inherit;
    margin: 0;
    width: auto;
  }
  .entry .column3 .centerTb {
    float: left;
  }
  .entry .column3 .right {
    float: inherit;
    width: auto;
  }
  .entry .column3 .rightTb {
    float: left;
  }
  .entry table {
    border-color: #C0C0C0;
    margin: 0;
    width: 100%;
  }
  .entry table p {
    margin: 0;
  }
  .entry table thead th {
    border-color: #C0C0C0;
    background-color: #CEE3ED;
    text-align: left;
  }
  .entry table th {
    background-color: #DDE4EF;
    border-color: #C0C0C0;
    font-weight: normal;
    text-align: left;
    margin: 0;
  }
  .entry table td {
    background-color: #fff;
    border-color: #C0C0C0;
    margin: 0;
  }

  .entry table.mb30 td {
    min-width:80px;
  }

  .entry table .blue {
    background-color: #79c7ec;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .green {
    background-color: #94c5ac;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .orange {
    background-color: #ffaf44;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .yellow {
    background-color: #f4ec82;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .gray {
    background-color: #cccccc;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .purple {
    background-color: #9a95f7;
    font-size: 0.8em;
    margin: 0 10px 0 0;
    padding: 0 10px;
    color: #fff;
  }
  .entry table .small {
    font-size: 0.9em;
  }
  .entry .imgLeft img:first-child {
    float: left;
    margin: 0 20px 0 0;
  }
  .entry hr {
    border-top: 1px solid #ccc;
    border-bottom: none;
  }
  .entry .imgRight img:first-child {
    float: right;
    margin: 0 0 0 20px;
  }
  .entry .note {
    background-color: #F1F1F1;
    border: 1px solid #CCCCCC;
    padding: 10px;
    clear: both;
    margin: 20px 0;
  }
  .entry .note p {
    margin: 0;
  }
  .entry .icon-blue {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0px 0px 0px 0px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-green {
    background-image: url(../img/sprite.png);
    background-position: 0px -129px;
    background-repeat: no-repeat;
    background-position: 0px 136px 0px -136px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-red {
    background-image: url(../img/sprite.png);
    background-position: 0px -605px;
    background-repeat: no-repeat;
    background-position: 0px 612px 0px -612px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-yellow {
    background-image: url(../img/sprite.png);
    background-position: 0px -265px;
    background-repeat: no-repeat;
    background-position: 0px 272px 0px -272px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-blue2 {
    background-image: url(../img/sprite.png);
    background-position: 0px -469px;
    background-repeat: no-repeat;
    background-position: 0px 476px 0px -476px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-green2 {
    background-image: url(../img/sprite.png);
    background-position: 0px -197px;
    background-repeat: no-repeat;
    background-position: 0px 204px 0px -204px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-red2 {
    background-image: url(../img/sprite.png);
    background-position: 0px -537px;
    background-repeat: no-repeat;
    background-position: 0px 544px 0px -544px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry .icon-yellow2 {
    background-image: url(../img/sprite.png);
    background-position: 0px -61px;
    background-repeat: no-repeat;
    background-position: 0px 68px 0px -68px 7px 8px 36px 928px "../img/sprite.png";
    padding: 0 0 0 10px;
  }
  .entry a[target="_blank"] {
    background: url(../../common/img/icons/link.png) no-repeat right center;
    padding: 0 15px 0 0;
  }
  .entry a[href$=".pdf"] {
    background: url(../../common/img/icons/pdf.png) no-repeat right center;
    padding: 0 25px 0 0;
  }
.entry a[target="_blank"].noicon {
    background: none;
    padding: 0 0 0 0;
  }
  .entry a[href$=".pdf"].bg-white {
    background: url(/common/img/icons/pdf.png) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  .entry a[href$=".xls"].bg-white {
    background: url(/common/img/icons/icon_xls.gif) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  .entry a[href$=".doc"].bg-white {
    background: url(/common/img/icons/doc_icon.gif) no-repeat right 5px center white;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 30px 0px 2px;
  }
  .entry .btn-blue {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #458fc0;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
  }
  .entry .btn-blue-mini {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #458fc0;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
    font-size: 0.7em;
  }
  .entry .btn-gold {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #c2bc43;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
  }
  .entry .btn-gold-mini {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #c2bc43;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
    font-size: 0.7em;
  }
  .entry .btn-brown {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #c28f43;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
  }
  .entry .btn-brown-mini {
    background: url(../../common/img/icons/white.png) no-repeat 12px center;
    background-color: #c28f43;
    padding: 1px 25px;
    color: #fff;
    display: inline-block;
    margin: 1px 0;
    font-size: 0.7em;
  }
  .entry .btn-blue:hover,
  .entry .btn-gold:hover,
  .entry .btn-brown:hover {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
    color: #fff;
    text-decoration: none;
  }
  .entry .bg-white {
    background: no-repeat right 5px center #FFFFFF;
    border: solid 1px #CCCCCC;
    line-height: 1.8em;
    padding: 0px 2px 0px 2px;
  }
  .entry dl {
    overflow: hidden;
    width: auto;
    border: none;
    margin: 20px 0;
  }
  .entry dt {
    float: inherit;
    border: none;
    margin: 0;
    padding: 10px 0 0;
    clear: both;
    width: auto;
  }
  .entry dt:first-child {
    border: none;
  }
  .entry dt:first-child + dd {
    border-bottom: 1px dotted #999;
  }
  .entry dt.new:after {
    content: 'NEW';
    background-color: #D90000;
    padding: 0px 5px;
    border-radius: 8px;
    font-size: 0.5em;
    vertical-align: 30%;
    margin: 0 0 0 7px;
    color: #fff;
  }
  .entry dd {
    padding: 10px 0;
    border-bottom: 1px dotted #999;
    margin: 0 0 0 1px;
    float: inherit;
    width: auto;
  }
  .entry dd.new {
    background: url(../../common/img/icons/new.png) no-repeat left 15px;
    padding: 10px 0 10px 40px;
    width: auto;
  }
  .entry .profile {
    float: left;
    text-align: center;
    width: 25%;
  }
  .entry .profileLeft {
    position: relative;
    padding: 10px 10px 20px;
    border: 1px solid #ccc;
    margin: 10px 0;
    width: 323px;
    float: left;
    min-height: 135px;
  }
  .entry .profileLeft img {
    float: right;
    width: 90px;
  }
  .entry .profileLeft p {
    margin: 0 0 5px;
  }
  .entry .profileLeft p:first-child {
    margin: 0;
  }
  .entry .profileLeft ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .entry .profileLeft ul li {
    margin: 0 0 5px;
    padding: 0;
    background: none;
  }
  .entry .profileLeft ul li:last-child {
    margin: 20px 0;
  }
  .entry .profileRight {
    position: relative;
    padding: 10px 10px 20px;
    border: 1px solid #ccc;
    margin: 10px 0;
    width: 323px;
    float: left;
    min-height: 135px;
    float: right;
    margin: 10px 0 0;
  }
  .entry .profileRight img {
    float: right;
    width: 90px;
  }
  .entry .profileRight p {
    margin: 0 0 5px;
  }
  .entry .profileRight p:first-child {
    margin: 0;
  }
  .entry .profileRight ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .entry .profileRight ul li {
    margin: 0 0 5px;
    padding: 0;
    background: none;
  }
  .entry .profileRight ul li:last-child {
    margin: 20px 0;
  }
  .entry .relatedLink {
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    position: relative;
    z-index: 1;
    clear: both;
  }
  .entry .relatedLink:before {
    border-top: 3px solid #6F9DBE;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  .entry .relatedLink p {
    background: #FFFFFF;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #ffffff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(to bottom, #ffffff, #efefef);
    background: -webkit-linear-gradient(top, #ffffff, #efefef);
    background: linear-gradient(to bottom, #ffffff, #efefef);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
    padding: 9px 20px;
    margin: 5px 0;
    font-weight: bold;
  }
  .entry .relatedLink ul {
    margin: 10px;
  }
  .entry .relatedLink ul li {
    display: inline;
    background: none;
  }
  .entry .relatedLink ul li a {
    border: 1px solid #CCCCCC;
    background: url(../../common/img/icons/blue.png) no-repeat 12px center;
    padding: 1px 25px;
    display: inline-block;
    margin: 2px 0;
  }
  .entry .newsList {
    padding: 0;
    margin: 15px 0 0;
    border-bottom: 1px dotted #ccc;
  }
  .entry .newsList p {
    margin: 0;
  }
  .entry .newsList .newsThumbnail {
    float: right;
    padding: 0 0 10px 10px;
  }
  .entry .newsList .blue {
    background-color: #79c7ec;
    font-size: 0.9em;
    margin: 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .green {
    background-color: #94c5ac;
    font-size: 0.9em;
    margin: 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .orange {
    background-color: #ffaf44;
    font-size: 0.9em;
    margin: 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .yellow {
    background-color: #f4ec82;
    font-size: 0.9em;
    margin: 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .gray {
    background-color: #cccccc;
    font-size: 0.9em;
    margin: 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList .purple {
    background-color: #9a95f7;
    font-size: 0.9em;
    margin: 0 10px;
    padding: 0 10px;
    color: #fff;
  }
  .entry .newsList ul {
    margin: 0 0 15px;
  }
  .entry .newsList ul li {
    background: url(../../common/img/icons/blue.png) no-repeat 2px center;
  }
  .entry .newsList ul li:nth-child(2) {
    background: none;
  }
  .entry .subTitle {
    color: #666;
    margin-bottom: 1em;
  }
  .entry .career {
    float: left;
    width: 75%;
  }
  .entry .career table {
    margin-top: 0;
    width: 100%;
  }
  .entry .career table th {
    border-bottom: solid 1px #C0C0C0;
    background: #FFFFFF;
    font-weight: normal;
    padding: 2px 0 2px 0;
    vertical-align: top;
    white-space: nowrap;
    width: 6em;
  }
  .entry .career table td {
    border-bottom: solid 1px #C0C0C0;
    padding: 2px 0 2px 0;
    vertical-align: top;
  }
  .entry p.getAdobereader {
    border: 1px solid #999999;
    margin-bottom: 15px;
    padding: 5px;
  }
  .entry .box {
    width: auto;
    position: relative;
    margin: 10px 0 10px 0;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    z-index: 1;
  }
  .entry .box:before {
    border-top: 3px solid #6F9DBE;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  .entry .box p {
    background: #9FBCD0;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #ffffff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(to bottom, #ffffff, #efefef);
    background: -webkit-linear-gradient(top, #ffffff, #efefef);
    background: linear-gradient(to bottom, #ffffff, #efefef);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEFEFEF');
    padding: 9px 20px;
    margin: 5px 0;
    font-weight: bold;
  }
  .entry .box p.backImg {
    background: url(../../common/img/box.png) no-repeat left 3px;
    height: 91px;
    padding: 9px 20px 0;
    margin: 0;
  }
  .entry .box ul {
    margin: 10px;
  }
  .entry .borderTable {
    margin: 20px 0px;
  }
  .entry .borderTable tr {
    border-bottom: 1px dotted #999;
  }
  .entry .borderTable tr td {
    width: 100% !important;
    display: block;
    vertical-align: top;
  }
  .entry .borderTable tr td:first-child {
    padding-top: 10px;
  }
  .entry .borderTable tr td:last-child {
    padding-bottom: 10px;
  }
  .entry .searchBox {
    margin: 30px 0;
    position: relative;
  }
  .entry .searchBox .query {
    border: 1px solid #ccc;
    background-color: #F8F8F8;
    padding: 3px;
    float: left;
  }
  .entry .searchBox .submit {
    float: left;
    border: 1px solid #ccc;
    padding: 3px 12px;
    color: #fff;
    background: #429ECB;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #429ecb), color-stop(100%, #1681c0));
    background: -webkit-linear-gradient(to bottom, #429ecb, #1681c0);
    background: -webkit-linear-gradient(top, #429ecb, #1681c0);
    background: linear-gradient(to bottom, #429ecb, #1681c0);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF429ECB', endColorstr='#FF1681C0');
  }
  .entry .searchSub {
    background-color: #eee;
    padding: 10px;
    position: relative;
  }
  .entry .searchSub p {
    margin: 0;
  }
  .entry .searchSub ul {
    position: absolute;
    right: 15px;
    top: 8px;
    margin: 0;
    list-style-type: none;
  }
  .entry .searchSub ul li {
    display: inline;
    background: none;
    padding: 0 0 0 15px;
  }
  .entry .searchSub ul li:first-child {
    border-right: 1px solid #ccc;
    padding: 0 20px 0 0;
  }
  .entry .pageNavi {
    text-align: center;
    margin: 30px 0;
  }
  .entry .pageNavi ul {
    margin: 0 auto;
  }
  .entry .pageNavi ul li {
    background: none;
    display: inline;
    padding: 0 7px;
  }
  .entry .pageNavi ul li.pageNow {
    font-weight: bold;
    color: #fff;
    background-color: #6D9CBD;
  }
  .entry .searchRecord dl {
    border: none;
    max-width: none;
  }
  .entry .searchRecord dl dt {
    float: left;
    clear: both;
    max-width: 100px;
  }
  .entry .searchRecord dl dd {
    max-width: 680px;
    padding: 10px 0 10px 30px;
    border: none;
  }
  .entry .searchThumbnail {
    float: left;
    overflow: hidden;
    max-width: 200px;
  }
  .entry .searchBody {
    float: left;
    max-width: 470px;
    padding: 0 0 0 25px;
  }
  .entry .searchBody p {
    margin: 0 0 10px;
  }
  .entry .no-margin-tb {
    margin-top: 0;
    margin-bottom: 0;
  }
  .entry .no-margin-t {
    margin-top: 0;
  }
  .entry .no-margin-b {
    margin-bottom: 0;
  }
  .entry .caution {
    color: #CC0000;
  }
  .entry .topconBlue {
    color: #0066CC;
  }
  .entry .green {
    color: #00690B;
  }
  .entry .greenb {
    color: #00690B;
    font-weight: bold;
  }
  .entry .blue {
    color: #0066CC;
  }
  .entry .blueb {
    color: #0066CC;
    font-weight: bold;
  }
  .entry .white {
    color: #fff;
  }
  .entry .red {
    color: #f00;
  }
  .entry .orange {
    color: #f93;
  }
  .entry .core {
    position: relative;
    min-height: 700px;
  }
  .entry .core .core1 {
    position: absolute;
    margin: 0 0 0 -115px;
    left: 50%;
  }
  .entry .core .core1 a {
    background: url(../../common/img/about/core1_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core1 a:hover img {
    visibility: hidden;
  }
  .entry .core .core2 {
    position: absolute;
    top: 220px;
    left: 0;
    margin: 0;
  }
  .entry .core .core2 a {
    background: url(../../common/img/about/core2_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core2 a:hover img {
    visibility: hidden;
  }
  .entry .core .core3 {
    position: absolute;
    top: 220px;
    right: 0;
    margin: 0;
  }
  .entry .core .core3 a:hover {
    background: url(../../common/img/about/core3_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core3 a:hover img {
    visibility: hidden;
  }
  .entry .core .core4 {
    position: absolute;
    top: 480px;
    left: 15%;
    margin: 0;
  }
  .entry .core .core4 a:hover {
    background: url(../../common/img/about/core4_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core4 a:hover img {
    visibility: hidden;
  }
  .entry .core .core5 {
    position: absolute;
    top: 480px;
    right: 15%;
    margin: 0;
  }
  .entry .core .core5 a:hover {
    background: url(../../common/img/about/core5_on.png) no-repeat left top;
    display: block;
  }
  .entry .core .core5 a:hover img {
    visibility: hidden;
  }
  .entry .corePopup .popup1 {
    position: absolute;
    display: none;
    margin: 0 0 0 -120px;
    z-index: 200;
    top: 120px;
    left: 50%;
  }
  .entry .rightArrowIcon {
    text-align: right;
  }
  .entry .rightArrowIcon ul li {
    background: none;
  }
  .entry #calendar {
    position: relative;
    text-align: center;
  }
  .entry #calendar a.calUp {
    position: absolute;
    top: 45px;
    right: -15px;
    opacity: 0.4;
    width: 50px;
    height: 50px;
    background: #2882ab;
  }
  .entry #calendar a.calDown {
    position: absolute;
    top: 45px;
    left: -15px;
    opacity: 0.4;
    width: 50px;
    height: 50px;
    background: #2882ab;
  }
  .modalCore {
    display: none;
    z-index: 110;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background: black;
    opacity: 0.8;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    position: fixed;
  }

  /*
   sidebar
  **********************************************************/
  #sidebar > ul.banner > li img{
    max-width:200px;
  }
  #sidebar .category {
    clear: both;
    margin: 0;
    color: #fff;
    border: 1px solid #7391AB;
    background: #7AA0BE;
    background: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #7aa0be), color-stop(100%, #709ab9));
    background: -webkit-linear-gradient(to bottom, #7aa0be, #709ab9);
    background: -webkit-linear-gradient(top, #7aa0be, #709ab9);
    background: linear-gradient(to bottom, #7aa0be, #709ab9);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7AA0BE', endColorstr='#FF709AB9');
  }
  #sidebar .category a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 10px;
  }
  #sidebar .category a:hover {
    color: #fff;
    text-decoration: none;
  }
  #sidebar .category a:hover img {
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
  }
  #sidebar ul.level01 {
    margin: 0;
    padding: 0;
  }
  #sidebar ul.level01 li {
    border-top: 1px solid #8C9EAE;
    border-bottom: 1px solid #DBE2E9;
    list-style-type: none;
    background-image: url(../../common/img/icons/blue.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #C3D4E5;
    margin: 0;
  }
  #sidebar ul.level01 li a {
    text-decoration: none;
    color: #333;
    width: auto;
    display: block;
    padding: 10px 10px 10px 26px;
  }
  #sidebar ul.level01 li.current {
    background-image: none;
    background-color: #999999;
    padding: 0;
  }
  #sidebar ul.level01 li.current a {
    padding: 10px 10px 10px 26px;
    background-image: url(../../common/img/icons/yellow2.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    border-bottom: 1px solid #DBE2E9;
    color: #fff;
    display: block;
  }
  #sidebar ul.level01 li ul.level02,
  #sidebar ul.level01 li ul.level01{
    margin: 0;
    padding: 0;
  }
  #sidebar ul.level01 li ul.level02 li,
  #sidebar ul.level01 li ul.level01 li{
    background-image: url(../../common/img/icons/green.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-color: #A3BED5;
    padding: 0;
    border-bottom: none;
  }
  #sidebar ul.level01 li ul.level02 li a,
  #sidebar ul.level01 li ul.level01 li a{
    padding: 10px 0 10px 35px;
    background-image: none;
  }
  #sidebar ul.level01 li ul.level02 li.current,
  #sidebar ul.level01 li ul.level01 li.current{
    background-image: none;
    background-color: #999999;
    padding: 0;
    border-bottom: none;
  }
  #sidebar ul.level01 li ul.level02 li.current a,
  #sidebar ul.level01 li ul.level01 li.current a{
    background-image: url(../../common/img/icons/yellow2.png);
    background-repeat: no-repeat;
    background-position: 20px center;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03,
  #sidebar ul.level01 li ul.level01 li ul.level02{
    margin: 0;
    padding: 0;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li,
  #sidebar ul.level01 li ul.level01 li ul.level02 li{
    background-image: url(../../common/img/icons/red.png);
    background-repeat: no-repeat;
    background-position: 30px center;
    background-color: #C4D4E0;
    padding: 0;
    border-top: 1px solid #8C9EAE;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li a,
  #sidebar ul.level01 li ul.level01 li ul.level02 li a{
    padding: 10px 0 10px 45px;
    color: #333;
    width: auto;
    background-image: none;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li.current,
  #sidebar ul.level01 li ul.level01 li ul.level02 li.current{
    background-image: none;
    background-color: #999999;
    padding: 0;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li.current a,
  #sidebar ul.level01 li ul.level01 li ul.level02 li.current a{
    background-image: url(../../common/img/icons/yellow2.png);
    background-position: 30px center;
    background-repeat: no-repeat;
    color: #fff;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li ul.level04 li{background-image:none;}
  #sidebar ul.level01 li ul.level02 li ul.level03 li ul.level04 li a{
    background:none;
    padding: 10px 0 10px 55px;
    background-image: url(../../common/img/icons/purple.png);
    background-position: 40px center;
    background-repeat: no-repeat;
    color:#333;
  }
  #sidebar ul.level01 li ul.level02 li ul.level03 li ul.level04 li.current a{
    background-image: url(../../common/img/icons/yellow.png);
    background-position: 40px center;
    background-repeat: no-repeat;
    color: #fff;
  }
  #sidebar .banner {
     margin: 0;
     padding: 10px;
     background-color: #95B6CF;
     text-align: center;
     display:none;
  }
  #sidebar .banner li {
    list-style-type: none;
    padding: 5px;
    margin: 0;
  }

  /*
   footer
  **********************************************************/
  footer {
    font-size: 1.1em;
  }
  footer #spPageTop {
    display: none;
  }
  footer .backTop {
    background-color: #6B8DAD;
    text-align: center;
  }
  footer .backTop a {
    color: #fff;
    text-decoration: none;
    padding: 10px 0 10px 5px;
    display: block;
    background: url(../../common/img/icons/top_link.png) no-repeat 40px center;
  }
  footer .footerMenu {
    padding: 20px;
    background-color: #666666;
    border: none;
  }
  footer .footerMenu .pageTop {
    position: absolute;
    right: 0;
    top: -20px;
    margin: 0;
  }
  footer .footerMenu .backBtn {
    display: none;
  }
  footer .footerMenu .boxW {
    width: 100%;
    float: left;
    margin: 0 20px 10px 0;
  }
  footer .footerMenu .boxW .icon-blue {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0 14px;
    border-bottom: 1px solid #9b9b9b;
    padding: 10px 10px 10px 13px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 10;
  }
  footer .footerMenu .boxW .icon-blue:before {
    border-bottom: 1px solid #464545;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .boxW .icon-blue a {
    color: #fff;
    text-decoration: none;
  }
  footer .footerMenu .boxW .icon-blue a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .boxW ul {
    margin: 15px 0;
    padding: 0;
    float: left;
    width: 50%;
    font-size: 0.8em;
  }
  footer .footerMenu .boxW ul:last-child {
    float: right;
  }
  footer .footerMenu .boxW ul.topconBrand {
    width: 46%;
    padding: 0 10px 0 0;
  }
  footer .footerMenu .boxW ul.sokkiaBrand {
    width: 46%;
    padding: 0 0 0 10px;
  }
  footer .footerMenu .boxW ul li {
    list-style-type: none;
    padding: 0 0 6px;
  }
  footer .footerMenu .boxW ul li p.title {
    border-bottom: 1px solid #9b9b9b;
    padding: 0 10px 5px 0;
    z-index: 10;
    margin: 0 0 10px;
    font-size: 1.1em;
  }
  footer .footerMenu .boxW ul li p.title:before {
    border-bottom: 1px solid #464545;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .boxW ul li p.title a {
    text-decoration: none;
    color: #fff;
  }
  footer .footerMenu .boxW ul a {
    color: #fff;
  }
  footer .footerMenu .boxW .icon-blue2 {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0 14px;
    clear: both;
    border-top: 1px solid #464545;
    padding: 10px 10px 10px 13px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 10;
  }
  footer .footerMenu .boxW .icon-blue2 a {
    color: #fff;
    text-decoration: none;
  }
  footer .footerMenu .boxW .icon-blue2 a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .boxW .icon-blue2:before {
    border-top: 1px solid #9b9b9b;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .box {
    width: 100%;
    float: left;
    margin: 0 20px 10px 0;
    width: 48%;
  }
  footer .footerMenu .box .icon-blue {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0 14px;
    border-bottom: 1px solid #9b9b9b;
    padding: 10px 10px 10px 13px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 10;
  }
  footer .footerMenu .box .icon-blue:before {
    border-bottom: 1px solid #464545;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .box .icon-blue a {
    color: #fff;
    text-decoration: none;
  }
  footer .footerMenu .box .icon-blue a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .box ul {
    margin: 15px 0;
    padding: 0;
    float: left;
    width: 50%;
    font-size: 0.8em;
  }
  footer .footerMenu .box ul:last-child {
    float: right;
  }
  footer .footerMenu .box ul.topconBrand {
    width: 46%;
    padding: 0 10px 0 0;
  }
  footer .footerMenu .box ul.sokkiaBrand {
    width: 46%;
    padding: 0 0 0 10px;
  }
  footer .footerMenu .box ul li {
    list-style-type: none;
    padding: 0 0 6px;
  }
  footer .footerMenu .box ul li p.title {
    border-bottom: 1px solid #9b9b9b;
    padding: 0 10px 5px 0;
    z-index: 10;
    margin: 0 0 10px;
    font-size: 1.1em;
  }
  footer .footerMenu .box ul li p.title:before {
    border-bottom: 1px solid #464545;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .box ul li p.title a {
    text-decoration: none;
    color: #fff;
  }
  footer .footerMenu .box ul a {
    color: #fff;
  }
  footer .footerMenu .box .icon-blue2 {
    background-image: url(../img/sprite.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-position: 0 14px;
    clear: both;
    border-top: 1px solid #464545;
    padding: 10px 10px 10px 13px;
    margin: 0;
    color: #fff;
    position: relative;
    z-index: 10;
  }
  footer .footerMenu .box .icon-blue2 a {
    color: #fff;
    text-decoration: none;
  }
  footer .footerMenu .box .icon-blue2 a:hover {
    color: #004875;
    text-decoration: underline;
  }
  footer .footerMenu .box .icon-blue2:before {
    border-top: 1px solid #9b9b9b;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
  }
  footer .footerMenu .box:nth-of-type(odd) {
    float: right;
    margin: 0;
  }
  footer .footerMenu .box ul {
    float: inherit;
    width: 100%;
  }
  footer .footerMenu .box ul:last-child {
    float: inherit;
  }
  footer .footerCopy {
    background-color: #4e4e4e;
  }
  footer .footerCopy ul {
    margin: 0;
    padding: 10px 20px;
    text-align: center;
  }
  footer .footerCopy ul li {
    display: inline;
    padding: 10px 5px 10px 0;
    font-size: 0.8em;
  }
  footer .footerCopy ul li a {
    color: #fff;
  }
  footer .footerCopy .copy {
    font-size: 0.7em;
    color: #fff;
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
    margin: 0;
    padding: 10px;
  }
}


@media screen and (max-width: 768px) {
  #contentBody {
    width:auto;
  }
}

@media screen and (max-width: 980px) and (max-width: 530px) {
  header .logo {
    padding: 65px 5px 10px 20px;
  }
}
@media screen and (max-width: 980px) and (max-width: 530px) {
  header .logo img {
    max-width: 150px;
  }
}
@media screen and (max-width: 980px) and (max-width: 530px) {
  header #spSearch {
    margin: 55px 0 15px 20px;
    z-index: 10;
  }
  header #toggle {
    margin: 55px 20px 15px 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 530px) {
  header .textSize {
    right: 25px;
    top: 15px;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  header .textSizeEn {
    left: 220px;
  }
}
@media screen and (max-width: 980px) and (max-width: 530px) {
  header .textSizeEn {
    left: 70px;
  }
}
@media screen and (max-width: 980px) and (max-width: 530px) {
  .topicPath {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  #slideshow .mainBanner {
    max-width: 600px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #slideshow .mainBanner {
    max-width: 480px;
    height: 150px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #slideshow .mainBanner div {
    max-width: 480px;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  #slideshow .mainBanner div img {
    max-width: 600px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #slideshow .mainBanner div img {
    max-width: 480px;
  }
}
@media screen and (max-width: 980px) and (max-width: 320px) {
  #slideshow .mainBanner div img {
    max-width: 320px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #slideshow ul {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 10px auto -100px;
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #slideshow ul li {
    float: none;
    display: inline;
    background-color: #fff;
    color: #fff;
    height: 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #slideshow ul li img {
    max-width: 50%;
    max-height: 50%;
    height: 0;
    border: 5px solid #bbb;
    border-radius: 50%;
    background-color: #fff;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #slideshow .active {
    border-radius: 50%;
    border: none;
    margin: 0;
    height: 1px;
    width: 0;
    padding: 0;
  }
  #slideshow .active img {
    border: 5px solid #0075C2;
    margin: 0 5px;
  }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
  #brand {
    top: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #brand ul li {
    text-align: center;
    float: none;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #brand ul li:first-child {
    padding: 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  #brand ul li img {
    max-width: 230px;
    height: auto;
  }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
  #topContents {
    max-width: 480px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #topContents .infoArea {
    max-width: 480px;
    margin: -10px auto 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #topContents .infoArea .infoBox .infoThumb {
    float: none;
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #topContents .infoArea .infoBox .infoThumb img {
    border-left: 2px solid #c9c9ca;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #topContents .infoArea .infoBox .infoEntry .category {
    left: 0;
    top: 20px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #topContents .infoArea .infoBox .infoEntry h2 {
    margin: 23px 0 5px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .listLink {
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .listLink ul {
    display: block;
    width: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .listLink ul li {
    display: block;
    border-right: 1px solid #32677d;
    border-bottom: 1px solid #32677d;
    border-left: 1px solid #32677d;
    border-top: none;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .listLink ul li {
    margin: auto;
    float: none;
    width: 80%;
    text-align: center;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .listLink ul li a {
    width: auto;
  }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
  .groupCompany {
    padding: 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .groupCompany ul li {
    display: block;
    margin: 25px auto 15px auto;
    width: 100%;
  }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
  #about {
    width: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  #about .vector .numberUp {
    font-size: 2.0rem;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .vector .numberUpEn {
    font-size: 2em;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .vector li {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  #about .corp a {
    height: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .corp a {
    width: auto;
    max-height: 300px;
  }
  #about .corp a img {
    width: 100%;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .corp a .aboutBoxCorp {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    padding-top: 5px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .corp a .aboutBoxCorp p {
    text-align: center;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .corp a .aboutBoxCorp p.description {
    margin-right: auto;
    margin-left: auto;
    width: 210px;
    border: none;
    font-size: 0.9em;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .corp a .aboutBoxCorp p.arrow {
    right: 10px;
    bottom: 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .aboutLeft {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .aboutLeft a {
    width: 98%;
  }
}
@media screen and (max-width: 980px) and (max-width: 700px) and (min-device-width: 600px) {
  #about .aboutLeft a .aboutBox p.description {
    width: 50%;
    font-size: 0.8em;
  }
}
@media screen and (max-width: 980px) and (max-width: 630px) and (min-device-width: 500px) {
  #about .aboutLeft a .aboutBox p.description {
    width: 46%;
    font-size: 0.7em;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .aboutRight {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .aboutRight a {
    width: 98%;
  }
}
@media screen and (max-width: 980px) and (max-width: 700px) and (min-device-width: 600px) {
  #about .aboutRight a .aboutBox p.description {
    width: 50%;
    font-size: 0.8em;
  }
}
@media screen and (max-width: 980px) and (max-width: 630px) and (min-device-width: 500px) {
  #about .aboutRight a .aboutBox p.description {
    width: 46%;
    font-size: 0.7em;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  #about .aboutRight {
    border: 1px solid #4d81aa;
    margin: 10px 0;
    padding: 0;
    position: relative;
    float: left;
    width: 48.5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
  }
  #about .aboutRight img {
    float: left;
    margin-right: 10px;
  }
  #about .aboutRight a {
    display: block;
    height: 122px;
    width: 100%;
  }
  #about .aboutRight a .aboutBox {
    bottom: 0;
    padding-top: 10px;
    right: 15px;
  }
  #about .aboutRight a .aboutBox p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
  }
  #about .aboutRight a .aboutBox p:first-child {
    font-size: 1.1em;
    line-height: 120%;
    margin-left: 115px;
    width: 58%;
  }
  #about .aboutRight a .aboutBox p.description {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 120%;
    margin: 5px 0 0 115px;
    padding: 0 0 10px;
    width: 58%;
  }
  #about .aboutRight a .aboutBox p.arrow {
    bottom: 10px;
    position: absolute;
    right: 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) and (max-width: 480px) {
  #about .aboutRight {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) and (max-width: 480px) {
  #about .aboutRight a {
    width: 98%;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) and (max-width: 700px) and (min-device-width: 600px) {
  #about .aboutRight a .aboutBox p.description {
    width: 50%;
    font-size: 0.8em;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) and (max-width: 630px) and (min-device-width: 500px) {
  #about .aboutRight a .aboutBox p.description {
    width: 46%;
    font-size: 0.7em;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  #about .aboutRight {
    border: 1px solid #4d81aa;
    margin: 10px 0;
    padding: 0;
    position: relative;
    float: left;
    width: 48.5%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
  }
  #about .aboutRight img {
    float: left;
    margin-right: 10px;
  }
  #about .aboutRight a {
    display: block;
    height: 122px;
    width: 100%;
  }
  #about .aboutRight a .aboutBox {
    bottom: 0;
    padding-top: 10px;
    right: 15px;
  }
  #about .aboutRight a .aboutBox p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
  }
  #about .aboutRight a .aboutBox p:first-child {
    font-size: 1.1em;
    line-height: 120%;
    margin-left: 115px;
    width: 58%;
  }
  #about .aboutRight a .aboutBox p.description {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 120%;
    margin: 5px 0 0 115px;
    padding: 0 0 10px;
    width: 58%;
  }
  #about .aboutRight a .aboutBox p.arrow {
    bottom: 10px;
    position: absolute;
    right: 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) and (max-width: 480px) {
  #about .aboutRight {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) and (max-width: 480px) {
  #about .aboutRight a {
    width: 98%;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) and (max-width: 700px) and (min-device-width: 600px) {
  #about .aboutRight a .aboutBox p.description {
    width: 50%;
    font-size: 0.8em;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) and (max-width: 630px) and (min-device-width: 500px) {
  #about .aboutRight a .aboutBox p.description {
    width: 46%;
    font-size: 0.7em;
  }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
  #contents {
    font-size: 1em;
  }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
  p.awardproductimage {
    min-height: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry img.floatLeft {
    float: none;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry img.floatRight {
    float: none;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .column2 .leftTb {
    float: inherit;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .column2 .rightTb {
    float: inherit;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .column2 .leftbox {
    width: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .column2 .rightbox {
    width: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .column3 .leftTb {
    float: inherit;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .column3 .centerTb {
    float: inherit;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .column3 .rightTb {
    float: inherit;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry table {
    word-break: break-all;
  }
  .entry table.scroll {
    display: block;
    position: relative;
  }
  .entry table.scroll th,
  .entry table.scroll td {
    display: block;
  }
  .entry table.scroll tr {
    display: inline-block;
    margin: 0 -3px;
    vertical-align: top;
  }
  .entry table.scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .entry table.scroll thead {
    display: block;
    float: left;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry table td.spTopAlign {
    vertical-align: top;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry table.spAlignTop th.spW60 {
    width: 60px;
  }
  .entry table.spAlignTop th.spW40 {
    width: 40px;
  }
  .entry table.spAlignTop tr td {
    vertical-align: top;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry table.event {
    border: none;
  }
  .entry table.event tr {
    border-bottom: 1px dotted #CCC;
  }
  .entry table.event tr.info {
    display: none;
  }
  .entry table.event th {
    display: list-item;
    list-style: none;
    border: none;
    background: none;
    padding: 10px 0 5px;
    margin: 0;
  }
  .entry table.event td {
    display: list-item;
    list-style: none;
    border: none;
    padding: 5px 0 10px;
    margin: 0;
  }
  .entry table.event td p {
    margin: 0;
  }
  .entry table.event td p a {
    text-decoration: underline;
  }
  .entry table.event td p .title {
    background: url(../../common/img/icons/blue.png) no-repeat left center;
    padding: 0 0 0 10px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .globalMap {
    display: none;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .profile {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  .entry .profileLeft {
    width: 243px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .profileLeft {
    width: auto;
    float: inherit;
    min-height: 100px;
  }
}
@media screen and (max-width: 980px) and (max-width: 600px) {
  .entry .profileRight {
    width: 243px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .profileRight {
    width: auto;
    float: inherit;
    min-height: 100px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .profileRight {
    float: inherit;
    width: auto;
    float: inherit;
    min-height: 100px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .relatedLink ul li {
    padding: 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .newsList .newsThumbnail img {
    width: 70px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .career {
    float: none;
    width: 100%;
    clear: both;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .searchBox .query {
    width: 200px;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .searchSub ul {
    position: relative;
    right: 0;
    margin: 10px 0;
    text-align: center;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .searchThumbnail {
    display: none;
    float: none;
    text-align: center;
    margin: 0 auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .searchThumbnail img {
    max-width: 100%;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .searchBody {
    float: none;
    margin: 10px 0;
    padding: 0;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .core .core1 {
    position: relative;
    margin: 0 auto;
    left: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .core .core2 {
    position: relative;
    margin: 0 auto;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .core .core3 {
    position: relative;
    margin: 0 auto;
    top: auto;
    right: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .core .core4 {
    position: relative;
    margin: 0 auto;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry .core .core5 {
    position: relative;
    margin: 0 auto;
    top: auto;
    right: auto;
  }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  .entry object {
    max-width: 100%;
    height: 290px;
  }
}
@media screen and (max-width: 980px) and (max-width: 599px) {
  .entry #calendar a.calUp {
    width: 25px;
  }
}
@media screen and (max-width: 980px) and (max-width: 599px) {
  .entry #calendar a.calDown {
    width: 25px;
  }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
  footer {
    font-size: 1em;
  }
  footer .pageTopFloat {
    display: none;
  }
}
@media screen and (max-width: 980px){
    footer #spPageTop {
       display: block;
       position: fixed;
       bottom: -10px;
       right: 10px;
       z-index: 1000;
    }
    footer .pageTop.backBtn img{
       display: none;
    }
}
@media screen and (max-width: 980px) and (max-width: 480px) {
  footer .footerMenu .box {
    width: 45%;
  }
}

@media screen and (max-width: 480px){
  .entry table.res_table td {
    display:block;
  }  
}

@media screen and (min-width: 481px){
  .entry table.res_table td {
    width:50%;
  }  
}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.aligncenter{text-align:center;}