@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: 			#81D8D0;
	text-decoration: 	underline;
}

a:hover {
	color: 			#81D8D0;
/*	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:		#f2f2f2;
	
	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 #FF9326; */
/*	border-bottom:	8px solid #EFE9E3; */
/*	border-bottom:	1px solid #FF9326; */
/* 	box-shadow: 1px 1px 2px rgba(0,0,0,.2); */
	border-bottom:	8px solid #81D8D0;

	z-index:		9999;
}
	#header .inner {
		width:			1140px;
		height:			88px;
		margin:			0 auto;
		position:		relative;
	}
		body.home #header .logo a {
			bottom:		-25px;
		}
		#header .logo a {
			position:	absolute;
			left:		0;
			top:		0;
			bottom:		-10px;
			z-index:	5;
			
			width:		220px;
			height:		auto;
			background:		#fff;
			border-radius:	0 0 5px 5px ;
			
			box-shadow: 	0 3px 4px rgba(187,187,187, .8),
							3px 0 4px rgba(187,187,187, .8),
							-3px 0 4px rgba(187,187,187, .8);
			
			transition: all 300ms 0s ease;
		}
			#header .logo a:before {
				position:	absolute;
				left:		5%;
				right:		5%;
				top:		5%;
				bottom:		5%;
				
				display:	block;
				width:		auto;
				height:		auto;
				content:	'';
				
				background:		url(../images/header_logo.png) center center no-repeat;
				background-size:	contain;
			}
/*			#header .logo a img {
				position:	absolute;
				left:		0;
				right:		0;
				top:		0;
				bottom:		0;
				
				display:	block;
				margin:		auto auto;
			} */
			#header .logo a img {
				display:	none;
			}
		#header > .inner > .in {
			padding:		0 258px 0 230px;
		}
		#header h1 {
			float:		left;
			width:		380px;	
			
			font-size:		12px;
			font-weight:	normal;
			line-height:	1.6em;
			color:			#777;
		}
			#header h1 span {
				display:	table-cell;
				height:		88px;
				
				text-align:		left;
				vertical-align:		middle;
			}
		#header .search {
			float:		right;
			width:		270px;
			margin:		21px 0 0;
			
			border:		1px solid #e0e0e0;
			background:		#fff;
			position:	relative;
		}
			#header .search form {
				position:	relative;
			}
			#header .search input[type="text"] {
				width:		100%;
				padding:	13px 45px 13px 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:			#ccc;
					
					line-height:	45px;
				}
				#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 {
			/*
			position:	absolute;
			right:		0;
			bottom:		0;
			top:		0;
			
			width:		220px;
			height:		auto;
			*/
		}
			#header .menulist .menu a,
			#header .menulist .lately a {
				position:	absolute;
				right:		0;
				bottom:		0;
				top:		0;
				
				width:		110px;
				height:		auto;
				overflow:	hidden;
				
				padding:	12px 0 0;
			}
			#header .menulist a {
				right:		0;
				
				display:	block;
