<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*________________________________________________

	name:			common.css
	create Date:	2016-12-06
	lastmodified:	****-**-**
________________________________________________*/

/* Base Styles ===================================
 * (classes defined in the Markup Guide)
================================================*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* ColorScheme====================================
	MainColor	=&gt;	#0092d7
	SubColor	=&gt;	#4fa1da
	BgColor		=&gt;	#ccebf8
	TextColor	=&gt;	#333333
================================================*/

/*--------------------------------------------------------------
reset
--------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	list-style-type: none;
}
html {
	height: 100%;
}
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address ,hr {
	margin: 0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
pre, var, code, kbd, samp ,tt {
	font-family: monospace;
}
fieldset {
	border: none;
}
img {
	border: none;
	vertical-align: middle;
	line-hegiht: 0;
}
ul,ol,li {
	list-style-type: none;
}
caption,th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}
a,
input[type="submit"] {
	cursor: pointer;
	}

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

/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
.clearfix:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
/*--------------------------------------------------------------
  link
--------------------------------------------------------------*/
a {
	color: #004386;
	text-decoration: underline;
}
a:hover {
	color: #004386;
	text-decoration: underline;
}
a:hover {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}
a:hover img {
	/*opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	/*-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	/*-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	/*-khtml-opacity: 0.8;              /* Safari 1.x */
	/*zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;*/
}

/*--------------------------------------------------------------
  レイアウト
--------------------------------------------------------------*/
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.fbold{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
.no_sp { margin-right: 0px!important;}
/*--------------------------------------------------------------photoレイアウト*/
.leftfloat {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.rightfloat {
	display: inline;
	float: right;
	margin-left: 20px;
}
.admissionpolicyicon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	height: 30px;
}
.rightfloat p {
	margin-top: 10px;
}
/*--------------------------------------------------------------50%レイアウト*/
.leftBox {
	display: inline;
	float: left;
	max-width: 50%;
	width: 310px;
	margin: 0;
}
.rightBox {
	display: inline;
	float: right;
	max-width: 50%;
	width: 310px;
	margin: 0;
}
/* clearfix */
.leftBox, .rightBox { zoom:1; }
.leftBox:after, .rightBox:after {
	content: ""; 
	display: block; 
	clear: both;}
#program .leftBox img, 
#program .rightBox img {
	width: 310px;
}
.leftBox h3, 
.rightBox h3 {
	width: 310px;
}
/*--------------------------------------------------------------hissu　必須文字・赤色文字*/
.hissu {
	color: #F00;
}
img.hissu {
	margin-right: 10px;
	vertical-align: middle;
}
th .hissu {
	display: inline;
	margin-left: 10px;
}
/* error　必須文字・赤色文字 */
.error, .error-message {
	color: #F00;
}
/*--------------------------------------------------------------丸のリスト*/
ul.circle {
}
.circle li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
/*--------------------------------------------------------------数字のリスト*/
ol.decimal {
	margin-top: 1em;
	margin-bottom: 1em;
}
.decimal li {
	display: list-item inline;
	list-style: decimal inside;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}
/*--------------------------------------------------------------アルファベット小文字のリスト*/
ul.loweralpha {
	margin-top: 1em;
	margin-bottom: 1em;
}
.loweralpha li {
	display: list-item inline;
	list-style: lower-alpha inside;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}/*--------------------------------------------------------------アルファベット大文字のリスト*/
ul.upperalpha {
	margin-top: 1em;
	margin-bottom: 1em;
}
.upperalpha li {
	display: list-item inline;
	list-style: upper-alpha inside;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}
/*--------------------------------------------------------------スクロール*/
.scroll {
	overflow: auto;
	overflow: scroll; /* ie6対策 */
	overflow-y: scroll; /* ie6対策 */
	overflow-x: hidden; /* ie6対策 */
}

/*--------------------------------------------------------------
  body
--------------------------------------------------------------*/
body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	color: #554738;
	text-align: center;
	font-size: 87.5%;
}

/*--------------------------------------------------------------
  #indexheader
--------------------------------------------------------------*/
#indexheader {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	vertical-align: middle;
}

/*--------------------------------------------------------------
  #header
--------------------------------------------------------------*/
#header {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
#headerInner {
	display: block;
	clear: both;
	width: auto;
	margin: 0 auto;
	padding: 20px;
	background: #eaf9fe;
	text-align: left;
}
/*clearfix*/
#headerInner { zoom:1; }
#headerInner:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------#logo*/
#logo {
	display: block;
	clear: both;
	margin: 10px auto;
	text-align: left;
}
/*--------------------------------------------------------------.pagejump*/
.pagejump {
	display: inline;
	float: left;
	margin: 0;
}
.pagejump a {
	display: block;
	text-indent: -99999px;
}
/*--------------------------------------------------------------display: none*/
#pagejump, 
.menu, 
#menu {
	display: none;
}
/*--------------------------------------------------------------.headMenuBox*/
.headMenuBox {
	display: block;
	clear: both;
	width: 1100px;
	min-height: 120px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-align: left;
}
/* clearfix */
.headMenuBox { zoom:1; }
.headMenuBox:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------.logo*/
.logo {
	display: inline-block;
	float: left;
	margin: 10px auto;
	width: 350px;
	height: auto;
}
.logo a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------.bgColor*/
.header_inner {
	display: inline-block;
	float: right;
	margin: 20px 0 0 0;
}

/*--------------------------------------------------------------.bgColor*/
.bgColor {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	height: 22px;
}
.bgColor dt {
	float: left;
	margin: 0 5px 0 0;
	line-height: 30px;
	color: #544638;
	font-size: 90%;
}
.bgColor dd {
	float: left;
	text-align: center;
}
.bgColor dd a {
	display: block;
	background: #FFFFFF;
	margin-top: 5px;
	padding: 1px 3px;
	cursor: pointer;
	text-decoration: none;
	color: #333333;
	border: 1px #c9c9c9 solid;
}
.bgColor dd.black a {
	color: #FFFFFF;
	background: #000000;
	border: 1px #000000 solid;
}
.bgColor dd.blue a {
	color: #ffff00;
	background: #0000ff;
	border: 1px #0000ff solid;
}
.bgColor dd a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
/*--------------------------------------------------------------.fontSize*/
.fontSize {
	color: #544638;
	float: left;
	margin-right: 10px;
}
.fontSize dt {
	float: left;
	margin: 0 8px 0 0;
	line-height: 30px;
	font-size: 90%;
}
.fontSize dd {
	float: left;
	margin-left: -1px;
	width: auto;
	height: 20px;
	text-align: center;
}
.fontSize dd a {
	display: block;
	margin-top: 5px;
	padding: 1px 5px;
	color: #1878c5;
	background: #ffffff;
	border: 1px #1878c5 solid;
	text-decoration: none;
}
.fontSize dd a:hover {
	color: #ffffff;
	background: #1878c5;
}
.fontSize dd.active_fontSize a {
	color: #ffffff !important;
	background: #1878c5 !important;
}


