@charset "utf-8";

/* style */

/* --------------------------------------------------------------------------------
reset
-------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* --------------------------------------------------------------------------------
essential
-------------------------------------------------------------------------------- */

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans CJK JP Black"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format("opentype");
}
body {
	text-align: justify;
	text-justify: inter-word;
	font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
	font-weight: 400;
	font-feature-settings: "palt";
	line-height: 1.8em;
	color: #333333;
	letter-spacing: 0.05em;
	background-color: #f2f2f2;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
}
a.strong {
	text-decoration: underline;
	color: #29808d;
}
h1 {
	font-size: 175%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 125%;
}
h4 {
	font-size: 112.5%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}
p.center {
	text-align: center;
}
p.right {
	text-align: right;
}
p.indent {
	text-indent: -1em;
	padding-left: 1em;
}
p.note,
span.note {
	font-size: 87.5%;
	line-height: 1.6em;
}
span.emphasis {
	background-color: #f8efb9;
}
*:focus {
	outline-offset: 1px;
}



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

ol {
	list-style-type: decimal;
}



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

input[type=text],
input[type=email],
input[type=password],
input[type=button],
input[type=submit],
textarea,
select {
	box-sizing: border-box;
	max-width: 100%;
	font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Verdana, Meiryo, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=text],
input[type=email],
input[type=password],
input[type=button],
input[type=submit] {
	height: 40px;
}
input[type=button],
input[type=submit] {
	font-weight: 500;
	line-height: 40px;
	color: #ffffff;
	letter-spacing: 0.05em;
	border: none;
	cursor: pointer;
	padding: 0px 20px;
	background: url(../imgs/background-button-03.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #808080;
}
input[type=text],
input[type=email],
input[type=password],
textarea {
	line-height: 38px;
	color: #333333;
	border: 1px solid #cccccc;
}
input[type=text],
input[type=email],
input[type=password] {
	text-indent: 10px;
}
input[type=checkbox],
input[type=radio] {
	vertical-align: middle;
	margin-right: 5px;
}
textarea {
	padding: 10px;
}
select {
	height: 40px;
	line-height: 38px;
	color: #333333;
	border: 1px solid #cccccc;
	cursor: pointer;
	padding: 0px 40px 0px 10px;
	background-image: url(../imgs/arrow-select.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: auto 13px;
}
select::-ms-expand {
	display: none;
}



/* --------------------------------------------------------------------------------
misc
-------------------------------------------------------------------------------- */

img {
	display: block;
	max-width: 100%;
	height: auto;
}
noscript p {
	padding: 10px 20px 10px 240px;
	background-color: #ffffff;
}
hr {
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
	margin: 20px 0px;
}
br.sp {
	display: none;
}
*.clearfix:before,
*.clearfix:after {
	content: "";
	display: table;
}
*.clearfix:after {
	clear: both;
}
*.clearfix {
	zoom: 1;
}
*.margin-bottom {
	margin-bottom: 40px;
}
*.margin-bottom-alternate {
	margin-bottom: 40px;
}
*.margin-bottom-narrow {
	margin-bottom: 20px;
}
*.margin-bottom-extra-narrow {
	margin-bottom: 10px;
}
*.margin-bottom-wide {
	margin-bottom: 80px;
}



/* --------------------------------------------------------------------------------
general
-------------------------------------------------------------------------------- */

div#general {
	position: relative;
	overflow: hidden;
	padding-left: 220px;
}
div#general p#reading {
	position: absolute;
}
div#general i.tel,
div#general i.fax,
div#general i.mail,
div#general i.map,
div#general i.file,
div#general i.event {
	display: inline-block;
	margin-right: 3px;
	background-repeat: no-repeat;
	background-position: center;
}
div#general i.tel,
div#general i.fax,
div#general i.mail,
div#general i.map {
	vertical-align: -0.25em;
	width: 24px;
	height: 24px;
	background-size: auto 24px;
}
div#general i.tel {
	background-image: url(../imgs/icon-tel.png);
}
div#general i.fax {
	background-image: url(../imgs/icon-fax.png);
}
div#general i.mail {
	background-image: url(../imgs/icon-mail.png);
}
div#general i.map {
	background-image: url(../imgs/icon-map.png);
}
div#general i.file {
	vertical-align: -0.25em;
	width: 20px;
	height: 20px;
	background-image: url(../imgs/icon-file-default.png);
	background-size: auto 20px;
}
div#general i.file-pdf {
	background-image: url(../imgs/icon-file-pdf.png);
}
div#general i.file-word {
	background-image: url(../imgs/icon-file-word.png);
}
div#general i.file-excel {
	background-image: url(../imgs/icon-file-excel.png);
}
div#general i.file-text {
	background-image: url(../imgs/icon-file-text.png);
}
div#general i.file-data {
	background-image: url(../imgs/icon-file-data.png);
}
div#general i.file-image {
	background-image: url(../imgs/icon-file-image.png);
}
div#general i.file-sound {
	background-image: url(../imgs/icon-file-sound.png);
}
div#general i.file-video {
	background-image: url(../imgs/icon-file-video.png);
}
div#general i.file-other {
	background-image: url(../imgs/icon-file-other.png);
}
div#general i.event {
	vertical-align: -0.15em;
	width: 16px;
	height: 16px;
	background-size: auto 16px;
}
div#general i.event-bunka {
	background-image: url(../imgs/icon-event-01.png);
}
div#general i.event-kankou {
	background-image: url(../imgs/icon-event-02.png);
}
div#general i.event-kodomo {
	background-image: url(../imgs/icon-event-03.png);
}
div#general i.event-shoku {
	background-image: url(../imgs/icon-event-04.png);
}
div#general i.event-rekishi {
	background-image: url(../imgs/icon-event-05.png);
}
div#general i.event-shizen {
	background-image: url(../imgs/icon-event-06.png);
}
div#general i.event-kouza {
	background-image: url(../imgs/icon-event-07.png);
}
div#general i.event-sports {
	background-image: url(../imgs/icon-event-08.png);
}
div#general i.event-sonota {
	background-image: url(../imgs/icon-event-09.png);
}

/* home
-------------------------------------------------------------------------------- */

div#general.home {
	background: url(../imgs/home-background-general.jpg) repeat center top;
	background-size: auto 1440px;
}
div#general.home div.background-general {
	position: absolute;
	left: 50%;
	background-repeat: no-repeat;
	background-position: left top;
}
div#general.home div.background-general-01 {
	width: 405px;
	height: 370px;
	margin-left: -660px;
	top: 650px;
	background-image: url(../imgs/home-background-general-01.png);
	background-size: auto 370px;
}
div#general.home div.background-general-02 {
	width: 365px;
	height: 225px;
	margin-left: 400px;
	top: 1320px;
	background-image: url(../imgs/home-background-general-02.png);
	background-size: auto 225px;
}
div#general.home div.background-general-03 {
	width: 195px;
	height: 670px;
	margin-left: -440px;
	top: 1780px;
	background-image: url(../imgs/home-background-general-03.png);
	background-size: auto 670px;
}
div#general.home div.background-general-04 {
	width: 260px;
	height: 290px;
	margin-left: 490px;
	bottom: 860px;
	background-image: url(../imgs/home-background-general-04.png);
	background-size: auto 290px;
}
div#general.home div.background-general-05 {
	width: 235px;
	height: 345px;
	margin-left: -520px;
	bottom: 20px;
	background-image: url(../imgs/home-background-general-05.png);
	background-size: auto 345px;
}
div#general.home div.background-general-06 {
	width: 350px;
	height: 235px;
	margin-left: 500px;
	bottom: 150px;
	background-image: url(../imgs/home-background-general-06.png);
	background-size: auto 235px;
}



/* --------------------------------------------------------------------------------
header
-------------------------------------------------------------------------------- */

header#header {
	box-sizing: border-box;
	position: fixed;
	width: 230px;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 100;
	padding: 0px 35px 0px 25px;
	background: url(../imgs/background-header.png) repeat-y left top;
	background-size: auto 1440px;
}
header#header p#logo {
	margin-bottom: 10px;
	padding: 15px 0px;
}
header#header p#logo a {
	display: block;
}
header#header p#logo img {
	width: auto;
	height: 48px;
	margin: auto;
}
header#header p#button-menu,
header#header p#button-search-sp {
	display: none;
}
header#header div.nest {
	display: none;
	box-sizing: border-box;
	position: fixed;
	left: 205px;
	top: 0px;
	width: calc(100% - 205px);
	height: 100%;
	z-index: 1;
}
header#header div.nest div.background-nest {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.375) url(../imgs/transparent.png) repeat left top;
}
header#header div.nest div.inner-nest {
	box-sizing: border-box;
	position: relative;
	height: 100%;
	padding: 30px 30px 30px 50px;
	background-image: url(../imgs/background-header.png);
	background-repeat: repeat-y;
	background-position: -205px top;
	background-size: auto 1440px;
}
header#header div.nest p.button-close {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 1;
}
header#header div.nest p.button-close a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../imgs/button-close-nest.png) no-repeat center;
	background-size: auto 30px;
}
header#header div.nest p.headline {
	font-size: 125%;
	font-weight: 500;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
