@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.6
 *  updated --- 2014/06/20
 *
 *  2014-06-20 : myamamoto : version 3.6. Add  'メイリオ',Meiryo  to the default font-family.
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴPro W3", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #502700;
}

.onlyPC{display:block !important;}
	.onlyPCinb{display:inline-block !important;}
.onlySP{display:none !important;}
@media screen and (max-width:767px){
	.onlyPC,
	.onlyPCinb{display:none !important;}
	.onlySP{display:block !important;}
	.onlySPinb,
	img.onlySP{display:inline-block !important;}
}

/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#headerIn,
#contents,
.sectionIn,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#headerIn:after,
#contents:after,
.sectionIn:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #headerIn,
* html #contents,
* html .sectionIn,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width:100%;
	overflow: hidden;
}
/* !header
---------------------------------------------------------- */
#header {
	height:103px;
	min-width:980px;
	background-color:#502700;
	border-bottom:4px solid #f8b500;
}
	#headerIn {
		margin: 0 auto;
		padding:0 15px;
		width: 980px;
		text-align: left;
	}
		#headerLogo {
			float:left;
			margin:28px 0 0;
		}
		
@media screen and (max-width:767px){
	#wrapper {padding:50px 0 0;}
	#header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:50px;
		border-bottom:3px solid #f8b500;
		z-index:999;
		min-width:inherit;
	}
		#headerIn {
			width: auto;
			padding:0;
			height:39px;
		}
			#headerLogo {
				padding:16px 0 13px 15px;
				margin: 0;
				float: none;
				position: relative;
				background: #502700;
				z-index: 999;
			}
				#headerLogo img{
					width:86px;
					height:auto;
				}

}
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	overflow:hidden;
	float:right;
	position: relative;
	width: 660px;
	height: 45px;
	margin:28px 0 0 0;
}
	#gNavi ul {
		overflow:hidden;
		margin:0 -42px 0 0;
	}
	#gNavi li {
		position:relative;
		float:left;
		width: 140px;
		height: 45px;
		text-align:center;
	}
	#gNavi li:before {
		position:absolute;
		right:0;
		top:4px;
		width:1px;
		height:35px;
		background-color:#b57c00;
		content:'';
	}
	#gNavi li.last:before {display:none;}
	#gNavi li a{
		display:block;
		color:#fff;
		font-weight:bold;
		font-size:14px;
		line-height:1.3;
	}
	#gNavi li a:hover{
		color:#f8b616;
		text-decoration:none;
	}
	#gNavi li em{
		display:block;
		margin:5px 0 0;
		color:#f8b616;
		font-size:11px;
	}
	#gNavi li ul{display:none;}
	
	#g01 #gNavi li:nth-child(1) a,
	#g02 #gNavi li:nth-child(2) a,
	#g03 #gNavi li:nth-child(3) a,
	#g04 #gNavi li:nth-child(4) a,
	#g05 #gNavi li:nth-child(5) a{
		color:#f8b616;
		text-decoration:none;
	}
	
#btnMenu {display:none;}
	
@media screen and (max-width:767px){
	#gNavi {
		float:none;
		position: relative;
		top: -1000px;
		width: 100%;
		height: auto;
		margin:0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
		#gNavi ul {
			margin:0;
			padding: 0 0 80px;
		}
		#gNavi li {
			position:relative;
			float:none;
			width: auto;
			height: auto;
			border-bottom:1px solid #fcf9dc;
			background:#f8b500;
		}
		#gNavi li:after {
			content:'';
			position:absolute;
			top:14px;
			right:15px;
			width:15px;
			height:15px;
			background:url(/common/img/ico_arrow03.gif) no-repeat right top;
			background-size:10px auto;
		}
		#gNavi li.current:after {
			background:url(/common/img/ico_plus01.gif) no-repeat 0 0;
			background-size:15px auto;
		}
		#gNavi li:before {display:none;}
		#gNavi li a{
			display:block;
			color:#502700;
			font-size:13px;
			padding:14px 0;
		}
		#gNavi li em{display:none;}
		#gNavi li ul{
			display:none;
			padding:0;
		}
		#gNavi li li{
			position:relative;
			background:#fcf9dc;
			border-top:1px solid #f8b500;
		}
		#gNavi li li:after{
			right:12px;
			background:url(/common/img/ico_arrow04.gif) no-repeat right center;
			background-size: 7px auto;
		}
		#gNavi li li a{
			font-weight:normal;
			font-size:11px;
		}
		
	#g01 #gNavi li:nth-child(1) a,
	#g02 #gNavi li:nth-child(2) a,
	#g03 #gNavi li:nth-child(3) a,
	#g04 #gNavi li:nth-child(4) a,
	#g05 #gNavi li:nth-child(5) a{
		color:#fff;
	}
		
	#btnMenu {
		overflow: hidden;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 55px;
		height: 40px;
		background: url(/common/img/ico_gnavi01.gif) no-repeat 0 0;
		background-size:55px auto;
		text-indent: -9999px;
		z-index: 9999;
	}
	
	
	.menu-open #gNavi {
		top: 0;
		-webkit-transition: all .15s ease;
		   -moz-transition: all .15s ease;
			-ms-transition: all .15s ease;
			 -o-transition: all .15s ease;
				transition: all .15s ease;
		}
		
	.menu-open #btnMenu {
		background: url(/common/img/ico_close01.gif) no-repeat 0 0;
		background-size:55px auto;
	}

}

