@charset "utf-8";
/* ページ上の横長画像 */
.administration header p {
	font-size: 16px;
	letter-spacing: 1px;
	color: #FFF;
	background-color: rgb(38, 134, 125);
	line-height: 20px;
	padding: 5px;
}

#pageHeader {
	background-image: url("../img/ph_green.png");
}

/* edu style */
#containerMain #chapter h2.edu {
	border-bottom: solid 4px #09BFB0;
	background: none;
	margin-top: 20px;
	margin-bottom: -20px;
}
/* edu style */

#containerMain #chapter h3 {
	font-size: 16px;
	letter-spacing: 1px;
	/*color: rgb(248,121,168);*/
	/*color: rgb(38,134,125);*/
	color: #333;
	line-height: 24px;
	background: none;
/*	border-bottom: solid 3px #CCC;*/
	border-bottom: solid 1px #CCC;
/*	border-left: solid 5px #09BFB0;*/
	border-left: none;
/*	padding-left: 20px;*/
	padding-left: 0px;
	margin-bottom: 10px;

}
#containerMain #chapter .article {
	margin-top: 40px;
}
#containerMain #chapter .article h3 span {
	display: inline-block;
	vertical-align: top;
}
#containerMain #chapter .article h3 span.released {
	width: 100px;
}
#containerMain #chapter .article h3 span.articleTitle {
	width: 800px;
}
#containerMain #chapter .article p.articleTitle {
	font-size: 17px;
}
p.released time {
	font-size: 17px;
	color: #666;
}
.article p {
	margin-left: 15px;
}
#containerMain #chapter .article p.articleContent {
	/*width: 800px;*/
	margin-left: 25px;
}
#containerMain #chapter .article .newsCat.important {
	color: #FFF;
	background-color: #F03;
	width: 50px;
}


/* article_entry */

#containerMain #editorSwitch .button {
	width: 200px;
	color: #FFF;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 5px 10px;
	background-color: rgb(38,134,125);
	border: 1px solid rgb(38,134,125);
	border-radius: 3px;
}
#containerMain #editorSwitch .button:hover {
	opacity: 0.6;
}
#containerMain #editorSwitch ul li {
	float: left;
	margin: 10px;
}
#containerMain #editorSwitch ul li a,
#containerMain #editorSwitch ul li a:hover {
	color: #fff;
	text-decoration: none;
}


#released, #invisible, #anchor, #spotlight, 
#articleTitle, #category_b, #category, 
#articleContent, #buttonArea, #url, #exception {
	margin: 20px;
}

#containerMain #entry_box #spotlight #essential {
	margin-left: 50px;
}

#containerMain #entry_box #spotlight #important,
#containerMain #entry_box #spotlight #essential {
	float: left;
}

#containerMain #buttonArea ul li {
	float: left;
	margin: 10px;
}
#containerMain #buttonArea ul li a,
#containerMain #buttonArea ul li a:hover {
	color: #fff;
	text-decoration: none;
}
#containerMain #buttonArea .button {
	width: 150px;
	color: #FFF;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 5px 10px;
	background-color: rgb(38,134,125);
	border: 1px solid rgb(38,134,125);
	border-radius: 3px;
}
#containerMain #buttonArea .button:hover {
	opacity: 0.6;
}
#containerMain input[type="text"] {
	font-size: 14px;
	border-radius: 3px;
	border: solid 1px #AAA;
	line-height: 18px;
	padding: 3px;
}
#containerMain input[name="released"] {
	width: 140px;
}
#containerMain input[name="title"] {
	width: 99%;
/* １行で表示させるには660px以内に収める */
}
#containerMain textarea {
	width: 100%;
	height: 410px;
	font-size: 14px;
	border-radius: 3px;
	border: solid 1px #AAA;
}

input[type="radio"] {
	/*margin-right: 5px;*/
}
#category .category_label {
	line-height: 24px;
}
#category label {
	margin-right: 15px;
}
.administration footer {
	background-color: rgb(38, 134, 125);
	padding: 0px;
	background-image: none;
	min-height: inherit;
	text-align: right;
}
.administration footer p {
	letter-spacing: 1px;
	color: #FFF;
	line-height: 20px;
	padding: 5px;
}
#buttonArea.button_area_bottom {
	margin: 20px 20px 10px 20px;
}


#container #headerArea input[type="radio"] {
	display: none;
}
#container #headerArea input[type="radio"]:checked + label {
	background: #0099FF;
	color: #FFF;
}
#container #headerArea label.my_name_label,
#container #headerArea label.tax_label {
	float: left;
}
#container #headerArea label.my_name,
#container #headerArea label.tax {
	/*font-size: 18px;*/
	margin: 0px 3px;
	/*padding: 3px;*/
	color: #0099FF;
	background-color: #FFF;
	border: 1px solid #0099FF;
	display: block;
	float: left;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	letter-spacing: 2px;
}
#container #headerArea label.my_name,
#container #headerArea label.tax {
	width: 150px;
}
span.essential {
	font-size: 12px;
	margin-right: 5px;
	padding: 2px 2px 2px 3px;
	border-radius: 3px;
	display: inline-block;
	line-height: 14px;
	color: #FFF;
	/*background-color: #e5004f;*/
	/*border: 1px solid #e5004f;*/
	background-color: #0068b7;
	border: 1px solid #0068b7;
	margin-left: 5px;
	margin-bottom: 2px;
}