header#header nav#navi {
	margin: 0px -35px 15px -25px;
}
header#header nav#navi > ul {
	padding-top: 6px;
	background: url(../imgs/border-navi-01.png) no-repeat 25px top;
	background-size: auto 6px;
}
header#header nav#navi > ul > li {
	font-weight: 500;
	background-repeat: no-repeat;
	background-position: 25px bottom;
	background-size: auto 6px;
}
header#header nav#navi > ul > li:nth-child(1)  {
	background-image: url(../imgs/border-navi-02.png);
}
header#header nav#navi > ul > li:nth-child(2)  {
	background-image: url(../imgs/border-navi-03.png);
}
header#header nav#navi > ul > li:nth-child(3)  {
	background-image: url(../imgs/border-navi-04.png);
}
header#header nav#navi > ul > li:nth-child(4)  {
	background-image: url(../imgs/border-navi-05.png);
}
header#header nav#navi > ul > li:nth-child(5)  {
	background-image: url(../imgs/border-navi-06.png);
}
header#header nav#navi > ul > li:nth-child(6)  {
	background-image: url(../imgs/border-navi-07.png);
}
header#header nav#navi > ul > li > a {
	display: block;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	text-decoration: none;
	padding: 10px 0px 16px 25px;
	background: url(../imgs/arrow-navi.png) no-repeat right 35px top 19px;
	background-size: auto 13px;
}
header#header nav#navi > ul > li.open > a {
	color: #ffffff;
	background-color: #437030;
	background-image: url(../imgs/arrow-navi-active.png);
}
header#header nav#navi > ul > li > a span {
	display: none;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0px;
	top: -5px;
	background-color: #437030;
}
header#header nav#navi > ul > li.open > a span {
	display: block;
}
header#header nav#navi > ul > li.open div.nest {
	display: block;
}
header#header nav#navi > ul > li div.nest div.inner-nest {
	width: 735px;
	background-color: #437030;
}
header#header nav#navi > ul > li div.nest ul {
	margin: 0px -15px 13px 0px;
}
header#header nav#navi > ul > li div.nest ul li {
	float: left;
	width: calc(33.33% - 15px);
	text-align: left;
	line-height: 1.2em;
	margin: 0px 15px 15px 0px;
	background: url(../imgs/background-button-01.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #808080;
}
header#header nav#navi > ul > li div.nest ul li:nth-child(3n+1) {
	clear: both;
}
header#header nav#navi > ul > li div.nest ul li a {
	display: block;
	padding: 18px 15px 17px 45px;
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: auto 23px;
}
header#header nav#navi > ul > li div.nest ul li.folder a {
	background-image: url(../imgs/icon-folder.png);
}
header#header nav#navi > ul > li div.nest ul li.article a {
	background-image: url(../imgs/icon-article.png);
}
header#header nav#navi > ul > li div.nest p.link {
	font-size: 87.5%;
}
header#header nav#navi > ul > li div.nest p.link a {
	text-decoration: underline;
	color: #ffffff;
}
header#header div#search {
	position: relative;
	margin-bottom: 10px;
}
header#header div#search p.button {
	text-align: center;
	font-size: 112.5%;
	font-weight: 700;
}
header#header div#search p.button a {
	display: block;
	color: #ffffff;
	padding: 15px;
	background-color: #437030;
	border-radius: 5px;
}
header#header div#search.open p.button a {
	background-color: #333333;
}
header#header div#search p.button span {
	display: inline-block;
	padding-left: 25px;
	background: url(../imgs/icon-header-search.png) no-repeat left center;
	background-size: auto 20px;
}
header#header div#search.open p.button span {
	background-image: url(../imgs/icon-header-search-close.png);
}
header#header div#search.open div.nest {
	display: block;
}
header#header div#search div.nest div.inner-nest {
	width: 735px;
	background-color: #333333;
}
header#header div#search div.nest form {
	display: block;
	position: relative;
}
header#header div#search div.nest form div.text {
	position: relative;
}
header#header div#search div.nest form div.text i {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0px;
	top: 0px;
	background: url(../imgs/icon-search-01.png) no-repeat center;
	background-size: auto 25px;
}
header#header div#search div.nest form div.text input[type=text] {
	box-sizing: border-box;
	width: calc(100% - 100px);
	height: 60px;
	text-indent: 60px;
	font-size: 125%;
	line-height: 50px;
	border: none;
	padding: 5px 0px;
	background-color: #ffffff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
header#header div#search div.nest form div.submit input[type=submit] {
	box-sizing: border-box;
	position: absolute;
	width: 100px;
	height: 60px;
	right: 0px;
	top: 0px;
	text-align: center;
	font-size: 125%;
	font-weight: 700;
	line-height: 60px;
	color: #ffffff;
	background-color: #437030;
	background-image: none;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: none;
}
header#header div.misc > p,
header#header div.misc div.font-size-color p.label {
	font-size: 87.5%;
	padding-left: 27px;
	background-repeat: no-repeat;
	background-position: left 0.5em;
	background-size: auto 16px;
}
header#header div.misc > p.mail {
	background-image: url(../imgs/icon-header-mail.png);
}
header#header div.misc div.font-size-color p.label {
	background-image: url(../imgs/icon-header-font-size-color.png);
}
header#header div.misc > p.voice {
	background-image: url(../imgs/icon-header-voice.png);
}
header#header div.misc > p.translation {
	background-image: url(../imgs/icon-header-translation.png);
}
header#header div.misc div.font-size-color.open div.nest {
	display: block;
}
header#header div.misc div.font-size-color div.nest div.inner-nest {
	width: 345px;
	background-color: #ffffff;
}
header#header div.misc div.font-size-color div.nest p.button-close a {
	background-image: url(../imgs/button-close-nest-alternate.png);
}
header#header div.font-size-color div.nest div.font-size,
header#header div.font-size-color div.nest div.font-color {
	text-align: center;
	border-bottom: 1px solid #437030;
	padding: 15px 0px;
}
header#header div.font-size-color div.nest div.font-size {
	border-top: 1px solid #437030;
}
header#header div.font-size-color div.nest div.font-size p,
header#header div.font-size-color div.nest div.font-color p {
	font-size: 87.5%;
	font-weight: 500;
	line-height: 1.6em;
}
header#header div.font-size-color div.nest div.font-size label,
header#header div.font-size-color div.nest div.font-color label {
	display: inline-block;
	cursor: pointer;
	margin: 0px 5px;
}
header#header div.font-size-color div.nest div.font-size label span.alternate,
header#header div.font-size-color div.nest div.font-size label span.label,
header#header div.font-size-color div.nest div.font-color label span.alternate,
header#header div.font-size-color div.nest div.font-color label span.label {
	display: inline-block;
	vertical-align: -3px;
}
header#header div.font-size-color div.nest div.font-size label.default span.label {
	font-size: 16px;
}
header#header div.font-size-color div.nest div.font-size label.large span.label {
	font-size: 24px;
}
header#header div.font-size-color div.nest div.font-size label.extralarge span.label {
	font-size: 32px;
}
header#header div.font-size-color div.nest div.font-color label span.label {
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	font-size: 16px;
	line-height: 26px;
	border: 1px solid #cccccc;
}
header#header div.font-size-color div.nest div.font-color label.black span.label {
	color: #000000;
	background-color: #ffffff;
}
header#header div.font-size-color div.nest div.font-color label.yellow span.label {
	color: #ffd821;
	background-color: #005aa5;
}
header#header div.font-size-color div.nest div.font-color label.white span.label {
	color: #ffffff;
	background-color: #000000;
}
header#header p.button-close-sp {
	display: none;
}
header#header div#search-sp {
	display: none;
}



/* --------------------------------------------------------------------------------
cover
-------------------------------------------------------------------------------- */

div#cover {
	box-sizing: border-box;
	position: relative;
	height: 480px;
	padding-top: 30px;
	background: url(../imgs/cover-background-01.jpg) repeat left top;
	background-size: auto 480px;
}
div#cover div.intro {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color: #ffffff;
	opacity: 0;
	transition: 1s opacity ease;
}
div#cover.intro div.intro {
	opacity: 1;
}
div#cover div.intro.disable {
	display: none;
}
div#cover div.intro p {
	position: absolute;
}
div#cover div.intro p.image {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(../imgs/cover-image-intro.jpg) no-repeat center;
	background-size: cover;
}
div#cover div.intro p.caption {
	width: 780px;
	left: 50%;
	bottom: 20px;
	text-align: right;
	font-size: 87.5%;
	font-weight: 700;
	line-height: 1em;
	color: #ffffff;
	margin-left: -390px;
}
div#cover div.slide {
	position: relative;
	opacity: 0;
	transition: 1s opacity ease;
}
div#cover div.slide.active {
	opacity: 1;
}
div#cover div.slide div.container {
	overflow: hidden;
}
div#cover div.slide div.container div.inner-container {
	width: 9999px;
}
div#cover div.slide div.container div.row {
	float: left;
	width: 350px;
	margin-right: 20px;
	padding-bottom: 5px;
}
div#cover div.slide div.container div.row a {
	display: block;
	overflow: hidden;
	background: url(../imgs/cover-background-02.jpg) repeat left top;
	background-size: auto 75px;
	border-radius: 20px;
	box-shadow: 0px 5px 0px #000000;
}
div#cover div.slide div.container div.row p.image img {
	width: 100%;
	height: 325px;
}
div#cover div.slide div.container div.row p.headline {
	box-sizing: border-box;
	height: 75px;
	font-size: 125%;
	font-weight: 700;
	line-height: 1.3em;
	padding: 10px 25px;
}
div#cover div.slide div.navi {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -35px;
	text-align: center;
}
div#cover div.slide div.navi p {
	display: inline-block;
	width: 13px;
	height: 13px;
	cursor: pointer;
	margin: 0px 5px;
}
div#cover div.slide div.navi p.button {
	background-color: #ffffff;
	border-radius: 50%;
	transition: 0.25s background-color ease;
}
div#cover div.slide div.navi p.button:hover,
div#cover div.slide div.navi p.button.active {
	background-color: #d8d864;
}
div#cover div.slide div.navi p.button-play-pause {
	background: url(../imgs/cover-navi-button-pause.png) no-repeat center;
	background-size: auto 13px;
}
div#cover div.slide div.navi p.button-play-pause.pause {
	background-image: url(../imgs/cover-navi-button-play.png);
}