/* !gNavi recruiting
---------------------------------------------------------- */
#gNaviRecruit {
	overflow:hidden;
	float:right;
	position: relative;
	width: 755px;
	height: 65px;
	margin:28px 0 0 0;
}
	#gNaviRecruit ul {
		overflow:hidden;
		margin:0 -42px 0 0;
	}
	#gNaviRecruit li {
		position:relative;
		float:left;
		width:97px;
		height: 65px;
		text-align:center;
		vertical-align:middle;
	}
	#gNaviRecruit li:before {
		position:absolute;
		right:0;
		top:4px;
		width:1px;
		height:50px;
		background-color:#b57c00;
		content:'';
	}
	#gNaviRecruit li.last:before {display:none;}
	#gNaviRecruit li a{
		display:block;
		color:#fff;
		font-weight:bold;
		font-size:10px;
		line-height:1.3;
	}
	#gNaviRecruit li a:hover{
		color:#f8b616;
		text-decoration:none;
	}
	#gNaviRecruit li em{
		display:block;
		margin:5px 0 0;
		color:#f8b616;
		font-size:11px;
	}
	#gNaviRecruit li ul{display:none;}
	
	/*
	#g01 #gNaviRecruit li:nth-child(1) a,
	#g02 #gNaviRecruit li:nth-child(2) a,
	#g03 #gNaviRecruit li:nth-child(3) a,
	#g04 #gNaviRecruit li:nth-child(4) a,
	#g05 #gNaviRecruit li:nth-child(5) a{
		color:#f8b616;
		text-decoration:none;
	}
	*/
	
#btnMenu {display:none;}
	
@media screen and (max-width:767px){
	#gNaviRecruit {
		float:none;
		position: relative;
		top: -1000px;
		width: 100%;
		height: auto;
		margin:0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
		#gNaviRecruit ul {
			margin:0;
			padding: 0 0 80px;
		}
		#gNaviRecruit li {
			position:relative;
			float:none;
			width: auto;
			height: auto;
			border-bottom:1px solid #fcf9dc;
			background:#f8b500;
			text-align:left;
		}
		#gNaviRecruit li:after {
			content:'';
			position:absolute;
			top:14px;
			right:15px;
			width:15px;
			height:15px;
			background:url(/common/img/ico_arrow03.gif) no-repeat right top;
			background-size:10px auto;
		}
		#gNaviRecruit li.current:after {
			background:url(/common/img/ico_plus01.gif) no-repeat 0 0;
			background-size:15px auto;
		}
		#gNaviRecruit li:before {display:none;}
		#gNaviRecruit li a{
			display:block;
			color:#502700;
			font-size:13px;
			padding:14px 0 14px 30%;
		}
		#gNaviRecruit li em{display:none;}
		#gNaviRecruit li ul{
			display:none;
			padding:0;
		}
		#gNaviRecruit li li{
			position:relative;
			background:#fcf9dc;
			border-top:1px solid #f8b500;
		}
		#gNaviRecruit li li:after{
			right:12px;
			background:url(/common/img/ico_arrow04.gif) no-repeat right center;
			background-size: 7px auto;
		}
		#gNaviRecruit li li a{
			font-weight:normal;
			font-size:11px;
		}
	
	/*
	#g01 #gNaviRecruit li:nth-child(1) a,
	#g02 #gNaviRecruit li:nth-child(2) a,
	#g03 #gNaviRecruit li:nth-child(3) a,
	#g04 #gNaviRecruit li:nth-child(4) a,
	#g05 #gNaviRecruit li:nth-child(5) a{
		color:#fff;
	}
	*/
		
	#btnMenu {
		overflow: hidden;
		display: block;
		position: absolute;
		top:4px;
		right: 0;
		width: 55px;
		height: 50px;
		background: url(/common/img/ico_gnavi01.gif) no-repeat 0 0;
		background-size:55px auto;
		text-indent: -9999px;
		z-index: 9999;
	}
	
	
	.menu-open #gNaviRecruit {
		top: 0;
		-webkit-transition: all .15s ease;
		   -moz-transition: all .15s ease;
			-ms-transition: all .15s ease;
			 -o-transition: all .15s ease;
				transition: all .15s ease;
		}
		
	.menu-open #btnMenu {
		background: url(/common/img/ico_close01.gif) no-repeat 0 0;
		background-size:55px auto;
	}

}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
	background-color:#fffde8;
}
	#breadcrumbIn{
		margin: 0 auto;
		padding:0 15px;
		width: 980px;
		text-align: left;
	}
		#breadcrumb li {
			float: left;
			margin:0 15px 0 0;
			padding:11px 0;
			white-space: nowrap;
			color:#f8b500;
			font-size:13px;
		}
		#breadcrumb li.last {
			color:#502700;
		}
			#breadcrumb li a {
				margin:0 15px 0 0;
				white-space: nowrap;
				color:#f8b500;
			}
			
