@charset "UTF-8";
/*----------------------------------------
4th centercontents

04. contents layout
05. internet style
06. internet style
07. MACS
08. print
----------------------------------------*/
/*----------------------------------------
04. contents layout
----------------------------------------*/
/* 3column */
.center-contents-wlrs { width: 540px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wlrs { width: auto; } }

/* 2column left */
.center-contents-wls { width: 740px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wls { width: auto; } }

/* 3column right */
.center-contents-wrs { width: 740px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wrs { width: auto; } }

/* 1column */
.center-contents-wc { float: none !important; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wc { width: auto; } }

.page-top-a { width: 100%; text-align: right; padding-left: 35px; clear: both; }

/*----------------------------------------
05. internet style
----------------------------------------*/
.list-social-area { position: relative; *zoom: 1; margin-bottom: 15px; }
.list-social-area:before, .list-social-area:after { content: ""; display: table; }
.list-social-area:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-social-area { margin-bottom: 14px; } }

.list-social { float: left; margin-left: -0.5em; list-style-type: none; line-height: 0; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-social { margin-left: 0; float: none; display: none; } }
.list-social > li { display: inline-block; margin-left: 0.5em; vertical-align: top; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-social > li { margin-left: 0; margin-bottom: 10px; } }
.list-social > li > a { display: block; }
.list-social .twitter-share-button { overflow: hidden; }

.list-print { float: right; margin-left: 0 !important; list-style-type: none; line-height: 0; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-print { float: none; } }
.list-print > li { display: inline-block; vertical-align: top; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-print > li { margin-left: 0; } }
.list-print > li > a { display: block; }
.list-print .js-page-print { overflow: hidden; margin-top: -1px; padding-top: 22px; width: 83px; height: 0; line-height: 10; cursor: pointer; }

.date-area { text-align: right; }

