@charset "utf-8";

/*========================================

  Global Reset & Style

========================================*/

*{
  padding: 0px;
  margin: 0px;
}

html {
  overflow-y: scroll;
}

body {
  color: #333;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 1.8;
  text-align: left;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	background-color: #f3f4ed;
}

/* link
---------------*/

a {
  text-decoration: underline;
  overflow: hidden;
  outline: none;
}

a:link {
  color: #0168b3;
}

a:visited {
  color: #0168b3;
}

a:hover {
	color: #b84545;
}

/* text
---------------*/

h1,h2,h3,h4,h5,h6,p {
  font-size: 100%;
}

address {
  font-style: normal;
}

p {
  margin: 0 0 1em;
}

/* list
---------------*/

ul,ol,li {
  list-style-type: none;
}

/* table
---------------*/

table {
  margin-bottom: 15px;
  border-collapse: separate;
	border-spacing: 1px;
	background: #d6d9c5;
}

th,
td {
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
  border: 2px solid #fff;
}

th {
	padding: 5px 8px 3px;
  white-space: nowrap;
  background-color: #E9DAC6;
	vertical-align: middle;
}

td {
	padding: 5px 13px 3px 8px;
  background-color: #fff;
}

table.layout {
  margin-bottom: 15px;
  border-collapse: collapse;
	border-spacing: 0;
  background: none;
}

table.layout th,
table.layout td {
	padding: 0;
  border: none;
  background: none;
}

/* img
---------------*/

img {
  border: 0;
  vertical-align: bottom;
}

/* form
---------------*/

input::-ms-clear {
  visibility:hidden
}

input::-ms-reveal {
  visibility:hidden
}


/*========================================

  div#header

========================================*/

div#header {
	min-width: 980px;
	width: auto !important;
	width: 980px;
	background: url(../img/bg/blue_base_pattern_bottom_shadow.png) repeat-x 0 0;
}

div#header div.header-wrapper {
	position: relative;
	width: 996px;
	height: 170px;
	margin: 0 auto;
	z-index: 600;
}

div#header div.header-wrapper h1 {
	margin: 0 8px 10px 0;
	text-align: right;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
}

div#header div.header-wrapper div.site-title a {
	display: block;
	float: left;
	clear: left;
	width: 400px;
	height: 47px;
	margin: 8px 0 0 8px;
	background: url(../img/bg/site_title.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#header div.header-wrapper div.inquiry a {
	display: block;
	float: right;
	clear: right;
	width: 241px;
	height: 56px;
	background: url(../img/button/css_sprite.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#header div.header-wrapper div.inquiry a:hover {
	background: url(../img/button/css_sprite.png) no-repeat -260px 0;
}

/* div#global-nav
---------------*/

div#header div#global-nav {
  clear: both;
	position: absolute;
	left: 6px;
	bottom: 0;
  width: 984px;
  margin: 0 auto;
}

div#header div#global-nav ul li {
	float: left;
}

div#header div#global-nav ul li a {
	display: block;
	width: 196px;
	height: 70px;
	text-indent: -9999px;
}
div#header div#global-nav ul li#home-nav a {
	width: 198px;
	background: url(../img/button/global_nav.png) no-repeat 0 0;
}
div#header div#global-nav ul li#about-nav a {
	background: url(../img/button/global_nav.png) no-repeat -198px 0;
}
div#header div#global-nav ul li#news-nav a {
	background: url(../img/button/global_nav.png) no-repeat -394px 0;
}
div#header div#global-nav ul li#result-nav a {
	background: url(../img/button/global_nav.png) no-repeat -590px 0;
}
div#header div#global-nav ul li#report-nav a {
	width: 198px;
	background: url(../img/button/global_nav.png) no-repeat -786px 0;
}
div#header div#global-nav ul li#home-nav a:hover,
div#header div#global-nav ul li#home-nav a.active {
	background: url(../img/button/global_nav.png) no-repeat 0 -70px;
}
div#header div#global-nav ul li#about-nav:hover a,
div#header div#global-nav ul li#about-nav a:hover,
div#header div#global-nav ul li#about-nav a.active {
	background: url(../img/button/global_nav.png) no-repeat -198px -70px;
}
div#header div#global-nav ul li#news-nav a:hover,
div#header div#global-nav ul li#news-nav a.active {
	background: url(../img/button/global_nav.png) no-repeat -394px -70px;
}
div#header div#global-nav ul li#result-nav a:hover,
div#header div#global-nav ul li#result-nav a.active {
	background: url(../img/button/global_nav.png) no-repeat -590px -70px;
}
div#header div#global-nav ul li#report-nav a:hover,
div#header div#global-nav ul li#report-nav a.active {
	background: url(../img/button/global_nav.png) no-repeat -786px -70px;
}

