@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');

* {
    margin: 0;
    padding: 0;
    line-height: 1;
    box-sizing: border-box;
}

ul, li {
    list-style-type: none;
}

img {
    border: 0;
}

table, th, td {
    border: none;
}

form {
    display: inline;
}

br.clear, p.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}

#contents p.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 0 1em 0;
}

.clear {
    clear: both;
}

.spShow {
    display: none;
}

a:hover img {
    opacity: 0.9;
}

#blockskip {
    height: 3px;
    background: #033;
}

#blockskip a {
    height: 1px;
    font-size: 1px;
    text-decoration: none;
    color: transparent;
}

#blockskip a.show {
    font-size: 90%;
    height: 20px;
    width: 100%;
    background: #033;
    color: #FFF;
    padding: 5px 5px 2px;
}

.caution {
    font-size: 80%;
    background: #FFC;
    padding: 2px;
}

a {
    overflow: hidden;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
    /* for IE6/7 */
}

#header:after, #headerMenu:after, #footer:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#header, #headerMenu, #footer {
    zoom: 1;
    /* for IE6/7 */
}

#toggle {
    display: none;
}

body {
    text-align: center;
    background: #FFF;
    min-width: 950px;
    font-family: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

h1, h2, h3, h4, h5, h6, th, strong, #contents dt, .textBlueBold, #contents .textBlueBold2, .wcv_sys_cal_month {
    font-family: "BIZ UDPGothic", "メイリオ", Meiryo, sans-serif;
    font-weight: 700;
}

#headerWrap {
    padding: 18px 20px;
}

header {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    /* align-items: flex-end; */
    justify-content: space-between;
}

#siteID img {
    margin-right: 55px;
}

#searchBox {
    width: 100%;
    max-width: 400px;
    padding: 10px;
    background: #c9e6d8;
    border-radius: 4px;
    position: relative;
}

#searchBox::after {
    content: '';
    position: absolute;
    right: -60px;
    bottom: 8px;
    width: 80px;
    height: 60px;
    background: url(images/mira-nozo-basic.png) no-repeat center center;
    background-size: cover;
    z-index: 99;
}

table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}

.gsc-input-box {
    padding: 8px;
}

.gsc-search-button-v2 {
    padding: 12px 20px !important;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border: none !important;
    border-radius: 0 !important;
    background-color: #026435 !important;
}

.gsc-search-button {
    margin-left: 0 !important;
}

.gsc-search-button-v2 svg {
    width: 22px;
    height: 22px;
}

#headerR {
    width: 394px;
    padding-left: 20px;
    white-space: nowrap;
    position: relative;
}

#faqButton {
    position: absolute;
    top: 3px;
    left: 20px;
    z-index: 10;
    font-size: 0.875rem;
}

#faqButton a {
    display: inline-block;
    position: relative;
    background: #ECECEC;
    border-radius: 16px;
    padding: 4px 15px 4px 50px;
    text-decoration: none;
    color: #333;
    overflow: visible;
}

#faqButton a::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 10px;
    display: block;
    width: 33px;
    height: 30px;
    background: url(images/iconQA.png) no-repeat;
    background-size: cover;
}

#changeArea {
    display: flex;
    align-items: center;
}

#changeArea ul li {
    display: inline;
}

#translate {
    position: relative;
}

#translate p.toggleSwitch {
    font-size: 80%;
    margin: 0 0 10px auto;
    width: 140px;
}

#translate p.toggleSwitch a::after {
    content: url(images/triangleDown.svg);
    display: inline-block;
    margin-left: 8px;
}

#translate p.toggleSwitch a:hover::after {
    content: url(images/triangleDown2.svg);
}

#translate p.toggleSwitch a {
    display: block;
    background: url(images/iconEarth.svg) no-repeat 10px center #FFF;
    padding: 7px 10px 7px 40px;
    color: #666;
    text-decoration: none;
    border: 1px solid #CCC;
}

#translate ul.accBox {
    display: none;
    position: absolute;
    z-index: 999;
    width: 140px;
    top: 28px;
    right: 0;
    background: #FFF;
    border: 1px solid #CCC;
    border-top: none;
}

#translate ul.accBox li {
    float: none;
    text-align: left;
    font-size: 85%;
}

ul.accBox li a {
    display: block;
    background: url(images/liSquare.gif) no-repeat 10px center;
    padding: 12px 10px 12px 25px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px dotted #CCC;
}

ul.accBox li:last-child a {
    border-bottom: none;
}

ul.accBox li a:hover {
    background: url(images/liSquare.gif) no-repeat 10px center #daf2e6;
}

#translate p.open a, #translate p a:hover {
    background: url(images/iconEarth2.svg) no-repeat 10px center #063;
    color: #FFF;
}

#translate p.open a::after, #translate p.open a:hover::after {
    content: url(images/triangleUp.svg);
}

#changeArea p {
    padding: 0 10px 0 0;
}

#charaColor {
    margin-right: 20px;
}

nav {
    padding: 0 20px 25px;
}

#gNavi {
    width: 100%;
    height: 55px;
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
}

#gNavi ul#menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#gNavi ul#menu>li {
    width: 12%;
    height: 55px;
    display: table;
    font-size: 0.875rem;
}

