/* CSS Document */
/*************************************
 	リセット
 *************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}


/*************************************
 	共通
 *************************************/

body{
	font-size:80%;
	/*font:80%/1.5 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height: 1.7em;
	color:#666;
	background:url(../careers/new_career/img/new_career_backimg.gif) repeat-y center;
}

.b0{margin-bottom:0px!important;}
.b5{margin-bottom:5px!important;}
.b10{margin-bottom:10px!important;}
.b20{margin-bottom:20px!important;}
.b30{margin-bottom:30px!important;}
.b40{margin-bottom:40px!important;}
.b50{margin-bottom:50px!important;}
.b60{margin-bottom:60px!important;}
.b70{margin-bottom:70px!important;}
.b80{margin-bottom:80px!important;}

.t0{margin-top:0px!important;}
.t5{margin-top:5px!important;}
.t10{margin-top:10px!important;}
.t20{margin-top:20px!important;}
.t30{margin-top:30px!important;}
.t40{margin-top:40px!important;}

.t-5{margin-top:-5px!important;}
.t-10{margin-top:-10px!important;}

.l0{margin-left:0px!important;}
.l5{margin-left:5px!important;}
.l10{margin-left:10px!important;}
.l20{margin-left:20px!important;}
.l30{margin-left:30px!important;}
.l40{margin-left:40px!important;}
.l50{margin-left:50px!important;}
.l60{margin-left:60px!important;}
.l70{margin-left:70px!important;}
.l80{margin-left:80px!important;}
.l90{margin-left:90px!important;}
.l100{margin-left:100px!important;}
.l110{margin-left:110px!important;}

.l-5{margin-left:-5px!important;}
.l-10{margin-left:-10px!important;}
.l-20{margin-left:-20px!important;}

.r0{margin-right:0px!important;}
.r5{margin-right:5px!important;}
.r10{margin-right:10px!important;}
.r20{margin-right:20px!important;}
.r30{margin-right:30px!important;}
.r40{margin-right:40px!important;}
.r50{margin-right:50px!important;}
.r60{margin-right:60px!important;}

.lh12{line-height:1.2em !important;}
.lh13{line-height:1.3em !important;}
.lh14{line-height:1.4em !important;}
.lh15{line-height:1.5em !important;}
.lh16{line-height:1.6em !important;}
.lh17{line-height:1.7em !important;}
.lh18{line-height:1.8em !important;}
.lh19{line-height:1.9em !important;}
.lh20{line-height:2.0em !important;}

.clear{clear:both;}

.space{ height:200px;}
/*イメージ（画像）を中央に表示*/
.center_ds{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
/*divを中央に表示*/	
.center{
	margin-left:auto !important;
	margin-right:auto !important;
	}

/*　フォント関係　*/
.f10{font-size:110%;!important}
.f20{font-size:120%;!important}
.f30{font-size:130%;!important}
.f40{font-size:140%;!important}
.f50{font-size:150%;!important}

.fs90{font-size:90%;!important}
.fs85{font-size:85%;!important}
.fs80{font-size:80%;!important}
.fs75{font-size:75%;!important}
.fs70{font-size:70%;!important}

.fw{ font-weight:bold;!important}

.c_pink{ color:#FB688D;}
.c_red{color:#F5421F;}
.c_blu{color:#258AD4;}
.c_ore{color:#F15A24;}
.c_cha{color:#C3932C;}
.c_kogecha{color:#98024F;}
.c_pul{color:#60157E;}
.c_gre{color:#62A431;}
.c_higre{color:#97C12B;}

.link{cursor:pointer;}


/*******************************************
	レイアウト
*******************************************/
.wrap_area{
	width:922px;
	height:auto;
	margin:0px auto;
	}

*+html .wrap_area{
	padding-left:1px;
	}

.header_area{
	width:922px;
	height:90px;
	}

.contents_box{
	height:auto;
	padding:0px 60px;
	}

.footer_area{
	width:900px;
	height:24px;
	text-align:center;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	border-top: solid 1px #BEBEBE;
	}


/*******************************************
		メニュー関係
********************************************/
/*　ヘッダー　*/
.header_area{}
.header_area p{
	margin-top:-83px;
	margin-right:28px;
	text-align:right
	}

.header_area a:hover{text-decoration:underline;	}
.header_area a{
	color:#666;
	text-decoration:none;
	}

/*メインメニュー*/
.new_career_menu{
	height:26px;
	padding-top:10px;
	margin-left:0px;
	}
.new_career_menu li{
	float:left;
	margin-right:8px;
	position:relative;
	}


/*プルダウン*/
.pull{
	position:absolute;
	top:25px;
	left:0px;
}

.pull{
	padding:6px 0px 6px 0px;
	background-color:#FDFFF4;
	/*background-color:#F6F6F3;*/}

.pull li{
	display:block;
	float:none;
	z-index:10;
	margin-right:0px !important;
	}
.pull li a{
	color:#404040;
	text-decoration:none;
	display: block;
	width:122px;
	padding:3px 0px 3px 28px;
	border-bottom:dashed 1px #D9D9D9;
	}

.pull li a:link,
.pull li a:visited {
	background: url(../img/icon_01.gif) no-repeat 8px 8px #FDFFF4;
}
.pull li a:hover,
.pull li a:active {
	background: url(../img/icon_01.gif) no-repeat 8px 8px #E6E6E6;
}


/*******************************************
 ページトップ
*******************************************/
.page_top{
	text-align:right;
	margin-top:80px;
	margin-bottom:20px;
	}

.page_top a{
	color:#4D4D4D;
	text-decoration:none;
	}

.page_top a:hover {
	text-decoration:underline;
	}

/*******************************************
		タイトル関係
********************************************/
.title_01{
	font-size:130%;
	font-weight:bold;
	color:#F5421F;
	padding-left:15px;
	background:url(../img/title_02.gif) no-repeat;
	background-position:0px 0px;
	margin-bottom:15px;
	}

.title_02{
	padding-left:20px;
	padding-bottom:3px;
	margin-left:8px;
	margin-bottom:10px;
	border-bottom:solid 1px #CCC;
	background:url(../img/icon_cook_red.gif) no-repeat;
	background-position:0px 0px;
	}


/*******************************************
		テキスト関係
********************************************/
.txt_01{padding-left:16px;}

.txt_02{padding-left:16px;}
.txt_02 p{padding-right:230px;}
.txt_02 img{ float:right;}

/*******************************************
top
*******************************************/
.top_back_img{
	background:url(../careers/new_career/img/new_career_topback.jpg) repeat-x top;
	}

/*******************************************
nc_leoc
*******************************************/
.nc_leoc_txt{
	height:150px;
	padding-left:16px;
	background:url(../careers/new_career/img/nc_leoc_photo_01.jpg) no-repeat right;
	}

.nc_leoc_txt p{
	padding-right:260px;
	}


/*******************************************
社員紹介
*******************************************/

.staff_menu {
	clear:both;

	}
.staff_menu li{
	float:left;
	margin-left:12px;
	}

.staff_img_l{
	}
.staff_img_l img{
	float:left;
	margin-right:10px;
	}

.staff_table_01 {
	width:815px;
	margin:25px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0;
	}

.staff_table_01 h4{
	margin-bottom:8px;
	}
.staff_table_01 p{
	padding:0px 5px 20px 5px;
	}
  
  
/*2013/12/02 ecome追加*/

.pull_entry{

  width:150px;
  text-align:center;
  margin:0;padding:0;

}

.pull_entry li{
    padding:0px;
    margin-bottom:1px;
}

.pull_entry li a{
  color:#FFF;
  background:#5CB331 !important;
  padding:4px 0px;margin:0;
  width:100%;
  border-bottom:none;
    border-radius:5px !important;
}
.pull_entry li a:hover{
  background:#88A47A !important;
}

.pull_entry li:first-child a:after{
    content: '';
    position: absolute;
    left: 65px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #5CB331;
}
.pull_entry li:first-child a:hover:after{
    border-bottom-color: #88A47A; 
}