@charset "UTF-8";

/* common
-------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    font-weight: normal;
    color: #000000
}

img,
div,
h1,
h2,
h3,
h4,
h5,
form {
    margin: 0;
    padding: 0;
    border: 0 none;
}

th,
td,
div {
    word-break: break-all;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

p {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 130%;
}

h1 {
    width: 100%;
    padding-top: 34px;
    padding-left: 0;
}

table {
    margin: 0;
    padding: 0;
    line-height: 130%;
}

form table {
    border-collapse: collapse;
}

input,
textarea,
select {
    line-height: 130%;
}

input[type="text"],
textarea {
    padding: 2px 3px 2px 3px;
    border: 1px solid #9b9b9b;
}

input[type="radio"] {
    vertical-align: middle;
    margin: 0 3px 2px 0;
}

input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 3px 2px 0;
}

select {
    margin: 2px 4px 2px 0;
    border: 1px solid #9b9b9b;
}

address {
    font-size: 80%;
    font-style: normal;
    line-height: 150%;
    margin: 0 auto 15px;
    clear: both;
}

/* header */
#header {
    width: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    background-repeat: repeat-x;
    background-position: top;
}

#headerInner {
    width: 960px;
    min-height: 80px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

#headerInner p {
    font-size: 85%;
    padding: 10px 0 8px 5px;
}


/* グローバルナビゲーション01 */
#gNav01 {
    border-bottom: solid 2px #333;
    padding-top: 15px;
    padding-bottom: 5px;
    display: flex
}

#gNav01::after {
    content: "";
    /* border-bottom: solid 1px #fff; */
    z-index: -100;
}

#gNav01 ul {
    width: 960px;
    height: auto;
    margin: 0px auto -6px;
    padding: 0px;
    display: flex
}

#gNav01 ul li {
    width: 23%;
    margin: 0 10px;
    padding: 5px;
    border: 0px;
    border-bottom: 3px solid #333;
    text-align: center;
    font-weight: normal
}


#gNav01 ul li a:last-child {
    margin: 0px;
}

#gNav01 ul li a {
    color: #383838;
    padding: 0px 3px 0px 3px;
    width: 185px;
    height: 44px;
    margin-left: 1px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 1.5px;
    border-right: solid 1px #ffffff;
}


#gNav01 ul li a:hover {
    color: #383838;
    text-decoration: none;
}


#suvNav01 {
    position: absolute;
    display: inline;
    margin: 0;
    padding: 0;
    top: 67px;
    right: 0;
    bottom: 0px;
}

#suvNav01 li {
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 0 4px 0 22px;
}

#gNav01 ul li,
#suvNav01 li {
    list-style: none;
}


#suvNav01 li {
    display: table-cell;
}

#gNav01 ul li:hover {
    border-bottom: 3px solid#90191e;
}

#gNav01 ul li a:hover {
    color: #333
}

#gNav01 ul li:first-child {
    margin-left: 0
}

#gNav01 ul li:last-child {
    margin-right: 0
}

* html #gNav01 ul li,
* html #suvNav01 li {
    display: inline;
    zoom: 1;
}

*+html #gNav01 ul li,
*+html #suvNav01 li {
    display: inline;
    zoom: 1;
}

/* ページ内検索 */
#search {
    position: absolute;
    display: inline;
    right: 0px;
    top: 18px;
}

#search .left {
    padding: 2px 6px 0px 17px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 90%;
    color: #888;
    font-weight: bold;
}

#pcPageSearch input {
    width: 325px;
    height: 24px;
    margin-top: -2px;
    border: 1px solid #dddddd;
    vertical-align: middle;
}

/* #search .right button {
    font-size: 14px;
    padding: 3px 0 3px;
    margin-left: 1px;
    width: 58px;
} */

button {
    border: none;
    height: 28px;
    margin-top: 2px
}

/* wrap */
#wrap {
    width: 960px;
    height: auto;
    margin: 0 auto;
}

#wrap #bgContents {
    margin: 0 auto;
    padding: 0;
}

/* footer */
#footer {
    clear: both;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    letter-spacing: 0em;
    position: relative;
    background-repeat: repeat-x;
}

#footer-cts {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}

#footer-cts a {
    color: #221815;
    text-decoration: none;
}

#footer-cts a:hover {
    color: #221815;
    text-decoration: underline;
}


#footer-cts ul {
    width: 898px;
    font-size: 85%;
    text-align: left;
    margin: 0px auto;
    padding: 0 0 5px 0;
    line-height: 150%;
    text-align: center;
}

#footer-cts li {
    display: inline;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #333;
    margin-left: 4px;
}

/* FireFox用ハック */
#footer-cts li {
    margin-left: 0px;
    padding-left: 4px;
}

/* IE7用ハック */
*:first-child+html #footer-cts li {
    margin-left: 3px;
    padding-left: 0px;
}

/* ボーダーなし */
#footer-cts li:first-child {
    border-left-width: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

address {
    width: 898px;
    font-size: 10px;
    letter-spacing: 1px;
    font-style: normal;
    line-height: 150%;
    margin: 11px auto 0px;
    text-align: center;
    clear: both;
    color: #666666;
}



/* button */
/* clearfix */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* toppage
-------------------------------------------------- */
#top-main {
    margin: 0;
    height: 150px;
    text-align: center;
}

/* top-maincts */
#top-maincts {
    width: 960px;
    height: auto;
    margin: 0 auto 12px auto;
}

#top-maincts .box {
    float: none;
    width: 306px;
    margin-right: 18px;
}

#top-maincts .box:last-child {
    margin-right: 0;
}

#top-maincts .box h3 {
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    width: 306px;
    height: 63px;
}

#top-maincts .box h3 a {
    display: block;
    margin: 3px 3px 0;
    width: 300px;
    height: 60px;
}

#top-maincts .box h3.noimage {
    text-indent: 0;
    text-align: center;
    line-height: 63px;
}

#top-maincts .box h3.noimage a {
    background-color: #ef0665;
    background: -moz-linear-gradient(top, #ff1d79, #ef0665);
    /* Firefox */
    background: -webkit-gradient(linear, center top, center bottom, from(#ff1d79), to(#ef0665));
    /* Safari,Google Chrome */
    *zoom: 1;
    /* IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff1d79, endColorStr=#ef0665, GradientType=0);
    /* IE5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1d79, endColorstr=#ef0665, GradientType=0)";
    /* IE8 */
    background: linear-gradient(to bottom, #ff1d79, #ef0665);
    /* IE10とOpera12.50用 */
    color: #ffffff;
}

#top-maincts .box h3.noimage a:hover {
    text-decoration: none;
}

#top-maincts .box div {
    padding: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#top-maincts .box p {
    font-size: 90%;
    padding: 4px 12px 14px 12px;
    line-height: 1.6;
}

#top-maincts .box p.pagemore,
#top-box01 .top-news p.pagemore {
    margin: 0;
    padding: 2px 5px 2px 0;
    text-align: right;
    font-size: 100%;
    clear: both;
}