/*--------------------------------------------------------------
  #search サイト内検索
--------------------------------------------------------------*/
#search {
	float: right;
	width: 240px;
	height: 30px;
}
#search input.text_search,
.gsc-input-box {
	width: 200px;
	height: 30px !important;
	padding-left: 35px;
	margin: 0;
	background-image: url(../img/common/ico_searches.png) !important;
	background-position: 10px center !important;
	background-repeat: no-repeat !important;
	background-color: #fff;
	border: none;
	font-size: 86%;
	border: 1px #c9c9c9 solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
#search .btn_search,
.gsc-search-button {
	display: none !important;
}

/*--------------------------------------------------------------#nav*/
#nav {
	display: inline-block;
	float: right;
	margin: 20px 0 10px 0;
	padding: 0;
}
/*clearfix*/
#nav ul { zoom:1; }
#nav ul:after {
	content: ""; 
	display: block; 
	clear: both;}
#nav ul {
	display: block;
	margin: 0 auto;
	padding: 0;
}
#nav li {
	display: inline-block;
	float: left;
	margin: 0 !important;
	padding: 5px 20px;
	text-align: center;
	vertical-align: middle;
	color: #1878c5;
	font-size: 120%;
	border-left: 1px #1878c5 solid;
}
#nav li:last-child {
	border-right: 1px #1878c5 solid;
}
#nav li a {
	display: block;
	padding: 0;
	color: #1878c5;
	text-decoration: none;
}
#nav li:hover {
	background: #e1f2ff;
}

/*--------------------------------------------------------------
  #banner バナー部分（ページ共通）
--------------------------------------------------------------*/
#banner {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0;
	background: #e1f2ff;
	text-align: center;
}
#banner img {
	width: auto;
	max-width: 190px;
	height: auto;
	vertical-align: middle;
}
#banner ul {
	display: block;
	clear: both;
	width: 1100px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
/* clearfix */
#banner ul { zoom:1; }
#banner ul:after {
	content: ""; 
	display: block; 
	clear: both;}
#banner li {
	display: inline-block;
	width: 190px;
	height: 65px;
	margin: 5px 25px 5px 0;
	padding: 0;
}
#banner li:nth-child(5n) {
	margin: 5px 0;
}
#banner li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}


/*--------------------------------------------------------------
  #footer	フッター部分
--------------------------------------------------------------*/
#footer {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#tmp_footermenu {
	display: block;
	clear: both;
	padding: 10px 0;
	background: #1878c5;
}
#tmp_footermenu ul {
	display: block;
	clear: both;
	width: 1100px;
	margin: 0 auto;
	text-align: left;
}
#tmp_footermenu li {
	display: inline-block;
	clear: right;
	margin-right: 30px;
	padding-left: 20px;
	background: url(../img/common/arrow_white.png) left center no-repeat;
}
#tmp_footermenu li a {
	text-decoration: none;
	color: #ffffff;
}
#tmp_footermenu li a:hover {
	text-decoration: underline;
}

#footerInner {
	display: block;
	clear: both;
	width: 1100px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: left;
}
#footerInner .name {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	font-size: 180%;
}
#footerInner .info {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
}
#footerInner .info span {
	display: inline-block;
	margin: 5px 5px 0 0;
	padding: 2px 5px;
	color: #ffffff;
	background: #1878c5;
	font-size: 80%;
}
#footerInner .info a {
	color: #423223;
	text-decoration: none;
}
.img_sp {
	display: none;
}
/*--------------------------------------------------------------#copy*/
#copy {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 90%;
	text-align: center;
	color: #423223;
}
/*--------------------------------------------------------------
  #pageTop　ページトップ
--------------------------------------------------------------*/
#pagetop {
	position: absolute;
	right: 20px;
	width: auto;
	height: auto;
	margin: -250px 0 0 0;
	z-index: 100;
}
#pagetop a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------.socialBox*/
.socialBox {
	display: block;
	clear: both;
	width: 960px;
	margin: 20px auto 0 auto;
	padding: 0;
	background: #ffffff;
	text-align: center;
}
.socialBox ul {
	display: block;
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
.socialBox li {
	display: inline-block;
	margin-right: 10px;
	width: auto;
	height: 22px;
	white-space: nowrap;
	line-height: 22px;
	text-align: left;
	overflow: hidden;
}
.socialBox li:last-child {
	margin-right: 0px;
}
.socialBox li iframe {
	line-height: 22px;
}
.socialBox li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
/* clearfix */
.socialBox, .socialBox ul { zoom:1; }
.socialBox:after, .socialBox ul:after {
	content: ""; 
	display: block; 
	clear: both;}


/*--------------------------------------------------------------
  #main
--------------------------------------------------------------*/
#main {
	display: block;
	clear: both;
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}
#main .title,
#main_min .title {
	display: block;
	clear: both;
	margin: auto;
	text-align: center;
}
#main .title p,
#main_min .title p {
	display: block;
	clear: both;
	margin: 20px 0 0 0;
	text-align: left;
	font-size: 110%;
}
#main .title img.title_food_sp,
#main .title img.title_taste_sp,
#main .title img.title_healing_sp,
#main_min .title img.title_food_sp,
#main_min .title img.title_taste_sp,
#main_min .title img.title_healing_sp {
	display: none;
}
#main_min {
	display: inline-block;
	clear: left;
	width: 680px;
	margin: 0;
	padding: 0;
}

#main_min a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------
  トップページのみ
--------------------------------------------------------------*/
/*--------------------------------------------------------------#wideslider*/
.wideslider {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
}

.wideslider ul li img {
  width: 100%;
  display: none;
}
.wideslider_base {
  top: 0;
  position: absolute;
}
.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;
}
.slider_prev, .slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
.slider_prev {
  background: rgba(255,255,255,0.5) no-repeat right center;
}
.slider_next {
  background: rgba(255,255,255,0.5) no-repeat left center;
}

