@charset "utf-8";
/*table of contents
0 default
1 header
2 contents
3 footer
4 Alteration
*/

/* =0 default
----------------------------------------------- */
/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/* * Normalization */
audio:not([controls]) { display:none; /* Chrome 44-, iOS 8+, Safari 9+ */ }
button {
	overflow:visible; /* Internet Explorer 11- */
	-webkit-appearance:button; /* iOS 8+ */
}
details { display:block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */ }
html {
	-ms-overflow-style:-ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */
	overflow-y:scroll; /* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust:100%; /* iOS 8+ */
}
input { -webkit-border-radius:0 /* iOS 8+ */ }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button;/* iOS 8+ */ }
input[type="number"] { width:auto;/* Firefox 36+ */ }
input[type="search"] { -webkit-appearance:textfield;/* Chrome 45+, Safari 9+ */ }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none;/* Chrome 45+, Safari 9+ */ }
main { display:block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */ }
pre { overflow:auto; /* Internet Explorer 11- */ }
progress { display:inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */ }
small { font-size:75%; /* All browsers */ }
summary { display:block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */ }
svg:not(:root) { overflow:hidden; /* Internet Explorer 11- */ }
template { display:none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */ }
textarea { overflow:auto; /* Edge 12+, Internet Explorer 11- */ }
[hidden] { display:none; /* Internet Explorer 10- */ }
/* * Universal inheritance */
*, :before, :after { box-sizing:inherit; }
* {
	font-size:inherit;
	line-height:inherit;
}
:before, :after {
	text-decoration:inherit;
	vertical-align:inherit;
}
/* * Opinionated defaults */
/* specify the border style and width of all elements */

/*
*, :before, :after {
}
*/

FIELDSET {
	border-style:solid;
	border-width:0;
}

input {
	border-style:solid;
	border-width:0;
}

/* specify the core styles of all elements */
* {
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
/* specify the root styles of the document */
:root {
	background-color:#ffffff;
	box-sizing:border-box;
	color:#000000;
	cursor:default;
	font:100%/1.5 sans-serif;
	text-rendering:optimizeLegibility;
}
/* specify the text decoration of anchors */
a { text-decoration:none; }
/* specify the alignment of media elements */
audio, canvas, iframe, img, svg, video { vertical-align:middle; }
/* specify the background color of form elements */
button, input, select, textarea { background-color:transparent; }
/* specify the inherited color and font of form elements */
button, input, select, textarea {
	color:inherit;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
}
/* specify the minimum height of form elements */
button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height:1.5em; }
/* specify the font family of code elements */
code, kbd, pre, samp { font-family:monospace, monospace; }
/* specify the list style of nav lists */
nav ol, nav ul { list-style:none; }
/* specify the standard appearance of selects */
select {
	-moz-appearance:none;    /* Firefox 40+ */
	-webkit-appearance:none /* Chrome 45+ */
}
 select::-ms-expand {
 display:none;/* Edge 12+, Internet Explorer 11- */
}
 select::-ms-value {
 color:currentColor;/* Edge 12+, Internet Explorer 11- */
}
/* specify the border styling of tables */
/*
table {
	border-collapse:collapse;
	border-spacing:0;
}
*/
/* specify the resizability of textareas */
textarea { resize:vertical; }
/* specify the background color, font color, and drop shadow of text selections */
::-moz-selection {
 background-color:#b3d4fc; /* required when declaring ::selection */
 color:#4c2b03;
 text-shadow:none;
}
::selection {
	background-color:#b3d4fc; /* required when declaring ::selection */
	color:#4c2b03;
	text-shadow:none;
}
/* specify the progress cursor of updating elements */
[aria-busy="true"] { cursor:progress; }
/* specify the pointer cursor of trigger elements */
[aria-controls] { cursor:pointer; }
/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] { cursor:default; }
/* specify the style of visually hidden yet accessible elements */
[hidden][aria-hidden="false"] {
 clip:rect(0 0 0 0);
 display:inherit;
 position:absolute
}
[hidden][aria-hidden="false"]:focus { clip:auto; }
/*# sourceMappingURL=sanitize.css.map */

/*-- base Style --*/
*, *:before, *:after { box-sizing:border-box; }

html { font-size:16px; vertical-align:}
body {
	font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	background:#fff url(./images/bg_body.gif) repeat-x left top;
	background-size:100% 30px;
}
@media only screen and (max-width:768px){
	body { background:none; }
}
h1, h2, h3, h4, h5 { font-weight:normal; }
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
p { margin-bottom:1.0rem; }
th {
	font-weight:normal;
	text-align:left;
}
address { font-style:normal; }
a:hover { text-decoration:underline; }
a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

/**
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0` to prevent some browsers from
 *    letting these items shrink to smaller than their content's default
 *    minimum size. See http://bit.ly/1Mn35US for details.
 * 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
 */
.Site {
  display:flex;
  flex-direction:column;
  height:100%; /* 1, 3 */
}
.Site-header,
.Site-footer {
  flex:none; /* 2 */
}
.Site-content {
  flex:1 0 auto; /* 2 */
  padding:var(--space) var(--space) 0;
  width:100%;
	max-width:960px;
	margin:0 auto 2.5rem;
	/* overflow:hidden; */
}
.Site-content::after {
  content:'\00a0'; /*   */
  display:block;
  margin-top:var(--space);
  height:0px;
  visibility:hidden;
}
@media only screen and (--break-lg) {
  .Site-content {
    padding-top:var(--space-lg);
  }
  .Site-content::after {
    margin-top:var(--space-lg);
  }
}
.Site-content--full {
  padding:0;
}
.Site-content--full::after {
  content:none;
}