#top-maincts .box p.pagemore a,
#top-box01 .top-news p.pagemore a {
    margin: 0;
    padding: 2px 0 3px 18px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left center;
}

/* top-box01 */
#top-box01 {
    width: 1140px;
    height: auto;
    padding: 9px 0 9px 0;
}

#top-box01 .left {
    float: none;
    width: 560px;
    height: auto;
    min-height: 290px;
    margin: 0 19px 0 0;
    padding: 0;
}

#top-box01 .right {
    width: 560px;
    height: auto;
    min-height: 290px;
    float: none;
    margin: 0;
    padding: 0;
}

#top-box01 h3 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#top-box01 .left h3 {
    width: 634px;
}

#top-box01 p.pagemore {
    margin: 0 24px 10px 0;
}

#top-box01 .top-outline {
    width: 308px;
    height: 215px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
}

#top-box01 .top-outline h3 {
    margin: 22px 0 0 22px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 33px;
    width: 258px;
}

#top-box01 .top-outline p.txt {
    font-size: 85%;
    padding: 16px 22px 0 22px;
    line-height: 1.8;
}

#top-box01 .top-news {
    position: relative;
}

#top-box01 .top-news h3 {
    height: 34px;
    margin-bottom: 10px;
}

#top-box01 .top-news p.pagemore {
    font-size: 85%;
    position: absolute;
    top: 7px;
    right: 10px;
    margin-right: 0;
    font-weight: bold;
}

#top-box01 .top-news p.pagemore a {
    color: #0a3c95;
}

#top-box01 .top-news dl dt {
    clear: left;
    float: none;
    width: 6.5em;
    padding: 10px 0.5em;
}

#top-box01 .top-news dd {
    margin-left: 0;
    padding: 10px 0.5em 10px 7.5em;
    border-bottom: dotted 1px #c9c9c9;
}

/* subpage common
-------------------------------------------------- */
/* pankuzu */
#pankuzu {
    width: 960px;
    font-size: 80%;
    line-height: 120%;
    list-style-type: none;
}

#pankuzu ul {
    margin: 0;
    padding: 15px 0;
}

#pankuzu li {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    padding-right: 4px;
    display: table-cell;
}

* html #pankuzu li {
    display: inline;
    zoom: 1;
}

*+html #pankuzu li {
    display: inline;
    zoom: 1;
}

#pankuzu li.pankuzu-nolist {
    display: none;
    padding-left: 0;
}

/* ttlImg */
h2.ttlImg {
    margin: 0 auto 24px auto;
    line-height: 150px;
    padding: 0 0 0 40px;

}

/* pagetop */
#pagetop {
    background-repeat: no-repeat;
    background-position: left center;
    margin: 20px 20px 20px 0;
    padding: 2px 0 3px 18px;
    line-height: 160%;
    vertical-align: middle;
    clear: both;
    float: none;
    text-align: right;
}

/* contents */
#contents {
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 10px 0 0 0;
}

#contents p {
    margin-top: 10px;
    margin-bottom: 15px;
    line-height: 150%;
}

#contents ul.subnav {
    margin: 0 0 0 25px;
    padding: 0;
    padding-top: 20px;
    list-style: none;
    text-align: right;
    float: none;
    display: inline;
}

#contents ul.subnav li {

    background-repeat: no-repeat;
    background-position: left center;
    margin: 0 0 0 15px;
    padding: 2px 0 3px 18px;
    line-height: 160%;
    vertical-align: middle;
    display: table-cell;
}

#contents .paging01 {
    clear: both;
    width: 90%;
    margin: 30px auto 10px auto;
    padding: 5px 10px;
    text-align: center;
    list-style-type: none;
}

#contents .paging01 ul {
    margin: 0 auto;
    display: inline;
}

#contents .paging01 ul li {
    background: none;
    margin: 0;
    padding: 0;
    line-height: 160%;
    display: inline;
}

#contents .paging01 ul li span {
    padding: 4px 6px;
    background-color: #eeeeee;
    border: 1px #a3a3a3#a3a3a3 solid;
}

#contents .paging01 ul li a {
    padding: 4px 6px;
    border: 1px #a3a3a3#a3a3a3 solid;
}

#contents .paging01 ul li a:hover {
    background-color: #c8dbfb;
}

#contents .paging01 ul li.next {
    padding-left: 10px;
}

#contents .paging01 ul li.prev {
    padding-right: 10px;
}

#contents .paging01 ul li.page {
    padding: 0 2px;
}

#contents #webDetailArea {
    width: 960px;
    margin: 0 auto 15px auto;
    padding-top: 0;
    clear: both;
}

#contents #newsListArea,
#contents #newsDetailArea,
#contents #contactArea {
    margin: 0 auto 15px auto;
    clear: both;
}

/* contents > detailCts
-------------------------------------------------- */
#detailCts {
    clear: both;
    width: 100%;
    margin: 0 auto 10px auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

#detailCts p {
    clear: both;
    margin: 10px 10px 19px;
}

#detailCts img {
    margin: auto 10px 5px;
}

#detailCts h3 {
    clear: both;
    margin: 0 auto 10px auto;
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #888888;
    background-color: #f6f6f6;
}

/* finish */
#detailCts p.finish {
    border: 1px solid #ebccd1;
    border-radius: 5px;
    background-color: #f2dede;
    padding: 10px;
    color: #a94442;
    margin-bottom: 30px;
}

/* external */
#detailCts a[href^="http"] {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

#detailCts a[href^="http://localhost/"] {
    background: none;
    padding-left: 0;
}

#detailCts a.external {

    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

/* pdf */
#detailCts a[href$=".pdf"] {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 2px 25px 2px 0;
}

#detailCts a.pdf {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 2px 25px 2px 0;
}

/* word */
#detailCts a[href$=".doc"] {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 2px 25px 2px 0;
}

#detailCts a.doc {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 2px 25px 2px 0;
}

/* excel */
#detailCts a[href$=".xls"] {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 2px 25px 2px 0;
}

#detailCts a.xls {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 2px 25px 2px 0;
}

/* mailto */
#detailCts a[href ^="mailto:"] {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 2px 25px 2px 0;
}

#detailCts a.mailto {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 2px 25px 2px 0;
}

/* li */
#detailCts ul {
    width: auto;
    margin: 10px auto 20px 20px;
    list-style: none;
}

#detailCts ul li {
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 12px;
    padding-right: 25px;
    margin-left: 7px;
    margin-bottom: 6px;
    line-height: 20px;
}

/* ol */
#detailCts ol {
    width: auto;
    margin: 10px auto 20px 20px;
}

#detailCts ol li {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 6px;
    line-height: 20px;
}

#detailCts ol.square {
    list-style: none;
}

#detailCts ol.square li {
    margin-left: 3em;
    position: relative;
}

#detailCts ol.square li span {
    position: absolute;
    left: -3.5em;
}