/*--------------------------------------------------------------.top_linkbox*/
.top_linkbox {
	display: block;
	clear: both;
	margin: 20px auto 40px auto;
	width: 1100px;
	text-align: center;
}
.top_linkbox .top_likbtn {
	display: inline-block;
	clear: right;
	margin: 10px 5px 10px 5px;
	text-align: center;
	font-size: 120%;
	vertical-align: top;
}
.top_linkbox .top_likbtn a {
	display: block;
	padding: 10px;
	width: 180px;
	min-height: 114px;
	height: auto;
	color: #026abe;
	border: 1px #4b90c7 solid;
	text-decoration: none;
}
.top_linkbox .top_likbtn img {
	display: block;
	clear: both;
	margin: 0 auto 10px auto;
}
.top_linkbox .top_likbtn a:hover {
	color: #ffffff;
	background: #026abe;
}

/*--------------------------------------------------------------
  .about
--------------------------------------------------------------*/
.top_linkbox .about_topbox {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	padding: 20px;
	background: #eef8ff;
	text-align: left;
}
.top_linkbox .about_topbox span {
	color: #1878c5;
	font-weight: bold;
}

/*--------------------------------------------------------------.top_sublinkbox*/
.top_sublinkbox {
	display: block;
	clear: both;
	margin: 0px auto 30px auto;
	width: 1100px;
	text-align: left;
}
.top_sublinkbox .sub_likbtn {
	display: inline-block;
	clear: right;
	margin: 0px 0 10px 10px;
	text-align: center;
	vertical-align: top;
}
.top_sublinkbox .sub_likbtn:first-child {
	margin: 0px 0 10px 16px;
}
.top_sublinkbox .sub_likbtn a {
	display: block;
	padding: 10px 20px 10px 10px;
	width: 170px;
	height: auto;
	color: #026abe;
	border: 1px #4b90c7 solid;
	text-decoration: none;
	background: url(../img/common/arrow_blue.png) right 10px center no-repeat;
}
.top_sublinkbox .sub_likbtn a:hover {
	color: #ffffff;
	background: #026abe url(../img/common/arrow_white.png) right 10px center no-repeat;
}

/*--------------------------------------------------------------#indexNewslist*/
#indexNewslist {
	display: block;
	clear: both;
	margin: 40px auto;
	width: 1100px;
}
/* clearfix */
#indexNewslist { zoom:1; }
#indexNewslist:after {
	content: ""; 
	display: block; 
	clear: both;}
#indexNewslist .Newstitle {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 0 35px;
	color: #309152;
	font-size: 180%;
	background: url(../img/index/icon_news.gif) left center no-repeat;
}
#indexNewslist .list {
	display: block;
	clear: both;
	margin: 5px 0 10px 0;
}
#indexNewslist .list li {
	display: block;
	clear: both;
	margin: 0;
}
/* clearfix */
#indexNewslist .list li { zoom:1; }
#indexNewslist .list li:after {
	content: ""; 
	display: block; 
	clear: both;}
#indexNewslist li a {
	display: block;
	padding: 15px 25px 10px 10px;
	background: #ffffff url(../img/common/arrow.png) right 10px center no-repeat;
	text-align: left;
	border: 1px #e1f6bd solid;
	text-decoration: none;
	color: #554738;
}
#indexNewslist .list li:nth-child(odd) a {
	background: #e1f6bd url(../img/common/arrow.png) right 10px center no-repeat;
}

#indexNewslist li .date {
	display: inline-block;
	clear: right;
	width: 120px;
	height: auto;
	margin: 0 10px 5px 0;
	text-align: left;
	color: #83786c;
	vertical-align: top;
}
#indexNewslist li .genre {
	display: inline-block;
	clear: left;
	width: 120px;
	height: auto;
	margin: 0 10px 0 0;
	padding: 0;
	color: #ffffff;
	background: #309152;
	text-align: center;
	font-size: 90%;
}
#indexNewslist li .titleread {
	display: inline-block;
	clear: left;
	width: 790px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
#indexNewslist li a:hover .titleread {
	text-decoration: underline;
}
#indexNewslist .Newsmore {
	display: block;
	float: right;
	margin: 0;
	text-align: center;
	width: 300px;
	height: auto;
}
#indexNewslist .Newsmore a {
	display: block;
	clear: both;
	padding: 10px;
	text-decoration: none;
	color: #ffffff;
	background: #309152;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
#indexNewslist .Newsmore a:first-child {
	margin-left: 10px;
}
#indexNewslist .Newsmore a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

