@charset "UTF-8";

/*sub navi
---------------*/
body.page_chuto #side_l ul#snavi{}
body.page_chuto #side_l ul#snavi li#snavi_chuto{
	border-bottom:none;
	background-image:url(../img/sub_navi_dotline.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:1px;
	margin-bottom:14px;
}

* html body.page_chuto #side_l ul#snavi li#snavi_chuto{ margin-bottom:8px;}
*+html body.page_chuto #side_l ul#snavi li#snavi_chuto{ margin-bottom:8px;}

body.page_chuto #side_l ul#snavi li.sub2{
	height:auto;
	display:block;
	border-bottom:none;
	padding-bottom:5px;
	border-bottom:solid 1px #D1D1D1;
}

body.page_chuto #side_l ul#snavi li.sub2 ul li{
	height:13px;
	border-bottom:none;
	margin-bottom:10px;
}
* html body.page_chuto #side_l ul#snavi li.sub2 ul li{ margin-bottom:8px;}
*+html body.page_chuto #side_l ul#snavi li.sub2 ul li{ margin-bottom:8px;}


body.page_chuto #side_l ul#snavi li.sub2 ul li a{
	width:165px;
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/: 13px ;
	padding-top:13px;
	background-image:url(../img/snavi_chuto.gif);
	background-repeat:no-repeat;
}

#side_l ul#snavi li.sub2 ul li#sub_chuto a{ background-position:0 0;}
#side_l ul#snavi li.sub2 ul li#sub_careerup_chuto a{ background-position:0 -23px;}
#side_l ul#snavi li.sub2 ul li#sub_extrajob a{ background-position:0 -45px;}
#side_l ul#snavi li.sub2 ul li#sub_staffvoice a{ background-position:0 -70px;}
#side_l ul#snavi li.sub2 ul li#sub_entry2 a{ background-position:0 -92px;}
#side_l ul#snavi li.sub2 ul li#sub_opstaff a{ background-position:0 -115px;}


/*hover*/
#side_l ul#snavi li.sub2 ul li#sub_chuto a:hover{ background-position:-165px 0;}
#side_l ul#snavi li.sub2 ul li#sub_careerup_chuto a:hover{ background-position:-165px -23px;}
#side_l ul#snavi li.sub2 ul li#sub_extrajob a:hover{ background-position:-165px -45px;}
#side_l ul#snavi li.sub2 ul li#sub_staffvoice a:hover{ background-position:-165px -70px;}
#side_l ul#snavi li.sub2 ul li#sub_entry2 a:hover{ background-position:-165px -92px;}
#side_l ul#snavi li.sub2 ul li#sub_opstaff a:hover{ background-position:-165px -115px;}


/*アクティブ*/
body.page_chuto_top #side_l ul#snavi li.sub2 ul li#sub_chuto a{ background-position:-165px 0;}
body.page_careerup #side_l ul#snavi li.sub2 ul li#sub_careerup_chuto a{ background-position:-165px -23px;}
body.page_extrajob #side_l ul#snavi li.sub2 ul li#sub_extrajob a{ background-position:-165px -45px;}
body.page_staffvoice #side_l ul#snavi li.sub2 ul li#sub_staffvoice a{ background-position:-165px -70px;}
body.page_entry #side_l ul#snavi li.sub2 ul li#sub_entry2 a{ background-position:-165px -92px;}
body.page_opstaff #side_l ul#snavi li.sub2 ul li#sub_opstaff a{ background-position:-165px -115px;}

#main .section h2.tit{ margin-bottom:20px;}

.beige_box{
	background-color:#F4F2ED;
	border-top:solid 1px #E0DBCF;
	padding-top:20px;
	overflow:hidden;
	zoom:1;
}

.beige_box .box{
	width:608px;
	margin:0 auto;
}

.line_lightgray{ border-bottom:solid 1px #D9D9D9;}
.line_gray{ border-bottom:solid 1px #C7C7C7;}


/**/
ul#recruitinfo_list{
	width:612px;
	margin:0 -4px 0 0;
	overflow:hidden;
	zoom:1;
}

* html body ul#recruitinfo_list{ margin-bottom:14px;}
*+html body ul#recruitinfo_list{ margin-bottom:14px;}

ul#recruitinfo_list li{
	width:198px;
	border:solid 1px #CBC6C1;
	background-color:#ffffff;
	float:left;
	padding:5px 0 0 0;
	margin:0 4px 14px 0;
	position:relative;
}

