@charset "UTF-8";

.mgt-10 {
	margin-top:10px;
}

/*採用情報*/
	/*TAB*/
		/*UFSTAB*/
#REC {
	width:713px;
	position:relative;
		padding:0;
}
	#REC .box01 {
		width:713px;
		margin:0;
		padding:0;
	}
		#REC .box01 #FEEL {
			width:418px;
			padding-left:10px;
		}
			#REC .box01 #FEEL p{
				line-height:1.4em;
			}
			#REC .box01 #FEEL h1{
				width:350px;
				height:80px;
				background:url(../recruit/image/h1_feel_bg.gif) no-repeat 40px 0;
				text-indent:-9999px;
				margin-bottom:20px;
			}
			#REC .box01 .mgl_10px {
				margin-left:10px;
			}
	#REC #PART {
		width:271px;
		height:95px;
		margin-top:10px;
		margin-left:13px;
		background:url(../recruit/image/part-time_bg.gif) no-repeat;
	}
		#REC #PART p{
			display:block;
			width:235px;
			height:35px;
			margin-left:20px;
			padding-top:40px;
			line-height:1.2em;
			font-size:12px;
		}
		#REC #PART a{
			display:block;
			width:100px;
			background:url(../recruit/image/part-time_triangul.gif) no-repeat 63px 3px;
			margin:-5px 0 0 190px;
			font-size:10px;
			color:#C30;
		}
	#REC #TAB01,
	#REC #TAB02,
	#REC #TAB03,
	#REC #TAB04 {
		width:713px;
		height:28px;
		margin-top:20px;
	}
	#REC #TAB01 li,
	#REC #TAB02 li,
	#REC #TAB03 li,
	#REC #TAB04 li {
		float:left;
	}
	#REC #TAB01 li a,
	#REC #TAB02 li a,
	#REC #TAB03 li a,
	#REC #TAB04 li a {
		display:block;
		width:155px;
		height:28px;
		background-image:url(../recruit/image/btn_tab.gif);
		text-indent:-9999px;
	}
	
	/*UFSの仕事についてタブ*/
	#REC #TAB01 li.manager a {
		background-position:-155px 0;
	}
	#REC #TAB01 li.svisor a {
		background-position:-310px 0;
	}
	#REC #TAB01 li.person a {
		background-position:-465px 0;
		width:246px;
	}
	#REC #TAB01 li.manager a:hover {
		background-position:-155px -28px;
	}
	#REC #TAB01 li.svisor a:hover {
		background-position:-310px -28px;
	}
	#REC #TAB01 li.person a:hover {
		background-position:-465px -28px;
		width:246px;
	}
	#REC #TAB01 li.ufs a.selected {
		background-position:0 -28px;
	}
	/*店長*/
	#REC #TAB02 li.ufs a {
		background-position:0 -56px;
	}
	#REC #TAB02 li.svisor a {
		background-position:-310px -56px;
	}
	#REC #TAB02 li.person a {
		background-position:-465px -56px;
		width:246px;
	}
	#REC #TAB02 li.ufs a:hover {
		background-position:0 -84px;
	}
	#REC #TAB02 li.svisor a:hover {
		background-position:-310px -84px;
	}
	#REC #TAB02 li.person a:hover {
		background-position:-465px -84px;
		width:246px;
	}
	#REC #TAB02 li.manager a.selected {
		background-position:-155px -84px;
	}
	/*SV*/
	#REC #TAB03 li.ufs a {
		background-position:0 -112px;
	}
	#REC #TAB03 li.manager a {
		background-position:-155px -112px;
	}
	#REC #TAB03 li.person a {
		background-position:-465px -112px;
		width:246px;
	}
	#REC #TAB03 li.ufs a:hover {
		background-position:0 -140px;
	}
	#REC #TAB03 li.manager a:hover {
		background-position:-155px -140px;
	}
	#REC #TAB03 li.person a:hover {
		background-position:-465px -140px;
		width:246px;
	}
	#REC #TAB03 li.svisor a.selected {
	    background-position:-310px -140px;
	}
	/*係長*/
	#REC #TAB04 li.ufs a {
		background-position:0 -168px;
	}
	#REC #TAB04 li.manager a {
		background-position:-155px -168px;
	}
	#REC #TAB04 li.svisor a {
		background-position:-310px -168px;
	}
	#REC #TAB04 li.ufs a:hover {
		background-position:0 -196px;
	}
	#REC #TAB04 li.manager a:hover {
		background-position:-155px -196px;
	}
	#REC #TAB04 li.svisor a:hover {
		background-position:-310px -196px;
	}
	#REC #TAB04 li.person a.selected {
		background-position:-465px -196px;
		width:246px;
	}
