@charset "utf-8";
/*
Theme Name: 京都・滋賀求人タイムス
Theme URI:  
Description: 京都・滋賀求人タイムス
Version: 1.0
Author: monokus.jp

*/
/* BODY
---------------------------------------------*/


html {
	width: 100%;
	height: 100%;
}

body,div,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
/*	list-style: none; */
}

body {
	text-align: 		left;
	font-family:		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 			14px;
	line-height:		1.8em;
	color: 				#333;
	background:			#fff;
}


img {
	vertical-align: 	bottom;
	border: 			none;
}

a, a:link, a:visited {
	color: 			#88CC7F;
	text-decoration: 	underline;
}

a:hover {
	color: 			#88CC7F;
/*	font-weight: 		bold; */
	text-decoration: 	none;
}

strong {
	font-weight: 		bold;
}

p {
/*	padding: 			15px 20px 8px 20px; */
/*	padding: 			15px 0 8px;  */
	padding:			0;
}

p.p_zero {
	padding: 			0;
}

.sec #main p,
.indsec p {
	margin-left: 1em;
	margin-right: 1em;
}

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.bold {
	font-weight:		bold;
}
.red {
	color:			#f00;
}
.material-icons {
	vertical-align:		middle;
}
.anime {
    transition: all .3s;
}
i {
	font-style:	normal;
}
/* リスト対応
---------------------------------------------*/
.reset_list ul,
.reset_list ol,
.reset_list li,
ul.reset,
ol.reset,
ul.reset li,
ol.reset li,
li.reset {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none; 
}
ul.alphabet,
ol.alphabet ,
ol.alphabet li,
ol.alphabet li {
	list-style-type: upper-latin
}

/* テーブル対応
---------------------------------------------*/
table {
	font-size:inherit;
	font:100%;
}
table.mainstyle {
	border:			1px solid #999;
	background:		#fff;
	color:			#777;
	
	border-collapse:	collapse;
}

table.mainstyle th {
	padding:		10px;
	border: 		1px solid #bbb;
	background:		#FBFEDF;
	
	font-weight: 	bold;
}

table.mainstyle td {
	padding:		10px;
	border: 		1px solid #bbb;
	
	background:		#fff;
}

table.mainstyle.outline_table {
	width:			100%;
}
	table.mainstyle.outline_table th {
		width:		18%;
	}


/* Layout
---------------------------------------------*/
#viewport {
	width:				100%;
	overflow-x:			hidden;
	overflow-y:			hidden;
	/*
	background:			url(images/body_bg02.jpg) center 3165px no-repeat; */
}


body {
	overflow-x:			hidden;
}
#contents {
	width:			1000px; 
	margin:			0 auto 0;
	padding:		0 0 0;
}
/*	#sidebar {
		width:			250px;
		float:			left;
	}
	#main {
		width:			730px;
		float:			right;
	} */
	#footer {
		clear:			both;
	}

#contents.wide {
}
	#contents.wide #main {
		width:		auto;
		float:		none !important;
	} 
#contents.liquid {
	width:		auto;
	float:		none !important;
}
	#contents.liquid #main {
		width:		auto;
		float:		none !important;
	} 

/* Header
---------------------------------------------*/

#header {
	background:		#fff;
	border-top:		5px solid #88CC7F;
	border-bottom:	1px solid #88CC7F;
