@charset "utf-8";
/* CSS Document */

body {
	color:#666666;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	line-height:150%;
	font-size:0.85em;
	margin:0;
	background:url(../imgs/background.gif) repeat-x left top;
	}
	
a {
	color:#336699;
	text-decoration:none;
	}
	
a:hover {
	color:#6699ff;
	}
	
img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
	}
	
p {
	margin:0;
	padding:0;
	}

table{
	border-collapse:collapse;
	}
	
.center {
	text-align:center;
	}

	
.left {
	float:left;
	}
	
.right {
	float:right;
	}

.clear {
	clear:both;
	}

.imgBlock {
	display:block;
	}
	
h1 {
	color:#336600;
	font-size:0.8em;
	line-height:30px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
	}
	
.pageTop {
	margin:0;
	padding:10px 0 0;
	text-align:right;
	clear:both;
	}

	
/*	common	*/

.clear{			clear:both;	}
.left{			float:left; }
.right{			float:right; }

.alignLeft{		text-align:left; }
.alignCenter{	text-align:center; }
.alignRight{	text-align:right; }

.pdnBtm10{		padding-bottom:10px !important; }
.pdnBtm20{		padding-bottom:20px !important; }
.pdnBtm30{		padding-bottom:30px !important; }
.pdnBtm40{		padding-bottom:40px !important; }
.pdnBtm50{		padding-bottom:50px !important; }

.pdnTop10{		padding-top:10px !important; }
.pdnTop20{		padding-top:20px !important; }
.pdnTop30{		padding-top:30px !important; }
.pdnTop40{		padding-top:40px !important; }
.pdnTop50{		padding-top:50px !important; }

.pdnLeft10{		padding-left:10px !important; }
.pdnLeft20{		padding-left:20px !important; }
.pdnRight10{	padding-right:10px !important; }
.pdnRight20{	padding-right:20px !important; }

.mgnBtm10{		margin-bottom:10px !important; }
.mgnBtm20{		margin-bottom:20px !important; }
.mgnBtm30{		margin-bottom:30px !important; }
.mgnBtm40{		margin-bottom:40px !important; }
.mgnBtm50{		margin-bottom:50px !important; }

.mgnTop10{		margin-top:10px !important; }
.mgnTop20{		margin-top:20px !important; }
.mgnTop30{		margin-top:30px !important; }
.mgnTop40{		margin-top:40px !important; }
.mgnTop50{		margin-top:50px !important; }

.indent {		padding-left:15px;	}

.w10	{ width: 10px; }
.w15	{ width: 15px; }
.w20	{ width: 20px; }
.w30	{ width: 30px; }
.w40	{ width: 40px; }
.w45	{ width: 45px; }
.w50	{ width: 50px; }
.w60	{ width: 60px; }
.w70	{ width: 70px; }
.w75	{ width: 75px; }
.w80	{ width: 80px; }
.w90	{ width: 90px; }
.w100	{ width: 100px; }
.w105	{ width: 105px; }
.w110	{ width: 110px; }
.w120	{ width: 120px; }
.w130	{ width: 130px; }
.w135	{ width: 135px; }
.w150	{ width: 150px; }
.w160	{ width: 160px; }
.w180	{ width: 180px; }
.w190	{ width: 190px; }
.w200	{ width: 200px; }
.w210	{ width: 210px; }
.w230	{ width: 230px; }
.w240	{ width: 240px; }
.w250	{ width: 250px; }
.w260	{ width: 260px; }
.w270	{ width: 270px; }
.w290	{ width: 290px; }
.w300	{ width: 300px; }
.w320	{ width: 320px; }
.w330	{ width: 330px; }
.w350	{ width: 350px; }
.w360	{ width: 360px; }
.w380	{ width: 380px; }
.w390	{ width: 390px; }
.w400	{ width: 400px; }
.w420	{ width: 420px; }
.w450	{ width: 450px; }
.w450	{ width: 460px; }
.w480	{ width: 480px; }
.w490	{ width: 490px; }
.w500	{ width: 500px; }
.w550	{ width: 550px; }
.w660	{ width: 660px; }