/*-- ICON font --*/
@font-face {
  font-family:'fontello';
  src:url('./font/fontello.eot?88969210');
  src:url('./font/fontello.eot?88969210#iefix') format('embedded-opentype'),
       url('./font/fontello.woff?88969210') format('woff'),
       url('./font/fontello.ttf?88969210') format('truetype'),
       url('./font/fontello.svg?88969210#fontello') format('svg');
  font-weight:normal;
  font-style:normal;
}
/* Chrome hack:SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media only screen and screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family:'fontello';
    src:url('./font/fontello.svg?88969210#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family:"fontello";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  margin-right:.2em;
  text-align:center;
  /* opacity:.8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant:normal;
  text-transform:none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height:1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left:.2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size:120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow:1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-play:before { content: '\e800'; } /* '' */
.icon-stop:before { content: '\e801'; } /* '' */
.icon-doc-text:before { content: '\e802'; } /* '' */
.icon-right-dir-1:before { content: '\e803'; } /* '' */
.icon-doc-text-inv:before { content: '\e804'; } /* '' */
.icon-dot:before { content: '\e805'; } /* '' */

/* =1 header
----------------------------------------------- */
header { margin-bottom:15px; }

#headerInner {
	position:relative;
	width:100%;
	max-width:960px;
	margin:0 auto;
	background:url(./images/bg_header2023.gif) no-repeat 290px 30px transparent;
}

@media only screen and (max-width:768px){
	#headerInner {
		/*position:inherit;*/
		background:none;
	}
}

#logo {
	display:block;
	width:320px;
	height:148px;
	margin-bottom:12px;
	padding-top:52px;
	background:url(./images/logo2024.png) no-repeat center bottom transparent;
	background-size:contain;
}

@media only screen and (max-width:768px){
	#logo {
		width:272px;
		height:56px;
		padding-top:10px;
		margin-left:10px;
		margin-bottom:0;
		background:url(./images/logo_s.png) no-repeat center bottom transparent;
		background-size:contain;
	}
}

/*-- global_menu --*/
header nav > ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}

header nav > ul > li {
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	    -ms-flex-align:stretch;
	        align-items:stretch;
	border:1px solid #ccc;
	border-left:none;
}

header nav > ul > li:not(:target) {
	border:none\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  header nav > ul > li:not(:target) {
    border:1px solid #ccc\9; /* IE10（\9なしでIE11にも適用） */
  }
}

header nav > ul > li:first-child {
	border-left:1px solid #ccc;
}