#detailCts ol.circle {
    list-style: none;
    margin-left: 0;
}

#detailCts ol.circle li {
    margin-left: 1.5em;
}

#detailCts ol.circle li span {
    left: -1.5em;
}

/* table */
#detailCts table {
    width: 95%;
    margin: 10px auto 20px auto;
    border: 1px solid #c5c4c0;
    border-spacing: 0;
    border-collapse: collapse;
}

#detailCts table th {
    text-align: left;
    padding: 10px 10px 10px 15px;
    background-color: #e8e8e8;
    border-right: 1px solid #c5c4c0;
    border-bottom: 1px solid #c5c4c0;
    color: #666666;
    vertical-align: top;
}

#detailCts table td {
    padding: 10px 10px 10px 15px;
    background-color: #ffffff;
    border-right: 1px solid #c5c4c0;
    border-bottom: 1px solid #c5c4c0;
    white-space: normal;
    word-break: break-all;
    vertical-align: top;
}

/* newslist
-------------------------------------------------- */
#newsListArea h2,
#newsDetailArea h2 {
    margin: 0 auto 10px auto;
    padding: 10px 10px 10px 10px;
    color: #0a3c95;
    font-size: 125%;
    background: #c8dbfb;
}

#newsListArea dl {
    margin: 0 auto 10px auto;
    padding: 0 10px 0 10px;
    width: 90%;
}

#newsListArea dl dt {
    clear: left;
    float: none;
    width: 6.5em;
    padding: 10px 0.5em;
    font-size: 14px;
}

#newsListArea dl dd {
    margin-left: 0;
    padding: 10px 0.5em 10px 7.5em;
    border-bottom: dashed 1px #a3a3a3#a3a3a3;
}

/* news
-------------------------------------------------- */
#newsDetailArea .date {
    clear: both;
    width: 95%;
    margin: 0 auto 10px auto;
    padding-bottom: 0;
}

#newsDetailArea .date p {
    margin: 0 10px 0 0;
    float: none;
    line-height: 125%;
}

#newsDetailArea h3 {
    line-height: 160%;
    margin: 0 15px 10px 15px;
    border-bottom: 3px solid #999999;
}

#newsDetailArea .imgCts {
    width: 800px;
    padding: 0;
    margin: 15px auto 0 auto;
    text-align: center;
}

#newsDetailArea .imgCts .right {
    width: 360px;
    margin: 0;
    padding: 0 20px 0 20px;
    text-align: center;
    float: none;
}

#newsDetailArea .imgCts .left {
    width: 360px;
    margin: 0;
    padding: 0 20px 0 20px;
    text-align: center;
    float: none;
}

#newsDetailArea .imgCts .center {
    width: 360px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#newsDetailArea .imgCts p {
    font-size: 80%;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}


/* contact
-------------------------------------------------- */
.caution {
    color: #ff0000;
}

div.message_area {
    margin: 0 auto;
    width: 800px;
}

ul.err_message li {
    color: #ff0000;
}

ul.err_message li label {
    cursor: pointer;
}

ul.err_message li label:hover {
    text-decoration: underline;
}

#contactArea form input.le10 {
    width: 50px;
}

#contactArea form input.le50 {
    width: 180px;
}

#contactArea form input.le100 {
    width: 300px;
}

#contactArea form textarea.gt100 {
    width: 400px;
}

#contactArea form table {
    width: 800px;
}

#contactArea form table th {
    width: 250px;
}

#contactArea form table td .multiline {
    margin-top: 10px;
}

#contactArea form table td label {
    margin: 0 10px 0 0;
}

#contactArea form table td label.address {
    display: inline-block;
    width: 80px;
    font-size: 85%;
}

#contactArea form table ul {
    margin: 0;
}

#contactArea form ul li {
    float: none;
    margin: 0;
    padding: 0;
}

#contactArea form ul li input {
    margin-right: 0;
    width: 90px;
}

#contactArea form ul li span {
    margin: 0 5px;
}

#contactArea form ul li span:first-child {
    margin-left: 0;
}

#formControll {
    width: 400px;
    margin: 0 auto;
}

#formControll #formReset,
#formControll #formReturn,
#formControll #formSubmit {
    clear: none;
    margin: 0;
}

#formControll #formReset,
#formControll #formReturn {
    float: none;
}

#formControll #formSubmit {
    float: none;
}

#formControll #formComplite a {
    display: block;
    margin: 0 auto;
}

#formControll #formReset a,
#formControll #formReset input,
#formControll #formReturn input,
#formControll #formSubmit input,
#formControll #formComplite a {
    line-height: 1.5;
    padding: 10px 0;
    width: 180px;
    text-align: center;
    text-decoration: none;
    background-color: #3d9de7;
    border-style: none;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
}

#formControll #formReset a:hover,
#formControll #formReset input:hover,
#formControll #formReturn input:hover,
#formControll #formSubmit input:hover,
#formControll #formComplite a:hover {
    text-decoration: none;
    background-color: #66b7f5;
}

/* sitemap
-------------------------------------------------- */
.sitemapContainer {
    float: none;
    margin: 10px;
    width: 300px;
    min-height: 100px;
}

.sitemapContainer h3 a {
    padding: 2px 0 3px 18px;
    background-repeat: no-repeat;
    background-position: left center;
}


/* 追加
-------------------------------------------------- */
body {
    position: relative;
}

#wrap-side {
    margin: 0 auto;
    background: url(../images/back.png)
}

#wrap {
    width: 1200px;
    background: url(../images/back.png)
}

#header {
    width: 1200px
}

#headerInner {
    width: 1200px;
}


#gNav01 {
    border-bottom: 0;
}

#gNav01 ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 0;
    position: relative;
}

#suvNav01 li {
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-right: 0
}

#suvNav01 li a {
    font-size: 13px
}


#wrap #bgContents {
    height: 100%;
    overflow: hidden;
}


#main-img img {
    width: 100%;
}

#top-maincts {
    width: 1140px;
    display: flex;
    padding-top: 30px;
    padding-bottom: 60px
}

#top-maincts .box {
    width: 360px;
    float: none;
    margin-right: 28px;
    min-height: 150px;
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
}


#top-maincts .box div {
    width: auto;
    height: auto;
}

/* #top-maincts .box p.pagemore,
#top-box01 .top-news p.pagemore {
    position: absolute;
    bottom: 1%;
    right: 1%
} */


#top-maincts .box h3 {
    width: auto;
    height: auto;
    margin-bottom: 5px
}

#top-maincts .box h3 a {
    color: #fff;
    height: 35px;
    margin: 5px 5px 0;
}

#top-maincts .box .boximg {
    min-height: 80px;
    border-bottom: 1px solid #a3a3a3;
    padding-top: 10px;
    background: #F6F6F6;
    text-align: center;
}

#top-box01 {
    min-height: 250px;
    margin: 0 auto;
    padding-top: 30px;
    display: flex;
}