.red{		color:#cc0000;	}
.blue{		color:#104A81;	}
.green{		color:#669933;	}
.purple{	color:#431c89;	}
.gray{		color:#999999;	}

.f10{	font-size:83.4%;	line-height:150%;	}
.f11{	font-size:91.6%;	line-height:150%;	}
.f14{	font-size:116.7%;	line-height:150%;	}
.f16{	font-size:133.4%;	line-height:140%;	}
.f18{	font-size:150%;		line-height:140%;	}
.f20{	font-size:166.7%;	line-height:140%;	}
.f24{	font-size:200%;		line-height:140%;	}

.smallText {	font-size:0.8em;	}
.sizeBig {		font-size:1.5em;	}
.sizeMid {		font-size:1.25em;	}
.sizeSml {		font-size:0.75em;	}



/*-----  layout  -----*/

#header {
	width:900px;
	margin:0 auto;
	padding:0;
	}
	
#headerLft {
	width:380px;
	float:left;
	padding:0 0 0;
	}
	
#headerRgt {
	width:510px;
	float:right;
	text-align:right;
	padding:0 0 10px;
	}

/*
#headerNavi {
	width:360px;
	padding:0 20px 10px;
	background:url(../imgs/header_navi_bg.gif) no-repeat left top; 
	}
	
#headerNavi ul {
	margin:0;
	padding:0;
	}
	
#headerNavi ul li {
	float:left;
	list-style:none;
	display:block;
	}

#headerNavi ul li.hNavi01 a img { background:url(../imgs/header_navi01.gif) no-repeat left top; }
#headerNavi ul li.hNavi02 a img { background:url(../imgs/header_navi02.gif) no-repeat left top; }
#headerNavi ul li.hNavi03 a img { background:url(../imgs/header_navi03.gif) no-repeat left top; }
#headerNavi ul li.hNavi04 a img { background:url(../imgs/header_navi04.gif) no-repeat left top; }
#headerNavi ul li.hNavi05 a img { background:url(../imgs/header_navi05.gif) no-repeat left top; }
	
#headerNavi ul li.hNavi01 a:hover img { background:url(../imgs/header_navi01.gif) no-repeat left bottom; }
#headerNavi ul li.hNavi02 a:hover img { background:url(../imgs/header_navi02.gif) no-repeat left bottom; }
#headerNavi ul li.hNavi03 a:hover img { background:url(../imgs/header_navi03.gif) no-repeat left bottom; }
#headerNavi ul li.hNavi04 a:hover img { background:url(../imgs/header_navi04.gif) no-repeat left bottom; }
#headerNavi ul li.hNavi05 a:hover img { background:url(../imgs/header_navi05.gif) no-repeat left bottom; }
*/

#headerNavi {
  width: 430px;
  padding:0 60px 10px;
  font-family: '游ゴシック体', 'Yu Gothic', 'Meiryo', sans-serif;
  /*background:url(../imgs/header_navi_bg.gif) no-repeat left top;   背景色（画像を使っていた場合は置き換え） */
}

/* リストの横並びとリセット */
#headerNavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;             /* 折り返しを禁止 */
  justify-content: space-between; /* ボタンを均等配置 */
  gap: 1px;
}

/* 各リンクボタン */
#headerNavi ul li a {
  display: block;
  padding: 6px 7px;
  background-color: #8cbe2f; /* イメージカラーの黄緑 */
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  font-size: 12px;
  transition: background-color 0.3s;
}

/* hover時 */
#headerNavi ul li a:hover {
  background-color: #4d9835;
}

#logo {
	margin:0;
	padding:0;
	}
	
#turningBg {
	clear:both;
	background:url(../imgs/head_bg.gif) repeat-x left top;
	}
	
#turningWrap {
	width:900px;
	margin:0 auto;
	}

#turningWrap .link01 ,#turningWrap .link02 ,#turningWrap .link03 { float:left; }

#turningWrap .link01 a img { background:url(../imgs/btn_apolon_tab01.gif) no-repeat left top; }
#turningWrap .link02 a img { background:url(../imgs/btn_apolon_tab02.gif) no-repeat left top; }
#turningWrap .link03 a img { background:url(../imgs/btn_apolon_tab03.gif) no-repeat left top; }
	
#turningWrap .link01 a:hover img { background:url(../imgs/btn_apolon_tab01.gif) no-repeat left bottom; }
#turningWrap .link02 a:hover img { background:url(../imgs/btn_apolon_tab02.gif) no-repeat left bottom; }
#turningWrap .link03 a:hover img { background:url(../imgs/btn_apolon_tab03.gif) no-repeat left bottom; }