#gNavi ul#menu>li>a {
    display: table-cell;
    vertical-align: middle;
    background: #008746;
    line-height: 1.5;
    color: #FFF;
    text-decoration: none;
}

#gNavi ul#menu>li>a.spShow {
    display: none;
}

#gNavi ul#menu>li:nth-of-type(-n+2)>a {
    background: #C83D4E;
}

#gNavi ul#menu>li:nth-child(-n + 2)>a:hover, #gNavi ul#menu>li.focused:nth-child(-n + 2)>a {
    background: #af1a2d;
}

#gNavi ul#menu>li>a:hover, #gNavi ul#menu>li.focused>a {
    background: #006132;
}

#menu>li .mega_menu {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 99;
    width: 100%;
    padding: 30px 40px 10px;
    background-color: #006132;
    text-align: left;
}

#menu>li.red .mega_menu {
    background: #af1a2d;
}

#menu p.closeButton,
#menu a.closeButton {
    display: none;
}

.mega_menu ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.mega_menu ul li {
    width: calc(33% - 11px);
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.mega_menu ul li:nth-child(3n) {
    margin-right: 0;
}

.mega_menu ul li a {
    display: block;
    background: #FFF;
    padding: 18px;
    text-decoration: none;
    color: #000;
    position: relative;
}

.mega_menu ul li a::after {
    content: url(images/toDetail.svg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
}

.mega_menu ul li a:hover {
    background: #eee;
}

#menu ul li a span {
    font-size: 0.75rem;
}

footer {
    position: relative;
}

#toTop {
    position: absolute;
    top: -24px;
    right: 30px;
}

#footerWrap {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding: 65px 18px 18px;
    text-align: left;
    background: url(images/footerMap.png) no-repeat right bottom;
    background-size: 223px 223px;
}

#footerWrap p#footerID {
    margin-bottom: 25px;
}

#footerWrap p {
    margin-bottom: 7px;
    font-size: 0.875rem;
}

#footerWrap ul {
    margin-top: 25px;
}

#footerWrap ul li {
    display: inline;
    font-size: 0.875rem;
    margin-right: 20px;
}

#footerWrap ul li a {
    display: inline-block;
    color: #FFF;
    background: #026435;
    text-decoration: none;
    padding: 10px 30px;
}

#copyright {
    text-align: right;
    color: #666;
    font-size: 0.8125rem;
    margin: 15px 0 5px;
    padding-right: 20px;
}

/**********************************************/

#contentsArea {
    text-align: left;
    width: 100%;
    min-height: 500px;
    background: url(images/contentsBack.png);
    padding: 0 20px;
}

#topicPath {
    font-size: 75%;
    margin: 0 -20px;
    padding: 0 20px 25px;
    color: #666;
    background: #FFF;
    border-bottom: 1px solid #CCC;
}

#topicPath p {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1240px;
}

#topicPath span {
    display: inline-block;
    color: #FFF;
    background: #026435;
    padding: 4px 6px;
    border-radius: 3px;
    margin-right: 1em;
}

/* #topicPath p:before {
    content: '';
    display: block;
    width: 67px;
    height: 18px;
    background: url(images/topicPathBack.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -4px;
    left: 0;
} */

#contentsWrap, #contentsWrapStd {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    /* max-width: 1240px; */
    padding: 25px 0;
    /* display: flex; */
}

#contents {
    background: #FFF;
    padding: 30px;
    width: 100%;
    /* width: calc(100% - 240px); */
    margin-bottom: 30px;
}

#rightAreaWrap {
    display: none;
    width: 240px;
    padding-left: 40px;
}

#naviAreaWrap {
    display: none;
    width: 240px;
    padding-left: 40px;
}

#rightArea h2, #naviArea h2 {
    color: #155E0D;
    background: #BFDCB1;
    padding: 10px;
    font-size: 100%;
}

#rightArea ul, #naviArea ul {
    background: #FFF;
    border-bottom: 1px solid #063;
    margin-bottom: 2px;
}

#rightArea ul li, #naviArea ul li {
    border-bottom: 1px solid #CCC;
    font-size: 90%;
    background: url(images/liRound.gif) no-repeat 8px center;
}

#rightArea ul li a, #naviArea ul li a {
    display: block;
    padding: 15px 10px 15px 20px;
    line-height: 1.4;
}

#rightArea ul li a:hover, #naviArea ul li a:hover {
    background: url(images/liRound.gif) no-repeat 8px center #e0eed9;
}

#rightArea p {
    margin: 0 0 2px;
}

#rightArea #otoiawase {
    border: 1px solid #DDD;
}

#rightArea #otoiawase h2 {
    background: #DDD;
    color: #063;
    padding: 5px;
    font-size: 90%;
}

#rightArea #otoiawase p {
    margin: 10px;
    font-size: 90%;
    line-height: 130%;
}

#rightArea #otoiawase p.otoiawaseMail {
    background: #EEE;
    text-align: center;
    padding: 3px;
}

#rightArea #otoiawase p.otoiawaseMail a {
    background: url(images/email.png) no-repeat left center;
    padding-left: 27px;
    font-size: 90%;
}