@media screen and (max-width:767px){
	#breadcrumb {}
		#breadcrumbIn{width:auto;}
			#breadcrumb li {
				margin:0 5px 0 0;
				padding:6px 0;
				font-size:9px;
			}
				#breadcrumb li a {margin:0 5px 0 0;}
	.border01 {border-bottom:1px solid #f8ba11;}
}
/* !mainimg
---------------------------------------------------------- */
#mainimg {
}
/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	padding:70px 20px 0;
	width: 980px;
	text-align: left;
}
#contents02 {
	width: 100%;
	padding: 30px 0 20px;
	text-align: left;
}
	#main {
		float: right;
		width: 710px;
	}
	#sub {
		float: left;
		width: 170px;
	}
	
	#subTitle {
		display:table-cell;
		width:170px;
		height:169px;
		background-color:#f8b500;
		vertical-align:middle;
		text-align:center;
	}
		#subTitle .ttl{
			font-weight:bold;
			font-size:22px;
		}
			#subTitle .txt{
				font-family: "Trebuchet MS";
				font-weight: bold;
				display:block;
				font-size:12px;
				line-height: 1;
			}
			#subTitle .txt02{
				margin:0 0 13px;
				font-weight: bold;
				display:block;
				font-size:11px;
				line-height: 16px;
			}
	
@media screen and (max-width:767px){
	#contents {
		width: auto;
		padding:0;
	}
	#contents02 {
		width: auto;
		padding: 0;
	}
		#main,
		#sub {
			float: none;
			width: auto;
		}
		#main{padding:0 15px;}
		#sub {margin:0 0 25px;}
		
		#subTitle {
			display:block;
			width:auto;
			padding: 15px 0;
			height:49px;
		}
			#subTitle .ttl{font-size:13px;}
			#subTitle .ttl .onlySP{display:inline-block !important;}
				#subTitle .txt{
					display:inline-block;
					margin:0 0 0 5px;
					font-size:8px;
					vertical-align:middle;
				}
				#subTitle .txt02{display:none;}

}

/* !subMenu
---------------------------------------------------------- */
#subMenu {
	float: right;
	width: 196px;
}
#subMenuSearch{}
#subSearchTitle{
	height:64px;
	background-color:#f8b500;
	text-align:center;
}
	#subSearchTitle .ttl{
		padding:15px 0 0;
		font-weight:bold;
		font-size:16px;
		line-height:1;
	}
	#subSearchTitle .ttl em{
		display:block;
		font-weight:bold;
		font-size:12px;
		margin:5px 0 0;
	}
#subSearchCon{
	padding:20px 17px 20px 20px;
	background-color:#fffde8;
}
#subSearchForm{
	margin:0 0 25px;
}
#subSearchForm .ttl{
	margin:0 0 7px;
	display:block;
	font-size:13px;
	text-align:center;
}
#subSearchForm .form{
	position:relative;
	padding:0 10px;
	height:25px;
	border:1px solid #9c7e63;
	background-color:#FFF;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
#subSearchForm .form input[type="text"]{
	width:100%;
	padding:0;
	margin:0;
	border:none;
	outline:none;
	line-height:23px;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