div#header div#global-nav ul li ul.sub-menu {
  display: none;
  position: absolute;
  top: 70px;
  left: 196px;
  width: 186px;
  padding: 0 7px;
	background: url(../img/bg/white_base_shadow_body_200.png) no-repeat 0 bottom;
  z-index: 500;
}

div#header div#global-nav ul li ul.sub-menu li {
  clear: both;
	width: 176px;
	padding: 0 5px;
	border-top: 1px solid #e3e5d8;
}

div#header div#global-nav ul li ul.sub-menu li:first-child {
	border-top: none;
}

div#header div#global-nav ul li ul.sub-menu li a {
  height: auto;
	padding: 10px 10px 10px 20px;
  color: #203c71;
	font-weight: bold;
  text-indent: 0;
  text-decoration: none;
  background: url(../img/icon/blue_square_white_arrow.gif) no-repeat 0 center !important;
}

div#header div#global-nav ul li ul.sub-menu li a:hover {
	color: #b84545;
  text-decoration: underline;
}

/* div#eye-catch
---------------*/

div#header div#eye-catch {
	width: 1121px;
	height: 146px;
	margin: -12px auto -10px;
	background: url(../img/bg/building.png) no-repeat 0 0;
}

#index div#header div#eye-catch {
	width: 1121px;
	height: 262px;
	margin: -12px auto -10px;
	background: url(../img/header/big/index.png) no-repeat 0 0;
}

div#header div#eye-catch h2 {
	width: 1010px;
	margin: 0 auto;
	padding: 44px 0 0;
}

/*========================================

  div#content

========================================*/

div#content {
  clear: both;
  width: 982px;
  margin: 0 auto;
}

/* div.node
---------------*/

div#content div#main div.node {
  clear: both;
  margin-bottom: 20px;
	padding: 10px 0 4px;
	background: url(../img/bg/white_base_shadow_bottom_702.png) no-repeat 0 bottom;
}

div#content div#main div.node-wrapper {
	padding: 0 2px 10px;
	background: url(../img/bg/white_base_shadow_body_702.png) repeat-y 0 0;
}

div#content div#main div.node-inner {
  padding: 0 20px;
}

div#content div#main div.node-body {
	margin: 0 0 10px 15px;
}

div#content div#main div.node-odd {
	clear: both;
	float: left;
}

div#content div#main div.node-even {
	float: right;
	clear: right;
}

/* div#main
---------------*/

div#content div#main {
  float: left;
  clear: left;
  width: 702px;
  padding: 0 0 70px;
}

div#content div#main h3 {
	position: relative;
	margin: 0 0 15px;
	padding: 15px 15px 10px;
	font-size: 16px;
	color: #0c2d5e;
	background: #f7f8f3;
	border-top: 3px solid #203c71;
	border-bottom: 1px solid #e3e5d8;
}

#index div#content div#main h3 {
	padding: 15px 15px;
}

div#content div#main h3 span {
	font-size: 14px;
	font-weight: normal;
}