#flashBg {
	margin:0;
	padding:4px 0 3px;
	background: #8ebf30 url(../imgs/flash_bg.jpg) no-repeat center bottom;
	}

.recBanner {
	width:900px;
	margin:20px auto;
	padding:0;
	background:#8ebf30;
	}
	
#flashArea {
	width:900px;
	margin:0 auto;
	padding-top:1px;
	min-height:540px;
	}
	
#naviBg {
	background:url(../imgs/navi_bg.gif) repeat-x left top;
	}
	
#navi {
	width:900px;
	margin:0 auto;
	padding:0;
	}
	
#navi ul {
	margin:0;
	padding:0;
	}
	
#navi ul li {
	float:left;
	list-style:none;
	display:block;
	}
	
#navi ul li.navi01 a img { background:url(../imgs/navi01.gif) no-repeat left top; }
#navi ul li.navi02 a img { background:url(../imgs/navi02.gif) no-repeat left top; }
#navi ul li.navi03 a img { background:url(../imgs/navi03.gif) no-repeat left top; }
#navi ul li.navi04 a img { background:url(../imgs/navi04.gif) no-repeat left top; }
#navi ul li.navi05 a img { background:url(../imgs/navi05.gif) no-repeat left top; }
#navi ul li.navi06 a img { background:url(../imgs/navi06.gif) no-repeat left top; }
	
#navi ul li.navi01 a:hover img { background:url(../imgs/navi01.gif) no-repeat left bottom; }
#navi ul li.navi02 a:hover img { background:url(../imgs/navi02.gif) no-repeat left bottom; }
#navi ul li.navi03 a:hover img { background:url(../imgs/navi03.gif) no-repeat left bottom; }
#navi ul li.navi04 a:hover img { background:url(../imgs/navi04.gif) no-repeat left bottom; }
#navi ul li.navi05 a:hover img { background:url(../imgs/navi05.gif) no-repeat left bottom; }
#navi ul li.navi06 a:hover img { background:url(../imgs/navi06.gif) no-repeat left bottom; }


#footerBg {
	background:#5a901b url(../imgs/footer_bg.gif) repeat-x left top;
	}
	
#footerWrap {
	width:900px;
	margin:0 auto;
	color:#ffffff;
	font-size:0.8em;
	line-height:140%;
	}

#footerBox01 {
	padding:10px 0;
	border-bottom:#ffffff solid 1px;
	overflow:hidden;
	zoom:1;
	}
	
#footerBox02 {
	margin:0;
	padding:20px 0;
	text-align:center;
	}
	
#copyright {
	float:right;
	text-align:right;
	}
	
#companyDate {
	float:left;
	}


/*     detail     */

#contents {
	width:900px;
	margin:0 auto;
	padding:20px 0 30px;
	}
	
#contLft {
	width:245px;
	float:left;
	padding:0 35px 0 0;
	}
	
#contRgt {
	width:620px;
	float:right;
	}
	
#sideNaviBox {
	padding:0 0 15px;
	}
	
#sideNavi {
	background:url(../imgs/sidenavi_bg.gif) repeat-y left top;
	padding:10px 15px 0 10px;	
	}
	
#sideNavi ul {
	margin:0;
	padding:0;
	border-bottom:#cccccc solid 1px;
	}
	
#sideNavi li {
	display:block;
	list-style:none;
	padding:10px 10px 10px 7px;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
	background:#ffffff;
	}
	
#sideNavi li p {
	line-height:20px;
	margin:0;
	padding:0 0 0 20px;
	background:url(../imgs/sidenavi_icon.gif) no-repeat left 0.3em;
	}
	
#sideContact {
	margin:0;
	padding:0 0 15px;
	}

.sideBanner {
	margin:0;
	padding:0 0 15px;
	}
	
.title {
	margin:0;
	padding:0 0 20px;
	}
	
.stitle {
	background:url(../imgs/stitle_bg.gif) no-repeat left top;
	padding:0 0 10px 25px;
	font-weight:bold;
	line-height:30px;
	font-size:1.2em;
	color:#ffffff;
	}
	
.stitleBlue {
	background:url(../imgs/stitle_bg_blue.gif) no-repeat left top;
	padding:0 0 10px 25px;
	font-weight:bold;
	line-height:30px;
	font-size:1.2em;
	color:#ffffff;
	}
	