/*	box-shadow: 1px 1px 2px rgba(0,0,0,.2); */
	
	z-index:		9999;
}
	#header .inner {
		width:			1000px;
		margin:			0 auto;
		padding:		0 0 6px;
		position:		relative;
	}
		#header .logo {
			float:		left;
			width:		482px;
			padding:	8px 0 0;
		}
			#header h1 {
				padding:		0 0 5px;
				
				font-size:		12px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#777;
			}
			#header .logo .image {
			}
		#header .search {
			float:		left;
			width:		300px;
			margin:		15px 0 0;
			
			border:		1px solid #e0e0e0;
			background:		#fff;
			position:	relative;
		}
			#header .search form {
				position:	relative;
			}
			#header .search input[type="text"] {
				width:		100%;
				padding:	16px 45px 16px 10px;
				box-sizing: border-box;
					
				border:		none !important;
				background:		none !important;
				
				font-size:		14px;
				font-weight:	normal;
				line-height:	1.3em;
				/*color:			#777; */
			}
			#header .search .submit {
				position:	absolute;
				top:		0;
				right:		0;
				bottom:		0;
				
				display:	block;
				width:		45px;
				height:		auto;
				
				background:		transparent !important;
				border:			none !important;
				
				text-align:	center;
			}
				#header .search .submit .material-icons {
					font-size: 		30px;
					color:			#F4AA51;
					
					line-height:	50px;
				}
				#header .search .submit input[type="submit"] {
					position:	absolute;
					left:		0;
					right:		0;
					top:		0;
					bottom:		0;
					
					display:	block;
					width:		45px;
					height:		auto;
					opacity:	0;
					z-index:	2;
					
					cursor:		pointer;
				}
		#header .menulist {
			float:		right;
		}
			#header .menulist a {
				height:		71px;
				
				display:	block;
/*				border:			1px solid #88CC7F; */
				text-align:		center;
				
				font-size:		13px;
				font-weight:	normal;
				line-height:	1.3em;
				
				text-decoration:	none;
				position:		relative;
			}
			#header .menulist a span {
				display:	block;
			}
			#header .menulist a .text {
				padding:		46px 0 0;
			}
			#header .lately {
				float:		left;
				width:		113px;
			}
				#header .lately a {
					background:		#FDFFF4;
					color:			#88CC7F;
				}
				#header .lately a:before {
					position:	absolute;
					left:		0;
					right:		0;
					top:		0;
					bottom:		0;
					
					display:	block;
					width:		auto;
					height:		auto;
					content:	'';
					
					border-left:		5px solid #88CC7F;
					border-right:		5px solid #88CC7F;
					border-bottom:		5px solid #88CC7F;
				}
				#header .lately a .material-icons {
					position:	absolute;
					left:		0;
					right:		0;
					top:		23px;
					
					margin:			-24px 0 0;
					font-size: 		48px;
				}

			#header .menu {
				float:		left;
				width:		85px;
			}
				#header .menu a {
					background:		#88CC7F;
					color:			#fff;
				}
				#header .menu a:before {
					position:	absolute;
					left:		0;
					right:		0;
					top:		12px;
					margin:		0 auto;
					
					display:	block;
					width:		30px;
					height:		13px;
					overflow:	hidden;
					content:	'';
					
					border-top:	5px solid #fff;
					border-bottom:	5px solid #fff;
				}
				#header .menu a:after {
					position:	absolute;
					left:		0;
					right:		0;
					top:		21px;
					margin:		0 auto;
					
					display:	block;
					width:		30px;
					height:		1px;
					overflow:	hidden;
					content:	'';
					
					border-top:	5px solid #fff;
				}
	#header .header_menu {
		position:	relative;
	}
		#header .header_menu .sub {
			position:	absolute;
			left:		0;
			right:		0;
			
			display:		none;
			padding:		20px 0 ;
			
			background:		#FFFFE1;
			box-shadow:		1px 1px 2px rgba(0,0,0,.2);
		}
		#header .header_menu ul {
			width:			1000px;
			margin:			0 auto;
			position:		relative;
		}
		#header .header_menu ul li {
			float:			left;
			width:			25%;
		}
			#header .header_menu ul li:nth-child(4n+1) {
				clear:		both;
			}
			#header .header_menu ul li a {
				display:	block;
				
				text-decoration:	none;
			}
				#header .header_menu ul li a i {
					font-size:		15px;
					margin:			0 5px 0 0;
					
					position:	relative;
					top:		-2px;
				}
			#header .header_menu ul li a:hover {
				text-decoration:	underline;
			}