div#content div#main h4 {
	min-height: 27px;
	height: auto !important;
	height: 27px;
	margin: 0 0 10px;
	padding: 3px 0 0 15px;
	font-size: 14px;
	color: #203c71;
	border-bottom: 1px dotted #e3e5d8;
	background: url(../img/icon/blue_gradient_saide_line.gif) no-repeat 0 2px;
}

div#content div#main div.inquiry-bnr a {
	display: block;
	width: 660px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/button/css_sprite.png) no-repeat 0 -131px;
	text-indent: -9999px;
}

div#content div#main div.inquiry-bnr a:hover {
	background: url(../img/button/css_sprite.png) no-repeat 0 -201px;
}

div#content div#main div.pagetop a {
	float: right;
	clear: right;
	margin: -15px 3px 20px 0;
	padding-left: 10px;
	font-size: 0.9em;
	background: url(../img/icon/blue_dot_arrow_top.png) no-repeat 0 center;
}

div#content div#main a.link {
	padding-left: 10px;
	background: url(../img/icon/blue_dot_arrow.png) no-repeat 0 center;
}

div#content div#main a.pdf {
	display: block;
	padding-left: 23px;
	background: url(../img/icon/pdf.png) no-repeat 0 0;
	word-wrap: break-word;
	word-break: break-all;
}

/* wp-pagenavi */

div#content div#main div.wp-pagenavi {
  clear: both;
  margin: 20px 0 15px;
  line-height: 1.5;
  overflow: hidden;
  text-align: center;
}

div#content div#main div.wp-pagenavi a,
div#content div#main div.wp-pagenavi span {
  display: inline-block;
  width: 1.5em;
  height: auto;
  margin: 0 5px;
  color: #203c71;
  text-decoration: none;
  border: 1px solid #999;
  text-align: center;
  vertical-align: top;
}

*:first-child+html div#content div#main div.wp-pagenavi a,
*:first-child+html div#content div#main div.wp-pagenavi span {
  width: 1.5em;
  height: auto;
  line-height: 1.5;
}

div#content div#main div.wp-pagenavi span.extend {
  border: none;
}

div#content div#main div.wp-pagenavi a:hover {
  color: #203c71;
  border: 1px solid #203c71;
}

div#content div#main div.wp-pagenavi span.current {
  color: #FFF;
  background: #203c71;
  border: 1px solid #203c71;
}

/* div#sub
---------------*/

div#content div#sub {
  float: right;
  clear: right;
  width: 242px;
	margin: 8px 0 0;
  padding: 0 0 70px;
}

div#content div#sub div.sub-menu {
	margin: 0 0 40px;
	padding: 0 0 4px;
	background: url(../img/bg/white_base_shadow_bottom_242.png) no-repeat 0 bottom;
}

div#content div#sub div.sub-menu div.sub-menu-inner {
	background: url(../img/bg/white_base_shadow_body_242.png) repeat-y 0 0;
}

*:first-child+html div#content div#sub div.sub-menu div.sub-menu-inner { /* for ie7 */
	padding: 0 0 4px;
}

div#content div#sub div.sub-menu h3 {
	height: 38px;
	margin: 2px 2px 0;
	padding: 13px 15px 0;
	background: url(../img/bg/blue_base_bottom_line.gif) repeat-x 0 0;
}

div#content div#sub div.sub-menu ul li {
	padding: 10px 20px;
	border-top: 1px solid #e3e5d8;
}

div#content div#sub div.sub-menu ul li:first-child {
	border-top: none;
}

div#content div#sub div.sub-menu ul li a {
	padding-left: 20px;
	color: #333;
	text-decoration: none;
	background: url(../img/icon/blue_square_white_arrow.gif) no-repeat 0 4px;
}

div#content div#sub div.sub-menu ul li a:hover {
	text-decoration: underline;
}

div#content div#sub ul#banner li {
  height: 75px;
  margin: 0 1px 20px;
}