#REC #TAB-CON {
	width:713px;
	background-color:#FFF;
	padding:10px 0 10px 0;
}
	#REC h2{
		padding-bottom:10px;
		font-size:26px;
		font-weight:bold;
		color:#2ca431;
	}
	#REC h3{
		margin-top:10px;
		font-size:12px;
		font-weight:bold;
		color:#2ca431;
	}
#REC #TAB-CON #BOX01 {
	width:680px;
	background:url(../recruit/image/shop_img.jpg) no-repeat 475px 10px;
	margin-left:15px;
}
#REC #TAB-CON #BOX01 .txt01{
	width:455px;
	font-size:12px;
	line-height:1.4em;
}
#REC #TAB-CON #BOX02 {
		margin-top:15px;
	}
#REC #TAB-CON #BOX02 .rec_box02 {
			width:218px;
			float:left;
			margin:0px 0px 10px 15px;
			display: inline;
		}

/*店長*/
	#REC #TAB-CON #BOX03 {
		width:680px;
		padding:70px 15px 0 15px;
		background:url(../recruit/image/bg_manager.jpg) no-repeat 0 0;
	}
	*:first-child+html  #REC #TAB-CON #BOX03 {
		padding:80px 15px 0 15px;
	}
	*　html  #REC #TAB-CON #BOX03 {
		padding:80px 15px 0 15px;
	}
	#REC #TAB-CON #BOX03 p,
	#REC #TAB-CON #BOX04 p,
	#REC #TAB-CON #BOX05 p {
	font-size:12px;
	letter-spacing:0.07em;
	}
	#REC #BOX03 .txt02,
	#REC #BOX04 .txt02,
	#REC #BOX05 .txt02 {
		width:470px;
	}
/*SV*/
	#REC #TAB-CON #BOX04 {
		width:680px;
		padding:70px 15px 0 15px;
		background:url(../recruit/image/bg_svisor.jpg) no-repeat 0 0;
	}
	*:first-child+html  #REC #TAB-CON #BOX04 {
		padding:80px 15px 0 15px;
	}
	*　html  #REC #TAB-CON #BOX04 {
		padding:80px 15px 0 15px;
	}
/*係長*/
	#REC #TAB-CON #BOX05 {
		width:680px;
		padding:70px 15px 0 15px;
		background:url(../recruit/image/bg_person.jpg) no-repeat 0 0;
	}
	*:first-child+html  #REC #TAB-CON #BOX05 {
		padding:80px 15px 0 15px;
	}
	*　html  #REC #TAB-CON #BOX05 {
		padding:80px 15px 0 15px;
	}
#REC .clear {
	clear:both;
}
#REC .img_r {
	float:right;
	margin:10px 15px 0 5px;
}
#REC .img_l {
	float:left;
	margin:5px 5px 0 0;
}
#REC .mgt_100px {
margin-top:100px;
}
#REC .linepurple {
	width:475px;
	border-bottom:#664d71 1px solid;
}
#REC .linepurple02{
	border-left:#664d71 1px solid;
}
#REC .linebrown {
	width:475px;
	border-bottom:#906c27 1px solid;
}
#REC .linebrown02 {
	border-left:#906c27 1px solid;
}
#REC .linegreen {
	width:475px;
	border-bottom:#51a058 1px solid;
}
#REC .linegreen02 {
	border-left:#51a058 1px solid;
}
#REC .lineblue {
	width:475px;
	border-bottom:#5cac9f 1px solid;
}
#REC .lineblue02 {
	border-left:#5cac9f 1px solid;
}