#subSearchForm .form input[type="image"]{
	position:absolute;
	top:4px;
	right:8px;
	width:13px;
	height:17px;
}
::-webkit-input-placeholder {color: #e1d8cf;}
:-moz-placeholder { color: #e1d8cf;}
::-moz-placeholder { color: #e1d8cf;  }
:-ms-input-placeholder {  color: #e1d8cf; }

#subSearchOption{}
#subSearchOption li{
	position:relative;
	margin:20px 0 0;
	text-align:center;
}
#subSearchOption li:after{
	position:absolute;
	content:'';
}
#subSearchOption #opt01:after{
	top:15px;
	right:7px;
	width:10px;
	height:7px;
	background: url(/common/img/ico_arrow06.gif) no-repeat 0 0;
}
#subSearchOption #opt02:after{
	top:13px;
	right:8px;
	width:7px;
	height:10px;
	background: url(/common/img/ico_arrow05.gif) no-repeat 0 0;
	background-size:6px auto;
}
#subSearchOption li a{
	display:block;
	padding:10px 0;
	color:#fff;
}
#subSearchOption li a:hover{
	text-decoration:none;
}
#subSearchOption #opt01 a{
	background:#f8b500 url(/common/img/ico_map01.gif) no-repeat 10px center;
	background-size:14px auto;
}
#subSearchOption #opt02 a{
	background:#f8b500 url(/common/img/ico_location01.gif) no-repeat 11px center;
	background-size:13px auto;
}

#subTopBanner{}
#subTopBanner li{margin:24px 0 0;}

@media screen and (max-width:767px){
	#subMenu {
		float: none;
		width: auto;
	}
	#subMenuSearch{
		width:100%;
		padding:15px;
		position:absolute;
		top:0;
		left:0;
	}
	#subSearchTitle{height:30px;}
		#subSearchTitle .ttl{
			padding:0;
			font-size:15px;
			line-height:2;
		}
		#subSearchTitle .ttl em{
			position:relative;
			display:inline-block;
			margin:0 0 0 5px;
			padding:0 0 0 5px;
			font-size:11px;
			line-height:2.7;
		}
		#subSearchTitle .ttl em:before{
			position:absolute;
			top:0;
			left:0;
			content:'-';
		}
	#subSearchCon{
		padding:15px 20px 10px;
		background-color:#fffde8;
	}
	#subSearchForm{
		position:relative;
		margin:0 0 17px;
		padding:0 0 0 122px;
	}
	#subSearchForm .ttl{
		position:absolute;
		top:0;
		left:0;
		font-size:12px;
		line-height:2.67;
		text-align:left;
	}
	#subSearchForm .form{
		height:32px;
		padding:5px 20px 5px 10px;
	}
	#subSearchForm .form input[type="text"]{
		line-height:20px;
	}
	#subSearchForm .form input[type="image"]{
		top:7px;
		right:7px;
	}
	
	#subSearchOption{overflow:hidden;}
	#subSearchOption li{
		float:left;
		width:50%;
		margin:0;
		padding:0 3px 0 0;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}
	#subSearchOption li.first{
		float:right;
		padding:0 0 0 3px;
	}
	#subSearchOption li:after{
		position:absolute;
		content:'';
	}
	#subSearchOption #opt01:after,
	#subSearchOption #opt02:after{
		top:50%;
		right:4px;
		width:6px;
		height:8px;
		margin-top:-4px;
		background: url(/common/img/ico_arrow05.gif) no-repeat 0 0;
		background-size:6px auto;
	}
	#subSearchOption #opt02:after{right:7px;}
	#subSearchOption li a{
		display:block;
		padding:10px 0;
		color:#fff;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	
	#subTopBanner{}
	#subTopBanner li{
		float:left;
		width:50%;
		padding:0 0 0 7px;
		margin:15px 0 0;
	}
	#subTopBanner li.first{padding:0 7px 0 0;}
	#subTopBanner img{
		width:100%;
		height:auto;
	}
}