.icon_new {
	display: inline-block;
	clear: left;
	margin-left: 15px;
	padding: 2px 10px;
	font-size: 90%;
	color: #ffffff;
	background: #eb6877;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}

/*--------------------------------------------------------------.top_searchbox*/
.top_searchbox {
	display: block;
	clear: both;
	padding: 40px 0;
	background: #e1f2ff;
	width: 100%;
}
.top_searchbox .top_searchbox_main {
	display: block;
	clear: both;
	margin: 0 auto;
	width: 1100px;
}
.top_searchbox .top_search_title {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0; 
	color: #4b90c7;
	font-size:180%;
	text-align: center;
	border-bottom: 1px #4b90c7 solid;
}
.top_searchbox .top_searchbox_main ul {
	display: block;
	clear: both;
	margin-bottom: 20px;
}
.top_searchbox .top_searchbox_main li {
	display: inline-block;
	clear: right;
	margin: 0 10px 10px 0;
	text-align: center;
	vertical-align: top;
}
.top_searchbox .top_searchbox_main li:nth-child(4n) {
	margin: 0 0 10px 0;
}
.top_searchbox .top_searchbox_main li a {
	display: block;
	padding: 15px 10px;
	width: 240px;
	color: #ffffff;
	text-decoration: none;
	background: #4b90c7;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.top_searchbox .top_search_keyword {
	display: inline-block;
	clear: right;
	width: 760px;
	margin-right: 35px;
}
.top_searchbox .top_search_keyword li {
	display: inline-block;
	clear: right;
	margin: 0 5px 10px 0;
	text-align: center;
}
.top_searchbox .top_search_keyword li a {
	display: block;
	padding: 10px 10px;
	width: 120px;
	color: #ffffff;
	text-decoration: none;
	background: #4b90c7;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.top_searchbox .top_search_keyword li:nth-child(4n) {
	margin: 0 5px 10px 0;
}
.top_searchbox .top_search_keyword li:last-child {
	margin: 0 0 10px 0;
}
.top_searchbox .top_searchbox_main li a:hover,
.top_searchbox .top_search_keyword li a:hover,
.top_searchbox .top_search_keyword .top_searchbtn a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
.top_searchbox .top_search_keyword input {
	display: inline-block;
	clear: right;
	margin: 0 0 10px 0;
	padding: 0 13px 0 10px;
	width: 630px;
	height: 40px;
	border: 1px #4b90c7 solid;
}
.top_searchbox .top_search_keyword .top_searchbtn {
	display: inline-block;
	clear: left;
	margin-left: -8px;
	vertical-align: top;
}
.top_searchbox .top_search_keyword .top_searchbtn a {
	display: block;
	padding: 0;
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #4b90c7;
	border: 1px #4b90c7 solid;
}
.top_searchbox .top_search_region {
	display: inline-block;
	float: right;
	width: 300px;
	vertical-align: top;
}

/*--------------------------------------------------------------#indextopicslist*/
#indextopicslist {
	display: block;
	clear: both;
	padding: 40px 0;
	background: #e1f2ff;
	width: 100%;
}
#indextopicslist .top_topicsbox_main {
	display: block;
	clear: both;
	margin: 0 auto;
	width: 1100px;
}
#indextopicslist .topicstitle {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 0 35px;
	color: #1878c5;
	font-size: 180%;
	background: url(../img/index/icon_topics.gif) left center no-repeat;
}
#indextopicslist .parunewstitle {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 0 40px;
	color: #fc8833;
	text-align: left;
	font-size: 180%;
	background: url(../img/index/icon_parunews.gif) left center no-repeat;
}

#indextopicslist .top_topicsbox {
	display: inline-block;
	clear: right;
	margin-right: 30px;
	width: 530px;
	vertical-align: top;
}
.top_topicsbox .box,
.top_parunewsbox .box {
	display: inline-block;
	clear: right;
	margin-right: 5px;
	margin-bottom: 15px;
	padding: 10px 10px 15px 10px;
	background: #ffffff;
	width: 240px;
	height: auto;
	vertical-align: top;
}
.top_topicsbox .box:nth-child(odd),
.top_parunewsbox .box:nth-child(odd) {
	margin-right: 0px;
}
.top_topicsbox .box a,
.top_parunewsbox .box a {
	text-decoration: none;
	color: #333333;
}
.top_topicsbox .box .image,
.top_parunewsbox .box .image {
	display: block;
	clear: both;
	width: 240px;
	height: auto;
	margin-bottom: 10px;
	border: 1px #d2d2d2 solid;
}
.top_topicsbox .box .image img,
.top_parunewsbox .box .image img {
	width: 240px;
	height: 150px;
	object-fit: cover;
}
.top_topicsbox .box .date,
.top_parunewsbox .box .date {
	display: block;
	clear: both;
	font-size: 90%;
}
.top_topicsbox .box .groupname {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	-js-display: flex;
	display: flex;
	clear: both;
	margin: 5px 0;
	padding-right: 5px;
	background: #eeeeee;
}
.top_topicsbox .box .groupname .name {
	clear: right;
	margin-right: 10px;
	padding: 0 10px !important;
	color: #ffffff;
	background: #1878c5;
	white-space: nowrap;
	max-width: 3em;
	min-width: 3em;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.top_topicsbox .box .genre {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 0 5px;
	color: #ffffff;
	background: #1878c5;
	text-align: left;
	font-size: 90%;
}

.top_topicsbox .box .topics_title,
.top_parunewsbox .box .topics_title {
	display: block;
	clear: both;
}
.top_topicsbox .box a:hover .topics_title {
	color: #1878c5;
	text-decoration: underline;
}
.top_parunewsbox .box a:hover .topics_title {
	color: #fc8833;
	text-decoration: underline;
}

.top_topicsbox .topicsmore_box {
	display: block;
	clear: both;
}
.top_topicsbox .topicsmore {
	display: inline-block;
	clear: right;
	margin-right: 0px;
	text-align: center;
	width: 260px;
	min-height: 70px;
	height: auto;
	vertical-align: top;
}
.top_topicsbox .topicsmore:nth-child(odd) {
	margin-right: 0px;
}
.top_topicsbox .topicsmore a {
	display: block;
	clear: both;
	min-height: 60px;
	height: auto;
	padding: 10px;
	text-decoration: none;
	line-height: 55px;
	color: #ffffff;
	background: #1878c5;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.top_topicsbox .topicsmore a:hover,
.top_parunewsbox .lifepalnewsmore a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
.top_topicsbox .topicsmore a img {
	float: left;
	vertical-align: middle;
}

#indextopicslist .top_parunewsbox {
	display: inline-block;
	clear: left;
	width: 530px;
	vertical-align: top;
	text-align: right;
}
.top_parunewsbox .lifepalnewsmore {
	display: inline-block;
	clear: right;
	margin-left: 0px;
	margin-bottom: 10px;
	text-align: center;
	width: 260px;
	height: auto;
	vertical-align: top;
}
.top_parunewsbox .lifepalnewsmore:nth-child(even) {
	margin-left: 0px;
}
.top_parunewsbox .lifepalnewsmore a {
	display: block;
	clear: both;
	padding: 10px;
	text-decoration: none;
	color: #ffffff;
	background: #fc8833;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}

/*--------------------------------------------------------------#index_mejibox*/
#index_mejibox {
	display: block;
	clear: both;
	margin: 40px auto 20px auto;
	width: 1100px;
}
#index_mejibox .top_mejisapo {
	display: inline-block;
	clear: right;
	margin-right: 30px;
	padding: 20px 20px 20px 270px;
	width: 510px;
	min-height: 150px;
	height: auto;
	border: 1px #689719 solid;
	background: url(../img/index/img_mejiron.jpg) left 20px center no-repeat;
}
.top_mejisapo .mejisapo_title {
	display: block;
	clear: both;
	margin-bottom: 10px;
	color: #689719;
	font-size: 160%;
}
.top_mejisapo .mejibtn {
	display: inline-block;
	clear: right;
	margin-top: 10px;
	margin-right: 5px;
}
.top_mejisapo .mejibtn:last-child {
	margin-right: 0px;
}
.top_mejisapo .mejibtn a {
	display: block;
	padding: 15px 35px 15px 15px;
	text-decoration: none;
	color: #ffffff;
	background: #689719 url(../img/common/arrow_white.png) right 10px center no-repeat;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.top_mejisapo .mejibtn a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

#index_mejibox .top_pinkbox {
	display: block;
	vertical-align: top;
}
.top_pinkbox .top_pinkbtn {
	display: inline-block;
	clear: both;
	margin: 0 1.5%;
	width: 30%;
}
.top_pinkbox .top_pinkbtn a {
	display: block;
	padding: 18px 0;
	text-decoration: none;
	text-align: center;
	color: #ff5485;
	border: 1px #ff5485 solid;
	background: url(../img/common/arrow_pink.png) right 10px center no-repeat;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	-webkit-box-shadow: 3px 3px 0px -1px rgba(255,84,133,1.0);
	-moz-box-shadow: 3px 3px 0px -1px rgba(255,84,133,1.0);
	box-shadow: 3px 3px 0px -1px rgba(255,84,133,1.0);
}
.top_pinkbox .top_pinkbtn a:hover {
	color: #ffffff;
	background: #ff5485 url(../img/common/arrow_white.png) right 10px center no-repeat;
}