/* --------------------------------------------------------------------------------
content
-------------------------------------------------------------------------------- */

div#content {
	position: relative;
	width: 780px;
	margin: auto;
	padding: 20px 0px 40px 0px;
}
div#content div#title.category {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 10px;
}
div#content div#title.life01 {
	background-image: url(../imgs/title-image-category-01.jpg);
}
div#content div#title.life02 {
	background-image: url(../imgs/title-image-category-02.jpg);
}
div#content div#title.life03 {
	background-image: url(../imgs/title-image-category-03.jpg);
}
div#content div#title.life04 {
	background-image: url(../imgs/title-image-category-04.jpg);
}
div#content div#title.life05 {
	background-image: url(../imgs/title-image-category-05.jpg);
}
div#content div#title.life06 {
	background-image: url(../imgs/title-image-category-06.jpg);
}
div#content div#title.category h1 {
	text-align: left;
	font-size: 200%;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	padding: 0px 40px;
}
div#content div#title.search {
	position: relative;
	height: 200px;
	margin-bottom: 40px;
}
div#content div#title.search h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 220px;
	height: 220px;
	left: -10px;
	top: -10px;
	text-align: center;
	font-size: 200%;
	font-weight: 700;
	line-height: 1.3em;
	color: #437030;
	background: url(../imgs/title-background-search-01.png) no-repeat center;
	background-size: auto 220px;
}
div.news div#content div#title.search h1 {
	color: #ba5417;
	background-image: url(../imgs/title-background-search-02.png);
}
div.event div#content div#title.search h1 {
	color: #1d4575;
	background-image: url(../imgs/title-background-search-03.png);
}
div#content div#title.search form {
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: calc(100% - 240px);
	right: 0px;
	top: calc(50% - 40px);
	padding-right: 60px;
}
div#content div#title.search form p.label {
	font-size: 150%;
	font-weight: 700;
	color: #437030;
	margin-bottom: 10px;
}
div.news div#content div#title.search form p.label {
	color: #ba5417;
}
div.event div#content div#title.search form p.label {
	color: #1d4575;
}
div#content div#title.search form i {
	display: block;
	position: absolute;
	width: 45px;
	height: 45px;
	left: 0px;
	bottom: 0px;
	background: url(../imgs/icon-search-02.png) no-repeat center;
	background-size: auto 25px;
}
div.news div#content div#title.search form i {
	background-image: url(../imgs/icon-search-03.png);
}
div.event div#content div#title.search form i {
	background-image: url(../imgs/icon-search-04.png);
}
div#content div#title.search form input[type=text],
div#content div#title.search form input[type=submit] {
	box-sizing: border-box;
	height: 45px;
	line-height: 40px;
	border: 2px solid #437030;
}
div.news div#content div#title.search form input[type=text],
div.news div#content div#title.search form input[type=submit] {
	border-color: #ba5417;
}
div.event div#content div#title.search form input[type=text],
div.event div#content div#title.search form input[type=submit] {
	border-color: #1d4575;
}
div#content div#title.search form input[type=text] {
	box-sizing: border-box;
	width: 100%;
	text-indent: 45px;
	padding: 0px;
	background-color: #ffffff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
