html {
font-size: 62.5%;
}
body {
color: rgb(51, 51, 51); font-family: "Hiragino Kaku Gothic Pro","qMmpS Pro W3","Meiryo","CI","lr oSVbN";
}
ul li {
list-style: none;
}
ol li {
list-style: none;
}
:root ol {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
*:root ul {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
h1 {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
h2 {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
h3 {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
h4 {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
h5 {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
dl {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
ol {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
ul {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
dd {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
p {
margin: 0px; padding: 0px; font-size: 1.3rem;
}
a {
color: rgb(20, 74, 134); text-decoration: none;
}
a:visited {
color: rgb(20, 74, 134);
}
a:hover {
text-decoration: none;
}
a:active {
}
.header {
background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(225, 238, 248) 100%); padding-top: 12px;
}
.header .header-top {
width: 40% !important; margin-right: 35px; float: left;
}
.header .header-top .h1txt {
width: 50%; font-weight: normal; float: right;
}
.header .header-top .h1txt h1 {
font-size: 1rem;
}
.header .header-top .logo {
width: 44%; margin-bottom: 10px; float: left;
}
.header .header-top .logo.pbNested {
clear: none;
}
.header .header-top .logo img {
width: 100%;
}
.header-upper {
position: relative;
}
.header-upper {
margin-right: auto; margin-left: auto;
}
.header-lower {
margin-right: auto; margin-left: auto;
}
.header-upper ul {
margin: 0px; padding: 0px;
}
.header-lower ul {
margin: 0px; padding: 0px;
}
#header-nav #gnav > li.hit .sub-nav {
display: block;
}
.header-lower .pbNested {
overflow: visible;
}
.header-lower.pbNested {
overflow: visible;
}
.header.pbNestedWrapper {
overflow: visible;
}
.header .pbNestedWrapper {
overflow: visible;
}
#headerArea {
overflow: visible;
}
.header > div.pbNested {
padding-right: 0px; padding-left: 0px; margin-right: auto !important; margin-left: auto !important;
}
.container#areaWrapper1 {
padding-right: 0px; padding-left: 0px; margin-right: auto !important; margin-left: auto !important;
}
.free-word {
width: 190px !important; margin-right: 10px; float: left;
}
.free-word .glyphicon {
color: rgb(166, 166, 166); font-size: 1.8rem;
}
.free-word .form-group {
position: relative;
}
.free-word .form-group::after {
top: 7px; right: 8px; color: rgb(166, 166, 166); font-family: Glyphicons Halflings; font-size: 1.8rem; font-weight: 400; position: absolute; content: "πC";
}
.free-word .form-group::before {
}
.free-word input.srch-btn {
background-position: 0% 0%; border: currentColor; border-image: none; top: 0px; width: 35px; height: 35px; right: 0px; text-indent: -9999px; position: absolute; z-index: 9999; background-image: url("/library/img/base/trans.png") !important; background-attachment: scroll; background-repeat: repeat; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;
}
.autocomplete-suggestions {
background: 0px 0px rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-image: none; width: auto !important; overflow: auto; cursor: default; min-width: 201px;
}
.autocomplete-suggestions strong {
color: rgb(51, 153, 255); font-weight: normal;
}
.autocomplete-suggestion {
padding: 3px 8px; overflow: hidden; font-size: 13px; white-space: nowrap;
}
.autocomplete-selected {
background: 0px 0px rgb(219, 219, 219);
}
.supportedBy p {
margin: 0px 0px 2px;
}
.country_support_country {
padding-bottom: 20px;
}
.country_support_country .aboutUsLocationFlag {
background-repeat: no-repeat;
}
.country_support_country {
padding-top: 20px;
}
.header .group-site {
width: auto !important; overflow: visible !important; float: right !important;
}
.header .group-site p.group-site-ttl {
padding: 6px 10px; border-radius: 5px; border: 1px solid rgb(224, 237, 245); border-image: none; color: rgb(20, 74, 134); line-height: 18px; font-size: 1.2rem; vertical-align: middle; cursor: pointer; background-color: rgb(224, 237, 245);
}
.header .group-site p.group-site-ttl:hover {
border-color: rgb(173, 173, 173); color: rgb(51, 51, 51); background-color: rgb(230, 230, 230);
}
.header .group-site .glyphicon-globe {
font-size: 1.8rem; margin-right: 6px; float: left;
}
.header .group-site-ttl::before {
top: 3px; font-family: Glyphicons Halflings; font-size: 1.8rem; position: relative; content: "ρΊ";
}
.header .group-site-ttl::after {
font-family: Glyphicons Halflings; content: "ρ";
}
.header .group-site-ttl span {
top: -2px; position: relative;
}
.header_more_search {
left: 700px; top: 0px; width: 230px; font-size: 11px; position: absolute;
}
.header_more_search a {
color: rgb(54, 107, 226); font-weight: bold;
}
.header .global-home-link {
width: auto !important; float: right;
}
.header .global-home-link span {
font-size: 1.2rem; margin-right: 5px;
}
.header .global-home-link img {
width: auto !important; height: 20px;
}
#toggle {
display: none;
}
#toggle-area {
clear: both;
}
#header-nav {
position: relative;
}
#header-nav #gnav > li {
margin-right: 2px; float: left; position: relative;
}
#header-nav #gnav > li > a {
background: linear-gradient(rgb(255, 255, 255) 0%, rgb(213, 223, 234) 100%); padding: 3px 12px; border-radius: 5px 5px 0px 0px; color: rgb(20, 74, 134); font-size: 1.4rem; border-top-color: rgb(227, 234, 241); border-right-color: rgb(227, 234, 241); border-bottom-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; display: block;
}
#header-nav #gnav > li.hit > a {
border-bottom-color: rgb(214, 224, 235); border-bottom-width: 1px; border-bottom-style: solid;
}
#header-nav #gnav > li .sub-nav {
background: linear-gradient(rgb(212, 222, 234) 0%, rgb(254, 255, 255) 100%); border-radius: 0px 0px 5px 5px; left: 0px; top: 100%; width: 240px; border-right-color: rgb(227, 234, 241); border-bottom-color: rgb(227, 234, 241); border-left-color: rgb(227, 234, 241); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 9;
}
#header-nav #gnav .sub-nav > li > a {
padding: 3px 12px; display: block;
}
#header-nav #gnav .sub-nav > li > a:hover {
background-color: rgb(240, 240, 240);
}
#header-nav #gnav > li:last-child .sub-nav {
left: auto; right: 0px;
}
#header-nav #contacts {
top: -8px; right: 0px; position: absolute;
}
#header-nav #contacts li {
margin-left: 5px; float: right;
}
#header-nav #contacts li a {
padding: 6px 12px; border-radius: 5px; text-align: center; color: rgb(255, 255, 255); display: block; background-color: rgb(22, 71, 129);
}
.country-select-heading {
color: rgb(20, 74, 134); padding-left: 20px; font-weight: bold; margin-top: 5px; margin-bottom: 6px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; display: inline-block;
}
.country-select-list {
left: auto; width: 555px; right: 0px; padding-bottom: 6px;
}
.country-select-list ul > li {
margin: 0px; padding-right: 0px; padding-left: 0px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.country-select-list ul > li > a {
padding: 3px 20px; color: rgb(51, 51, 51); line-height: 1.4285; clear: both; font-weight: 400; display: block; white-space: nowrap;
}
.country-select-list ul > li > a:hover {
color: rgb(38, 38, 38); text-decoration: none; background-color: rgb(245, 245, 245);
}
.country-select-list ul > li > a:focus {
color: rgb(38, 38, 38); text-decoration: none; background-color: rgb(245, 245, 245);
}
.country-select-list li a img {
padding: 0px 5px 2px 0px;
}
.country_support_input {
padding-top: 20px; padding-bottom: 20px; padding-left: 15px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.furthercountrysupport {
font-size: 15px; font-weight: bold; margin-bottom: 10px; display: block;
}
.supportedByTitle {
font-size: 15px; font-weight: bold; margin-bottom: 10px; display: block;
}
.country-select-list ul > li:first-child img {
height: 15px;
}
.btm-link {
padding: 30px 0px; border-top-color: rgb(191, 191, 191); border-bottom-color: rgb(191, 191, 191); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.btm-link .btm-link-box {
padding: 25px 30px; color: rgb(255, 255, 255); display: block;
}
.btm-link .btm-link-box a {
text-align: center; display: block;
}
.btm-link .btm-link-box > dl dt {
text-align: center; padding-top: 10px; font-size: 1.6rem; margin-bottom: 15px;
}
.btm-link .btm-link-box > div > a > img {
width: 80px;
}
.btm-link-a > .btm-link-box {
background-color: rgb(24, 71, 123);
}
.btm-link-a:hover > .btm-link-box {
background-color: rgb(22, 63, 109);
}
.btm-link-b > .btm-link-box {
background-color: rgb(225, 82, 78);
}
.btm-link-b:hover > .btm-link-box {
background-color: rgb(204, 77, 73);
}
.btm-link-c > .btm-link-box {
background-color: rgb(83, 83, 83);
}
.btm-link-c:hover > .btm-link-box {
background-color: rgb(73, 73, 73);
}
.btm-set {
padding: 30px 10px; vertical-align: middle; position: relative;
}
.btm-set p {
display: inline-block;
}
.btm-set .bs-btn {
width: 20%;
}
.btm-set .bs-totop {
margin: auto; top: 0px; height: 1em; right: 0px; bottom: 0px; position: absolute;
}
.btm-set .bs-totop a {
color: rgb(102, 102, 102);
}
.btm-set .bs-totop a:hover {
color: rgb(35, 107, 172);
}
.btm-set .bs-totop a span::before {
font-family: FontAwesome; font-size: 1.1rem; margin-right: 5px; content: "\f077";
}
#footerArea {
margin-top: 30px;
}
#footerArea #copy {
text-align: right; color: rgb(255, 255, 255); padding-top: 30px; padding-right: 15px; padding-bottom: 10px; clear: both; font-size: 1.2rem;
}
#footerArea .footer-nav-box a::before {
left: -10px; font-family: FontAwesome; font-size: 1.4rem; font-weight: normal; margin-right: 4px; position: absolute; content: "\f105";
}
#footerArea .footer-nav-box a:hover {
color: rgb(218, 218, 218);
}
#footerArea .footer-nav-box a {
color: rgb(255, 255, 255); font-size: 1.2rem; position: relative;
}
#footerArea .footer-nav-box h4 {
margin-left: 10px;
}
#footerArea .footer-nav-box ul {
padding-bottom: 30px; margin-left: 18px;
}
#footerArea .footer-nav-box h4 a {
color: rgb(255, 255, 255); font-size: 1.4rem; font-weight: bold; margin-bottom: 10px; display: inline-block;
}
#footerArea .footer-nav-box ul li {
margin-bottom: 2px;
}
#footerArea .row-wp {
padding-top: 32px; padding-right: 5px; padding-left: 5px; background-color: rgb(81, 83, 82);
}
#footerArea .footer-nav-list {
padding: 14px; text-align: center;
}
#footerArea .footer-nav-list li {
margin-left: 5px; display: inline-block;
}
#footerArea .footer-nav-list li a {
color: rgb(102, 102, 102);
}
#footerArea .footer-nav-list li a:hover {
color: rgb(35, 107, 172);
}
#footerArea .footer-nav-list li::before {
color: rgb(119, 119, 119); margin-right: 5px; content: " | ";
}
.container-side.col-lt {
width: 230px; float: left;
}
.container-main.col-rt {
width: 900px; float: right;
}
.container-side.col-lt.news-exhibition-side {
display: none;
}
.container-main.col-rt.news-exhibition-main {
margin: auto; left: -110px; width: 900px; float: none; position: relative;
}
.pbAreaWrapper1#areaWrapper1 {
margin-right: auto; margin-left: auto;
}
.open#leftArea {
display: block;
}
.side-ttl.open .pbPageItemBlockTextBody::before {
font-family: FontAwesome; font-size: 2.1rem; margin-right: 4px; vertical-align: middle; content: "\f147";
}
.container {
padding-right: 0px; padding-left: 0px;
}
.row {
margin-right: 0px; margin-left: 0px;
}