.subTitle {
	margin:0;
	padding:0 0 15px;
	}
	
.detail {
	margin:0;
	padding:0 10px 30px;
	}
	
.pageTop{
	width:100%;
	margin:0 auto;
	padding:0;
	background:url(../imgs/pagetop_bg.gif) no-repeat left top;
	text-align:right;
	}
	
	
/*     kaigo_info     */

.kaigoInfoImg {
	text-align:center;
	}
	
.kaigoInfoList {
	margin:0;
	padding:0 10px 10px;
	}
	
.kaigoInfoList li {
	background:url(../imgs/icon_arrow_blue.gif) no-repeat left 0.3em;
	margin:0;
	padding:0 0 5px 15px;
	font-weight:bold;
	list-style:none;
	}

.kaigoUseflow {
	font-size:1.0em;
	font-weight:bold;
	color:#609000;
	border-bottom:#729a26 solid 2px;
	padding:0 0 3px;
	margin:0 0 3px;
	}

	

/*     first     */

.boldText {
	font-weight:bold;
	}
	
.firstImgBox {
	width:140px;
	padding-left:30px;
	padding-bottom:10px;
	float:right;
	}


/*     recruit     */

.recruitTable {
	width:600px;
	margin:0;
	padding:0;
	border-collapse:collapse;
	}
	
.recruitTable th {
	border-top:#cccccc solid 1px;
	border-left:#71a016 solid 3px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	line-height:20px;
	padding:5px 10px;
	color:#567d0b;
	width:100px;
	text-align:left;
	vertical-align:top;
	background:#e9f8ca;
	}
	
.recruitTable td {
	border:#cccccc solid 1px;
	line-height:20px;
	padding:5px 10px;
	width:auto;
	}

.redHead {
	margin:0;
	padding:0 0 10px;
	}

.recTxt {
	line-height:25px;
	}

.recContact {
	width:100%;
	}

.recContact th ,
.recContact td {
	vertical-align:middle;
	border:#729a26 solid 2px;
	line-height:25px;
	}

.recContact th {
	color:#fff;
	background:#729a26;
	}

.recContact td {
	background:#e9f8ca;
	padding:10px;
	}

.recruitTable02 {
	width:600px;
	margin:0;
	padding:0;
	border-collapse:collapse;
	font-size:12px;
	line-height:25px;
	}

.recruitTable02 th ,
.recruitTable02 td {
	vertical-align:middle;
	}
	
.recruitTable02 th {
	border-top:#cccccc solid 1px;
	border-left:#71a016 solid 3px;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	padding:10px;
	color:#567d0b;
	width:120px;
	text-align:left;
	background:#e9f8ca;
	}

.recruitTable02 th.headline {
	width:100%;
	color:#fff;
	background:#71a016;
	font-size:133.4%;
	}
	
.recruitTable02 td {
	border:#cccccc solid 1px;
	padding:10px;
	width:auto;
	}

.recruitTable02 td p {
	line-height:20px;
	}

.recruitTable02 td table {
	width:100%;
	}

.recruitTable02 td table th ,
.recruitTable02 td table td {
	padding:5px 10px;
	text-align:left;
	vertical-align:middle;
	border:#cccccc solid 1px;
	}

.recruitTable02 td table th {
	background:none;
	color:#567d0b;
	width:auto !important;
	text-align:left;
	background:#eee;
	}