/*				border:			1px solid #FF9326; */
				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 .menulist a .material-icons {
					position:	absolute;
					left:		0;
					right:		0;
					top:		33px;
					
					margin:			-24px 0 0;
					font-size: 		48px;
				}
			#header .lately a {
				right:		110px !important;
				
				background:		#DBF5F2;
				color:			#2DB1AA;
				border-left:	1px solid #DBF5F2;
			}
			/*	#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 #FF9326;
					border-right:		5px solid #FF9326;
					border-bottom:		5px solid #FF9326;
				} */


			#header .menu {
			}
				#header .menu a {
					background:		#81D8D0;
					color:			#fff;
				}
				/*
				#header .menu a:before {
					position:	absolute;
					left:		0;
					right:		0;
					top:		22px;
					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:		31px;
					margin:		0 auto;
					
					display:	block;
					width:		30px;
					height:		1px;
					overflow:	hidden;
					content:	'';
					
					border-top:	5px solid #fff;
				} */
		#header .search_form {
			display:	none;
		}
			#header .search_form .select {
				float:		left;
				display:		block;
				width:			120px;
			}
				#header .search_form .select a {
					border:				1px solid #e0e0e0;
					background:			#fff;
					
					display:		block;
					padding:		0 0 0 10px;
					height:			32px;
					
					color:		#444;
					text-decoration:	none;
					
					position:		relative;
				}
					#header .search_form .select a .in {
						display:	table-cell;
						width:		110px;
						height:		34px;
						vertical-align:		middle;
					}
					#header .search_form .select a .placeholder {
						display:		block;
						width:			110px;
						overflow:		hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						
						color:		#999;
					}
					#header .search_form .select a .text {
						display:		block;
						width:			110px;
						overflow:		hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
			#header .search_form .multiple {
				float:		left;
				display:		block;
				width:			34px;
				height:			34px;
				
				font-size:		28px;
				line-height:	34px;
				color:			#81D8D0;
				
				text-align:		center;
			}
				#header .search_form .multiple i {
					font-size:		28px;
				}
			#header .search_form .submit {
				float:		left;
				margin:		0 0 0 10px;
				
				display:	block;
				width:		34px;
				height:		34px;
				box-sizing:		border-box;
				
				cursor:		pointer;
				
				background:			#81D8D0;
				border:			none; 
				/*border:			3px double #fff; */
				/* background:	#FF9326; */

				font-size:		15px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#fff;
				
				text-align:		center;
				position:		relative;
			}
				#header .search_form .submit:before {
					position:	absolute;
					left:		0;
					right:		0;
					top:		0;
					bottom:		0;
					
					display:	block;
					width:		auto;
					height:		auto;
					content:	'';
					
					border:		2px solid rgba(255,255,255,0.3);
				}
				#header .search_form .submit i {
					font-size:		24px;
				}
	#header .header_menu {
		position:	relative;
	}
		#header .header_menu .sub {
			position:	absolute;
			left:		0;
			right:		0;
			top:		8px;
			
			display:		none;
			padding:		20px 0 20px;
			
			background:		#fff;
			box-shadow:		1px 1px 2px rgba(0,0,0,.2);
		}
			body.home #header .header_menu .sub {
				padding-top:		40px !important;
			}
			body.home #header.fixed .header_menu .sub {
				padding-top:		20px !important;
			}
		#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; */
 	box-shadow: 1px 1px 2px rgba(0,0,0,.2); 
}
	#header.fixed .logo a {
		width:		135px;
		bottom:		-12px !important;
	}
	#header.fixed .inner {
		height:		57px;
	}
	#header.fixed .search_form {
		float:		left;
		display:	block;
	}
	#header.fixed .search {
		float:		left;
		width:		240px;
		height:		32px;
		overflow:	hidden;
		
		margin:		0 0 0 12px;
	}
	
	
	#header.fixed > .inner > .in {
		padding:		12px 0 8px 153px;
	}
	#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 {
		position:		absolute;
		right:			0;
		top:			0;
		height:			57px;
	}
		#header.fixed .menulist .menu,
		#header.fixed .menulist .lately {
			position:		static !important;
			float:			right !important;
		}
		#header.fixed .menulist a {
			position:	static;
			display:	block;
			
			width:		130px !important;
			height:		57px !important;
			padding:	0 12px !important;
		}
		#header.fixed .menulist a .in {
			display:	table-cell;
			height:		57px;
			
			text-align:		left;
			vertical-align:		middle;
			white-space:		nowrap;
		}
		#header.fixed .menulist a .material-icons {
			display:		inline;
			position:		static !important;
			margin:			0 !important;
		}
		#header.fixed .menulist a .text {
			display:		inline;
			padding:		0 !important;
		}
/*
			#header .menulist .menu a,
			#header .menulist .lately a {
				position:	absolute;
				right:		0;
				bottom:		0;
				top:		0;
				
				width:		110px;
				height:		auto;
				overflow:	hidden;
				
				padding:	12px 0 0;
			}
			*/

/*
	#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 #DD6B16;
		background:		#F2FFFF;
		padding:		7px 0 2px;
		margin:			0 0 ;
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.5em;
		color:			#DD6B16;
		*/
		border-bottom:	1px solid #2DB1AA;
		background:		#F2FFFF;
		padding:		7px 0 2px;
		margin:			0 0 ;
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.5em;
		color:			#888;
	}
		.page_title .in {
			margin:		0 auto;
			width:		1000px;
		}

	h2 {
/*		float:		left; */
		padding:	36px 20px 16px 65px;
		margin:		0 0 26px;
		/*
		background:		#fff;
		border:			1px solid #9F7342;	
		*/
		font-size:		16px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#2DB1AA;
		
		position:		relative;
	}
		h2:before {
			position:	absolute;
			left:		25px;
			right:		0;
			bottom:		0;
			z-index:	1;
			
			display:	block;
			width:		auto;
			height:		12px;
			content:	'';
			
			background:		url(../images/list_title_line.png) center bottom repeat-x;
		}
		h2:after {
			position:	absolute;
			left:		0;
			bottom:		0;
			z-index:	2;
			
			display:	block;
			width:		54px;
			height:		54px;
			content:	'';
			
			border-radius:		54px;
			
			background-color:		#81D8D0;
			background-image:		url(../images/title_icon00.png);
			background-position:	center center;
			background-repeat:		no-repeat;
		}