/*人事担当者からのメッセージVV*/
#MESSAGE {
	width:713px;
	position:relative;

}
#MESSAGE h2 {
	height:46px;
	border-top:1px solid #23b137;
	border-left:1px solid #23b137;
	background:url(../recruit/image/h2_message.gif) no-repeat;
	text-indent:-9999px;
}
#MESSAGE div {
	margin-top:8px;
	width:620px;
	margin-left:auto;
	margin-right:auto;	
}
#MESSAGE p {
	margin:15px 15px 0 0;
	letter-spacing:0.1em;
}
#MESSAGE .strong {
	font-weight:bold;
	margin-top:8px;
	font-size:14px;
	line-height:1.4em;
	letter-spacing:0.1em;
	color:#5C2A15;
}
.span_strong {
font-weight:bold;}

/*珈琲マイスターVV*/
#MEISTER {
	width:713px;
	position:relative;
}
#MEISTER h2 {
	height:46px;
	border-top:1px solid #23b137;
	border-left:1px solid #23b137;
	background:url(../recruit/image/h2_meister.gif) no-repeat;
	text-indent:-9999px;
}
#MEISTER #SUB-MEISTER {
	width:260px;
	height:89px;
	background:url(../recruit/image/bg_sub_meister.gif) no-repeat;
	position:absolute;
	left: 453px;
	top: 4px;
}
*:first-child+html #MEISTER #SUB-MEISTER {
	left: 453px;
	top: 4px;
}
* html #MEISTER #SUB-MEISTER {
	left: 453px;
	top: 4px;
}
	#MEISTER #SUB-MEISTER #SUB {
		width: 155px;
		position:absolute;
		left: 105px;
		top: 25px;
		border-left:1px solid #23b137;
		border-bottom:1px solid #23b137;
	}
	*:first-child+html #MEISTER #SUB-MEISTER #SUB {
		left: 105px;
		top: 23px;
	}
	* html #MEISTER #SUB-MEISTER #SUB {
		left: 105px;
		top:23px;
	}
	#MEISTER #SUB li {
		text-align:right;
		background:url(../recruit/image/icn_tri01.gif) no-repeat 142px 3px;
		padding-right:2.5em;
	}
	*:first-child+html #MEISTER #SUB li {
		background:url(../recruit/image/icn_tri01.gif) no-repeat 142px 3px;
		margin-bottom:2px;
		line-height:2em;
	}
	* html #MEISTER #SUB li {
		margin-bottom:2px;
		line-height:2em;
	}
#MEISTER .box01 {
	height:183px;
	padding:8px 0 0 0px;
	background:url(../recruit/image/bg_career01_1.jpg) no-repeat 446px 10px;
	margin-top:50px;
}
*:first-child+html #MEISTER .box01 {
	margin-top:70px;
}
* html #MEISTER .box01 {
	margin-top:70px;
}
#MEISTER .box01 .txt {
	width:400px;
	letter-spacing:0.1em;
}
#MEISTER h3 {
	height:20px;
	padding-left:1em;
	background:url(../recruit/image/bg_h3_career.jpg) no-repeat;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}
#MEISTER .box02 p {
	display:block;
	width:320px;
	padding-right:20px;
	margin-top:15px;
	letter-spacing:0.1em;
}
* html #MEISTER .box02 p {
	width:225px;
}
#MEISTER .box02 img {
	margin:15px 0 15px 0;
}
#MEISTER .box03 .strong {
	font-weight:bold;
	margin-top:15px;
	font-size:14px;
	letter-spacing:0.1em;
}
#MEISTER .box03 .tdL {
	width:530px
}
#MEISTER .box03 p {
	display:block;
	margin:15px 34px 0 0;
	letter-spacing:0.1em;
}
#MEISTER .box03 img {
	margin-top:15px;
}
#MEISTER .box03 .comment {
	margin-top:5px;
	line-height:1.2em;
}