div#content div#title.search form input[type=submit] {
	position: absolute;
	width: 60px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	padding: 0px;
	background-color: #437030;
	background-image: none;
	border-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: none;
}
div.news div#content div#title.search form input[type=submit] {
	background-color: #ba5417;
}
div.event div#content div#title.search form input[type=submit] {
	background-color: #1d4575;
}
div#content p.button-default a {
	display: inline-block;
	font-weight: 500;
	line-height: 40px;
	color: #ffffff;
	border: none;
	cursor: pointer;
	padding: 0px 20px;
	background: url(../imgs/background-button-03.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #808080;
}
div#content header {
	position: relative;
}
div#content header p.button-rss {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 87.5%;
	font-weight: 700;
	letter-spacing: 0em;
}
div#content header p.button-rss a {
	display: block;
	color: #ffffff;
	padding: 0px 10px;
	background-color: #437030;
	border-radius: 5px;
}
div.news div#content header p.button-rss a {
	background-color: #ba5417;
}
div.event div#content header p.button-rss a {
	background-color: #1d4575;
}
div#content header p.button-rss span {
	display: block;
	padding-left: 15px;
	background: url(../imgs/icon-rss.png) no-repeat left 0.7em;
	background-size: auto 10px;
}
div#content header.bullet {
	margin-bottom: 10px;
}
div#content header.bullet h2 {
	font-size: 137.5%;
	font-weight: 700;
	color: #437030;
	letter-spacing: 0.15em;
	padding-left: 40px;
	background: url(../imgs/bullet-07.png) no-repeat 15px 0.35em;
	background-size: auto 15px;
}
div.news div#content header.bullet h2 {
	color: #ba5417;
	background-image: url(../imgs/bullet-08.png);
}
div.news div#content header.bullet.alternate h2 {
	color: #333333;
	background-image: url(../imgs/bullet-10.png);
}
div.event div#content header.bullet h2 {
	color: #1d4575;
	background-image: url(../imgs/bullet-09.png);
}
div#content header.border {
	margin-bottom: 20px;
}
div#content header.border h2 {
	font-size: 137.5%;
	font-weight: 700;
	color: #437030;
	letter-spacing: 0.15em;
	border-bottom: 3px solid #437030;
	padding-bottom: 10px;
}
/* ADD */
div#content header.border h2 a {
	color: #437030;
}
/* ADD-END */
div#content span.icon-new-window {
	display: inline-block;
	vertical-align: -0.05em;
	padding-left: 3px;
}
div#content span.icon-new-window img {
	display: block;
	width: 14px;
	height: 14px;
}
div#content div.navi-page p.label {
	font-weight: 500;
	border-bottom: 3px solid #437030;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(../imgs/bullet-06.png) no-repeat left 0.75em;
	background-size: auto 9px;
}
div#content div.navi-page ul {
	margin: 0px -10px -10px 0px;
}
div#content div.navi-page ul li {
	float: left;
	width: calc(25% - 10px);
	text-align: center;
	font-weight: 500;
	margin: 0px 10px 10px 0px;
	background: url(../imgs/background-button-03.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
}
div#content div.navi-page ul li a {
	display: block;
	color: #ffffff;
	padding: 5px 0px;
}
div#content div.navi-event {
	border-bottom: 5px solid #f2f2f2;
	padding: 25px 25px 15px 25px;
}
div#content div.navi-event ul {
	margin-right: -10px;
}
div#content div.navi-event ul li {
	float: left;
	text-align: center;
	font-weight: 500;
	margin: 0px 10px 10px 0px;
	background: url(../imgs/background-button-02.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
}
div#content div.navi-event ul li:hover,
div#content div.navi-event ul li.active {
	border: 4px solid #1d4575;
}
div#content div.navi-event ul li a {
	display: block;
	padding: 5px 15px;
}
div#content div.navi-event ul li:hover a,
div#content div.navi-event ul li.active a {
	padding: 1px 11px;
}
div#content div.navi-event ul li i {
	vertical-align: -0.2em;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	background-size: auto 18px;
}
div#content div.description {
	border-bottom: 5px solid #f2f2f2;
	padding: 25px;
}
div#content div.group-collapse div.row {
	margin-bottom: 40px;
}
div#content div.group-collapse div.row:last-child {
	margin-bottom: 0px;
}
div#content div.list-standard ul li {
	padding-left: 15px;
	background: url(../imgs/bullet-05.png) no-repeat left 0.65em;
	background-size: auto 9px;
}
div#content div.list-organization > ul > li {
	font-size: 125%;
	font-weight: 500;
	margin-bottom: 10px;
}
div#content div.list-organization > ul > li:last-child {
	margin-bottom: 0px;
}
div#content div.list-organization > ul > li > a,
div#content div.list-organization > ul > li > ul {
	float: left;
}
div#content div.list-organization > ul > li > a {
	display: block;
	box-sizing: border-box;
	width: 275px;
	text-align: left;
	margin-right: 25px;
	padding: 10px 15px;
	background: url(../imgs/background-button-01.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
}
div#content div.list-organization > ul > li > ul {
	width: calc(100% - 300px);
}
div#content div.list-organization > ul > li > ul li {
	display: inline-block;
	font-size: 80%;
	font-weight: 400;
	margin-right: 15px;
	padding: 10px 0px;
}
div#content div.list-organization > ul > li > ul li:last-child {
	margin-right: 0px;
}
div#content div.list-organization > ul > li > ul li a {
	display: block;
	text-decoration: underline;
	color: #29808d;
	padding-left: 15px;
	background: url(../imgs/bullet-04.png) no-repeat left 0.5em;
	background-size: auto 13px;
}
div#content div.list-facility ul {
	margin: 0px -10px -10px 0px;
}
div#content div.list-facility ul li {
	float: left;
	width: calc(50% - 10px);
	text-align: left;
	font-size: 125%;
	font-weight: 500;
	margin: 0px 10px 10px 0px;
	background: url(../imgs/background-button-01.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
}
div#content div.list-facility ul li a {
	display: block;
	padding: 10px;
}
div#content div.list-article {
	overflow: hidden;
	padding: 0px 25px;
}
div#content div.list-article div.row {
	position: relative;
	border-bottom: 1px solid #cccccc;
	padding: 15px 7.5em 15px 0px;
}
div#content div.list-article div.row:last-child {
	border-bottom: none;
}
div#content div.list-article div.row h3 {
	font-size: 100%;
	font-weight: 500;
	line-height: 1.5em;
	padding-left: 15px;
	background: url(../imgs/bullet-02.png) no-repeat left 0.35em;
	background-size: auto 13px;
}
div#content div.list-article div.row h3 a {
	color: #29808d;
}
div#content div.list-article div.row p.date {
	position: absolute;
	right: 0px;
	top: 50%;
	font-size: 87.5%;
	line-height: 20px;
	margin-top: -10px;
}
div#content div.list-popular {
	overflow: hidden;
	padding: 0px 25px;
}
div#content div.list-popular div.row {
	position: relative;
	border-bottom: 1px solid #cccccc;
	padding: 15px 0px 15px 3em;
}
div#content div.list-popular div.row:last-child {
	border-bottom: none;
}
div#content div.list-popular div.row p.num {
	position: absolute;
	left: 0px;
	top: 15px;
	font-size: 112.5%;
	font-weight: 700;
	color: #437030;
}
div#content div.list-popular div.row h3 {
	font-size: 100%;
	font-weight: 500;
	line-height: 1.5em;
}
div#content div.list-popular div.row h3 a {
	color: #29808d;
}
div#content div.list-more.open div.default div.row {
	border-bottom: 1px solid #cccccc;
}
div#content div.list-more div.more {
	display: none;
}
div#content div.list-more p.button {
	text-align: center;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin: 0px -25px;
}
div#content div.list-more p.button a {
	display: block;
	color: #ffffff;
	padding: 10px 0px;
	background-color: #437030;
}
div#content div.list-archive.list-more p.button a {
	background-color: #333333;
}
div#content div.list-more p.button span {
	display: inline-block;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left 0.5em;
	background-size: auto 13px;
}
div#content div.list-more.open p.button-more,
div#content div.list-more p.button-close,
div#content div.list-more p.button-list {
	display: none;
}
div#content div.list-more p.button-more span {
	background-image: url(../imgs/arrow-list-more.png);
}
div#content div.list-more p.button-close span {
	background-image: url(../imgs/arrow-list-close.png);
}
div#content div.list-more p.button-list span {
	background-image: url(../imgs/arrow-list-link.png);
}
div#content div.list-more.open p.button-close,
div#content div.list-more.open p.button-list {
	display: block;
}
div#content div.list-category.margin {
	padding: 0px 25px;
}
div#content div.list-category ul {
	margin: 0px -20px -15px 0px;
}
div#content div.list-category ul li {
	float: left;
	text-align: left;
	font-size: 125%;
	line-height: 1.2em;
	margin: 0px 20px 20px 0px;
	background: url(../imgs/background-button-01.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #808080;
}
div#content div.list-category ul li:nth-child(2n+1),
div#content div.list-category ul li.article {
	clear: both;
}
div#content div.list-category ul li.folder {
	width: calc(50% - 20px);
}
div#content div.list-category ul li.article {
	width: calc(100% - 20px);
}
div#content div.list-category ul li a {
	display: block;
	padding: 18px 15px 17px 45px;
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: auto 23px;
}
div#content div.list-category ul li.folder a {
	background-image: url(../imgs/icon-folder.png);
}
div#content div.list-category ul li.article a {
	background-image: url(../imgs/icon-article.png);
}
/* ADD */
div#content div.list-category ul li.calendar {
	width: calc(100% - 20px);
}
div#content div.list-category ul li.calendar a {
	background-image: url(../imgs/home-icon-event.png);
	background-position: 15px calc(50% + 2px);
}
/* ADD-END */
div#content div.list-archive {
	padding: 25px 25px 0px 25px;
}
div#content div.list-archive ul {
	margin-right: -10px;
}
div#content div.list-archive ul li {
	float: left;
	width: calc(16.66% - 10px);
	margin: 0px 10px 15px 0px;
	text-align: center;
	font-weight: 500;
	color: #333333;
	cursor: pointer;
	background: url(../imgs/background-button-02.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #808080;
}
div#content div.list-archive ul li a {
	display: block;
	padding: 10px 0px;
}
div#content div.list-archive p.button {
	margin-top: 10px;
}
div#content div.list-event {
	padding: 25px;
}
div#content div.list-event table,
div#content div.list-event table th,
div#content div.list-event table td {
	border: 1px solid #808080;
}
div#content div.list-event table {
	width: 100%;
}
div#content div.list-event table th,
div#content div.list-event table td {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
}
div#content div.list-event table th {
	width: 6.5em;
	background-color: #f2f2f2;
}
div#content div.list-event table tr.sat th {
	color: #004b90;
	background-color: #e5edf4;
}
div#content div.list-event table tr.sun th {
	color: #d93325;
	background-color: #fbeae9;
}
div#content div.list-event table tr.today th {
	color: #ffffff;
	background-color: #437030;
}
div#content div.list-event table tr.today td {
	background-color: #ecf0ea;
}
div#content div.list-event table td a {
	color: #29808d;
}
div#content div.frame {
	box-sizing: border-box;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 10px;
}
div#content div.frame:last-child {
	margin-bottom: 0px;
}
div#content div.frame header.main {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 125px;
	margin-bottom: 0px;
	padding: 20px 25px;
	background: url(../imgs/background-frame-header-01.jpg) repeat center top;
	background-size: auto 150px;
}
@media all and (-ms-high-contrast:none) {
div#content div.frame header.main {
	height: 125px;
}
}
div#content div.frame header.main-alternate {
	background-image: url(../imgs/background-frame-header-02.jpg);
}
div#content div.frame header.main h1 {
	text-align: left;
	font-size: 187.5%;
	font-weight: 700;
	line-height: 1.3em;
	color: #ffffff;
	letter-spacing: 0.075em;
}
div#content div.frame header.main h1 span {
	display: block;
	font-size: 50%;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}
div#content div.frame div.margin {
	padding: 25px;
}
div#content div.frame-navi-page {
	margin-bottom: 40px;
}
div#content div.frame-information {
	border: 1px solid #808080;
}
div#content div.frame-information a {
	color: #29808d;
}
div#content div.frame-information div.content {
	padding: 24px;
}
div#content div.frame-information p.label {
	font-size: 87.5%;
	font-weight: 500;
	padding-left: 15px;
	background-color: transparent;
	background: url(../imgs/bullet-06.png) no-repeat left 0.75em;
	background-size: auto 9px;
}
div#content div.frame-information h3 {
	font-size: 112.5%;
	font-weight: 700;
	margin-bottom: 10px;
}
div#content div.frame-information ul li {
	float: left;
	font-size: 125%;
	font-weight: 700;
	margin: 0px 40px 10px 0px;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: left 0.15em;
	background-size: auto 24px;
}
div#content div.frame-information ul li:last-child {
	margin-right: 0px;
}
div#content div.frame-information ul li.tel {
	background-image: url(../imgs/icon-tel.png);
}
div#content div.frame-information ul li.fax {
	background-image: url(../imgs/icon-fax.png);
}
div#content div.frame-information ul li.mail {
	background-image: url(../imgs/icon-mail.png);
}
div#content div.frame-information ul li.map {
	background-image: url(../imgs/icon-map.png);
}
div#content div.frame-information p.time {
	position: relative;
	font-size: 87.5%;
	padding-left: 5.5em;
	min-height: 28px;
}
div#content div.frame-information p.time span {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 114.29%;
	font-weight: 500;
}
div#content p.button-back {
	width: calc(50% - 10px);
	text-align: left;
	background: url(../imgs/background-button-02.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #808080;
}
div#content p.button-back a {
	display: block;
	padding: 10px 10px 10px 45px;
	background: url(../imgs/arrow-back.png) no-repeat 18px center;
	background-size: auto 18px;
}
div#content div.page-information {
	position: relative;
	line-height: 1.4em;
	border-bottom: 5px solid #f2f2f2;
	padding: 10px 12em 10px 25px;
}
div#content div.page-information a {
	font-weight: 700;
	color: #29808d;
}
div#content div.page-information p.date,
div#content div.page-information p.author {
	float: left;
	font-size: 87.5%;
	margin-right: 20px;
}
div#content div.page-information p.id {
	position: absolute;
	right: 25px;
	top: 10px;
	font-size: 87.5%;
	color: #666666;
}
div#content div.map iframe {
	width: 100%;
	height: 100%;
}
div#content div.organization-facility {
	min-height: 500px;
}
div#content div.organization-facility div.row {
	position: relative;
	margin-bottom: 20px;
	padding-right: 340px;
}
div#content div.organization-facility div.row:last-child {
	margin-bottom: 0px;
}
div#content div.organization-facility div.row a {
	text-decoration: underline;
	color: #29808d;
}
div#content div.organization-facility div.row h3 {
	font-size: 100%;
	font-weight: 500;
	border-bottom: 3px solid #437030;
	margin-bottom: 5px;
	padding: 0px 0px 5px 15px;
	background: url(../imgs/bullet-06.png) no-repeat left 0.65em;
	background-size: auto 9px;
}
div#content div.organization-facility div.row div.access {
	position: absolute;
	width: 320px;
	right: 0px;
	top: 0px;
}
div#content div.organization-facility div.row div.access div.map {
	height: 240px;
	margin-bottom: 20px;
}
div#content form.contact div.destination {
	margin-bottom: 40px;
}
div#content form.contact div.destination h3 {
	font-size: 112.5%;
	font-weight: 700;
}
div#content form.contact div.component {
	margin-bottom: 40px;
}
div#content form.contact div.component header {
	border-bottom: 3px solid #437030;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
