@charset "UTF-8";
/*--------------------------------------------
tag reset
--------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 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%; }

img { border: 0; /*margin: 0; padding: 0;*/ }

html { line-height: 1.5; font-family: Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; color: #343434; }
@media screen and (min-width: 0px) and (max-width: 736px) { html { font: 0.875em/1.6 Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; } }

@media screen and (min-width: 0px) and (max-width: 736px) { input, textarea, select, button { font-family: Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif; } }

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

strong { font-weight: bold; }

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

address { font-style: normal; }

@media screen and (min-width: 0px) and (max-width: 736px) { blockquote { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; } }

@media screen and (min-width: 0px) and (max-width: 736px) { input[type="button"], input[type="submit"] { -webkit-appearance: none; appearance: none; } }
input[type="text"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; }

@media screen and (min-width: 0px) and (max-width: 736px) { button { -webkit-appearance: none; appearance: none; } }

img { vertical-align: bottom; }
@media screen and (min-width: 0px) and (max-width: 736px) { img { max-width: 100%; height: auto; } }

.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; }

/*#center-contents { font-size: inherit; font-family: "MS PGothic", Meiryo, "Hiragino Kaku Gothic ProN",  sans-serif; }*/
/*--------------------------------------------
common

default set
00. clearfix set
01. wrapper
02. header
03. globalMenu
04. pageTop
05. footer
*--------------------------------------------*/
/*--------------------------------------------
default set
*--------------------------------------------*/
body table * p { margin-top: 0; margin-bottom: 0; }

.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; }

/* -----------------------------------
standard setting
----------------------------------- */
html { overflow: auto; }

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

body { overflow: hidden; position: relative; text-align: center; background: url(/common/content/000184343.jpg) repeat; }
@media screen and (min-width: 0px) and (max-width: 736px) { body { min-width: inherit; background: none; } }

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