/* !lNavi
---------------------------------------------------------- */
#lNavi{overflow:hidden;}
	#lNavi li{border-bottom:1px solid #f8ba11;}
		#lNavi li a{
			position:relative;
			display:block;
			padding:16px 15px 15px 5px;
			color:#502700;
			font-size:13px;
			letter-spacing: -0.05em;
		}
		#lNavi li a:before{
			position:absolute;
			top:50%;
			right:7px;
			width:6px;
			height:12px;
			margin-top:-6px;
			background: url(/common/img/ico_arrow07.png) no-repeat 0 0;
			content:'';
		}
		/* #lNavi li a.current:before{background:none;} */
		
		.l01 #lNavi li:nth-child(1) a,
		.l02 #lNavi li:nth-child(2) a,
		.l03 #lNavi li:nth-child(3) a,
		.l04 #lNavi li:nth-child(4) a,
		.l05 #lNavi li:nth-child(5) a,
		.l06 #lNavi li:nth-child(6) a,
		.l07 #lNavi li:nth-child(7) a,
		.l08 #lNavi li:nth-child(8) a,
		.l09 #lNavi li:nth-child(9) a,
		.l10 #lNavi li:nth-child(10) a{ color: #f8b500;}
		
		.l01 #lNavi li:nth-child(1) ul,
		.l02 #lNavi li:nth-child(2) ul,
		.l03 #lNavi li:nth-child(3) ul,
		.l04 #lNavi li:nth-child(4) ul,
		.l05 #lNavi li:nth-child(5) ul,
		.l06 #lNavi li:nth-child(6) ul,
		.l07 #lNavi li:nth-child(7) ul,
		.l08 #lNavi li:nth-child(8) ul,
		.l09 #lNavi li:nth-child(9) ul,
		.l10 #lNavi li:nth-child(10) ul{ display: block;}
			
		#lNavi li li{
			position:relative;
			border-bottom:none;
			border-top:1px dashed #fbc93e;
		}
			#lNavi li li a{
				padding:13px 15px 13px 5px;
				font-size:12px;
				line-height:13px;
			}
			#lNavi li li a:before{
				margin-top:-3px;
				background: url(/common/img/ico_arrow18.gif) no-repeat 0 0;
			}
			#lNavi ul ul {display:none;}
@media screen and (max-width:767px){
	#lNavi{position:relative;}
	#lNavi:after{
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:1px;
		background-color:#f8ba11;
		content:'';
	}
	#lNavi li{
		float:left;
		width:50%;
		border-bottom:1px solid #f8ba11;
		border-right:1px solid #f8ba11;
	}
	#lNavi li.onlySPColor {background:#FFE399;}
	#lNavi li.onlySPColor a:before, #lNavi li.onlySPColor a.current:before, #lNavi li li a:before {
    	background: url(/common/img/ico_arrow20.png) no-repeat 0 0;
    	background-size: 3px 6px;
	}
	#lNavi li:nth-child(even){border-right:none;}
	#lNavi li a:before,
	#lNavi li a.current:before,
	#lNavi li li a:before{
		right:5px;
		width:3px;
		height:6px;
		margin-top:-3px;
		background: url(/common/img/ico_arrow07.png) no-repeat 0 0;
		background-size: 3px 6px;
	}
	#lNavi .scroll:before{
		right:4px;
		width:6px;
		height:4px;
		margin-top:-2px;
		background: url(/common/img/ico_arrow19.gif) no-repeat 0 0;
		background-size: 6px 4px;
	}
		#lNavi li a{
			padding:13px 0 12px;
			font-size:10px;
			text-align:center;
			vertical-align:middle;
			letter-spacing: -0.01em;
		}
 		.l01 #lNavi li a.current,
		.l02 #lNavi li a.current,
		.l03 #lNavi li a.current,
		.l04 #lNavi li a.current,
		.l05 #lNavi li a.current,
		.l06 #lNavi li a.current,
		.l07 #lNavi li a.current,
		.l08 #lNavi li a.current,
		.l09 #lNavi li a.current,
		.l10 #lNavi li a.current{ color: #502700;} 
		#lNavi ul ul {
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
		}
		#lNavi ul ul:after{
			position:absolute;
			left:0;
			top:-1px;
			width:100%;
			height:1px;
			background-color:#f8ba11;
			content:'';
		}
		#lNavi li li{
			float:none;
			width:100%;
			border-right:none;
			border-top:none;
			border-bottom:1px solid #f8ba11;
			background:#fffde8;
		}
			#lNavi li li a{
				padding: 8px 0;
				background:#fffde8;
				font-size:11px;
			}

}
/* !lNaviRecruit
---------------------------------------------------------- */
#lNaviRecruit{overflow:hidden;}
	#lNaviRecruit li{border-bottom:1px solid #f8ba11;}
		#lNaviRecruit li a{
			position:relative;
			display:block;
			padding:16px 15px 15px 5px;
			color:#502700;
			font-size:13px;
			letter-spacing: -0.05em;
		}
		#lNaviRecruit li a:before{
			position:absolute;
			top:50%;
			right:7px;
			width:6px;
			height:12px;
			margin-top:-6px;
			background: url(/common/img/ico_arrow07.png) no-repeat 0 0;
			content:'';
		}
		/* #lNavi li a.current:before{background:none;} */
		
		.l01 #lNaviRecruit li:nth-child(1) a,
		.l02 #lNaviRecruit li:nth-child(2) a,
		.l03 #lNaviRecruit li:nth-child(3) a,
		.l04 #lNaviRecruit li:nth-child(4) a,
		.l05 #lNaviRecruit li:nth-child(5) a,
		.l06 #lNaviRecruit li:nth-child(6) a,
		.l07 #lNaviRecruit li:nth-child(7) a,
		.l08 #lNaviRecruit li:nth-child(8) a,
		.l09 #lNaviRecruit li:nth-child(9) a,
		.l10 #lNaviRecruit li:nth-child(10) a{ color: #f8b500;}
		
		.l01 #lNaviRecruit li:nth-child(1) ul,
		.l02 #lNaviRecruit li:nth-child(2) ul,
		.l03 #lNaviRecruit li:nth-child(3) ul,
		.l04 #lNaviRecruit li:nth-child(4) ul,
		.l05 #lNaviRecruit li:nth-child(5) ul,
		.l06 #lNaviRecruit li:nth-child(6) ul,
		.l07 #lNaviRecruit li:nth-child(7) ul,
		.l08 #lNaviRecruit li:nth-child(8) ul,
		.l09 #lNaviRecruit li:nth-child(9) ul,
		.l10 #lNaviRecruit li:nth-child(10) ul{ display: block;}
			
		#lNaviRecruit li li{
			position:relative;
			border-bottom:none;
			border-top:1px dashed #fbc93e;
		}
			#lNaviRecruit li li a{
				padding:13px 15px 13px 5px;
				font-size:12px;
				line-height:13px;
			}
			#lNaviRecruit li li a:before{
				margin-top:-3px;
				background: url(/common/img/ico_arrow18.gif) no-repeat 0 0;
			}
			#lNaviRecruit ul ul {display:none;}