/*
	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 #DD6B16;
			border-bottom:		7px solid #DD6B16;
		}
		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 8px;
	}

	#footer .links {
		background:		#fff;
		padding:		13px 0;
		
		text-align:		left;
	}
		#footer .links .in {
			width:			1000px;
			margin:			0 auto;
			position:		relative;
		}
		#footer .links .nav {
			font-size:		13px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#555;
			
			text-align:		center;
		}
			#footer .links .nav ul {
				display:	inline;
			}
			#footer .links .nav ul li {
				display:	inline;
			}
			#footer .links .nav ul li:after {
				content:	'|';
				margin:		0 4px;
			}
			#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:			#555;
				
				text-decoration:	none;
			}
			#footer .links .nav ul li a:hover {
				text-decoration:	underline;
			}
		#footer .copyright {
			background:		#F2FFFF;
			
			font-size:		13px;
			font-weight:	normal;
			line-height:	1.1em;
			color:			#555;
			
			text-align:		center;
			padding:		28px 0;
			margin:		16px 0 0;
		}
.fixed_banner {
	position:		fixed;
	right:			10px;
	bottom:			120px;
	z-index:		99999;
}
.arrow2top {
	position:		fixed;
	right:			10px;
	bottom:			10px;
	
	z-index:		99999;
}
	.arrow2top a {
		display:	block;
		
		background-color:	rgba(44,177,170, 0.65);
/*		border-radius:		108px; */
	}

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

/* 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 {
	color:		#81D8D0;
}


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


.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:		#F2FFFF;
}
	.fixed_nav .inner {
		width:		1000px;
		margin:		0 auto;
	}
	.fixed_nav .tel {
		float:		left;
		
		border:				3px solid #2CB1AA;
		border-radius:		5px;
		background:			#fff;
		
		margin:		10px 0 0;		
		padding:	0 0 0 60px;
		
		display:	block;
		width:		303px;
		height:		74px;
		box-sizing:		border-box;
/*		background:		url(images/fixed_nav_tel_bg.png) left top no-repeat;
		*/
		font-size:		14px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#2CB1AA;
		
		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:		15px 0 5px;
			
			letter-spacing:		1px; 
		}
			.fixed_nav .tel .number span {
				position:	relative;
				display:	inline-block;
			}
			.fixed_nav .tel .number span[data-ruby]:before {
				content:		attr(data-ruby);
				position:	absolute;
				
				top:		-11px;
				left:		-12px;
				right:		-12px;
				margin:		0 auto;
				
				font-size:	10px;
				/*font-weight:	normal; */
				line-height:		1em;
				text-align:		center;
			}
		.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:			1px solid #D38B00; */
			border-radius:		5px;
/*			background:			#E40001;  */
			
			background: #ED5533;
			border:		3px solid #FD8E34;
/*			box-shadow:		2px 2px 3px 2px rgba(140,0,0,0.15) inset,
							-2px -2px 3px 2px rgba(140,0,0,0.15) inset;
			*/
			display:	block;
			height:		74px;
			box-sizing:		border-box;
			
			font-size:		24px;
			font-weight:	bold;
			line-height:	1.3em;
			color:			#fff;
			
			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:		-48px;
			top:		-28px;

			box-sizing:		border-box;
			width:		213px;
			height:		83px;
			padding:	20px 14px 14px;
			background:		url(../images/fixed_nav_balloon_bg.png) center top no-repeat; 
			text-align:		center;

			/*
			width:		160px;
			height:		149px;
			padding:	14px 14px 14px 68px;
			background:		url(../images/fixed_nav_balloon.png) center top no-repeat; 
			text-align:		left;
			*/
			font-size:		13px;
			font-weight:	bold;
			line-height:	1.2em;
			color:			#888;
			
			
			    animation: comment 3s ease infinite;
		}
		@keyframes comment{0%,100%,50%,65%{top:-28px}60%{top:-36px}}