.recGreen { color:#567d0b; font-weight:bold; }

.recEntry {
	margin:0;
	padding:10px 0 10px;
	overflow:hidden;
	}

.recEntry .entryTel {
	width:280px;
	float:left;
	}

.recEntry .entryForm {
	width:280px;
	float:right;
	}

.recEntry .headline {
	border-bottom:#ccc solid 1px;
	padding-bottom:7px;
	margin:0 0 10px;
	}

.recEntry .headline p {
	font-size:116.7%;
	line-height:100%;
	font-weight:bold;
	border-left:#336600 solid 5px;
	padding-left:5px;
	}


/*     施設概要     */

.shisetsuTable {
	width:460px;
	float:left;
	margin:0;
	padding:0;
	border-collapse:collapse;
	}
	
.shisetsuTable th {
	width:100px;
	margin:0;
	padding:5px 0;
	color:#567d0b;
	line-height:20px;
	text-align:left;
	vertical-align:top;
	background:url(../imgs/line_dot.gif) repeat-x left bottom;
	}
	
.shisetsuTable td {
	width:auto;
	margin:0;
	padding:5px 0;
	line-height:20px;
	text-align:left;
	vertical-align:top;
	background:url(../imgs/line_dot.gif) repeat-x left bottom;
	}
	
.shisetsuTable td p {
	margin:0;
	padding:0 0 0 10px;
	line-height:20px;
	border-left:#cccccc solid 3px;
	}
	
.shisetsuPhoto {
	width:120px;
	float:right;
	padding:0 0 0 20px;
	}
	
.accessMap {
	margin:0;
	padding:4px;
	border:#cccccc solid 1px;
	}

.pagelink {
	margin:0;
	padding:0 0 20px;
	font-size:0.9em;
	}

.pagelink a {
	display:block;
	color:#62861e;
	width:290px;
	float:left;
	margin:0;
	padding:0 5px 0 15px;
	line-height:25px;
	border-bottom:#cccccc solid 1px;
	background:url(../imgs/arrow_green.gif) no-repeat 0.5em 0.8em;
	}

.pagelink a:hover {
	display:block;
	color:#ffffff;
	width:290px;
	float:left;
	margin:0;
	padding:0 5px 0 15px;
	line-height:25px;
	border-bottom:#62861e solid 1px;
	background:#62861e url(../imgs/arrow_white.gif) no-repeat 0.5em 0.8em;
	}

.pagelink a.kango {
	display:block;
	color:#3399ff;
	width:290px;
	float:left;
	margin:0;
	padding:0 5px 0 15px;
	line-height:25px;
	border-bottom:#cccccc solid 1px;
	background:url(../imgs/arrow_blue.gif) no-repeat 0.5em 0.8em;
	}

.pagelink a.kango:hover {
	display:block;
	color:#ffffff;
	width:290px;
	float:left;
	margin:0;
	padding:0 5px 0 15px;
	line-height:25px;
	border-bottom:#0066cc solid 1px;
	background:#3091ff url(../imgs/arrow_white.gif) no-repeat 0.5em 0.8em;
	}


.centerImg {
	width:420px;
	padding:210px 20px 10px 160px;
	background:url(../imgs/apolon_center_img.jpg) no-repeat left top;
	color:#4f7010;
	}

.centerTable {
	width:600px;
	margin:0;
	padding:0;
	border-collapse:collapse;
	}

.centerTable th {
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	border:#cccccc solid 1px;
	padding:5px;
	}

.centerTable td {
	text-align:left;
	vertical-align:middle;
	border:#cccccc solid 1px;
	padding:5px;
	}

.centerTable th.Dgreen {
	width:230px;
	background:#749e24;
	color:#ffffff;
	}

.centerTable th.Lgreen01 {
	width:100px;
	background:#d8fa97;
	color:#597e11;
	}

.centerTable th.Lgreen02 {
	background:#d8fa97;
	color:#597e11;
	}

.centerTable td.textCenter {
	text-align:center;
	}

.centerTable td strong {
	color:#749e24;
	}

.centerTable td .smallgreen {
	color:#749e24;
	font-weight:normal;
	}

.chartImg {
	margin:0;
	padding:20px 0;
	text-align:center;
	}

.normalList {
	margin:0;
	padding:0 0 0 20px;
	border-left:#cccccc solid 3px;
	}

.normalList li {
	list-style:disc;
	list-style-position:outside;
	}
	
	
/*     facility  施設での介護     */

.facilityList {
	margin:0;
	padding:0;
	}
	
.facilityList li {
	background:url(../imgs/facility_icon_arrow.gif) no-repeat left 0.3em;
	list-style:none;
	margin:0;
	padding:0 0 5px 25px;
	}
	
.facilityList span {
	font-weight:bold;
	color:#cc3366;
	}
	
.rinenTitle {
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
	}

.rinen {
	margin:0;
	padding:0 10px;
	line-height:180%;
	}
	
.facilityBox {
	background:url(../imgs/line_dot_green.gif) no-repeat left top;
	padding:15px 0 15px;
	overflow:hidden;
	zoom:1;
	}
	
.facilityBox .textBox {
	background:url(../imgs/icon_leaf.gif) no-repeat left top;
	padding:2px 0 0 25px;
	}
	
.facilityBox .imgBox {
	width:140px;
	float:right;
	padding:0 0 0 30px;
	}
	
.largeText {
	font-size:1.2em;
	font-weight:bold;
	}
	
	
/*     policy     */

.policyHead {
	font-size:1.2em;
	font-weight:bold;
	color:#609000;
	border-bottom:#729a26 solid 2px;
	padding:0 0 5px 5px;
	margin:0 0 5px;
	}
	
.policyContact {
	background:url(../imgs/policy_contact.gif) no-repeat left top;
	border-bottom:#cccccc solid 2px;
	padding:55px 20px 10px 90px;
	}
	

/*     contact     */

.contactStitle {
	margin:0;
	padding:0 0 10px;
	}

dl.contactBox {
	padding:0;
	margin:0;
	}

.contactBox dt{
	border-left:solid 5px #729a26;
	font-weight:bold;
	padding:5px 0 5px 10px;
	clear:both;
	margin:7px 0 0 0;
	}

.contactBox dd{
	border-left:solid 5px #9dbc62;
	padding:5px 0 5px 15px;
	clear:both;
	margin:0;
	}

* html .contactBox dt{
	width:620px;
	}

* html .contactBox dd{
	width:620px;
	}

.checkBtn{
	background:none;
	border:none;
	}

.btnArea {
	text-align:center;
	margin:20px 0;
	}

input,textarea {
	background:#f0ecd9;
	border:#cccc99 solid 1px;
	border:none;
	padding:5px;
	vertical-align:middle;
	font-size:1em;
	}

select {
	background:#f0ecd9;
	border:#cccc99 solid 1px;
	padding:5px;
	vertical-align:middle;
	margin:0 0 3px 0;
	}
	
.input01 {
	width:96px;
	background:#f0ecd9;
	border:#cccc99 solid 1px;
	}
	
.input02 {
	width:250px;
	background:#f0ecd9;
	border:#cccc99 solid 1px;
	}

.input03 {
	width:65px;
	background:#f0ecd9;
	border:#cccc99 solid 1px;
	}

.input04 {
	width:353px;
	background:#f0ecd9;
	border:#cccc99 solid 1px;
	}

.checkBox {
	background:none;
	border:none;
	}

.formBtn {
	background:none;
	}

.attention {
	color:#990000;
	}


/*     news     */

.newsTitleBox {
	background:url(../imgs/line_dot_bold.gif) repeat-x left bottom;
	padding:0 0 5px;
	margin:0 0 5px;
	}
	
.headLine {
	background:url(../imgs/news_headline.gif) repeat-y left top;
	padding:0 0 0 10px;
	}
	
.newsTitleBox .date {
	color:#669933;
	font-weight:bold;
	font-size:0.8em;
	margin:0;
	padding:0;
	}
	
.newsTitleBox .title {
	color:#333333;
	font-weight:bold;
	font-size:1.4em;
	margin:0;
	padding:0;
	}


/*     apolon ita kango     */

.apolonKangoBox {
	width:430px;
	padding:0 170px 20px 0;
	background:url(../imgs/apolon_ita_kango_img.gif) no-repeat right top;
	}

.kangoTable {
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	}

.kangoTable th {
	width:70px;
	padding:5px;
	text-align:left;
	vertical-align:top;
	color:#3399ff;
	border-bottom:#cccccc solid 1px;
	}

.kangoTable td {
	width:auto;
	padding:5px;
	text-align:left;
	vertical-align:top;
	color:#666666;
	border-bottom:#cccccc solid 1px;
	}

.kangoStitle {
	border-bottom:#cccccc solid 1px;
	color:#3399ff;
	font-weight:bold;
	padding:0 0 5px;
	margin:0 0 10px;
	font-size:1.2em;
	}

.kangoStitle p {
	border-left:#3091ff solid 5px;
	padding:2px 0 2px 5px;
	}

.kangoList {
	margin:0;
	padding:0 0 20px;
	}
 
.kangoListHead {
	margin:0 0 5px;
	padding:0 0 3px 25px;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:#cccccc dotted 1px;
	background:url(../imgs/apolon_kango_icon.gif) no-repeat left top;
	}

.kangoList p {
	padding:0 0 0 25px;
	}

/* 20220413 お知らせ */

.button-box {
	width: 900px;
	margin: 20px auto 0;
	display: flex;
	justify-content: space-between;
}
.button-box .button { width: 440px; }
.button-box .button a {
	display: flex;
	align-items: center;
	position: relative;
	padding: 1em;
	font-size: 1.4em;
	font-weight: bold;
	background: #fff;
	border-radius: 7px;
	transition: .2s;
}
.button-box .button a:hover {
	opacity: .8;
}

.button-box .button:nth-child(1) a {
	color: #8ebf30;
}
.button-box .button:nth-child(1) a small {
	padding: 0.2em 1em 0.1em;
	margin-right: 20px;
	font-size: .6em;
	font-weight: normal;
	color: #fff;
	background: #8ebf30;
	border-radius: 30px;
}
.button-box .button:nth-child(1) a span {
	display: inline-block;
	margin-left: auto;
	margin-right: 20px;
	font-size: .7em;
}
.button-box .button:nth-child(1) a::after {
	content: "";
	position: absolute;
	top: 27px;
	right: 20px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #8ebf30;
    border-right: 2px solid #8ebf30;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button-box .button:nth-child(2) a {
	color: #5e8900;
}
.button-box .button:nth-child(2) a small {
	padding: 0.2em 1em 0.1em;
	margin-right: 20px;
	font-size: .6em;
	font-weight: normal;
	color: #fff;
	background: #5e8900;
	border-radius: 30px;
}
.button-box .button:nth-child(2) a span {
	display: inline-block;
	margin-left: auto;
	margin-right: 20px;
	font-size: .7em;
}
.button-box .button:nth-child(2) a::after {
	content: "";
	position: absolute;
	top: 27px;
	right: 20px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #5e8900;
    border-right: 2px solid #5e8900;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#topics {
	padding: 10px 0;
	background: #8ebf30;
}
#topics .inner {
	position: relative;
	/*width: 90%;*/
	width: 900px;
	max-width: 900px;
	margin: 0 auto;
	padding: 2em;
	background: #fff;
	box-sizing: border-box;
}
#topics .inner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 75px;
	background: url("../imgs/images/topics_back01.png") no-repeat;
}
#topics .inner::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 75px;
	background: url("../imgs/images/topics_back02.png") no-repeat;
}
#topics .inner .title {
	margin: 0;
	text-align: center;
}
#topics .inner .title p {
	margin-bottom: 5px;
	color: #8ebf30;
}
#topics .inner .title small {
	font-size: .6em;
	font-weight: normal;
}
.topics__list {
	list-style: none;
	padding: 0;
}
.topics__list .item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px #ddd solid;
}
.topics__list .item .time {
	display: inline-block;
	margin-right: 10px;
}
.topics__list .item .category00 {
	display: inline-block;
	padding: .1em .5em;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	background: #8ebf30;
	border-radius: 5px;
}
.topics__list .item .category01 {
	display: inline-block;
	padding: .1em .5em;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	background: #8ebf30;
	border-radius: 5px;
}
.topics__list .item .category02 {
	display: inline-block;
	padding: .1em .5em;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	background: #5e8900;
	border-radius: 5px;
}
.topics__list .item a {
	display: block;
	margin-top: 10px;
	font-weight: bold;
}
#topics .button {
	width: 250px;
	margin: 25px auto 0;
	text-align: center;
}
#topics .button a {
	display: block;
	padding: 1em;
	color: #fff;
	background: #8ebf30;
	border-radius: 5px;
	transition: .4s;
}
#topics .button a:hover {
	background: #5e8900;
}

.topics-article {}
.topics-article .time-category {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.topics-article .time-category .category {
	padding: .2em 1em .1em;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	background: #8ebf30;
	border-radius: 20px;
}
.topics-article .time-category .time {}
.topics-article .title {
	position: relative;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 30px;
	color: #8ebf30;
	border-bottom: 1px #ddd solid;
}
.topics-article .title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 20px;
	background: #8ebf30;
}
.topics-article .text-area { margin-bottom: 30px; }
.topics-article .text-area p { text-align: justify; line-height: 1.8em; }

.topics-article .back-link { margin-bottom: 30px; }
.topics-article .back-link a {
	position: relative;
	padding-left: 13px;
	font-size: .9em;
	color: #729a26;
}
.topics-article .back-link a::before {
	content: "";
	position: absolute;
	top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #729a26;
    border-right: 1px solid #729a26;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.topics-article .line { border-bottom: 2px #ccc dashed; margin-bottom: 40px; }