header nav > ul > li a {
	display:block;
	width:100%;
	height:50px;
	/*background:#093 url(./images/bg_nav_off.gif) repeat-x left center;*/
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#009933+0,00bb22+47,009933+100 */
	background:rgb(0,153,51); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(0,153,51,1) 0%, rgba(0,187,34,1) 47%, rgba(0,153,51,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(0,153,51,1) 0%,rgba(0,187,34,1) 47%,rgba(0,153,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(0,153,51,1) 0%,rgba(0,187,34,1) 47%,rgba(0,153,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009933', endColorstr='#009933',GradientType=0 ); /* IE6-9 */
	text-align:center;
	text-shadow:0 0 1px #14aa30;
	line-height:50px;
	color:#fff;
}
/* google翻訳後調整 */
header nav.Menu > ul > li a font,
header nav.Menu > ul > li a:hover font {
	line-height: 1.2rem;
	font-size: 1rem !important;
	padding-top: 0.3rem
}

header nav > ul > li a:not(:target) {
	width:16.6%\9;
	float:left\9;
}

header nav > ul > li >ul > li a:not(:target) {
	width:100%\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  header nav > ul > li a:not(:target) {
    	width:100%\9; /* IE10（\9なしでIE11にも適用） */
  }
}

header nav > ul > li a:hover {
	text-decoration:none;
	/*background:#093 url(./images/bg_nav_on.gif) repeat-x left center;*/
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#00bb22+0,7ef497+47,00bb22+100 */
	background:rgb(0,187,34); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(0,187,34,1) 0%, rgba(126,244,151,1) 47%, rgba(0,187,34,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(0,187,34,1) 0%,rgba(126,244,151,1) 47%,rgba(0,187,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(0,187,34,1) 0%,rgba(126,244,151,1) 47%,rgba(0,187,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bb22', endColorstr='#00bb22',GradientType=0 ); /* IE6-9 */
	color:#000;
	text-shadow:0 0 5px #9fe5ae;
}

/*-- second-level-menu --*/
.menu {
    position:relative;
    width:100%;
    /*height:50px;*/
    max-width:960px;
    margin:0 auto;
}

/*.menu > li {
    float:left;
    width:25%; /* グローバルナビ4つの場合 */
    /*height:50px;
    line-height:50px;
    background:rgb(29, 33, 19);
}*/

/*.menu > li a {
    display:block;
    color:#fff;
}

.menu > li a:hover {
    color:#999;
}*/

ul.menu__second-level {
	visibility:hidden;
	opacity:0;
	z-index:1;
}

/*ul.menu__third-level {
    visibility:hidden;
    opacity:0;
}

ul.menu__fourth-level {
    visibility:hidden;
    opacity:0;
}*/

/*.menu > li:hover {
    background:#072A24;
    -webkit-transition:all .5s;
    transition:all .5s;
}*/

.menu__second-level li {
	border-top:1px solid #111;
}

/*.menu__third-level li {
    border-top:1px solid #111;
}*/

.menu__second-level li a {
	background:rgba(30,30,30,0);
	font-size:18px;
	font-size:1.125rem;
	color:#fff;
	text-shadow:0 0 1px #000;
	height:40px;
	line-height:40px;
}

.menu__second-level li a.text-small {
	font-size:1rem;
}

.menu__second-level li a:hover {
	background:rgba(256,256,256,0.7);
	color:#060;
	text-shadow:0 0 1px #0a3;
	height:40px;
	line-height:40px;
}

/*.menu__third-level li a:hover {
    background:#2a1f1f;
}

.menu__fourth-level li a:hover {
    background:#1d0f0f;
}*/

/* 下矢印 */
.init-bottom:after {
    content:'';
    display:inline-block;
    width:6px;
    height:6px;
    margin:0 0 0 15px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content:" ";
    display:table;
}

.menu:after {
    clear:both;
}

.menu {
    *zoom:1;
}

li.menu__mega ul.menu__second-level {
    position:absolute;
    top:52px;
    left:0;
    box-sizing:border-box;
    width:100%;
    padding:1px;
    background-color:rgba(30,30,30,0.95);
		border:1px solid #093;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
		z-index:150;
}

li.menu__mega:hover ul.menu__second-level {
    top:52px;
    visibility:visible;
    opacity:1;
}

li.menu__mega ul.menu__second-level > li {
    float:left;
    width:33.002%;
    border:none;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin:0 .5%;
}

@media only screen and (max-width:768px){
	header nav > ul {
		display:block;
	}
	
	header nav > ul > li {
		border:none;
		border-top:1px solid #ccc;
	}
	
	header nav > ul > li:first-child {
		border-left:none;
	}
	
	header nav > ul > li:last-child {
			border-bottom:1px solid #ccc;
	}
	
	header nav > ul > li a {
		display:block;
		width:100%;
		height:60px;
		padding:0 .5em;
		background:rgba(30,30,30,0);
		font-size:18px;
		font-size:1.125rem;
		color:#fff;
		text-shadow:0 0 1px #000;
		text-align:left;
		vertical-align:middle;
	}
	
	header nav > ul > li a br { display:none; }
	
	header nav > ul > li a:hover {
		text-decoration:none;
		/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#00bb22+0,7ef497+47,00bb22+100 */
		background:rgb(0,187,34); /* Old browsers */
		background:-moz-linear-gradient(top,  rgba(0,187,34,1) 0%, rgba(126,244,151,1) 47%, rgba(0,187,34,1) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top,  rgba(0,187,34,1) 0%,rgba(126,244,151,1) 47%,rgba(0,187,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom,  rgba(0,187,34,1) 0%,rgba(126,244,151,1) 47%,rgba(0,187,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bb22', endColorstr='#00bb22',GradientType=0 ); /* IE6-9 */
		color:#000;
		text-shadow:0 0 5px #9fe5ae;
	}
	
	ul.menu__second-level {	display:none;	}
}

/*-- mobaile_menu --*/
.HiddenCheckbox, .MenuHeader { display:none; }
@media only screen and (max-width:768px){
	/*.MenuContainer {
		display:inline-block;
		margin:20px;
	}*/
	
	.MenuContainer {
		/*position:absolute;*/
		left:0;
		top:0;
		display:block;
		padding:1rem;
		padding-top:0;
		width:100%;
		height:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		/*z-index:900;*/
	}
	
	.MenuHeader {
		color:#fff;
		display:inline-block;
		float:left;
		font-weight:100;
		line-height:30px;
		margin:0 0 0 15px;
		opacity:0;
		/*position:relative;*/
		position:absolute;
		top:15px;
		right:60px;
		-webkit-transform:translate3d(0, -15px, 0);
		transform:translate3d(0, -15px, 0);
		-webkit-transition:-webkit-transform 0.6s, opacity 0.5s;
		transition:transform 0.6s, opacity 0.5s;
		z-index:10;
	}
	.MenuIconButton {
		position:absolute;
		top:9px;
		right:9px;
		width:42px;
		height:42px;
		/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#336699+0,3399cc+47,336699+100 */
		background:rgb(51,102,153); /* Old browsers */
		background:-moz-linear-gradient(top,  rgba(51,102,153,1) 0%, rgba(51,153,204,1) 47%, rgba(51,102,153,1) 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top,  rgba(51,102,153,1) 0%,rgba(51,153,204,1) 47%,rgba(51,102,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom,  rgba(51,102,153,1) 0%,rgba(51,153,204,1) 47%,rgba(51,102,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#336699',GradientType=0 ); /* IE6-9 */
		border-radius:5px;
		z-index:980;
	}
	.MenuIcon {
		cursor:pointer;
		display:block;
		/*float:left;*/
		height:30px;
		/*position:relative;*/
		position:absolute;
		top:15px;
		right:15px;
		width:30px;
		z-index:1000;
	}
	.MenuIcon::before {
		-webkit-box-shadow:#fff 0 12px 0;
		box-shadow:#fff 0 12px 0;
		height:6px;
		-webkit-transform-origin:left top;
		-ms-transform-origin:left top;
		transform-origin:left top;
		width:30px;
	}
	.MenuIcon::after {
		bottom:0;
		height:6px;
		-webkit-transform-origin:left bottom;
		-ms-transform-origin:left bottom;
		transform-origin:left bottom;
		width:30px;
	}
	.MenuIcon::before,
	.MenuIcon::after {
		background:#fff;
		display:block;
		content:'';
		position:absolute;
		-webkit-transition:-webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
		transition:box-shadow 0.2s linear, transform 0.4s 0.2s;
	}
	.Menu {
		background:#333;
		bottom:0;
		left:-100%;
		position:absolute;
		top:0;
		width:100%;
		-webkit-transition:left 0.4s;
		transition:left 0.4s;
	}
	.HiddenCheckbox:checked ~ .MenuHeader {
		position:fixed;
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
		z-index:950;
	}
	
	.HiddenCheckbox:checked ~ .MenuIcon, .HiddenCheckbox:checked ~ .MenuIconButton {
		position:fixed;
	}
	.HiddenCheckbox:checked ~ .MenuIcon::before {
		-webkit-box-shadow:transparent 0 0 0;
		box-shadow:transparent 0 0 0;
		-webkit-transform:rotate(45deg) translate3d(6px, -3px, 0);
		transform:rotate(45deg) translate3d(6px, -3px, 0);
		z-index:1000;
	}
	.HiddenCheckbox:checked ~ .MenuIcon::after {
		-webkit-transform:rotate(-45deg) translate3d(6px, 3px, 0);
		transform:rotate(-45deg) translate3d(6px, 3px, 0);
		z-index:1000;
	}
	.HiddenCheckbox:checked ~ .Menu {
		left:0;
	}
	.Menu-list {
		position:fixed;
		list-style-type:none;
		margin:0;
		padding-top:60px;
		background-color:#333;
		z-index:900;
	}
	.Menu-item {
		margin:0;
	}
	.Menu-link {
		color:#fff;
		display:block;
		overflow:hidden;
		padding:8px 22px;
		position:relative;
		text-decoration:none;
		z-index:1;
	}
	.Menu-link::before {
		background:#444;
		bottom:0;
		content:'';
		left:0;
		position:absolute;
		right:100%;
		top:0;
		-webkit-transition:right 0.4s;
		transition:right 0.4s;
		z-index:-1;
	}
	.Menu-link::after {
		content:attr(href);
		color:#fff;
		float:right;
		opacity:0;
		-webkit-transition:opacity 0.8s, -webkit-transform 0.4s;
		transition:opacity 0.8s, transform 0.4s;
		-webkit-transform:translate3d(100%, 0, 0);
		transform:translate3d(100%, 0, 0);
	}
	.Menu-link:hover::before {
		right:0;
	}
	.Menu-link:hover::after {
		opacity:0.5;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
}

/*-- header_sub_menu --*/
#hdMenu {
	position:absolute;
	top:4px;
	right:0;
}

@media only screen and (max-width:768px){
	#hdMenu { display:none; }
}

#hdMenu li {
	display:inline-block;
	border-left:1px solid #fff;
	padding:0 .5em;
	line-height:1;
	list-style-type:none;
}

#hdMenu li:first-child { border-left:0; }

#hdMenu li a { color:#fff; }



/*--lang_Area --*/
#flang {
	position:absolute;
	right:0;
	top:60px;
	padding:0 12px 2px 90px;
	/* z-index:9999999; */
	z-index:899;

}

@media only screen and (max-width:768px){
	#flang {
		width:100%;
		top:0;
		margin-top:50px;
		padding:.5em 1em .5em;	
	}
}

.flang-list {
	list-style: none;
	border: solid 1px #78805f;
	margin:2px;
	/*width:160px;*/:
}

.flang-list a {
	color: #333;
	display: block;
	padding: 5px;
}

.flang-list dl a:hover {
	text-decoration: none;
	background-color: #eee;
	/*font-weight:bold;*/

}

.lang-list a:hover {
	text-decoration: none;
	background-color: #eee;
	/*font-weight:bold;*/
}

.flang-list dt{
	/*margin-left:20px;*/
}

.flang-list .sankaku{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0 0.5rem 0.8rem;
	border-color: transparent transparent transparent #329155;
	float:left;
	margin:8.5px 5px 0;
	line-height: inherit;
}

.flang_area li {
	width: 180px;
	margin:2px;
	background-color:#fff;;
	float: left;
	/*position: relative;*/
	list-style: none;
}
.flang_area dl {
	padding: 0;
	overflow: inherit;
}

.lang-list li {
	width: 175px!important;
	/*margin-left:20px;*/
	border-top: 1px solid #ccc;
	text-align: center;
}
/*
.lang-list li a {
	padding: 5px 5px 0 5px;
	display: block;
}*/


/*-- search_Area --*/
#search {
	position:absolute;
	width:30%;
	right:0;
	top:110px;
	padding:5px 12px 0;
	background-color:#eee;
}

@media only screen and (max-width:768px){
	#search {
		position:inherit;
		width:100%;
		padding:1em 1em .5em;
		margin-top: 40px;
		top:0;
	}
}

#serchTxt {
	width:80%;
	padding-left:3px;
	padding-right:3px;
	background-color:#fff;
	border:1px solid #333;
	line-height:1;
}

#serchBtn {
	width:20%;
	color:#fff;
	background-color:#3552c0;
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#3552c0+19,5474f0+66 */
	background:rgb(53,82,192); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(53,82,192,1) 19%, rgba(84,116,240,1) 66%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(53,82,192,1) 19%,rgba(84,116,240,1) 66%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(53,82,192,1) 19%,rgba(84,116,240,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3552c0', endColorstr='#5474f0',GradientType=0 ); /* IE6-9 */
	line-height:1;
	cursor:pointer;
}

#serchBtn:hover {
	background:-moz-linear-gradient(top,  rgba(84,116,240,1) 19%, rgba(53,82,192,1) 66%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(84,116,240,1) 19%,rgba(53,82,192,1) 66%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(84,116,240,1) 19%,rgba(53,82,192,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5474f0', endColorstr='#3552c0',GradientType=0 ); /* IE6-9 */
}


/* =2 contents
----------------------------------------------- */
/*-- WARNING --*/
#WARNING {
	width:100%;
	max-width:960px;
	margin:0 auto;
}

#WARNING > div {
	width:100%;
	padding:10px 48px;
	border:3px solid #c90000;
	border-top:none;
}
@media only screen and (max-width:768px){
	#WARNING > div {
		padding:.5rem 1rem;
	}
}

#WARNING h2 {
	padding:7px 0;
	line-height:1;
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#990000+0,c90000+47,990000+100 */
	background:rgb(153,0,0); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(153,0,0,1) 0%, rgba(201,0,0,1) 47%, rgba(153,0,0,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(153,0,0,1) 0%,rgba(201,0,0,1) 47%,rgba(153,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(153,0,0,1) 0%,rgba(201,0,0,1) 47%,rgba(153,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
	color:#fff;
	text-shadow:0 0 1px #e18181;
}

#WARNING li {
	margin-left:1em;
	list-style:none;
	color:#3552c0;
	/*text-indent:-1em;*/
}

#WARNING li:before {
	display:inline-block;
	/*margin-right:1em;*/
	content:"\e800";
  font-family:'fontello';
	text-indent:-1em;
}

/*-- breadcrumb --*/
#breadcrumb {}
@media only screen and (max-width:768px){
	#breadcrumb { display:none; }
}

#breadcrumb p {
	display:inline-block;
}

#breadcrumb li {
	display:inline-block;
}

#breadcrumb li:after {
	content:" > ";
}

#breadcrumb li:first-child:after, #breadcrumb li:last-child:after {
	content:none;
}