#header.fixed {
    background-color: rgba(255,255,255,.9) !important;
}
	#header.fixed h1 {
		display:	none !important;
	}
	#header.fixed .search input[type="text"] {
		padding-top:	9px;
		padding-bottom:		8px;
	}
		#header.fixed .search .submit .material-icons {
			line-height:	35px;
		}
				
	#header.fixed .menulist a {
		height:		55px;
	}
	#header.fixed .lately a .text {
		display:	none;
	}
	#header.fixed .menu a .text {
		display:	none;
	}


	
/* Main Image
---------------------------------------------*/

#main_image {
}
.page_image {
	overflow:	hidden;
}


/* Main Contents
---------------------------------------------*/

#main {
}
	#main .entry {
		max-width:		1000px;
		margin:		0 auto;
	}
	.page_title {
		border-bottom:	1px solid #88CC7F;
		background:		#FFFFE1;
		padding:		7px 0 2px;
		margin:			0 0 ;
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.5em;
		color:			#88CC7F;
	}
		.page_title .in {
			margin:		0 auto;
			width:		1000px;
		}
	h2 {
		font-size:		18px;
		font-weight:	bold;
		line-height:	1.5em;
		color:			#000;
		
		padding:		0 0 12px 25px; 
		margin:			8px 0 12px; 
		text-align:		left;
		
		position:		relative;
		clear:			both;
	}	
		h2:before ,
		h2:after {
			position:		absolute;
			top:			5px;
			
			display:		block;
			width:			7px;
			height:			1px;
			overflow:		hidden;
			content:		'';
			
			border-top:		7px solid #88CC7F;
			border-bottom:		7px solid #88CC7F;
		}
		h2:before {
			left:			3px;
		}
		h2:after {
			left:			11px;
		}

		h2 a,
		h2 a:link,
		h2 a:visited,
		h2 a:hover,
		h2 a:active {
			color:			inherit;
		}
/*	h3 {
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#000;
		
		padding:		9px 10px 7px 20px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	}
		h3 a,
		h3 a:link,
		h3 a:visited,
		h3 a:hover,
		h3 a:active {
			color:			inherit;
		}
	h4 {
		border-bottom:	10px solid #00A0AF;
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#000;
		
		padding:		8px 10px 7px 20px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	}
	h5 {
		font-size:		19px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#000;
		
		padding:		11px 10px 8px 43px;
		margin:			0 0 18px 10px;
		background:		url(images/h5_icon.png) left 8px no-repeat;
		
		position:		relative;
		clear:			both;
	} */
/*		h5:before {
			position:	absolute;
			left:		14px;
			top:		6px;
			bottom:		6px;
			
			display:	block;
			width:		1px;
			height:		auto;
			overflow:	hidden;
			content:	'';
			
			border-left:	6px solid #006600;
		} */
/*	h6 {
		background:		#FFF9E7;
		
		font-size:		16px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#000;
		
		padding:		9px 10px 8px 10px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	} */
		h2 a,
		h3 a,
		h4 a,
		h5 a,
		h6 a {
		  color: inherit !important;
		}
	p ,
	table.mainstyle,
	ol,
	ul {
		margin: 			15px 0 20px;
	}
/*	#tinymce ul ,
	#tinymce ol {
		margin: 			15px 20px 20px 30px;
		font-size:			16px;
		line-height:		1.3em;		
		color:				#525252;
	}
		#tinymce ul ,
		#tinymce ul li {
			list-style:		disc;
		}
		#tinymce ol,
		#tinymce ol li {
			list-style:		decimal;
		} */



/* Footer
---------------------------------------------*/
/* 
body.home #footer {
	margin-top:		0 !important;
	background:		url(../images/page_image_bg.png) center bottom repeat-x;
}
	body.home #footer .links {
		margin-top:		165px !important;
	} */