#localNArea {
    background: url(../beta/style2011/images/lNaviBack.png) repeat-y;
    border-bottom: 1px solid #CCC;
    padding-bottom: 3px;
    margin-bottom: 25px;
}

#localNArea ul li, #leftFeature ul li {
    line-height: 0;
}

#localNArea ul li a, #leftFeature ul li a {
    line-height: normal;
}

#localNArea ul li img, #leftFeature ul li img {
    vertical-align: bottom;
}

#leftFeature {
    height: 224px;
    background: url(../beta/style2011/images/leftFeature.png) no-repeat left top;
    padding-left: 16px;
    margin-bottom: 10px;
}

#leftFeature h2 {
    text-indent: -9999px;
    line-height: 43px;
}

#leftLinks {
    margin-bottom: 10px;
}

#leftLinks ul li {
    line-height: 0;
    margin-bottom: 1px;
}

#leftLinks ul li a {
    line-height: normal;
}

#leftLinks ul li img {
    vertical-align: bottom;
}

#localNavi p {
    margin: 20px 0;
}

#gikaiMenu {
    margin-bottom: 30px;
}

#gikaiMenu ul li {
    margin-bottom: 1px;
}

#gikaiMenu ul li img {
    vertical-align: bottom;
}

#contents p.category {
    background: #063;
    color: #FFF;
    text-align: right;
    font-size: 75%;
    margin: 0 6px 0 0;
    padding: 1px 10px;
}

#contents h1, #contents p#titleImage {
    margin: 0 0 20px 0;
}

#contents h1 {
    font-size: 120%;
    background: url(images/h1Logo.png) no-repeat 10px center, #fffcfc;
    background: url(images/h1Logo.png) no-repeat 10px center, -moz-linear-gradient(top, #fffcfc 0%, #f6f6f6 60%, #e0e0e0 100%);
    background: url(images/h1Logo.png) no-repeat 10px center, -webkit-linear-gradient(top, #fffcfc 0%, #f6f6f6 60%, #e0e0e0 100%);
    background: url(images/h1Logo.png) no-repeat 10px center, linear-gradient(to bottom, #fffcfc 0%, #f6f6f6 60%, #e0e0e0 100%);
    line-height: 1.5em;
    color: #033;
    padding: 10px 10px 10px 60px;
    border: 1px solid #B0B0B0;
    box-shadow: 2px 2px 4px #EEEEFF;
}

#contents h2 {
    margin: 0 5px 10px 2px;
    padding: 8px 5px 8px 7px;
    font-size: 110%;
    border-left: 3px solid #063;
    background: #EEE;
    line-height: 1.4;
}

#contents h3 {
    margin: 0 5px 15px 2px;
    padding: 0 0 2px 8px;
    color: #063;
    border-bottom: 1px dotted #CCC;
    font-size: 110%;
    line-height: 1.4;
}

#contents h4 {
    font-size: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 10px;
    line-height: 1.4;
}

#contents h5 {
    font-size: 95%;
    margin: 0 5px 10px 20px;
    border-bottom: 1px solid #CCC;
    line-height: 1.4;
}

#contents h6 {
    font-size: 95%;
    color: #333;
    margin: 0 0 10px 20px;
    line-height: 1.4;
}

#contents p {
    font-size: 95%;
    line-height: 180%;
    margin: 0 20px 20px;
}

#contents ul {
    margin: 0 20px 20px 30px;
}

#contents ul li {
    background: url(images/liStandard.gif) no-repeat left 7px;
    padding-left: 10px;
}

#contents ol {
    margin: 0 20px 20px 50px;
}

#contents ol li {
    list-style-type: decimal;
    margin-left: 0.5em;
}

#contents li {
    margin: 0 auto 5px;
    line-height: 140%;
    font-size: 90%;
}

#contents dl {
    margin-left: 20px;
    font-size: 96%;
}

#contents dt {
    font-weight: bold;
}

#contents dd {
    margin: 10px 0 20px 1em;
    line-height: 150%;
}

hr {
    border: dotted #999;
    border-width: 1px 0px 0px 0px;
    height: 1px;
    overflow: hidden;
    margin: 8px 0 16px;
    clear: both;
}

#contents table {
    margin: 0 20px 20px;
    border-collapse: collapse;
    border: 2px solid #999;
    line-height: 150%;
    empty-cells: show;
    font-size: 90%;
}

#contents caption {
    font-size: 90%;
    color: #666;
    text-align: center;
}

#contents td, #contents th {
    border: 1px solid #999;
    padding: 5px 10px;
    vertical-align: top;
    line-height: 180%;
}

#contents th {
    color: #000;
    background: #F1F7EE;
    text-align: left;
}

#contents th p, #contents td p {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

#contents td ul {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 110%;
}

#contents td ol {
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 110%;
}

#contents blockquote {
    color: #333;
    margin: 10px 20px;
    line-height: 180%;
    font-size: 90%;
    font-style: italic;
}

#contents table td img {
    max-width: initial;
}

.otoiawase {
    margin-top: 40px;
    border: 2px solid #E8EAE5;
    padding-bottom: 10px;
    clear: both;
}

