@charset "utf-8";
/* ===================================================================
CSS information
 style info：Recruit
=================================================================== */

#Recruit #pageTitleArea h2 {
	font-size: 25px;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

#Recruit .BL_line01 {
	margin-bottom: 0px;
}

/* -----------------------------------------------------------
	#pageTitleArea（ページのタイトル）
----------------------------------------------------------- */
#pageTitleArea {
	width: 100%;
	height: 50px;
	background: #009c74;
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', HGS明朝E, 'ＭＳ Ｐ明朝', serif;
}

/* -----------------------------------------------------------
	#container（一覧のリスト、詳細文章の大枠）
----------------------------------------------------------- */
#container {
	width: 100%;
}

/* -----------------------------------------------------------
	.menuItem（施設一覧リストの色）
----------------------------------------------------------- */
.menuItem {
	background: url(../img/Recruit/arrow.png) no-repeat right center;
	background-size: 15px 26px;
}

.menuItem .menuItemTxt h3 {
	color: #009c74;
}

/* -----------------------------------------------------------
	#listBtnArea（一覧へ戻るボタン）
----------------------------------------------------------- */
#listBtnArea {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#listBtnArea .rsvBtnBG {
	background-color: #009c74;
}
#listBtnArea .rsvBtnBG .rsvBtn {
	color: #009c74;
	background: #d97474;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffefe), color-stop(100%,#f2dada));
	background: -webkit-linear-gradient(top,  #fffefe 0%,#f2dada 100%);
}

/* -----------------------------------------------------------
	#detailTitleArea+.subTitleArea（詳細タイトル）
----------------------------------------------------------- */
#detailTitleArea,.subTitleArea {
	color: #009c74;
}
.subTitleArea {
	line-height: 1.4;
}
.subTitleArea span {
	font-size: 13px;
}
/* -----------------------------------------------------------
	#facilitiesInfo,#categoryMenu（施設概要、施設ページリストの文字・枠の色）
----------------------------------------------------------- */

#facilitiesInfo .tableStyle {
	border-bottom: 3px solid #f7e8e8;
}
#facilitiesInfo .tsTitle,
#categoryMenu .tableStyle {
	background-color: #f7e8e8;
	color: #009c74;
}
#facilitiesInfo .tableStyle .tsTxt {
	border-left: 3px solid #f7e8e8;
	border-right: 3px solid #f7e8e8;
	background-color: #ffffff;
}
#categoryMenu .tableStyle ul li {
	border-left: 3px solid #f7e8e8;
	border-right: 3px solid #f7e8e8;
	border-bottom: 3px solid #f7e8e8;
	color: #009c74;
	background-color: #ffffff;
}
#categoryMenu .tableStyle ul li a {
	color: #009c74;
}

/* -----------------------------------------------------------
	.recommendArea（おすすめコンテンツの文字、枠の色）
----------------------------------------------------------- */
.recommendArea .tableStyle {
	border-bottom: 2px solid #f7e8e8;
}
.recommendArea .tableStyle h3.tsTitle {
	background: url(../img/Recruit/titelframe.png) no-repeat left center #d68585;
}
.recommendArea .tableStyle .itemTitle {
	background-color: #f7e8e8;
	color: #663300;
}
.recommendArea .tableStyle .itemImg {
	background-color: #f7e8e8;
}
.recommendArea .tableStyle .itemTxt {
	border-left: 2px solid #f7e8e8;
	border-right: 2px solid #f7e8e8;
	background-color: #f7e8e8;
}
.recommendArea .tableStyle .border {
	background-color: #f7e8e8;
}
.recommendArea .tableStyle .border span {
	background-color: #e1a7a7;
}

/* -----------------------------------------------------------
	#RecruitArea（地図を見るボタン）
----------------------------------------------------------- */
#RecruitArea {
	padding-bottom: 15px;
}
#RecruitArea {
	width: 100%;
}
#RecruitArea h3.tsTitle {
	text-align: center;
	background: url(../img/common/titelframe.png) no-repeat left center #33b090;
	color: #ffffff;
	font-size: 18px;
	padding-top: 9px;
	padding-bottom: 7px;
	border-radius: 8px 40px 0px 0px;
	letter-spacing: 1px;
}
#RecruitArea {
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}

#RecruitArea .btn_tp02 {
	display: block;
	width: 93.75%;
	background-color: #009c74;
	margin: 0 auto;
	padding: 5px;
}
#RecruitArea .btn_tp02 a {
	display: block;
	padding: 10px;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0;
	background: #fb6125;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ba97), color-stop(100%,#007f52));
	background: -webkit-linear-gradient(top,  #00ba97 0%,#007f52 100%);
	text-shadow: 1px 1px 1px #00724f;
}
#RecruitArea .btn_tp02 a img {
	width: 23px;
	height: 23px;
	margin-right: 3px;
	vertical-align: middle;
	float: left;
}
#RecruitArea .btn_tp02 a .fa-chevron-right {
	float: right;
	font-size: 13px;
	line-height: 22px;
}


