@charset "utf-8";


html {
	-webkit-text-size-adjust:100%;
}

body {
	font-family: "ヒラギノ角ゴ W3 JIS2004","ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #3e3a39;
}

.sp{
	display: none;
}
.spInline{
	display: none;
}
.flexDummy{
	height: 0!important;
	min-height: 0!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	border: none!important;
}
.flexDummy::before {
	content: ""!important;
	background: none!important;
}

.over_type_01:hover{
	opacity: 0.8;
	transition: 0.2s;
}

@media only screen and (max-width: 640px) {
	.pc{
		display: none;
	}
	
	.sp{
		display: block;
	}
	
	.spInline{
		display: inline;
	}
}


/* !Base Fonts -------------------------------------------------------------- */
a {
	color: #3E3A39;
	text-decoration: none;
}
a:visited {}
a:active,
a:focus { text-decoration: none;}
a:hover{
	text-decoration: underline;
}

.fwN { font-weight: normal;}
.fwB {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ W6 JIS2004","ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}
.fzSS  { font-size:  78%;}/* base 12px ->  8px */
.fzS   { font-size:  85%;}/* base 12px -> 10px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}/* base 12px -> 14px */
.fzLL  { font-size: 130%;}/* base 12px -> 16px */
.fzLLL { font-size: 143%;}/* base 12px -> 18px */
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w650	{ width: 650px!important;}
.w600	{ width: 600px!important;}
.w550	{ width: 550px!important;}
.w500	{ width: 500px!important;}
.w480	{ width: 480px!important;}
.w450	{ width: 450px!important;}
.w400	{ width: 400px!important;}
.w380	{ width: 380px;}
.w350	{ width: 350px;}
.w300	{ width: 300px;}
.w250	{ width: 250px;}
.w220	{ width: 220px;}
.w200	{ width: 200px;}
.w180	{ width: 180px;}
.w160	{ width: 160px;}
.w150	{ width: 150px!important;}
.w140	{ width: 140px!important;}
.w130	{ width: 130px!important;}
.w120	{ width: 120px!important;}
.w110	{ width: 110px!important;}
.w100	{ width: 100px!important;}
.w80	{ width: 80px!important;}
.w60	{ width: 60px!important;}
.w50	{ width: 50px!important;}
.w40	{ width: 40px!important;}

.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 98%;}
.wMax   { width: 100%;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml02 { margin-left: 2px !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl90 { padding-left:90px !important;}

/* ---------------------------------------------
float
--------------------------------------------- */
.fltL {
	/*display: inline;*/
	float: left;
}
.fltR {
	/*display: inline;*/
	float: right;
}

/* ---------------------------------------------
clearfix
--------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1px;
	position: relative; /* DW */
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ---------------------------------------------
parts
--------------------------------------------- */
.reg{
	font-size: 60%;
	font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.pankuzu {
	color: #5A5959;
	font-size: 12px;
	font-family: Univers, Arial, sans-serif;
	font-weight: bold;
}

.pankuzu a{
	font-weight: normal;
}

.hTitle{
	font-size: 220%;
	padding: 5px 0px;
	background: #fff;
	border-bottom: 1px solid #B4B4B5;
}

.hTitle p{
	max-width: 1100px;
	padding: 0 10px;
	margin: 0 auto;
}

@media only screen and (max-width: 640px) {
	.hTitle{
		font-size: 120%;
		line-height: 29px;
	}
}

/*NEWS*/
#newsArea{
	position: relative;
	padding: 15px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
}

#newsAreaIn01{
	float: left;
	width: 740px;
}

#newsAreaIn01 dl{
	clear: both;
/*	height: 90px;*/
	margin-bottom: 10px;
	overflow: hidden;
}

#newsAreaIn01 dt{
	margin-bottom: 20px;
	width: 110px;
/*	height: 90px;*/
	float: left;
	clear: left;
}

#newsAreaIn01 dd{
	margin-left: 120px;
	/*width: 540px;*/
}

