@charset "UTF-8";
/*--------------------------------------------
tag reset
--------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, hr { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

sub, sup, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; font: inherit; }

img { margin: 0; padding: 0; font-size: 100%; }

html { font: 0.9em/1.55 "MS PGothic", "Hiragino Kaku Gothic ProN", 　sans-serif; color: #000000; }
@media screen and (min-width: 0px) and (max-width: 736px) { html { font: 0.875em/1.55 "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif; } }

input, textarea, select, button { font-size: inherit; font-family: "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; }

th { text-align: center; font-weight: 700; }

body { -webkit-text-size-adjust: 100%; }

strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

address { font-style: normal; }

@media screen and (min-width: 0px) and (max-width: 736px) { input[type="button"], input[type="submit"] { -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); background-image: linear-gradient(top, #ffffff, #cccccc); -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } }
input[type="text"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }

@media screen and (min-width: 0px) and (max-width: 736px) { button { -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); background-image: linear-gradient(top, #ffffff, #cccccc); -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } }

img { border: 0; vertical-align: bottom; max-width: 100%; height: auto; *vertical-align: sub; }

.android.chrome { font: 0.875em/1.6 Helvetica, Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; }
.android.chrome input, .android.chrome textarea, .android.chrome select, .android.chrome button { font-family: Helvetica, Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; }

.android h1, .android h2, .android h3, .android h4, .android h5, .android h6, .android p, .android li, .android table, .android th, .android td { background-image: url(/common/content/000430117.gif); background-repeat: no-repeat; }

/*--------------------------------------------
common

default set
00. clearfix set
01. wrapper
02. header
03. globalMenu
04. pageTop
05. footer
*--------------------------------------------*/
/*--------------------------------------------
default set
*--------------------------------------------*/
h2, h3, h4, h5, h6 { clear: both; }