div#content div#sub ul#banner li a {
	display: block;
	width: 238px;
	height: 75px;
	text-indent: -9999px;
}
div#content div#sub ul#banner li.result-bnr a {
	background: url(../img/button/side_banner.png) no-repeat 0 0;
}
div#content div#sub ul#banner li.report-bnr a {
	background: url(../img/button/side_banner.png) no-repeat 0 -95px;
}
div#content div#sub ul#banner li.result-bnr a:hover {
	background: url(../img/button/side_banner.png) no-repeat -248px 0;
}
div#content div#sub ul#banner li.report-bnr a:hover {
	background: url(../img/button/side_banner.png) no-repeat -248px -95px;
}

/*========================================

  div#footer

========================================*/

div#footer {
  clear: both;
	min-width: 980px;
	width: auto !important;
	width: 980px;
	min-height: 245px;
	height: auto !important;
	height: 245px;
  background: #fff url(../img/bg/gray_base_gradation.png) repeat-x 0 0;
}

div#footer div#footer-wrapper {
  width: 980px;
  margin: 0 auto 15px;
}

div#footer div#footer-meta {
	height: 39px;
}

div#footer div#footer-meta div.pagetop a {
	display: block;
	float: right;
	clear: right;
	width: 109px;
	height: 39px;
	background: url(../img/button/css_sprite.png) no-repeat -249px -79px;
	text-indent: -9999px;
}

div#footer div#footer-meta div.pagetop a:hover {
	background: url(../img/button/css_sprite.png) no-repeat -388px -79px;
}

div#footer div#footer-body {
	background: #fff;
}

div#footer div#footer-body div.sub-nav {
	float: left;
	clear: left;
	width: 671px;
	background: url(../img/bg/gray_white_yline.gif) repeat-y left 0;
}

div#footer div#footer-body div.sub-nav ul {
	float: left;
	width: 182px;
	min-height: 144px;
	height: auto !important;
	height: 144px;
	padding: 20px;
	background: url(../img/bg/gray_white_yline.gif) repeat-y right 0;
}

div#footer div#footer-body div.sub-nav ul li a {
	padding-left: 15px;
	color: #394557;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2em;
	background: url(../img/icon/blue_square_white_arrow.gif) no-repeat 0 3px;
}

div#footer div#footer-body div.sub-nav ul li.sub a {
	margin-left: 20px;
	padding-left: 10px;
	font-weight: normal;
	background: url(../img/icon/blue_dot_arrow.png) no-repeat 0 5px;
}

div#footer div#footer-body div.sub-nav ul li a:hover {
	color: #203c71;
	text-decoration: underline;
}

div#footer div#footer-body div.site-info {
	position: relative;
	float: right;
	clear: right;
	width: 276px;
	min-height: 164px;
	height: auto !important;
	height: 164px;
	padding: 20px 0 0;
}

div#footer div#footer-body div.site-info p {
	position: absolute;
	right: 0;
	bottom: 35px;
	width: 276px;
	height: 34px;
	background: url(../img/bg/site_title_ft.png) no-repeat 0 0;
	text-indent: -9999px;
}

div#footer div#footer-body div.site-info address {
	position: absolute;
	left: 0;
	bottom: 20px;
}

div#footer div#footer-body div.site-info address span {
	font-size: 10px;
}

div#footer div.copyright {
  clear: both;
  padding: 3px 0 0;
  color: #fff;
  text-align: center;
  font-size: 10px;
  background: #152c57;
}

/* topic-path
---------------*/

div#footer div#topic-path {
	float: left;
	clear: left;
	padding: 10px 0;
}

div#footer div#topic-path div#topic-path-inner {
	padding-left: 20px;
  font-size: 12px;
	font-weight: bold;
	background: url(../img/icon/blue_home.png) no-repeat 0 3px;
}

div#footer div#topic-path div#topic-path-inner div,
div#footer div#topic-path div#topic-path-inner span {
  display: inline;
}

div#footer div#topic-path div#topic-path-inner a {
  padding: 0 14px 0 0;
	text-decoration: none;
  background: url(../img/icon/brackarrow.gif) no-repeat right 3px;
}