#contents .otoiawase h2, #WRAPPERW #contents .otoiawase h2 {
    background: #E8EAE5;
    font-size: 94%;
    padding: 5px 10px;
    margin: 0 0 15px;
    border-left: none;
    line-height: normal;
    height: auto;
    color: #033;
}

#contents .otoiawase span {
    display: block;
    margin: 10px 20px 0;
    line-height: 150%;
    font-size: 95%;
}

#contents .otoiawase p {
    margin: 0 10px 0 20px;
    font-size: 90%;
}

#contents .otoiawase p img {
    vertical-align: middle;
}

#contents ul li ol li {
    list-style-type: decimal;
    list-style-image: none;
}

.photoAreaL {
    float: left;
    margin: 0 20px 30px;
}

.photoAreaR {
    float: right;
    margin: 0 20px 30px;
}

#contents .photoAreaL p, #contents .photoAreaR p {
    margin: 0;
    padding: 5px;
    background: #EEE;
    font-size: 80%;
    line-height: 150%;
}

.photoAreaL180 {
    float: left;
    width: 190px;
    margin: 0 20px 30px;
}

.photoAreaR180 {
    float: right;
    width: 190px;
    margin: 0 20px 30px;
}

#contents .photoAreaL180 p, #contents .photoAreaR180 p {
    margin: 0;
    padding: 3px 5px;
    background: #EEE;
    color: #333;
    font-size: 85%;
    line-height: 150%;
}

.photoAreaL250 {
    float: left;
    width: 260px;
    margin: 0 20px 30px;
}

.photoAreaR250 {
    float: right;
    width: 260px;
    margin: 0 20px 30px;
}

#contents .photoAreaL250 p, #contents .photoAreaR250 p {
    margin: 0;
    padding: 3px 5px;
    background: #EEE;
    color: #333;
    font-size: 85%;
    line-height: 150%;
}

#contents p.marginZero {
    margin: 0;
    padding: 1px;
}

#contents p.marginZero img {
    border: 4px solid #FFF;
}

#contents h2.question {
    background: url(images/question.gif) no-repeat 15px center #EFF2FB;
    border-bottom: 3px solid #CCC;
    padding: 5px 5px 5px 50px;
    margin: 0;
    height: auto;
    line-height: 180%;
}

#contents div.answer {
    background: url(images/answer.gif) no-repeat 15px 15px;
    padding: 10px 0 0 50px;
}

#contents div.answer .otoiawase {
    margin: 30px 0 60px 20px;
}

#contents p.answer {
    background: url(images/answer.gif) no-repeat 5px 15px;
    margin: 0 0 1em;
    padding: 10px 15px 10px 50px
}

/**********************************
Additional Styles
**********************************/

.textRight {
    text-align: right;
}

.textCenter {
    text-align: center;
}

.textBlue {
    color: #006DD9;
}

.textGreen {
    color: #20B2AA;
}

.textRed {
    color: #990000;
}

.textBlueBold {
    color: #11376A;
    font-weight: bold;
}

.textPurple {
    color: #6A5ACD;
}

.textGray {
    color: #999;
}

.textSmall {
    font-size: 80%;
}

.text_small {
    font-size: 80%;
}

#contents .textSmall {
    font-size: 80%;
}

#contents .textStandard {
    font-size: 90%;
}

#contents .textSmallRight {
    font-size: 84%;
    text-align: right;
}

.textBackBlue {
    color: #FFF;
    background-color: #036;
    padding: 2px 5px;
}

#contents .textLarge {
    font-size: 120%;
}

#contents .textBlueBold2 {
    font-size: 95%;
    color: #11376A;
    background: #EDEDED;
    padding: 3px;
    margin: 0 20px 5px;
    font-weight: bold;
}

.imgLeft {
    float: left;
    margin-right: 20px;
}

.imgRight {
    float: right;
    margin-left: 20px;
}

.imgLeft2 {
    float: left;
    margin-bottom: 20px;
}

.imgRight2 {
    float: right;
    margin-bottom: 20px;
}

#contents table.tableBorderNone, #contents .tableBorderNone th, #contents .tableBorderNone td {
    border: none;
    padding: 0;
}

#contents table.tableBorderNone2, #contents .tableBorderNone2 th, #contents .tableBorderNone2 td {
    border: none;
}

#contents .tableBorderNone2 th, #contents .tableBorderNone2 td {
    padding: 10px;
}

#contents table.tableBorderNone3, #contents .tableBorderNone3 th, #contents .tableBorderNone3 td {
    border: none;
}

#contents .tableBorderNone3 th, #contents .tableBorderNone3 td {
    padding: 20px;
}

.dottedLine {
    border: dotted 2px #999;
    padding: 10px 30px;
}

.dottedLinePink {
    border: dotted 2px #F9F;
    padding: 10px 30px;
}

a.pdfLink {
    padding: 5px 0 5px 20px;
    background: url(images/pdficon.gif) no-repeat left 5px;
}

#contents p.textIndent {
    margin-left: 3em;
}

#contents p.comment1 {
    background: url(images/diamonds.gif) no-repeat left 3px;
    padding-left: 20px;
}

#contents p.comment2 {
    text-indent: -1em;
    margin-left: 2em;
}

