/*
Theme Name: エルフ
Theme URI: 
Version: 1.0.0
Description: エルフ
Author: ARCKLY
Author URI: http://arckly.com/
*/

@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,th {
font-style: normal;
font-weight:normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,fieldset {
border: 0;
}
li {
list-style-type: none;
}
a:hover img.link{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
	display: inline-block;
}

/* Fonts フロートなど共通CSS
------------------------------------------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, verdana, Osaka,"MS PGothic", "ＭＳ Ｐゴシック", Sans-Serif;
	font-size: 12px;
	color:#000;
	background-color:#FFF;
}

body a{
	color:#000;
	text-decoration:underline;
}

body a:hover{
	color:#999;
	text-decoration:underline;
}

.float_l{
	float:left;
}

.float_r{
	float:right;
}

.clear{
	clear:both;
}

.red{
	color:#F00;
}

.blue{
	color:#00F;
}

.bold{
	font-weight:bold;
}

.img_rabius20 img{
	border-radius:20px;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #013567;
}
 
.pagination a:hover{
color:#fff;
background: #1B4A76;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #1B4A76;
color:#fff;
}


/*フォーム系*/
.contact_btn{
	text-align:center;
}

.contact_btn input{
	padding:10px 20px;
	background-color:#013567;
	border:none;
	color:#FFF;
	text-align:center;
	margin:10px 0;
}
.contact_btn input:hover{
	background-color:#1B4A76;
}

.contact_main{
	margin-bottom:10px;
}




/*===============================================
●画面の横幅が821px以上
===============================================*/
@media screen and (min-width: 821px){


.pc-none{
	display:none;
}

.pc_float_l{
	float:left;
}

.pc_float_r{
	float:right;
}

.pc_img_100 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.pc_img_50 img{
	max-width: 50%;
	height: auto;
	width /***/:auto;　
}

.pc_center{
	text-align:center;
}

.pc_right{
	text-align:right;
}


/*ヘッダー設定
------------------------------------------------------------*/

header{
}

.h1_bg{
	background-color:#003468;
}

h1{
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	width:1000px;
	margin:0 auto;
	padding:2px 0;
}

.header_wrap{
	width:1000px;
	margin:0 auto;
}

.header_left{
	width:250px;
}

h2.header_logo{
	margin:20px 0;
}

.header_right{
	width:500px;
	padding:20px 0;
	text-align:right;
}

.header_jyusyo{
	font-size:11px;
	color:#999;
}

nav{
	width:100%;
	height:40px;
}

#nav_wrap{
	width:1000px;
	margin:0 auto;
}

ul#menu li{
	float:left;
	position:relative;
}

ul#menu li a{
	display:block;
}

ul#menu li a img{
	display:block;
}

ul#menu ul{
	z-index:100;
	display:none;
}

ul#menu ul li a{
	display:block;
	color:#003468;
	text-decoration:none;
	padding:5px;
	min-height:30px;
	line-height:30px;
	border-bottom:1px dashed #003468;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
	font-size:12px;
	background-color:#FAFAFA;
}

ul#menu ul li a:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}

ul#menu ul.nav_sub2{
	position:absolute;
	top:40px;
	left:0;
}

ul#menu ul.nav_sub2 li a{
	width:220px;
}

ul#menu ul.nav_sub3{
	position:absolute;
	top:40px;
	left:0;
}

ul#menu ul.nav_sub3 li a{
	width:200px;
}


ul#menu ul.nav_sub4{
	position:absolute;
	top:40px;
	left:0;
}

ul#menu ul.nav_sub4 li a{
	width:190px;
}

ul#menu ul.nav_sub5{
	position:absolute;
	top:40px;
	right:0;
}

ul#menu ul.nav_sub5 li a{
	width:130px;
}


/*wrap設定
------------------------------------------------------------*/
.h2_bg{
	background-image:url(images/top/top_img1.png);
	background-position:center center;
	padding:30px;
}


h2.kaso_h2{
	text-align:center;
	font-size:30px;
	color:#003468;
}


p.path{
	width:1000px;
	margin:0 auto;
	text-align:right;
	margin-bottom:50px;
}

p.path a{
}

p.path a:hover{
}


.teaser_box{
	background-image:url(images/teaser_bg.png);
	background-position:center top;
	height:250px;
}