#breadcrumb li:first-child {
	padding:0 .5em;
	background-color:#505349;
	color:#fff;
	border-radius:4px;
}

/*-- Template_Style --*/
/*-- contentsArea --*/
.contentsArea {
	padding-bottom:2em;
	background:url(./images/bg_contents_bottom.gif) repeat-x left bottom transparent;
}

.contentsArea h1 {
	margin-bottom:1rem;
	padding-bottom:1em;
	font-size:22px;
	font-size:1.375rem;
	background:url(./images/bg_contents_top.gif) repeat-x left bottom transparent;
}

.contentsArea h1.cateTitle, .contentsArea h1.normalTitle {
	padding-bottom:0;
	background:none;
}

.contentsArea h1.cateTitle { color:#329155; }
.contentsArea h1.normalTitle { color:#000; }

@media only screen and (max-width:768px){
	.contentsArea, .contentsArea h1 {
		padding-right:.5em;
		padding-left:.5em;
	}
}

.contentsInnner {} /*-- contentsArea_Layout_class --*/
.originalLayout {} /*-- contentsArea_Layout_class --*/
.cateTopLayout { margin:-1.4em 0 0 -1.5em; } /*-- contentsArea_Layout_class --*/
.newsBlock { margin-bottom:14px; margin-bottom:.875rem; } /*-- contentsArea_Layout_class --*/


/*-- contentsInnner --*/
.contentsInnner h2 {
	font-size:20px;
	font-size:1.25rem;
	margin-bottom:1rem;
	padding:0 .5em;
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+85,e5e5e5+94,d7d7d7+100 */
	background:rgb(255,255,255); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 85%, rgba(229,229,229,1) 94%, rgba(215,215,215,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 85%,rgba(229,229,229,1) 94%,rgba(215,215,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 85%,rgba(229,229,229,1) 94%,rgba(215,215,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
	border-top:2px solid #7ecef4;
	border-bottom:2px solid #7ecef4;
	line-height:1.6;
}

.contentsInnner h3 {
	font-size:18px;
	font-size:1.125rem;
	padding:0 .5em;
	border-bottom:2px solid #7ecef4;
	line-height:1.6;
}

.contentsInnner h4 {
	font-size:16px;
	font-size:1rem;
	padding:0 .5em;
	border-left:4px solid #7ecef4;
	line-height:1;
}

.contentsInnner h5 {
	font-size:14px;
	font-size:.875rem;
	padding:0 .5em;
	line-height:1;
	vertical-align:middle;
}

.contentsInnner h5:before {
	display:inline-block;
	margin-right:.5em;
	content:"\e801";
  font-family:'fontello';
	text-indent:-.5em;
	font-size:10px;
	color:#7ecef4;
}

.contentsInnner p {
/* 
 padding:0 1.5rem; 
*/
 margin-bottom:0.125rem;
 }

.contentsInnner table[align] {
	margin: auto;
}

/*-- originalLayout --*/
.originalLayout hr {
	display:block;
	-webkit-margin-before:0.5em;
	-webkit-margin-after:0.5em;
	-webkit-margin-start:auto;
	-webkit-margin-end:auto;
	border-style:inset;
	border-width:1px;
}

/*-- cateTopLayout --*/
.cateTopLayout article {
	padding:1.4em 0 0 1.5em;
}

.cateTopLayout article div {
	border:1px solid #707070;
	/*min-height:13em;*/ /*高さを揃える？*/
}

.cateTopLayout h2, .contact h2, .departmentList h2 {
	padding:.5em 1em;
	background-color:#329155;
	color:#fff;
}

@media only screen and screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .cateTopLayout article:not(:target) {
    max-width:490px;
  }
}

@media only screen and screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  #sitemap article:not(:target) {
    max-width:100% !important;
  }
}

@media only screen and (max-width:768px){
  .cateTopLayout article:not(:target) {
    max-width:100%;
  }
}

.cateTopLayout article li {
	margin-bottom:.5em;
	padding-left:2.2em;
	list-style:none;
	/*text-indent:-1em;*/
}

.cateTopLayout article li:before {
	display:inline-block;
	/*margin-right:1em;*/
	content:"\e800";
  font-family:'fontello';
	text-indent:-1em;
	color:#329155;
}

.cateTopLayout article li.linkDoc:before {
	content:"\e802";
  font-family:'fontello';
	margin-right:.2em;
	text-indent:-1em;
	color:#7ecef4;
}

/*-- jnrMenu --*/
.jnrMenu { border:1px solid #707070; }

.jnrMenu h2 {
	padding:.5em 1em;
	background-color:#eee;
	color:#000;
}

.jnrMenu ul {	padding:.5em 1.8em; }

.jnrMenu li {
	display:block;
	float:left;
	border-right:1px solid #000;
	margin-bottom:.7em;
	margin-right:.8em;
	padding-right:.7em;
	list-style:none;
	line-height:1;
}

@media only screen and (max-width:768px){
	.jnrMenu li {
		float:none;
		border:none;
	}
	
	.jnrMenu li:before {
		display:inline-block;
		/*margin-right:1em;*/
		content:"\e800";
		font-family:'fontello';
		text-indent:-1em;
		color:#999;
	}
}

.jnrMenuContent { padding:0 2.5em; }

/*-- department_block --*/
.department_block, .department { width:100%; }

.department th, .department td {
	padding:.5em 1em;
	vertical-align:top;
}

.department th {
	background-color:#329155;
	color:#fff;
}

.department th:nth-child(1), .department th:nth-child(3), .department th:nth-child(4) { width:12em; }

.department th:nth-child(2) { width:8em; }

.department td { line-height:1.2; }

.department tr:nth-child(2) td { padding-top:1em;}

.department td span { color:#329155;}

@media only screen and (max-width:768px){
	.department {
		width:auto;
		min-width:56em; }
	
	.department_block {	
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
}

/*-- departmentList --*/
.departmentList, .contact { border:1px solid #333; }

.departmentList h2 {}

.departmentList li {
	margin-bottom:.5em;
	padding-left:2.2em;
	list-style:none;
	/*text-indent:-1em;*/
}

@media only screen and (max-width:768px){
	.departmentList li {
		padding-left:1.5em;
		padding-right:.5em;
	}
}

.departmentList li:before {
	display:inline-block;
	/*margin-right:1em;*/
	content:"\e805";
  font-family:'fontello';
	text-indent:-.7em;
	color:#329155;
}

/*-- newsBlock --*/
.newsBlock h2 {
	margin-bottom:.25em;
	padding:0 .5em;
}

.newsBlock li {
	margin-bottom:.5em;
	padding-left:3em;
	list-style:none;
	/*text-indent:-1em;*/
}

.newsBlock li a:before {
	display:inline-block;
	/*margin-right:1em;*/
	content:"\e802";
  font-family:'fontello';
	text-indent:-1.5em;
	color:#7ecef4;
}

.newsBlock li a:hover:before {
	content:"\e804";
}

/*.newsBlock li a {
	text-decoration:underline;
	color:#000;
}*/

/*-- cate_newsBlock --*/
.cate_newsBlock {
	margin-bottom:0;
	padding-top:2.5em;
	background:url(./images/bg_contents_top.gif) repeat-x left top transparent;
}

.cate_newsBlock ul {
	padding-bottom:2em;
	background:url(./images/bg_contents_bottom.gif) repeat-x left bottom transparent;
}

.cate_newsBlock dl {
	padding:0 9em 0 4em;
}

.cate_newsBlock dt { padding-right:.5em; }

.cate_newsBlock dd {
	margin-bottom:.5em;
	padding-left:1em;
	text-indent:-1.5em;
}

.cate_newsBlock dd:before {
	/*display:inline-block;*/
	content:" ： ";
}

@media only screen and (max-width:768px){
	.cate_newsBlock dl { padding:0; }
	.cate_newsBlock dt.flexItem1of20 { -webkit-box-flex:0; -webkit-flex:0 0 20%; -ms-flex:0 0 20%; flex:0 0 20%; }
	.cate_newsBlock dd { text-indent:0; }
	.cate_newsBlock dd:before { display:none; }
}


/*-- downloadDoc --*/
.downloadDoc {
	width:100%;
	margin:0 auto;
}

.mbtfs14 p {
	padding-left:1em;

}

@media only screen and (max-width:768px) {
	.downloadDoc {
		width:100%;
		/*margin:0 1em;*/
	}
}

.downloadDocInner {
	padding:.5em 1em;
	border:1px solid #333;
}

.downloadDoc li {
	padding-left:1em;
	list-style:none;
}

/*-- contact --*/
/*.contact { border:1px solid #333; }*/

/*.contact h2 {
	padding:.5em 1em;
	background-color:#329155;
	color:#fff;
}*/

.contact th {	padding:0 1em 0 2em; }

.contact p { padding-left:2em; }

/*-- survey --*/
.survey {
	padding:1.5em 1.5em 0;
	border:1px solid #333;
}

.survey li {
	display:inline-block;
	padding:.25em 1em .75em;
	list-style:none;
}

.survey label { padding-left:.4em; }

#surveyBtn {
	padding:.2em .8em;
	background-color:#95abbb;
	border:1px solid #818c93;
	border-radius:4px;
	text-shadow:0 0 1px #fff;
	/*box-shadow:0 0 1px #333;*/
	cursor:pointer;
}

#surveyBtn:hover {
	background-color:#c4e1f6;
}

@media only screen and (max-width:768px){
	.contact, .survey {
		margin:0 .5em;
	}
}
/*-- /Template_Style --*/


/* =3 footer
----------------------------------------------- */
footer {
	padding:16px 0 28px;
	padding:1rem 0 1.75rem;
	color:#fff;
	background-color:#093;
}

footer a { color:#fff; }

#ftBanner {
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
	margin:0 auto 1.875rem;
}

#ftBanner > ul {
	/*list-style:none;*/
}

#ftBannerArea {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
	list-style:none;
}

#ftBannerArea:not(:target) {
	position:absolute\9;
	margin-top:-59px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #ftBannerArea:not(:target) {
	position:static\9; /* IE10（\9なしでIE11にも適用） */
	margin-top:0px\9;
  }
}