#newsAreaIn01 dd.date{
	color: #F29600;
}

#newsAreaIn01 dd.date .icon img{
	margin-left: 5px;
	vertical-align: middle;
}

#newsAreaIn02{
	float: right;
	width: 300px;
	font-size: 86%;
}

#newsAreaIn02 div{
	margin-top: 10px;
	padding: 10px;
}

#newsAreaIn02 div.cat0Box{
	border: 1px solid #F8C058;
}


#newsAreaIn02 div.catm01Box{
	border: 1px solid #CCA467;
}

#newsAreaIn02 div.catm02Box{
	border: 1px solid #F8C058;
}

#newsAreaIn02 div.catm03Box{
	border: 1px solid #79C396;
}

#newsAreaIn02 div.catm04Box{
	border: 1px solid #F09DC1;
}

#newsAreaIn02 div.cats01Box{
	border: 1px solid #F8C058;
}

#newsAreaIn02 div.cats02Box{
	border: 1px solid #F09DC1;
}

#newsAreaIn02 div.cats03Box{
	border: 1px solid #6dc7ea;
}
.topics #contents{
/*	width: 980px;*/
	padding: 20px 0 0;
}

.topics #newsArea{
	margin-top: 20px;
	border: none;
}

.topics #newsAreaIn01{
/*	width: 640px;*/
	padding-right: 17px;
	border-right: 1px solid #ccc;
}


.topics #newsAreaIn01 dd {
/*	width: 520px;*/
}
/*お知らせアイコン*/
span.infotype{
	margin-right: 5px;
	padding: 1px 4px;
	font-size: 80%;
	color: #fff;
}

#popUp span.infotype{
	margin-right: 5px;
	font-size: 90%;
}

#popUp a{
	word-break: break-all;
}

#popUp .newsTag{
	font-size: 80%;
}

/*ﾌﾟﾚｽﾘﾘｰｽ*/
span.type01{
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
}
/*お知らせ*/
span.type02{
	background-color: #F8C058;
}
/*みずたま*/
span.type03{
	background-color: #54C3F1;
}
/*ｿﾘｭｰｼｮﾝ*/
span.type04{
	background-color: #e85382;
}
/*お知らせ・新着情報*/
span.type05{
	background-color: #9E9E9F;
}

/*お知らせ*/
span.miz01{
	background-color: #F8C058;
}
/*採用*/
span.miz02{
	background-color: #c3d600;
}
/*研修・講習*/
span.miz03{
	background-color: #00348b;
}
/*説明会*/
span.miz04{
	background-color: #f09dc1;
}

span.sol01{
	background-color: #F8C058;
}
/*福祉関連*/
span.sol02{
	background-color: #f19a96;
}
/*一般企業*/
span.sol03{
	background-color: #6dc7ea;
}

span.sol201,span.sol202,span.sol203,span.sol204,span.sol205,span.sol206,span.sol207,span.sol299{
	background-color: #fff;
	border: 1px solid #f19a96;
	color: #f19a96;
}

span.sol301,span.sol302,span.sol303,span.sol304{
	background-color: #fff;
	border: 1px solid #6dc7ea;
	color: #6dc7ea;
}

/*ステーション*/
span.st{
	background-color: #fff;
	border: 1px solid #54C3F1;
	color: #54C3F1;
}

/*お知らせ*/
.date{
	color: #F39800;
}

@media only screen and (max-width: 1200px) {
	.topics #newsAreaIn01{
		border-right: none;
	}
	
	#newsAreaIn01,.topics #newsAreaIn01{
		width: 100%;
	}
	
	#newsAreaIn01 dd,.topics #newsAreaIn01 dd{
		width: auto;
	}
	
	#newsAreaIn02{
		float: none;
		margin: 0 auto;
		width: auto;
		margin-bottom: 30px;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 640px) {
	#newsAreaIn01 dt{
		margin:  auto;
		margin-bottom: 5px;
		float: none;
	}
	
	#newsAreaIn01 dl{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px dotted #000;
	}
	
	#newsAreaIn01 dd{
		margin-left: 0px;
	}
	
	#newsAreaIn02 #newsAreaPickup{
		margin-top: 0px;
		padding-top: 0px;
	}
}