div#content form.contact div.component header label,
div#content form.contact div.component header span.require,
div#content form.contact div.component header span.note {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.3em;
}
div#content form.contact div.component header label,
div#content form.contact div.component header span.require {
	margin-right: 10px;
}
div#content form.contact div.component header label {
	font-size: 112.5%;
	font-weight: 700;
	color: #437030
}
div#content form.contact div.component header span.require {
	font-size: 87.5%;
	color: #a7272d;
	border: 1px solid #a7272d;
	padding: 0px 5px;
}
div#content form.contact div.component p.sample {
	margin-bottom: 10px;
}
div#content form.contact div.component input[type=text],
div#content form.contact div.component input[type=email] {
	width: 400px;
}
div#content form.contact div.component input[type=text].wide,
div#content form.contact div.component textarea {
	width: 100%;
}
div#content form.contact div.action input.confirm,
div#content form.contact div.action input.submit {
	float: left;
}
div#content form.contact div.action input.confirm {
	margin-right: 20px;
}
div#content form.contact div.action input.edit {
	float: right;
	color: #333333;
	background-image: url(../imgs/background-button-02.png);
}
div#content div.pager p.button {
	text-align: center;
	font-weight: 500;
	font-weight: 500;
	cursor: pointer;
	background: url(../imgs/background-button-03.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #808080;
}
div.news div#content div.pager p.button {
	background-image: url(../imgs/background-button-04.png);
}
div.event div#content div.pager p.button {
	background-image: url(../imgs/background-button-05.png);
}
div#content div.pager p.button-prev {
	float: left;
}
div#content div.pager p.button-next {
	float: right;
}
div#content div.pager p.button a {
	display: block;
	color: #ffffff;
	padding: 10px 30px;
}
div#content div.pager p.button span {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: auto 18px;
}
div#content div.pager p.button-prev span {
	padding-left: 25px;
	background-image: url(../imgs/arrow-pager-prev.png);
	background-position: left 0.4em;
}
div#content div.pager p.button-next span {
	padding-right: 25px;
	background-image: url(../imgs/arrow-pager-next.png);
	background-position: right 0.4em;
}
div#content div.misc {
	padding-top: 40px;
}
div#content div.misc ul li {
	display: inline-block;
	height: 35px;
	overflow: hidden;
	vertical-align: top;
	font-size: 87.5%;
	font-weight: 700;
	line-height: 35px;
	margin-right: 5px;
	border-radius: 5px;
}
div#content div.misc ul li a {
	display: block;
	height: 100%;
}
div#content div.misc ul li.sns {
	width: 35px;
}
div#content div.misc ul li.sns a {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 35px;
}
div#content div.misc ul li.sns-twitter a {
	background-image: url(../imgs/icon-sns-twitter.png);
}
div#content div.misc ul li.sns-facebook a {
	background-image: url(../imgs/icon-sns-facebook.png);
}
div#content div.misc ul li.sns-line a {
	background-image: url(../imgs/icon-sns-line.png);
}
div#content div.misc ul li.sns-mail a {
	background-image: url(../imgs/icon-sns-mail.png);
}
div#content div.misc ul li.print a {
	color: #333333;
	padding: 0px 10px;
	background-color: #cccccc;
}
div#content div.misc ul li.print span {
	display: inline-block;
	padding-left: 22px;
	background: url(../imgs/icon-file-default.png) no-repeat left 0.5em;
	background-size: auto 20px;
}

/* home
-------------------------------------------------------------------------------- */