@media screen and (max-width:767px){
	#lNaviRecruit{position:relative;}
	#lNaviRecruit:after{
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:1px;
		background-color:#f8ba11;
		content:'';
	}
	#lNaviRecruit li{
		float:left;
		width:50%;
		border-bottom:1px solid #f8ba11;
		border-right:1px solid #f8ba11;
	}
	#lNaviRecruit li:nth-child(even){border-right:none;}
	#lNaviRecruit li a:before,
	#lNaviRecruit li a.current:before,
	#lNaviRecruit li li a:before{
		right:5px;
		width:3px;
		height:6px;
		margin-top:-3px;
		background: url(/common/img/ico_arrow07.png) no-repeat 0 0;
		background-size: 3px 6px;
	}
	#lNaviRecruit .scroll:before{
		right:4px;
		width:6px;
		height:4px;
		margin-top:-2px;
		background: url(/common/img/ico_arrow19.gif) no-repeat 0 0;
		background-size: 6px 4px;
	}
		#lNaviRecruit li a{
			padding:8px 0 7px;
			font-size:10px;
			text-align:center;
			vertical-align:middle;
			letter-spacing: -0.01em;
		}
 		.l01 #lNaviRecruit li a.current,
		.l02 #lNaviRecruit li a.current,
		.l03 #lNaviRecruit li a.current,
		.l04 #lNaviRecruit li a.current,
		.l05 #lNaviRecruit li a.current,
		.l06 #lNaviRecruit li a.current,
		.l07 #lNaviRecruit li a.current,
		.l08 #lNaviRecruit li a.current,
		.l09 #lNaviRecruit li a.current,
		.l10 #lNaviRecruit li a.current{ color: #502700;} 
		#lNaviRecruit ul ul {
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
		}
		#lNaviRecruit ul ul:after{
			position:absolute;
			left:0;
			top:-1px;
			width:100%;
			height:1px;
			background-color:#f8ba11;
			content:'';
		}
		#lNaviRecruit li li{
			float:none;
			width:100%;
			border-right:none;
			border-top:none;
			border-bottom:1px solid #f8ba11;
			background:#fffde8;
		}
			#lNaviRecruit li li a{
				padding: 8px 0;
				background:#fffde8;
				font-size:11px;
			}

}
/* !pageTop
---------------------------------------------------------- */
.pageTop {
	display:none;
	position: fixed;
	left:50%;
	bottom:10px;
	margin-left:420px;
	z-index:9999;
}
	.pageTop a:hover {
		opacity: 0.7;
	}