#top-box01 h3 {
    text-indent: 5%
}

#top-box01 .top-news {
    padding-bottom: 20px
}

#top-box01 .top-news h3 {
    background-color: #5BC3DE;
    color: #fff;
    font-weight: normal
}

#top-box01 .top-news dl {
    display: flex;
    border-bottom: solid 1px #a3a3a3;
    width: 95%;
    margin: 0 auto
}

#top-box01 .top-news dd {
    width: 100%;
    border-bottom: none;
    padding: 10px 0.5em 10px 1em;
    text-align: left
}


#top-box01 .top-news dl dt {
    width: 9em;
    border: none;
}

#top-box01 .top-news p {
    padding: 10px 15px;
    line-height: 1.5rem;
    letter-spacing: 2px
}

#top-box01 .heading {
    padding: 5px 0;
    font-size: 1.1em;
}


#top-maincts .box p.pagemore {
    display: inline-block;
    width: 140px;
    height: 24px;
    margin-left: 50%;
    margin-bottom: 3px;
    padding-top: 8px;
    padding-right: 0;
    color: #ffffff;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(217, 215, 235) 80%);
    border: 1px solid #a3a3a3;
    border-radius: 5px;
    text-align: center;
    line-height: 1;
}

#top-box01 .top-outline {
    min-height: 300px;
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #a3a3a3;
    overflow: hidden;
}

#top-box01 .top-outline p.txt {
    font-size: 85%;
    padding: 16px 22px 16px 22px;
    line-height: 1.8;
}


#footer {
    background: url(../images/back.png);
    overflow: hidden;
}


#footer-cts {
    width: auto
}

#footer-cts ul {
    width: auto
}

#footer-cts li {
    border-left-color: #fff
}

address {
    margin-top: 0;
    margin-bottom: 11px;
    color: #fff
}


#suvNav01 a {
    font-weight: bold
}

.swiper-container,
.swiper-slide {
    width: 1200px;
    height: 260px;
    padding: 0
}

#top-center {
    background: #fff;
    margin-bottom: 55px;
}

#top-box01 .right,
#top-box01 .left {
    background: url(../images/back.png)
}

.top-news h2 {
    color: #031372;
    background-color: #fff;
    padding-bottom: 6px;
    border-bottom: 3px solid #B4B4B4;
    font-size: 22px
}

.top-news h2 a {
    color: #031372;
}

#top-maincts .box .boxlist {
    background: #e8e8e8;
    height: 350px;
    padding-bottom: 20px
}


#top-maincts .box .boxlist dl {
    border-bottom: 1px solid #a3a3a3;
    padding: 10px;
    margin: 0 10px
}


#top-maincts .box ul li {
    list-style: none
}

#top-maincts .box {
    min-height: 300px
}

#footer {
    border-top: 3px solid #333;
    min-height: 300px;
    background-color: #E8E8E8;
    padding-bottom: 25px;
}

#footer-inner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

#footer-cts {
    width: 1200px;
    padding-top: 35px;
    display: flex
}

#footer_company {
    border-bottom: 1px solid #333;
    font-size: 14px;
    font-weight: bold;
    color: #790004;
    letter-spacing: 1.5px;
    padding-bottom: 2px
}

#footer_adress {
    padding-top: 5px;
    letter-spacing: 0.1rem;
    font-size: 12px;
}

.f_item {
    width: 228px;
    margin-left: 15px;
}

.f_item:first-child {
    margin-left: 0
}

.f_item dt {
    margin-bottom: 8px;
    border-bottom: 2px solid #B4B4B4;
    padding-bottom: 1px
}

.tri:before {
    content: '▶';
    color: #b4b4b4;
    margin-right: 4px;
    font-size: 10px
}

.f_item dd {
    margin: 5px 0 5px 5px;
}

.f_item dt a {
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    font-size: 14px;
    padding-left: 2px
}

.f_item dd a {
    color: #333;
    font-size: 12px;
    font-weight: bold
}

#Copyright {
    position: absolute;
    font-size: 10px;
    letter-spacing: 1.5px;
    right: 0;
    bottom: 0
}

#footer-bottom {
    padding-top: 10px
}

#gotop {
    position: fixed;
    bottom: 0;
    right: 0
}


.sub-nav {
    display: none;
    width: 1200px;
    height: 140px;
}

#gNav01 ul .h-nav:hover {
    border-bottom: 3px solid #90191e;
}


#gNav01 ul .h-nav:hover .sub-nav {
    position: absolute;
    left: 0;
    display: block;
}

#gNav01 ul .h-nav:hover .sub-nav .hover {
    width: 1200px;
    height: 150px;
    display: flex;
    position: absolute;
    top: 13px;
    left: 0;
    background: #fff;
    z-index: 99;
    border: 1px solid #c3c3c3;
    ;
    background: url(../images/hover-back.png)
}

.s_item {
    width: 300px;
    text-align: left;
    margin: 5px;
    border: 0px;
}

#gNav01 ul #kentei:hover .sub-nav .hover .s_item {
    width: auto
}

.s_item dd {
    padding: 10px 0 0 20px;
}

#gNav01 ul .s_item dd a {
    font-size: 16px
}

/* .s_item dd:first-child {
    border-top: 2px solid #333;
} */

.bread-list {
    color: #fff;
    width: 1145px;
    padding: 9.5px 30px;
    background-color: #ededed
}

.bread-list ul {
    margin: 0 auto;
    display: flex;
}

.bread-list ul li {
    list-style: none;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.bread-list ul li a {
    text-decoration: none;
    color: #333;
    font-size: 14px
}

.bread-list a {
    color: #333;
    font-size: 14px
}

.bread-list ul li:after {
    content: ">";
    padding: 0 10px;
}

.bread-list ul:before,
.bread-list ul:after {
    content: "";
    display: table;
    clear: both;
}

.bread-list ul li:last-child:after {
    display: none;
}

#center-contents {
    width: 1140px;
    margin: 0 auto;
    padding-bottom: 40px;
    min-height: 1000px;
    padding-top: 35px;
}

#topics-area {
    display: flex
}

#topics {
    width: 830px;
}

#topics h3 {
    font-size: 25px;
    padding-top: 2px;
    margin-top: 30px;
    margin-bottom: 10px;
    border-bottom: 3px solid #790004
}

#topics h3:first-child {
    margin-top: 0
}

#topics dl {
    display: flex;
    border-bottom: solid 1px #b4b4b4;
    width: 100%;
    margin: 0 auto;
}

#topics dl dt {
    width: 10em;
    border: none;
    margin-left: 10px;
    float: none;
    padding: 10px 0.5em;
    font-size: 14px;
}

#topics dl dd {
    width: 100%;
    border-bottom: none;
    padding: 10px 0.5em 10px 1em;
    text-align: left;
    line-height: 1.5
}

#topics dl dd a {
    text-decoration: none;
}

#topics dl dd a:hover {
    text-decoration: underline;
}