div.home div#content section {
	box-sizing: border-box;
	position: relative;
	margin-bottom: 50px;
}
div.home div#content section:last-child {
	margin-bottom: 0px;
}
div.home div#content section h2 {
	box-sizing: border-box;
	text-align: center;
	font-size: 162.5%;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: center top;
}
div.home div#content section header {
	margin-bottom: 0px;
}
div.home div#content section header p.button-rss {
	right: -20px;
	bottom: 10px;
}
div.home div#content section div.list-main,
div.home div#content section div.list-sub {
	box-sizing: border-box;
}
div.home div#content section div.list-main {
	margin-bottom: 35px;
}
div.home div#content section div.list-main ul {
	margin-right: -20px;
}
div.home div#content section div.list-main ul li {
	float: left;
	/* width: calc(16.66% - 20px); */
	width: 113px;
	text-align: center;
	font-weight: 700;
	margin-right: 20px;
}
div.home div#content section div.list-main ul li a {
	display: block;
	position: relative;
	color: #ffffff;
	padding-bottom: 100%;
}
/* div.home div#content section div.list-main ul li span { */
div.home div#content section div.list-main ul li a > span {
	display: block;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	line-height: 1.2em;
	padding-top: 80px;
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: auto 50px;
	border-radius: 50%;
}
div.home div#content section div.list-sub {
	margin-bottom: 20px;
}
div.home div#content section div.list-sub ul {
	margin-right: -20px;
}
div.home div#content section div.list-sub ul li {
	float: left;
	width: calc(25% - 20px);
	text-align: left;
	font-weight: 700;
	line-height: 1.25em;
	margin: 0px 20px 20px 0px;
}
/* div.home div#content section div.list-sub ul li span { */
div.home div#content section div.list-sub ul li a > span {
	display: flex;
	justify-content: left;
	align-items: center;
	height: 2.5em;
}
div.home div#content section div.list-sub ul li a {
	display: block;
	padding: 10px 0px 10px 60px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: auto 42px;
	border-radius: 5px;
	box-shadow: 0px 5px 0px #cccccc;
}
div.home div#content section#emergency div.news {
	float: left;
	width: 420px;
	overflow: hidden;
	border-radius: 5px;
}
div.home div#content section#emergency.wide div.news {
	float: none;
	width: auto;
}
div.home div#content section#emergency div.news h2 {
	text-align: left;
	font-size: 100%;
	color: #ffffff;
	padding: 5px 10px 5px 35px;
	background: #a6323c url(../imgs/home-icon-emergency.png) no-repeat 15px 0.7em;
	background-size: auto 17px;
}
div.home div#content section#emergency div.news div.body {
	padding: 10px;
	background-color: #ffffff;
}
div.home div#content section#emergency div.link {
	float: right;
}
div.home div#content section#emergency.wide div.link {
	float: none;
	width: 330px;
	margin: auto;
}
div.home div#content section#emergency div.link ul {
	padding-top: 15px;
}
div.home div#content section#emergency.wide div.link ul {
	padding-top: 35px;
}
div.home div#content section#emergency div.link ul li {
	float: left;
	width: 100px;
	text-align: center;
	font-weight: 700;
	line-height: 1.25em;
	margin-right: 15px;
}
div.home div#content section#emergency div.link ul li:last-child {
	margin-right: 0px;
}
div.home div#content section#emergency div.link ul li a {
	display: block;
	position: relative;
	border-width: 3px;
	border-style: solid;
	padding: 15px 0px 10px 0px;
	border-radius: 5px;
}
div.home div#content section#emergency div.link ul li.holiday a,
div.home div#content section#emergency div.link ul li.holiday span.circle,
div.home div#content section#emergency div.link ul li.holiday span.blind {
	color: #295b92;
	border-color: #295b92;
	background-color: #e9eef4;
}
div.home div#content section#emergency div.link ul li.prevention a,
div.home div#content section#emergency div.link ul li.prevention span.circle,
div.home div#content section#emergency div.link ul li.prevention span.blind {
	color: #754c24;
	border-color: #754c24;
	background-color: #f1ede9;
}
div.home div#content section#emergency div.link ul li.disaster a,
div.home div#content section#emergency div.link ul li.disaster span.circle,
div.home div#content section#emergency div.link ul li.disaster span.blind {
	color: #754c79;
	border-color: #754c79;
	background-color: #f1edf1;
}
div.home div#content section#emergency div.link ul li span.circle,
div.home div#content section#emergency div.link ul li span.blind,
div.home div#content section#emergency div.link ul li i {
	box-sizing: border-box;
	position: absolute;
	width: 50px;
	left: 50%;
	margin-left: -25px;
}
div.home div#content section#emergency div.link ul li span.circle {
	height: 50px;
	top: -25px;
	border-width: 3px;
	border-style: solid;
	border-radius: 50%;
}
div.home div#content section#emergency div.link ul li span.blind {
	height: 25px;
	top: 0px;
	z-index: 1;
}
div.home div#content section#emergency div.link ul li span.text {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 2.5em;
	z-index: 2;
}
div.home div#content section#emergency div.link ul li i {
	height: 50px;
	top: -25px;
	z-index: 3;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 25px;
}
div.home div#content section#emergency div.link ul li.holiday i {
	background-image: url(../imgs/home-icon-holiday.png);
}
div.home div#content section#emergency div.link ul li.prevention i {
	background-image: url(../imgs/home-icon-prevention.png);
}
div.home div#content section#emergency div.link ul li.disaster i {
	background-image: url(../imgs/home-icon-disaster.png);
}
div.home div#content section#life {
	height: 360px;
	margin-left: -60px;
	margin-right: -60px;
	padding-top: 20px;
	background: url(../imgs/home-background-life.png) no-repeat center;
	background-size: auto 360px;
}
div.home div#content section#life h2,
div.home div#content section#popular h2,
div.home div#content section#government h2 {
	height: 85px;
	letter-spacing: 0.15em;
	background-size: auto 85px;
}
div.home div#content section#life h2 {
	color: #ffffff;
	margin-bottom: 20px;
	padding-top: 20px;
	background-image: url(../imgs/home-background-headline-01.png);
}
div.home div#content section#life ul {
	width: 780px;
	margin: auto;
}
div.home div#content section#life ul li {
	float: left;
	width: 16.66%;
	text-align: center;
	font-weight: 700;
}
div.home div#content section#life ul li a {
	display: block;
	padding-top: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 85px;
}
div.home div#content section#life ul li.row-01 a {
	background-image: url(../imgs/home-icon-life-01.png);
}
div.home div#content section#life ul li.row-02 a {
	background-image: url(../imgs/home-icon-life-02.png);
}
div.home div#content section#life ul li.row-03 a {
	background-image: url(../imgs/home-icon-life-03.png);
}
div.home div#content section#life ul li.row-04 a {
	background-image: url(../imgs/home-icon-life-04.png);
}
div.home div#content section#life ul li.row-05 a {
	background-image: url(../imgs/home-icon-life-05.png);
}
div.home div#content section#life ul li.row-06 a {
	background-image: url(../imgs/home-icon-life-06.png);
}
div.home div#content section#popular h2 {
	color: #ba5417;
	background-image: url(../imgs/home-background-headline-02.png);
}
/* div.home div#content section#popular div.list-main ul li span { */
div.home div#content section#popular div.list-main ul li a > span {
	background-color: #ba5417;
	text-shadow: 0px -2px #ba5417, 2px -2px #ba5417, 2px 0px #ba5417, 2px 2px #ba5417, 0px 2px #ba5417, -2px 2px #ba5417, -2px 0px #ba5417, -2px -2px #ba5417;
}
/* div.home div#content section#popular div.list-main ul li.row-01 span { */
div.home div#content section#popular div.list-main ul li.row-01 a > span {
	background-image: url(../imgs/home-icon-popular-main-01.png);
}
/* div.home div#content section#popular div.list-main ul li.row-02 span { */
div.home div#content section#popular div.list-main ul li.row-02 a > span {
	background-image: url(../imgs/home-icon-popular-main-02.png);
}
/* div.home div#content section#popular div.list-main ul li.row-03 span { */
div.home div#content section#popular div.list-main ul li.row-03 a > span {
	background-image: url(../imgs/home-icon-popular-main-03.png);
}
/* div.home div#content section#popular div.list-main ul li.row-04 span { */
div.home div#content section#popular div.list-main ul li.row-04 a > span {
	background-image: url(../imgs/home-icon-popular-main-04.png);
}
/* div.home div#content section#popular div.list-main ul li.row-05 span { */
div.home div#content section#popular div.list-main ul li.row-05 a > span {
	background-image: url(../imgs/home-icon-popular-main-05.png);
}
/* div.home div#content section#popular div.list-main ul li.row-06 span { */
div.home div#content section#popular div.list-main ul li.row-06 a > span {
	background-image: url(../imgs/home-icon-popular-main-06.png);
}
div.home div#content section#popular div.list-sub ul li a {
	color: #ba5417;
}
div.home div#content section#popular div.list-sub ul li.row-01 a {
	background-image: url(../imgs/home-icon-popular-sub-01.png);
}
div.home div#content section#popular div.list-sub ul li.row-02 a {
	background-image: url(../imgs/home-icon-popular-sub-02.png);
}
div.home div#content section#popular div.list-sub ul li.row-03 a {
	background-image: url(../imgs/home-icon-popular-sub-03.png);
}
div.home div#content section#popular div.list-sub ul li.row-04 a {
	background-image: url(../imgs/home-icon-popular-sub-04.png);
}
div.home div#content section#popular div.list-sub ul li.row-05 a {
	background-image: url(../imgs/home-icon-popular-sub-05.png);
}
div.home div#content section#popular div.list-sub ul li.row-06 a {
	background-image: url(../imgs/home-icon-popular-sub-06.png);
}
div.home div#content section#popular div.list-sub ul li.row-07 a {
	background-image: url(../imgs/home-icon-popular-sub-07.png);
}
div.home div#content section#popular div.list-sub ul li.row-08 a {
	background-image: url(../imgs/home-icon-popular-sub-08.png);
}
div.home div#content section#popular div.translation {
	line-height: 40px;
	color: #ffffff;
	padding: 10px 10px 10px 45px;
	background-color: #1d4575;
	border-radius: 10px;
}
div.home div#content section#popular div.translation p.label {
	float: left;
	font-size: 125%;
	font-weight: 900;
	letter-spacing: 0.1em;
	padding-left: 35px;
	background: url(../imgs/home-icon-translation.png) no-repeat left 0.4em;
	background-size: auto 25px;
}
div.home div#content section#popular div.translation ul {
	float: right;
}
div.home div#content section#popular div.translation ul li {
	float: left;
	width: 110px;
	text-align: center;
	font-size: 87.5%;
	font-weight: 500;
	letter-spacing: 0em;
	margin-right: 10px;
}
div.home div#content section#popular div.translation ul li:last-child {
	margin-right: 0px;
}
div.home div#content section#popular div.translation ul li a {
	display: block;
	color: #1d4575;
	background-color: #d2dae3;
	border-radius: 5px;
}
div.home div#content section#topics h2,
div.home div#content section#news h2,
div.home div#content section#recomend h2 {
	letter-spacing: 0.15em;
	padding-top: 50px;
	background-size: auto 200px;
}
div.home div#content section#topics h2 {
	height: 95px;
	color: #437030;
	background-image: url(../imgs/home-background-headline-03.png);
}
div.home div#content section#news h2 {
	height: 95px;
	color: #ba5417;
	background-image: url(../imgs/home-background-headline-04.png);
}
div.home div#content section#news header p.button-rss a {
	background-color: #ba5417;
}
div.home div#content section#topics div.frame,
div.home div#content section#news div.frame {
	margin: 0px -20px;
}
div.home div#content section#news div.list-article div.row h3 {
	background-image: url(../imgs/bullet-03.png);
}
div.home div#content section#news div.list-article p.button a {
	background-color: #ba5417;
}
div.home div#content section#recomend h2 {
	height: 200px;
	color: #1d4575;
	padding-top: 75px;
	background-image: url(../imgs/home-background-headline-05.png);
}
div.home div#content section#recomend div.banner {
	position: relative;
	margin: -65px -32px 24px 0px;
}
div.home div#content section#recomend div.banner p.row {
	float: left;
	width: calc(50% - 32px);
	font-size: 125%;
	font-weight: 700;
	margin-right: 32px;
}
div.home div#content section#recomend div.banner p.row a {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	height: 100px;
	line-height: 45px;
	border: 2px solid #1d4575;
	border-radius: 10px;
}
div.home div#content section#recomend div.banner p.row span {
	display: inline-block;
	padding-left: 55px;
	background-repeat: no-repeat;
	background-position: left 0em;
	background-size: auto 45px;
}
div.home div#content section#recomend div.banner p.row-event a {
	background: #b2d53f url(../imgs/home-background-event.png) repeat left top;
	background-size: auto 22px;
}
div.home div#content section#recomend div.banner p.row-event span {
	background-image: url(../imgs/home-icon-event.png);
}
div.home div#content section#recomend div.banner p.row-facebook a {
	color: #ffffff;
	background-color: #3c5989;
}
div.home div#content section#recomend div.banner p.row-facebook span {
	background-image: url(../imgs/home-icon-facebook.png);
}
div.home div#content section#recomend div.slide {
	position: relative;
}
div.home div#content section#recomend div.slide div.container {
	width: 672px;
	overflow: hidden;
	margin: auto;
}
div.home div#content section#recomend div.slide div.container div.inner-container {
	width: 9999px;
}
div.home div#content section#recomend div.slide div.container div.row {
	float: left;
	width: 150px;
	margin-right: 24px;
}
div.home div#content section#recomend div.slide div.container div.row a {
	display: block;
	overflow: hidden;
	color: #1d4575;
	border: 2px solid #1d4575;
	background-color: #ffffff;
	border-radius: 10px;
}
div.home div#content section#recomend div.slide div.container div.row p.image img {
	width: 100%;
	height: 156px;
}
div.home div#content section#recomend div.slide div.container div.row h3 {
	box-sizing: border-box;
	height: 60px;
	text-align: center;
	font-size: 100%;
	font-weight: 700;
	line-height: 1.4em;
	padding: 5px;
}
div.home div#content section#recomend div.slide div.pager {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}
div.home div#content section#recomend div.slide div.pager p.button-prev,
div.home div#content section#recomend div.slide div.pager p.button-next {
	position: absolute;
	width: 26px;
	height: 50px;
	top: 0px;
	cursor: pointer;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 46px;
	box-shadow: none;
}
div.home div#content section#recomend div.slide div.pager p.button-prev {
	left: 0px;
	background-image: url(../imgs/home-recomend-arrow-prev.png);
}
div.home div#content section#recomend div.slide div.pager p.button-next {
	right: 0px;
	background-image: url(../imgs/home-recomend-arrow-next.png);
}
div.home div#content section#recomend div.slide div.navi {
	text-align: center;
	padding-top: 10px;
}
div.home div#content section#recomend div.slide div.navi p {
	display: inline-block;
	width: 13px;
	height: 13px;
	cursor: pointer;
	margin: 0px 5px;
}
div.home div#content section#recomend div.slide div.navi p.button {
	box-sizing: border-box;
	border: 2px solid #1d4575;
	background-color: #ffffff;
	border-radius: 50%;
	transition: 0.25s background-color ease;
}
div.home div#content section#recomend div.slide div.navi p.button:hover,
div.home div#content section#recomend div.slide div.navi p.button.active {
	background-color: #1d4575;
}
div.home div#content section#recomend div.slide div.navi p.button-play-pause {
	background: url(../imgs/home-recomend-navi-button-pause.png) no-repeat center;
	background-size: auto 13px;
}
div.home div#content section#recomend div.slide div.navi p.button-play-pause.pause {
	background-image: url(../imgs/home-recomend-navi-button-play.png);
}
div.home div#content section#government h2 {
	color: #437030;
	background-image: url(../imgs/home-background-headline-06.png);
}
/* div.home div#content section#government div.list-main ul li span { */
div.home div#content section#government div.list-main ul li a > span {
	background-color: #437030;
	text-shadow: 0px -2px #437030, 2px -2px #437030, 2px 0px #437030, 2px 2px #437030, 0px 2px #437030, -2px 2px #437030, -2px 0px #437030, -2px -2px #437030;
}
/* div.home div#content section#government div.list-main ul li.row-01 span { */
div.home div#content section#government div.list-main ul li.row-01 a > span {
	background-image: url(../imgs/home-icon-government-main-01.png);
}
/* div.home div#content section#government div.list-main ul li.row-02 span { */
div.home div#content section#government div.list-main ul li.row-02 a > span {
	background-image: url(../imgs/home-icon-government-main-02.png);
}
/* div.home div#content section#government div.list-main ul li.row-03 span { */
div.home div#content section#government div.list-main ul li.row-03 a > span {
	background-image: url(../imgs/home-icon-government-main-03.png);
}
/* div.home div#content section#government div.list-main ul li.row-04 span { */
div.home div#content section#government div.list-main ul li.row-04 a > span {
	background-image: url(../imgs/home-icon-government-main-04.png);
}
/* div.home div#content section#government div.list-main ul li.row-05 span { */
div.home div#content section#government div.list-main ul li.row-05 a > span {
	background-image: url(../imgs/home-icon-government-main-05.png);
}
/* div.home div#content section#government div.list-main ul li.row-06 span { */
div.home div#content section#government div.list-main ul li.row-06 a > span {
	background-image: url(../imgs/home-icon-government-main-06.png);
}
div.home div#content section#government div.list-sub ul li a {
	color: #437030;
	border: 1px solid #437030;
	padding-top: 9px;
	padding-bottom: 9px;
}
div.home div#content section#government div.list-sub ul li.row-01 a {
	background-image: url(../imgs/home-icon-government-sub-01.png);
}
div.home div#content section#government div.list-sub ul li.row-02 a {
	background-image: url(../imgs/home-icon-government-sub-02.png);
}
div.home div#content section#government div.list-sub ul li.row-03 a {
	background-image: url(../imgs/home-icon-government-sub-03.png);
}
div.home div#content section#government div.list-sub ul li.row-04 a {
	background-image: url(../imgs/home-icon-government-sub-04.png);
}
div.home div#content section#government div.banner {
	margin-right: -27px;
}
div.home div#content section#government div.banner p.row {
	float: left;
	width: calc(25% - 27px);
	margin: 0px 26px 20px 0px;
}
div.home div#content section#government div.banner p.row img {
	width: 100%;
	height: auto;
}