ul#recruitinfo_list li img{ vertical-align:top;}
ul#recruitinfo_list li span{ display:block;}
ul#recruitinfo_list li span.img{
	margin-bottom:14px;
	text-align:center;
}

ul#recruitinfo_list li h3,
ul#recruitinfo_list li span.txt,
ul#recruitinfo_list li span.bt{
	width:178px;
	margin:0 auto;
}

ul#recruitinfo_list li h3{
	height:14px;
	margin-bottom:10px;
	line-height:0;
	font-size:10px;
	overflow:hidden;
}

ul#recruitinfo_list li h3.dotline{
	width:175px;
	margin:0 0 14px 0;
	background-image:url(../img/dotline.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:10px 10px 12px 13px;
}

ul#recruitinfo_list li span.txt{
	color:#737373;
	margin-bottom:41px;
}

ul#recruitinfo_list li span.bt{
	position:absolute;
	left:11px;
	bottom:-1px;
}

ul#recruitinfo_list li span.bt a{
	display:block;
	overflow:hidden;
	width:20px;
	height:0 !important;
	height /**/: 21px ;
	padding-top:21px;
	background-image:url(../chuto/img/bt_more_ov.gif);
	background-repeat:no-repeat;
}

ul#recruitinfo_list li span.bt a:hover,
ul#recruitinfo_list li.bl-hover span.bt a{
	background-position:0 -21px;
}


/**/
ul#staffvoice_list{
	width:617px;
	margin:0 -10px 10px 0;
	overflow:hidden;
}

/*topのみ*/
body.page_staffvoice_top ul#staffvoice_list{
	height:442px;
	background-image:url(../chuto/img/staffvoice/bg_fig.png);
	background-repeat:no-repeat;
	margin-bottom:0;
}

.hide{ display:none;}
body.page_staffvoice_top .hide{ display:block;}
body.page_staffvoice_top .beige_box{ padding-top:30px !important;}


ul#staffvoice_list li{
	width:179px;
	border:solid 1px #CBC6C1;
	background-color:#ffffff;
	float:left;
	display:inline;
	padding:4px 4px 0 4px;
	margin:0 10px 10px 0;
	position:relative;
}

body.page_staffvoice_top ul#staffvoice_list li{ margin-bottom:38px;}


ul#staffvoice_list li.ml_100{ margin-left:101px;}

ul#staffvoice_list li img{ vertical-align:top;}
ul#staffvoice_list li span{ display:block;}
ul#staffvoice_list li span.img{ margin-bottom:8px;}
ul#staffvoice_list li h3,
ul#staffvoice_list li span.txt,
ul#staffvoice_list li span.bt{
	width:168px;
	margin:0 auto;
	font-size:10px;
	line-height:160%;
	color:#737373;
}

ul#staffvoice_list li h3{
	height:11px;
	margin:0 0 34px 11px;
	line-height:0;
	font-size:10px;
	overflow:hidden;
}

ul#staffvoice_list li span.bt{
	position:absolute;
	left:11px;
	bottom:-1px;
}

ul#staffvoice_list li span.bt a{
	display:block;
	overflow:hidden;
	width:20px;
	height:0 !important;
	height /**/: 21px ;
	padding-top:21px;
	background-image:url(../chuto/img/bt_more_ov.gif);
	background-repeat:no-repeat;
}

ul#staffvoice_list li span.bt a:hover,
ul#staffvoice_list li.bl-hover span.bt a{ background-position:0 -21px;}


/*tab navi*/
ul#tab_navi{
	height:34px;
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
	background-image:url(../company/img/bg_tabnavi.gif);
	background-repeat:repeat-x;
}

ul#tab_navi li{
	width:149px;
	float:left;
}

ul#tab_navi li img{ vertical-align:top;}




/*careerup
-----------------*/
.section .box{
	width:590px;
	margin:0 auto;
}