/* -----------------------------------
container
----------------------------------- */
#container { width: 800px; text-align: left; margin: 0 auto 15px; background: #FFF; }
@media screen and (min-width: 0px) and (max-width: 736px) { #container { width: 100%; margin: 0; } }

/* -----------------------------------
header
----------------------------------- */
#site-header { *zoom: 1; background: url(/common/content/000184357.jpg) no-repeat 0 100%; min-height: 97px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.875em; }
#site-header:before, #site-header:after { content: ""; display: table; }
#site-header:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #site-header { margin: 0 -10px; padding: 0 10px; min-height: 66px; background: url(/common/content/000331389.jpg) no-repeat 0 0; background-size: 736px auto; } }
#site-header a:hover { background-color: transparent; }
#site-header #site-logo { width: 350px; height: 97px; float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { #site-header #site-logo { width: 222px; height: 66px; } }
#site-header #site-nav-area { float: right; }
#site-header #site-nav-area .site-nav-lng { *zoom: 1; list-style-type: none; margin-top: 8px; margin-right: 2px; text-align: right; letter-spacing: -0.4em; }
#site-header #site-nav-area .site-nav-lng:before, #site-header #site-nav-area .site-nav-lng:after { content: ""; display: table; }
#site-header #site-nav-area .site-nav-lng:after { clear: both; }
#site-header #site-nav-area .site-nav-lng > li { display: inline-block; margin-left: 5px; }
#site-header #site-nav-area .mb-site-nav-lng { list-style-type: none; }
@media screen and (min-width: 0px) and (max-width: 736px) { #site-header #site-nav-area .mb-site-nav-lng { margin-top: 18px; width: 70px; } }
#site-header #site-nav-area .mb-site-nav-lng > li { margin-top: 1px; }
#site-header #site-nav-area .mb-site-nav-lng > li:first-child { margin-top: 0; }
#site-header #site-nav-area .mb-site-nav-lng > li a { display: block; padding: 2px 4px; background-color: #dad5e7; color: #333; letter-spacing: -0.016em; line-height: 1.2; font-size: 86%; text-decoration: none; }

.en-header { background: url(/common/content/000184106.jpg) no-repeat; }

#site-header img { vertical-align: bottom; }

.en-header img { vertical-align: bottom; }

/*--------------------------------------------
02. header
*--------------------------------------------*/
#header { font-size: 93%; }

#header-inner { border-bottom: 5px solid #483d6d; background-color: #c3bbdb; margin: 0 -500%; padding: 0 500%; *zoom: 1; }
@media screen and (min-width: 0px) and (max-width: 736px) { #header-inner { border-top: none; } }

.head-contents-nav a { color: #343434; }

/* header-upper
*--------------------------------------------*/
#header-upper { *zoom: 1; line-height: 1.4; margin: 0 -10px 0 -6px; }
#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 6px; max-width: 372px; *max-width: 386px; }
.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; *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 { padding-left: 14px; background: url(/common/content/000331390.png) no-repeat 0 0.35em; cursor: pointer; }

.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; } }

.accessible-textsize, .accessible-theme { float: left; padding: 7px 10px 8px; margin-left: 4px; }
.accessible-textsize dt, .accessible-theme dt { float: left; font-weight: bold; margin-right: 8px; max-width: 108px; }
.accessible-textsize dd, .accessible-theme dd { float: left; border: 1px solid white; background-color: #fff; margin-top: -2px; margin-left: -1px; }
.accessible-textsize dd a, .accessible-theme dd a { padding: 2px 8px 0; display: block; text-decoration: none; cursor: pointer; }
.accessible-textsize dd a:hover, .accessible-theme dd a:hover { color: inherit; }
.accessible-textsize .textsize-small, .accessible-textsize .textsize-large, .accessible-theme .textsize-small, .accessible-theme .textsize-large { background-color: #e9e9e9; }
.accessible-textsize .theme-blue, .accessible-theme .theme-blue { padding: 2px 4px 0; color: #fff; background-color: #00b; }
.accessible-textsize .theme-blue:hover, .accessible-theme .theme-blue:hover { color: #fff; }
.accessible-textsize .theme-yellow, .accessible-theme .theme-yellow { padding: 2px 4px 0; background-color: #ff0; }
.accessible-textsize .theme-yellow:hover, .accessible-theme .theme-yellow:hover { color: #343434; }
.accessible-textsize .theme-black, .accessible-theme .theme-black { padding: 2px 4px 0; color: #ff0; background-color: #000; }
.accessible-textsize .theme-black:hover, .accessible-theme .theme-black:hover { color: #ff0; }

/* header-lower
*--------------------------------------------*/
#header-lower { *zoom: 1; margin-top: 16px; margin-bottom: 16px; position: relative; }
#header-lower:before, #header-lower:after { content: ""; display: table; }
#header-lower:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #header-lower { margin-top: 0; } }

#head-logo { float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { #head-logo { float: none; position: absolute; top: -20px; } }
#head-logo a { display: block; width: 245px; padding-top: 38px; height: 0; overflow: hidden; }
@media screen and (min-width: 0px) and (max-width: 736px) { #head-logo a { width: 115px; padding-top: 35px; background-size: 115px auto; } }

#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/000331358.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-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: 100px; } }
#head-search-area dt { float: left; background: url(/common/content/000331401.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: 4px; } }
#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(/common/content/000331411.txt) no-repeat 6px 0.3em; }
#head-search-area dd .head-search-btn { 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 { -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #463c69; height: auto; width: auto; min-width: 70px; padding: 3px 2px 2px; color: #fff; } }

/* mb nav
*--------------------------------------------*/
.mb-overlay-section { position: relative; border: 3px solid #eae9e9; padding: 10px; padding-top: 0; margin: 78px 10px 20px; background-color: #fff; }

.mb-overlay-heading { background-color: #463c69; padding: 14px 10px 12px; margin: 0 -10px 10px; font-weight: bold; text-align: center; color: #fff; }

.mb-overlay-close { display: block; margin-top: 20px; padding: 14px 10px 12px; font-weight: bold; text-align: center; text-decoration: none; }

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

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

.mb-head-nav-pc { padding-left: 20px; }

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

.mb-head-nav { margin: 8px 0; font-size: 14; }
.mb-head-nav ul { list-style-type: none; }
@media screen and (min-width: 0px) and (max-width: 736px) { .mb-head-nav ul { *zoom: 1; width: -webkit-calc(100% + 5px); width: calc(100% + 5px); margin-left: -5px; }
  .mb-head-nav ul:before, .mb-head-nav ul:after { content: ""; display: table; }
  .mb-head-nav ul:after { clear: both; }
  .mb-head-nav ul > * { float: left; margin-left: 5px; width: -webkit-calc(50% - 5px); width: calc(50% - 5px); }
  .mb-head-nav ul > *[class~="grid-box-col"] { width: 100%; }
  .mb-head-nav ul > *:first-child + * ~ * { margin-top: 0; } }
.mb-head-nav ul > li a { display: block; background-color: #463c69; padding: 6px 12px; font-size: 100%; color: #fff; }

.mb-nav-rwd { margin-top: 10px; padding-top: 10px; }
.mb-nav-rwd ul { list-style-type: none; }
.mb-nav-rwd ul > li .mb-head-nav-pc { background-size: 14px auto; }

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

.mb-overlay-section #mb-nav-area { display: block; }

.mb-nav-list { list-style: none; text-align: left; }
.mb-nav-list ul { list-style: none; padding-left: 20px; }
.mb-nav-list ul > li a { padding-left: 14px; background: url(/common/content/000331391.png) 0 0.35em no-repeat; color: #333; text-decoration: none; }
.mb-nav-list .mb-nav-category { display: block; padding: 6px 12px; background-color: #dad5e7; color: #333; 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/000331400.png) no-repeat 50% 50%; background-size: 15px auto; }
.mb-nav-list > li .-mb-btn-toggle.is-active { background: url(/common/content/000331399.png) no-repeat 50% 50%; background-size: 15px auto; }

#mb-lng-area { display: none; }

.mb-overlay-section #mb-lng-area { display: block; }

.mb-lng-list { list-style: none; text-align: left; }
.mb-lng-list > li { position: relative; margin-top: 12px; }
.mb-lng-list > li:first-child { margin-top: 0; }
.mb-lng-list > li a { padding-left: 14px; background: url(/common/content/000331391.png) 0 0.35em no-repeat; color: #333; text-decoration: none; }

/* -----------------------------------
global navigation
----------------------------------- */
/* メニュー */
.positioner { position: relative; }

#globalnavi { *zoom: 1; font-size: 77%; float: left; margin-top: 1px; position: relative; width: 100%; padding: 0px; background: #332e48 url(/common/content/000184363.gif) repeat-x; /* 背景色 */ }
#globalnavi:before, #globalnavi:after { content: ""; display: table; }
#globalnavi:after { clear: both; }

@media screen and (min-width: 0px) and (max-width: 736px) { .mb-globalnavi { margin-top: 4px; } }
.mb-globalnavi ul { list-style-type: none; }
@media screen and (min-width: 0px) and (max-width: 736px) { .mb-globalnavi ul { *zoom: 1; width: -webkit-calc(100% + 5px); width: calc(100% + 5px); margin-left: -5px; }
  .mb-globalnavi ul:before, .mb-globalnavi ul:after { content: ""; display: table; }
  .mb-globalnavi ul:after { clear: both; }
  .mb-globalnavi ul > * { float: left; margin-left: 5px; width: -webkit-calc(50% - 5px); width: calc(50% - 5px); }
  .mb-globalnavi ul > *[class~="grid-box-col"] { width: 100%; }
  .mb-globalnavi ul > *:first-child + * ~ * { margin-top: 5px; } }
.mb-globalnavi ul > li a { display: block; padding: 6px 12px; padding-left: 20px; font-size: 100%; background: #dad5e7 url(/common/content/000331391.png) 8px 1em no-repeat; text-decoration: none; color: #333; }
.mb-globalnavi ul > li .mb-head-nav-search { padding-left: 18px; background-size: 10px auto; background-position: 0 0.2em; }
.mb-globalnavi ul > li .mb-head-nav-global { padding-left: 18px; background-size: 10px auto; background-position: 0 0.2em; }

/* ▼メニューバー▼ */
ul#menu_bar { background-color: #483d6d; /* 背景色 */ padding-left: 0px; margin-left: 0px; margin-top: 0px; /* 上の間隔 */ float: left; }

#menu_bar li { list-style-type: none; float: left; line-height: 29px; /* 高さ */ margin: 0px; padding: 0px; border-left: 1px solid white; }

#menu_bar li a { display: block; text-align: center; padding: 8px 0.8em; color: #fff; /* リンク文字の色 */ background: #332e48 url(/common/content/000184363.gif) repeat-x; /* 背景 */ text-decoration: none; font-weight: normal; line-height: 1.1; }

#menu_bar li a:hover { color: #fff; /* マウスが乗ったときのリンク文字の色 */ background: #6555a0 url(/common/content/000184365.gif) repeat-x; /* 背景 */ text-decoration: none; font-weight: normal; }

#menu_bar li.last a:hover { color: #fff; /* マウスが乗ったときのリンク文字の色 */ background: #6555a0 url(/common/content/000184365.gif) repeat-x; /* 背景 */ text-decoration: none; }

/* ▲メニューバー▲ */
/* ▼メニューバー（ドロップダウン）▼ */
#menu_bar ul { position: absolute; margin: 0; padding: 0; font-weight: normal; z-index: 10; }

#menu_bar li { position: relative; margin: 0; padding: 0; font-weight: normal; }

#menu_bar li ul li { float: none; font-weight: normal; }

#menu_bar li.menu ul, #menu_bar li.menu ul li.menu ul, #menu_bar li.menu_on ul li.menu ul { display: none; }

#menu_bar li.menu_on2 ul li.menu ul { display: none; }

#menu_bar li.menu_on ul { position: absolute; display: block; top: 100%; left: 0; }

#menu_bar li.menu_on:nth-child(9) ul, #menu_bar li.menu_on:nth-child(10) ul { margin-left: -162px; /* プルダウン表示を左向きに展開 */ }

#menu_bar li li a, #menu_bar li li li a { border-top: 1px solid white; /* 区切り線 */ }

/* ドロップダウンリストの透過（IE6以下未対応） */
#menu_bar > li > ul { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

/* 第２階層の幅-220 */
#menu_bar li li.w-220 a { width: 220px; background: none; background-color: #cc99ff; /* プルダウンボタンの背景 */ color: #000099; text-align: left; padding-left: 20px; font-weight: normal; }

#menu_bar li li.w-220 a:hover { width: 220px; background: none; background-color: #ccccff; /* プルダウンボタンのマウスオーバ時 */ color: #000099; font-weight: normal; }

/* 第２階層の幅220 */
#menu_bar li li.w220 a { width: 220px; background: none; background-color: #cc99ff; /* プルダウンボタンの背景 */ color: #000099; text-align: left; padding-left: 20px; font-weight: normal; }

#menu_bar li li.w220 a:hover { width: 220px; background: none; background-color: #ccccff; /* プルダウンボタンのマウスオーバ時 */ color: #000099; font-weight: normal; }

/* 第２階層の幅180 */
#menu_bar li li.w180 a { width: 200px; background: none; background-color: #cc99ff; /* プルダウンボタンの背景 */ color: #000099; text-align: left; padding-left: 20px; font-weight: normal; }

#menu_bar li li.w180 a:hover { width: 200px; background: none; background-color: #ccccff; /* プルダウンボタンのマウスオーバ時 */ color: #000099; font-weight: normal; }

/* 第２階層の幅135 */
#menu_bar li li.w132 a { width: 132px; background: none; background-color: #cc99ff; /* プルダウンボタンの背景 */ color: #000099; text-align: left; padding-left: 20px; font-weight: normal; }

#menu_bar li li.w132 a:hover { width: 132px; background: none; background-color: #ccccff; /* プルダウンボタンのマウスオーバ時 */ color: #000099; font-weight: normal; }

/* 第２階層の幅140 */
#menu_bar li li.w140 a { width: 140px; background: none; background-color: #cc99ff; /* プルダウンボタンの背景 */ color: #000099; text-align: left; padding-left: 20px; font-weight: normal; }

#menu_bar li li.w140 a:hover { width: 140px; background: none; background-color: #ccccff; /* プルダウンボタンのマウスオーバ時 */ color: #000099; font-weight: normal; }

/* 第２階層の幅160 */
#menu_bar li li.w160 a { width: 160px; background: none; background-color: #cc99ff; /* プルダウンボタンの背景 */ color: #000099; text-align: left; padding-left: 20px; font-weight: normal; }

#menu_bar li li.w160 a:hover { width: 160px; background: none; background-color: #ccccff; /* プルダウンボタンのマウスオーバ時 */ color: #000099; font-weight: normal; }

/* 第２階層の幅170 */
#menu_bar li li.w170 a { width: 170px; background: none; background-color: #cc99ff; /* プルダウンボタンの背景 */ color: #000099; text-align: left; padding-left: 20px; font-weight: normal; }

#menu_bar li li.w170 a:hover { width: 170px; background: none; background-color: #ccccff; /* プルダウンボタンのマウスオーバ時 */ color: #000099; font-weight: normal; }

/* 第２階層の幅170（2段） */
#menu_bar li li.w170t a { width: 170px; background: none; background-color: #cc99ff; /* プルダウンボタンの背景 */ color: #000099; text-align: left; padding-left: 20px; font-weight: normal; line-height: 1.5em; }

#menu_bar li li.w170t a:hover { width: 170px; background: none; background-color: #ccccff; /* プルダウンボタンのマウスオーバ時 */ color: #000099; font-weight: normal; line-height: 1.5em; }

/* ▲メニューバー（ドロップダウン）▲ */
.skip { float: right; font-size: 0; }

.skip img { border: none; }

/* -----------------------------------
wrap
----------------------------------- */
#wrap { width: 770px; margin: 0 auto; padding: 5px 0 15px; text-align: center; clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #wrap { width: 100%; } }

/* -----------------------------------
pankuzu-list
----------------------------------- */
#pan-list { width: 770px; font-size: 90%; text-align: left; margin: 0 auto 10px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #pan-list { width: 100%; } }

#pan-list p { margin: 0; }

/* -----------------------------------
content
----------------------------------- */
#content { width: 548px; margin-left: auto; margin-right: auto; text-align: left; font-size: 90%; float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { #content { float: none; width: 100%; border: none; padding: 0; } }

#rightarea { float: right; width: 206px; text-align: left; font-size: 79%; }
@media screen and (min-width: 0px) and (max-width: 736px) { #rightarea { float: none; width: 100%; } }
#rightarea .banner img { margin-bottom: 10px; }

/* -----------------------------------
subheading
----------------------------------- */
h1 { font-size: 130%; line-height: 1.2; color: #333; margin: 0 0 15px 0; padding: 0 0 3px 40px; background: url(/common/content/000184352.gif) no-repeat 0 bottom; }

h2 { font-size: 120%; line-height: 1.2; color: #333; margin: 15px 0; padding: 7px 0 3px 15px; background: url(/common/content/000184354.gif) no-repeat left bottom; border-bottom: 2px dotted #bbbbbb; clear: both; }

h2.h2top { font-size: 120%; line-height: 1.2; color: #333; margin: 0 0 15px; padding: 7px 0 3px 15px; background: url(/common/content/000184354.gif) no-repeat left; border-bottom: 2px dotted #bbbbbb; clear: both; }

h3 { font-size: 110%; color: #635a39; margin: 10px 0; padding: 4px 0 2px 14px; background: url(/common/content/000184356.gif) repeat-x white top; border-bottom: 1px solid #e9daa4; clear: both; }

h4 { font-size: 100%; line-height: 1.1; margin: 10px 0 5px; padding: 0 0 0 5px; border-left: 5px solid #527647; color: #547446; }

h5 { color: #49257f; font-size: 100%; margin: 10px 0 5px; padding: 0; }

h6 { color: #366696; font-size: 100%; margin: 10px 0 5px; padding: 0; }

/* -----------------------------------
text
----------------------------------- */
#content p:not([class]) { margin: 0 15px 1em; }

p.text-a { text-indent: 1em; }

td p { margin: 0; }

th p { margin: 0; }

/* -----------------------------------
list
----------------------------------- */
#content ul:not([class]) { margin: 0 0 1em 30px; padding: 0; }

#content ul:not([class]) li { margin: 0 0 2px 0; padding: 0; line-height: 1.3; }

ul.ul-a { margin-top: 0; margin-left: 15px; padding-top: 0; padding-left: 0; margin-bottom: 10px; }

ul.ul-a li { padding-left: 20px; margin-bottom: 7px; background-repeat: no-repeat; background-position: 3px 0.45em; background-image: url(/common/content/000184362.gif); list-style-type: none; }

ul.ul-side { margin-top: 0; margin-left: 15px; padding-top: 0; padding-left: 0; margin-bottom: 10px; }

ul.ul-side li { padding-left: 17px; margin-bottom: 7px; margin-right: 10px; background-repeat: no-repeat; background-position: 0 4px; background-image: url(/common/content/000184362.gif); list-style-type: none; float: left; }

ol { margin-top: 0; margin-left: 40px; margin-bottom: 10px; padding: 0; }

ol li { padding-left: 0; margin-bottom: 5px; line-height: 1.3; }

/* -----------------------------------
table
----------------------------------- */
table.table-a { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-color: #888; font-size: 100%; }

table.table-a th { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; color: #473267; border-color: #888; background-color: #e8ddfa; line-height: 120%; white-space: nowrap; }

table.table-a td { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; border-color: #888; line-height: 140%; }

table.table-b { font-size: 90%; line-height: 1.4; }

table.table-b th { border-bottom: 3px solid #c1a9e5; padding: 4px 1em 4px 0; color: #473267; }

table.table-b td { border-bottom: 1px solid #cccccc; padding: 7px 1em 7px 0; }

table.table-b2 { font-size: 90%; line-height: 1.4; }

table.table-b2 th { border-top: 1px solid white; padding: 5px; color: #4c4082; background: #eee; text-align: left; vertical-align: top; }

table.table-b2 td { border-top: 1px solid white; border-bottom: 1px solid #eeeeee; padding: 5px; vertical-align: top; }

table.table-c { font-size: 100%; line-height: 1.7; }

table.table-c th { padding: 4px 1em 4px 0; color: #473267; }

table.table-c td { padding: 4px 1em 4px 0; }

table.table-c2 { margin: 0; font-size: 100%; line-height: 1.4; }

table.table-c2 th { padding: 0; color: #473267; }

table.table-c2 td { padding: 0; }

table.table-c3 { margin: 0 auto 10px; font-size: 90%; line-height: 1.4; }

table.table-c3 th { padding: 4px 0 4px 0; color: #473267; text-align: center; }

table.table-c3 td { padding: 10px; text-align: center; word-break: break-all; vertical-align: top; background: #FFF8CE; border-left: 5px solid white; border-right: 5px solid white; }

table.table-c3 td img { margin-bottom: 5px; }

table.table-cal { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; margin: 0 0 1em; border-color: #888; font-size: 70%; }

table.table-cal th { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 2px; color: #473267; border-color: #888; background-color: #e8ddfa; line-height: 120%; white-space: nowrap; }

table.table-cal td { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 2px; border-color: #888; line-height: 140%; }

table.table-date { padding: 0; line-height: 1.3; font-size: 100%; }

table.table-date th { color: #736340; text-align: left; vertical-align: top; white-space: nowrap; }

table.table-date td { padding-bottom: 5px; }

table.table-qa { margin-bottom: 1em; margin-left: 15px; width: 95%; font-size: 100%; }

table.table-qa th { color: #544633; padding-bottom: 2px; border-bottom: 1px dashed #cccccc; text-align: left; line-height: 1.3; }

table.table-qa th span.q { color: #e26360; font-size: 130%; padding-right: 7px; }

table.table-qa td span.a { color: #5A82E9; font-weight: bold; font-size: 130%; padding-right: 7px; }

table.table-qa td { padding: 4px 0; line-height: 1.4; }

table.table-2col { width: 95%; margin-bottom: 1em; font-size: 100%; }

table.table-2col td { width: 50%; vertical-align: top; }

/* -----------------------------------
footer
----------------------------------- */
#footer { clear: both; padding: 15px 0 0; background-color: #fff; border-top: 1px solid #e4e4e4; font-size: 90%; }

#footer address { float: left; padding: 0; margin: 0 0 5px 15px; font-style: normal; line-height: 140%; }

#footer #bana { *zoom: 1; float: right; padding: 0; }
#footer #bana:before, #footer #bana:after { content: ""; display: table; }
#footer #bana:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #footer #bana { float: none; margin-bottom: 10px; } }

#footer #bana ul { margin: 0 15px 0 0; padding: 0; }

#footer #bana ul li { float: left; list-style: none; margin-left: 18px; }

#footer #copyright { clear: both; display: block; text-align: center; padding: 5px 0; background: #332e48 url(/common/content/000184348.gif) repeat-x top; color: #fff; }
@media screen and (min-width: 0px) and (max-width: 736px) { #footer #copyright { padding: 5px 10px; margin: 0 -10px; color: #333; background: #dad5e7; } }

/* -----------------------------------
align
----------------------------------- */
.txt-c { text-align: center; }

.txt-l { text-align: left; }

.txt-r { text-align: right; }

/* -----------------------------------
float
----------------------------------- */
.clear { clear: both; }

/* -----------------------------------
box
----------------------------------- */
div.box-point { border: 1px solid #49257f; padding: 10px 5px; }

div.box-point p { margin-bottom: 0 !important; }

div.box-point ul { margin-top: 5px !important; margin-bottom: 0 !important; padding: 0; }

div.box-point ol { margin-top: 5px !important; margin-bottom: 0 !important; padding: 0; }

div.box-important { background-color: #FFF8CE; padding: 10px 5px; }

div.box-important p { margin-bottom: 0 !important; }

div.box-important ul { margin-top: 5px !important; margin-bottom: 0 !important; padding: 0; }

div.box-important ol { margin-top: 5px !important; margin-bottom: 0 !important; padding: 0; }

div.box-pdf { background-color: #FFF8CE; padding: 10px; margin: 0 10px 1em; border: 1px solid #fcce81; line-height: 130%; }

div.box-pdf img { float: right; margin-bottom: 10px; margin-left: 10px; border: none; }

div.align-left { text-align: left; }

div.align-center { text-align: center; }

div.align-right { text-align: right; }

/* -----------------------------------
link icon
----------------------------------- */
.point-a { background-image: url(/common/content/000184369.gif); padding-left: 15px; margin-bottom: 5px; background-repeat: no-repeat; background-position: 0 6px; height: 14px; vertical-align: bottom; }

.point-back { background-image: url(/common/content/000184370.gif); padding-left: 15px; margin-bottom: 5px; background-repeat: no-repeat; background-position: 0 6px; height: 14px; vertical-align: bottom; }

.point-top { background-image: url(/common/content/000184371.gif); padding-left: 15px; margin-bottom: 5px; background-repeat: no-repeat; background-position: 0 7px; height: 14px; vertical-align: bottom; }

/* -----------------------------------
attach
----------------------------------- */
.attach-pdf { background: url(/common/content/000184368.gif) no-repeat left top; padding-left: 40px; }

.attach-doc { background: url(/common/content/000184372.gif) no-repeat left top; padding-left: 40px; }

.attach-xls { background: url(/common/content/000184346.gif) no-repeat left top; padding-left: 40px; }

.attach-file { background: url(/common/content/000184347.gif) no-repeat left top; padding-left: 40px; }

.attach-link { background: url(/common/content/000184360.gif) no-repeat left top; padding-left: 40px; }

.attach-gis { background: url(/common/content/000184359.gif) no-repeat left top; padding-left: 40px; }

/* -----------------------------------
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-width: 3px 0 0 0; border-color: #49257f; border-style: solid; }

/* -----------------------------------
button
----------------------------------- */
a.link-a { padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; background-color: #FFE0C4; border-top-width: 1px; border-right-width: 10px; border-bottom-width: 1px; border-left-width: 10px; border-style: solid; border-color: #E26360; color: #0000FF; margin-left: 15px; }

a.link-a:hover { background-color: #FFEDDD; border-color: #E27C79; color: #0066FF; }

/* -----------------------------------
text decoration
----------------------------------- */
.mp_underline { text-decoration: underline; }

.mp_italic { font-style: italic; }

.mp_textcolor_red { color: #FF0000; }

.mp_textcolor_blue { color: #0000FF; }

.mp_textcolor_green { color: #009900; }

.mp_textcolor_gray { color: #666666; }

.mp_strike { text-decoration: line-through; }

.mp_indent { text-indent: 1em; }

.mp_large { font-size: larger; }

.mp_small { font-size: smaller; }

/* -----------------------------------
MACS用追記
----------------------------------- */
.system-footer { display: block; margin-bottom: 10px; padding: 2px 6px; margin-top: 10px; }

.system-footer a { padding-left: 5px; padding-right: 5px; }

.system-footer span { padding-left: 5px; padding-right: 5px; font-size: 120%; }

h2.macs { font-size: 100%; }

.macs-text { text-align: center; }

.macs-text p { font-family: "MS Gothic"; margin-right: auto; margin-left: auto; padding-right: 5px; padding-left: 5px; width: 690px; text-align: left; }

.macs-img { padding-left: 20px; }

#info-right { margin-bottom: 15px; margin-top: 15px; text-align: right; }

#info-right table { font-size: 100%; width: 400px; border-top: 1px solid #333333; border-left: 1px solid #333333; margin-right: 0; margin-left: auto; }

#info-right table th { color: #274a0b; padding: 5px; text-align: left; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }

#info-right table td { padding-bottom: 5px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }

#info-right table td ul { width: 396px; font-size: 90%; padding-left: 0; padding-top: 0; padding-bottom: 0; margin-left: 0; margin-top: 0; margin-bottom: 0; }

#info-right table td ul li { list-style-type: none; float: left; min-width: 178px; width: auto !important; width: 178px; margin-top: 5px; white-space: nowrap; padding-left: 20px; background-image: url(/common/content/000184362.gif); background-repeat: no-repeat; background-position: 5px 50%; }

/*--------------------------------------------
04. page-id
*--------------------------------------------*/
#page-id-wrap { *zoom: 1; padding: 0 15px; margin-bottom: 12px; font-size: 86%; }
#page-id-wrap:before, #page-id-wrap:after { content: ""; display: table; }
#page-id-wrap:after { clear: both; }
@media screen and (min-width: 0px) and (max-width: 736px) { #page-id-wrap { margin-bottom: 10px; padding: 0; } }

#page-id-no { float: left; padding: 2px 12px 0; border: 1px solid #cccccc; background: #f5f5ef; }
@media screen and (min-width: 0px) and (max-width: 736px) { #page-id-no { float: none; text-align: center; } }

/*--------------------------------------------
04. page-top
*--------------------------------------------*/
#page-top { float: right; -webkit-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
@media screen and (min-width: 0px) and (max-width: 736px) { #page-top { float: none; padding: 8px 18px 6px; margin-top: 10px; width: auto; text-align: center; background-color: #463c69; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } }
#page-top a { background: url(/common/content/000184371.gif) no-repeat 0 5px; padding-left: 15px; margin-bottom: 5px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #page-top a { background: url(/common/content/000331392.png) no-repeat 0 5px; text-decoration: none; color: #fff; } }

/*--------------------------------------------
05. lng setting
*--------------------------------------------*/
.is-lng-jp { display: inline; }

.is-lng-en { display: none; }

/*---------------------------------------- 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; }

.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; }
@media screen and (min-width: 0px) and (max-width: 736px) { #center-contents input[type="button"], #center-contents input[type="submit"], #center-contents button { width: 100%; font-size: 114%; padding: 8px 8px 6px; } }

#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%; }

@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; } }

.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; }
.add-overlay #head-search-form, .add-overlay #global-nav, .add-overlay .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; } }

.is-pc-hide { *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 { /* ----------------------------------- container ----------------------------------- */
  #container { width: 100%; margin: 0 auto; }
  /* ----------------------------------- header ----------------------------------- */
  #header { width: 100%; margin-bottom: 10px; }
  /* ----------------------------------- global navigation ----------------------------------- */
  #globalnavi { display: none; }
  /* ----------------------------------- pankuzu-list ----------------------------------- */
  #pan-list { display: none; }
  /* ----------------------------------- content ----------------------------------- */
  #content { width: 100%; }
  /* ----------------------------------- footer ----------------------------------- */
  #footer { background-color: #FFFFFF; }
  #footer address { clear: both; margin-left: 0; }
  #footer #bana { display: none; }
  #footer #copyright { border-top: 1px solid #999999; background-color: #FFFFFF; }
  /* ----------------------------------- link icon ----------------------------------- */
  .point-a { height: 100%; }
  .point-back { height: 100%; }
  .point-top { height: 100%; }
  /* ----------------------------------- 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%; }
  h2 div.h2-l { float: left; width: 490px; } }