html{
font-size: 62.5%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{
display: block;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table{
margin-top: 0;
box-sizing: border-box;
}
ul{
margin: 0;
box-sizing: border-box;
}
nav{
box-sizing: border-box;
}
/* body */
body {
text-align: left;
padding:0px;
margin:0px;
word-wrap: break-word;
word-break: break-all;
font-size: 13px;
font-size: 1.3rem;
font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", Arial, sans-serif;
line-height: 1.5;
}
#content {
position: relative;
}
/* Parts */
.sp-part-top {
display: block;
position: relative;
}
.sp-part-top:after {
display: table;
clear: both;
content: "";
}
/* copyright */
.hpb-copyright {
display: block;
text-align: center;
}
/* layout */
/*ΗΑ*/
#main {
overflow: hidden;
padding: 0;
margin: 0 auto;
}
#main:after {
clear: both;
display: table;
content: "";
}
/*ΗΑ*/
#colophon {
padding: 0px;
padding-top: 30px;
width:100%;
margin: 0 auto;
}
#sidebar1, #sidebar2 {
float: none;
width: auto;
padding: 0px;
box-sizing:border-box;
}
/*---*/
#primary
{
margin-top:0;
}
.screen-reader-text{
display:none;
}
/* table */
th {
text-align: left;
}
table.sp-part-top {
margin: 5px auto;
display: table;
border-collapse: collapse;
width: 100%;
}
table > tbody > tr > th, table > tbody > tr > td {
padding: 5px 8px;
}
/* Yahoo!R-n}, Google}bv */
div[data-hpbmap] {
word-wrap: normal;
}
div[data-hpbmap] img {
max-width: none !important;
}
/* ΗΑ */
@media screen and (max-width: 568px){
* {
box-sizing: border-box;
}
body {
min-width: 100%;
}
#masthead {
position: static;
}
#primary, #main-inner, #contenthead, #content {
float: none;
width: 100%;
}
#main,#content {
width: 100%;
padding: 0;
}
#main-inner {
padding: 10px;
}
#sidebar1, #sidebar2 {
float: none;
width: auto;
padding: 10px;
box-sizing:border-box;
}
#colophon {
padding: 10px;
}
}
#colophon {
background-color : #3c3f53;
background-image : url(img/line-01.gif);
background-repeat : repeat-x;
}
a {
color : #3c3f53;
text-decoration : none;
outline-width : medium;
outline-style : none;
outline-color : black;
}
a:hover,a:active {
text-decoration : underline;
}
body {
line-height : 1.5;
color : #333333;
background-color : #fafafa;
}
@media screen and (min-width: 569px) {
#colophon {
padding-top : 25px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 10px;
margin-top : 20px;
}
#colophon .inner-box {
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 900px;
}
#contenthead {
margin-bottom : 20px;
}
#main {
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 900px;
}
#masthead {
margin-bottom : 20px;
position : relative;
}
#page-content {
width : 100%;
}
}
@media screen and (min-width: 569px) {
#contenthead,#content {
width : 900px;
}
}
@media screen and (max-width: 568px) {
#main-inner,#sidebar1,#sidebar2 {
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
}
}
#sp-site-branding-1 {
padding-top : 20px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 900px;
}
#sp-site-branding-1 .site-description {
font-size : 1rem;
font-weight : normal;
color : #929292;
text-align : right;
width : 900px;
height : 1rem;
position : absolute;
top : 15px;
}
#sp-site-branding-1 .site-title {
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
width : 430px;
height : 66px;
float : left;
display : block;
overflow : hidden;
}
#sp-site-branding-1 .site-title a {
background-image : url(img/site-logo-2.png);
background-repeat : no-repeat;
padding-top : 66px;
width : 430px;
display : block;
}
@media screen and (max-width: 568px) {
#sp-site-branding-1 {
padding-top : 0px;
width : 100%;
}
#sp-site-branding-1 .site-description {
display : none;
}
#sp-site-branding-1 .site-title {
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 100%;
float : none;
}
#sp-site-branding-1 .site-title a {
background-position : center top;
background-size : 100% auto;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 100%;
max-width : 360px;
}
}
#page-content, #sp-block-container-1, #sp-block-container-3 {
color : #000000;
margin-bottom : 20px;
}
#page-content> .large, #sp-block-container-1> .large, #sp-block-container-3> .large {
font-size : 1.2em;
}
#page-content> .medium, #sp-block-container-1> .medium, #sp-block-container-3> .medium {
font-size : 1em;
}
#page-content> .small, #sp-block-container-1> .small, #sp-block-container-3> .small {
font-size : 0.9em;
}
#page-content> .x-large, #sp-block-container-1> .x-large, #sp-block-container-3> .x-large {
font-size : 1.5em;
}
#page-content> .x-small, #sp-block-container-1> .x-small, #sp-block-container-3> .x-small {
font-size : 0.8em;
}
#page-content> .xx-large, #sp-block-container-1> .xx-large, #sp-block-container-3> .xx-large {
font-size : 2em;
}
#page-content> .xx-small, #sp-block-container-1> .xx-small, #sp-block-container-3> .xx-small {
font-size : 0.7em;
}
#page-content> div, #sp-block-container-1> div, #sp-block-container-3> div {
margin-bottom : 0px;
}
#page-content> em, #sp-block-container-1> em, #sp-block-container-3> em {
font-style : oblique;
}
#page-content> h1, #sp-block-container-1> h1, #sp-block-container-3> h1 {
font-size : 20px;
margin-bottom : 15px;
}
#page-content> h1,#page-content> h2,#page-content> h3, #sp-block-container-1> h1,#sp-block-container-1> h2,#sp-block-container-1> h3, #sp-block-container-3> h1,#sp-block-container-3> h2,#sp-block-container-3> h3 {
font-weight : normal;
color : #0d0e12;
background-color : #f1f1f1;
padding-top : 15px;
padding-left : 20px;
padding-right : 20px;
padding-bottom : 15px;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #3c3f53;
}
#page-content> h2, #sp-block-container-1> h2, #sp-block-container-3> h2 {
font-size : 18px;
margin-bottom : 15px;
}
#page-content> h3, #sp-block-container-1> h3, #sp-block-container-3> h3 {
font-size : 16px;
font-weight : normal;
color : #0d0e12;
background-color : #f1f1f1;
padding-top : 15px;
padding-left : 20px;
padding-right : 20px;
padding-bottom : 15px;
border-top-width : 1px;
border-top-style : solid;
border-top-color : #3c3f53;
}
#page-content> h4, #sp-block-container-1> h4, #sp-block-container-3> h4 {
font-size : 14px;
line-height : 1.2;
text-align : left;
padding-top : 5px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 2px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 1em;
clear : both;
}
#page-content> h5, #sp-block-container-1> h5, #sp-block-container-3> h5 {
font-size : 13px;
line-height : 1.2;
text-align : left;
padding-top : 5px;
padding-bottom : 5px;
margin-top : 0px;
margin-bottom : 1em;
clear : both;
}
#page-content> h6, #sp-block-container-1> h6, #sp-block-container-3> h6 {
font-size : 12px;
}
#page-content> hr, #sp-block-container-1> hr, #sp-block-container-3> hr {
margin-top : 25px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 25px;
border-top-width : 1px;
border-left-width : medium;
border-right-width : medium;
border-bottom-width : medium;
border-top-style : solid;
border-left-style : none;
border-right-style : none;
border-bottom-style : none;
border-top-color : #e2e2e2;
border-left-color : #e2e2e2;
border-right-color : initial;
border-bottom-color : #e2e2e2;
}
#page-content> p, #sp-block-container-1> p, #sp-block-container-3> p {
line-height : 1.5;
text-align : left;
margin-top : 0.5em;
margin-left : 1em;
margin-right : 1em;
margin-bottom : 20px;
}
#page-content> p.indent, #sp-block-container-1> p.indent, #sp-block-container-3> p.indent {
padding-left : 10px;
}
#page-content> strong, #sp-block-container-1> strong, #sp-block-container-3> strong {
font-weight : bold;
}
@media screen and (max-width: 568px) {
#page-content, #sp-block-container-1, #sp-block-container-3 {
}
}
#sp-site-navigation-1 {
font-size : 1.3rem;
background-image : url(img/back-01.png);
}
#sp-site-navigation-1 .menu-toggle {
display : none;
}
#sp-site-navigation-1 .screen-reader-text {
display : none;
}
#sp-site-navigation-1 ul {
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 100%;
max-width : 900px;
list-style-type : none;
list-style-position : outside;
}
#sp-site-navigation-1 ul a {
text-decoration : none;
}
#sp-site-navigation-1 ul ul {
background-color : #efefef;
border-top-width : 1px;
border-left-width : 1px;
border-right-width : 1px;
border-bottom-width : medium;
border-top-style : solid;
border-left-style : solid;
border-right-style : solid;
border-bottom-style : none;
border-top-color : #3c3f53;
border-left-color : #3c3f53;
border-right-color : #3c3f53;
border-bottom-color : initial;
width : auto;
min-width : 150px;
display : none;
position : absolute;
top : 100%;
left : 0px;
z-index : 9999;
}
#sp-site-navigation-1 ul ul li {
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #3c3f53;
width : 100%;
white-space : nowrap;
}
#sp-site-navigation-1 ul ul li a {
color : #797979;
padding-top : 5px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 5px;
display : block;
}
#sp-site-navigation-1 ul ul li a:hover {
color : #ffffff;
background-color : #3c3f53;
}
#sp-site-navigation-1 ul ul li.current_page_item> a,#sp-site-navigation-1 ul ul li.current_page_ancestor> a,#sp-site-navigation-1 ul ul li.current-menu-item> a,#sp-site-navigation-1 ul ul li.current-menu-ancestor> a {
color : #ffffff;
background-color : #3c3f53;
}
#sp-site-navigation-1 ul ul li:hover {
position : relative;
}
#sp-site-navigation-1 ul ul li:hover> ul {
display : block;
top : 0px;
left : 100%;
}
#sp-site-navigation-1> ul {
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 0px;
width : 100%;
max-width : 900px;
}
#sp-site-navigation-1> ul::after {
clear : both;
display : table;
content : "";
}
#sp-site-navigation-1> ul> li {
float : left;
}
#sp-site-navigation-1> ul> li.current_page_item> a,#sp-site-navigation-1> ul> li.current_page_ancestor> a,#sp-site-navigation-1> ul> li.current-menu-item> a,#sp-site-navigation-1> ul> li.current-menu-ancestor> a {
color : #ffffff;
background-color : #3c3f53;
}
#sp-site-navigation-1> ul> li:hover {
position : relative;
}
#sp-site-navigation-1> ul> li:hover> ul {
display : block;
}
#sp-site-navigation-1> ul> li> a {
color : #222222;
padding-top : 1.7em;
padding-left : 3em;
padding-right : 3em;
padding-bottom : 1.7em;
border-right-width : 1px;
border-right-style : solid;
border-right-color : #fafafa;
display : block;
}
#sp-site-navigation-1> ul> li> a:hover {
color : #ffffff;
background-color : #3c3f53;
}
@media screen and (max-width: 568px) {
#sp-site-navigation-1 {
background-color : #3c3f53;
background-image : none;
padding-top : 0px;
margin-top : 10px;
position : relative;
}
#sp-site-navigation-1 .menu-toggle {
background-image : url(img/icon-menu.png);
background-repeat : no-repeat;
background-position : center center;
text-indent : -999em;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
display : none;
cursor : pointer;
}
#sp-site-navigation-1 .screen-reader-text {
display : none;
}
#sp-site-navigation-1 li {
background-repeat : repeat-x;
background-position : left top;
padding-left : 0px;
border-left-width : 0px;
}
#sp-site-navigation-1 li a {
color : #ffffff;
display : block;
}
#sp-site-navigation-1 ul {
background-color : #ffffff;
background-image : url(img/back-01.png);
width : auto;
height : auto;
display : block;
list-style-type : none;
list-style-position : outside;
}
#sp-site-navigation-1 ul li {
width : auto;
float : none;
}
#sp-site-navigation-1 ul li a {
line-height : 24px;
color : #3c3f53;
background-repeat : no-repeat;
background-position : 5px 12px;
text-decoration : none;
padding-top : 8px;
padding-left : 25px;
padding-right : 10px;
padding-bottom : 7px;
float : none;
}
#sp-site-navigation-1 ul li a:hover,#sp-site-navigation-1 ul li a:active {
color : #ffffff;
text-decoration : none;
}
#sp-site-navigation-1 ul li li {
background-image : none;
}
#sp-site-navigation-1 ul ul {
background-color : transparent;
border-top-width : medium;
border-left-width : medium;
border-right-width : medium;
border-bottom-width : medium;
border-top-style : none;
border-left-style : none;
border-right-style : none;
border-bottom-style : none;
border-top-color : initial;
border-left-color : initial;
border-right-color : initial;
border-bottom-color : initial;
width : auto;
min-width : 150px;
display : block;
position : relative;
top : 100%;
left : 0px;
z-index : 9999;
}
#sp-site-navigation-1 ul ul li {
border-bottom-width : medium;
border-bottom-style : none;
border-bottom-color : initial;
}
#sp-site-navigation-1 ul ul li a {
color : #ffffff;
padding-top : 8px;
padding-left : 50px;
padding-right : 50px;
padding-bottom : 8px;
border-bottom-width : medium;
border-bottom-style : none;
border-bottom-color : initial;
}
#sp-site-navigation-1 ul ul li a:hover {
background-color : rgba(0, 0, 0, 0.3);
}
#sp-site-navigation-1 ul> li {
color : #ffffff;
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
}
#sp-site-navigation-1.button-menu .menu-toggle {
display : block;
}
#sp-site-navigation-1.button-menu ul.toggled-on {
display : block;
}
#sp-site-navigation-1.button-menu> ul {
display : none;
}
#sp-site-navigation-1.button-menu> ul> ul {
display : block;
}
#sp-site-navigation-1> ul> li.current_page_item> a,#sp-site-navigation-1> ul> li.current_page_ancestor> a,#sp-site-navigation-1> ul> li.current-menu-item> a,#sp-site-navigation-1> ul> li.current-menu-ancestor> a {
color : #ffffff;
background-color : rgba(0, 0, 0, 0.3);
background-image : none;
}
#sp-site-navigation-1> ul> li> a:hover {
background-color : rgba(0, 0, 0, 0.3);
}
}
#sp-site-navigation-2 {
color : #ffffff;
background-color : #3c3f53;
text-align : center;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
width : 100%;
box-sizing : border-box;
}
#sp-site-navigation-2 .menu-toggle {
display : none;
}
#sp-site-navigation-2 .screen-reader-text {
display : none;
}
#sp-site-navigation-2 a {
color : #ffffff;
}
#sp-site-navigation-2 ul {
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
list-style-type : none;
list-style-position : outside;
}
#sp-site-navigation-2 ul li {
display : inline;
}
#sp-site-navigation-2 ul li ul {
display : none;
}
#sp-site-navigation-2 ul li::after {
margin-top : 0px;
margin-left : 5px;
margin-right : 5px;
margin-bottom : 0px;
content : '/';
}
@media screen and (max-width: 568px) {
#sp-site-navigation-2 {
text-align : center;
width : 95%;
}
#sp-site-navigation-2 .menu-toggle {
display : none;
cursor : pointer;
}
#sp-site-navigation-2 .screen-reader-text {
display : none;
}
#sp-site-navigation-2 ul {
display : block;
list-style-type : none;
list-style-position : outside;
}
#sp-site-navigation-2 ul li {
display : block;
}
#sp-site-navigation-2 ul ul {
display : none;
}
#sp-site-navigation-2.button-menu {
background-color : #3c3f53;
background-image : none;
padding-top : 0px;
margin-top : 0px;
border-top-width : 1px;
border-left-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-left-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-top-color : #ffffff;
border-left-color : #ffffff;
border-right-color : #ffffff;
border-bottom-color : #ffffff;
position : relative;
}
#sp-site-navigation-2.button-menu .menu-toggle {
background-image : url(img/icon-menu.png);
background-repeat : no-repeat;
background-position : center center;
text-indent : -999em;
padding-top : 10px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
display : block;
cursor : pointer;
}
#sp-site-navigation-2.button-menu ul {
display : none;
}
#sp-site-navigation-2.button-menu ul.toggled-on {
display : block;
}
}
#breadcrumb-list {
}
#breadcrumb-list div {
margin-top : 20px;
margin-right : 10px;
margin-bottom : 0px;
width : auto;
display : inline-block;
}
@media screen and (max-width: 568px) {
#breadcrumb-list {
padding-left : 10px;
padding-right : 10px;
}
}
#sp-page-title-15 {
background-image : url(img/back-01.png);
padding-top : 15px;
padding-left : 20px;
padding-right : 15px;
padding-bottom : 0px;
margin-bottom : 20px;
position : relative;
}
#sp-page-title-15::before {
border-left-width : 5px;
border-left-style : solid;
border-left-color : #3c3f53;
height : 60%;
display : block;
position : absolute;
top : 20%;
left : 0px;
content : "";
}
#sp-page-title-15> h1 {
font-size : 1.7rem;
font-weight : bold;
color : #3c3f53;
}
#sp-definition-list-4 {
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
width : 100%;
max-width : 900px;
list-style-type : none;
}
#sp-definition-list-4 dd {
padding-top : 1px;
padding-left : 16px;
padding-right : 0px;
padding-bottom : 7px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
#sp-definition-list-4 dt {
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
#sp-definition-list-4> dd {
color : #333333;
}
#sp-definition-list-4> dt {
font-weight : bold;
color : #333333;
}
#sp-block-container-3 {
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
#sp-site-branding-1 {
}
#sp-site-branding-1> .inner-box> .site-title> a {
background-image : url(img/kyogikailogo.png);
}
@media screen and (min-width: 569px) {
#sp-block-container-1 {
width : 450px;
position : absolute;
top : 45px;
left : 50%;
}
#sp-block-container-1 p {
font-size : 1.3rem;
color : #929292;
text-align : right;
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
#sp-site-branding-1 {
}
}
@media screen and (max-width: 568px) {
#sp-block-container-1 {
padding-top : 5px;
margin-bottom : 0px;
width : 100%;
top : 0px;
left : 0%;
}
#sp-block-container-1 p {
font-size : 1rem;
color : #929292;
text-align : left;
padding-top : 0px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
width : 100%;
box-sizing : border-box;
}
}