/* article
-------------------------------------------------------------------------------- */

/* ADD */
div#content div.list-article div.row a:visited,
/* ADD-END */
div#content div.article a {
	color: #29808d;
}
/* ADD */
div#content div.list-article div.row a:visited,
div#content div.list-popular div.row a:visited,
/* ADD-END */
div#content div.article a:visited {
	color: #584d21;
}
div#content div.article h2,
div#content div.article h3,
div#content div.article h4,
div#content div.article h5,
div#content div.article h6,
div#content div.article p,
div#content div.article ul,
div#content div.article ol {
	clear: both;
}
div#content div.article h2,
div#content div.article h3,
div#content div.article h4,
div#content div.article h5,
div#content div.article h6 {
	margin: 30px 0px 15px 0px;
}
div#content div.article h2:first-child,
div#content div.article h3:first-child,
div#content div.article h4:first-child,
div#content div.article h5:first-child,
div#content div.article h6:first-child {
	margin-top: 0px;
}
div#content div.article h3,
div#content div.article h4,
div#content div.article h5,
div#content div.article h6 {
	font-weight: 400;
}
div#content div.article h3,
div#content div.article h4 {
	padding: 10px;
}
div#content div.article h2,
div#content div.article h4,
div#content div.article h5 {
	border-radius: 5px;
}
div#content div.article h2,
div#content div.article h4 {
	background-color: #faf5c2;
}
div#content div.article h3,
div#content div.article h5 {
	background-color: #e5e5e5;
}
div#content div.article h2 {
	font-size: 175%;
	font-weight: 500;
	padding: 15px;
}
div#content div.article h3 {
	font-size: 150%;
	border-bottom: 4px solid #437030;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
div#content div.article div.segment h3 {
	font-size: 112.5%;
	font-weight: 500;
	padding: 0px 0px 5px 15px;
	background-color: transparent;
	background: url(../imgs/bullet-06.png) no-repeat left 0.55em;
	background-size: auto 9px;
}
div#content div.article h4 {
	font-size: 137.5%;
}
div#content div.article h5 {
	font-size: 125%;
	padding: 5px 10px;
}
div#content div.article h6 {
	font-size: 112.5%;
	border-bottom: 3px solid #cccccc;
	padding-bottom: 5px;
}
div#content div.article strong {
	font-weight: 700;
}
div#content div.article em,
div#content div.article i {
	font-style: italic;
}
div#content div.article table,
div#content div.article table td,
div#content div.article table th {
	border: 1px solid #808080;
}
div#content div.article table caption {
	text-align: left;
	font-weight: 700;
	color: #ffffff;
	padding: 5px 10px;
	background-color: #437030;
}
div#content div.article table td,
div#content div.article table th {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
}
div#content div.article table th {
	font-weight: 700;
	background-color: #faf5c2;
}
div#content div.article ul li {
	padding-left: 15px;
	background: url(../imgs/bullet-05.png) no-repeat left 0.65em;
	background-size: auto 9px;
}
div#content div.article div.segment ul li {
	background: url(../imgs/bullet-01.png) no-repeat left 0.5em;
	background-size: auto 13px;
}
div#content div.article ol {
	padding-left: 2em;
}
div#content div.article img.left {
	float: left;
	margin-right: 10px;
}
div#content div.article img.right {
	float: right;
	margin-left: 10px;
}
div#content div.article div.column div.left {
	float: left;
	width: calc(42.5% - 20px);
}
div#content div.article div.column div.right {
	float: right;
	width: 57.5%;
}
div#content div.article div.calendar table {
	min-width: 33.33%;
}
div#content div.article div.calendar table caption {
	text-align: center;
}
div#content div.article div.calendar table th,
div#content div.article div.calendar table td {
	width: 14.29%;
	text-align: center;
	font-size: 87.5%;
	border: 1px solid #808080;
	padding: 0px;
}
div#content div.article div.calendar table thead th {
	font-weight: 700;
	line-height: 1.8em;
	background-color: #faf5c2;
}
div#content div.article div.calendar table thead th.sat,
div#content div.article div.calendar table tbody td.sat {
	color: #004b90;
}
div#content div.article div.calendar table thead th.sun,
div#content div.article div.calendar table tbody td.sun {
	color: #d93325;
}
div#content div.article div.calendar table tbody td {
	line-height: 2.4em;
}
div#content div.article div.calendar table tbody td.sat {
	background-color: #e5edf4;
}
div#content div.article div.calendar table tbody td.sun {
	background-color: #fbeae9;
}
div#content div.article div.calendar table tbody td.disable {
	color: #c2c2c2;
}
div#content div.article div.calendar table tbody td.sat.disable {
	color: #b2c9dd;
}
div#content div.article div.calendar table tbody td.sun.disable {
	color: #f4c1bd;
}
div#content div.article div.calendar table tbody td a {
	display: block;
	text-decoration: underline;
	color: #333333;
}
div#content div.article div.calendar table tbody td.sat a {
	color: #004b90;
}
div#content div.article div.calendar table tbody td.sun a {
	color: #d93325;
}
div#content div.article div.calendar table tbody td a.event {
	color: #ffffff;
	background-color: #29808d;
}
div#content div.article div.video {
	position: relative;
	padding-bottom: 56.25%;
}
div#content div.article div.video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
div#content div.article div.map {
	height: 320px;
	margin-top: 10px;
}
div#content div.article form.rating div.component label {
	display: block;
	float: left;
	width: 8.5em;
	margin-right: 10px;
}
div#content div.article form.rating div.component span {
	display: block;
	text-align: center;
	font-weight: 500;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 0px;
	background: url(../imgs/background-button-03.png) repeat center;
	background-size: auto 100%;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #808080;
}
div#content div.article form.rating.disable div.component span {
	display: none;
}
div#content div.article form.rating div.component input {
	display: none;
}
div#content div.article form.rating p.message {
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: 0.25s opacity ease;
}
div#content div.article form.rating.disable p.message {
	height: auto;
	opacity: 1;
}