.teaser_box_wrap{
	width:1000px;
	margin:0 auto;
}

#wrap{
	width:1000px;
	margin:0 auto;
}

#main_contents{
	width:700px;
	float:left;
}

h3.kaso_h3_1{
	color:#003466;
	font-size:18px;
	background-image:url(images/h3_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:20px;
	padding:10px 0 8px;
	border-bottom:1px solid #003466;
	text-align:center;
}

h3.kaso_h3_2{
	color:#003466;
	font-size:18px;
	background-image:url(images/h3_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:20px;
	padding:10px 0 8px;
	border-bottom:1px solid #003466;
	margin-top:50px;
	text-align:center;
}

.mt_20{
	margin-top:20px;
}

/*右カラム設定
------------------------------------------------------------*/

#right_contents{
	width:220px;
	float:right;
}

#right_contents p{
	margin-bottom:10px;
}

.r_box1 img{
	display:block;
}

span.r_span1{
	color:#3FCECE;
}

.r_jyusyo{
	margin-top:10px;
	font-size:10px;
	color:#999;
}

.r_kigyo{
	margin-top:20px;
	background-color:#F9FCFD;
	padding:20px 10px;
}


.r_logo{
	margin-bottom:10px;
}


/*フッター設定
------------------------------------------------------------*/

footer{
	color:#FFF;
	background-image:url(images/footer_bg.png);
	background-position:center top;
	padding-top:40px;
	height:290px;
	margin-top:100px;
}

footer a{
	color:#FFF;
	text-decoration:none;
}

.footer_wrap{
	width:1000px;
	margin:0 auto;
}

.footer_box1{
	width:510px;
}

.footer_box1 p{
	margin-bottom:20px;
}

.footer_box1 p span{
	margin-right:20px;
}

.footer_box1 p.footer_logo{
	font-size:14px;
	font-weight:bold;
}


.footer_box2{
	width:255px;
}

.footer_box3{
	width:235px;
}

.footer_box2 p{
	line-height:22px;
}

.footer_box3 p{
	line-height:22px;
}

p.footer_nav1{
	margin-left:1em;
}

.footer_address{
	border-top:1px solid #FFF;
	margin-top:20px;
	padding-top:3px;
}

address{
	width:1000px;
	margin:0 auto;
}

/* page top設定
------------------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background:#013567 ;
    text-decoration: none;
    color: #FFF;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	font-size:14px;
}
#page-top a:hover {
    text-decoration: none;
    background:#1B4A76;
}



/* ホーム設定
------------------------------------------------------------*/

.top_box1{
	background-image:url(images/top/slide_bg.png);
	background-position:center top;
	height:380px;
}

.top_box1_wrap{
	width:1000px;
	margin:0 auto;
}

.top_box2{
	height:366px;
	background-image:url(images/top/top_img1.png);
	background-position:center top;
	padding:50px 0;
}

h3.top_h3_1{
	color:#003466;
	font-size:18px;
	margin-bottom:50px;
}

.top_box2_2{
	font-size:13px;
}

.top_wrap_1000{
	width:1000px;
	margin:50px auto;
}

h3.top_h3_2{
	text-align:center;
	color:#003466;
	font-size:18px;
	background-image:url(images/top/top_title1_top.png);
	background-repeat:no-repeat;
	height:89px;
	line-height:89px;
}

.top_box3{
	border:1px solid #003466;
	border-top:none;
	width:937px;
	padding:30px;
	height:300px;
	overflow-y:scroll;
}

.top_box4{
	background-color:#F9FCFD;
	padding:50px 0;
}

.top_box4_wrap{
	width:1000px;
	margin:0 auto;
}