.arrowRight {
    background: url(images/arrowRight.gif) no-repeat left center;
    padding-left: 20px;
}

.arrowRight2 {
    background: url(images/arrowRight.gif) no-repeat left 7px;
    padding-left: 20px;
}

#contents table.tableDesign1 {
    border: none;
    margin-top: 10px;
}

#contents table.tableDesign1 th, #contents table.tableDesign1 td {
    border: none;
    border-bottom: 1px solid #999;
    padding: 10px 5px;
}

#contents table.tableDesign1 th {
    background: #F9F9F9;
}

#contents table.tableDesign2 {
    border: none;
    margin-top: 10px;
}

#contents table.tableDesign2 th, #contents table.tableDesign2 td {
    border: none;
    border-bottom: 1px dotted #CCC;
    padding: 5px;
}

#contents table.tableDesign2 th {
    background: #EEE;
}

#contents table.tableDesign3, #contents .tableDesign3 th, #contents .tableDesign3 td {
    border: none;
    padding: 10px;
}

.backYellow {
    background: #FFFFE1
}

.backGreen {
    background: #EEFFF7
}

.backBlue {
    background: #E6F7FF
}

.backPink {
    background: #FFEEFF
}

.backPurple {
    background: #EEEEFF
}

.backGray {
    background: #F0F0F0;
}

.backOrange {
    background: #FFF3E8;
}

.kakomiDouble {
    margin: 0 20px;
    border: 3px #CCC double;
    padding-top: 15px;
}

.kakomiSingle {
    margin: 0 20px;
    border: 1px solid #CCC;
    padding-top: 15px;
}

#contents .kakomiSingle h2 {
    background: none;
    border: none;
    border-bottom: 1px dotted #CCC;
    margin: 0 15px 15px;
    font-size: 100%;
}

#contents ul.holButton {
    margin: 40px 20px 20px;
}

#contents ul.holButton li {
    display: inline-block;
    background: none;
    padding: 0 20px 0 0;
}

#contents ul.holButton li a {
    display: block;
    border: 1px solid #CCC;
    border-radius: 20px;
    padding: 10px 20px;
    color: #666;
    text-decoration: none;
}

#contents ul.holButton li a.agree {
    border: 1px solid #2C3684;
    background: #2C3684;
    color: #FFF;
}

#contents ul.holButton li a:hover {
    background: #4653B9;
    color: #FFF;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
    right: 20px;
    top: 6px;
    font-size: 85%;
}

#contents ul.prevNext {
    list-style-image: none;
    margin: 0 0 10px;
    padding: 0;
    line-height: 30px;
}

#contents ul.prevNext li.prevPage {
    float: left;
}

#contents ul.prevNext li.nextPage {
    float: right;
}

#indexMenu dl {
    margin: 20px;
}

#indexMenu dt {
    background: url(../beta/style2011/images/indexIcon.png) no-repeat left center;
    padding: 5px 20px;
    font-size: 120%;
    border-bottom: 1px dotted #CCC;
}

#indexMenu dd {
    color: #666;
    margin: 10px 10px 10px 20px;
    font-size: 90%;
}

#indexMenu a {
    display: block;
}

#indexMenu a:hover {
    background: #E8F5F7;
}

#contents ul li ul {
    margin: 10px 0 0px 20px;
    list-style-image: url(../beta/style2011/images/liBlue.gif);
}

#contents table.swanCalender th {
    text-align: center;
}

#contents table.swanCalender td {
    text-align: right;
}

#contents table td.vMiddle {
    vertical-align: middle;
}

#contents ul.ulInline {
    list-style-image: none;
}

#contents ul.ulInline li {
    float: left;
    text-align: center;
    margin-right: 35px;
    margin-bottom: 30px;
}

#getAcro {
    background-color: #EEF7FF;
    border: 1px solid #DDDDDD;
    margin: 40px 10px;
}

#getAcro img {
    float: left;
    margin: 10px 15px;
}

#getAcro p.acrobat {
    font-size: 90%;
    margin-bottom: 0;
    margin-left: 150px;
    padding-bottom: 10px;
    text-indent: 0;
}

#contents table.tohyoTable th {
    text-align: center;
}

.overflow {
    overflow: hidden;
}

#contents .qanda h3 {
    background: url(../beta/style2011/images/question.gif) no-repeat left center;
    padding-left: 35px;
}

#contents .qanda .answer {
    background: url(../beta/style2011/images/answer.gif) no-repeat left top;
    padding-left: 25px;
}

#contents #koho ul li {
    background: url(images/pdficon.gif) no-repeat left center;
    padding-left: 25px;
    margin: 10px auto;
    border-bottom: 1px dotted #CCC;
}

#contents #cse table, #contents #cse th, #contents #cse td {
    border: none;
    margin: 0;
    padding: 0;
}

.gsc-cursor-box {
    text-align: center;
}

.gsc-wrapper {
    margin-top: 30px;
}

#getacro {
    background-color: #FFFFCC;
    border: 1px solid #FF9900;
    margin: 20px 20px;
    padding: 10px 40px;
}

#contents #getacro p {
    height: 31px;
    line-height: 31px;
    margin: 0;
}

#contents #getacro img {
    float: left;
    margin-right: 20px;
}