#topics dl dd .category a {
    margin-left: 2px;
}

#sidemenu {
    width: 280px;
    margin-top: 34px;
    margin-left: 30px;
    border-top: 3px solid #790004
}


#sidemenu dd {
    height: 16px;
    padding: 16px 0px 15px 10px;
    border: solid 1px #f2f2f2;
}


#sidemenu dd a {
    font-size: 15px;
    vertical-align: middle
}

#sidemenu .banner-img {
    text-align: center;
}

#sidemenu .banner-img img {
    padding: 10px
}

#sidemenu .banner-img {
    padding-top: 30px
}

#banner-text {
    text-align: center;
}

#banner-text p {
    margin: 0
}


#main-img {
    position: relative;
}

#main-img h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: 2px
}

p {
    letter-spacing: 0.05em;
    line-height: 180%;
    margin: 10px 0
}

.privacy-ol {
    width: 80%;
    margin: 0 auto;
}

.privacy-ol li {
    font-size: 16px;
    padding: 5px 0
}

.privacy-ol ul {
    margin-left: 40px;
    margin-bottom: 20px
}

#sxf-heading h3 {
    font-size: 2rem;
    color: #790004;
    border-bottom: none;
    margin-bottom: 10px
}

#sxf-heading {
    text-align: center;
    font-weight: bold;
    margin-top: 34px;
}

#sxf-heading h4 {
    background: none;
    color: red;
    margin: 0;
}

#sxf-text {
    background-color: #FDEBEB;
    margin-top: 30px;
    padding: 20px
}

#sxf-text h3 {
    font-size: 1.2rem;
    margin-bottom: 20px
}

#text-right {
    text-align: right
}

#topics ul {
    margin-left: 60px;
    padding-top: 20px
}

#topics ul li {
    padding: 2px
}

#topics ul li a {
    color: #3871C2
}

#topics #cxf-topics {
    margin-top: 30px
}

#panf {
    display: flex;
    width: 80%;
    margin: 0 auto;
    text-align: center
}

.panf-box {
    margin: 30px;
    width: 300px
}

.panf-img {
    margin-top: 10px
}

#panf p {
    margin: 0;
    font-weight: bold
}

#topics ol {
    margin: 0 30px
}




/* 旧OCF */


#LytAll {
    margin: 0 auto;
    width: 843px
}

#LytFoot {
    background: #ABBEBE url(../img/footer-bg.gif) no-repeat;
    clear: both;
    font: 400 10px/125% Meiryo, sans-serif;
    height: 34px;
    margin: 0;
    padding: 0;
    width: 843px
}

#LytFoot a {
    color: #333;
    text-decoration: none
}

#LytFoot a:hover {
    color: #333;
    text-decoration: underline
}

#LytFoot p {
    color: #333;
    float: left;
    margin: 0;
    padding: 8px 15px
}

#LytFoot ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    vertical-align: middle
}

#LytFoot ul li {
    display: inline;
    margin: 0;
    padding: 0 15px 0 0
}

#LytHOcf {
    background: url(../img/head_ocf.gif) no-repeat
}

#LytHOcfM {
    background: url(../img/head_ocfm.gif) no-repeat
}

#LytHCim {
    background: url(../img/head_cim.gif) no-repeat
}

#LytHSxf {
    background: url(../img/head_sxf.gif) no-repeat
}

#LytHOcf h1,
#LytHOcf h1 a {
    width: 700px
}

#LytHOcfM h1,
#LytHOcfM h1 a {
    width: 773px
}

#LytHCim h1,
#LytHCim h1 a {
    width: 773px
}

#LytHSxf h1,
#LytHSxf h1 a {
    width: 763px
}

#LytHOcf h1,
#LytHOcf h1 a,
#LytHOcf h2,
#LytHOcf h2 a,
#LytHOcfM h1,
#LytHOcfM h1 a,
#LytHOcfM h2,
#LytHOcfM h2 a,
#LytHCim h1,
#LytHCim h1 a,
#LytHCim h2,
#LytHCim h2 a,
#LytHSxf h1,
#LytHSxf h1 a,
#LytHSxf h2,
#LytHSxf h2 a {
    display: block;
    float: left;
    height: 104px;
    margin: 0;
    padding: 0
}

#LytHOcf h2,
#LytHOcf h2 a {
    width: 143px
}

#LytHOcfM h2,
#LytHOcfM h2 a {
    width: 70px
}

#LytHCim h2,
#LytHCim h2 a {
    width: 70px
}

#LytHSxf h2,
#LytHSxf h2 a {
    width: 80px
}

#LytHTop {
    background: url(../img/head_top.gif) no-repeat
}

#LytHTop h1 span,
#LytHOcf h1 span,
#LytHOcf h2 span,
#LytHOcfM h1 span,
#LytHOcfM h2 span,
#LytHCim h1 span,
#LytHCim h2 span,
#LytHSxf h1 span,
#LytHSxf h2 span {
    display: none
}

#LytHTop h1,
#LytHTop h1 a {
    display: block;
    height: 104px;
    margin: 0;
    padding: 0;
    width: 843px
}

#LytHTop,
#LytHOcf,
#LytHOcfM,
#LytHCim,
#LytHSxf {
    height: 104px;
    margin: 0;
    padding: 0;
    width: 843px
}

#LytMenu {
    float: left;
    width: 250px
}

#LytMenu2 {
    border-top: 1px solid #BFBFBF;
    float: left;
    width: 278px
}

#LytMid {
    background: url(../img/middle.gif) repeat-y
}

#LytMid,
#LytMidTop,
#LytMidEnd,
#LytMidTop2,
#LytMidTop3 {
    margin: 0;
    overflow: auto;
    padding: 0 4px;
    width: 835px
}

#LytMidEnd {
    background: url(../img/middle_end.gif) repeat-y
}

#LytMidTop2 {
    background: url(../img/middle_top2.gif) repeat-y
}

#LytMidTop3 {
    background: url(../img/middle_top3.gif) repeat-y
}

#LytMidEndl {
    float: left;
    position: relative;
    width: 250px
}

#LytMidEndl2 {
    float: left;
    position: relative;
    width: 278px
}

#LytMidEndl,
#LytMidEndm,
#LytMidEndr {
    border-top: 1px solid #BFBFBF;
    display: inline;
    margin: 0;
    padding: 0
}

#LytMidEndl2,
#LytMidEndm2,
#LytMidEndr2 {
    display: inline;
    margin: 0;
    padding: 0
}

#LytMidEndm {
    float: left;
    position: relative;
    width: 293px
}

#LytMidEndm2 {
    float: left;
    position: relative;
    width: 278px
}

#LytMidEndm h6 {
    border-right: 1px solid #FFF
}

#LytMidEndl2 h6 {
    border-right: 1px solid #CCC
}

#LytMidEndr {
    float: right;
    position: relative;
    width: 292px
}

#LytMidEndr2 {
    float: right;
    position: relative;
    width: 278px
}