/*--------------------------------------------------------------
  ページ全体（ページ共通）
--------------------------------------------------------------*/
/*--------------------------------------------------------------#container*/
#container {
	display: block;
	clear: both;
	width: 100%;
	margin: 0!important;
	padding: 0 0 10px 0;
	text-align: left;
}
/*--------------------------------------------------------------containerInner*/
#containerInner {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}
/*clearfix*/
#containerInner { zoom:1; }
#containerInner:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------.contents*/
.contents {
	display: block;
	clear: both;
	width: 1100px;
	margin: 10px auto;
	padding: 0;
}
/*clearfix*/
.contents { zoom:1; }
.contents:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------タイトル類*/
.titleArea {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fffcd4;
}
.titleArea h1 {
	display: block;
	clear: both;
	width: 1100px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
	color: #1878c5;
	font-size: 220%;
	text-align: center;
	font-weight: normal !important;
}

#containerInner h1 {
	display: block;
	clear: both;
}
#containerInner h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 30px 0 10px 0;
	padding: 10px;
	color: #ffffff;
	background: #1878c5;
	border-bottom: 5px #67ade6 solid;
	font-size: 160%;
	text-align: left;
}
#containerInner h2:first-child {
	margin-top: 0;
}
#containerInner h2.top {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #ffffff;
	background: #1878c5;
	border-bottom: 5px #67ade6 solid;
	font-size: 160%;
	text-align: left;
}
#containerInner h3 {
	margin: 20px 0 10px 0;
	padding: 10px;
	color: #333333;
	background: #e1f2ff;
	border-left: 8px #1878c5 solid;
	font-size: 140%;
	font-weight: bold;
}
#containerInner h3.top {
	margin: 0 0 10px 0;
	padding: 10px;
	color: #333333;
	background: #e1f2ff;
	border-left: 8px #1878c5 solid;
	font-size: 140%;
	font-weight: bold;
}
#containerInner h4 {
	display: block;
	margin: 20px 0 5px 0;
	padding: 0;
	color: #1878c5;
	font-size: 120%;
	font-weight: normal;
}
#containerInner h4 a {
	color: #1878c5;
	text-decoration: none;
}
#containerInner h5 {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	font-weight: bold;
}
#containerInner h5 a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

/*--------------------------------------------------------------
  #leftBox
--------------------------------------------------------------*/
#leftBox {
	display: inline-block;
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0;
}
#bottomBox {
	display: none;
}

/*--------------------------------------------------------------
#leftmenu　メニュー部分
--------------------------------------------------------------*/
#leftmenu {
	width: 200px;
	margin: 0;
	padding: 0;
}
#leftmenu dl {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 0;
}
#leftmenu dt {
	display: block;
	margin: 0;
	padding: 15px 10px;
	background: #289D5B;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
}
#leftmenu dt img {
	display: block;
	clear: both;
	margin: 0 auto 5px auto;
	padding: 0;
	width: auto;
	height: 40px;
	text-align: center;
}
#leftmenu dd {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px #289D5B solid;
	background: #F1FCF4;
	font-size: 90%;
	text-align: left;
}
#leftmenu dd a, 
#leftmenu dd a:visited {
	display: block;
	padding: 10px;
	color: #333333;
	text-decoration: none;
}
#leftmenu dd a:active, 
#leftmenu dd a.current_menu, 
#leftmenu dd a:hover {
	display: block;
	padding: 10px;
	background: #ffffff;
	color: #333333;
	text-decoration: none;
}
#leftmenu dd a img {
	margin-right: 10px;
}

/*--------------------------------------------------------------
  トピックス＆重要なお知らせの詳細ページ
  フリーページ
--------------------------------------------------------------*/
/*--------------------------------------------------------------.leadBox*/
.leadBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 40px 0;
	padding: 10px;
	background-color: #eeeeee;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
/*--------------------------------------------------------------.importantBox*/
.importantBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 20px 0;
	padding: 10px;
	color: #F00;
	border: 1px #F00 solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
/*--------------------------------------------------------------.frameBox*/
.frameBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #eeeeee;
	border: 1px #cccccc solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
/*--------------------------------------------------------------.updated*/
.updated {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 5px;
	background: #333333;
	color: #ffffff;
	font-size: 90%;
	vertical-align: middle;
}
/* --------------------------------------------------.article*/
/* clearfix */
.article .photo2Col,
.article .photo3Col, .spc .photoArea {
  overflow: hidden;
  *zoom: 1;
}
.article .photo2Col:after,
.article .photo3Col:after, .spc .photoArea:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.article {
	display: block;
	clear: both;
}
/* clearfix */
.article { zoom:1; }
.article:after {
	content: "";
	display: block;
	clear: both;}
.article .date {
	display: inline-block;
	width: auto;
	height: 1.5em;
	margin: 5px 10px 5px 0;
	padding: 0 5px;
	background: #E7E7E7;
	vertical-align: middle;
	font-size: 90%;
	line-height: 1.5em;
	text-align: center;
}
.article p {
  margin-bottom: 1em;
}
/* clearfix */
.article p { zoom:1; }
.article p:after {
	content: ""; 
	display: block; 
	clear: both;}