body.home #footer {
	margin-top:		0 !important;
}
.footer_contents {
	width:		1000px;
	margin:		50px auto 0;
}
	.footer_contents+#footer {
		margin-top:	0 !important;
	}
#footer {
	margin:			50px auto 0;
	padding:		5px 0 0;
	position:		relative;
	
	border-top:		1px solid #e0e0e0;
	background:		#fff;
}
	#footer .inner {
		width:			1000px;
		margin:			0 auto;
		padding:		0 0 15px;
		position:		relative;
	}
	#footer .logo {
		float:		left;
		width:		482px;
		padding:	8px 0 0;
	}
		#footer .logo .text {
			padding:		0 0 5px;
			
			font-size:		12px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#777;
		}
		#footer .logo .image {
		}
	#footer .sns {
		/*
		position:		absolute;
		right:			0;
		top:			50%;
		margin:			-16px 0 0;
		*/
		float:		right;
		padding:	20px 0 38px;
	}

	#footer .links {
		background:		#88CC7F;
		padding:		13px 0;
		
		text-align:		center;
	}
		#footer .links .in {
			width:			1000px;
			margin:			0 auto;
			position:		relative;
		}
		#footer .links .nav {
			font-size:		14px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#fff;
		}
			#footer .links .nav ul {
				display:	inline;
			}
			#footer .links .nav ul li {
				display:	inline;
			}
			#footer .links .nav ul li:after {
				content:	'|';
				margin:		0 9px;
			}
			#footer .links .nav ul li:last-child:after {
				display:	none !important;
			}
			#footer .links .nav ul li a {
				font-size:		14px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#fff;
				
				text-decoration:	none;
			}
			#footer .links .nav ul li a:hover {
				text-decoration:	underline;
			}
		#footer .copyright {
			font-size:		13px;
			font-weight:	normal;
			line-height:	1.1em;
			color:			#666;
			
			text-align:		center;
			padding:		28px 0;
		}
.fixed_banner {
	position:		fixed;
	right:			10px;
	bottom:			120px;
	z-index:		99999;
}
.arrow2top {
	position:		fixed;
	right:			30px;
	bottom:			30px;
	
	z-index:		99999;
}
	.arrow2top a {
		display:	block;
		/*
		background-color:rgba(0,150,0,0.8); */
	}

/* 下層ページ
---------------------------------------------*/

/* BREADCRUMB = TOPIC PATH */

.breadcrumb {
	width:			1000px;
	padding:		8px 0 0;
	margin:			0 auto 20px;
	
	font-size:		13px;
	font-weight:	normal;
	line-height:	1.3em;
	color:			#444;
	
	text-align:		right;
}

.breadcrumb a {
}


/* リスト
---------------------------------------------*/


.baselist {
	margin: 15px;
}
.baselist ul {
	margin:		0 !important;
}
.baselist li {
	list-style:			none !important;
	margin:				0 0 8px;
}
.baselist li a {
	display:			block;
	font-size: 			15px;
	margin-bottom: 		8px;
	padding: 			7px 5px 7px 35px;
	border-bottom: 		1px dotted #666;
}

.baselist li a {
	color: 				#666;
	text-decoration: 	none;
	font-weight:		normal;
}
.baselist li a:hover {
	color: 				#444;
	text-decoration: 	underline;
	font-weight:		normal;
}
.baselist > ul > li {
	/*
	background: 		url(images/side_menu_icon01.png) 5px 12px no-repeat; */
}
.baselist > ul > li ul {
	margin-left:		25px !important;
}
.baselist > ul > li ul li {
/*	background:			url(./images/side_menu_icon02.png) 5px 14px no-repeat;}*/
}





/* PADDING & MARGIN SETUP
---------------------------------------------*/

/* MARGIN */

.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}

