@charset "shift_jis";

*{ margin: 0px; padding: 0px; }
html { margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: #000; text-align: left; }
body{ margin: 0; padding: 0; background: #faf7ec url(../images/bg_main_upper.jpg) repeat-x 0 0; font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "メイリオ", "Meiryo","Arial";}
img,a,table{ border-style: none; }
hr{ display: none; }
a { background:transparent; color: #000; text-decoration:none; border-style: none;}
a:hover { color: #ba8c2d; text-decoration:none; }

iframe { margin: 0px; padding: 0px; overflow-x:hidden; border: 0;}
/************* header *************/

.header_base{
	width: 100%;
	height: 436px;
	margin: 0;
	padding: 0;
	background: url(../images/bg_main_image.jpg) no-repeat center bottom;
}
.header {
	width: 100%;
	height: 149px;
	margin: 0;
	padding: 0;
	background: url(../images/header_shadow.png) repeat-x top;
}
.header .inner {
	width: 979px;
	height: 149px;
	margin: 0 auto 0 auto;
	padding: 0;
}
.header .read {
	width: 473px;
	height: 88px;
	margin: 0;
	padding: 0;
	background: url(../images/header_read.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	float: left;
}
.header .tel {
	width: 315px;
	height: 88px;
	margin: 0;
	padding: 0;
	background: url(../images/header_contact_0228.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	float: left;
}
.header .contact {
	width: 191px;
	height: 149px;
	margin: 0;
	padding: 0;
	float: left;
}
h1 {
	width: 492px;
	height: 200px;
	margin: 87px 0 0 458px;
	padding: 0;
	background: url(../images/main_image_catch_1206.png) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.navigation {
	width: 950px;
	height: 54px;
	margin: 2px auto 25px auto;
	padding: 0;
}
.navigation ul {
	margin: 0;
	padding: 0;
}
.navigation li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
/************* header *************/
/************* main *************/


.main_area, .staff_recruit, .tomonokai_merit, .rec_flow, .interview, .salary, .contact {
	width: 950px;
	margin: 0 auto 0 auto;
	padding: 0;
}

.main_point { width: 950px; height: 368px; margin: 0 0 40px 0; padding: 0; }
.main_dot_area { width: 100%; height: 443px; background:url(../images/main_dot_area.png) repeat-x; margin: 0 0 40px 0; padding: 0; }
.main_dot_1st { width: 960px; height: 222px; margin: 0 auto 0 auto; padding: 0;}
.main_dot_1st ul { margin: 0; padding: 0;}
.main_dot_1st li { height: 222px; margin: 0; padding: 0; list-style-type: none; float: left;}
.main_dot_2nd { width: 960px; height: 221px; margin: 0 auto 0 auto; padding: 0;}
.main_dot_2nd ul { margin: 0; padding: 0;}
.main_dot_2nd li { height: 221px; margin: 0; padding: 0; list-style-type: none; float: left;}
.main_thx {
	width: 950px;
	height: 433px;
	margin: 0 auto 45px auto;
	padding: 0;
}

/* Staff Recruit */

.staff_recruit h2{
	width: 950px;
	height: 30px;
	margin: 0 auto 20px auto;
	padding: 0;
	background: url(../images/title_staff_recruit.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

.staff_recruit p {
	width: 950px;
	height: 1330px;
	margin: 0 auto 45px auto;
	padding: 0;
}
/* Staff Recruit */

/* Tomonokai Merit */

.tomonokai_merit h2{
	width: 950px;
	height: 30px;
	margin: 0 auto 50px auto;
	padding: 0;
	background: url(../images/title_merit.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

.tomonokai_merit h3{
	width: 950px;
	height: 94px;
	margin: 0 auto 50px auto;
	padding: 0;
	background: url(../images/merit_read_1206.png) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

.tomonokai_merit p {
	width: 950px;
	height: 316px;
	margin: 0 auto 30px auto;
	padding: 0;
}

/* Tomonokai Merit */

/* Flow */

.rec_flow h2{
	width: 950px;
	height: 30px;
	margin: 0 auto 20px auto;
	padding: 0;
	background: url(../images/title_flow.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

.rec_flow_main {
	width: 950px;
	height: 1174px;
	margin: 0 auto 20px auto;
	padding: 0;
	background: url(../images/flow_bg.gif) no-repeat 0 0;
}
.rec_flow_main p{
	font-size: 14px;
	line-height: 22px;
	color: #000;
}
.rec_flow_main p a{
	font-size: 14px;
	line-height: 22px;
	color: #f97901;
}
.rec_flow_main p a:hover{
	font-size: 14px;
	line-height: 22px;
	color: #f97901;
	background-color: #faf7ec;
}

.rec_flow_main .inner {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 26px 0 0 0;
}
.rec_flow_main .inner .detail_area {
	width: 900px;
	margin: 0;
	padding: 0 0 52px 0;
	background: url(../images/flow_arrow.jpg) no-repeat center bottom;
}
.rec_flow_main .inner .detail_area2 {
	width: 900px;
	margin: 0;
	padding: 0 0 25px 0;
}
.rec_flow_main .inner .detail_area2 .ph_area {
	width: 260px;
	height: 240px;
	margin: 0;
	padding: 0;
	float: left;
}
.rec_flow_main .inner .detail_area .ph_area {
	width: 260px;
	height: 240px;
	margin: 0;
	padding: 0;
	float: left;
}
.rec_flow_main .inner .detail_area .detail_step1 {
	width: 621px;
	height: 239px;
	border-bottom: solid 1px #eee;
	margin: 0;
	padding: 0;
	float: right;
}
.detail_step1 h3{
	width: 621px;
	height: 56px;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/flow_step1_title.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.detail_step1 h4{
	width: 621px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/flow_step1_sub.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.detail_step1 p {
	margin: 0;
	padding: 0;
}
.rec_flow_main .inner .detail_area .detail_step2 {
	width: 621px;
	height: 239px;
	border-bottom: solid 1px #eee;
	margin: 0;
	padding: 0;
	float: right;
}
.detail_step2 h3{
	width: 621px;
	height: 56px;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/flow_step2_title.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.detail_step2 h4{
	width: 621px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/flow_step2_sub.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.detail_step2 p {
	margin: 0;
	padding: 0;
}
.rec_flow_main .inner .detail_area .detail_step3 {
	width: 621px;
	height: 239px;
	border-bottom: solid 1px #eee;
	margin: 0;
	padding: 0;
	float: right;
}
.detail_step3 h3{
	width: 621px;
	height: 56px;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/flow_step3_title.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.detail_step3 h4{
	width: 621px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/flow_step3_sub.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.detail_step3 p {
	margin: 0;
	padding: 0;
}
.rec_flow_main .inner .detail_area2 .detail_step4 {
	width: 621px;
	height: auto;
	height: 239px;
	border-bottom: solid 1px #eee;
	margin: 0;
	padding: 0;
	float: right;
}
.detail_step4 h3{
	width: 621px;
	height: 56px;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/flow_step4_title.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.detail_step4 h4{
	width: 621px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(../images/flow_step4_sub.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.detail_step4 p {
	margin: 0;
	padding: 0;
}
.rec_flow_caution {
	width: 950px;
	margin: 0 auto 50px auto;
	padding: 0;
}
.rec_flow_caution h4{
	width: 950px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: url(../images/flow_caution.png) no-repeat center 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.rec_flow_caution p{
	width: 950px;
	height: 260px
	margin: 0;
	padding: 0;
}
/* Flow */

/* Interview */

.interview h2{
	width: 950px;
	height: 30px;
	margin: 0 auto 20px auto;
	padding: 0;
	background: url(../images/qa_title.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.interview p{
	width: 950px;
	height: auto;
	margin: 0 0 30px 0;
	padding: 0;
}

/* Interview */

/* Salary */

.salary h2{
	width: 950px;
	height: 30px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/salary_title.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

.salary h3{
	width: 950px;
	height: 114px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/salary_read.png) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.salary_detail {
	width: 950px;
	height: 564px;
	margin: 0 auto 30px auto;
	padding: 0;
	background: url(../images/salary_bg.png) no-repeat 0 0;
}
/*.salary_detail {
	width: 950px;
	height: 880px;
	margin: 0 auto 30px auto;
	padding: 0;
	background: url(../images/salary_bg.gif) no-repeat 0 0;
}*/
.salary_detail1 {
	width: 900px;
	height: 292px;
	margin: 0 auto 0 auto;
	padding: 32px 0 0 0;
	background: url(../images/salary_01_20191217.png) no-repeat 0 32px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.salary_detail2 {
	width: 900px;
	height: 239px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/salary_02.png) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
/*.salary_detail1 {
	width: 900px;
	height: 260px;
	margin: 0 auto 0 auto;
	padding: 32px 0 0 0;
	background: url(../images/salary_01.gif) no-repeat 0 32px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.salary_detail2 {
	width: 900px;
	height: 406px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/salary_02.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}*/
.salary_detail3 {
	width: 900px;
	height: 563px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/salary_03.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

/* Salary */

/* Contact */
.contact h2{
	width: 950px;
	height: 30px;
	margin: 0 auto 20px auto;
	padding: 0;
	background: url(../images/contact_title.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.contact_line_base {
	width: 950px;
	height: 286px;
	margin: 0 auto 30px auto;
	padding: 0;
	background: url(../images/contact_line_base.gif) no-repeat 0 0;
}
.contact_line_base .inner {
	width: 838px;
	height: 174px;
	margin: 0;
	padding: 56px;
}
.contact_line_base .inner .qr {
	width: 174px;
	height: 174px;
	margin: 0;
	padding: 0;
	float: left;
}
.contact_line_base .inner .detail {
	width: 645px;
	height: 174px;
	margin: 0;
	padding: 0;
	float: right;
}
.contact_line_base .inner .detail h3 {
	width: 400px;
	height: 29px;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/contact_line_title.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.contact_line_base .inner .detail .lineid {
	width: 300px;
	/*width: 260px;*/
	height: 24px;
	margin: 0;
	padding: 0;
	background: url(../images/contact_line_lineid_0228.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.contact_line_base .inner .detail .read {
	width: 430px;
	height: 72px;
	margin: 0;
	padding: 0;
	background: url(../images/contact_line_read.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

.contact_base {
	width: 950px;
	height: 921px;
	margin: 0 auto 30px auto;
	padding: 0;
	background: url(../images/contact_bg.gif) no-repeat 0 0;
}

.contact_required {
	width: 838px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 56px 0 40px 0;
}
.contact_required h3{
	width: 838px;
	height: 29px;
	margin: 0 auto 30px auto;
	padding: 0;
	background: url(../images/contact_title1.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.contact_any{
	width: 838px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 53px 0;
}
.contact_any h3{
	width: 838px;
	height: 28px;
	margin: 0 auto 30px auto;
	padding: 0;
	background: url(../images/contact_title2.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}
.contact_area1 {
	width: 734px;
	height: 34px;
	margin: 0 auto 16px auto;
	padding: 0;
}
.contact_area1 .item{
	width: 174px;
	height: 34px;
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
.contact_area1 .input_form1 {
	width: 310px;
	height: 34px;
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
.contact_area1 .input_form1 .input_area1 {
	width: 308px;
	height: 32px;
	margin: 0 15px 0 0;
	padding: 0;
	border: solid 1px #9ad66d;
}
.contact_area1 .caution {
	width: 215px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
}
.contact_area2 {
	width: 734px;
	height: 150px;
	margin: 0 auto 16px auto;
	padding: 0;
}
.contact_area2 .input_area2 {
	width: 732px;
	height: 148px;
	margin: 0 auto 16px auto;
	padding: 0;
	border: solid 1px #9ad66d;
}
.contact_area3 {
	width: 734px;
	height: 50px;
	margin: 0 auto 16px auto;
	padding: 0;
}
.submit {
	width: 174px;
	height: 50px;
	background: url(../images/submit.gif) no-repeat 0 0;
	font-size: 1px;
	text-indent: -8887px;
	margin: 0;
	padding: 0;
	display: block;
	cursor:pointer;
	border: 0;
}
.submit a {
	width: 174px;
	height: 50px;
	background: url(../../images/submit.gif) no-repeat 0 0;
	display: block;
	text-indent: -8887px;
	line-height: 100%;
	margin: 0;
	padding: 0;
}
.submit a:hover {
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* Contact */

/* Form */
.contact_fbase {
	width: 948px;
	height: auto;
	margin: 0 auto 30px auto;
	padding: 0;
	border: 1px dotted #000;
	background-color: #fff;
}
.contact_fbase .inner {
	width: 838px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 30px 0 30px 0;
}
.contact_fbase .inner p {
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}
.contact_fbase .inner h3{
	width: 838px;
	height: 29px;
	margin: 0 auto 20px auto;
	padding: 0;
}

/* Form */

.center { margin: 0 auto 0 auto; padding: 0;}

/************* footer *************/
.footer { width: 100%; height: auto; margin: 0; padding: 0; background-color: #fff; }
.footer .inner { width: 960px; margin: 0 auto 0 auto; padding: 22px 0 20px 0; }
.ft_left {
	width: 290px;
	height: 160px;
	margin: 0;
	padding: 0;
	float: left;
}
.ft_left p{
	width: 290px;
	margin: 0;
	padding: 0;
}
.ft_right {
	width: 642px;
	height: 160px;
	margin: 0;
	padding: 0;
	float: right;
}
.ft_right .nav_bnr {
	width: 642px;
	height: 64px;
	margin: 0 0 14px 0;
	padding: 0;
}
.nav_bnr .tomonokai {
	width: 150px;
	height: 64px;
	margin: 0 8px 0 0;
	padding: 0;
	float: left;
}
.nav_bnr .karasawa {
	width: 150px;
	height: 64px;
	margin: 0;
	padding: 0;
	float: left;
}
.nav_bnr .contact {
	width: 326px;
	height: 64px;
	margin: 0;
	padding: 0;
	float: right;
}
.nav_area {
	width: 642px;
	margin: 0;
	padding: 0;
}
.nav_area .nav_box1 {
	width: 94px;
	margin: 0 30px 0 0;
	padding: 0;
	float: left;
}
.nav_area .nav_box2 {
	width: 160px;
	margin: 0 18px 0 0;
	padding: 0;
	float: left;
}
.nav_area .nav_box2 p {
	width: 160px;
	margin: 0;
	padding: 0;
}
.nav_area .nav_box3 {
	width: 160px;
	margin: 0 18px 0 0;
	padding: 0;
	float: left;
}
.nav_area .nav_box3 p {
	width: 160px;
	margin: 0;
	padding: 0;
}
.nav_area .nav_box4 {
	width: 161px;
	margin: 0;
	padding: 0;
	float: left;
}
.nav_area .nav_box4 p {
	width: 161px;
	margin: 0;
	padding: 0;
}
.ft_copy {
	font-size: 12px;
	line-height: 30px;
	text-align: right;
}
/************* footer *************/

/************* float *************/

.left { float: left; }
.right { float: right; }
.clear { clear: both;}
.clearfix {zoom:1;}
.clearfix:after {content: ""; display: block; clear: both;}

/************* float *************/

/************* margin *************/

.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}

/************* margin *************/