#cateImage img {
    border: 1px solid #EEE;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

#newsArea {
    border: 1px solid #6CB56C;
    padding: 1px;
    width: 100%;
    margin-bottom: 20px;
}

#contents #newsArea h2 {
    padding: 8px 20px;
    margin: 0 0 15px;
    color: #FFF;
    border: none;
    background: #0e4e09;
    background: linear-gradient(0deg, #0e4e09 0%, #84ba69 100%);
    letter-spacing: 0.1em;
    box-shadow: 0 2px 5px 0 #00000080;
    font-family: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: normal;
}

#contents #newsArea h2 img {
    width: 100%;
    height: auto;
}

#contents #newsArea ul li {
    background: url(images/liRound.gif) no-repeat left 7px;
}

#indexPageMenu {
    width: 100%;
    margin-bottom: 40px;
}

#contents #indexPageMenu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

#contents #indexPageMenu ul li {
    margin-bottom: 10px;
    padding: 0;
    width: calc(50% - 10px);
    background: url(images/indexMenuBack.gif) no-repeat right top #FFF;
    border: 1px solid #49A349;
    -webkit-box-shadow: 0px 0px 10px 0px #EEE;
    box-shadow: 0px 0px 10px 0px #EEE;
}

#contents #indexPageMenu ul li a {
    display: block;
    padding: 25px 10px 25px 25px;
}

.wcv_sys_cal {
    margin-bottom: 30px;
}

.wcv_sys_cal_legend {
    display: none;
}

#contents p.wcv_sys_cal_prevbtn, #contents p.wcv_sys_cal_nextbtn, #contents p.wcv_sys_cal_month {
    margin: 0 20px;
}

.wcv_sys_cal_prevbtn {
    float: left;
}

.wcv_sys_cal_nextbtn {
    float: right;
}

.wcv_sys_cal_month {
    text-align: center;
    font-size: 110%;
    font-weight: bold;
}

.wcv_sys_cal_topbeltwrap {
    margin-top: 40px;
    background: #EEE;
}

.wcv_sys_cal table.wcv_sys_cal_caltype td p {
    line-height: 130% !important;
}

img.wcv_ww_fileicon, img.cabinet-icon {
    vertical-align: text-bottom;
    padding: 0 0 0 5px;
}

.iframeBlock {
    margin: 0 auto;
    text-align: center;
}

.iframeBlock iframe {
    border: 1px solid #EEE;
    padding: 2px;
}

.getAcrobat {
    border: 1px solid #CCC;
    padding: 10px;
}

.getAcrobat img {
    float: left;
    margin-right: 20px;
}

#contents .getAcrobat p {
    margin: 0;
    color: #333;
}

/***** （ここから）過去のフォーマットから転載 *****/

/*.text_small {font-size: 80%;}
.text_center{text-align:center;}
.text_right{text-align:right;}
*/

.td_list {
    margin: 0 0 0 1em;
    padding: 0;
    list-style-type: circle;
}

#contents dt {
    color: #063;
    font-weight: bold;
}

#contents dd {
    margin: 10px 0 30px 20px;
    line-height: 175%;
}

.photo {
    float: left;
    padding: 5px 20px 10px 0;
}

.photo_r {
    float: right;
    padding: 5px 0 10px 20px;
}

.photo_clear {
    clear: both;
}

.photo_caption {
    float: left;
    margin: 5px 20px 10px 0;
}

.photo_caption_r {
    float: right;
    margin: 5px 0 10px 20px;
}

#contents div.photo_caption img, #contents-wide div.photo_caption img {
    margin: 0;
}

#contents div.photo_caption p, #contents-wide div.photo_caption p, #contents div.photo_caption_r p, #contents-wide div.photo_caption_r p {
    margin: 0;
    padding: 2px 5px;
    font-size: 80%;
    background-color: #EEE;
}

rt {
    font-size: 70%;
}

#contents table.layout_table, #contents table.layout_table td {
    border: none;
    background: #FFF;
    padding: 5px;
    width: auto;
}

#contents table.layout_table2, #contents table.layout_table2 td {
    border: none;
    background: #FFF;
    padding: 5px;
    width: auto;
    vertical-align: top;
}

#contents table.layout_table_cap, #contents table.layout_table_cap td {
    border: none;
    background: #FFF;
    padding: 0px;
    width: auto;
    vertical-align: middle;
}

#contents table.layout_table_cap td p {
    font-size: 80%;
    padding: 2px 5px;
    margin: 0;
}

#contents #getacro {
    list-style: none;
    margin: 0 auto 20px;
    padding: 16px;
    width: 80%;
}

#contents #getacro li {
    margin: 0 auto 12px;
    background: none;
}

#contents #getacro img {
    float: left;
    padding: 0 16px 0 0;
}

p#formBt {
    text-align: center;
}

/********** Social Button **********/

#contents #socialButton {
    position: relative;
    padding-top: 20px;
}

#contents #socialButton ul {
    position: absolute;
    top: -15px;
    right: -15px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#contents #socialButton ul li {
    background: none;
    float: left;
}

#weblio_rws_ah {
    display: none;
}