/* -----------------------------------------------------------
	#infoWrap（求人項目）
----------------------------------------------------------- */
#infoWrap h3.tsTitle {
	text-align: center;
	background: url(../img/common/titelframe.png) no-repeat left center #33b090;
	color: #ffffff;
	font-size: 18px;
	padding-top: 9px;
	padding-bottom: 7px;
	border-radius: 8px 40px 0px 0px;
	letter-spacing: 1px;
}

#infoWrap {
	width: 93.75%;
	margin: 0 auto 15px;
}
#infoWrap .cateTitle {
	display: block;
	font-size: 18px;
	line-height: 35px;
	letter-spacing: 1px;
	background-color: #009c74;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#infoWrap .tableWrap {
	padding-left: 10px;
	padding-right: 10px;
	background: url(../img/Recruit/Bg_table.gif) repeat-y -50px top;
}
#infoWrap .tableWrap span {
	font-size: 12px;
}
#infoWrap .tableWrap dl dt,
#infoWrap .tableWrap dl dd
{
	padding-top: 17px;
	padding-bottom: 15px;
	font-size: 16px;
	letter-spacing: 1px;
}
#infoWrap .tableWrap dl dt {
	width: 80px;
	float: left;
	padding-left: 10px;
	font-weight: bold;
	clear: both
}
#infoWrap .tableWrap dl dd {
	padding-left: 90px;
	padding-right: 10px;
}
#infoWrap .tableWrap dl dd img {
	width: 20px;
	vertical-align: middle;
}
#infoWrap .tableWrap dl dd+dt+dd {
	background: url(../img/Recruit/line_dotted.gif) repeat-x left top;
}
#infoWrap .tableWrap .innerBox {
	margin-bottom: 20px;
}
#infoWrap .tableWrap .innerBox .ibTitle {
	display: block;
	text-align: center;
	color: #7d0000;
	background-color: #e5b2b2;
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 2px solid #b46a6a;
}
#infoWrap .tableWrap .innerBox .ibTxtBox {
	display: block;
	padding: 15px;
	border-bottom: 1px solid #be9e9e;
	border-left: 1px solid #be9e9e;
	border-right: 1px solid #be9e9e;
	background-color: #ecd9d9;
	font-size: 16px;
	line-height: 1.5;
}

.rsvBtnBG {
	display: block;
	background-color: #dc9f9f;
	margin: 0 auto;
	padding: 5px;
	border: 0px;
}
.rsvBtnBG .rsvBtn {
	display: block;
	padding: 10px;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
	border: 1px solid #b54949;
	background: #d97474;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d97474), color-stop(100%,#aa3434));
	background: -webkit-linear-gradient(top,  #d97474 0%,#aa3434 100%);
	text-shadow: 1px 1px 1px #4a2626;
	border-radius: 5px;
	text-align: left;
}
.rsvBtnBG .rsvBtn .fa-chevron-right {
	float: right;
	font-size: 13px;
	line-height: 22px;
}

/* -----------------------------------------------------------
	#navArea（ナビエリア）
----------------------------------------------------------- */
#navArea {
	width: 93.75%;
	margin: 15px auto 10px;
}
#navArea ul {
	width: 100%;
	text-align: center;
}
#navArea ul.middle {
	width: 100%;
}
#navArea ul li {
	width: 30%;
	text-align: center;
	display: inline-block;
}
#navArea ul li.center {
	width: 30%;
	padding: 0 10px;
	text-align: center;
	display: inline-block;
}


/* -----------------------------------------------------------
	#checkBtnArea（〇〇をチェック！ボタンの色）
----------------------------------------------------------- */
#checkBtnArea .rsvBtnBG {
	background-color: #009c74;
}
#checkBtnArea .rsvBtnBG .rsvBtn {
	color: #ffffff;
	border: 1px solid #b54949;
	background: #d97474;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d97474), color-stop(100%,#aa3434));
	background: -webkit-linear-gradient(top,  #d97474 0%,#aa3434 100%);
	text-shadow: 1px 1px 1px #4a2626;
}


/* -----------------------------------------------------------
	#contactArea（各種ご予約・疑問・質問など、お気軽にお尋ねください。）
----------------------------------------------------------- */
#contactArea {
	margin: 15px auto 0;
}