.article .section {
	clear: both;
	margin-bottom: 1em;
}
.article em {
	color: #F00;
}
.article .photo1Col {
	text-align: center;
	clear: both;
}
.article .photo1Col .photo img {
	width: 674px;
	border: none;
}
.article .photo2Col,
.article .photo3Col {
	display: block;
	clear: both;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.article .photo2Col .photo,
.article .photo3Col .photo {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.article .photo2Col .photo img {
	width: 540px;
	border: none;
}
.article .photo3Col .photo img {
	width: 355px;
	border: none;
}
.article .photoL {
	float: left;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 15px;
	clear: both;
}
.article .photoR {
	float: right;
	text-align: right;
	margin-left: 20px;
	margin-bottom: 15px;
	clear: both;
}
.article .photo img {
	max-width: 680px;
}
.article .photo span {
	font-size: .8em;
	display: block;
	line-height: 1.2;
	padding-top: .5em;
	color: #666666;
}
.article dl {
	margin-bottom: 1em;
}
.article dt {
	padding: .5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
.article ol {
	list-style: inside decimal;
}
.article ol li {
	display: list-item;
	list-style: decimal;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}
.article ul li {
	display: list-item;
	list-style: disc;
	padding-left: 1.5em;
}
.article .photoArea {
	margin: 1em 0;
}
.article .photoArea img {
	width: 332px;
	margin-left: 3px;
	margin-bottom: 3px;
}
.listA table {
	width: 100% !important;
}
.article  table {
	border-collapse: collapse;
}
.article  th,
.article  td {
/*	padding: 5px;*/
	border-collapse: collapse;
}
/*--------------------------------------------------------------downloadList*/
.downloadList {
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
	padding: 0;
	background: #ffffff;
}
/*clearfix*/
.downloadList, .downloadList li { zoom:1; }
.downloadList:after, .downloadList li:after {
	content: ""; 
	display: block; 
	clear: both;}
.downloadList li {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 40px 10px 5px !important;
	background: url(../img/common/arrow_blue.png) right 10px center no-repeat;
	border-bottom: 1px #1878c5 solid;
}
.downloadList li:hover {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 40px 10px 5px;
	background: #d7edfe url(../img/common/arrow_blue.png) right 10px center no-repeat;
}
.downloadList li a {
	display: block;
	clear: both;
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
	color: #333333;
}
/*--------------------------------------------------.blockList*/
ul.blockList {
	display: list-item;
	border: 1px #daeef7 solid;
	margin-bottom: 20px;
	padding: 10px 10px 10px 20px;
}
.blockList li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1em;
	text-indent: -1em;
}
/*--------------------------------------------------.listGroup*/
.listGroup {
	display: block;
	clear: both;
	margin-right: -20px;
}
/* clearfix */
.listGroup { zoom:1; }
.listGroup:after {
	content: "";
	display: block;
	clear: both;}
.listGroup dl {
	display: inline;
	float: left;
	width: 340px;
	margin-right: 20px;
}
.listGroup dt {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
.listGroup dt a {
	display: block;
	margin: 0;
	padding: 7px 30px 7px 7px;
	background-image: url(../img/common/ico_dt_listgroup.png);
	background-position: 310px center;
	background-repeat: no-repeat;
	text-decoration: none;
}

/*--------------------------------------------------------------
1字下げ
--------------------------------------------------------------*/
.indentBox1 {
	margin-left: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox1 { zoom:1; }
.indentBox1:after {
	content: ""; 
	display: block; 
	clear: both;}
	
.indentBox1-2 {
	margin-left: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}

/*--------------------------------------------------------------
2字下げ
--------------------------------------------------------------*/
.indentBox2 {
	margin-left: 80px;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox2 { zoom:1; }
.indentBox2:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------
3字下げ
--------------------------------------------------------------*/
.indentBox3 {
	margin-left: 160px;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox3 { zoom:1; }
.indentBox3:after {
	content: ""; 
	display: block; 
	clear: both;}

/*--------------------------------------------------------------
  #breadcrumbs　パンくず
--------------------------------------------------------------*/
#breadcrumbs {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0;
	text-align: left;
}
#breadcrumbs p {
	clear: both;
	width: 1100px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
/*clearfix*/
#breadcrumbs p:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*--------------------------------------------------------------
.btn　ボタン類のスタイル
--------------------------------------------------------------*/
.tel, 
.fax, 
.mail {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 5px;
	width: 3em;
	background: #ffffff;
	color: #333333;
	font-size: 90%;
	vertical-align: middle;
	text-align: center;
}
/*--------------------------------------------------------------.btn_more*/
.btn_more {
	display: block;
	clear:  both;
	width: 300px;
	height: auto;
	margin: 20px auto 0 auto;
	padding: 0;
	font-size: 100%;
	text-align: center;
	background: #ffffff;
}
.btn_more a {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background: #1878c5;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.btn_more a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}
.btn_more a img {
	display: inline-block;
	margin-left: 5px;
	margin-right: 10px;
	vertical-align: middle;
}

/*--------------------------------------------------------------.btn_list*/
.btn_list {
	display: inline;
	float: right;
	width: 70px;
	height: 22px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 22px;
	text-align: right;
}
.btn_list a {
	display: block;
	background: url(../img/common/arrow.png) right center no-repeat;
	padding-right: 17px;
	color: #0097d7;
	line-height: 22px;
	text-decoration: none;
	text-align: right;
}
.btn_list a:hover {
	text-decoration: underline;
}
/*--------------------------------------------------------------#btnArea*/
#btnArea {
	margin: 20px 0;
	text-align: center;
}
#btnArea input {
	display: block;
	clear: both;
	margin: 0 auto 10px auto;
	padding: 10px 100px 10px 80px;
	background: #626262 url(../img/contacts/btn_ya.png) right 20px center no-repeat;
	background-size: 9px 15px;
	-webkit-background-size: 9px 15px;
	border: none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #ffffff;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 3px 3px 3px 0 #cccccc;         /* CSS3 */
	-moz-box-shadow: 3px 3px 3px 0 #cccccc;   /* Firefox */
	-webkit-box-shadow: 3px 3px 3px 0 #cccccc;/* Safari,Chrome */
}
#btnArea input:hover {
	background: #939393 url(../img/contacts/btn_ya.png) right 20px center no-repeat;
	background-size: 9px 15px;
	-webkit-background-size: 9px 15px;
}
/*--------------------------------------------------------------.btnCenter*/
.btnCenter {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0;
	padding: 0;
	text-align: center!important;
}
.btnCenter .button {
	margin: 0 auto;
}
.btnCenter ul {
	width: 190px;
	margin: 0 5px;
	padding: 0;
}
/*clearfix*/
.btnCenter ul { zoom:1; }
.btnCenter ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.btnCenter li {
	margin: 0!important;
	padding: 0!important;
}
/*--------------------------------------------------------------.btnLeft*/
.btnLeft {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0;
	padding: 0;
	text-align: left!important;
}
.btnLeft .button {
	margin: 0 auto 0 0;
	position: relative;
}
/*--------------------------------------------------------------.btnRight*/
.btnRight {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0;
	padding: 0;
	text-align: right!important;
}
.btnRight .button {
	margin: 0 0 0 auto;
	position: relative;
}
.btnCenter input, .btnCenter a, .btnLeft input, .btnRight input {
	margin-left: 10px;
	margin-right: 10px;
	border: none!important;
	cursor: pointer;
}
/*--------------------------------------------------------------.btn_detail*/
.btn_detail {
	display: block;
	clear: both;
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
}
.btn_detail a {
	display: inline-block;
	width: auto;
	margin: 0 0 0 auto;
	padding: 3px 10px!important;
	background: #26acde;
	border: 1px #26acde solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #ffffff;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
.btn_detail a:hover {
	display: inline-block;
	width: auto;
	margin: 0 0 0 auto;
	padding: 3px 10px!important;
	background: #ccebf8;
	border: 1px #26acde solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #26acde;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
.btn_detail a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
/*--------------------------------------------------------------#backBtn*/
#backBtn {
	display: block;
	clear: both;
	width: auto;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
#backBtn a {
	display: block;
	width: auto;
	margin: 0;
	padding: 3px 10px!important;
	background: #26acde;
	border: 1px #26acde solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #ffffff;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
#backBtn a:hover {
	display: block;
	width: auto;
	margin: 0;
	padding: 3px 10px!important;
	background: #ccebf8;
	border: 1px #26acde solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #26acde;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
#backBtn a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
/*--------------------------------------------------------------.button*/
.button {
	display: block;
	clear: both;
	width: auto;
	margin: 10px auto;
	padding: 0;
	text-align: center;
}
.button a, 
.button span, 
.button input {
	display: block;
	width: auto;
	margin: 0;
	padding: 10px;
	background: #32b16c;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #ffffff;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	border: none;
}
.button input {
	width: 100%;
	padding: 10px 0!important;
}
.button a:hover, 
.button span:hover, 
.button input:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}
.button a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

/*--------------------------------------------------------------
buttonBox
--------------------------------------------------------------*/
.buttonBox {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
}
/*clearfix*/
.buttonBox { zoom:1; }
.buttonBox:after {
	content: ""; 
	display: block; 
	clear: both;}
.buttonBox a {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

/*--------------------------------------------------------------
  naviBox
--------------------------------------------------------------*/
.naviBox {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 0;
	border: 1px #D9DECD solid;
}
.hyouji {
	display: block;
	clear: both;
	margin-bottom: 5px;
	padding: 5px 10px;
}
.hyouji strong {
	color: #c30023;
	font-weight: bold;
}

/*--------------------------------------------------------------
  paging
--------------------------------------------------------------*/
.paging {
	display: block;
	margin: 10px auto;
	text-align: right;
}
.paging a.prev,
.paging a.next{
	border: none!important;
	background: none transparent!important;
	text-decoration: none!important;
	color: #0092d7;
}
.paging a.prev:hover,
.paging a.next:hover{
	border: none!important;
	background: none transparent!important;
	color: #0092d7;
}
/*clearfix*/
.paging { zoom:1; }
.paging:after {
	content: ""; 
	display: block; 
	clear: both;}

.paging a {
	text-decoration:none;
	margin: 2px;
	padding: 0 5px;
	color: #0092d7;
}
.paging span.current {
	background-color: #0092d7;
	border:1px solid #0092d7;
	color: #ffffff;
	margin: 2px;
	padding: 0 5px;
	font-weight:bold;
}
.paging a:link,
.paging a:visited {
	border:1px solid #0092d7;
	background-color: #FFFFFF;
}
.paging a:hover,
.paging a:active {
	text-decoration:none;
	background-color: #ccebf8;
	border-color: #0092d7;
	color: #0092d7;
}


/*--------------------------------------------------------------
back　戻るボタン
--------------------------------------------------------------*/
.back {
	display: block;
	clear: both;
	margin: 10px auto;
	text-align: center;
}
/* clearfix */
.back {
	display: inline-block;
	display: block;
	zoom: 100%;
}
.back:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html .back {
	height: 1%;
}
.back {
	display: block;
}
/* End hide from IE-mac */
.back img {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}

/*--------------------------------------------------------------downloadList*/
.downloadList {
	display: block;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}
/*clearfix*/
.downloadList { zoom:1; }
.downloadList:after {
	content: ""; 
	display: block; 
	clear: both;}

.downloadList dl {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px;
}
.downloadList dl:nth-child(2n) {
	background: #D8EDFF;
}
/*clearfix*/
.downloadList dl { zoom:1; }
.downloadList dl:after {
	content: ""; 
	display: block; 
	clear: both;}

.downloadList dt {
	padding-bottom: 5px;
}
.downloadList dd {
	padding-left: 20px;
}


/*--------------------------------------------------------------LinksList*/
.LinksList {
	display: block;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}
/*clearfix*/
.LinksList { zoom:1; }
.LinksList:after {
	content: ""; 
	display: block; 
	clear: both;}

.LinksList dl {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px;
}
.LinksList dl:nth-child(2n) {
	background: #D8EDFF;
}
/*clearfix*/
.LinksList dl { zoom:1; }
.LinksList dl:after {
	content: ""; 
	display: block; 
	clear: both;}

.LinksList dt {
	padding-bottom: 5px;
}
.LinksList dd {
	padding-left: 20px;
}


/* --------------------------------------------------
  .feedback
-------------------------------------------------- */
.feedback {
	display: block;
	clear: both;
	margin: 30px 0 0 0;
	padding: 20px;
	background: #eeeeee;
	border: 1px #cccccc solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.feedback dl {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 0;
}

.feedback dt {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	padding: 5px 10px;
	background: #999999;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.feedback dd {
  margin-bottom: 2em;
  padding-left: 20px;
}

.feedback label {
  margin-right: 3em;
}

.feedback .textarea {
  width: 660px;
  height: 8em;
}

/*--------------------------------------------------------------
  .box
--------------------------------------------------------------*/
.box {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
}
/* clearfix */
.box { zoom:1; }
.box:after {
	content: ""; 
	display: block; 
	clear: both;}
.boxtop {
	display: block;
	clear: both;
	margin: 20px 0 30px 0;
	padding: 0;
	text-align: left;
}
.box p {
	margin: 10px 0 10px 20px;
}

/*--------------------------------------------------------------
  .pdf
--------------------------------------------------------------*/
.pdf {
	display: block;
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px;
	background: #F3E6D4;
}
/* clearfix */
.pdf { zoom:1; }
.pdf:after {
	content: ""; 
	display: block; 
	clear: both;}

.pdf img {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}
.pdf a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------.contactsBox*/
.contactsBox {
	margin-left: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.contactsBox { zoom:1; }
.contactsBox:after {
	content: ""; 
	display: block; 
	clear: both;}

.contactsBox table {
	margin: 5px auto;
	padding: 0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background: #ffffff;
	width: 100%;
	height: auto;
}
.contactsBox th {
	padding: 5px 10px;
	background: #E8F9ED;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	white-space: nowrap;
	width: 200px;
	height: auto;
}
.contactsBox td {
	padding: 10px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	text-align: left;
}
.contactsBox td input,
.contactsBox td textarea {
	padding: 2px 5px !important;
	width: 90%;
}

/*--------------------------------------------------------------
.form　フォーム
--------------------------------------------------------------*/
.form {
	display: block;
	clear: both;
	width: 940px;
	margin: 20px auto 0 20px;
	padding: 0;
	text-align: left;
}
.form dl {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 10px 0 0 0;
	background: #FFFFFF;
	border-bottom: 1px #b5b5b5 solid;
	border-collapse: collapse;
	text-align: left;
	background: #fafafa;
}
.form dl:first-child {
	border-top: 1px #b5b5b5 solid;
	border-bottom: 1px #b5b5b5 solid;
}
/* clearfix */
.form dl { zoom:1; }
.form dl:after {
	content: ""; 
	display: block; 
	clear: both;}
.form dt {
	display: inline;
	float: left;
	width: 200px;
	height: auto;
	margin: 3px 0 10px 10px;
	padding: 10px;
	color: #333333;
	font-weight: normal !important;
}
.form dd {
	display: inline;
	float: left;
	width: 650px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px;
	color: #333333;
}
.form dd input, 
.form dd textarea {
	padding: 2px !important;
	width: 600px;
}
.form dd select {
	padding: 0 !important;
	height: 2em;
}
.form dd input.box2 {
	display: inline-block;
	clear: right;
	margin: 0 5px;
	padding: 5px !important;
	width: 160px;
}
.form dd select.box2 {
	padding: 5px !important;
	margin: 0 5px;
}

/*--------------------------------------------------------------
  #trust-form
--------------------------------------------------------------*/
#trust-form {
	display: block;
	clear: both;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
#trust-form table {
	width: 880px;
	margin: 10px auto;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}
#trust-form th {
	padding: 10px;
	background: #E8F9ED;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	font-weight: bold;
	white-space: nowrap;
}
#trust-form td {
	padding: 10px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	text-align: left;
}
#trust-form td input, 
#trust-form td textarea {
	padding: 5px 10px;
	width: 600px;
	border: 1px #cccccc solid;
}
#trust-form td textarea {
	height: 150px;
}
#trust-form .require {
	margin-left: 5px;
	color: #F00;
}
#confirm-button {
	display: block;
	clear: both;
	margin: 20px auto 0 auto;
	text-align: center;
}
#confirm-button input {
	display: inline-block;
	margin: 0 20px;
	padding: 10px 40px 10px 20px;
	background: #E36C75 url(../img/contacts/btn_ya.png) right 20px center no-repeat;
	background-size: 9px 15px;
	-webkit-background-size: 9px 15px;
	border: none;
	text-decoration: none;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