/*========================================

  Pages

========================================*/

/* Home
---------------*/

#index div#content div#main h3.news {
	background: #f7f8f3 url(../img/header/middle/news.png) no-repeat 20px 23px;
	text-indent: -9999px;
}

#index div#content div#main h3 a.sum {
	position: absolute;
	right: 15px;
	top: 13px;
	display: block;
	width: 93px;
	height: 30px;
	background: url(../img/button/css_sprite.png) no-repeat 0px -79px;
}

#index div#content div#main h3 a.sum:hover {
	background: url(../img/button/css_sprite.png) no-repeat -113px -79px;
}

#index div#content div#main dl.news-inner {
	overflow: hidden;
	min-height: 383px;
	height: auto !important;
	height: 383px;
	font-size: 14px;
}

#index div#content div#main dl.news-inner dt {
	float: left;
	width: 98px;
	margin: 0 5px 0 10px;
	font-weight: bold;
}

#index div#content div#main dl.news-inner dd.icon {
  font-family: "?l?r ?o?S?V?b?N", "MS PGothic", "???C???I", Meiryo, Osaka, "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	float: left;
	width: 125px;
	margin: 3px 0 0;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
#index div#content div#main dl.news-inner dd.id3 {
	background: #934e61;
}
#index div#content div#main dl.news-inner dd.id4 {
	background: #a67b2d;
}
#index div#content div#main dl.news-inner dd.id5 {
	background: #356c92;
}
#index div#content div#main dl.news-inner dd.id6 {
	background: #1d695f;
}
#index div#content div#main dl.news-inner dd.id7 {
	background: #a76535;
}
#index div#content div#main dl.news-inner dd.id8 {
	background: #7e8639;
}
#index div#content div#main dl.news-inner dd.id9 {
	background: #848a96;
}
#index div#content div#main dl.news-inner dd.id10 {
	background: #6c5776;
}

#index div#content div#main dl.news-inner dd.link {
	clear: both;
	margin: 0 0 8px;
	padding: 0 10px 10px;
	border-bottom: 1px dotted #9c9fa4;
}

#index div#content div#main dl.news-inner dd.link a {
	padding-left: 15px;
	text-decoration: none;
	background: url(../img/icon/blue_arrow.png) no-repeat 0 center;
}

/* About
---------------*/

#about div#content div#main div.officer-list {
	clear: both;
	margin: 0 0 20px;
}

#about div#content div#main div.officer-list dl {
	float: left;
	width: 219px;
}

#about div#content div#main div.officer-list dt {
	width: 122px;
	margin: 0 0 10px;
	padding: 1px;
	border: 1px solid #e3e5d8;
}

#about div#content div#main div.officer-list dd {
	font-size: 14px;
	font-weight: bold;
}

#about div#content div#main div.officer-list dd span {
	font-size: 12px;
	font-weight: normal;
}

#about div#content div#main div.officer-list dd a {
	padding-left: 12px;
	font-size: 12px;
	font-weight: normal;
	background: url(../img/icon/blue_dot_arrow.png) no-repeat 0 center;
}

#about div#content div#main div.node-odd {
	width: 185px;
	margin: 0 0 20px;
}

#about div#content div#main div.node-even {
	width: 453px;
}

#about div#content div#main h3 a.back-constitution {
	position: absolute;
	right: 15px;
	top: 10px;
	display: block;
	width: 117px;
	height: 30px;
	background: url(../img/button/css_sprite.png) no-repeat 0px -279px;
	text-indent: -9999px;
}

#about div#content div#main h3 a.back-constitution:hover {
	background: url(../img/button/css_sprite.png) no-repeat -137px -279px;
}

/* News
---------------*/

#news div#content div#main dl.news-inner {
  overflow: hidden;
  font-size: 14px;
}

#news div#content div#main dl.news-inner dt {
  float: left;
  width: 98px;
  margin: 0 5px 0 10px;
  font-weight: bold;
}