h3.top_h3_3{
	text-align:center;
	color:#003466;
	font-size:18px;
	background-image:url(images/top/top_title2.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:89px;
	line-height:89px;
	margin-bottom:20px;
}

.top_box4_1{
	font-size:14px;
	margin-bottom:40px;
	text-align:center;
}

a.top_abox_a1{
	text-decoration:none;
	display:block;
	width:310px;
	height:135px;
	margin-bottom:30px;
}

.top_abox_box1{
	padding:0 20px 0px;
	font-size:14px;
}

h4.top_h4_1{
	font-size:16px;
	padding:18px 10px 0px 60px;
	height:52px;
	line-height:18px;
}

a:hover.top_abox_a1{
	text-decoration:none;
}

a.top_abox1{
	background-image:url(images/top/top_img2.png);
	background-repeat:no-repeat;
	margin-right:35px;
}

a.top_abox2{
	background-image:url(images/top/top_img3.png);
	background-repeat:no-repeat;
	margin-right:35px;
}

a.top_abox3{
	background-image:url(images/top/top_img4.png);
	background-repeat:no-repeat;
}

a.top_abox4{
	background-image:url(images/top/top_img5.png);
	background-repeat:no-repeat;
	margin-right:35px;
}

a.top_abox5{
	background-image:url(images/top/top_img6.png);
	background-repeat:no-repeat;
	margin-right:35px;
}

a.top_abox6{
	background-image:url(images/top/top_img7.png);
	background-repeat:no-repeat;
}

a.top_abox7{
	background-image:url(images/top/top_img8.png);
	background-repeat:no-repeat;
	margin-right:35px;
}

a.top_abox8{
	background-image:url(images/top/top_img9.png);
	background-repeat:no-repeat;
	margin-right:35px;
}

a.top_abox9{
	background-image:url(images/top/top_img10.png);
	background-repeat:no-repeat;
}

.top_box5{
	width:460px;
}


h3.top_h3_4{
	text-align:center;
	color:#003466;
	font-size:18px;
	background-image:url(images/top/top_title_3.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:41px;
	line-height:41px;
	margin-bottom:20px;
}

.top_news_box{
	height:140px;
	overflow-y:scroll;
}

.top_news_1{
	display:block;
	text-decoration:none;
	padding:10px;
}

.top_news_2{
	display:block;
	text-decoration:none;
	background-color:#F9FCFD;
	padding:10px;
}

p.top_news_p1{
	width:80px;
}

p.top_news_p2{
	width:340px;
}

.top_box6{
	width:480px;
}

.top_bana1{
	margin:30px 20px 0 0;
}

.top_box10{
	width:200px;
	font-size:14px;
}

.top_box11{
	width:350px;
	margin-left:10px;
}

.top_box12{
	width:130px;
	text-align:center;
	margin-bottom:10px;
}

table.top_table1{
	width:350px;
}

table.top_table1 th{
	border-right:1px solid #000;
	text-align:center;
	width:75px;
	border-bottom:10px solid #FFF;
}

table.top_table1 td{
	width:254px;
	padding-left:10px;
	border-bottom:10px solid #FFF;
}

.top_box13{
	margin-bottom:50px;
	border-bottom:1px dashed #003468;
	padding-bottom:30px;
}


/* 初めての方へ 設定
------------------------------------------------------------*/

h4.beg_h4{
	font-size:16px;
	color:#003466;
	margin-bottom:10px;
	padding-left:80px;
	margin-left:-20px;
	min-height:24px;
	background-repeat:no-repeat;
	background-position:left top;
}

h4.beg_h4_2{
	background-image:url(images/beginner/beg_img2.png);
}

h4.beg_h4_3{
	background-image:url(images/beginner/beg_img3.png);
}

h4.beg_h4_4{
	background-image:url(images/beginner/beg_img4.png);
}

h4.beg_h4_5{
	background-image:url(images/beginner/beg_img5.png);
}

.beg_box1{
	background-color:#E6FFFF;
	padding:20px;
}

.beg_box2{
	background-color:#F9FCFD;
	padding:20px;
}


/* 人材をお探しの企業様 設定
------------------------------------------------------------*/

.com_box1{
	width:150px;
	background-color:#4CD2D2;
	color:#FFF;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}

h4.com_h4_1{
	width:530px;
	font-size:16px;
	height:40px;
	line-height:40px;
	background-color:#E6FFFF;
	padding-left:20px;
	color:#003466;
	margin-top:10px;
}

.com_box2{
	background-color:#F9FCFD;
	padding:20px;
	margin-bottom:10px;
}

ul.com_ul_1 li{
	list-style-type:disc;
	margin-left:1em;
	margin-bottom:10px;
}

ul.com_ul_1 li span{
	display:block;
	font-weight:bold;
	font-size:14px;
}

.w_250_c{
	width:200px;
}

.w_730_c{
	width:500px;
}

.price_border_c{
	border-bottom:1px dashed #013567;
	margin-bottom:10px;
	padding-top:10px;
}

.contact_cl{
	padding-top:10px;
}



/* お仕事をお探しの方 設定
------------------------------------------------------------*/

.rec_box1{
	width:150px;
	background-color:#FFCC33;
	color:#FFF;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}

h4.rec_h4_1{
	width:530px;
	font-size:16px;
	height:40px;
	line-height:40px;
	background-color:#FFFABE;
	padding-left:20px;
	color:#003466;
	margin-top:10px;
}



/* 会社概要 設定
------------------------------------------------------------*/

.info_box1{
	width:150px;
	background-color:#003468;
	color:#FFF;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #FFF;
}

.info_box2{
	width:530px;
	height:40px;
	line-height:40px;
	background-color:#E6FFFF;
	padding-left:20px;
	border-bottom:1px solid #003468;
}


.info_box3{
	width:150px;
	background-color:#003468;
	color:#FFF;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	height:160px;
}

.info_box4{
	width:530px;
	background-color:#E6FFFF;
	padding-left:20px;
	padding-top:10px;
	height:150px;
}





/* 工場物流系 設定
------------------------------------------------------------*/


.job_box1{
	margin-bottom:50px;
	background-image:url(images/h3_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:10px;
}

.job_box2{
	width:130px;
	text-align:center;
	font-size:14px;
	padding:2px 0;
}

.job_box3{
	width:550px;
	font-size:14px;
	padding-top:3px;
}

.job_cat01{
	color:#66CCCC;
	border:1px solid #66CCCC;
}

.job_cat02{
	color:#DC6823;
	border:1px solid #DC6823;
}

.job_cat03{
	color:#336600;
	border:1px solid #336600;
}

.job_cat04{
	color:#FF9966;
	border:1px solid #FF9966;
}

.job_cat05{
	color:#999;
	border:1px solid #999;
}


h3.job_h3{
	font-size:18px;
	color:#003468;
	padding-top:5px;
	border-bottom:1px solid #003468;
	padding-bottom:2px;
	margin-bottom:10px;
}

h3.job_h3 a{
	font-size:18px;
	color:#003468;
	display:block;
	text-decoration:none;
}

h3.job_h3 a:hover{
	color:#39F;
	text-decoration:underline;
}

.job_box4{
	width:250px;
}

.job_box5{
	width:430px;
}

table.job_table1{
	width:430px;
}

table.job_table1 th{
	border-right:1px solid #000;
	text-align:center;
	width:70px;
	border-bottom:10px solid #FFF;
}

table.job_table1 td{
	width:349px;
	padding-left:10px;
	border-bottom:10px solid #FFF;
}


table.job_table2{
	width:700px;
}

table.job_table2 th{
	border-right:1px solid #000;
	text-align:center;
	width:70px;
	border-bottom:10px solid #FFF;
}

table.job_table2 td{
	width:619px;
	padding-left:10px;
	border-bottom:10px solid #FFF;
}

a.job_a1{
	display:block;
	text-decoration:none;
	background-color:#003468;
	color:#FFF;
	text-align:center;
	padding:10px 0;
	width:250px;
	margin:20px auto;
}


a:hover.job_a1{
	display:block;
	text-decoration:none;
	background-color:#39F;
	color:#FFF;
}

.job_box7{
	width:200px;
	margin:0 15px;
}


}

/*===============================================
●画面の横幅が820pxまで
===============================================*/
@media screen and (max-width:820px){

body{
	font-size:12px;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.sm-none{
	display:none;
}

.sm_center{
	text-align:center;
}

.sm_left{
	text-align:left;
}

.sm_right{
	text-align:right;
}

.sm_float_l{
	float:left;
}

/*ヘッダー設定
------------------------------------------------------------*/
header{
}

h1{
	font-weight:normal;
	color:#FFF;
	font-size:10px;
	padding:3px 0;
	background-color:#003468;
	text-align:center;
}

h2.header_logo{
	margin:5px 0;
}

h2.header_logo img{
	width:150px;
}

.header_right{
	width:90%;
	margin:0 auto;
}


.header_jyusyo{
	font-size:11px;
	color:#999;
	margin-bottom:5px;
}



dl.accordion {
	width:100%;
	margin-bottom:20px;
}

dl.accordion dt {
	width:90%;
	text-align:center;
	min-height:40px;
	line-height:40px;
	font-size:16px;
	background-color:#003468;
	color:#FFF;
	font-weight:bold;
	margin-left:5%;
}

dl.accordion dt span.open{
	display:none;
}
dl.accordion dt.open {
   }
dl.accordion dt.open:hover{
}

dl.accordion dt.open span.close{
	display:none;
}
dl.accordion dt.open span.open{
	display:inline;
}

dl.accordion dt:hover{
}

dl.accordion dt.open:hover{
}

dl.accordion dd {
	clear:both;
	display:none;
	margin:0;
	width:90%;
	margin-left:5%;
}

dl.accordion dd a{
	display:block;
	min-height:40px;
	line-height:40px;
	text-decoration:none;
	background-color:#003468;
	color:#FFF;
	font-size:14px;
	border-top:1px solid #FFF;
	padding:0 5%;
}

ul.accordion p{
	display:block;
	min-height:40px;
	line-height:40px;
	text-decoration:none;
	background-color:#003468;
	color:#FFF;
	font-size:14px;
	border-top:1px solid #FFF;
	padding:0 5%;
}


ul.accordion p span.open{
	display:none;
}

ul.accordion p.open span.close{
	display:none;
}


ul.accordion ul{
	display:none;
}



/*wrap設定
------------------------------------------------------------*/

.h2_bg{
	background-image:url(images/top/top_img1.png);
	background-position:center center;
	padding:10px;
}


h2.kaso_h2{
	text-align:center;
	font-size:20px;
	color:#003468;
}


p.path{
	margin-bottom:20px;
}

p.path a{
}

p.path a:hover{
}


.teaser_box img{
	display:block;
}

.teaser_box_wrap{
	margin:0 auto;
}

#wrap{
	margin:0 3%;
}

#main_contents{
}

h3.kaso_h3_1{
	color:#003466;
	font-size:18px;
	background-image:url(images/h3_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:20px;
	padding:10px 0 8px;
	border-bottom:1px solid #003466;
	text-align:center;
}

h3.kaso_h3_2{
	color:#003466;
	font-size:18px;
	background-image:url(images/h3_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:20px;
	padding:10px 0 8px;
	border-bottom:1px solid #003466;
	margin-top:30px;
	text-align:center;
}

.mt_20{
	margin-top:10px;
}


	
	/*右カラム設定
------------------------------------------------------------*/

#right_contents{
	margin-top:30px;
}

#right_contents p{
	margin-bottom:10px;
	text-align:center;
}

.r_box1 img{
	display:block;
}

span.r_span1{
	color:#3FCECE;
}

.r_jyusyo{
	margin-top:10px;
	color:#999;
}

.r_kigyo{
	text-align:center;
}




/*フッター設定
------------------------------------------------------------*/
footer{
	color:#FFF;
	background-color:#003468;
	padding-top:20px;
	margin-top:30px;
}

footer a{
	color:#FFF;
	text-decoration:none;
}

.footer_wrap{
	padding:0 3%;
}

.footer_box1{
}

.footer_box1 p{
	margin-bottom:10px;
}

.footer_box1 p span{
	display:block;
}

.footer_box1 p.footer_logo{
	font-size:14px;
	font-weight:bold;
}


.footer_box2{
	float:left;
	margin-right:20px;
}

.footer_box3{
	float:left;
}

.footer_box2 p{
	font-weight:bold;
}

.footer_box3 p{
	font-weight:bold;
}

p.footer_nav1{
	margin-left:1em;
	font-weight:normal;
}

.footer_address{
	border-top:1px solid #FFF;
	margin-top:10px;
	padding-top:0px;
}

address{
}

/* page top設定
------------------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 10px;
    right: 1%;
    font-size: 77%;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #FFF;
    padding:5px 10px;
    text-align: center;
    display: block;
    border-radius: 10px;
	font-size:12px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

/* ホーム設定
------------------------------------------------------------*/
.top_box1{
}

.top_box1_wrap{
}

.top_box2{
	background-color:#F9FCFD;
	padding:30px 3%;
}

h3.top_h3_1{
	color:#003466;
	font-size:16px;
	margin-bottom:20px;
}

.top_box2_2{
}

.top_wrap_1000{
	margin:30px 3%;
}

h3.top_h3_2{
	text-align:center;
	color:#003466;
	font-size:18px;
	background-image:url(images/top/top_title2.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:89px;
	line-height:89px;
	margin-bottom:20px;
}

.top_box3{
	height:300px;
	overflow-y:scroll;
}

.top_box4{
	background-color:#F9FCFD;
	padding:20px 3%;
}

.top_box4_wrap{
}

h3.top_h3_3{
	text-align:center;
	color:#003466;
	font-size:18px;
	background-image:url(images/top/top_title2.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:89px;
	line-height:89px;
	margin-bottom:20px;
}

.top_box4_1{
	margin-bottom:20px;
}

a.top_abox_a1{
	text-decoration:none;
	display:block;
	margin-bottom:30px;
	border:1px solid #003468;
	min-height:130px;
}

.top_abox_box1{
	padding:0 20px 0px;
}

h4.top_h4_1{
	font-size:14px;
	padding:18px 10px 0px 50px;
	height:52px;
	line-height:16px;
}

a:hover.top_abox_a1{
	text-decoration:none;
}

a.top_abox1{
	background-image:url(images/top/top_img11.png);
	background-repeat:no-repeat;
	border-top:3px solid #336699;
}

a.top_abox2{
	background-image:url(images/top/top_img12.png);
	background-repeat:no-repeat;
	border-top:3px solid #66CCCC;
}

a.top_abox3{
	background-image:url(images/top/top_img13.png);
	background-repeat:no-repeat;
	border-top:3px solid #669999;
}

a.top_abox4{
	background-image:url(images/top/top_img14.png);
	background-repeat:no-repeat;
	border-top:3px solid #33CC99;
}

a.top_abox5{
	background-image:url(images/top/top_img15.png);
	background-repeat:no-repeat;
	border-top:3px solid #94CA4A;
}

a.top_abox6{
	background-image:url(images/top/top_img16.png);
	background-repeat:no-repeat;
	border-top:3px solid #336600;
}

a.top_abox7{
	background-image:url(images/top/top_img17.png);
	background-repeat:no-repeat;
	border-top:3px solid #DC6823;
}

a.top_abox8{
	background-image:url(images/top/top_img18.png);
	background-repeat:no-repeat;
	border-top:3px solid #FDEA62;
}

a.top_abox9{
	background-image:url(images/top/top_img19.png);
	background-repeat:no-repeat;
	border-top:3px solid #FF9966;
}

.top_box5{
}


h3.top_h3_4{
	text-align:center;
	color:#003466;
	font-size:18px;
	background-image:url(images/top/top_title2.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:89px;
	line-height:89px;
	margin-bottom:20px;
}

.top_news_box{
	height:140px;
	overflow-y:scroll;
}

.top_news_1{
	display:block;
	text-decoration:none;
	padding:10px;
}

.top_news_2{
	display:block;
	text-decoration:none;
	background-color:#F9FCFD;
	padding:10px;
}

p.top_news_p1{
}

p.top_news_p2{
	font-weight:bold;
}

.top_box6{
	margin-top:40px;
}

.top_bana1{
	margin-top:20px;
}



.top_box10{
	font-size:14px;
	margin-bottom:5px;
}

.top_box11{
}

.top_box12{
	width:130px;
	text-align:center;
}

table.top_table1{
	width:100%;
}

table.top_table1 th{
	border-right:1px solid #000;
	text-align:center;
	width:25%;
	border-bottom:10px solid #FFF;
}

table.top_table1 td{
	width:71%;
	padding-left:3%;
	border-bottom:10px solid #FFF;
}

.top_box13{
	margin-bottom:30px;
	border-bottom:1px dashed #003468;
	padding-bottom:30px;
}



/* 初めての方へ 設定
------------------------------------------------------------*/

h4.beg_h4{
	font-size:14px;
	color:#003466;
	margin-bottom:5px;
	padding-left:80px;
	margin-left:-10px;
	min-height:24px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:3px;
}

h4.beg_h4_2{
	background-image:url(images/beginner/beg_img2.png);
}

h4.beg_h4_3{
	background-image:url(images/beginner/beg_img3.png);
}

h4.beg_h4_4{
	background-image:url(images/beginner/beg_img4.png);
}

h4.beg_h4_5{
	background-image:url(images/beginner/beg_img5.png);
}

.beg_box1{
	background-color:#E6FFFF;
	padding:10px;
}

.beg_box2{
	background-color:#F9FCFD;
	padding:10px;
}



/* 人材をお探しの企業様 設定
------------------------------------------------------------*/

.com_box1{
	background-color:#4CD2D2;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}

h4.com_h4_1{
	font-size:16px;
	background-color:#E6FFFF;
	padding:10px;
	color:#003466;
	text-align:center;
}

.com_box2{
	background-color:#F9FCFD;
	padding:10px;
	margin-bottom:10px;
}

ul.com_ul_1 li{
	list-style-type:disc;
	margin-left:1em;
	margin-bottom:10px;
}

ul.com_ul_1 li span{
	display:block;
	font-weight:bold;
	font-size:14px;
}


.price_border_c{
	border-bottom:1px dashed #013567;
	margin-bottom:10px;
	padding-top:10px;
}

.contact_cl{
	padding-top:10px;
}


/*フォーム系*/
.w_730_c input[type="text"]{
	width:90%;
}

.w_730_c input[type="email"]{
	width:90%;
}

.w_730_c input[type="tel"]{
	width:90%;
}

.w_730_c input[type="url"]{
	width:90%;
}

.w_730_c textarea{
	width:90%;
}



/* お仕事をお探しの方 設定
------------------------------------------------------------*/

.rec_box1{
	background-color:#FFCC33;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}

h4.rec_h4_1{
	font-size:16px;
	padding:10px;
	text-align:center;
	background-color:#FFFABE;
	padding-left:20px;
	color:#003466;
}


/* 会社概要 設定
------------------------------------------------------------*/

.info_box1{
	background-color:#003468;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding:10px;
}

.info_box2{
	padding:10px;
	background-color:#E6FFFF;
}


.info_box3{
	background-color:#003468;
	color:#FFF;
	padding:10px;
	font-size:16px;
	font-weight:bold;
}

.info_box4{
	background-color:#E6FFFF;
	padding:10px;
}


/* 工場物流系 設定
------------------------------------------------------------*/


.job_box1{
	margin-bottom:30px;
	background-image:url(images/h3_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:10px;
}

.job_box2{
	width:130px;
	text-align:center;
	font-size:14px;
	padding:2px 0;
}

.job_box3{
	font-size:14px;
	padding-top:3px;
}

.job_cat01{
	color:#66CCCC;
	border:1px solid #66CCCC;
}

.job_cat02{
	color:#DC6823;
	border:1px solid #DC6823;
}

.job_cat03{
	color:#336600;
	border:1px solid #336600;
}

.job_cat04{
	color:#FF9966;
	border:1px solid #FF9966;
}

.job_cat05{
	color:#999;
	border:1px solid #999;
}


h3.job_h3{
	font-size:18px;
	color:#003468;
	padding-top:5px;
	border-bottom:1px solid #003468;
	padding-bottom:2px;
	margin-bottom:10px;
}

h3.job_h3 a{
	font-size:18px;
	color:#003468;
	padding-top:0px;
	display:block;
	text-decoration:none;
}

h3.job_h3 a:hover{
	color:#39F;
	text-decoration:underline;
}

.job_box4{
}

.job_box5{
}

table.job_table1{
	width:100%;
}

table.job_table1 th{
	border-right:1px solid #000;
	text-align:center;
	width:19%;
	border-bottom:10px solid #FFF;
}

table.job_table1 td{
	width:77%;
	padding-left:3%;
	border-bottom:10px solid #FFF;
}

table.job_table2{
	width:100%;
}

table.job_table2 th{
	border-right:1px solid #000;
	text-align:center;
	width:23%;
	border-bottom:10px solid #FFF;
}

table.job_table2 td{
	width:73%;
	padding-left:3%;
	border-bottom:10px solid #FFF;
}

a.job_a1{
	display:block;
	text-decoration:none;
	background-color:#003468;
	color:#FFF;
	text-align:center;
	padding:10px 0;
	width:250px;
	margin:10px auto;
}


a:hover.job_a1{
	display:block;
	text-decoration:none;
	background-color:#39F;
	color:#FFF;
}

.job_box7{
	margin-bottom:10px;
}





}

.top_osusume{
width :300px ;
}
.osusume_link{
display : flex;
justify-content:center;
text-align: center;
font-size : 1.25em;
margin-bottom : 5em;
}
#kyoka {
    font-size: 13px;
}