#emergencyArea {
    background: #FFF;
    margin-bottom: 10px;
}

#emergencyInside {
    padding: 10px 10px 0;
    font-size: 90%;
    border: 1px solid #B70000;
}

#emergencyArea h2 {
    background: #B70000;
    color: #FFF;
    border-radius: 10px 10px 0 0;
    font-size: 108%;
    padding: 3px 10px;
    border-top: 1px solid #B70000;
    border-left: 1px solid #B70000;
    border-right: 1px solid #B70000;
    border-bottom: 1px solid #FFF;
}

#contents #emergencyInside {
    padding: 0;
    border: none;
    margin-bottom: 40px;
    font-size: 100%;
}

#contents table.voiceTable {
    margin: 0 0 20px;
    width: 100%;
}

.jigyoshoItem {
    border-bottom: 2px dotted #CCC;
    overflow: hidden;
    margin-bottom: 30px;
}

#contents .jigyoshoItem p.imgLeft50 {
    width: 50%;
    margin: 0 20px 20px;
}

#contents .compName {
    background: #EEE;
    margin: 0 20px 10px;
    padding: 5px 20px;
    color: #666;
}

#contents .compName a {
    font-size: 1.125rem;
    font-family: "BIZ UDPGothic", "メイリオ", Meiryo, sans-serif;
    font-weight: 700;
}

#contents p.imgLeft50 {
    float: left;
    width: 50%;
    margin: 0 0 20px 20px;
}

.imgLeft50 img,
.imageRight50 img {
    width: 100%;
    height: auto;
}

#wcv_sys_content .imgLeft50 img,
#wcv_sys_content .imgRight50 img {
	width: auto;
}

.compLink a {
    background: url(images/building.svg) no-repeat left center;
    background-size: auto 20px;
    padding: 5px 0 5px 24px;
}

.jigyosho .imgLeft,
.jigyosho .imgRight {
    width: 50%;
}

.jigyosho .imgLeft img,
.jigyosho .imgRight img {
    width: 100%;
    height: auto;
}

#floating {
    position: fixed;
    bottom: 0;
    right: 4px;
}

#floating a img {
    width: 180px;
    height: auto;
}

#floating a {
    display: block;
    border-radius: 50%;
}

#bannerClose {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

#bannerClose img {
    width: 25px;
    height: auto;
}

#wcv_sys_edit_pageeditarea #floating,
#wcv_sys_edit_pageeditarea #floating2 {
    display: none;
}

#floating2 {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #d2e4d8;
    padding: 30px 30px 30px 0;
    display: flex;
}

#floating2 a img {
    width: 320px;
    height: auto;
}

#bannerClose2 {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: -35px;
}

#bannerClose2 img {
    width: 25px;
    height: auto;
}

#floating2 h2 {
    writing-mode: vertical-rl;
    font-family: "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size: 0.875rem;
    margin-right: 20px;
}

#floating2 span {
    display: inline-block;
    padding: 8px 4px 0;
    background: #008747;
    color: #FFF;
    letter-spacing: 8px;

}

ul#ads {
    display: flex;
}

ul#ads li {
    margin: 0 10px;
}



@media screen and (max-width:1200px) {
    #searchBox::after {
        display: none;
    }
}