.pageTop.static {
	position:absolute;
	left:auto;
	bottom:auto;
	top:-27px;
	right:15px;
	margin:0;
}

@media screen and (max-width:767px){
	.pageTop {
		left:auto;
		right:15px;
		margin:0;
	}
		.pageTop a:hover {
			opacity: 1;
		}
	.pageTop.static {top:0;}
		.pageTop img{
			width:27px;
			height:auto;
		}
}
/* !footer
---------------------------------------------------------- */
#footer {
	min-width:980px;
	margin:80px 0 0;
	background-color:#502700;
	border-top:4px solid #f8b500;
}
	#footerIn {
		position:relative;
		width: 980px;
		height:290px;
		margin: 0 auto;
		padding:0 15px;
		text-align: left;
	}
		#footerLogo {
			float:left;
			margin:32px 0 0 -6px;
		}
		#footerLinks {
			float:right;
			width:727px;
			margin:33px  0 0;
		}
			#footerLinks li {
				position:relative;
				padding:0 0 0 15px;
				background: url(/common/img/ico_arrow01.gif) no-repeat 0 6px;
				background-size:4px 6px;
			}
				#footerLinks li a{
					display:inline-block;
					margin:0 0 5px;
					line-height:20px;
					font-size:12px;
					letter-spacing: 0.1em;
				}
					#footerLinks li li{
						background:none;
						padding:0;
					}
						#footerLinks li li a{
							color:#fff;
							font-size:11px;
						}
			#footerLinks div{float:left;}
			#footerLinks #fLink01 {width:181px;}
			#footerLinks #fLink02 {width:163px;}
			#footerLinks #fLink03 {width:156px;}
			#footerLinks #fLink04 {width:190px;}
			#footerLinks #fLink04 li{margin:0 0 2px;}
				#footerLinks #fLink01 li a{letter-spacing:inherit;}
			#footerLinkSP{display:none;}
	#copyright {
		height:56px;
		background-color:#fffde8;
		border-top:2px solid #f8b500;
	}
		#copyrightIn {
			width: 980px;
			margin: 0 auto;
			padding:18px 15px;
			color:#502700;
			font-size:10px;
			letter-spacing: 0.02em;
			text-align: center;
		}
		
@media screen and (max-width:767px){
	#footer {
		min-width:inherit;
		margin: 10px 0 0;
		border-top:3px solid #f8b500;
	}
		#footerIn {
			width: auto;
			height:auto;
			padding:0;
		}
			#footerLogo {
				float:none;
				margin:0;
				padding:15px 0;
				text-align:center;
			}
				#footerLogo img{
					width:128px;
					height:auto;
				}
			#footerLinks {display:none;}
			#footerLinkSP {
				overflow:hidden;
				display:block;
				border-top:1px solid #795a3e;
			}
			#footerLinkSP li{
				float:left;
				position:relative;
				width:50%;
				height:46px;
				padding:0px 0px 0px 10px;
				border-bottom:1px solid #795a3e;
				border-right:1px solid #795a3e;
				text-align:left;
			}
			#footerLinkSP li:after{
				position:absolute;
				top:50%;
				right:10px;
				width:4px;
				height:6px;
				margin-top:-3px;
				background: url(/common/img/ico_arrow01.gif) no-repeat 0 0;
				background-size:4px 6px;
				content:'';
			}
			#footerLinkSP li:nth-child(even){border-right:none;}
			#footerLinkSP li.last:nth-child(odd){border-bottom:none;}
			#footerLinkSP li a{
				display:block;
				padding:13px 0;
				font-size:13px;
			}
		#copyright {height:40px;}
			#copyrightIn {
				width: auto;
				padding:13px 0;
				font-size:9px;
			}	

}
/* !h(n)eading
---------------------------------------------------------- */
.h1_basic {}

.h2_basic01 {
		margin-bottom: 35px;
		padding:15px 0;
		border-top:1px solid #502700;
		border-bottom:1px solid #f8b500;
		font-weight:bold;
		font-size:21px;
		letter-spacing: 0.05em;
	}
		.h2_basic01 .icon{
			display:inline-block;
			width:60px;
			text-align:center;
		}
		.h2_basic01 em {
			/* font-family: 'Trebuchet MS'; */
			padding-left: 10px;
			color: #f8b500;
			font-size: 13px;
			font-weight: bold;
			vertical-align: middle;
		}
