/*----------------------------------------
top

01. contents
02. centercontents
03. leftcontents
04. rightcontents
05. bnrArea
----------------------------------------*/
#container { margin-top: 14px; }

#topic-path { margin: 23px 15px 0; }

#center-contents h2 > span { font-size: 100%; font-weight: bold; }

#center-contents { width: 588px; float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { #center-contents { width: auto; float: none; } }

#nav-area { position: relative; }
#nav-area .top-nav-list01 { list-style: none; }
@media screen and (min-width: 0px) and (max-width: 736px) { #nav-area .top-nav-list01 { overflow: hidden; margin-top: -8px; *zoom: 1; width: 101.63934%; margin-left: -1.63934%; }
  #nav-area .top-nav-list01:before, #nav-area .top-nav-list01:after { content: ""; display: table; }
  #nav-area .top-nav-list01:after { clear: both; }
  #nav-area .top-nav-list01 > * { float: left; margin-top: 8px; width: 48.36066%; margin-left: 1.63934%; }
  #nav-area .top-nav-list01 > *[class*="grid-col"] { width: 48.36066%; }
  #nav-area .top-nav-list01 > *.grid-col02 { width: 98.36066%; } }
#nav-area .top-nav-list01 > li { text-align: center; }
#nav-area .top-nav-list01 > li .bg-color01 { background-color: #d0edb5; }
#nav-area .top-nav-list01 > li .bg-color02 { background-color: #eaedb5; }
#nav-area .top-nav-list01 > li .bg-color03 { background-color: #fc9f9f; }
#nav-area .top-nav-list01 > li .bg-color04 { background-color: #d4d4d4; }
#nav-area .top-nav-list01 > li a { display: block; padding: 12px 4px; text-decoration: none; }
#nav-area .top-nav-list01 > li a.top-nav-bg01 { padding-top: 68px; background: url(/common/content/000661035.png) no-repeat 50% 0.8em; background-size: 73px auto; }
#nav-area .top-nav-list01 > li a.top-nav-bg02 { padding-top: 68px; background: url(/common/content/000661036.png) no-repeat 50% 0.8em; background-size: 73px auto; }
#nav-area .top-nav-list01 > li a.top-nav-bg03 { padding-top: 68px; background: url(/common/content/000661037.png) no-repeat 50% 0.8em; background-size: 73px auto; }
#nav-area .top-nav-list01 > li a.top-nav-bg04 { padding-top: 68px; background: url(/common/content/000661038.png) no-repeat 50% 0.8em; background-size: 73px auto; }
#nav-area .top-nav-list01 > li a.top-nav-bg05 { padding-top: 68px; background: url(/common/content/000661039.png) no-repeat 50% 0.8em; background-size: 73px auto; }
#nav-area .top-nav-list01 > li a.top-nav-bg06 { padding-top: 68px; background: url(/common/content/000661040.png) no-repeat 50% 0.8em; background-size: 73px auto; }
#nav-area .top-nav-list01 > li a.top-nav-bg07 { padding-top: 68px; background: url(/common/content/000661041.png) no-repeat 50% 0.8em; background-size: 73px auto; }

#news-area { position: relative; min-height: 268px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #news-area { min-height: inherit; } }
#news-area:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 5px; background-color: #cdd9e3; z-index: -1; }
@media screen and (min-width: 0px) and (max-width: 736px) { #news-area:before { display: none; } }
#news-area .section { padding: 0 6px 0 15px; }
#news-area .section > [class*="heading-"] { margin-left: -15px; margin-right: -6px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #news-area .section { padding: 0; }
  #news-area .section > [class*="heading-"] { margin-left: 0; margin-right: 0; } }

.list-news01 dt { width: 10em; clear: left; float: left; padding: 4px 5px; font-weight: 700; color: #0d4dc3; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-news01 dt { float: none; padding: 4px 5px 0 5px; } }
.list-news01 dd { padding: 4px 5px; padding-left: 11em; }
@media screen and (min-width: 0px) and (max-width: 736px) { .list-news01 dd { padding-left: 5px; padding-top: 0; } }

#rightcontents { width: 154px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #rightcontents { width: auto; margin-top: 20px; } }
#rightcontents #greeting { margin-top: 34px; }
#rightcontents #top-nav { margin-top: 10px; *zoom: 1; list-style: none; }
#rightcontents #top-nav:before, #rightcontents #top-nav:after { content: ""; display: table; }
#rightcontents #top-nav:after { clear: both; }
#rightcontents #top-nav > li { margin-top: 6px; }
#rightcontents #top-nav > li:first-child { margin-top: 0; }
#rightcontents #top-nav > li > a { display: block; }

#top-lower-area { padding-top: 30px; clear: both; }
#top-lower-area .top-lower-grid { overflow: hidden; margin-top: -20px; *zoom: 1; width: 101.23457%; margin-left: -1.23457%; }
#top-lower-area .top-lower-grid:before, #top-lower-area .top-lower-grid:after { content: ""; display: table; }
#top-lower-area .top-lower-grid:after { clear: both; }
#top-lower-area .top-lower-grid > * { float: left; margin-top: 20px; width: 32.09877%; margin-left: 1.23457%; }
#top-lower-area .top-lower-grid > *[class*="grid-col"] { width: 32.09877%; }
#top-lower-area .top-lower-grid > *.grid-col02 { width: 65.4321%; }
#top-lower-area .top-lower-grid > *.grid-col03 { width: 98.76543%; }
@media screen and (min-width: 0px) and (max-width: 736px) { #top-lower-area .top-lower-grid { overflow: hidden; margin-top: -20px; *zoom: 1; width: 100%; margin-left: 0%; }
  #top-lower-area .top-lower-grid:before, #top-lower-area .top-lower-grid:after { content: ""; display: table; }
  #top-lower-area .top-lower-grid:after { clear: both; }
  #top-lower-area .top-lower-grid > * { float: left; margin-top: 20px; width: 100%; margin-left: 0%; }
  #top-lower-area .top-lower-grid > *[class*="grid-col"] { width: 100%; } }
#top-lower-area .top-lower-grid .section { padding: 0 10px 0 15px; }
#top-lower-area .top-lower-grid .section > [class*="heading-"] { margin-left: -15px; margin-right: -10px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #top-lower-area .top-lower-grid .section { padding: 0; }
  #top-lower-area .top-lower-grid .section > [class*="heading-"] { margin-left: 0; margin-right: 0; } }

/*--------------------------------------------
05. footer
*--------------------------------------------*/
#footer-inner:before { content: ''; position: absolute; top: 0; left: 24px; right: 24px; border-top: 1px solid #e0d1a2; }

/* -----------------------------------
subheading
----------------------------------- */
.section h2 { color: #533506; font-size: 114%; margin-bottom: 10px; padding: 3px 7px 1px; background-color: #eaebab; font-weight: 700; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWJhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTE4MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #eaebab, #e0e182); background-image: linear-gradient(top, #eaebab, #e0e182); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEAEBAB', endColorstr='#FFE0E182'); }
@media screen and (min-width: 0 \0) { .section h2 { filter: none\9; } }

.section .heading-blue { border-left: 5px solid #074075; }
@media screen and (min-width: 0px) and (max-width: 736px) { .section .heading-blue { border-left: 5px solid #5975b6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZTVlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I3ZDBkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #d7e5e7, #b7d0d4); background-image: linear-gradient(top, #d7e5e7, #b7d0d4); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD7E5E7', endColorstr='#FFB7D0D4'); } }
@media screen and (min-width: 0px) and (max-width: 736px) and (min-width: 0 \0) { .section .heading-blue { filter: none\9; } }

.section .heading-red { border-left: 5px solid #b84141; }