/* article お知らせ一覧ページ */
#containerMain #chapter .article .newsCat {
	width: 116px;
	font-size: 12px;
	letter-spacing: 1px;
	/*padding: 2px 3px 3px;*/
	color: #FFF;
	border-radius: 3px;
	/*margin-right: 5px;*/
	display: inline-block;
	text-align: center;
	line-height: 20px;
}
#containerMain #chapter .article h3 .essential {
	color: #e5004f;
}
/* お知らせ分類アイコン */
#containerMain #chapter .article .catKyokai {
	/*background-color: #e5004f;*/
	background-color: #006DD9;
}
#containerMain #chapter .article .catKenshu {
	/*background-color: rgb(38,134,125);*/
	background-color: #09BFB0;
}
#containerMain #chapter .article .catIinkai {
	background-color: #FF9900;
}
#containerMain #chapter .article .catNc {
	background-color: rgb(248,121,168);
}
#containerMain #chapter .article .catSonota {
	background-color: #999;
}

/* article_entry ボタンなどの色を切り替える*/
#wrapper.blog {
	background-color: #fff0f7;
}
.administration header p.blog,
.administration footer.blog {
	background-color: rgb(248,121,168);
}
#containerMain #editorSwitch .button.blog,
#containerMain #buttonArea .button.blog {
	background-color: rgb(248,121,168);
	border: 1px solid rgb(248,121,168);
}
span.essential.blog {
	background-color: #CC0099;
	border: 1px solid #CC0099;
}
/* article_entry ボタンなどの色を切り替える*/

/* article_list */
#buttonArea.button_area_top {
	margin: 0px 0px 20px 0px;
}
#articleList table {
	width: 100%;
}
#articleList table .content {
	width: 50%;
}
#articleList table td {
	line-height: 20px;
}
#articleList table textarea {
	line-height: 20px;
}
tr.clickable:hover td {
	background-color: #E0FFFF;
	cursor: pointer;
}
#articleList .article {
	/*padding: 15px 0px;*/
	padding: 20px 10px;
	/*border-bottom: solid 1px #CCC;*/
}
#articleList .article h3 {
	color: #000;
}
#containerMain #articleList .newsCat {
	width: 120px;
	font-size: 12px;
	letter-spacing: 1px;
	/*padding: 2px 5px 3px;*/
	color: #FFF;
	border-radius: 3px;
	margin-right: 8px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
}
div.clickable:hover {
	/*background-color: #E0FFFF;*/
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid rgb(38, 134, 125);
	background-color: rgb(240, 255, 255);
}
#articleList div.content {
	margin: 20px 0px 0px 20px;
}
#articleList div.content img {
	margin-right: 20px;
}
#containerMain .articleTitle p.released span.invisible {
	color: #FF0099;
}
#containerMain #articleList  h3 .essential {
	color: #e5004f;
}

/* お知らせ分類アイコン */
#containerMain #articleList .catKyokai {
	/*background-color: #e5004f;*/
	background-color: #006DD9;
}
#containerMain #articleList .catKenshu {
	/*background-color: rgb(38,134,125);*/
	background-color: #09BFB0;
}
#containerMain #articleList .catIinkai {
	background-color: #FF9900;
}
#containerMain #articleList .catNc {
	background-color: rgb(248,121,168);
}
#containerMain #articleList .catSonota {
	background-color: #999;
}
#containerMain #articleList .catBlog {
	background-color: #CC3399;
}
/* article_list */

#recruiting ul li {
	margin-left: 20px;
}
#recruiting ul h4 {
	font-size: 16px;
	color: #e5004f;
}

/* 新型コロナウイルス療養者宿泊施設 看護職員の募集について */
#containerMain ul li {
	line-height: 25px;
	font-size: 16px;
	margin-top: 20px;
}
#containerMain #recruiting h4 {
	font-size: 16px;
	color: #e5004f;
}
#containerMain #recruiting ul {
	margin: 0px auto 15px;
}
#containerMain #recruiting ul li {
	font-size: 15px;
	margin-top: 2px;
	margin-left: 20px;
	list-style-type: disc;
}

@media screen and (max-width:990px) {

	#pageHeader {
		margin-top: 0px;
	}
	#containerMain #chapter h3 {
		padding-left: 10px;
	}
	#containerMain #chapter .article p.articleContent {
		margin-left: 5px;
	}
	#containerMain #chapter img {
		width: 100%;
		height: auto;
	}
}