.ttlWrap {
	border-top: 1px solid #502700;
	border-bottom: 1px solid #f8b500;
}
	.ttlWrap .h2_basic02 {
		font-size: 21px;
		font-weight: bold;
		padding: 15px 0 15px 57px;
	}
		.ttlWrap .h2_basic02 em {
			font-family: 'Trebuchet MS';
			font-weight: bold;
			vertical-align: middle;
			font-size: 13px;
			color: #f8b500;
		}
.h3_basic01 {
	width: 700px;
	font-size: 18px;
	font-weight: bold;
	background-color: #fdedc0;
	margin-bottom: 12px;
	padding: 15px 20px 15px;
	box-shadow: 2px 2px 0 #fac840;
}
.h3_basic02 {
	border-left: 4px solid #f8b500;
	padding-left: 18px;
	color: #f8b500;
	font-size: 18px;
	margin: 0 0 19px 4px;
	line-height: 1.25;
}
.h4_basic {}
.h5_basic {}
.h6_basic {}

@media screen and (max-width:767px){
	.h2_basic01 {
		margin-bottom: 10px;
		padding:5px 0;
		font-size:12px;
	}
		.h2_basic01 .icon{
			vertical-align: middle;
			width:30px;
		}
			.h2_basic01 .icon img{
				width:15px;
				height:auto;
			}
		.h2_basic01 em {
			margin:0 0 10px;
			padding:11px 5px;
			font-size:9px;
		}
		
	.ttlWrap { margin-bottom:15px;}
		.ttlWrap .h2_basic02 {
			padding:11px 0;
			font-size:12px;
		}
			.ttlWrap .h2_basic02 em {
				margin:0 0 10px;
				padding:11px 0;
				font-size:12px;
			}
			
	.h3_basic01 {
		width:auto;
		font-size: 12px;
		margin-bottom: 10px;
		padding: 8px 10px 7px;
		box-shadow: 2px 2px 0 #fac840;
	}
	.h3_basic02 {
		border-left: 2px solid #f8b500;
		padding-left: 12px;
		font-size: 13px;
		margin: 0 0 10px 1px;
	}
}

/* !Listing
---------------------------------------------------------- */
.ul_basic {
}
	.ul_basic li {
	}

.ol_basic {
}
	.ol_basic li {
	}

.dl_basic {
}
	.dl_basic dt {
	}
	.dl_basic dd {
	}
/* !Table
---------------------------------------------------------- */
.table_basic {
}
	.table_basic th,
	.table_basic td {
	}
	.table_basic th {
	}
	.table_basic td {
	}
		.table_basic th div,
		.table_basic td div {
		}
		
		
.table_form {
	width:100%;
	border-bottom:1px solid #f8b500;
}
	.table_form th,
	.table_form td {
		border-top:1px solid #f8b500;
	}
	.table_form th {
		width:240px;
		padding:22px 0;
		background-color:#fffde8;
		color:#502700;
		font-weight:bold;
		font-size:15px;
		text-align:center;
	}
	.table_form td {
		padding:22px 45px;
		font-size:15px;
		line-height:28px;
	}
	
@media screen and (max-width:767px){
	.table_form {
		width:100%;
		border-bottom:1px solid #f8b500;
	}
		.table_form th,
		.table_form td {
			display:block;
			width:100%;
			border-top:1px solid #f8b500;
		}
		.table_form th {
			padding:9px 15px;
			font-size:13px;
			text-align:left;
		}
		.table_form td {
			padding:10px 15px 20px;
			font-size:12px;
			line-height:21px;
		}
		
		.tabel_form02 th,
		.tabel_form02 td{display:table-cell;}
		.tabel_form02 th{
			width:125px;
			padding:10px 0;
			text-align:center;
		}
		.tabel_form02 td{
			width:auto;
			padding:10px 10px 10px 18px;
		}
}
/* !Section
---------------------------------------------------------- */
.section{ /* Basic Section */ }
.sectionIn{ 
	margin: 0 auto;
	padding:0 15px;
	width: 980px;
	text-align: left;
}
@media screen and (max-width:767px){
	.sectionIn{ width: auto;}
}

/* !Clear
---------------------------------------------------------- */
/* section:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
} */

/* !Sns
---------------------------------------------------------- */
.sns { text-align: center;}
.sns li { display: inline-block; vertical-align: top; margin-right: 2px;}