#confirm-button input:hover {
	background: #EB949A url(../img/contacts/btn_ya.png) right 20px center no-repeat;
	background-size: 9px 15px;
	-webkit-background-size: 9px 15px;
}
#message-container-confirm {
	display: block;
	clear: both;
	width: 800px;
	height: 60px;
	margin: 20px 0;
/*	background: url(../img/common/bg_message-container-confirm.jpg) center top no-repeat; */
	text-align: center;
}
#message-container-complete {
	display: block;
	clear: both;
	width: 800px;
	height: 60px;
	margin: 20px 0;
	background: url(../img/common/bg_message-container-confirm.jpg) center top no-repeat;
	text-align: center;
}

/*--------------------------------------------------------------
  #topicsList
--------------------------------------------------------------*/
#topicsList {
	display: block;
	clear: both;
	margin: 0 20px;
}
#topicsList ul {
	display: block;
	clear: both;
	width: auto;
	margin: -10px 0 0 0;
	padding: 0;
}
#topicsList li {
	display: block;
	clear: both;
	margin: 0;
	padding: 15px 25px 15px 5px;
	background: #ffffff url(../img/index/arrow.png) right 10px center no-repeat;
	border-bottom: 1px #37ae75 solid;
}
/* clearfix */
#topicsList li { zoom:1; }
#topicsList li:after {
	content: ""; 
	display: block; 
	clear: both;}
#topicsList li a {
	display: block;
	text-decoration: none;
	color: #402000;
}
#topicsList li:hover {
	background: #dbf4e8 url(../img/index/arrow.png) right 10px center no-repeat;
}
#topicsList li a .date {
	color: #402000;
}
#topicsList li .date {
	display: inline;
	float: left;
	width: 150px;
	word-wrap: break-word;
	word-break: break-all;
}
#topicsList li .titleread {
	display: inline;
	float: right;
	width: 700px;
	margin: 0;
	text-align: left;
	word-wrap: break-word;
	word-break: break-all;
}
#topicsList li .titleread img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
</pre></body></html>