.mb00 {margin-bottom: 0px !important;}
.mb01 {margin-bottom: 1px !important;}
.mb02 {margin-bottom: 2px !important;}
.mb03 {margin-bottom: 3px !important;}
.mb04 {margin-bottom: 4px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}

.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

/* PADDING */

.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}

.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}

.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}

/* FLOAT */

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



/* WP STYLE
---------------------------------------------*/

img.centered , 
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: block;
	float: right;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: block;
	float: left;
}

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


/* CLEARFIX
---------------------------------------------*/

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */


/**
 固定バナー関連
 ------------------------------- */
/* .overlay {
	position:		fixed;
	top:			0;
	left:			0;
	right:			0;
	bottom:			0;
	
	width:			auto;
	height:			auto;
	z-index:		98;
	
	background:		rgba(50,50,50,0.5);
} */
.header_fixed {
	position:	fixed;
	top:		0;
	left:		0;
	right:		0;
	z-index:	9999;
}
.footer_fixed {
	position:		fixed;
	left:		0;
	right:		0;
	bottom:		0;
	z-index:	99998;
}

.fixed_nav {
	width:		auto;
	height:		94px;
	
/*	background:		url(../images/fixed_nav_bg.png) center center repeat; */
	background:		rgba(136,204,127,0.4);
}
	.fixed_nav .inner {
		width:		1000px;
		margin:		0 auto;
	}
	.fixed_nav .tel {
		float:		left;
		
		border:		2px solid #F4AA51;
		border-radius:		5px;
		background:			#fff;
		
		margin:		10px 0 0;		
		padding:	0 0 0 60px;
		
		display:	block;
		width:		235px;
		height:		72px;
/*		background:		url(images/fixed_nav_tel_bg.png) left top no-repeat;
		*/
		font-size:		14px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#F4AA51;
		
		position:		relative;
	}
		.fixed_nav .tel i {
			position: absolute;
			top: 50%;
			left: .5em;
			margin-top: -.5em;
			
			font-size:		31px;
		}
		.fixed_nav .tel .number {
			font-size:		23px;
			line-height:	1em;
			
			padding:		26px 0 5px;
		}
		.fixed_nav .tel .hours {
		}

	.fixed_nav .entry {
		float:		left;
		margin:		10px 0 0 24px;
		width:		605px;
	}
		.fixed_nav .entry a {
			float:		left;
			
	/*		border:			2px solid #E40001; */
			border:		2px solid #F4AA51;
			border-radius:		5px;
/*			background:			#E40001;  */
			
			background:		#fff url(../images/fixed_nav_entry_bg.jpg)  right bottom no-repeat;

			display:	block;
			height:		72px;
			
			font-size:		24px;
			font-weight:	bold;
			line-height:	1.3em;
			color:			#F4AA51;
			
			text-align:			center;
			text-decoration:	none;
			position:		relative;
		}
		.fixed_nav .entry a .in {
			display:	table-cell;
			width:		605px;
			height:		74px;
			
			vertical-align:		middle;
			text-align:		center;
		}
		.fixed_nav .entry a i {
			position:	relative;
			top:		-2px;
			
			font-size:		31px;
			margin:			0 8px 0 0;
		}
		.fixed_nav .entry a .balloon {
			position:	absolute;
			right:		-64px;
			top:		-7px;
			/*
			width:		193px;
			height:		69px;
			padding:	14px;
			background:		url(../images/fixed_nav_balloon.png) center top no-repeat; */
			width:		160px;
			height:		149px;
			padding:	14px 14px 14px 68px;
			background:		url(../images/fixed_nav_balloon_bg.png) center top no-repeat; 
				
			font-size:		13px;
			font-weight:	bold;
			line-height:	1.2em;
			color:			#E5921F;
			
			text-align:		left;
			
			    animation: comment 3s ease infinite;
		}
		@keyframes comment{0%,100%,50%,65%{top:-7px}60%{top:-15px}}