@media screen and (max-width:599px) {
    body {
        min-width: 100%;
        -webkit-text-size-adjust: 100%;
    }
    body * {
        box-sizing: border-box;
        max-width: 100%;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .pcShow {
        display: none !important;
    }
    .spShow {
        display: block;
    }
    #contents p.imgLeft, #contents p.imgRight, #contents .photoAreaL, #contents .photoAreaR {
        float: none;
        text-align: center;
        margin: 0 0 30px 0;
    }
    #contents .photoAreaL p, #contents .photoAreaR p {
        background: #FFF;
    }
    #headerWrap {
        padding: 18px 10px;
    }
    header {
        display: block;
    }
    #siteID {
        text-align: left;
        width: 40%;
        margin-bottom: 20px;
    }
    #headerR {
        padding-left: 0;
        width: auto;
        position: absolute;
        top: 16px;
        right: 85px;
    }
    #faqButton {
        position: initial;
        margin-bottom: 4px;
        font-size: 0.75rem;
    }
    #faqButton a {
        display: block;
        padding: 4px 10px;
        border-radius: 0;
    }
    #faqButton a::before {
        display: none;
    }
    #translate p.toggleSwitch {
        width: 100px;
    }
    #translate p.toggleSwitch a {
        background: none;
        padding: 7px 10px 7px 10px;
    }
    #translate p.open a, #translate p a:hover {
        background: #063;
    }
    #translate p.toggleSwitch a::after {
        margin-left: 5px;
    }
    .gsc-input-box {
        border-color: #026435 !important;
    }
    button.gsc-search-button-v2 {
        width: 50px;
        height: 42px;
        padding: 5px 15px !important;
        border-radius: 0 8px 8px 0 !important;
    }
    #searchBox {
        max-width: 100%;
    }
    #changeArea {
        display: none;
    }
    #topicPath {
        display: none;
    }
    nav {
        position: absolute;
        top: 30px;
        right: 0;
        padding: 0;
    }
    #gNavi {
        height: auto;
    }
    #gNavi ul#menu {
        display: flex;
        flex-wrap: wrap;
    }
    #toggle {
        display: block;
        text-align: right;
        padding-right: 20px;
    }
    #menuWrap {
        display: none;
        position: static;
        background: #c6e3d5;
        padding: 40px 20px;
        border-radius: 10px;
        box-shadow: 0px 5px 10px #0003;
    }
    .menu-trigger, .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .menu-trigger {
        position: relative;
        width: 30px;
        height: 20px;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #333;
        border-radius: 2px;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 9px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-trigger.motion span:nth-of-type(1) {
        -webkit-transform: translateY(10px) rotate(-315deg);
        transform: translateY(10px) rotate(-315deg);
    }
    .menu-trigger.motion span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.motion span:nth-of-type(3) {
        -webkit-transform: translateY(-10px) rotate(315deg);
        transform: translateY(-10px) rotate(315deg);
    }
    #gNavi ul#menu>li {
        width: calc(50% - 3px);
    }
    #gNavi ul#menu>li {
        height: 65px;
        margin-bottom: 7px;
        text-align: left;
    }
    #gNavi ul#menu>li>a {
        padding-top: 0;
        padding-left: 40%;
    }
    #gNavi ul#menu>li>a.spShow {
        display: table-cell;
    }
    #gNavi ul#menu>li:first-child>a,
    #gNavi ul#menu>li:first-child>a:hover {
        background: url(images/navi1.svg) no-repeat 20px center #C83D4E;
    }
    #gNavi ul#menu>li:nth-child(2)>a,
    #gNavi ul#menu>li:nth-child(2)>a:hover {
        background: url(images/navi2.svg) no-repeat 20px center #C83D4E;
    }
    #gNavi ul#menu>li:nth-child(3)>a {
        background: url(images/navi3.svg) no-repeat 20px center #008746;
    }
    #gNavi ul#menu>li:nth-child(4)>a {
        background: url(images/navi4.svg) no-repeat 10px center #008746;
    }
    #gNavi ul#menu>li:nth-child(5)>a {
        background: url(images/navi5.svg) no-repeat 20px center #008746;
    }
    #gNavi ul#menu>li:nth-child(6)>a {
        background: url(images/navi6.svg) no-repeat 20px center #008746;
    }
    #gNavi ul#menu>li:nth-child(7)>a {
        background: url(images/navi7.svg) no-repeat 20px center #008746;
    }
    #gNavi ul#menu>li:nth-child(8)>a {
        background: url(images/navi8.svg) no-repeat 20px center #008746;
    }

    #menu>li .mega_menu {
        position: fixed;
        top: inherit;
        bottom: 10px;
        left: 15px;
        z-index: 9999;
        width: calc(100% - 30px);
        border-radius: 10px;
        padding: 30px 40px 30px;
    }
    body.gray {
        height: 100%;
        overflow: hidden;
    }
    body.gray::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #000000cc;
        z-index: 999;
    }
    /* #menu>li>a {
        pointer-events: none;
    } */
    .mega_menu ul {
        display: block;
        margin-bottom: 40px;
        height: 60vh;
        overflow-y: scroll;
    }
    .mega_menu ul li {
        width: 100%;
        margin: 0 0 10px;
    }
    .mega_menu ul li a {
        padding: 15px;
    }
    #menu p.closeButton {
        display: block;
        text-align: right;
        margin-bottom: 20px;
    }
    #menu p a.closeButton {
        display: block;
        text-align: center;
        width: 100%;
        background: #FFF;
        color: #000;
        text-decoration: none;
        padding: 10px;
    }






    #contentsArea {
        padding: 0 10px;
    }
    #contentsWrap, #contentsWrapStd {
        padding: 10px 0 25px;
        display: block;
    }
    #contents {
        width: 100%;
        padding: 5px;
    }
    #rightAreaWrap {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    #rightAreaWrap img {
        width: 100%;
        height: auto;
    }
    #naviAreaWrap {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    #footerWrap {
        background: none;
    }
    #footerWrap p {
        line-height: 1.5;
    }
    #footerWrap p span {
        display: inline-block;
    }
    #footerWrap ul li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #footerWrap ul li a {
        display: block;
        text-align: center;
    }
    #copyright {
        text-align: center;
    }
    .tableWrap {
        overflow-x: scroll;
    }
    #contents form table {
        margin: 0 0 20px;
    }
    #contents form table th,
    #contents form table td {
        display: block;
    }
    #contents .jigyoshoItem p.imgLeft50 {
        float: none;
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    #contents p.imgLeft50 {
        float: none;
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    #contents.jigyosho p.imgLeft, #contents.jigyosho p.imgRight {
        float: none;
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    #floating a img {
        width: 100px;
        height: auto;
    }
    #bannerClose img,
    #bannerClose2 img {
        width: 10px;
        height: auto;
    }
    #bannerClose2 {
        top: -1px;
        right: -15px;
    }
    #floating2 {
        padding: 0 10px 0 0;
        width: 167px;
    }
    #floating2 h2 {
        margin-right: 10px;
    }
    ul#ads {
        display: block;
    }
    ul#ads li {
        margin: 6px 0;
    }
}