#LytMidTop {
    background: url(../img/middle_top.gif) repeat-y
}

#LytRight h6,
#LytRight2 h6,
#LytMidEndm h6,
#LytMidEndl2 h6 {
    background: url(../img/title-bg-b.gif) repeat-x
}

#LytRight h6,
#LytRight2 h6,
#LytMidEndl h6,
#LytMidEndm h6,
#LytMidEndr h6,
#LytMidEndl2 h6,
#LytMidEndm2 h6,
#LytMidEndr2 h6,
#LytRightOcfM h6,
#LytRightCim h6,
#LytRightSxf h6 {
    color: #FFF;
    font: bold 15px/145% Meiryo, sans-serif;
    height: 25px;
    margin: 0;
    padding: 0 5px;
}

#LytRight object,
#LytRight embed {
    vertical-align: top
}

#LytRight,
#LytRightOcfM,
#LytRightCim,
#LytRightSxf {
    float: right;
    width: 585px
}

#LytRight2 {
    float: right;
    width: 557px
}

#LytRightOcfM h6,
#LytMidEndl h6,
#LytMidEndm2 h6 {
    background: url(../img/title-bg-g.gif) repeat-x
}

#LytRightSxf h6,
#LytMidEndr h6,
#LytMidEndr2 h6 {
    background: url(../img/title-bg-r.gif) repeat-x
}

#LytS {
    background: white none;
    margin: 5px
}

#comments5 {
    margin: 5px
}

#comments10 {
    margin: 10px
}

#comments15 {
    margin: 15px
}

#comments15 .topd li {
    font: 12px/140% Meiryo, sans-serif;
    margin: 0 0 0 -25px;
    padding: 0
}

#comments15 .topd ul,
#comments25 .top ul {
    list-style-type: disc
}



#comments25 .hist1 {
    margin: 0;
    padding: 0;
    width: auto
}

/* #comments25 .hist1 li {
    font: bold 12px/125% Meiryo, sans-serif
} */

#comments25 .hist1 ul {
    list-style: none outside;
    list-style-image: none;
    margin: 10px 10px 10px 5px;
    padding: 0
}

#comments25 .hist2 {
    margin: 20px;
    padding: 0;
    width: auto
}

/* #comments25 .hist2 li {
    font: 12px/125% Meiryo, sans-serif
} */

#comments25 .hist2 ul {
    list-style-type: disc;
    margin: -15px 0 0 10px;
    padding: 0
}

#comments25 .hist3 {
    font: 12px/125% Meiryo, sans-serif;
    margin: 0 20px;
    padding: 0;
    width: auto
}

/*#comments25 */
.link {
    background-color: #FFF;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin: 0;
    margin-top: 10px;
    padding: 10px 0;
    width: auto
}

/*#comments25 */
.link li {
    line-height: 150%
}

/*#comments25 */
.link-content {
    list-style: none outside;
    list-style-image: none;
    margin: 10px 10px 10px 30px;
    padding: 0
}

#hspace100 {
    float: left;
    height: 100px;
    position: relative
}

#third {
    float: left;
    padding: 10px;
    width: 245px
}

#third h4 {
    background: transparent;
    color: #333;
    margin: 0;
    padding: 0
}

#third h4 a {
    color: #333
}

#third ul {
    margin: 0;
    padding: 5px 0 5px 25px
}

#third ul ul {
    list-style: disc outside;
    padding: 0 0 5px 25px
}

.dots1 {
    border-style: dotted;
    color: #E6E6FA;
    size: 4px
}

.tblblue td,
.tblblue2 td,
.tblred td,
.tblgreen td,
.tblgray td {
    padding: 5px
}

.tblblue th,
.tblblue2 th,
.tblblue tblblue th {
    background: #E6E6FA
}

.tblblue th,
.tblblue th,
.tblred th,
.tblgreen th,
.tblgray th {
    font: bold 12px/125% Meiryo, sans-serif;
    line-height: 120%;
    padding: 5px
}

.tblblue2 th {
    font: 12px/125% Meiryo, sans-serif;
    line-height: 120%;
    padding: 5px
}

.tblblue,
.tblblue2,
.tblblue,
.tblred,
.tblgreen,
.tblgray {
    background: #FFF;
    border-collapse: collapse;
    padding: 5px
}

.tblblue,
.tblblue th,
.tblblue td,
.tblblue2,
.tblblue2 th,
.tblblue2 td,
.tblblue tblblue,
.tblblue tblblue th,
.tblblue tblblue td {
    border: 1px solid #B6B6F1
}

.tblgreen th {
    background: #C6FFA8
}

.tblgray th {
    background: #D3D3D3
}

.tblgreen,
.tblgreen th,
.tblgreen td {
    border: 1px solid #9F6
}

.tblgray,
.tblgray th,
.tblgray td {
    border: 1px solid #777
}

.tblred th {
    background: #FCC
}

.tblred,
.tblred th,
.tblred td {
    border: 1px solid #FF8C8C
}



div.Menu,
div.Menu2 {
    float: left;
    margin: 0;
    padding: 0
}

div.Menu li {
    border-bottom: 1px solid #BFBFBF;
    height: 29px;
    margin: 0;
    padding: 0;
    width: 249px
}

div.Menu2 li {
    border-bottom: 1px solid #BFBFBF;
    height: 29px;
    margin: 0;
    padding: 0;
    width: 277px
}

div.Menu li a {
    color: #333;
    display: block;
    height: 15px;
    margin: 0;
    padding: 7px 0 7px 10px;
    text-decoration: none;
    width: 239px
}

div.Menu2 li a {
    color: #333;
    display: block;
    height: 15px;
    margin: 0;
    padding: 7px 0 7px 10px;
    text-decoration: none;
    width: 266px
}

div.Menu ul {
    background: #F4E8DD;
    font: normal 13px/125% Meiryo, sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 249px
}

div.Menu2 ul {
    background: #F4E8DD;
    font: normal 13px/125% Meiryo, sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 277px
}

div.Menu ul li .home a,
div.Menu2 ul li .home a {
    background: url(../img/navi_home.gif) no-repeat 95% 0
}

div.Menu ul li .activity a,
div.Menu2 ul li .activity a {
    background: url(../img/navi_activity.gif) no-repeat 95% 0
}

div.Menu ul li .event a,
div.Menu2 ul li .event a {
    background: url(../img/navi_event.gif) no-repeat 95% 0
}

div.Menu ul li .download a,
div.Menu2 ul li .download a {
    background: url(../img/navi_download.gif) no-repeat 95% 0
}

div.Menu ul li .management a,
div.Menu2 ul li .management a {
    background: url(../img/navi_management.gif) no-repeat 95% 0
}

div.Menu ul li .membership a,
div.Menu2 ul li .membership a {
    background: url(../img/navi_membership.gif) no-repeat 95% 0
}

div.Menu ul li .cim a,
div.Menu2 ul li .cim a {
    background: url(../img/navi_cimnews.gif) no-repeat 95% 0
}