/*バリスタVV*/
#BARISTA {
	width:713px;
	position:relative;
}
#BARISTA h2 {
	height:46px;
	border-top:1px solid #23b137;
	border-left:1px solid #23b137;
	background:url(../recruit/image/h2_barista.gif) no-repeat;
	text-indent:-9999px;
}
#BARISTA #SUB-BARISTA {
	width:260px;
	height:89px;
	background:url(../recruit/image/bg_sub_barista.gif) no-repeat;
	position:absolute;
	left: 453px;
	top: 4px;
}
*:first-child+html #BARISTA #SUB-BARISTA {
	left: 453px;
	top: 4px;
}
* html #BARISTA #SUB-BARISTA {
	left: 453px;
	top: 4px;
}
	#BARISTA #SUB {
	width: 155px;
	position:absolute;
	left: 105px;
	top: 25px;
	border-left:1px solid #23b137;
	border-bottom:1px solid #23b137;
	}
	*:first-child+html #BARISTA #SUB {
		left: 105px;
		top: 23px;
	}
	* html #BARISTA #SUB {
		left: 105px;
		top: 23px;
	}
	#BARISTA #SUB li {
		text-align:right;
		background:url(../recruit/image/icn_tri01.gif) no-repeat 142px 3px;
		padding-right:2.5em;
	}
	*:first-child+html #BARISTA #SUB li {
		background:url(../recruit/image/icn_tri01.gif) no-repeat 142px 3px;
		margin-bottom:2px;
		line-height:2em;
	}
	* html #BARISTA #SUB li {
		margin-bottom:2px;
		line-height:2em;
	}
#BARISTA .box01 {
	height:168px;
	padding:8px 0 0 0px;
	background:url(../recruit/image/bg_career02_2.jpg) no-repeat 446px 10px;
	margin-top:50px;
}
*:first-child+html #BARISTA .box01 {
	margin-top:70px;
}
* html #BARISTA div.box01 {
	margin-top:70px;
}
#BARISTA .box01 table {
	width:623px;
}
#BARISTA .box01 p {
	width:420px;
	letter-spacing:0.1em;
}
#BARISTA h3 {
	height:20px;
	padding-left:1em;
	background:url(../recruit/image/bg_h3_career.jpg) no-repeat;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}
#BARISTA .box01 li {
	background:url(../recruit/image/icn_tri01.gif) no-repeat;
	line-height:1.3em;
	padding-left:1em;
}
#BARISTA .box02 {
	margin-top:15px;
}
#BARISTA .box02 table {
	width:713px;
	margin:15px 0;
}
#BARISTA .box02 p {
	margin:15px 15px 0 0;
	letter-spacing:0.1em;
}
#BARISTA .box02 .strong {
	font-weight:bold;
	margin-top:8px;
	font-size:14px;
	line-height:1.4em;
	letter-spacing:0.1em;
}

#BARISTA .box02 p.comment {
	width:166px;
	margin:5px 0 0 0;
	line-height:1.2em;
	font-size:12px;
}
#BARISTA p.comment02 {
	width:240px;
	margin:5px 0 0 0;
	line-height:1.2em;
	font-size:12px;
}
#BARISTA p.txt-g {
	margin:5px 0 0 0;
	color:#23b137;
}
#BARISTA div.t_com_top {
    background:url(../recruit/image/t_comment_01.gif) no-repeat;
	width:280px;
    height:22px;
    margin:0px;
    padding:0px;
    font-size:0px;
	line-height:0em;
	}
#BARISTA div.t_com_body {
    background:url(../recruit/image/t_comment_03.gif);
	width:280px;
    background-repeat:repeat-y;
    background-position:center;
	margin:0px;
    padding:0px;
	}