table.carrerup_tab{
	width:590px;
	margin:0 auto 30px auto;
	background-image:url(../img/dotline.gif);
	background-repeat:repeat-x;
	background-position:left top;
}

table.carrerup_tab tr{
	background-image:url(../img/dotline.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

table.carrerup_tab tr.nodotline{ background-image:none;}

table.carrerup_tab th,
table.carrerup_tab td{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	padding:11px 0;
}

table.carrerup_tab th{width:55px;}

table.carrerup_tab td h2{ margin-bottom:8px;}

table.carrerup_tab td p{ line-height:170%;}







/**/
ul.careerlist{
	background-image:url(../shinsotsu/img/staffvoice/dotline.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom:29px;
}

ul.careerlist li{
	padding:7px 0;
	background-image:url(../shinsotsu/img/staffvoice/dotline.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	overflow:hidden;
	zoom:1;
}

ul.careerlist li span{
	display:block;
	float:left;
	font-size:10px;
	color:#6B6B6B;
}

ul.careerlist li span.date{
	padding:0 11px 0 4px;
}

ul.careerlist li span.txt{
	width:338px;
}

/*pagelink*/
#pagelink{
	border-top:solid 1px #CDCDCD;
	clear:both;
}

#pagelink .bt_top{}
#pagelink .bt_prev{ float:right;}
#pagelink .bt_next{ float:right;}


/**/
#staffvoice_main{
	width:440px;
	float:right;
}

#staffvoice_side{
	width:175px;
	float:left;
}


/*school_list*/
dl.school_list{
	width:592px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
dl.school_list dt{
	float:left;
}

dl.school_list dd{
	width:534px;
	float:right;
}

.box2{
	width:534px;
	margin:0 28px 0 auto;
}


/*staff voice*/
body.page_staffvoice #main #main_img{ margin-bottom:12px !important;}
#staffvoice_wrap{
	width:618px;
	margin:0 8px;
}

#staffvoice_wrap #staffvoice_main .section{ width:436px;}

.ic_a{
	background-image:url(../chuto/img/staffvoice/ic_q.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:25px;
}

.dotline{
	background-image:url(../chuto/img/staffvoice/dotline.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:12px;
	margin-bottom:12px;
}

/*oping staff*/
table.opstaff_tab{
	width:590px;
	margin:0 auto 30px auto;
	border-top:solid 1px #CCCCCC;
}

table.opstaff_tab th,
table.opstaff_tab td{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	line-height:170%;
	padding:7px 0 5px 0;
	border-bottom:solid 1px #CCCCCC;
	color:#666666;
}

table.opstaff_tab th{
	background-color:#F2F2F2;
	color:#616161;
}

table.opstaff_tab th.area{ width:150px; padding-left:12px}
table.opstaff_tab th.name{ }
table.opstaff_tab th.date{ width:100px;}
table.opstaff_tab th.detail{}

table.opstaff_tab td h3{
	background-image:url(../chuto/img/dot_gray.gif);
	background-repeat:no-repeat;
	background-position:1px 8px;
	font-size:12px;
	font-weight:normal;
	padding-left:8px;
}

table.opstaff_tab td p{ line-height:170%;}


/*detail*/
h2.tit_pink{
	background-image:url(../chuto/img/ic_bor.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:12px;
	margin-bottom:40px;
	font-size:12px;
	color:#595959;
}

h2.tit_pink span{ font-weight:normal;}


table.opstaff_detail_tab{
	width:590px;
	margin:0 auto 10px auto;
	border-top:solid 1px #CCCCCC;
}

table.opstaff_detail_tab th,
table.opstaff_detail_tab td{
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	line-height:170%;
	padding:7px 0 5px 0;
	border-bottom:solid 1px #CCCCCC;
	color:#666666;
}

table.opstaff_detail_tab th{
	width:100px;
	color:#616161;
}

.link_box{ margin-bottom:50px;}



/**/
.gray_box_w100{
	width:100px;
	height:100px;
	background-color:#F0F0F0;
	text-align:center;
	padding:0 !important;
}

.entry_form{padding-top:40px !important;}
.entry_qr{ padding-top:13px;}

.entry_l{
	width:386px;
	float:left;
}