div.Menu ul li .ocfnews a,
div.Menu2 ul li .ocfnews a {
    background: url(../img/navi_ocfnews.gif) no-repeat 95% 0
}

div.Menu ul li .cimnews a,
div.Menu2 ul li .cimnews a {
    background: url(../img/navi_cimnews.gif) no-repeat 95% 0
}

div.Menu ul li .outline a,
div.Menu2 ul li .outline a {
    background: url(../img/navi_outline.gif) no-repeat 95% 0
}

div.Menu ul li .sxfnews a,
div.Menu2 ul li .sxfnews a {
    background: url(../img/navi_sxfnews.gif) no-repeat 95% 0
}

div.Menu ul li .member a,
div.Menu2 ul li .member a {
    background: url(../img/navi_member.gif) no-repeat 95% 0
}

div.Menu ul li .reference a,
div.Menu2 ul li .reference a {
    background: url(../img/navi_reference.gif) no-repeat 95% 0
}

div.Menu ul li .office a {
    background: url(../img/navi_office.gif) no-repeat 95% 0
}

div.Menu ul li .kkentei a {
    background: url(../img/navi_k_kentei.gif) no-repeat 95% 0
}

div.Menu ul li .kgaiyou a {
    background: url(../img/navi_k_gaiyou.gif) no-repeat 95% 0
}

div.Menu ul li .kfaq a {
    background: url(../img/navi_k_faq.gif) no-repeat 95% 0
}

div.Menu ul li .ksoft a {
    background: url(../img/navi_k_soft.gif) no-repeat 95% 0
}

div.Menu ul li .kplist a {
    background: url(../img/navi_k_plist.gif) no-repeat 95% 0
}

div.Menu ul li .krireki a {
    background: url(../img/navi_k_rireki.gif) no-repeat 95% 0
}

div.Menu ul li .kkijun a {
    background: url(../img/navi_k_kijun.gif) no-repeat 95% 0
}

div.Menu ul li .kkaitei a {
    background: url(../img/navi_k_kaitei.gif) no-repeat 95% 0
}

div.Menu ul li .ksinsei a {
    background: url(../img/navi_k_sinsei.gif) no-repeat 95% 0
}

div.Menu ul li .kkoukoku a {
    background: url(../img/navi_k_news.gif) no-repeat 95% 0
}

div.Menu ul li .ktrouble a {
    background: url(../img/navi_k_trouble.gif) no-repeat 95% 0
}

div.Menu ul li .knews a {
    background: url(../img/navi_k_news.gif) no-repeat 95% 0
}

div.Menu ul li .kmember a {
    background: url(../img/navi_k_member.gif) no-repeat 95% 0
}

div.Menu ul li .klink a {
    background: url(../img/navi_k_link.gif) no-repeat 95% 0
}

div.Menu ul li .kreference a {
    background: url(../img/navi_k_reference.gif) no-repeat 95% 0
}

div.Menu ul li .koffice a {
    background: url(../img/navi_k_office.gif) no-repeat 95% 0
}

div.Menu ul li .spurpose a {
    background: url(../img/navi_s_purpose.gif) no-repeat 95% 0
}

div.Menu ul li .sqa a {
    background: url(../img/navi_s_qa.gif) no-repeat 95% 0
}

div.Menu ul li .snews a {
    background: url(../img/navi_s_news.gif) no-repeat 95% 0
}

div.Menu ul li .sexamine a {
    background: url(../img/navi_s_examine.gif) no-repeat 95% 0
}

div.Menu ul li .sseminar a {
    background: url(../img/navi_s_seminar.gif) no-repeat 95% 0
}

div.Menu ul li .referencebook a {
    background: url(../img/navi_s_guidebook.gif) no-repeat 95% 0
}

div.Menu ul li .sguidebook a {
    background: url(../img/navi_s_guidebook.gif) no-repeat 95% 0
}

div.Menu ul li .scertificate a {
    background: url(../img/navi_s_certificate.gif) no-repeat 95% 0
}

div.Menu ul li .sreissue a {
    background: url(../img/navi_s_reissue.gif) no-repeat 95% 0
}

div.Menu ul li .sseminarweb a {
    background: url(../img/navi_s_seminarweb.gif) no-repeat 95% 0
}

div.Menu ul li .swebsystem a {
    background: url(../img/navi_s_websystem.gif) no-repeat 95% 0
}

div.Menu ul li .swebinfo a {
    background: url(../img/navi_s_webinfo.gif) no-repeat 95% 0
}

div.Menu ul li .ssearch a {
    background: url(../img/navi_s_search.gif) no-repeat 95% 0
}

div.Menu ul li .snewst a {
    background: url(../img/navi_s_newst.gif) no-repeat 95% 0
}

div.Menu ul li .seffect a {
    background: url(../img/navi_s_effect.gif) no-repeat 95% 0
}

div.Menu ul li .sreference a {
    background: url(../img/navi_s_reference.gif) no-repeat 95% 0
}

div.Menu ul li .soffice a {
    background: url(../img/navi_s_office.gif) no-repeat 95% 0
}

div.Menu ul li .cforum a {
    background: url(../img/navi_c_cim.gif) no-repeat 95% 0
}

div.Menu ul li .cmember a {
    background: url(../img/navi_c_cim.gif) no-repeat 95% 0
}

div.Menu ul li .cseminar a {
    background: url(../img/navi_c_cim.gif) no-repeat 95% 0
}

div.Menu ul li .creference a {
    background: url(../img/navi_c_reference.gif) no-repeat 95% 0
}

div.Menu ul li a:hover {
    background-color: #FFF;
    background-position: 95% -29px;
    color: #333;
    text-decoration: none;
    width: 239px
}

div.Menu2 ul li a:hover {
    background-color: #FFF;
    background-position: 95% -29px;
    color: #333;
    text-decoration: none;
    width: 266px
}

/*
h2 {
    color: #000;
    font: bold 16px/125% Meiryo, sans-serif;
    margin: 3px 0;
    padding: 0
} */

h4 {
    background: #d1d1f6;
    margin: 20px 0;
}

h4,
h4.ocfm,
h4.sxf {
    color: #000;
    font: bold 17px/125% sans-serif;
    padding: 8px
}

h4.ocfm {
    background: #9F6
}

h4.sxf {
    background: #FFB7B7
}

h4.sxf_2 {
    background: #d7f7d7;
}

h5 {
    font: bold 13px/125% Meiryo, sans-serif;
    margin: 3px 0;
    padding: 0
}

/****/
h4.kensoft,
h4.kenset,
h4.kensxf {
    font: bold 14px/125% Meiryo, sans-serif;
    margin: 0 0 15px;
    font: bold 17px/125% sans-serif;
    padding: 8px
}

h4.kensoft {
    background: #D0D0FF
}

h4.kenset {
    background: #cde094
}

h4.kensxf {
    background: #ffd090
}