#news div#content div#main dl.news-inner dd.icon {
  font-family: "?l?r ?o?S?V?b?N", "MS PGothic", "???C???I", Meiryo, Osaka, "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  float: left;
  width: 125px;
  margin: 3px 0 0;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}
#news div#content div#main dl.news-inner dd.id3 {
	background: #934e61;
}
#news div#content div#main dl.news-inner dd.id4 {
	background: #a67b2d;
}
#news div#content div#main dl.news-inner dd.id5 {
	background: #356c92;
}
#news div#content div#main dl.news-inner dd.id6 {
	background: #1d695f;
}
#news div#content div#main dl.news-inner dd.id7 {
	background: #a76535;
}
#news div#content div#main dl.news-inner dd.id8 {
	background: #7e8639;
}
#news div#content div#main dl.news-inner dd.id9 {
	background: #848a96;
}
#news div#content div#main dl.news-inner dd.id10 {
	background: #6c5776;
}

#news div#content div#main dl.news-inner dd.link {
  clear: both;
  margin: 0 0 8px;
  padding: 0 10px 10px;
  border-bottom: 1px dotted #9c9fa4;
}

#news div#content div#main dl.news-inner dd.link a {
  padding-left: 15px;
  text-decoration: none;
  background: url(../img/icon/blue_arrow.png) no-repeat 0 center;
}

#news div#content div#main p.post-meta {
	text-align: right;
	color: #666;
}

#news div#content div#main div.post-body {
	margin: 0 0 30px;
}

#news div#content div#main div.post-nav {
	clear: both;
	padding: 10px 0 5px;
	border-top: 1px dotted #e3e5d8;
}

#news div#content div#main div.post-nav span.prev {
	float: left;
	clear: left;
	width: 45%;
	padding-left: 10px;
	background: url(../img/icon/blue_dot_arrow_left.png) no-repeat 0 center;
}

#news div#content div#main div.post-nav span.next {
	float: right;
	clear: right;
	width: 45%;
	padding-right: 10px;
	background: url(../img/icon/blue_dot_arrow.png) no-repeat right center;
	text-align: right;
}

/* Result
---------------*/

#result div#content div#main div.node-odd, 
#result div#content div#main div.node-even {
	width: 304px;
	padding-right: 15px; 
}

#result div#content div#main p.gray-base {
	padding: 3px 0 2px;
	color: #666;
	text-align: center;
}

/* Inquiry
---------------*/

#inquiry div#content div#main div#smail-area {
	display: none;
}

#inquiry.smail div#content div#main div#smail-area {
	display: block;
}

#inquiry.smail div#content div#main div#form-area {
	display: none;
}

#inquiry div#content div#main form table th {
	width: 310px;
}

#inquiry div#content div#main form table th img {
  float: right;
  margin: 3px 0 0;
}

#inquiry div#content div#main form table td input {
	width: 200px;
	padding: 3px;
	vertical-align: middle;
	border: 1px solid #E0E2D5;
}

#inquiry div#content div#main form table td input:hover,
#inquiry div#content div#main form table td textarea:hover {
  border: 1px solid #b84545;
}

#inquiry div#content div#main form table td input.space {
  margin: 0 0 5px;
}

#inquiry div#content div#main form table td input.short {
  width: 50px;
}

#inquiry div#content div#main form table td input.middle {
  width: 100px;
}

#inquiry div#content div#main form table td input.long {
  width: 400px;
}

#inquiry div#content div#main form table td textarea {
	width: 400px;
	max-width: 400px;
  height: 150px;
  padding: 3px;
  border: 1px solid #E0E2D5;
  font-size: 1em;
  line-height: 22px;
}

#inquiry div#content div#main form .wpcf7-turnstile {text-align: center;}

#inquiry div#content div#main form p input[type="submit"] {
	display: block;
	width: 189px;
	height: 32px;
	margin: 20px auto 10px;
	cursor: pointer;
	background: url(../img/button/css_sprite.png) no-repeat 0 -327px;
	text-indent: -9999px;
	border: none;
}