a { color: #0000ff; text-decoration: underline; }
@media screen and (min-width: 0px) and (max-width: 736px) { a { color: #333; } }

a:link { color: #0000ff; }
@media screen and (min-width: 0px) and (max-width: 736px) { a:link { color: #333; } }

a:visited { color: #660066; }
@media screen and (min-width: 0px) and (max-width: 736px) { a:visited { color: #333; } }

a:hover { color: #cc0000; text-decoration: underline; }
@media screen and (min-width: 0px) and (max-width: 736px) { a:hover { color: #333; } }

a:active { color: #cc0000; text-decoration: underline; }
@media screen and (min-width: 0px) and (max-width: 736px) { a:active { color: #333; } }

.align_left { text-align: left; }

.align_center { text-align: center; }

.align_right { text-align: right; }

header, footer, #container-inner, #container, .clearfix { *zoom: 1; }
header:before, header:after, footer:before, footer:after, #container-inner:before, #container-inner:after, #container:before, #container:after, .clearfix:before, .clearfix:after { content: ""; display: table; }
header:after, footer:after, #container-inner:after, #container:after, .clearfix:after { clear: both; }

/*--------------------------------------------
00. clearfix set
*--------------------------------------------*/
.clear { clear: both; font-size: 0.1%; line-height: 0.1; }

.clear hr { display: none; }

/*--------------------------------------------
01. body
*--------------------------------------------*/
html { overflow: auto; }

body { overflow: hidden; position: relative; min-width: 800px; }
@media screen and (min-width: 0px) and (max-width: 736px) { body { min-width: inherit; } }

.is-js-not-support { color: #A00; font-weight: bold; padding: 10px; border: 1px solid silver; margin-top: 10px; margin-bottom: 10px; }

.tabttl { font-weight: bold; padding: 5px 5px 5px 10px; border-bottom: 2px solid #336633; background: #fff; display: block; margin-top: 10px!important; margin-bottom: 10px!important; }

#wrapper { width: 800px; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 736px) { #wrapper { width: auto; padding: 0 10px; } }

/*--------------------------------------------
02. header
*--------------------------------------------*/
#header-inner { *zoom: 1; }
#header-inner:before, #header-inner:after { content: ""; display: table; }
#header-inner:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #header-inner { margin: 0 -10px; } }

.mb-bp-change { background-color: #008246; text-align: center; }

/* header-upper
*--------------------------------------------*/
#header-upper { *zoom: 1; line-height: 1.4; }
#header-upper:before, #header-upper:after { content: ""; display: table; }
#header-upper:after { clear: both; }

.head-contents-nav { *zoom: 1; float: left; padding: 8px 0 9px 14px; max-width: 372px; *max-width: 386px; background-color: #e9e7d3; -webkit-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.head-contents-nav:before, .head-contents-nav:after { content: ""; display: table; }
.head-contents-nav:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { .head-contents-nav { float: right; background-color: transparent; } }
.head-contents-nav > li { list-style-type: none; float: left; padding-left: 14px; padding-right: 14px; background: url(/common/content/000418851.png) no-repeat 0 0; *white-space: nowrap; }
@media screen and (min-width: 0px) and (max-width: 736px) { .head-contents-nav > li { background: none; padding-right: 0; } }
.head-contents-nav > li:first-child { float: left; padding-left: 0; background: none; }
.head-contents-nav > li a { cursor: pointer; }
@media screen and (min-width: 0px) and (max-width: 736px) { .head-contents-nav > li a { background: url(/common/content/000661043.png) no-repeat 0 0.3em; padding-left: 12px; } }

.head-accessible-nav { *zoom: 1; float: right; }
.head-accessible-nav:before, .head-accessible-nav:after { content: ""; display: table; }
.head-accessible-nav:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { .head-accessible-nav { display: none; } }

.head-beginners { float: right; margin-top: 14px; margin-right: 20px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .head-beginners { display: none; } }

.accessible-textsize { *zoom: 1; line-height: 0; }
.accessible-textsize:before, .accessible-textsize:after { content: ""; display: table; }
.accessible-textsize:after { clear: both; }
.accessible-textsize dt { height: 0; width: 0; overflow: hidden; }
.accessible-textsize dd { float: left; }
.accessible-textsize dd a { display: block; cursor: pointer; }

/* header-lower
*--------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 736px) { #head-logo img { width: 100%; } }
#head-logo a { display: block; }

#header-site-nav { *zoom: 1; margin-top: 22px; margin-left: 264px; }
#header-site-nav:before, #header-site-nav:after { content: ""; display: table; }
#header-site-nav:after { clear: both; }

.site-nav { *zoom: 1; list-style-type: none; float: left; min-width: 390px; text-align: right; }
.site-nav:before, .site-nav:after { content: ""; display: table; }
.site-nav:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { .site-nav { margin-top: 62px; min-width: inherit; float: none; text-align: left; } }
.site-nav > li { display: inline-block; background: url(/common/content/000661043.png) no-repeat 0 0.5em; padding-left: 12px; margin-left: 2px; }
.site-nav > li:first-child { margin-left: 0; }
@media screen and (min-width: 0px) and (max-width: 736px) { .site-nav > li { float: none; margin-left: 0; } }

/* Google search */
#head-search-form { float: right; }
@media screen and (min-width: 0px) and (max-width: 736px) { #head-search-form { float: none; position: absolute; top: 4.4em; width: 100%; } }

#head-search-area { *zoom: 1; }
#head-search-area:before, #head-search-area:after { content: ""; display: table; }
#head-search-area:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #head-search-area { position: relative; padding-right: 106px; } }
#head-search-area dt { float: left; background: url(/common/content/000418925.png) no-repeat 0 0.2em; padding-left: 20px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #head-search-area dt + dd { width: 100%; }
  #head-search-area dt + dd + dd { position: absolute; top: -2px; right: 20px; } }
#head-search-area dd { float: left; margin-left: 4px; }
#head-search-area dd label { display: none; }
#head-search-area dd #head-search-keywords { margin-top: -4px; width: 136px; font-size: 100%; background: #fff; border: 1px solid #cccccc; padding: 2px 6px 1px 6px; min-height: 22px; font-size: 86%; overflow: hidden; }
@media screen and (min-width: 0px) and (max-width: 736px) { #head-search-area dd #head-search-keywords { margin-top: 0; width: 100%; } }
#head-search-area dd #head-search-keywords.is-active { color: #cccccc; background: white url(https://www.google.com/cse/static/ja/google_custom_search_watermark.gif) no-repeat 6px 0.3em; }
#head-search-area dd .head-search-btn { background: url(/common/content/000418831.png) no-repeat 0 0; width: 52px; height: 0; padding-top: 20px; border: none; overflow: hidden; display: block; cursor: pointer; *height: 20px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #head-search-area dd .head-search-btn { background: #138f40 url(/common/content/000661046.png) no-repeat 6px 0.75em; background-size: 5px auto; height: auto; width: auto; padding: 3px 12px 2px 18px; color: #fff; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } }

/* mb nav
*--------------------------------------------*/
#mb-nav-area { display: none; }

[class*="mb-snav-area"] { display: none; }

.mb-nav-heading { display: block; padding: 6px; font-weight: 400; color: #333; background-image: none; background-color: #fff; border-bottom: 1px solid #bdbdbd; }

.mb-nav-list .mb-nav-category { display: block; padding: 6px 12px; background-color: #008246; color: #fff; text-decoration: none; }
.mb-nav-list > li { position: relative; margin-top: 12px; }
.mb-nav-list > li:first-child { margin-top: 0; }
.mb-nav-list > li .-mb-btn-toggle { position: absolute; top: 0; right: 0; width: 34px; height: 34px; margin: auto; z-index: 10; background: url(/common/content/000661051.png) no-repeat 50% 50%; background-size: 15px auto; }
.mb-nav-list > li .-mb-btn-toggle.is-active { background: url(/common/content/000661056.png) no-repeat 50% 50%; background-size: 15px auto; }

.mb-overlay-section { position: relative; border: 1px solid #008246; padding: 10px; background-color: #fff; height: 100%; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mb-overlay-section #mb-nav-area { display: block; }
.mb-overlay-section [class*="mb-snav-area"] { display: block; }

.mb-overlay-heading { padding: 14px 10px 12px; margin: 0 0 10px; font-weight: bold; text-align: center; }

.mb-overlay-close { display: block; margin-top: 10px; padding: 10px 10px 6px; text-align: center; text-decoration: none; }

.mb-head-nav-sreach { background: url(/common/content/000418925.png) no-repeat 0 0.1em; background-size: 12px auto; padding-left: 20px; }

.mb-head-nav-global { background: url(/common/content/000661052.png) no-repeat 0 0.1em; background-size: 12px auto; padding-left: 20px; }

.mb-head-nav-pc { background: url(/common/content/000418922.png) no-repeat 0 0.1em; padding-left: 20px; }

.mb-head-nav-close { background: url(/common/content/000661050.png) no-repeat 0 0.1em; background-size: 12px auto; padding-left: 18px; }

.mb-head-nav { border-top: 2px solid white; background-color: #008246; text-align: center; }
.mb-head-nav a { display: block; padding: 6px 2px; text-align: center; font-size: 86%; text-decoration: none; color: #fff; }

/* sub navigation
*--------------------------------------------*/
#sub-nav { margin-bottom: 15px; }
#sub-nav .sub-nav-list > li { list-style: none; margin: 0 0 2px; padding: 0; }
#sub-nav .sub-nav-list > li > a { display: block; padding: 6px 6px 6px; border-left: 8px solid #cd7b24; font-weight: 700; text-decoration: none; color: #663300; background-color: #f4dfa2; }
#sub-nav .sub-nav-list > li > a[href]:hover { background-color: #ffcc00; }
#sub-nav .sub-nav-list > li ul { margin: 6px 0; }

#mb-sub-nav { margin-bottom: 10px; }
#mb-sub-nav .mb-sub-nav-list { overflow: hidden; margin-top: -2px; *zoom: 1; width: 100.66225%; margin-left: -0.66225%; }
#mb-sub-nav .mb-sub-nav-list:before, #mb-sub-nav .mb-sub-nav-list:after { content: ""; display: table; }
#mb-sub-nav .mb-sub-nav-list:after { clear: both; }
#mb-sub-nav .mb-sub-nav-list > * { float: left; margin-top: 2px; width: 48.84106%; margin-left: 0.66225%; }
#mb-sub-nav .mb-sub-nav-list > *[class*="grid-col"] { width: 48.84106%; }
#mb-sub-nav .mb-sub-nav-list > *.grid-col02 { width: 98.34437%; }
#mb-sub-nav .mb-sub-nav-list > li { list-style: none; }
#mb-sub-nav .mb-sub-nav-list > li > a { display: block; padding: 6px 8px; text-decoration: none; text-align: center; background-color: #d0edb5; color: #333; }
#mb-sub-nav .mb-sub-nav-list > li > a:hover { background-color: #008246; color: #fff; }
#mb-sub-nav .mb-sub-nav-list > li > a:hover .ico-arrow01 { background: url(/common/content/000661047.png) no-repeat 0 0.3em; background-size: 6px auto; }

.page-nav { list-style: none; margin-bottom: 15px; }
.page-nav li { position: relative; list-style: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjVkNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWJhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #f4f5d4, #eaebab); background-image: linear-gradient(top, #f4f5d4, #eaebab); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F5D4', endColorstr='#FFEAEBAB'); color: #533506; padding: 4px 5px; margin-top: 2px; }
@media screen and (min-width: 0 \0) { .page-nav li { filter: none\9; } }
.page-nav li:before { content: ''; position: absolute; content: ""; position: absolute; border-top: 4px solid #dfa42d; border-right: 4px solid #dfa42d; border-bottom: 3px solid #dfa42d; border-left: 3px solid #dfa42d; border-right-color: #bc7f00; border-bottom-color: #bc7f00; top: 0.8em; left: 4px; }
.page-nav li:first-child { margin-top: 0; }
.page-nav li a { color: #533506; font-weight: 700; padding: 0 0 0 10px; display: block; }

/*--------------------------------------------
04. topic-path
*--------------------------------------------*/
#topic-path { margin-bottom: 10px; font-size:90%; margin-top:2px; }
#topic-path ol { *zoom: 1; list-style-type: none; }
#topic-path ol:before, #topic-path ol:after { content: ""; display: table; }
#topic-path ol:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #topic-path ol { font-size: 86%; } }
#topic-path ol > li { float: left; word-break: break-all; overflow-wrap: break-word; }

#pan-list { margin-bottom: 10px; font-size:90%; margin-top:2px; }
#pan-list ol { *zoom: 1; list-style-type: none; }
#pan-list ol:before, #pan-list ol:after { content: ""; display: table; }
#pan-list ol:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #pan-list ol { font-size: 86%; } }
#pan-list ol > li { float: left; word-break: break-all; overflow-wrap: break-word; }

/*--------------------------------------------
04. contents
*--------------------------------------------*/
#container { margin-top: 10px; position: relative; padding: 0 24px 20px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #container { padding: 0; margin-top: 10px; } }

#container-inner { margin: 0; padding: 0; }

/*----------------------------------------
06. leftcontents & rightcontents
----------------------------------------*/
/* left
----------------------------------- */
#leftcontents { float: left; width: 20%; }
@media screen and (min-width: 0px) and (max-width: 736px) { #leftcontents { float: none; width: auto; margin-top: 30px; } }

#leftcontents h2, #leftcontents li, #leftcontents p { word-wrap: break-word; }

#leftcontents ul { list-style-type: none; margin-left: 10px;  }

/* right
----------------------------------- */
#rightcontents { float: right; width: 200px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #rightcontents { margin-top: 20px; float: none; width: auto; } }

#rightcontents h2, #rightcontents li, #rightcontents p { word-wrap: break-word; }

#rightcontents ul { list-style-type: none; }

/*--------------------------------------------
04. page-id
*--------------------------------------------*/
#page-id-no { padding: 2px 12px 0; border: 1px solid #cccccc; background: #f5f5ef; display: inline-block; }
@media screen and (min-width: 0px) and (max-width: 736px) { #page-id-no { margin-top: 10px; position: static; } }

/*--------------------------------------------
04. page-top
*--------------------------------------------*/
#page-top { display: none; margin: 20px 0; }
@media screen and (min-width: 0px) and (max-width: 736px) { #page-top { display: block; }
  #page-top a { display: block; height: 0; width: 30px; padding-top: 30px; margin: 0 auto; overflow: hidden; background: #966308 url(/common/content/000661054.png) no-repeat 50% 50%; background-size: 12px auto; } }

/*--------------------------------------------
05. footer
*--------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 736px) { #footer { margin: 0 -10px; background-color: #e1be47; } }

#footer-inner { position: relative; padding: 15px 15px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #footer-inner { padding: 8px 10px; } }
#footer-inner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; border-top: 1px solid #e0d1a2; }
#footer-inner address { font-size: 100%; }
#footer-inner address strong { font-size: 133%; }

.footer-logo { float: right; margin-left: 10px; margin-bottom: 10px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .footer-logo { display: none; } }

#footer-copyright { clear: both; display: block; padding: 3px 10px; line-height: 1.2; text-align: center; background: #b0810e url(/common/content/000430098.gif) 0 0 repeat-x; }
@media screen and (min-width: 0px) and (max-width: 736px) { #footer-copyright { text-align: left; margin: 0 -10px; padding: 2px 10px; background: #624106; } }
#footer-copyright p { font-size: 90%; color: #fff; }
@media screen and (min-width: 0px) and (max-width: 736px) { #footer-copyright p { display: block; margin-left: 0; } }

/*---------------------------------------- module setting
----------------------------------------*/
.fl { float: left !important; }

.fr { float: right !important; }

.wauto { width: auto !important; }

.w002 { width: 2% !important; }

.w004 { width: 4% !important; }

.w006 { width: 6% !important; }

.w008 { width: 8% !important; }

.w010 { width: 10% !important; }

.w012 { width: 12% !important; }

.w014 { width: 14% !important; }

.w016 { width: 16% !important; }

.w018 { width: 18% !important; }

.w020 { width: 20% !important; }

.w022 { width: 22% !important; }

.w024 { width: 24% !important; }

.w026 { width: 26% !important; }

.w028 { width: 28% !important; }

.w030 { width: 30% !important; }

.w032 { width: 32% !important; }

.w034 { width: 34% !important; }

.w036 { width: 36% !important; }

.w038 { width: 38% !important; }

.w040 { width: 40% !important; }

.w042 { width: 42% !important; }

.w044 { width: 44% !important; }

.w046 { width: 46% !important; }

.w048 { width: 48% !important; }

.w050 { width: 50% !important; }

.w052 { width: 52% !important; }

.w054 { width: 54% !important; }

.w056 { width: 56% !important; }

.w058 { width: 58% !important; }

.w060 { width: 60% !important; }

.w062 { width: 62% !important; }

.w064 { width: 64% !important; }

.w066 { width: 66% !important; }

.w068 { width: 68% !important; }

.w070 { width: 70% !important; }

.w072 { width: 72% !important; }

.w074 { width: 74% !important; }

.w076 { width: 76% !important; }

.w078 { width: 78% !important; }

.w080 { width: 80% !important; }

.w082 { width: 82% !important; }

.w084 { width: 84% !important; }

.w086 { width: 86% !important; }

.w088 { width: 88% !important; }

.w090 { width: 90% !important; }

.w092 { width: 92% !important; }

.w094 { width: 94% !important; }

.w096 { width: 96% !important; }

.w098 { width: 98% !important; }

.w100 { width: 100% !important; }

.matem { margin-top: 1em !important; }

.mat00 { margin-top: 0px !important; }

.mat05 { margin-top: 5px !important; }

.mat10 { margin-top: 10px !important; }

.mat15 { margin-top: 15px !important; }

.mat20 { margin-top: 20px !important; }

.mat25 { margin-top: 25px !important; }

.mat30 { margin-top: 30px !important; }

.mat35 { margin-top: 35px !important; }

.mat40 { margin-top: 40px !important; }

.mat45 { margin-top: 45px !important; }

.mat50 { margin-top: 50px !important; }

.mat55 { margin-top: 55px !important; }

.mat60 { margin-top: 60px !important; }

.mat65 { margin-top: 65px !important; }

.mat70 { margin-top: 70px !important; }

.mat75 { margin-top: 75px !important; }

.mat80 { margin-top: 80px !important; }

.mat85 { margin-top: 85px !important; }

.mat90 { margin-top: 90px !important; }

.mat95 { margin-top: 95px !important; }

.mar00 { margin-right: 0px !important; }

.mar05 { margin-right: 5px !important; }

.mar10 { margin-right: 10px !important; }

.mar15 { margin-right: 15px !important; }

.mar20 { margin-right: 20px !important; }

.mar25 { margin-right: 25px !important; }

.mar30 { margin-right: 30px !important; }

.mar35 { margin-right: 35px !important; }

.mar40 { margin-right: 40px !important; }

.mar45 { margin-right: 45px !important; }

.mar50 { margin-right: 50px !important; }

.mar55 { margin-right: 55px !important; }

.mar60 { margin-right: 60px !important; }

.mar65 { margin-right: 65px !important; }

.mar70 { margin-right: 70px !important; }

.mar75 { margin-right: 75px !important; }

.mar80 { margin-right: 80px !important; }

.mar85 { margin-right: 85px !important; }

.mar90 { margin-right: 90px !important; }

.mar95 { margin-right: 95px !important; }

.mab00 { margin-bottom: 0px !important; }

.mab05 { margin-bottom: 5px !important; }

.mab10 { margin-bottom: 10px !important; }

.mab15 { margin-bottom: 15px !important; }

.mab20 { margin-bottom: 20px !important; }

.mab25 { margin-bottom: 25px !important; }

.mab30 { margin-bottom: 30px !important; }

.mab35 { margin-bottom: 35px !important; }

.mab40 { margin-bottom: 40px !important; }

.mab45 { margin-bottom: 45px !important; }

.mab50 { margin-bottom: 50px !important; }

.mab55 { margin-bottom: 55px !important; }

.mab60 { margin-bottom: 60px !important; }

.mab65 { margin-bottom: 65px !important; }

.mab70 { margin-bottom: 70px !important; }

.mab75 { margin-bottom: 75px !important; }

.mab80 { margin-bottom: 80px !important; }

.mab85 { margin-bottom: 85px !important; }

.mab90 { margin-bottom: 90px !important; }

.mab95 { margin-bottom: 95px !important; }

.mal00 { margin-left: 0px !important; }

.mal05 { margin-left: 5px !important; }

.mal10 { margin-left: 10px !important; }

.mal15 { margin-left: 15px !important; }

.mal20 { margin-left: 20px !important; }

.mal25 { margin-left: 25px !important; }

.mal30 { margin-left: 30px !important; }

.mal35 { margin-left: 35px !important; }

.mal40 { margin-left: 40px !important; }

.mal45 { margin-left: 45px !important; }

.mal50 { margin-left: 50px !important; }

.mal55 { margin-left: 55px !important; }

.mal60 { margin-left: 60px !important; }

.mal65 { margin-left: 65px !important; }

.mal70 { margin-left: 70px !important; }

.mal75 { margin-left: 75px !important; }

.mal80 { margin-left: 80px !important; }

.mal85 { margin-left: 85px !important; }

.mal90 { margin-left: 90px !important; }

.mal95 { margin-left: 95px !important; }

@media screen and (min-width: 0px) and (max-width: 736px) { .mb-mat00 { margin-top: 0px !important; }
  .mb-mat05 { margin-top: 5px !important; }
  .mb-mat10 { margin-top: 10px !important; }
  .mb-mat15 { margin-top: 15px !important; }
  .mb-mat20 { margin-top: 20px !important; }
  .mb-mat25 { margin-top: 25px !important; }
  .mb-mat30 { margin-top: 30px !important; }
  .mb-mat35 { margin-top: 35px !important; }
  .mb-mat40 { margin-top: 40px !important; }
  .mb-mat45 { margin-top: 45px !important; }
  .mb-mat50 { margin-top: 50px !important; }
  .mb-mat55 { margin-top: 55px !important; }
  .mb-mat60 { margin-top: 60px !important; }
  .mb-mat65 { margin-top: 65px !important; }
  .mb-mat70 { margin-top: 70px !important; }
  .mb-mat75 { margin-top: 75px !important; }
  .mb-mat80 { margin-top: 80px !important; }
  .mb-mat85 { margin-top: 85px !important; }
  .mb-mat90 { margin-top: 90px !important; }
  .mb-mat95 { margin-top: 95px !important; }
  .mb-mar00 { margin-right: 0px !important; }
  .mb-mar05 { margin-right: 5px !important; }
  .mb-mar10 { margin-right: 10px !important; }
  .mb-mar15 { margin-right: 15px !important; }
  .mb-mar20 { margin-right: 20px !important; }
  .mb-mar25 { margin-right: 25px !important; }
  .mb-mar30 { margin-right: 30px !important; }
  .mb-mar35 { margin-right: 35px !important; }
  .mb-mar40 { margin-right: 40px !important; }
  .mb-mar45 { margin-right: 45px !important; }
  .mb-mar50 { margin-right: 50px !important; }
  .mb-mar55 { margin-right: 55px !important; }
  .mb-mar60 { margin-right: 60px !important; }
  .mb-mar65 { margin-right: 65px !important; }
  .mb-mar70 { margin-right: 70px !important; }
  .mb-mar75 { margin-right: 75px !important; }
  .mb-mar80 { margin-right: 80px !important; }
  .mb-mar85 { margin-right: 85px !important; }
  .mb-mar90 { margin-right: 90px !important; }
  .mb-mar95 { margin-right: 95px !important; }
  .mb-mab00 { margin-bottom: 0px !important; }
  .mb-mab05 { margin-bottom: 5px !important; }
  .mb-mab10 { margin-bottom: 10px !important; }
  .mb-mab15 { margin-bottom: 15px !important; }
  .mb-mab20 { margin-bottom: 20px !important; }
  .mb-mab25 { margin-bottom: 25px !important; }
  .mb-mab30 { margin-bottom: 30px !important; }
  .mb-mab35 { margin-bottom: 35px !important; }
  .mb-mab40 { margin-bottom: 40px !important; }
  .mb-mab45 { margin-bottom: 45px !important; }
  .mb-mab50 { margin-bottom: 50px !important; }
  .mb-mab55 { margin-bottom: 55px !important; }
  .mb-mab60 { margin-bottom: 60px !important; }
  .mb-mab65 { margin-bottom: 65px !important; }
  .mb-mab70 { margin-bottom: 70px !important; }
  .mb-mab75 { margin-bottom: 75px !important; }
  .mb-mab80 { margin-bottom: 80px !important; }
  .mb-mab85 { margin-bottom: 85px !important; }
  .mb-mab90 { margin-bottom: 90px !important; }
  .mb-mab95 { margin-bottom: 95px !important; }
  .mb-mal00 { margin-left: 0px !important; }
  .mb-mal05 { margin-left: 5px !important; }
  .mb-mal10 { margin-left: 10px !important; }
  .mb-mal15 { margin-left: 15px !important; }
  .mb-mal20 { margin-left: 20px !important; }
  .mb-mal25 { margin-left: 25px !important; }
  .mb-mal30 { margin-left: 30px !important; }
  .mb-mal35 { margin-left: 35px !important; }
  .mb-mal40 { margin-left: 40px !important; }
  .mb-mal45 { margin-left: 45px !important; }
  .mb-mal50 { margin-left: 50px !important; }
  .mb-mal55 { margin-left: 55px !important; }
  .mb-mal60 { margin-left: 60px !important; }
  .mb-mal65 { margin-left: 65px !important; }
  .mb-mal70 { margin-left: 70px !important; }
  .mb-mal75 { margin-left: 75px !important; }
  .mb-mal80 { margin-left: 80px !important; }
  .mb-mal85 { margin-left: 85px !important; }
  .mb-mal90 { margin-left: 90px !important; }
  .mb-mal95 { margin-left: 95px !important; } }
.pat00 { padding-top: 0px !important; }

.pat05 { padding-top: 5px !important; }

.pat10 { padding-top: 10px !important; }

.pat15 { padding-top: 15px !important; }

.pat20 { padding-top: 20px !important; }

.pat25 { padding-top: 25px !important; }

.pat30 { padding-top: 30px !important; }

.pat35 { padding-top: 35px !important; }

.pat40 { padding-top: 40px !important; }

.pat45 { padding-top: 45px !important; }

.pat50 { padding-top: 50px !important; }

.pat55 { padding-top: 55px !important; }

.pat60 { padding-top: 60px !important; }

.pat65 { padding-top: 65px !important; }

.pat70 { padding-top: 70px !important; }

.pat75 { padding-top: 75px !important; }

.pat80 { padding-top: 80px !important; }

.pat85 { padding-top: 85px !important; }

.pat90 { padding-top: 90px !important; }

.pat95 { padding-top: 95px !important; }

.par00 { padding-right: 0px !important; }

.par05 { padding-right: 5px !important; }

.par10 { padding-right: 10px !important; }

.par15 { padding-right: 15px !important; }

.par20 { padding-right: 20px !important; }

.par25 { padding-right: 25px !important; }

.par30 { padding-right: 30px !important; }

.par35 { padding-right: 35px !important; }

.par40 { padding-right: 40px !important; }

.par45 { padding-right: 45px !important; }

.par50 { padding-right: 50px !important; }

.par55 { padding-right: 55px !important; }

.par60 { padding-right: 60px !important; }

.par65 { padding-right: 65px !important; }

.par70 { padding-right: 70px !important; }

.par75 { padding-right: 75px !important; }

.par80 { padding-right: 80px !important; }

.par85 { padding-right: 85px !important; }

.par90 { padding-right: 90px !important; }

.par95 { padding-right: 95px !important; }

.pab00 { padding-bottom: 0px !important; }

.pab05 { padding-bottom: 5px !important; }

.pab10 { padding-bottom: 10px !important; }

.pab15 { padding-bottom: 15px !important; }

.pab20 { padding-bottom: 20px !important; }

.pab25 { padding-bottom: 25px !important; }

.pab30 { padding-bottom: 30px !important; }

.pab35 { padding-bottom: 35px !important; }

.pab40 { padding-bottom: 40px !important; }

.pab45 { padding-bottom: 45px !important; }

.pab50 { padding-bottom: 50px !important; }

.pab55 { padding-bottom: 55px !important; }

.pab60 { padding-bottom: 60px !important; }

.pab65 { padding-bottom: 65px !important; }

.pab70 { padding-bottom: 70px !important; }

.pab75 { padding-bottom: 75px !important; }

.pab80 { padding-bottom: 80px !important; }

.pab85 { padding-bottom: 85px !important; }

.pab90 { padding-bottom: 90px !important; }

.pab95 { padding-bottom: 95px !important; }

.pal00 { padding-left: 0px !important; }

.pal05 { padding-left: 5px !important; }

.pal10 { padding-left: 10px !important; }

.pal15 { padding-left: 15px !important; }

.pal20 { padding-left: 20px !important; }

.pal25 { padding-left: 25px !important; }

.pal30 { padding-left: 30px !important; }

.pal35 { padding-left: 35px !important; }

.pal40 { padding-left: 40px !important; }

.pal45 { padding-left: 45px !important; }

.pal50 { padding-left: 50px !important; }

.pal55 { padding-left: 55px !important; }

.pal60 { padding-left: 60px !important; }

.pal65 { padding-left: 65px !important; }

.pal70 { padding-left: 70px !important; }

.pal75 { padding-left: 75px !important; }

.pal80 { padding-left: 80px !important; }

.pal85 { padding-left: 85px !important; }

.pal90 { padding-left: 90px !important; }

.pal95 { padding-left: 95px !important; }

.fzp01 { font-size: 107%; }

.fzp02 { font-size: 114%; }

.fzp03 { font-size: 121%; }

.fzp04 { font-size: 129%; }

.fzp05 { font-size: 136%; }

.fzp06 { font-size: 143%; }

.fzp07 { font-size: 150%; }

.fzp08 { font-size: 157%; }

.fzp09 { font-size: 164%; }

.fzp10 { font-size: 171%; }

.fzp11 { font-size: 179%; }

.fzp12 { font-size: 186%; }

.fzp13 { font-size: 193%; }

.fzp14 { font-size: 200%; }

.fzp15 { font-size: 207%; }

.fzp16 { font-size: 214%; }

.fzp17 { font-size: 221%; }

.fzp18 { font-size: 229%; }

.fzp19 { font-size: 236%; }

.fzp20 { font-size: 243%; }

.fzm01 { font-size: 93%; }

.fzm02 { font-size: 86%; }

.fzm03 { font-size: 79%; }

.fzm04 { font-size: 71%; }

.fzm05 { font-size: 64%; }

.fzm06 { font-size: 57%; }

.fwb { font-weight: 700 !important; }

.fwn { font-weight: 400 !important; }

.tal { text-align: left !important; }

.tac { text-align: center !important; }

.tar { text-align: right !important; }

.curd { cursor: default !important; }

.curp { cursor: pointer !important; }

#center-contents input[type="button"], #center-contents input[type="submit"], #center-contents button { cursor: pointer; }

#center-contents input[type="text"] { padding: 2px 12px; border: 1px solid #cccccc; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#center-contents select { max-width: 100%; }

.list-style01 > li { position: relative; margin-top: 4px; padding-left: 16px;padding-right: 5px; list-style-type: none; }
.list-style01 > li:first-child { margin-top: 0; }
.list-style01 > li:before { content: ''; position: absolute; content: ""; position: absolute; border-top: 4px solid #dfa42d; border-right: 4px solid #dfa42d; border-bottom: 3px solid #dfa42d; border-left: 3px solid #dfa42d; border-right-color: #bc7f00; border-bottom-color: #bc7f00; top: 0.5em; left: 0px; }

#leftcontents .list-style01 > li:before { top: 0.5em; left: 5px; }


.list-style02 > li { position: relative; margin-top: 4px; padding-left: 15px; list-style-type: none; }
.list-style02 > li:first-child { margin-top: 0; }
.list-style02 > li:before { content: ''; position: absolute; content: ""; position: absolute; border-top: 4px solid #79acf2; border-right: 4px solid #79acf2; border-bottom: 3px solid #79acf2; border-left: 3px solid #79acf2; border-right-color: #1667d9; border-bottom-color: #1667d9; top: 0.3em; left: 0px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-style02 > li:before { border-color: #5975b6; } }

.list-style03 > li { position: relative; margin-top: 4px; padding-left: 15px; list-style-type: none; }
.list-style03 > li:first-child { margin-top: 0; }
.list-style03 > li:before { content: ''; position: absolute; background: url(/common/content/000661049.png) no-repeat 50% 50%; background-size: 9px auto; top: 0.6em; left: 0px; width: 9px; height: 9px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-style03 > li:before { border-color: #5975b6; } }

@media screen and (min-width: 0px) and (max-width: 736px) { .table-swipe-wrap { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-y: hidden; } }
@media screen and (min-width: 0px) and (max-width: 736px) { .table-swipe-wrap > table, .table-swipe-wrap > div { width: 680px !important; } }

.ico-arrow01 { padding-left: 10px; background: url(/common/content/000661043.png) no-repeat 0 0.3em; background-size: 6px auto; }

.ico-arrow02 { padding-left: 10px; background: url(/common/content/000661044.png) no-repeat 0 0.3em; background-size: 6px auto; }

.ico-arrow03 { padding-left: 10px; background: url(/common/content/000661045.png) no-repeat 0 0.3em; background-size: 6px auto; }

.ico-arrow04 { padding-left: 10px; background: url(/common/content/000661046.png) no-repeat 0 0.3em; background-size: 6px auto; }

.ico-menu01 { padding-left: 16px; background: url(/common/content/000661052.png) no-repeat 0 0.1em; background-size: 12px auto; }

.ico-menu02 { padding-left: 16px; background: url(/common/content/000661053.png) no-repeat 0 0.1em; background-size: 12px auto; }

.grid-wrap { overflow: hidden; }

.add-opacity:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.add-overlay { display: block !important; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(0, 0, 0, 0.5); z-index: 1000; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: linear; transition-timing-function: linear; overflow: auto; }

.mb-overlay-contents { display: block !important; position: absolute; top: 10%; left: 0; right: 0; -webkit-overflow-scrolling: touch; margin: auto; overflow: auto; z-index: 1100; max-height: 90%; }
.mb-overlay-contents #head-search-form, .mb-overlay-contents #global-nav, .mb-overlay-contents .mb-nav-rwd { display: block; }

.is-hide-text { display: block; width: 0; height: 0; overflow: hidden; }

.is-hide { display: none; }

@media screen and (min-width: 0px) and (max-width: 736px) { .is-mb-optimize { width: auto !important; margin-left: auto !important; margin-right: auto !important; }
  .is-mb-optimize > * { float: none !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; } }
@media screen and (min-width: 0px) and (max-width: 736px) { .is-mb-hide { display: none; } }

@media screen and (min-width: 737px) and (max-width: 960px) { .is-mb-show { display: none; } }
@media screen and (min-width: 961px) { .is-mb-show { display: none; } }
@media \0screen { .is-mb-show { display: none; } }

@media screen and (min-width: 737px) and (max-width: 960px) { .is-tb-hide { display: none; } }
@media \0screen { .is-tb-hide { display: none; } }

@media screen and (min-width: 737px) and (max-width: 960px) { .is-tb-show { display: none; } }
@media screen and (min-width: 961px) { .is-tb-show { display: none; } }
@media \0screen { .is-tb-show { display: none; } }

@media screen and (min-width: 961px) { .is-pc-hide { display: none; } }
@media \0screen { .is-pc-hide { display: none; } }

@media screen and (min-width: 0px) and (max-width: 736px) { .is-pc-show { display: none; } }
@media screen and (min-width: 737px) and (max-width: 960px) { .is-pc-show { display: none; } }

/* for print
---------------------------------------------*/
@media print { /* ----------------------------------- common ----------------------------------- */
 body { width:800px;}
  a:link, a:visited { color: #000; text-decoration: underline; }
  .is-print-hide { display: none; }
  .is-pc-hide { display: none; }
  #wrapper { width: 100% !important; }
  #container { width: 100% !important; padding: 0 0 20px !important; }
  #container-inner { width: 100% !important; float: none !important; }
  #topic-path { display: none; }
  #leftcontents { display: none; }
  /* ----------------------------------- header ----------------------------------- */
  #header { width: 100% !important; }
  /* ----------------------------------- footer ----------------------------------- */
  #footer-inner { padding: 10px 24px; }
  #footer-copyright { border-top: 1px solid #999999; background: #fff; padding-bottom: 0; }
  #footer-copyright p { color: #000; }
  /* ----------------------------------- attach ----------------------------------- */
  .attach-pdf { width: 100%; }
  .attach-doc { width: 100%; }
  .attach-xls { width: 100%; }
  .attach-file { width: 100%; }
  .attach-link { width: 100%; }
  .attach-gis { width: 100%; }
  /* ----------------------------------- table ----------------------------------- */
  table[style*="width"] { width: 100% !important; } 

  #LIVE { width: 96% !important;}