/* --------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------- */

footer#footer {
	position: relative;
}
footer#footer p#button-page-top {
	width: 97px;
	height: 64px;
	margin: 0px auto 20px auto;
}
footer#footer p#button-page-top a {
	display: block;
	height: 100%;
	background: url(../imgs/button-page-top.png) no-repeat left top;
	background-size: auto 64px;
}
footer#footer p.breadcrumb {
	width: 780px;
	font-size: 87.5%;
	margin: auto;
	padding-bottom: 10px;
}
footer#footer p.breadcrumb a {
	color: #29808d;
}
footer#footer p.breadcrumb span.separate {
	margin: 0px 10px;
}
footer#footer div.information-navi-footer-wrapper {
	padding: 30px 0px;
	background-color: #ffffff;
}
footer#footer div.information-navi-footer {
	width: 780px;
	margin: auto;
}
footer#footer div.information-navi-footer div.information {
	float: left;
	max-width: 535px;
}
footer#footer div.information-navi-footer div.information h3 {
	margin-bottom: 15px;
}
footer#footer div.information-navi-footer div.information h3 a {
	display: inline-block;
}
footer#footer div.information-navi-footer div.information h3 img {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 48px;
	margin-right: 20px;
}
footer#footer div.information-navi-footer div.information h3 span {
	font-size: 70%;
	font-weight: 400;
}
footer#footer div.information-navi-footer div.information p a {
	color: #29808d;
}
footer#footer div.information-navi-footer div.information i.tel,
footer#footer div.information-navi-footer div.information i.fax,
footer#footer div.information-navi-footer div.information i.mail,
footer#footer div.information-navi-footer div.information i.map {
	width: 17px;
	height: 17px;
	vertical-align: -0.2em;
	background-size: auto 17px;
}
footer#footer div.information-navi-footer div.information i.tel {
	background-image: url(../imgs/icon-tel-alternate.png);
}
footer#footer div.information-navi-footer div.information i.fax {
	background-image: url(../imgs/icon-fax-alternate.png);
}
footer#footer div.information-navi-footer div.information i.mail {
	background-image: url(../imgs/icon-mail-alternate.png);
}
footer#footer div.information-navi-footer div.information i.map {
	background-image: url(../imgs/icon-map-alternate.png);
}
footer#footer div.information-navi-footer nav#navi-footer {
	float: right;
}
footer#footer div.information-navi-footer nav#navi-footer ul {
	width: 225px;
	overflow: hidden;
	border-radius: 10px;
}
footer#footer div.information-navi-footer nav#navi-footer ul li {
	float: left;
	width: 33.33%;
	height: 100px;
	text-align: center;
	font-size: 87.5%;
	line-height: 1.25em;
}
footer#footer div.information-navi-footer nav#navi-footer ul li:nth-child(3n+1) {
	clear: both;
}
footer#footer div.information-navi-footer nav#navi-footer ul li a {
	display: block;
	box-sizing: border-box;
	height: 100%;
	color: #437030;
	padding-top: 55px;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: center 15px;
	background-size: auto 32px;
}
footer#footer div.information-navi-footer nav#navi-footer ul li.office a,
footer#footer div.information-navi-footer nav#navi-footer ul li.organization a,
footer#footer div.information-navi-footer nav#navi-footer ul li.map a,
footer#footer div.information-navi-footer nav#navi-footer ul li.faq a {
	border-right: 2px solid #ffffff;
}
footer#footer div.information-navi-footer nav#navi-footer ul li.office a,
footer#footer div.information-navi-footer nav#navi-footer ul li.organization a,
footer#footer div.information-navi-footer nav#navi-footer ul li.facility a {
	border-bottom: 2px solid #ffffff;
}
footer#footer div.information-navi-footer nav#navi-footer ul li.office a {
	background-image: url(../imgs/icon-footer-office.png);
}
footer#footer div.information-navi-footer nav#navi-footer ul li.organization a {
	background-image: url(../imgs/icon-footer-organization.png);
}
footer#footer div.information-navi-footer nav#navi-footer ul li.facility a {
	background-image: url(../imgs/icon-footer-facility.png);
}
footer#footer div.information-navi-footer nav#navi-footer ul li.map a {
	background-image: url(../imgs/icon-footer-map.png);
}
footer#footer div.information-navi-footer nav#navi-footer ul li.faq a {
	background-image: url(../imgs/icon-footer-faq.png);
}
footer#footer div.information-navi-footer nav#navi-footer ul li.link a {
	background-image: url(../imgs/icon-footer-link.png);
}
footer#footer div.misc {
	font-size: 87.5%;
	color: #ffffff;
	background-color: #437030;
}
footer#footer div.misc a {
	color: #ffffff;
}
footer#footer div.misc div.inner-misc {
	position: relative;
	width: 780px;
	line-height: 1em;
	margin: auto;
	padding: 20px 0px;
}
footer#footer div.misc ul li {
	display: inline-block;
	border-right: 1px solid #ffffff;
	margin-right: 8px;
	padding-right: 10px;
}
footer#footer div.misc ul li:last-child {
	border-right: none;
	margin-right: 0px;
	padding-right: 0px;
}
footer#footer div.misc p.copyright {
	position: absolute;
	right: 0px;
	top: 20px;
}

/* home
-------------------------------------------------------------------------------- */

div.home footer#footer div.information-navi-footer-wrapper {
	padding: 0px;
	background: url(../imgs/background-footer.png) no-repeat center;
	background-size: auto 360px;
}
div.home footer#footer div.information-navi-footer {
	width: 780px;
	min-height: 360px;
	margin: 0px auto;
	padding-bottom: 20px;
}
div.home footer#footer div.information-navi-footer div.information {
	max-width: 465px;
	padding: 105px 0px 0px 45px;
}
div.home footer#footer div.information-navi-footer nav#navi-footer {
	padding: 85px 25px 0px 0px;
}
div.home footer#footer div.information-navi-footer nav#navi-footer ul li a {
	background-color: transparent;
}
div.home footer#footer div.information-navi-footer nav#navi-footer ul li.office a,
div.home footer#footer div.information-navi-footer nav#navi-footer ul li.organization a,
div.home footer#footer div.information-navi-footer nav#navi-footer ul li.map a,
div.home footer#footer div.information-navi-footer nav#navi-footer ul li.faq a {
	border-right-color: #e5e5e5;
}
div.home footer#footer div.information-navi-footer nav#navi-footer ul li.office a,
div.home footer#footer div.information-navi-footer nav#navi-footer ul li.organization a,
div.home footer#footer div.information-navi-footer nav#navi-footer ul li.facility a {
	border-bottom-color: #e5e5e5;
}
/* 2018.09.26 Add */
figure.float-left {
	float: left;
        margin: 10px;
}
figure.float-right{
	float: right;
        margin: 10px;
}
div#content div.article p.sp-none{
	clear: none;
}
div#content div.frame{
	margin-bottom: 40px;
}
.segment.segment-file{
	margin-top: 20px;
}
.segment.segment-rating{
	margin-top: 20px;
}
div#content.no-padding-bottom{
	padding-bottom: 0px;
}
.sp-center{
	width: 700px;
}

/* 20181214 ADD */
div.goog-te-gadget-simple {
	width: 100%;
	border: none;
	margin-top: 10px;
	background-color: transparent;
}

div.goog-te-gadget-simple img {
	display: inline;
}

/* 2018.12.23 ADD */
/* ReadSpeaker Speech Panel */
#rssp_panel { line-height: 2px; }
#RS_TogglePanel img { float: left; }
#RS_Reading, #RS_Navigation, #RS_Other {
   height: 17px;
   line-height: 1.45;
}
#RS_GoTo_field{
   height: 20px;
   width: 65px;
}
#rssp_panel img { margin: 0 auto; }
.qa-sp{display: none;}