/*pager*/
.paging ol {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

.paging ol li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.paging ol li span,
.paging ol li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
}

.paging ol li span{
	background: #fff;
	padding: 3px 11px;
	border: 2px solid #0097D3;
	font-weight: bold;
}

.paging ol li a:hover {
	color: #fff;
	background: #0097D3;
	border-color: #0097D3;
}


.hLine p,.hLineGreen p,.hLineRed p{
	font-size: 25px;
	color: #6c6a6a;
	text-indent: -1em;
	padding-left: 1em;
}

.hLine:after,.hLineGreen:after,.hLineRed:after {
	content:"";
	display:block;
	height:2px;
	width:100%;
	background: #BADCF4;
	background:linear-gradient(to right, #23ADDE 0%,#23ADDE 10%,#BADCF4 10%,#BADCF4 100%); 
}

.hLineGreen:after {
	background: #CAE2AD;
	background:linear-gradient(to right, #7FBE26 0%,#7FBE26 10%,#CAE2AD 10%,#CAE2AD 100%); 
}

.hLineRed:after {
	background: #F3B1B9;
	background:linear-gradient(to right, #E63D75 0%,#E63D75 10%,#F3B1B9 10%,#F3B1B9 100%); 
}

@media only screen and (max-width: 640px) {
	.hLine p,.hLineGreen p,.hLineRed p{
		font-size: 120%;
	}
}

/*ポップアップ*/
#popUp #contents{
	max-width: 980px;
	padding-top: 25px;
	padding-bottom: 15px;
	margin: 0 auto;
}

#popUp #contents h2{
	background: url("../img/bar_border02.gif") left bottom repeat-x;
	margin-bottom: 20px;
	padding-bottom: 8px;
}

#popUp #contents h2 p{
	font-size: 28px;
	font-weight: bold;
}

#popUp #contents table th{
	padding: 15px;
	width: 50px;
}

#popUp #contents table td{
	padding: 10px;
	width: 250px;
}

#popUp #mapArea{
	margin: 20px auto;
}

#googlemap{
	width: 700px;
	height: 402px;
	display: block;
	zoom: 1;
}

#popUp footer #footerBtmIn{
	width: 700px;
}

/* popup お知らせ*/
#popUp.topics #contents h2 p{
	font-size: 120%;
	line-height: 1.4;
	color: #009FE1;
}

#popUp.topics #title2{
	background-color: #DEF1FB;
	padding: 15px 30px;
	color: #3E3A39;
	font-size: 100%;
}

#popUp.topics #infoWrap{
	margin-top: 20px;
	overflow: hidden;
}

#popUp.topics #infoWrapIn01{
/*	float: left;
	width: 272px;*/
	text-align: center;
	margin: 20px auto 0;
	max-width: 800px;
}
#popUp.topics #infoWrapIn01 p{
	margin-top: 5px;
	font-size: 70%;
}

@media only screen and (max-width: 768px) {
	.topics#popUp #infoWrapIn01{
		text-align: center;
		float: none;
	}
	
	.topics#popUp #infoWrapIn01 p{
		text-align: left;
	}
}

#printHeader,#printFooter{
	display: none;
}

@media print { 
	#popUp #tbgcHeader,
	#popUp #tbgcFooter,
	#popUp #mainImg,
	#popUp .pankuzu,
	#popUp .hTitle{
		display: none!important;
	}
	#popUp #contents{
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	#printHeader,#printFooter{
		display: block;
		max-width: 1100px;
		margin: 0 auto;
	}
	#printHeader{
		border-bottom: 3px solid #0097D3;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	#printFooter{
		border-top: 3px solid #0097D3;
		padding-top: 10px;
		margin-top: 20px;
		text-align: right;
	}
}