.ftBannerItem {
	-webkit-box-flex:0;
	-webkit-flex:0 0 20%;
	    -ms-flex:0 0 20%;
	        flex:0 0 20%;
	max-width:188px;
	margin-left:5px;
	border:1px solid #ccc;
}

.ftBannerItem:not(:target) {
	float:left\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ftBannerItem:not(:target) {
	float:none\9; /* IE10（\9なしでIE11にも適用） */
  }
}

@media only screen and (max-width:768px) {
	#ftBannerArea { display:block; }
	
	.ftBannerItem{
		max-width:100%;
		margin:0;
		margin-bottom:5px;
	}
	
/*  .ftBannerItem{
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
        -ms-flex:0 0 100%;
            flex:0 0 100%;
		margin:0;
		max-width:100%;
		margin-bottom:5px;
  }*/
}

.ftBannerItem:first-child { margin-left:0 }

.ftBannerItem a {
	display:block;
	text-align:center;
}

.ftBannerItem a img, .imagePhoto img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}

#CI {
	width:100%;
	max-width:960px;
	margin:0 auto;
}

@media only screen and (max-width:768px){
	#ftBanner, #CI {
		width:100%;
		padding:0 .5em;
	}
}

#ftMenu {
	padding-top:20px;
	padding-top:1.25rem;
	text-align:center;
	border-top:5px solid #fff;
}