#inquiry div#content div#main form p input[type="submit"]:hover {
	background: url(../img/button/css_sprite.png) no-repeat -209px -327px;
}

div#content div#main span.wpcf7-not-valid-tip {
	display: block;
	position: static;
	top: 0;
	left: 0;
	border: none;
	color: #f00;
}

div#content div#main span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

div#content div#main div.wpcf7-validation-errors {
	padding: 2px 10px 0;
	color: #f00;
	border: 2px solid #f00;
}

/*========================================

  General

========================================*/

.clear {
	clear: both;
}

.dlock {
	display: block;
}

.sup {
	color: #666;
}

.strong {
	font-weight: bold;
}

/* font-size
---------------*/

.small {
  font-size: 85%;
}

.medium {
  font-size: 115%;
}

.large {
  font-size: 128%;
}

/* color
---------------*/

.font-gray {
  color: #666;
}

.font-red {
  color: #f00;
}

.gray-base {
	background: #e1ded6;
}

/* space
---------------*/

p.none {
  margin: 0;
}

p.indent {
  padding-left: 1em;
  text-indent: -1em;
}

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

.space-bottom12 {
	margin-bottom: 1em !important;
}

/* list
---------------*/

ul.list-mark {
	margin: 0 0 1em 20px;
}

ul.list-mark li {
	margin: 0 0 8px;
	list-style-type: disc;
}

ol {
	margin: 0 0 1em 24px;
}

ol li {
	margin: 0 0 0.8em;
	list-style-type: decimal;
}

/* text
---------------*/

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

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

/* image
---------------*/

img.img-left {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}

img.img-right {
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}

img.alignleft {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}

img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 20px;
}

img.alignright {
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}

/*========================================

  clearfix

========================================*/

div#header:after,
div#header-wrapper:after,
div.complement-nav:after,
div.complement-nav ul:after,
ul.complement-nav:after,
div#global-nav ul:after,
ul#local-nav:after,
div#container:after,
div#content:after,
div#content-wrapper:after,
div#eye-catch:after,
div#main:after,
div#main-blog:after,
div#topic-path:after,
div.node:after,
div.node-body:after,
div.node-wrapper:after,
div.node-inner:after,
div#sub:after,
div#footer-inner:after,
div.sub-nav:after,
div.officer-list:after,
div.post-body:after,
div.post-nav:after {
  content: ",";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em; 
  line-height: 0; 
}

div#header,
div#header-wrapper,
div.complement-nav,
div.complement-nav ul,
ul.complement-nav,
div#global-nav ul,
div#container,
div#content,
div#content-wrapper,
div#eye-catch,
div#main,
div#main-blog,
div#topic-path,
div.node,
div.node-body,
div.node-wrapper,
div.node-inner,
div#sub,
div#footer-inner,
div.sub-nav,
div.officer-list,
div.post-body,
div.post-nav {/* for ie6 */
  display: inline-block;
}

div#header,
div#header-wrapper,
div.complement-nav,
div.complement-nav ul,
ul.complement-nav,
div#global-nav ul,
div#container,
div#content,
div#content-wrapper,
div#eye-catch,
div#main,
div#main-blog,
div#topic-path,
div.node,
div.node-body,
div.node-wrapper,
div.node-inner,
div#sub,
div#footer-inner,
div.sub-nav,
div.officer-list,
div.post-body,
div.post-nav {/* for Opera */
  display: block;
}
















#about div#content div#main div.officer-list.new {
  display: flex;
  flex-wrap: wrap;
}

#about div#content div#main div.officer-list.new dl {
  float: none;
  width: 25%;
  margin: 10px 0;
}

#about div#content div#main div.officer-list.new dt {
  margin: 0 auto 10px;
}

#about div#content div#main div.officer-list.new dd {
  text-align: center;
  line-height: 1.4;
}

#about div#content div#main div.officer-list.new dd a {
  margin-left: -11px;
}