.title-mie-a { background: #f2f2f2; border-left: 7px solid #cccccc !important; border-bottom: 1px solid #cccccc !important; color: #333; font-size: 175% !important; font-weight: normal !important; padding: 25px 15px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }

.title-mie-b { background-color: #ecf3da; background-image: url(/common/content/000262975.png); background-position: right center; background-repeat: no-repeat; border: 1px solid #00a651 !important; font-size: 175% !important; font-weight: normal !important; padding: 25px 15px !important; margin-top: 0 !important; }

p.title-mie-b { padding: 23px 15px 22px !important; margin-bottom: 15px !important; }

.title-heading-2nd { background-color: white !important; background-repeat: no-repeat; background-position: 100% 0; border: none !important; padding: 0 20px !important; margin: 16px -20px 0; }
.title-heading-2nd:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; min-height: 140px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .title-heading-2nd:before { min-height: 41px; } }
.title-heading-2nd > span { font-size: 214%; font-weight: bold; display: inline-block; vertical-align: middle; }
.title-heading-2nd > span span { display: block; font-size: 53%; font-weight: normal; }
@media screen and (min-width: 0px) and (max-width: 736px) { .title-heading-2nd { margin: 0 0 20px !important; padding: 0 10px !important; background-size: 100% auto; }
  .title-heading-2nd > span { font-size: 143% !important; } }

.title-heading-3rd { background-color: white !important; background-repeat: no-repeat; background-position: 100% 0; border: 5px solid #cee6d0 !important; padding: 0 20px !important; font-size: 100% !important; }
.title-heading-3rd:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; min-height: 90px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .title-heading-3rd:before { min-height: 41px; } }
.title-heading-3rd > span { font-size: 171% !important; font-weight: bold; display: inline-block; vertical-align: middle; }
@media screen and (min-width: 0px) and (max-width: 736px) { .title-heading-3rd { padding: 0 10px !important; border: 3px solid #e9e7d3 !important; background-size: 100% auto; }
  .title-heading-3rd > span { font-size: 114% !important; } }

.anker-link-a { background-color: #eef7ee; padding: 20px 22px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .anker-link-a { padding: 10px 12px; } }
.anker-link-a > ul { *zoom: 1; list-style-type: none; margin-left: 0 !important; }
.anker-link-a > ul:before, .anker-link-a > ul:after { content: ""; display: table; }
.anker-link-a > ul:after { clear: both; }
.anker-link-a > ul > li { float: left; padding-right: 18px; margin-right: 18px; *margin-right: 12px; white-space: nowrap; }
.anker-link-a > ul > li:last-child { padding-right: 0; margin-right: 0; background: none; }

.center-contents-wc .anker-link-a > ul > li { padding-right: 14px; margin-right: 14px; }
.center-contents-wc .anker-link-a > ul > li:last-child { padding-right: 0; margin-right: 0; background: none; }

.column-section-wrap { *zoom: 1; margin-left: -10px; margin-right: -10px; }
.column-section-wrap:before, .column-section-wrap:after { content: ""; display: table; }
.column-section-wrap:after { clear: both; }
.column-section-wrap > .column-section { float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { .column-section-wrap > .column-section { float: none; } }
.column-section-wrap > .column-section .column-section-inner { padding-left: 10px; padding-right: 10px; }
.column-section-wrap.column-section-col02 > .column-section { width: 50%; }
@media screen and (min-width: 0px) and (max-width: 736px) { .column-section-wrap.column-section-col02 > .column-section { width: auto; } }
.column-section-wrap.column-section-col03 > .column-section { width: 33%; }
@media screen and (min-width: 0px) and (max-width: 736px) { .column-section-wrap.column-section-col03 > .column-section { width: auto; } }

.box-category-wrap { *zoom: 1; margin-top: 10px; margin-left: -20px; }
.box-category-wrap:before, .box-category-wrap:after { content: ""; display: table; }
.box-category-wrap:after { clear: both; }

.box-category-a { float: left; width: 318px; padding: 0 20px; border-top: 3px solid #f18900; margin-top: 20px; margin-left: 20px; background-color: #eef7ee; }
@media screen and (min-width: 0px) and (max-width: 736px) { .box-category-a { float: none; width: auto; } }
.box-category-a .box-category-a-inner .box-category-textimage { padding-top: 20px; padding-bottom: 20px; }
.box-category-a .box-category-a-inner .box-category-textimage img { max-width: 120px; }
.box-category-a .box-category-a-inner .box-category-textimage .box-category-image-left { float: left; }
.box-category-a .box-category-a-inner .box-category-textimage .box-category-image-left + p { margin: 0 0 0 140px !important; min-height: 88px; }
.box-category-a .box-category-list { list-style-type: none; padding: 20px 0; *zoom: 1; }
.box-category-a .box-category-list:before, .box-category-a .box-category-list:after { content: ""; display: table; }
.box-category-a .box-category-list:after { clear: both; }
.box-category-a .box-category-list > li { margin-top: 10px; }
.box-category-a .box-category-list > li a { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding-left: 12px; background: url(/common/content/000331358.png) no-repeat 0 0.4em; }
.box-category-a .box-category-list > li .icon-folder { padding-left: 30px; }
.box-category-a .box-category-list > li:first-child { margin-top: 0; }
.box-category-a.is-nostyle { float: left; width: 740px; padding: 0; border: none; }
@media screen and (min-width: 0px) and (max-width: 736px) { .box-category-a.is-nostyle { float: none; width: auto; } }
.box-category-a.is-nostyle .box-category-list { padding: 12px 20px 20px; margin: 0 0 0 -20px !important; }
.box-category-a.is-nostyle .box-category-list > li { margin-left: 20px; float: left; width: 340px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .box-category-a.is-nostyle .box-category-list > li { float: none; width: auto; } }
.box-category-a.is-nostyle .box-category-list > li:first-child { margin-top: 10px; }
.box-category-a h2, .box-category-a h3 { font-size: 114% !important; background-image: none !important; background-color: #cee6d0 !important; border-bottom: none !important; margin: 0 -20px !important; padding: 10px 10px 8px 26px !important; padding-left: 18px !important; }
.box-category-a h2 a, .box-category-a h3 a { padding-left: 24px !important; }

.center-contents-wc .box-category-a { width: 271px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wc .box-category-a { width: auto; } }

.box-category-link { padding: 12px 0; text-align: right; }
@media screen and (min-width: 0px) and (max-width: 736px) { .box-category-link { margin: 12px -10px 0; text-align: center; } }
.box-category-link a { padding-left: 12px; }

.ad-box { margin-top: 40px; padding: 20px; padding-top: 0; background: #f5f5ef !important; }
@media screen and (min-width: 0px) and (max-width: 736px) { .ad-box { padding: 10px; padding-top: 0; } }
.ad-box h2 { margin: 0 -20px 20px !important; padding: 8px 20px 6px !important; font-size: 129% !important; font-weight: bold; color: #fff; border-bottom: none !important; background: #107e00 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
@media screen and (min-width: 0px) and (max-width: 736px) { .ad-box h2 { margin: 0 -10px 10px !important; font-size: 129% !important; } }
.ad-box em { display: block; font-size: 129%; font-weight: bold; padding-bottom: 8px; margin-bottom: 8px; font-style: normal !important; }
@media screen and (min-width: 0px) and (max-width: 736px) { .ad-box em { font-size: 114%; } }

.section-link-a ul { list-style-type: none; margin: 20px 0 15px 0; font-size: 0.9em; }

.section-link-a ul li { list-style-type: none; display: inline-block; padding-bottom: 15px !important; margin: 0 0 2px 5px; }

.section-link-a ul li a { padding: 3px 3px 3px 15px; margin-right: 20px; background-image: url(/common/content/000331346.png); background-repeat: no-repeat; background-position: left 0.7em; }

.section-link-b ul { list-style-type: none; margin: 20px 0 15px 0; font-size: 0.9em; }

.section-link-b ul li { list-style-type: none; padding-bottom: 15px !important; margin-bottom: 2px; }

.section-link-b ul li a { padding: 3px 3px 3px 15px; margin-right: 20px; background-image: url(/common/content/000331345.png); background-repeat: no-repeat; background-position: left 0.7em; display: inline-block; }

.news-box { margin-top: 15px; margin-bottom: 15px; }
.news-box > h2 { background: none !important; padding-left: 0 !important; margin-bottom: 8px !important; }
@media screen and (min-width: 0px) and (max-width: 736px) { .news-box > h2 { font-size: 114% !important; } }
.news-box:first-child { margin-top: 0; }

.news-box dl { *zoom: 1; }
.news-box dl:before, .news-box dl:after { content: ""; display: table; }
.news-box dl:after { clear: both; }

.news-box dl dt { width: 9em; clear: left; float: left; padding: 8px 5px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .news-box dl dt { float: none; padding: 4px 5px 0 5px; } }

.news-box dl dd { padding: 8px 5px; padding-left: 10.5em; }
@media screen and (min-width: 0px) and (max-width: 736px) { .news-box dl dd { padding-left: 5px; padding-top: 0; } }

.news-box dl dd > a { padding-right: 0.5em; }

.news-box-link { margin-top: 10px; text-align: right; }

.news-box-link a { padding-left: 18px; }

.centerMenuBox { margin-bottom: 20px; }

#content .content-link-box ul, #content .content-link-box ul li { list-style: none; margin: 0px; padding: 0px; }

#content .content-link-box ul li a { background-repeat: no-repeat; background-position: 6px 0.5em; padding-left: 22px; line-height: 180%; display: inline-block; }

.center-menu-box-a { margin-bottom: 20px; }

#content .center-menu-box-a ul, #content .center-menu-box-a ul li { list-style: none; margin: 0px; padding: 0px; }

#content .center-menu-box-a ul li { width: 49%; float: left; margin: 0 0 5px 0; }

#content .center-menu-box-a ul li.center-menu-box-a-1line { clear: both; width: 100%; }

#content .center-menu-box-a ul li a { background-repeat: no-repeat; background-position: 6px 0.5em; padding-left: 22px; line-height: 180%; display: inline-block; }

#content .center-menu-box-a ul li a { background-repeat: no-repeat; background-position: 6px 0.5em; padding-left: 22px; line-height: 180%; display: inline-block; }

#content .center-menu-box-a ul li a.icon-folder { background-repeat: no-repeat; background-position: 0 0.4em; display: inline-block; }

#content .center-menu-box-a ul li span.icon-folder { background-repeat: no-repeat; background-position: 0 0.2em; padding-left: 22px; display: inline-block; }

#content .center-menu-box-a ul.center-menu-box-under li a, #content .center-menu-box-a ul.center-menu-box-under li a.icon-folder { margin: 0 0 0 3.6em; }

.center-menu-box-b { margin-bottom: 20px; }

#content .center-menu-box-b ul, #content .center-menu-box-b ul li { list-style: none; margin: 0px; padding: 0px; }

#content .center-menu-box-b ul li { width: 50%; float: left; margin: 0 0 5px 0; }

#content .center-menu-box-b ul li a { background-repeat: no-repeat; background-position: 6px 0.5em; padding-left: 22px; line-height: 180%; display: inline-block; }

#content .center-menu-box-b ul li a { background-repeat: no-repeat; background-position: 6px 0.5em; padding-left: 22px; line-height: 180%; display: inline-block; }

#content .center-menu-box-b ul li a.icon-folder { background-repeat: no-repeat; background-position: 0 0.4em; display: inline-block; }

#content .center-menu-box-b ul li span.icon-folder { background-repeat: no-repeat; background-position: 0 0.2em; padding-left: 22px; display: inline-block; }

.section { margin-bottom: 15px; }

#content div.section-image { text-align: center; }

#content div.section-image p { text-align: center; }

#container div.section-image p.image-content { margin-top: 0; }

/* 3column */
div.section-image.right-image-area { width: 220px; float: right; margin: 0 0 10px 20px; }
@media screen and (min-width: 0px) and (max-width: 736px) { div.section-image.right-image-area { float: none; width: 100%; margin-left: auto; margin-right: auto; } }

div.section-image.left-image-area { width: 220px; text-align: center; float: left; margin: 0 20px 10px 0; }
@media screen and (min-width: 0px) and (max-width: 736px) { div.section-image.left-image-area { float: none; width: 100%; margin-left: auto; margin-right: auto; } }

div.section-image img.left-image, div.section-image img.right-image { max-width: 220px; height: auto; }

div.section-image.center-image-area1 { text-align: center; }

div.section-image.center-image-area2 { width: 50%; text-align: center; float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { div.section-image.center-image-area2 { float: none; width: 100%; } }

div.section-image.center-image-area3 { width: 33%; text-align: center; float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { div.section-image.center-image-area3 { float: none; width: 100%; } }

div.center-image-area2 p.section-image-caption { padding: 0 7px 0 7px !important; }

div.center-image-area3 p.section-image-caption { padding: 0 6px 0 6px !important; }

/*-1column-*/
.center-contents-wc div.center-image-area2 p.section-image-caption { padding: 0 7px 0 7px !important; }

.center-contents-wc div.center-image-area3 p.section-image-caption { padding: 0 6px 0 6px !important; }

/* 2column */
.center-contents-wrs div.center-image-area2 p.section-image-caption, .center-contents-wls div.center-image-area2 p.section-image-caption { padding: 0 7px 0 7px !important; }

.center-contents-wrs div.center-image-area3 p.section-image-caption, .center-contents-wls div.center-image-area3 p.section-image-caption { padding: 0 6px 0 6px !important; }

.contents-news-a .main-text p { margin-left: 30px !important; margin-right: 30px !important; }

/* 3column */
.main-text, .main-text-r, .main-text-l { padding-top: 0px; margin-top: 0px; }

#content .main-text p, #content .main-text-r p, #content .main-text-l p { padding-top: 0px; margin-top: 0px; }

/* 2column */
.center-contents-wlrs .main-text-r, .center-contents-wlrs .main-text-l { width: 288px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wlrs .main-text-r, .center-contents-wlrs .main-text-l { width: auto; } }

/* 1column */
.center-contents-wc .main-text-r, .center-contents-wc .main-text-l { width: 740px; float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wc .main-text-r, .center-contents-wc .main-text-l { width: auto; float: none; } }

.center-contents-wc .center-contents-partswrap .main-text-r, .center-contents-wc .center-contents-partswrap .main-text-l { width: 500px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wc .center-contents-partswrap .main-text-r, .center-contents-wc .center-contents-partswrap .main-text-l { width: auto; } }

/* 2column */
.center-contents-wrs .main-text-r, .center-contents-wrs .main-text-l, .center-contents-wls .main-text-r, .center-contents-wls .main-text-l { width: 500px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wrs .main-text-r, .center-contents-wrs .main-text-l, .center-contents-wls .main-text-r, .center-contents-wls .main-text-l { width: auto; } }

/* 1.2.3column */
.center-contents-wrs .main-text-r, .center-contents-wls .main-text-r, .center-contents-wlrs .main-text-r { float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wrs .main-text-r, .center-contents-wls .main-text-r, .center-contents-wlrs .main-text-r { float: none; } }

.main-text img { max-width: 528px; height: auto; }
@media screen and (min-width: 0px) and (max-width: 736px) { .main-text img { max-width: 100%; } }

.center-contents-wc .main-text img { max-width: 900px; height: auto; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wc .main-text img { max-width: 100%; } }

.center-contents-wrs .main-text img, .center-contents-wls .main-text img { max-width: 740px; height: auto; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-contents-wrs .main-text img, .center-contents-wls .main-text img { max-width: 100%; } }

div.image-wrapper { margin: 20px 0 0 0; clear: both; text-align: center; }

div.image-wrapper div.section-image { display: inline-block; zoom: 1; vertical-align: top; }

.section-image.center-image-area1, .section-image.center-image-area2, .section-image.center-image-area3 { padding-bottom: 15px; }

div.section-image p.image img { vertical-align: bottom; }

p.section-image-caption { font-size: 0.9em; margin: 10px 0; word-wrap: break-word; text-align: left; padding: 0 10px; }

.content-link-box { margin-bottom: 15px; }

#writer-area { text-align: right; }

/* feedback
----------------------------------- */
#feedback-area { margin-top: 40px; border: 3px solid #e9e8dd !important; padding: 0 20px 20px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #feedback-area { padding: 0 10px 10px; } }
#feedback-area h2 { font-size: 129% !important; padding: 8px 20px 6px !important; background: #e9e8dd !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-weight: bold; margin: 0 -20px !important; }
@media screen and (min-width: 0px) and (max-width: 736px) { #feedback-area h2 { padding: 8px 10px 6px !important; font-size: 129% !important; margin: 0 -10px !important; } }

.feedback-inner { margin-top: 10px; }
.feedback-inner .feedback-item { *zoom: 1; }
.feedback-inner .feedback-item:before, .feedback-inner .feedback-item:after { content: ""; display: table; }
.feedback-inner .feedback-item:after { clear: both; }
.feedback-inner .feedback-title { float: left; width: 380px; margin-top: 6px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .feedback-inner .feedback-title { float: none; } }
.feedback-inner ul { *zoom: 1; list-style-type: none; margin-left: 392px !important; padding-top: 6px; padding-bottom: 6px; }
.feedback-inner ul:before, .feedback-inner ul:after { content: ""; display: table; }
.feedback-inner ul:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { .feedback-inner ul { float: none; padding-left: 0; margin-left: 0 !important; } }
.feedback-inner ul > li { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 8em; }
@media screen and (min-width: 0px) and (max-width: 736px) { .feedback-inner ul > li { display: block; float: none; margin-left: 0; } }
.feedback-inner ul > li:first-child { margin-left: 0; width: 12em; }
.feedback-inner ul > li:last-child { width: 12em; }
.feedback-inner input[type='radio'] { vertical-align: -0.12em; }
.feedback-inner .feedback-btn { margin-top: 10px; text-align: center; }
.feedback-inner .feedback-btn input { padding: 8px 8px 6px; cursor: pointer; }
@media screen and (min-width: 0px) and (max-width: 736px) { .feedback-inner .feedback-btn input { width: 100%; } }
.feedback-inner fieldset { border: none; }

/* 06.internet style & intranet style
----------------------------------------*/
#page-title-image { margin-top: 0 !important; text-align: center; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-weight: bold; word-wrap: break-word; }

#content h2 > span:not([class]):not([id]) { font-size: 70%; font-weight: normal; }

#content h1.no-style, #content p.no-style { border: 0; margin-bottom: 15px; margin-top: 0px; padding: 0px; }

#content img[style] { height: auto !important; }

/* text
----------------------------------- */
#content *:first-child ~ p { margin-top: 1em; margin-bottom: 1em; }

#content p:last-child { margin-bottom: 0; }

#content p.text-a { text-indent: 1em; }

#content td p { margin: 0 !important; }

#content th p { margin: 0 !important; }

#content em { font-family: "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; font-style: italic; }

.mp_strike { text-decoration: line-through; }

.mp_indent { text-indent: 1em; }

.btm20 { clear: both; margin-bottom: 20px; }

/* list
----------------------------------- */
#content *:first-child ~ ol { margin-top: 1em; margin-bottom: 1em; }

#content ul:not([class]) { margin-left: 18px; }

#content ul { *margin-left: 18px; }
@media \0screen { #content ul { margin-left: 18px; } }

#content ul[class*="ul-"], #content [class*="section-link-"] > ul { margin-left: 0; }

#content ol:not([class]) { margin-left: 1.6em; }

#content ol { *margin-left: 2.2em; }
@media \0screen { #content ol { margin-left: 1.6em; } }

#content li { word-wrap: break-word; }

#content .main-text ol, #content .main-text-r ol, #content .main-text-l ol { margin: 0 0 1em 0em; padding: 0 0 0 2em; list-style-position: outside; }

#content .main-text ul, #content .main-text-r ul, #content .main-text-l ul { margin: 0 0 1em 0em; padding: 0 0 0 1.5em; list-style-type: disc; }

#content .main-text ul li, #content .main-text ol li, #content .main-text-r ul li, #content .main-text-r ol li, #content .main-text-l ul li, #content .main-text-l ol li { list-style-position: outside; }

#content ul.ul-a { margin-top: 10px; margin-left: 0px; margin-right: 15px; margin-bottom: 20px; padding-top: 0; padding-left: 0; text-align: left; margin-right: 10px; }

#content ul.ul-a li { margin-top: 10px; background: url(/common/content/000331342.png) no-repeat 3px 0.45em; padding-left: 20px; list-style: none; }
#content ul.ul-a li:first-child { margin-top: 0; }

#content ul.ul-b { margin-top: 10px; margin-left: 0px; margin-right: 15px; margin-bottom: 20px; padding-top: 0; padding-left: 0; text-align: left; margin-right: 10px; }

#content ul.ul-b li { margin-top: 10px; background: url(/common/content/000331343.png) no-repeat 3px 0.45em; padding-left: 20px; list-style: none; }
#content ul.ul-b li:first-child { margin-top: 0; }

#content ul.ul-c { margin-top: 10px; margin-left: 0px; margin-right: 15px; margin-bottom: 20px; padding-top: 0; padding-left: 0; text-align: left; margin-right: 10px; }

#content ul.ul-c li { margin-top: 10px; background: url(/common/content/000331344.png) no-repeat 3px 0.45em; padding-left: 20px; list-style: none; }
#content ul.ul-c li:first-child { margin-top: 0; }

#content .file { width: 50%; padding: 5px 5px 10px; margin-top: 10px; background: #e1e1e1; border: 1px solid #e3e1d1; margin-bottom: 10px; }

#content .file ul { list-style-type: none; margin-top: 0px; margin-left: 15px; padding-top: 10px; padding-left: 0px; margin-bottom: 0px; }

#content .file ul li { padding-left: 15px; margin-bottom: 5px; }

/* table
----------------------------------- */
#content table { font-size: 100%; }

#content table th { font-weight: bold; }

#content table.table-b { background-color: #FFF; margin-bottom: 1em; line-height: 1.4; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content table.table-b { width: 100%; } }

#content table.table-b th { background-color: #FFF; border-bottom: 3px solid #999999; border-right: 4px solid white; text-align: left; padding: 4px 1em 4px 0; color: #5F4F3A; word-wrap: break-word; overflow-wrap: break-word; }

#content table.table-b td { border-bottom: 1px solid #7a654a; border-right: 4px solid white; text-align: left; padding: 4px 1em 4px 0; word-wrap: break-word; overflow-wrap: break-word; }

#content table.table-c { background-color: #fff; margin: 0 15px 1em; font-size: 100%; line-height: 1.4; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content table.table-c { margin: 0 0 1em; } }

#content table.table-c th { text-align: left; padding: 4px 1em 4px 0; color: #5F4F3A; }

#content table.table-c td { text-align: left; padding: 4px 1em 4px 0; }

#content table.table-d { margin-bottom: 15px; border: 1px solid #533506; border-collapse: collapse; border-spacing: 0; }

#content table.table-d th, #content table.table-d td { padding: 6px 12px; }

#content table.table-d th { background-color: #e1e1e1; white-space: nowrap; border: 1px solid #533506; }

#content table.table-d td { vertical-align: top; border-left: 1px solid #533506; border-right: 1px solid #533506; }

#content table.table-d td.no-line { border-right: none; }

#content table.table-d td.no-line + td { border-left: none; }

#content table.table-d td.no-wrap { white-space: nowrap; }

#content table.table-organization-a { margin-bottom: 15px; margin-right: 15px; margin-left: 15px; width: 96%; font-size: 100%; border-top: 1px solid #666666; border-left: 1px solid #666666; border-right-color: #666; border-bottom-color: #666; }

#content table.table-organization-a th { padding: 5px 10px 5px 10px; line-height: 120%; white-space: nowrap; font-weight: bold; background: #EFF2EA; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-top-color: #666; border-left-color: #666; }

#content table.table-organization-a th.th-d { background: #eeece8; white-space: normal !important; }

#content table.table-organization-a td { padding: 5px 10px 5px 10px; line-height: 140%; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-top-color: #999; border-left-color: #999; }

#content table.table-a, #content table.table-a2, #content table.table-a3, #content table.table-b2 { margin-bottom: 15px; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right-color: #999; border-bottom-color: #999; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content table.table-a, #content table.table-a2, #content table.table-a3, #content table.table-b2 { width: 100%; } }

#content table.table-a th, #content table.table-a2 th, #content table.table-a3 th, #content table.table-b2 th { padding: 5px; white-space: nowrap; background: #e1e1e1; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-top-color: #999; border-left-color: #999; word-wrap: break-word; overflow-wrap: break-word; vertical-align: middle; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content table.table-a th, #content table.table-a2 th, #content table.table-a3 th, #content table.table-b2 th { white-space: normal; } }

#content table.table-a td, #content table.table-a2 td, #content table.table-a3 td, #content table.table-b2 td { padding: 5px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-top-color: #999; border-left-color: #999; word-wrap: break-word; overflow-wrap: break-word; }

#content table.table-a td.name { font-weight: bold; color: #544633; }

#content table.table-a td div.photo { float: left; width: 240px; margin: 5px; }

#content table.table-a td div.photo img { margin: 0 0 5px 0; }

@media screen and (min-width: 0px) and (max-width: 736px) { #content table.table-date { width: 100%; table-layout: fixed; } }

#content table.table-date th { padding-right: 1em; font-weight: bold; text-align: left; vertical-align: top; white-space: nowrap; color: #666666; word-wrap: break-word; overflow-wrap: break-word; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content table.table-date th { display: block; white-space: normal; } }

#content table.table-date td { padding-bottom: 5px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content table.table-date td { display: block; } }

#content .allinfo { padding-right: 15px; text-align: right; margin-bottom: 30px; }

#content table.table-qa { margin-bottom: 15px; font-size: 100%; }

#content table.table-qa th { color: #544633; font-weight: bold; padding-bottom: 2px; border-bottom: 1px dashed #cccccc; text-align: left; line-height: 1.3; }

#content table.table-qa th span.q { color: #e26360; font-weight: bold; font-size: 130%; padding-right: 7px; }

#content table.table-qa td span.a { color: #5A82E9; font-weight: bold; font-size: 130%; padding-right: 7px; }

#content table.table-qa td { text-align: left; padding: 4px 0; line-height: 1.4; }

/* float
----------------------------------- */
.clear { clear: both; }

/* box
----------------------------------- */
.box-point { border: 1px solid #ff8b00; padding: 14px; margin-top: 15px; margin-bottom: 15px; word-wrap: break-word; overflow-wrap: break-word; }

.box-point ul { margin-top: 5px !important; margin-bottom: 0px !important; padding: 0; }

.box-point ol { margin-top: 5px !important; margin-bottom: 0px !important; padding: 0; }

.box-important { padding: 15px; margin-bottom: 15px; background: #fffbc8; }

.box-important ul { margin-top: 5px !important; margin-bottom: 0px !important; padding: 0; }

.box-important ol { margin-top: 5px !important; margin-bottom: 0px !important; padding: 0; }

.box-pdf { background-color: #e1e1e1; padding: 10px; margin-bottom: 1em; }

.box-pdf img { float: right; margin-bottom: 10px; margin-left: 10px; border: none; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

/* link icon
----------------------------------- */
/* img tag icon
----------------------------------- */
.icon-category { margin-right: 0.5em; }

/* attach
----------------------------------- */
span.attach-pdf { background: url(/common/content/000331386.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-doc { background: url(/common/content/000331404.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-xls { background: url(/common/content/000331355.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-file { background: url(/common/content/000331356.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-link { background: url(/common/content/000331362.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-gis { background: url(/common/content/000331361.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-csv { background: url(/common/content/000331354.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-ichitaro { padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-lzh { background: url(/common/content/000331364.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-ppt { background: url(/common/content/000331387.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-txt { background: url(/common/content/000331403.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-zip { background: url(/common/content/000331332.gif) no-repeat left 0.3em; padding: 0 0 3px 40px; display: inline-table; border-collapse: separate; }

span.attach-last-pdf { background: url(/common/content/000331386.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-doc { background: url(/common/content/000331404.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-xls { background: url(/common/content/000331355.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-file { background: url(/common/content/000331356.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-link { background: url(/common/content/000331362.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-gis { background: url(/common/content/000331361.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-csv { background: url(/common/content/000331354.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-ichitaro { padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-lzh { background: url(/common/content/000331364.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-ppt { background: url(/common/content/000331387.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-txt { background: url(/common/content/000331403.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

span.attach-last-zip { background: url(/common/content/000331332.gif) no-repeat right 0.3em; padding: 0 40px 3px 0; border-collapse: separate; }

/* line
----------------------------------- */
hr.line-a { margin: 0; padding: 0; height: 1px; border-width: 1px 0 0 0; border-color: #999999; border-style: solid; }

hr.line-b { margin: 0; padding: 0; height: 3px; border-top: 3px solid #b07759; border-right: 0 solid #b07759; border-bottom: 0 solid #b07759; border-left: 0 solid #b07759; }

/* button
----------------------------------- */
a.link-a { padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; background-color: #e1e1e1; border-top-width: 1px; border-right-width: 10px; border-bottom-width: 1px; border-left-width: 10px; border-style: solid; border-color: #666666; color: #0000FF; }

a.link-a:hover { background-color: #f2f2f2; border-color: #999999; color: #999999; }

/* 2 BOX
----------------------------------- */
.twobox { *zoom: 1; margin: 10px 0 0 -10px; *zoom: 1; }
.twobox:before, .twobox:after { content: ""; display: table; }
.twobox:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { .twobox { margin-left: auto; margin-right: auto; } }

.twobox .ttl { text-align: left; margin: 0 -10px 10px; padding: 8px 0 8px 40px; font-weight: bold; min-height: 17px; background: #efefef url(/common/content/000331336.png) no-repeat 16px 0.9em; }

.twobox .ttl a:hover { color: #434343 !important; }

.twobox > div { float: left; margin-left: 10px; padding: 0 10px 10px; border: 1px solid #606060; }
@media screen and (min-width: 0px) and (max-width: 736px) { .twobox > div { margin-top: 20px; margin-left: auto; }
  .twobox > div:first-child { margin-top: 0; } }

.twobox > .clear { display: none; }

#content .twobox > div { width: 358px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content .twobox > div { width: calc(100% - 22px); } }

/* 3 BOX
----------------------------------- */
.threebox { *zoom: 1; margin: 10px 0 0 -10px; *zoom: 1; }
.threebox:before, .threebox:after { content: ""; display: table; }
.threebox:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { .threebox { margin-left: auto; margin-right: auto; } }

.threebox .ttl { text-align: left; margin: 0 -10px 10px; padding: 8px 0 8px 40px; font-weight: bold; min-height: 17px; background: #efefef url(/common/content/000331336.png) no-repeat 16px 0.9em; }

.threebox .ttl a:hover { color: #434343 !important; }

.threebox > div { float: left; margin-left: 10px; padding: 0 10px 10px; border: 1px solid #606060; }
@media screen and (min-width: 0px) and (max-width: 736px) { .threebox > div { margin-top: 20px; margin-left: auto; }
  .threebox > div:first-child { margin-top: 0; } }

.threebox > .clear { display: none; }

#content .threebox > div { width: 228px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content .threebox > div { width: calc(100% - 22px); } }

/* news etc
----------------------------------- */
table.news-list-etc, table.news-list-etc tbody, table.news-list-etc tbody tr, table.news-list-etc tbody th, table.news-list-etc tbody td { width: auto; height: auto; padding: 0; margin: 0; border: none; vertical-align: top; }

table.news-list-etc tbody th { font-size: 100%; text-align: left; width: 7.2em; padding: 5px 5px 5px 3px; }

table.news-list-etc tbody td { width: auto; height: auto; font-size: 100%; padding: 5px 0 5px 0; }

/* inquiry
----------------------------------- */
.ad_box { margin-top: 30px; padding: 5px 15px 10px 15px; border: 1px solid #dddddd; background-repeat: repeat; }

/* chiji
----------------------------------- */
#contents-l { float: left; width: 200px; text-align: center; margin-top: 10px; }

#contents-r { width: 640px; float: right; margin-top: 20px; }

.top-menu-r img { vertical-align: bottom; }

.box-season { border: 1px solid #749e8a; text-align: center; }

.box-season p { font-size: 90%; line-height: 130%; margin: 5px 0px 6px; padding: 0px; }

.season-title { color: #FFFFFF; background: #749E8A; margin: 0px 0px 10px; padding: 3px 0px; display: block; font-weight: bold; }

.box-aisatsu { width: 860px; padding: 20px; border: 1px solid #cccccc; clear: both; float: left; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.box-aisatsu-title { height: 47px; color: #586856; text-align: center; font-size: 140%; font-weight: bold; }

.box-aisatsu-title p { margin: 0px; text-align: left; border-bottom-width: 1px; border-bottom-style: double; border-bottom-color: #CCC; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }

.box-aisatsu img { margin: 0px; padding: 0px; vertical-align: bottom; }

#topmenu { width: 900px; clear: both; padding: 0px; margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.top-menu { width: 610px; clear: both; padding-top: 10px; float: left; }

.top-menu-l { float: left; width: 610px; margin-bottom: 20px; }

.top-menu-r { float: right; width: 288px; border: 1px solid #cccccc; background-color: #f0f4eb; }

.top-menu-l2 { float: left; width: 288px; border: 1px solid #cccccc; background-color: #f0f4eb; }

.top-menu a { color: #275908; text-decoration: none; display: block; font-weight: bold; text-align: left; margin: 0px; padding-top: 14px; padding-right: 10px; padding-bottom: 10px; padding-left: 40px; }

.top-menu a:visited { color: #275908; }

.top-menu a:hover { color: #607007; }

.box-menu-text { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.box-menu-text p { margin: 5px 15px 10px; padding: 0px; font-size: 90%; }

.box-season-r { float: right; width: 260px; margin-top: 10px; padding: 0px; }

.box-season-r img { margin: 0px; padding: 0px; vertical-align: bottom; }

/*===========================================
 07. MACS

============================================*/
/*  macs layout
----------------------------------- */
.searchBox-p2 { margin: 4px 0 0; font-size: 90%; padding: 0 0 0 119px; display: block; }

/* beforesite  */
.option { text-align: right; margin-top: 15px; margin-bottom: 15px; }

/* box
----------------------------------- */
.box-sp { line-height: 140%; background-color: #FFE2CC; padding: 8px 15px; margin: 15px 0px; text-align: center; }

.box-cal { float: right; }

.box-left { float: left; text-align: center; margin-top: 0px; }

.box-right { float: right; text-align: center; margin-top: 0px; }

.box-right-a { float: right; text-align: center; margin-top: 0px; }

.box-right-a img { margin-left: 15px; }

/* two colum
----------------------------------- */
.LEFT { width: 435px; float: left; /*  text-align: center;*/ margin-top: 0px; }

.RIGHT { width: 435px; float: right; /*  text-align: center;*/ margin-top: 0px; }

.info-m-LEFT { width: 535px; float: left; /*  text-align: center;*/ margin-top: 0px; }

.info-m-RIGHT { width: 335px; float: right; text-align: center; margin-top: 0px; }

/* file
----------------------------------- */
#file { width: 780px; margin-left: auto; margin-right: auto; text-align: left; padding: 10px 0; }

/* information
----------------------------------- */
#INFO { width: 780px; margin-left: auto; margin-right: auto; text-align: right; padding: 10px 0; }
#INFO table td ul li { list-style: none; }

.clear_ie7 { clear: both; margin-bottom: 0px; padding-bottom: 5px; height: 1px; }

/* menu
----------------------------------- */
#menu { width: 180px; line-height: 120%; margin-top: 5px; padding-left: 0px; margin-bottom: 0px; float: left; }

#menu-a { width: 180px; line-height: 120%; margin-top: 5px; margin-bottom: 0px; float: left; }

#menu-b { width: 250px; line-height: 120%; margin-top: 5px; padding-left: 3px; margin-bottom: 0px; float: left; }

#menu-b-sub { width: 30%; line-height: 120%; margin-top: 5px; padding-left: 3px; margin-bottom: 0px; float: left; }

#menu-c { width: 180px; line-height: 120%; margin-top: 5px; margin-bottom: 20px; }

/* contents
----------------------------------- */
#contents-b { float: right; width: 480px; }

#contents-b-sub { float: right; width: 65%; }

#contents-syozokupage { margin: 0 15px 0 15px; }

.option { text-align: right; margin-top: 15px; margin-bottom: 15px; }

/*  macs DECO
----------------------------------- */
h2.title-a { font-weight: bold; margin-top: 5px; padding: 10px 10px 7px 22p !important; border-bottom: 2px solid #9ccde1; }

h2.title-b { font-weight: bold; margin-top: 5px; padding: 10px 10px 7px 22p !important; border-bottom: 2px solid #f3a8c8; }

h2.title-c { font-weight: bold; border-bottom: 2px solid #fe9f01; margin-top: 5px; padding: 10px 10px 7px 22p !important; }

h2.title-d { font-weight: bold; margin-top: 5px; padding: 10px 10px 7px 22p !important; border-bottom: 2px solid #7dbf0d; }

h2.title-d-sub { width: 80%; font-size: 100%; display: block; margin-top: 5px; margin-bottom: 10px; color: #094615; }

h2.title-c .rss { margin-left: 10px; vertical-align: middle; }

h2.title-a span { color: #000000; }

h2.title-b span { color: #000000; }

h2.title-c span { color: #000000; word-wrap: break-word; overflow-wrap: break-word; }

h2.title-c div { color: #000000; word-wrap: break-word; overflow-wrap: break-word; }

h2.title-d span { color: #000000; }

h3.title-c { padding: 10px 10px 7px 22px; margin: 0px 0px 3px 0px; border-bottom: 2px solid #fe9f01; }

/* hr
----------------------------------- */
hr.END { height: 1px; border-right: none; border-bottom: none; border-left: none; }

.line-a { padding-bottom: 2px; border-top: 1px solid #999999; margin-top: 2px; }

/* text
----------------------------------- */
.TEXT { letter-spacing: 1px; margin-right: 0px; margin-left: 0px; padding-right: 5px; padding-left: 5px; }

.text-b { letter-spacing: 1px; margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; }

/* attachment
----------------------------------- */
#image img { margin-left: 10px; margin-top: 10px; }

#file ul { list-style-type: none; margin-top: 0px; margin-left: 15px; padding-top: 10px; padding-left: 0px; }

#file ul li { padding-left: 15px; margin-bottom: 5px; }

/* menu content
----------------------------------- */
#menu ul { background-repeat: repeat-y; background-position: -2px; list-style-type: none; padding-left: 5px; margin-left: 0px; margin-top: 0px; padding-top: 0px; margin-bottom: 15px; }

#menu ul li { padding-left: 3px; padding-top: 3px; padding-bottom: 2px; margin-left: 0px; margin-bottom: 0px; }

#menu-a ul { list-style-type: none; padding-left: 5px; margin-left: 0px; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; }

#menu-a ul li { padding-left: 3px; padding-top: 7px; padding-bottom: 7px; border-bottom-color: #B6B6B6; border-bottom-style: solid; border-bottom-width: 1px; margin-left: 0px; margin-bottom: 0px; }

#menu-b table { font-size: 100%; width: 247px; background: #FFFBE6; }

#menu-b table td { padding-top: 5px; padding-bottom: 5px; }

#menu-b td.folder-a { padding-left: 18px; }

#menu-b td.folder-b { padding-left: 36px; }

#menu-b td.folder-c { padding-left: 36px; padding-right: 15px; }

#menu-b td.folder-d { padding-left: 50px; padding-right: 15px; }

#menu-b tr.select { background: #E6E6E6; }

/* table
----------------------------------- */
.cell-a { width: 100%; }

.cell-a th, .cell-a td { padding: 6px 12px; }

.cell-a td.news { width: 455px; }

.cell-a td.from { background-color: #F0F0F0; }

.cell-a-sche { padding-left: 5px; width: 100%; }

.cell-a-sche td { border-bottom: 1px solid #cccccc; margin-right: 0px; padding-right: 0px; padding-bottom: 4px; padding-top: 4px; }

.cell-a-sche td.news-a { width: 70%; }

.cell-a-sche td.from-a { background-color: #F0F0F0; width: 30%; }

.cell-info { text-align: right; margin-bottom: 10px; }

.cell-info img { margin-right: 10px; }

.cell-b { padding-left: 5px; }

.cell-menu { width: 600px; border-top: 2px solid #b6df70; border-left: 2px solid #b6df70; }

.cell-menu td, .cell-menu th { border-right: 2px solid #b6df70; border-bottom: 2px solid #b6df70; }

.cell-menu th.title { width: 520px; background-color: #d6f0a9; }

.cell-menu th.subtitle { width: 80px; background-color: #d6f0a9; }

.cell-menu td.title { background-color: #f8f3c1; font-weight: bold; }

.cell-menu td.subtitle { background-color: #f8f3c1; text-align: center; }

.cell-menu td.item { text-align: center; }

/* 2nd-Start */
.cell-a-sub { padding-left: 5px; width: 100%; }

.cell-a-sub td { border-bottom: 1px solid #add38b; }

.cell-a-sub td.date-a-sub { width: 20%; padding-left: 5px; padding-right: 5px; }

.cell-a-sub td.news-a-sub { width: 50%; padding-left: 5px; padding-right: 5px; }

.cell-a-sub td.from-a-sub { background-color: #F0F0F0; width: 30%; padding-left: 5px; padding-right: 5px; }

.cell-a-sub td.notice-a-sub { width: 70%; padding-left: 5px; padding-right: 5px; }

/* 2nd-End */
.cell-a td.date-a { width: 9em; }

.cell-a td.date-b { width: 19em; }

.cell-a td.date-c { width: 9em; }

.cell-a td.news-b { width: 10em; }

.cell-a td.news-c { width: 10em; }

.cell-a td.from-a { background-color: #F0F0F0; width: 20%; }

.cell-a td.tel-a { text-align: center; white-space: nowrap; width: 8em; }

.cell-a td.cate-a { background-color: #FFEFEF; width: 120px; padding-left: 5px; padding-right: 5px; }

.cell-a td.cate-b { background-color: #FFFFEE; width: 120px; padding-left: 5px; padding-right: 5px; }

.cell-a td.info-th { font-weight: bold; border: 1px solid #cccccc; background-color: #F0F0F0; margin-right: 0px; padding-left: 5px; padding-right: 0px; padding-bottom: 4px; padding-top: 4px; vertical-align: top; color: #663300; }

.cell-a td.search { line-height: 180%; }

.cell-a td.search span { font-weight: bold; color: #274A0B; margin-right: 6px; }

.cell-a th, .cell-b th { font-weight: bold; border: 2px solid white; background-color: #F0F0F0; vertical-align: top; color: #663300; white-space: nowrap; }
.cell-a th:first-child, .cell-b th:first-child { border-left: none; }
.cell-a th:last-child, .cell-b th:last-child { border-right: none; }

.cell-b { padding-left: 5px; width: 750px; }

.cell-b-sub { width: 90%; }

.cell-b-sub th { font-size: 80%; line-height: 120%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #F0F0F0; margin-right: 0px; padding-right: 0px; padding-bottom: 4px; padding-top: 4px; vertical-align: top; color: #663300; white-space: nowrap; width: 10%; }

.cell-b-sub td { padding-left: 5px; width: 80%; }

.cell-b td.kubun { white-space: nowrap; width: 4em; }

.cell-b td.news-a { white-space: nowrap; width: 220px; }

.cell-b th.cate { vertical-align: middle; width: 7em; }

.cell-b td.cate { font-size: 80%; line-height: 120%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-right: 0px; padding-right: 0px; padding-left: 5px; padding-bottom: 4px; padding-top: 4px; vertical-align: middle; }

.cell-b td.cate-btn { font-size: 80%; line-height: 120%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #F0F0F0; padding-right: 5px; padding-left: 5px; width: 150px; }

.cell-c { padding-left: 5px; width: 98%; }

.cell-c th { font-size: 80%; line-height: 120%; margin-right: 0px; text-align: left; padding: 4px 4px 4px 20px !important; white-space: nowrap; color: #274A0B; }

.cell-c td { font-size: 80%; line-height: 120%; margin-right: 0px; padding-right: 0px; padding-bottom: 4px; padding-top: 4px; }

.cell-c td.map { font-size: 80%; line-height: 120%; margin-right: 0px; text-align: left; background: url(/common/content/000331363.gif) no-repeat 5px center; padding: 4px 0px 4px 50px; }

.cell-c-a { padding-left: 5px; width: 750px; }

.cell-c-a th { font-size: 80%; line-height: 120%; margin-right: 0px; text-align: left; padding: 4px 0px 4px 20px; white-space: nowrap; color: #274A0B; }

.cell-c-a td { font-size: 80%; line-height: 120%; margin-right: 0px; padding-right: 0px; padding-bottom: 4px; padding-top: 4px; white-space: nowrap; }

.cell-c-a td.tel { padding-top: 0; padding-bottom: 10px; }

.cell-c-a td.map { font-size: 80%; line-height: 120%; margin-right: 0px; text-align: left; background: url(/common/content/000331363.gif) no-repeat 5px center; padding: 4px 0px 4px 50px; white-space: nowrap; }

.cell-d { padding: 0 0 0 5px !important; margin: 20px 0 0 0 !important; width: 98%; border-collapse: collapse; border-bottom: #006600 solid 2px; }

.cell-d th { border-bottom: #006600 solid 2px; padding: 0 1em 5px 0.5em !important; }

.cell-d td { border-bottom: 1px dotted #cccccc; margin: 4px 0 4px 0 !important; padding: 0.5em 1em 0.5em 0.5em !important; }

.cell-d td.news-b { width: 10em; border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc; }

.cell-d td.tel-a { text-align: center; white-space: nowrap; width: 8em; }

.cell-list { width: 600px; border-top: 1px solid #999999; border-left: 1px solid #999999; margin-left: 75px; }

.cell-list th { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 5px; font-size: 80%; line-height: 120%; color: #663300; background-color: #F0F0F0; text-align: left; width: 120px; }

.cell-list td { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 5px; font-size: 80%; line-height: 120%; word-wrap: break-word; overflow-wrap: break-word; }

.cell-list td.info { color: #663300; background-color: #F0F0F0; font-weight: bold; text-align: left; }

.cell-list caption { font-size: 80%; text-align: right; }

.cell-gyohsei { width: 740px; border-top: 1px solid #999999; border-left: 1px solid #999999; margin-left: 5px; }

.cell-gyohsei th { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 5px; font-size: 80%; line-height: 120%; color: #663300; background-color: #F0F0F0; text-align: left; width: 120px; }

.cell-gyohsei td { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 5px; font-size: 80%; line-height: 120%; }

.cell-gyohsei td.info { color: #663300; background-color: #F0F0F0; font-weight: bold; text-align: left; }

.cell-gyohsei caption { font-size: 80%; text-align: right; }

.cell-lay td { font-size: 80%; }

.cell-add { padding-left: 5px; margin-bottom: 15px; margin-top: 15px; }

.cell-add th { font-size: 80%; line-height: 120%; color: #663300; text-align: left; padding-top: 3px; padding-bottom: 3px; }

.cell-add td { font-size: 80%; line-height: 120%; padding-top: 3px; padding-bottom: 3px; }

.cell-add-a { padding-left: 5px; margin-bottom: 10px; margin-top: 5px; font-size: 100%; margin-left: 15px; }

.cell-add-a th { line-height: 120%; color: #663300; text-align: left; padding-top: 3px; padding-bottom: 3px; border-right: 3px solid #990000; vertical-align: top; padding-right: 5px; white-space: nowrap; }

.cell-add-a td { line-height: 120%; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; }

.cell-add-Shozoku { padding-left: 5px; margin-bottom: 15px; margin-top: 15px; }

.cell-add-Shozoku th { font-size: 80%; line-height: 120%; color: #663300; text-align: left; padding: 5px; }

.cell-add-Shozoku td { font-size: 80%; line-height: 120%; padding: 5px; }

/* table (ugoki)
----------------------------------- */
.cell-ugoki { width: 600px; border-top: 1px solid #999999; border-left: 1px solid #999999; margin-left: 75px; }

.cell-ugoki th { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 5px; font-size: 80%; line-height: 120%; color: #663300; background-color: #F0F0F0; text-align: left; width: 160px; }

.cell-ugoki td { border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 5px; font-size: 80%; line-height: 120%; }

/* table (kensaku-result)
----------------------------------- */
.cell-result { padding-left: 5px; margin-bottom: 4px; width: 100%; }

.cell-result td { border-bottom: 2px solid #add38b; margin-right: 0px; padding: 6px 12px 4px; vertical-align: top; }

.cell-result th { border: 1px solid #cccccc; background-color: #f0f0f0; margin-right: 0px; padding: 6px 12px 4px; vertical-align: top; color: #663300; white-space: nowrap; }

.cell-result th.cate { vertical-align: middle; width: 7em; }

.cell-result td.cate { border: 1px solid #cccccc; vertical-align: middle; }

/* table (gyoumu)
----------------------------------- */
.cell-gyoumu { width: 710px; border-top: 2px solid #999999; border-left: 2px solid #999999; margin-left: 0px; padding: 0px; }

.cell-gyoumu td { font-size: 80%; vertical-align: top; border-right: 2px solid #999999; border-bottom: 2px solid #999999; margin: 0px; padding: 5px; }

.cell-gyoumu th { font-size: 80%; vertical-align: top; border-right: 2px solid #999999; border-bottom: 2px solid #999999; color: #003300; background-color: #C4F38F; white-space: nowrap; margin: 0px; padding: 5px; }

.cell-gyoumu td.item-a, th.item-a { width: 170px; }

.cell-gyoumu td.item-b, th.item-b { width: 145px; }

.cell-gyoumu td.item-c, th.item-c { width: 245px; }

.cell-gyoumu td.item-d, th.item-d { width: 140px; }

/* table (shozoku)
----------------------------------- */
.cell-shozoku { margin-top: 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; }

.cell-shozoku td { font-size: 80%; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

.cell-shozoku th { width: 140px; vertical-align: top; background-color: #E6E6E6; text-align: left; font-size: 80%; color: #094615; padding-left: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

/* table (shozoku-a)
----------------------------------- */
.cell-shozoku-a { margin-top: 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; }

.cell-shozoku-a td { font-size: 80%; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

.cell-shozoku-a th { vertical-align: top; background-color: #E6E6E6; text-align: left; font-size: 90%; color: #094615; padding-left: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

/* table (melmaga)
----------------------------------- */
.cell-melmaga { width: 700px; margin-top: 15px; margin-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; }

.cell-melmaga th { vertical-align: top; background-color: #E6E6E6; text-align: left; font-size: 90%; color: #094615; padding: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

.cell-melmaga td { font-size: 80%; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; padding: 5px; }

.cell-melmaga th.item, .cell-melmaga td.item { width: 15em; }

.cell-melmaga-a, .cell-melmaga-b, .cell-melmaga-c, .cell-melmaga-d { width: 750px; margin-top: 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; }

.cell-melmaga-a td, .cell-melmaga-b td, .cell-melmaga-c td, .cell-melmaga-d td { font-size: 80%; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; padding: 3px; }

.cell-melmaga-a th { vertical-align: top; background-color: #E6E6E6; text-align: left; font-size: 90%; color: #094615; padding-left: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

.cell-melmaga-b th { vertical-align: top; background-color: #E6E6E6; text-align: left; font-size: 90%; color: #094615; padding-left: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

.cell-melmaga-c th { vertical-align: top; background-color: #E6E6E6; text-align: left; font-size: 90%; color: #094615; padding-left: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

.cell-melmaga-d th { vertical-align: top; background-color: #E6E6E6; text-align: left; font-size: 90%; color: #094615; padding-left: 5px; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #666666; border-bottom-color: #666666; }

/* list - table (melmaga)
----------------------------------- */
table.cell-melmaga-a td ul.three_colum-a, table.cell-melmaga-b td ul.three_colum-a, table.cell-melmaga-c td ul.three_colum-a, table.cell-melmaga-d td ul.three_colum-a { padding-left: 0px; margin-left: 0px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; margin-top: 5px; }

table.cell-melmaga-a td ul.three_colum-a li, table.cell-melmaga-b td ul.three_colum-a li, table.cell-melmaga-c td ul.three_colum-a li { float: left; margin-bottom: 1px; width: 230px; background-repeat: no-repeat; background-position: 0px 6px; margin-left: 5px; font-size: 120%; }

table.cell-melmaga-d td ul.three_colum-a li { float: left; margin-bottom: 1px; width: 730px; background-repeat: no-repeat; background-position: 0px 6px; margin-left: 5px; font-size: 120%; }

table.cell-melmaga-a th span { background-repeat: no-repeat; padding-left: 15px; display: block; background-position: 0px 2px; }

table.cell-melmaga-b th span { background-repeat: no-repeat; padding-left: 15px; display: block; background-position: 0px 2px; }

table.cell-melmaga-c th span { background-repeat: no-repeat; padding-left: 15px; display: block; background-position: 0px 2px; }

table.cell-melmaga-d th span { background-repeat: no-repeat; padding-left: 15px; display: block; background-position: 0px 2px; }

/* table(sitemap)
----------------------------------- */
.site { border-bottom: 1px solid #006633; border-right: 1px solid #006633; }

.site th { width: 368px; text-align: left; font-size: 80%; line-height: 140%; color: #274A0B; border-top: 1px solid #006633; border-left: 1px solid #006633; background-color: #D3F3AC; background-repeat: no-repeat; padding-left: 20px; background-position: 5px; }

.site td { text-align: left; font-size: 80%; line-height: 140%; border-top: 1px solid #006633; border-left: 1px solid #006633; padding-left: 20px; }

/* table (tagengo)
----------------------------------- */
.cell-lang td { background: #d2f2fc; }

/* calender
----------------------------------- */
.cal-a { border: 2px solid #cccccc; padding: 20px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .cal-a { padding: 10px; } }

.cal-a table { width: 100%; margin-bottom: 5px; }

.cal-a th, .cal-a td { border: 2px solid white; text-align: center; padding: 10px 12px; white-space: nowrap; font-weight: bold; }
@media screen and (min-width: 0px) and (max-width: 736px) { .cal-a th, .cal-a td { padding: 6px 8px; } }

.cal-a th { background: #d6f88d; color: #336633; }

.cal-a td { background: #E6E6E6; }

.cal-a td span { font-weight: normal; }

.cal-a th.sun { background: #FBDBD5; color: #cc3300; }

.cal-a th.sat { background: #cfe2ff; color: #333399; }

.cal-a td.sun { background: #FCE6E0; }

.cal-a td.sat { background: #ECF3FF; }

.cal-a td.today { background: #FFEE55; }

.cal-a .cal-head { width: 100%; display: table; table-layout: fixed; margin-bottom: 10px; }
.cal-a .cal-head > div { display: table-cell; }
.cal-a .cal-head .head { text-align: center; padding: 0px 10px; font-weight: bold; }
.cal-a .cal-head .head-l { text-align: left; width: 70px; }
.cal-a .cal-head .head-r { text-align: right; width: 70px; }

.cal-c { background: #FFFFFF; vertical-align: top; text-align: center; }

.cal ul { padding: 0px; margin-left: 5px; margin-right: 10px; }

.cal ul li { float: left; list-style-type: none; white-space: nowrap; margin-right: 4px; margin-bottom: 5px; text-align: right; display: block; width: 3em; border: 1px solid #cccccc; padding: 3px; }

.cal-b hr { margin-top: 0px; }

.SAT { background-color: #D9EAF4; }

.HOL { background-color: #FFDDDD; }

/* ad
----------------------------------- */
#ad ul { margin-left: 25px; padding-left: 0px; margin-bottom: 15px; list-style-type: square; margin-top: 0px; }

#ad ul li ul { list-style-type: circle; margin-left: 10px; }

#ad ul li ul.no_mark { list-style-type: none; margin-left: 0px; margin-top: 15px; }

#ad .left img { margin-top: 10px; margin-bottom: 10px; margin-left: 65px; }

/* information
----------------------------------- */
.info { text-align: right; }

.info table { border-top: 1px solid #333333; border-left: 1px solid #333333; width: 400px; margin-right: 0; margin-left: auto; }

.info table th { color: #274A0B; padding: 5px; font-size: 80%; }

.info table td { font-size: 80%; padding-bottom: 5px; }

.info table th, .info table td { text-align: left; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }

.info table td ul { width: 396px; list-style-type: none; margin-left: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-top: 0; border: none; }

.info table td ul li { float: left; min-width: 180px; width: auto !important; width: 180px; margin-top: 5px; white-space: nowrap; padding-left: 18px; background-repeat: no-repeat; background-position: 5px 50%; }

/* information
----------------------------------- */
#INFO table { width: 400px; border-top: 1px solid #333333; border-left: 1px solid #333333; margin-right: 0; margin-left: auto; }

#INFO table th { color: #274A0B; padding: 5px; font-size: 80%; }

#INFO table td { font-size: 80%; padding-bottom: 5px; }

#INFO table th, #INFO table td { text-align: left; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }

#INFO table td ul { width: 396px; list-style-type: none; margin-left: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-top: 0; border: none; }

#INFO table td ul li { float: left; min-width: 180px; width: auto !important; width: 180px; margin-top: 5px; white-space: nowrap; padding-left: 18px; background-repeat: no-repeat; background-position: 5px 50%; }

/* list
----------------------------------- */
ul.no_mark { padding-left: 0px; margin-left: 20px; list-style: none; }

ul.no_mark li img { margin-left: 15px; margin-top: 10px; }

/* list
----------------------------------- */
.waon ul { list-style-type: none; margin-left: 0px; }

.waon ul li { font-size: 100%; line-height: 140%; }

.waon ul li span { background-repeat: no-repeat; padding-left: 15px; margin-left: 20px; background-position: 1px; }

.waon ul li strong { padding-right: 5px; padding-left: 5px; font-weight: bold; color: #993300; }

.shibori { list-style-type: none; }
.shibori > li { padding-bottom: 15px; }
.shibori > li span { background-repeat: no-repeat; padding-left: 15px; background-position: 1px; }
.shibori > li span a { color: #993300; }
.shibori > li strong { font-weight: normal; padding-right: 5px; padding-left: 5px; }
.shibori > li .title { width: 9em; font-weight: bold; color: #993300; }
.shibori > li .title-mini { font-weight: bold; color: #993300; }
@media screen and (min-width: 0px) and (max-width: 736px) { .shibori > li .title-mini { display: inline-block; min-width: 3em; margin-top: 10px; }
  .shibori > li .title-mini + select { margin-top: 10px; } }
.shibori > li .title-sub { display: block; margin-top: 10px; padding-left: 7.8em; }
@media screen and (min-width: 0px) and (max-width: 736px) { .shibori > li .title-sub { padding-left: 0; } }

.left ul, .right ul { list-style: square; }

.left ul li.last, .right ul li.last { padding-bottom: 7px; padding-top: 10px; font-weight: bold; border-top: 2px solid #e6e6e6; }

.left ul li ul, .right ul li ul { padding-bottom: 7px; padding-top: 7px; list-style: circle; margin-left: 15px; margin-bottom: 0px; }

ul.two_colum { padding-left: 20px; margin-left: 0px; list-style: inside; }

ul.two_colum li { width: 300px; list-style: disc; float: left; padding-bottom: 5px; margin-left: 20px; margin-right: 20px; }

ul.two_colum-a { padding-left: 20px; margin-left: 0px; list-style: inside; padding-bottom: 10px; }

ul.two_colum-a li { width: 300px; list-style: disc; float: left; padding-bottom: 5px; margin-left: 10px; margin-right: 20px; }

ul.two_colum-a li span { background-repeat: no-repeat; padding-left: 15px; margin-left: 20px; background-position: 1px; }

/* 2nd-Start */
ul.two_colum-sub { padding-left: 20px; margin-left: 0px; list-style: inside; padding-bottom: 10px; }

ul.two_colum-sub li { width: 130px; list-style: disc; float: left; padding-bottom: 5px; margin-left: 10px; margin-right: 20px; }

ul.two_colum-sub li span { background-repeat: no-repeat; padding-left: 15px; margin-left: 20px; background-position: 1px; }

/* 2nd-End */
/* ---------------------------- */
/* new */
ul.three_colum-d { list-style: none; *zoom: 1; }
ul.three_colum-d:before, ul.three_colum-d:after { content: ""; display: table; }
ul.three_colum-d:after { clear: both; }

ul.three_colum-d li { width: 33%; float: left; padding-bottom: 0px; }
@media screen and (min-width: 0px) and (max-width: 736px) { ul.three_colum-d li { float: none; width: auto; } }

ul.three_colum { list-style: none; *zoom: 1; }
ul.three_colum:before, ul.three_colum:after { content: ""; display: table; }
ul.three_colum:after { clear: both; }

ul.three_colum li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 33%; float: left; padding-bottom: 5px; padding-left: 15px; }

ul.three_colum li span { background-repeat: no-repeat; padding-left: 15px; margin-left: 20px; background-position: 1px; }

ul.three_colum-a { padding-left: 50px; margin-left: 0px; list-style: none; }

ul.three_colum-a li { width: 215px; float: left; padding-left: 15px; margin-bottom: 1px; }

ul.three_colum-a li span { background-repeat: no-repeat; padding-left: 15px; margin-left: 20px; background-position: 1px; }

ul.three_colum-b { padding-left: 20px; margin-left: 0px; list-style: none inside; }

ul.three_colum-b li { font-family: "MS Gothic"; width: 230px; float: left; padding-bottom: 5px; line-height: 140%; }

ul.three_colum-b li span { background-repeat: no-repeat; padding-left: 15px; margin-left: 20px; background-position: 1px; }

table.cell-shozoku td ul.three_colum-a { padding-left: 0px; margin-left: 0px; list-style: none; width: 600px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 5px; }

table.cell-shozoku td ul.three_colum-a li { float: left; margin-bottom: 1px; width: 190px; background-repeat: no-repeat; background-position: 0px 6px; margin-left: 5px; }

table.cell-shozoku th span { background-repeat: no-repeat; padding-left: 15px; display: block; background-position: 0px 2px; }

table.cell-shozoku td span { color: #094615; background-repeat: no-repeat; padding-left: 15px; display: block; background-position: 0px 2px; margin-left: 5px; font-weight: bold; margin-bottom: 5px; }

/* cell-shozoku-a
----------------------------------- */
table.cell-shozoku-a td ul.three_colum-a { padding-left: 0px; margin-left: 0px; list-style: none; margin-bottom: 0px; padding-bottom: 0px; margin-top: 5px; }

table.cell-shozoku-a td ul.three_colum-a li { float: left; margin-bottom: 1px; width: 230px; background-repeat: no-repeat; background-position: 0px 6px; margin-left: 5px; }

table.cell-shozoku-a th span { background-repeat: no-repeat; padding-left: 15px; display: block; background-position: 0px 2px; }

table.cell-shozoku-a td span { color: #094615; background-repeat: no-repeat; padding-left: 15px; display: block; background-position: 0px 2px; margin-left: 5px; font-weight: bold; margin-bottom: 5px; }

ul.four_colum { padding-left: 20px; margin-left: 0px; list-style: none inside; }

ul.four_colum li { font-family: "MS Gothic"; width: 180px; float: left; padding-bottom: 5px; line-height: 140%; }

ul.four_colum li span { background-repeat: no-repeat; padding-left: 15px; margin-left: 20px; background-position: 1px; }

ul.four_colum li a { padding-left: 5px; padding-right: 5px; }

ul.four_colum li strong { font-weight: normal; padding-right: 5px; padding-left: 5px; }

ul.four_colum-a { *zoom: 1; list-style: none inside; }
ul.four_colum-a:before, ul.four_colum-a:after { content: ""; display: table; }
ul.four_colum-a:after { clear: both; }

ul.four_colum-a li { float: left; padding-bottom: 5px; }

ul.four_colum-a li span { background-repeat: no-repeat; padding-left: 15px; margin-right: 40px; background-position: 1px; }

ul.four_colum li a { padding-left: 5px; padding-right: 5px; }

ul.four_colum li strong { font-weight: normal; padding-right: 5px; padding-left: 5px; }

ul.no_mark { padding-left: 0px; margin-left: 20px; list-style: none; }

ul.no_mark li img { margin-left: 15px; margin-top: 10px; }

ul.mark_box { list-style-type: none; margin-left: 3px; padding-left: 0px; padding-top: 0px; margin-top: 0px; border: none; }

ul.mark_box li { margin-top: 5px; white-space: nowrap; padding-left: 18px; padding-right: 10px; }

ul.mark_box li ul { list-style-type: none; margin-left: 3px; padding-left: 15px; padding-top: 0px; margin-top: 0px; border: none; }

mark_box li ul { padding-left: 15px; padding-top: 0px; margin-top: 0px; }

ul.mark_box li ul li { list-style: square; margin-top: 5px; white-space: nowrap; padding-left: 0px; padding-right: 10px; background: none; }

ul.mark_box li.last { margin-top: 5px; white-space: nowrap; padding-left: 18px; padding-right: 10px; }

ul.mark-a, ul.mark-b, ul.mark-c { list-style-type: none; margin-left: 3px; padding-left: 0px; padding-top: 0px; margin-top: 0px; border: none; }

ul.mark-a li { float: left; margin-top: 5px; white-space: nowrap; padding-left: 18px; padding-right: 10px; }

ul.mark-b li { float: left; margin-top: 5px; white-space: nowrap; padding-left: 18px; padding-right: 10px; }

/* a
----------------------------------- */
a.mark { padding-left: 15px; margin-left: 15px; }

a.mark-a { padding-left: 15px; margin-left: 0px; }

a.btn:hover { background: #faeaa0; }

/* decoration
----------------------------------- */
.sp-a { font-weight: bold; color: #5c4226; }

.at-a { color: #ff0000; }

.at-b { font-weight: bold; color: #ff0000; }

/* div
----------------------------------- */
.center { text-align: center; clear: both; padding-top: 20px; }

.center-a { text-align: center; clear: both; }

.option a { padding-left: 15px; background-repeat: no-repeat; background-position: 1px; padding-right: 10px; }

/* system
----------------------------------- */
.system-search { text-align: right; }

.system-search span { background-repeat: no-repeat; padding-left: 15px; background-position: 1px; margin-right: 15px; }

.system-header { margin-top: 10px; margin-bottom: 10px; }

.system-header span { font-weight: bold; font-size: 140%; }

.system-footer { margin-bottom: 10px; margin-top: 10px; }

.system-footer a { padding-left: 5px; padding-right: 5px; }

.system-footer span { padding-left: 5px; padding-right: 5px; }

/* page-list
----------------------------------- */
.page-list { padding: 5px; }

/* float
----------------------------------- */
.float_r { float: right; margin-left: 15px; margin-top: 15px; }

.float_l { float: left; margin-top: 15px; }

.float_i, .float_v, .float_e { float: left; margin-top: 15px; text-align: center; width: 140px; margin-right: 5px; }

.float_i div, .float_v div, .float_e div { width: 130px; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 5px; }

.float_i div img, .float_v div img, .float_e div img { border: 1px solid #666666; margin-top: 5px; }

.float_i div { background: #FFFFCC; border: 2px solid #ffcc99; }

.float_v div { background: #FFCCCC; border: 2px solid #ff9999; }

.float_e div { background: #CAE7FF; border: 2px solid #6699ff; }

.float_i img.logo, .float_e img.logo { margin-top: 5px; margin-bottom: 5px; }

.float_v img.logo { margin-top: 20px; margin-bottom: 20px; }

/* general */
#wrap-a ul li { margin: 0 0 2px 10px; padding: 0; line-height: 1.3; list-style: disc inside; }

#wrap-a ol { margin-top: 0; margin-left: 30px; margin-bottom: 10px; padding: 0; }

#wrap-a ol li { padding-left: 0; margin-bottom: 5px; line-height: 1.3; }

/* line
----------------------------------- */
hr { padding: 0; height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #999999; margin: 5px 10px; height: 1px; }

/* menu list
----------------------------------- */
.menu-list ul { padding-bottom: 10px; margin-left: 0 !important; }

.menu-list ul li { display: inline-block; margin-right: 0px; }

.menu-a { margin-right: 6px; }

/* waon searchlist
----------------------------------- */
.waon .search { margin-bottom: 20px; }

.waon .search li { display: inline; }

.waon .search .searchbt { margin-left: -40px; }

/* accordion
----------------------------------- */
.stable { margin-bottom: 5px; width: 100%; table-layout: fixed; }

.stable th, .stable td { padding: 6px 4px; }

.stable th { font-weight: bold; color: #663300; border-right: 2px white solid; background-color: #eeece8; }

.stable td { border-right: 2px white solid; }

.stable .stable_end { border-style: none; }

.slist { padding-top: 2px; }

.slist li { display: inline; }

.slist .date { float: left; width: 11%; }

.slist .how { float: left; width: 10%; }

.slist .category { float: right; width: 15%; }

.slist .name { float: right; width: 25%; }

.sline { border-bottom: 1px solid #cccccc; margin-top: 5px; margin-bottom: 10px; }

.accordion_head { cursor: pointer; text-decoration: underline; float: right; width: 39%; }

span.ttl { font-weight: bold; color: #663300; float: left; padding-right: 10px; }

.accordion_body { clear: both; padding-left: 21%; display: block; }

.accordion_body span.mark { color: #663300; font-weight: bold; }

/* system fotter right
----------------------------------- */
.system-footer-right { font-weight: normal; font-size: 100%; display: block; margin-bottom: 5px; padding-bottom: 2px; padding-top: 2px; padding-left: 6px; padding-right: 6px; margin-top: 10px; text-align: right; }

.system-footer-right a { padding-left: 5px; padding-right: 5px; }

.system-footer-right span { padding-left: 5px; padding-right: 5px; }

/* MACS+のみで使用class追加
----------------------------------- */
#content table.table-a2 { font-size: 90%; }

#content table.table-a2 th, #content table.table-a2 td { padding: 4px; }

#content table.table-a3 { font-size: 70%; margin-left: 0px; margin-right: 0px; }

#content table.table-a3 th, #content table.table-a3 td { padding: 4px; }

#content table.table-b2 { font-size: 90%; border-bottom: 1px solid #666666; }

#content table.table-b2 th, #content table.table-b2 td { border-bottom: none; }

#content table.table-2col td { width: 50%; vertical-align: top; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content table.table-2col td { display: block; width: auto; } }

/* 縦スクロール
----------------------------------- */
#article { border: 1px solid #cccccc; padding: 10px; height: 150px; margin: 0 0 10px; overflow: auto; width: auto; }
@media screen and (min-width: 0px) and (max-width: 736px) { #article table { width: auto; } }

/*--------------------------------------------
 WISYWIG style



*--------------------------------------------*/
/* -----------------------------------
text decoration
----------------------------------- */
.mp_underline { text-decoration: underline; }

.mp_italic { font-style: italic; }

/* -----------------------------------
text size
----------------------------------- */
.mp_xx-small { font-size: calc(1rem - 0.3rem) !important; }

.mp_x-small { font-size: calc(1rem - 0.2rem) !important; }

.mp_small { font-size: calc(1rem - 0.1rem) !important; }

.mp_medium { font-size: calc(1rem + 0.15rem) !important; }

.mp_large { font-size: calc(1rem + 0.3rem) !important; }

.mp_x-large { font-size: calc(1rem + 0.7rem) !important; }

.mp_xx-large { font-size: calc(1rem + 1.25rem) !important; }

/* -----------------------------------
text color
----------------------------------- */
.mp_textcolor_gray { color: #666666; }

.mp_textcolor_red { color: #C42505; }

.mp_textcolor_green { color: #008000; }

.mp_textcolor_blue { color: #0000ff; }

.mp_textcolor_white { color: #ffffff; }

.mp_textcolor_auto { color: #000000; }

.mp_textcolor_black { color: #000000; }

.mp_textcolor_maroon { color: #800000; }

.mp_textcolor_saddlebrown { color: #8b4513; }

.mp_textcolor_darkslategray { color: #2f4f4f; }

.mp_textcolor_teal { color: #008080; }

.mp_textcolor_navy { color: #000080; }

.mp_textcolor_indigo { color: #4b0082; }

.mp_textcolor_dimgray { color: #696969; }

.mp_textcolor_firebrick { color: #b22222; }

.mp_textcolor_brown { color: #a52a2a; }

.mp_textcolor_goldenrod { color: #daa520; }

.mp_textcolor_darkgreen { color: #006400; }

.mp_textcolor_turquoise { color: #40e0d0; }

.mp_textcolor_mediumblue { color: #0000cd; }

.mp_textcolor_purple { color: #800080; }

.mp_textcolor_darkorange { color: #ff8c00; }

.mp_textcolor_gold { color: #ffd700; }

.mp_textcolor_cyan { color: #00ffff; }

.mp_textcolor_violet { color: #ee82ee; }

.mp_textcolor_darkgray { color: #a9a9a9; }

.mp_textcolor_lightsalmon { color: #ffa07a; }

.mp_textcolor_orange { color: #ffa500; }

.mp_textcolor_yellow { color: #ffff00; }

.mp_textcolor_lime { color: #00ff00; }

.mp_textcolor_paleturquoise { color: #afeeee; }

.mp_textcolor_lightblue { color: #add8e6; }

.mp_textcolor_plum { color: #dda0dd; }

.mp_textcolor_lightgrey { color: #d3d3d3; }

.mp_textcolor_lavenderblush { color: #fff0f5; }

.mp_textcolor_antiquewhite { color: #faebd7; }

.mp_textcolor_lightyellow { color: #ffffe0; }

.mp_textcolor_honeydew { color: #f0fff0; }

.mp_textcolor_azure { color: #f0ffff; }

.mp_textcolor_aliceblue { color: #f0f8ff; }

.mp_textcolor_lavender { color: #e6e6fa; }

/* -----------------------------------
align
----------------------------------- */
.txt-c, .aly_tx_center { text-align: center; }

.txt-l, .aly_tx_left { text-align: left; }

.txt-r, .aly_tx_right { text-align: right; }

.txt-just { text-align: justify; text-justify: inter-ideograph; }

/* -----------------------------------
table undefined
----------------------------------- */
#content table.undefined { border-collapse: collapse; margin-bottom: 15px; font-size: 100%; border-color: #999; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content table.undefined { width: 100% !important; max-width: 100% !important; } }

#content table.undefined th { padding: 5px; line-height: 120%; white-space: nowrap; background: #e1e1e1; border-color: #999; }

#content table.undefined td { padding: 5px; line-height: 140%; border-color: #999; }