#BARISTA p.taikai {
	width:250px;
	margin:0px;
    padding:5px 15px 0px 15px;
	}
#BARISTA p#name {
margin: 5px 15px 0px 15px;
text-align:right
	}
	
#BARISTA div.t_com_bottom {
    background:url(../recruit/image/t_comment_05.gif) no-repeat;
	width:280px;
    height:14px;
    margin:0px;
    padding:0px;
    background-position:center top;
    font-size:0px;
	}		

#BARISTA div.t_com_top02 {
    background:url(../recruit/image/t_comment02_01.gif) no-repeat;
	width:510px;
    height:22px;
    margin:0px;
    padding:0px;
    font-size:0px;
	line-height:0em;
	}
#BARISTA div.t_com_body02 {
    background:url(../recruit/image/t_comment02_03.gif);
	width:510px;
    background-repeat:repeat-y;
    background-position:center;
	margin:0px;
    padding:0px;
	}

#BARISTA p.taikai02 {
	width:480px;
	margin:0px;
    padding:5px 15px 0px 15px;
	}
	
#BARISTA div.t_com_bottom02 {
    background:url(../recruit/image/t_comment02_06.gif) no-repeat;
	width:510px;
    height:14px;
    margin:0px;
    padding:0px;
    background-position:center top;
    font-size:0px;
	}		
/*FAQVV*/
#FAQ {
	width:713px;
	position:relative;
}
#FAQ h2 {
	height:46px;
	border-top:1px solid #23b137;
	border-left:1px solid #23b137;
	background:url(../recruit/image/h2_faq.gif) no-repeat;
	text-indent:-9999px;
}
#FAQ #SUB {
	width: 155px;
	position:absolute;
	left: 557px;
	top: 29px;
	border-left:1px solid #23b137;
	border-bottom:1px solid #23b137;
}
*:first-child+html #FAQ #SUB {
	left: 557px;
	top: 29px;
}
* html #FAQ #SUB {
	left: 557px;
	top: 29px;
}
#FAQ #SUB li {
	text-align:right;
	background:url(../recruit/image/icn_tri01.gif) no-repeat 142px 3px;
	padding-right:2.5em;
}
*:first-child+html #FAQ #SUB li {
	background:url(../recruit/image/icn_tri01.gif) no-repeat 142px 3px;
	margin-bottom:2px;
	line-height:1.5em;
}
* html #FAQ #SUB li {
	margin-bottom:2px;
	line-height:2em;
}
#SUB li a:hover {
	color:#777;
}
#FAQ .h2-faq {
	height:46px;
	border-top:1px solid #23b137;
	border-left:1px solid #23b137;
	background:url(../recruit/image/h2_faq.gif) no-repeat;
	text-indent:-9999px;
}
#FAQ h3 {
	height:20px;
	padding-left:1em;
	background:url(../recruit/image/bg_h3_career.jpg) no-repeat;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}
#FAQ .box01 {
	margin-top:70px;
}
#FAQ .box01 ul,
#FAQ .box02 ul {
	margin:10px 0;
}
#FAQ .box01 li,
#FAQ .box02 li {
	margin-top:0.5em;
	font-size:14px;
	font-weight:bold;
	color:#5a2918;
}
#FAQ .box01 li p,
#FAQ .box02 li p {
	font-size:12px;
	font-weight:normal;
	color:#000;
	padding-left:1em;
}

/*新卒採用情報VV*/
#REC-NEW {
	width:713px;
	position:relative;
}
#REC-NEW h2 {
	height:46px;
	border-top:1px solid #23b137;
	border-left:1px solid #23b137;
	background:url(../recruit/image/h2_new.gif) no-repeat;
	text-indent:-9999px;
}
#REC-NEW div {
	margin-top:8px;
	text-align:center;
}
#REC-NEW  p {
	margin:15px 15px 0 0;
	letter-spacing:0.1em;
}