.tblkensoft td,
.tblkenset td,
.tblkensxf td {
    padding: 5px
}

.tblkensoft {
    background: #FFF;
    border-collapse: collapse;
    padding: 5px
}

.tblkensoft th {
    font: bold 12px/125% Meiryo, sans-serif;
    line-height: 120%;
    padding: 5px;
    background: #D0D0FF
}

.tblkensoft,
.tblkensoft th,
.tblkensoft td {
    border: 1px solid #B6B6F1
}

.tblkenset {
    background: #FFF;
    border-collapse: collapse;
    padding: 5px
}

.tblkenset th {
    font: bold 12px/125% Meiryo, sans-serif;
    line-height: 120%;
    padding: 5px;
    background: #cde094
}

.tblkenset,
.tblkenset th,
.tblkenset td {
    border: 1px solid #9dc671
}

.tblkensxf {
    background: #FFF;
    border-collapse: collapse;
    padding: 5px
}

.tblkensxf th {
    font: bold 12px/125% Meiryo, sans-serif;
    line-height: 120%;
    padding: 5px;
    background: #ffd090
}

.tblkensxf,
.tblkensxf th,
.tblkensxf td {
    border: 1px solid #ffb680
}

tr.soft {
    background: #D0D0FF
}

tr.cc3 {
    background: #dde8ff
}

tr.cc2 {
    background: #edfaf9;
}

tr.cc1 {
    background: #f7ffff
}

tr.set {
    background: #cde094
}

 /* .style12 {
    font-size: 12px;
}

.style11 {
    font-size: 11px;
} */

/***/
.sub003 {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    background-image: url(../img/section003.gif);
    padding-left: 17px;
    background-repeat: no-repeat
}

.sub004 {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    background-image: url(../img/section004.gif);
    padding-left: 17px;
    background-repeat: no-repeat
}

/********************************************************************
    *テーブルスタイル
    *
    **********************************************************************/
td.a {
    border-style: solid;
    border-width: 1px;
    border-color: #808080;
}

table.a {
    border-style: solid;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #808080;
}

table.red {
    border-style: solid;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #ff7a6f;
}

/********************************************************************
    *点線で囲む
    *
    **********************************************************************/
div.dotwaku_1 {
    border-style: dashed;
    border-color: blue;
    border-width: 1;
}

/********************************************************************
    *メールフォーム
    *
    **********************************************************************/
th.form01 {
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;
    background-color: #eeeeee;
    text-align: left;
}

td.form02 {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #eeeeee;
    border-right-color: #eeeeee;
    border-bottom-color: #eeeeee;
    border-left-color: #eeeeee;
}

.membership_td {
    margin-left: 100px
}

ol li {
    padding: 10px 0
}

.hist3 {
    margin-bottom: 20px
}

#flex {
    display: flex
}

.pagination {
    text-align: center;
    margin-bottom: 20px;
    padding: 5px 5px;
    margin-top: 20px;
}

.pagination .current,
.page-numbers:hover {
    background-color: #fff;
    color: #135bbf;
}

.page-numbers {
    padding: 5px 10px;
    margin-left: 5px;
    border: 1px solid #BFBFBF;
    background-color: #135bbf;
    color: #fff;
    display: inline-block;
}

.pagination .current,
.pagination a:hover {
    background-color: #fff;
    color: #135bbf;
}

.pagination a {
    padding: 5px 10px;
    background-color: #135bbf;
    color: #fff;
    display: inline-block;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 5px 10px;
    margin: 5px;
}

#gNav01 ul li .sub-nav a {
    font-weight: normal;
    letter-spacing: 1px
}

.term-label {
    margin-left: 20px
}

.tbl {
    display: flex;
    width: 830px
}

.tblblue {
    margin-right: 30px;
	/*table-layout: fixed;*/
}

.carsol {
    margin-left: 200px
}

.swiper-container a {
    display: block;
    width: 100%;
    height: 100%
}

.event_form {
    margin-bottom: 20px
}

.event_form th {
    margin: 0
}

#topics ul ul {
    padding: 0
}

#topics .link ul {
    padding: 0
}

#topics.news-topics {
    width: 1100px
}

.cim_tr {
    height: 45px
}

#topics #softmap ul {
    width: 95%;
    margin-left: 30px;
    padding: 0
}

#topics #softmap ul li {
    padding: 0
}

#topics #softmap table {
    margin: 10px
}

#topics #softmap table td {
    padding: 10px
}

#topics #landxml-ul {
    padding: 0
}

#topics #landxml-ul li {
    margin: 10px
}

.landxml-table td {
    padding: 3px
}

#topics .event_old_table {
    border: none;
    border-left: 1px solid #B6B6F1;
    border-right: 1px solid #B6B6F1;
    padding: 2px;
    padding-left: 10px;
}

a {
    color: #3871C2;
    text-decoration: none;
}

#suvNav01 a {
    color: #383838;
}

td {
    padding: 4px
}

/* for table */
#form-tbl {
    /*margin-left: 1.5em;*/
    width: 1000px
}

#form {
    width: 1000px;
    border-collapse: collapse;
    margin: 1em 0;
}

#form th,
#form td {
    border: 1px solid #666;
    padding: 8px;
    text-align: left;
}

#form th {
    width: 300px;
    white-space: nowrap;
    background: #e8e8e8;
}

#form td {
    background: #fff;
}

#form input.textbox {
    width: 300px;
}

#form textarea {
    width: 500px;
}

p.btn input,
.back {
    width: 110px;
    height: 32px;
}

p.btn {
    text-align: center;
}

#privacy {
    text-align: left;
}

#privacy ol {}


/* for title */
#privacy h2 {
    font-size: 100%;
    border-left: solid 4px #ef002d;
    border-bottom: 1px solid gray;
    padding: 4px 6px;
    margin: 1.5em 0;
    width: 650px;
}

/* for message */
p.msg {
    color: #dd0000;
    margin: 2em;
}

span.msg {
    color: #dd0000;
}

/* for back-button */
.back {
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    margin-left: 20px
}

.tblblue td,
.tblblue2 td,
.tblred td,
.tblgreen td,
.tblgray td {
    padding: 5px;
    font-size: 13px;
}

@media screen and (max-width: 782px) {

    html {
        width: 1200px
    }
}
/*20211028追記*/
.cimmember {
	width: 96%;
	border-collapse: collapse;
}
.cimmember td {
	border: solid 1px #ACACAC;
	padding: 10px;
}
/*20221213追記*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding-top: 14px;
	display: block;
	color: #3871C2;	
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	/*padding:20px ;*/
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
/*20241224追記*/
.space {
	margin-right:6em;
}
.space1 {
	margin-right:10.4em;
}
.space2 {
	margin-right:13em;
}
.space3 {
	margin-right:15em;
}
.space4 {
	margin-right:10em;
}
.space5 {
	margin-right:11.5em;
}
.space6 {
	margin-right:11em;
}
.space7 {
	margin-right:9.3em;
}