#ftMenu ul { margin:0 auto 16px; margin:0 auto 1rem; }

#ftMenu li {
	display:inline-block;
	padding:0 1em;
	border-left:1px solid #fff;
	list-style-type:none;
	line-height:16px;
}

@media only screen and (max-width:768px){
	#ftMenu li {
		display:block;
		margin-bottom:5px;
		padding-bottom:5px;
		line-height:1.8;
		border:none;
		border-bottom:1px solid #00802a;
	}
	
	#ftMenu li a {
		display:block;
		width:100%;
	}
}

#ftMenu li:first-child { border-left:0;}

#btnTop {
	position:absolute;
	height:79px;
	width:63px;
	margin-top:-108px;
	right:8%;
	background:#7ecef4 url(./images/btn_pagetop.gif) no-repeat center center;
	text-align:center;
	z-index:500;
}

#btnTop a, #btnTop2 a {
	display:block;
	width:100%;
	height:100%;
	padding-top:50px;
	color:#000;
	z-index:550;
}

#btnTop a:hover, #btnTop2 a:hover { color:#000; }

#btnTop2 {
	position:fixed;
	height:79px;
	width:63px;
	right:8%;
	bottom:0;
	background:#7ecef4 url(./images/btn_pagetop.gif) no-repeat center center;
	text-align:center;
	z-index:500;

}