/*中途採用情報VV*/
#REC-CAREER {
	width:713px;
	position:relative;
}
#REC-CAREER h2 {
	height:46px;
	border-top:1px solid #23b137;
	border-left:1px solid #23b137;
	background:url(../recruit/image/h2_rec_career.gif) no-repeat;
	text-indent:-9999px;
}
#REC-CAREER div {
	margin-top:8px;
	text-align:center;
}
#REC-CAREER p {
	margin:15px 15px 0 0;
	letter-spacing:0.1em;
}

/*キャリアアップVV*/
#CAREER {
	width:713px;
	position:relative;
}
#CAREER h2 {
	height:46px;
	border-top:1px solid #23b137;
	border-left:1px solid #23b137;
	background:url(../recruit/image/h2_career.gif) no-repeat;
	text-indent:-9999px;
}
#CAREER #SUB {
	width: 155px;
	position:absolute;
	left: 557px;
	top: 29px;
	border-left:1px solid #23b137;
	border-bottom:1px solid #23b137;
}
*:first-child+html #CAREER #SUB {
	left: 557px;
	top: 27px;
}
* html #CAREER #SUB {
	left: 557px;
	top: 27px;
}
#CAREER #SUB li {
	text-align:right;
	background:url(../recruit/image/icn_tri01.gif) no-repeat 142px 3px;
	padding-right:2.5em;
}
*:first-child+html #CAREER #SUB li {
	background:url(../recruit/image/icn_tri01.gif) no-repeat 142px 3px;
	margin-bottom:2px;
	line-height:2em;
}
* html #CAREER #SUB li {
	margin-bottom:2px;
	line-height:2em;
}
#SUB li a:hover {
	color:#777;
}
#CAREER .explain {
	margin-top:13px;
}
#CAREER div.box01{
	height:183px;
	border-bottom:1px solid #23b137;
	margin-top:8px;
}

#CAREER div.box02{
	height:183px;
	border-bottom:1px solid #23b137;
	margin-top:8px;
}
 
#CAREER div.box03, 
#CAREER div.box04 {
	height:183px;
	border-bottom:1px solid #23b137;
	margin-top:8px;
}
*:first-child+html #CAREER div.box01 {
	margin-top:29px;
}
* html #CAREER div.box01 {
	margin-top:29px;
}
#CAREER div.box01 {
	background:url(../recruit/image/bg_career01.jpg) no-repeat 446px 0;
}
#CAREER div.box02 {
	background:url(../recruit/image/bg_career02.jpg) no-repeat 446px 0;
}
#CAREER div.box03 {
	background:url(../recruit/image/bg_career03.png) no-repeat 446px 0;
}
#CAREER div.box04 {
	background:url(../recruit/image/bg_career04.png) no-repeat 446px 0;
}
#CAREER .box01 h3,
#CAREER .box02 h3
{
	width:357px;
	height:56px;
	text-indent:-9999px;
}

#CAREER .box03 h3,
#CAREER .box04 h3 {
	width:357px;
	height:56px;
	text-indent:-9999px;
}
#CAREER .box01 h3 {
	background:url(../recruit/image/h3_career01.gif) no-repeat;
}
#CAREER .box02 h3 {
	background:url(../recruit/image/h3_career02.gif) no-repeat;
}
#CAREER .box03 h3 {
	background:url(../recruit/image/h3_career03.gif) no-repeat;
}
#CAREER .box04 h3 {
	background:url(../recruit/image/h3_career04.gif) no-repeat;
}

#CAREER div.txt {
	width:420px;
	margin-top:10px;
	font-size:12px;
	line-height:1.2em;
	letter-spacing:0.06em;
}
#CAREER div.box02 li {
	font-size:12px;
	letter-spacing:0.06em;
	color:#23b137;
	line-height:1.2em;
}
/*キャリアアップ導入文エリアVV*/
.textbox001{
	width: 525px;

}


 .table001 {
	width:500px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}
 .table001 td {
	border-top:1px solid #000;
	border-right:1px solid #000;
	vertical-align:middle;
	text-align:left;
	padding: 8px;
	font-size:12px;
}