@media only screen and (max-width:768px){
	#btnTop, #btnTop2 { display:none !important; }	
}


/* =4 Alteration
----------------------------------------------- */
.inline { display:inline; }
.flL { display:inline; float:left; }
.flR { display:inline; float:right; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }
.ReferencePoint { position:relative; }
.attention { color:#f00; }
.colorBK { color:#000; }
.attentionR { display:inline-block; }
.taL { text-align:left; }
.taR { text-align:right; }
.taC { text-align:center; }
.w20per { width:20%; }
.w30per { width:30%; }
.w40per { width:40%; }
.w50per { width:50%; }
.w60per { width:60%; }
.w70per { width:70%; }
.w80per { width:80%; }
.w90per { width:90%; }
.w96per { width:96%; }
.w100per { width:100%; }

/* margin */
.ma00 { margin:0 !important; }
.mtMin05 { margin-top:-5px !important; }
.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }

.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.ml05 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }

.mbfs10 { margin-top:10px !important; margin-top:.625rem; margin-bottom:10px !important; margin-bottom:.625rem !important; } /* 10px */
.mbfs12 { margin-bottom:12px !important; margin-bottom:.75rem !important; }  /* 12px */
.mbfs14 { margin-bottom:14px !important; margin-bottom:.875rem !important; } /* 14px */
.mbfs16 { margin-bottom:16px !important; margin-bottom:1rem !important; }    /* 16px */
.mbfs18 { margin-bottom:18px !important; margin-bottom:1.125rem !important; }/* 18px */
.mbfs20 { margin-bottom:20px !important; margin-bottom:1.25rem !important; } /* 20px */
.mbfs22 { margin-bottom:22px !important; margin-bottom:1.375rem !important; }/* 22px */
.mbfs24 { margin-bottom:24px !important; margin-bottom:1.5rem !important; }  /* 24px */
.mbfs26 { margin-bottom:26px !important; margin-bottom:1.625rem !important; }/* 26px */
.mbfs28 { margin-bottom:28px !important; margin-bottom:1.75rem !important; } /* 28px */
.mbfs30 { margin-bottom:30px !important; margin-bottom:1.875rem !important; }/* 30px */
.mbfs40 { margin-bottom:40px !important; margin-bottom:2.5rem !important; }  /* 40px */
.mbfs50 { margin-bottom:50px !important; margin-bottom:3.125rem !important; }/* 50px */

.mbtfs14 { margin-bottom:15px !important;  margin-top:1rem; margin-bottom:.975rem !important; } /* 15px */

/* padding */
.pt05 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pb00 { padding-bottom:0; }
.pb10 { padding-bottom:10px; }
.pl20 { padding-left:20px; }
.pl52 { padding-left:52px; }

/* font-size */
.fs10 { font-size:10px !important; font-size:.625rem !important; } /* 10px */
.fs12 { font-size:12px !important; font-size:.75rem !important; }  /* 12px */
.fs14 { font-size:14px !important; font-size:.875rem !important; } /* 14px */
.fs16 { font-size:16px !important; font-size:1rem !important; }    /* 16px */
.fs18 { font-size:18px !important; font-size:1.125rem !important; }/* 18px */
.fs20 { font-size:20px !important; font-size:1.25rem !important; } /* 20px */
.fs22 { font-size:22px !important; font-size:1.375rem !important; }/* 22px */
.fs24 { font-size:24px !important; font-size:1.5rem !important; }  /* 24px */
.fs26 { font-size:26px !important; font-size:1.625rem !important; }/* 26px */
.fs28 { font-size:28px !important; font-size:1.75rem !important; } /* 28px */
.fs30 { font-size:30px !important; font-size:1.875rem !important; }/* 30px */
.fs40 { font-size:40px !important; font-size:2.5rem !important; }  /* 40px */

/* font-weight */
.fwB { font-weight:bold; }

/* flex-box */
.flexContener {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
}

.flexItem { -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; }
.flexItem1of1 { -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; }
.flexItem1of2 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; }
.flexItem1of3 { -webkit-box-flex:0; -webkit-flex:0 0 33.33%; -ms-flex:0 0 33.33%; flex:0 0 33.33%; }
.flexItem1of4 { -webkit-box-flex:0; -webkit-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; }
.flexItem1of5 { -webkit-box-flex:0; -webkit-flex:0 0 20%; -ms-flex:0 0 20%; flex:0 0 20%; }
.flexItem1of10 { -webkit-box-flex:0; -webkit-flex:0 0 10%; -ms-flex:0 0 10%; flex:0 0 10%; }
.flexItem1of20 { -webkit-box-flex:0; -webkit-flex:0 0 5%; -ms-flex:0 0 5%; flex:0 0 5%; }
.flexItem2of5 { -webkit-box-flex:0; -webkit-flex:0 0 40%; -ms-flex:0 0 40%; flex:0 0 40%; }

.Cwhite a:link {
	color:#fff;
}

.Cwhite a:visited {
	color:#fff;
}

.Cwhite a:hover {
	color:#fff;
}

#Cblack {
	color:#000;
}


.Cblack a:link {
	color:#000;
}

.Cblack a:visited {
	color:#000;
}

.Cblack a:hover {
	color:#000;
}
@media only screen and (max-width:768px) {
	.flexContener {	display:block; }

	.flexItem {
    -webkit-box-flex:0;
    -webkit-flex:0 0 100%;
        -ms-flex:0 0 100%;
            flex:0 0 100%;
		margin:0;
		width:100%;
		margin-bottom:5px;
	}
}

.none { display:none; }
.bgNone { background:none !important; }
.borN { border:none !important; }
.clearfix { zoom:1; }
.clearfix:after { content:""; display:block; clear:both; }

@media print
{
body {
	background: none;
	font-size: 75%;
}
#hdMenu {
	display: none !important;
}
.fs10 {
	font-size: 0.48rem !important;
}
.fs12 {
	font-size: 0.62rem !important;
}
.fs14 {
	font-size: 0.75rem !important;
}
.fs16 {
	font-size: 86rem !important;
}
.fs18 {
	font-size: 1rem !important;
}
.fs20 {
	font-size: 1.13rem !important;
}
.fs22 {
	font-size: 0.9rem !important;
}
.fs24 {
	font-size: 1rem !important;
}
.fs26 {
	font-size: 1.5rem !important;
}
.fs28 {
	font-size: 1.63rem !important;
}
.fs30 {
	font-size: 1.75rem !important;
}
.fs40 {
	font-size: 2.38rem !important;
}
#btnTop {
	display: none !important;
}
#btnTop2 {
	display: none !important;
}
#ftBanner {
	display: none !important;
}
#ftMenu {
	display: none !important;
}
.flexContener {
	display: block;
}
.flexItem1of2 {
	display: block;
}
flexItem1of1 {
	display: block;
}
.cateTopLayout {
	margin: 0em 0px 0px 0em;
}
.Site {
	display: block;
}
#headerInner {
	background: url("./images/bg_header_p.gif") no-repeat 315px 0px; margin: 0px auto; width: 100%; position: relative; max-width: 960px;
}

#logo {
	background: url("./images/logo_p.png") no-repeat bottom / contain; width: 320px; height: 60px; padding-top: 52px; margin-bottom: 12px; display: block;
}

#search {
	top: 38px;
}

header nav > ul > li a {
	background: linear-gradient(rgba(0, 153, 51, 1) 0%, rgba(0, 187, 34, 1) 47%, rgba(0, 153, 51, 1) 100%); width: 100%; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; display: block; text-shadow: 0px 0px 1px #14aa30;
}

.flexItem {
	float:left;
	width:50%
}

footer {
	font-size: 80%;
	padding: 0.25rem 0px 0.25rem; color: rgb(255, 255, 255); background-color: rgb(0, 153, 51);
	margin: 0px auto; width: 100%; position: relative; max-width: 960px;
}

#CI {
	margin-left: 10px;
}

#CI .mbfs20 {
	margin-bottom: 0.15rem !important;
}

.contentsArea {
	background: none;
	 padding-bottom: 0px;
}

.mbfs30 {
	margin-bottom: 0.25rem !important;
}
.mbfs50 {
	margin-bottom: 0.25rem !important;
}

.Site-content {
	margin: 0px auto 0.5rem; flex:1 0 auto; width: 100%; max-width: 960px;
}

.mbfs26 { margin-bottom:12px !important; margin-bottom:.75rem !important; }  /* 12px */

}