@charset "UTF-8";
/* CSS Document */
h3,h2,h4,p{
    margin: 0;
    padding: 0;
}
h3{
    font-size: 18px;
}
input, select, textarea {
    font-size: 100%;
}

/*ヘッダー*/
.header_box{
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #4A7DC4;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 15px;
}
@media screen and (max-width: 1023px){
    .header_box{
        padding-top: 40px;
    }
}
.header_L{
	float: left;
    max-width: 383px;
}
.header_L h1{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}
.header_L img{
	max-width: 100%;
    height: auto;
}
.header_R{
	float: right;
    padding-top: 5px;
}
.header_R img{
	margin-right: 10px;
}

@media screen and (max-width: 480px){
    .header_box{
	   padding-left: 0px;
       margin-bottom: 5pt;
        border: none;
    }
    .header_L{
	float: left;
    width: 100%;
    }
    .header_L img{
    width: 100%;
        height: auto;
    }
    .header_R{
        display: none;
    }
}

@media screen and (max-width: 786px){
    .header_box{
	   padding-left: 0px;
       padding-right: 0px;
    }
    .header_L{
        width:275px;	
    }
    .header_L img{
	/*max-width: 55%;
    height: auto;*/
    }
    .header_R{
    /*max-width: 300px;*/
    padding-top: 20px;
    }
    .header_R img{
        height: 40px;
        width: auto;
	   margin-right: 0px;
    }
}


/*グローバルメニュー*/	
.g_navi
{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ba1e6+0,3f70b8+100 */

background: rgb(107,161,230); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(107,161,230,1) 0%, rgba(63,112,184,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,161,230,1)), color-stop(100%,rgba(63,112,184,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(107,161,230,1) 0%,rgba(63,112,184,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(107,161,230,1) 0%,rgba(63,112,184,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(107,161,230,1) 0%,rgba(63,112,184,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(107,161,230,1) 0%,rgba(63,112,184,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ba1e6', endColorstr='#3f70b8',GradientType=0 ); /* IE6-9 */
    margin: 0px;
	padding: 0px;
    max-width: 1150px;
	}
.g_navi ul{
	display:table;
	table-layout: fixed;
	width:100%;
	list-style-type: none;	
    padding: 0;
}
.g_navi li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-size: 18px;
	line-height: 2;
	color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.g_navi li a{
	color: #FFF;
	text-decoration: none;
	display: block;
}
.g_navi li:last-child{
	border-right-style: none;
}

@media screen and (max-width: 1023px){
    .g_navi{display: none}
}

@media screen and (min-width: 1024px){
    .main-inner{
        padding-right: 25px;
    }
}


/* ------------------------------
　　トップページ
------------------------------ */

/*最新のお仕事、職種から探す共通*/
.title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6fcff+0,e6eef6+100 */

background: rgb(246,252,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,252,255,1) 0%, rgba(230,238,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,252,255,1)), color-stop(100%,rgba(230,238,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,252,255,1) 0%,rgba(230,238,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,252,255,1) 0%,rgba(230,238,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,252,255,1) 0%,rgba(230,238,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,252,255,1) 0%,rgba(230,238,246,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fcff', endColorstr='#e6eef6',GradientType=0 );
	}

/*最新のお仕事*/
.new_job{
	background-image: url(../OSE_images/shigoto_mark.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #2F6FB5;
    font-size: 18px;
	line-height: 2.5;
	padding-left: 50px;
    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
.new_job_info{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
    padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}
.new_job_info_inner{
    margin: 0 10px 0 10px;
}

/*最新のお仕事のカテゴリー表示部*/
.acms-label{
    margin-left: 10px;
	color: #fff;
}

/*職種から探す*/
.job_category{
	background-image: url(../OSE_images/search_mark.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #2F6FB5;
    font-size: 18px;
	line-height: 2.5;
	padding-left: 50px;
    margin: 0;
	}
.job_cate_info{
	margin-bottom: 30px;
    max-width: 720px;
    height: auto;
	margin-right: auto;
	margin-left: auto;
}
.job_cate_info ul,.kanren ul{
    list-style: none;
    padding: 0;
}
.job_cate_info img{
	margin-bottom: 10px;
}
.kanren{
	margin-bottom: 30px;
}
.kanren img{
	margin-bottom: 10px;
}


@media only screen and (max-width:480px){
    .job_cate_info{
	max-width: 200px;
    height: auto;
	margin-right: auto;
	margin-left: auto;
    } 
    .job_cate_info img{
    width: 100%;
    height: auto;
}
    .kanren{
	max-width: 250px;
    height: auto;
	margin-right: auto;
	margin-left: auto;
    } 
}

/*ご利用が初めての方へ*/
.title_g{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cbedcc+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(203,237,204,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(203,237,204,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(203,237,204,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(203,237,204,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(203,237,204,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(203,237,204,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbedcc',GradientType=0 ); /* IE6-9 */
	
}
.beginner{
	background-image: url(../OSE_images/wakaba_mark.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #339900;
    font-size: 18px;
	line-height: 2.5;
	padding-left: 50px;
    margin: 0;
	}
.beginner_info{
	margin-bottom: 30px;
}
.beginner_info ul{
    list-style: none;
    padding: 0
}
.beginner_info li{}
.beginner_info p{
    margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.5;
	padding-right: 10px;
	padding-left: 10px;	
}
.beginner_info img{
	margin-right: 3px;
	margin-left: 3px;
    margin-bottom: 10px;
}
@media only screen and (max-width:480px){
.beginner_info img{
	max-width: 200px;
    height: auto;
	margin-right: auto;
	margin-left: auto;
    }   
}

/*弊社関連企業*/
.group_company{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	border: 1px solid #CCC;
	font-size: 16px;
	line-height: 2;
	padding-left: 10px;
	color: #333;
	}
.group_company_info{
	margin-top: 10px;
	margin-bottom: 10px;
}
.group_company_info ul{
    list-style: none;
    padding: 0;	
    margin: 0;
}
.group_company_info img{
	margin-bottom: 10px;
}

/*検索ボックス*/
.search_box{
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	background-color: #3286D9;
	padding-bottom: 3%;
	margin-bottom: 15px;
}
.search_box h3{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 3px;
    margin: 0;
}
.search_box table{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	background-color: #E7EFF7;   
}
.search_box th{
	text-align: center;
    /*padding-left: 10px;*/
   /* padding-right: 5px;*/
    padding-top: 5px;
    font-size: 16px;
    font-weight: normal;
    border: none;
}
.search_box td{
	/*padding-left: 10px;
	padding-top: 10px;*/
    text-align: center;
	padding-right: 5px;
    padding-left: 5px;
	padding-bottom: 10px;
}
#tsize{
    font-size: 100%;
    }
.keywordarea{
    width:70%;
}

/*@media only screen and (max-width:1024px){
    .search_box th,
    .search_box td{
        width: 100%;
        display: block;
        text-align: center;
    }
    .search_box th{
        padding-left: 0px;
        margin-top: 5px;
    }
    .search_box td{
        padding:0;
        margin-bottom: 10px;
    }
}*/
@media only screen and (max-width:480px){
    .search_box{
        display: none;
    }
}


/*検索ボックス 横タイプ*/
.search_box_yoko{
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	background-color: #3286D9;
	padding-bottom: 10px;
    margin-bottom: 40px;
}
.search_box_yoko h3{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 3px;
    margin: 0;
}
.search_box_yoko table{
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	background-color: #E7EFF7; 
}
.search_box_yoko th{
	text-align: right;
    padding-right: 5px;
    font-size: 120%;
    font-weight: normal;
    border: none;
}
.search_box_yoko td{
	padding-top: 10px;
	
	padding-bottom: 10px;
	padding-left: 0px;
}

@media only screen and (max-width:768px){
    .search_box_yoko table{
	width: 95%;
}
    .search_box_yoko th,
    .search_box_yoko td{
        width: 100%;
        display: block;
        text-align: center;
    }
    .search_box_yoko th{
        padding-left: 0px;
        margin-top: 5px;
    }
    .search_box_yoko td{
        padding:0;
        margin-bottom: 10px;
    }
}



/*お問い合わせ・ご相談*/
.toiawase_access{
	background-color: #E7EFF7;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 3px;
	margin-bottom: 15px;
}
.toiawase_access_box{
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	width: 92%;
	margin-bottom: 10px;
}
.toiawase_access_box img {
    max-width: 100%;
    height: auto;
}
@media only screen and (max-width:768px){
.toiawase_access_box img {
    max-width: 95%;
    height: auto;
    }
}
.toiawase_access_box h3{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ec0e7+0,348bd3+40 */

background: rgb(142,192,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(142,192,231,1) 0%, rgba(52,139,211,1) 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,192,231,1)), color-stop(40%,rgba(52,139,211,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(142,192,231,1) 0%,rgba(52,139,211,1) 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(142,192,231,1) 0%,rgba(52,139,211,1) 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(142,192,231,1) 0%,rgba(52,139,211,1) 40%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(142,192,231,1) 0%,rgba(52,139,211,1) 40%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec0e7', endColorstr='#348bd3',GradientType=0 ); /* IE6-9 */
	height: 35px;
    padding: 0px;
	margin: 0px;
}
.toiawase_access_box p{
	font-size: 12px;
	line-height: 2;
    padding: 0px;
	margin: 0px;
}

/*ボタンのみ*/
.navi_btn{
	margin-bottom: 5px;
}
.navi_btn img{
    max-width: 100%;
    height: auto;
}
.job_info_more{
    text-align: right;
    margin-right: 5px;
    margin-bottom: 40px;
}

/*お知らせ*/
.info{
	border: 1px solid #CCC;
	margin-bottom: 15px;
}
.info h3{
	background-color: #DFDFDF;
	font-size: 18px;
	line-height: 2;
	padding-left: 10px;
}
.info ul{
	list-style-type: none;
	padding: 0 10px;
}
.info li{
	font-size: 13px;
	line-height: 2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
    padding-bottom: 10px;
}

/*フッター*/
.site_map{
    display: table;
}
.site_map ul {
	list-style-type: none;
	clear: both;
    display: table-row
}
.site_map li{
	/*float: left;*/
	font-size: 12px;
	line-height: 1.5;
	/*width: 20%;*/
    display: table-cell;
    padding-right: 20px;
}
.site_map li a{
    text-decoration: none;
	color: #333;
}
.site_map li a:hover {
    text-decoration: underline;
}

/*スライダー*/
.js-main-slider{
    height: auto;
    max-width: 1150px;
    width: auto;
}

/*右サイドナビのボタン*/
.job_side_btn{
    margin-bottom: 20px;
}

/* ------------------------------
　　お仕事情報関連ページ
------------------------------ */

/*事務・サービス系お仕事情報のエントリページ*/
.page_title{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    background-image: url(../OSE_images/deskwork_service_title.jpg);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 100%;
    border: 1px solid #CCC;
}
.page_title h2{
    font-size: 180%;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #EA6685;
    padding-left: 15px; 
}

.entryTitle_deskwork{
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #EA6685;
}
.entryTitle_deskwork h3{
    font-size: 140%;
    margin: 0;
    padding-left: 65px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(../OSE_images/deskwork_mark.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.job_title_deskwork{
    background-color: #FFE3E3;
    margin: 0;
    padding-left: 10px;
    color: #EA426E;
    font-size: 13pt;
    line-height: 2;
}
.job_title_deskwork h3{
    font-size: 100%;
    line-height: 2;
}
.No_Search_Results{
    font-weight:bold;
    font-size:18pt; 
    line-height:1.5;
    margin-bottom: 30pt;
    padding: 10pt;
    border: 1px solid #333;
}

/*物流系お仕事情報のエントリページ*/
.page_title_logi{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    background-image: url(../OSE_images/logistics_title.jpg);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 100%;
    border: 1px solid #CCC;
}
.page_title_logi h2{
    font-size: 180%;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #31B260;
    padding-left: 15px; 
}
.entryTitle_logi{
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #31B260;
}
.entryTitle_logi h3{
    font-size: 140%;
    margin: 0;
    padding-left: 65px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(../OSE_images/logistics_mark.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.job_title_logi{
    background-color: #CBF2DC;
    margin: 0;
    padding-left: 10px;
    color: #31B260;
    font-size: 13pt;
    line-height: 2;
}
.job_title_logi h3{
    font-size: 100%;
    line-height: 2;
}


/*製造系お仕事情報のエントリページ*/
.page_title_manu{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    background-image: url(../OSE_images/manufacture_title.jpg);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 100%;
    border: 1px solid #CCC;
}
.page_title_manu h2{
    font-size: 180%;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #1A8ACD;
    padding-left: 15px; 
}
.entryTitle_manu{
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #1A8ACD;
}
.entryTitle_manu h3{
    font-size: 140%;
    margin: 0;
    padding-left: 65px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(../OSE_images/manufacture_mark.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.job_title_manu{
    background-color: #E3F1F6;
    margin: 0;
    padding-left: 10px;
    color: #1A8ACD;
    font-size: 13pt;
    line-height: 2;
}
.job_title_manu h3{
    font-size: 100%;
    line-height: 2;
}


/*お仕事情報のエントリページ レスポンシブ調整*/
@media only screen and (max-width:768px){
.page_title,.page_title_logi,.page_title_manu{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-image: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.page_title h2,.page_title_logi h2,.page_title_manu h2{
    font-size: 120%;
    line-height: 2;
    border-left-width: 8px;
    padding-left: 10px;  
    margin: 0
    }
.entryTitle_deskwork h3,.entryTitle_logi h3,.entryTitle_manu h3{
    font-size: 110%;
    }
/*.job_title_deskwork{
    background-color: #FFE3E3;
    margin: 0;
    padding-left: 10px;
    color: #EA426E;
    font-size: 13pt;
    line-height: 2;
}*/

/*.job_title_deskwork h3{
    font-size: 100%;
    line-height: 2;
    }*/
}


/*お仕事情報のエントリページ 求人情報詳細*/
.job_info_detail{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    max-width:830px;
}
.job_info_detail table{
    border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-collapse: collapse;
}
.job_info_detail td,th {
    border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #DFDFDF;
	border-left-color: #DFDFDF;
}
.job_info_detail th{
    width: 20%;
    padding-bottom: 10px;
    padding-top: 10px;
}
.job_info_detail td{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.job_info_detail tr:nth-child(2n-1) {
 background: #F3F4EB;
}
.job_entry_form_title{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    /*padding-top: 40px;*/
    clear: both;
}
.job_entry_form{
    font-size: 12px;
	line-height: 1.5;
	color: #C00; 
}
.job_entry_toiawase{
    max-width: 584px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;   
}

@media only screen and (max-width:768px){
.job_entry_toiawase{
    max-width: 300px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    }
}

.job_entry_toiawase ul{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.job_entry_toiawase li{
    float:left;
    margin-right: 10px;	
    margin-bottom: 10px;
}
/*SNSのリンク*/
.sns_link{
    margin-bottom: 20px;
    /*overflow: hidden;
    list-style: none;*/
}
.sns_link li{
    float: right;
    margin-right: 10px;
}

/* ------------------------------
　　お問い合わせページ
------------------------------ */
.page_title_contact{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    background-image: url(../OSE_images/toiawase_title.jpg);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 100%;
    border: 1px solid #CCC;
}
.page_title_contact h2{
    font-size: 180%;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #999999;
    padding-left: 15px; 
}

/*お問い合わせページ レスポンシブ調整*/
@media only screen and (max-width:768px){
.page_title_contact{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-image: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.page_title_contact h2{
    font-size: 120%;
    line-height: 2;
    border-left-width: 8px;
    padding-left: 10px;  
    margin: 0
    }
.entryTitle h3{
    font-size: 110%;
    }
}

/* ------------------------------
　　お知らせページ
------------------------------ */
.page_title_news{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    background-image: url(../OSE_images/news_title.jpg);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 100%;
    border: 1px solid #CCC;
}
.page_title_news h2{
    font-size: 180%;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #999999;
    padding-left: 15px; 
}

/*お知らせページ レスポンシブ調整*/
@media only screen and (max-width:768px){
.page_title_news{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-image: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
    }
.page_title_news h2{
    font-size: 120%;
    line-height: 2;
    border-left-width: 8px;
    padding-left: 10px;  
    margin: 0
    }
}

/* ------------------------------
　　仮登録ページ
------------------------------ */
.page_title_regi{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    background-image: url(../OSE_images/registration_title.jpg);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 100%;
    border: 1px solid #CCC;
}
.page_title_regi h2{
    font-size: 180%;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #999999;
    padding-left: 15px; 
}
.title_regi{
	font-size: 16px;
	line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 0px;
	color: #333;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #999999;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding-left: 10px;
	}

/*仮登録ページ レスポンシブ調整*/
@media only screen and (max-width:768px){
.page_title_regi{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    background-image: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.page_title_regi h2{
    font-size: 120%;
    line-height: 2;
    border-left-width: 8px;
    padding-left: 10px;  
    margin: 0
    }
}

/* ------------------------------
　　初めてご利用される方ページ
------------------------------ */
.page_title_beginner{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    background-image: url(../OSE_images/beginner_title.jpg);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 100%;
    border: 1px solid #CCC;
}
.page_title_beginner h2{
    font-size: 180%;
    line-height: 1.5;
    padding-left: 35px; 
}
.beginner_title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cbedcc+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(203,237,204,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(203,237,204,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(203,237,204,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(203,237,204,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(203,237,204,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(203,237,204,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbedcc',GradientType=0 ); /* IE6-9 */
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #339900;
	line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 10px;
    margin: 0;
	
}
#green_title{
    font-size: 16pt;
    font-weight: bold;
    color:#339900;
}


/*ご利用が初めての方 トップページ*/
.beginner_navi{
    margin-top: 20pt;
    clear:both;
	
}
.b_navi_R{
    margin-bottom: 20pt;
    
}
.b_navi_R p{
    font-size: 16px;
	line-height: 1.5;   
}
.b_navi_L{
    margin-bottom: 10pt;
}

/*働き方のタイプ*/
.work_column{
    overflow: hidden;
    margin-top: 20px; 
    padding: 10px;
    border: 1px solid #D8D8D8; 
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.work_column h4{
    font-size: 17px;
    text-align: center;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 5px;
    padding: 10px 0;
}
.work_column p,.work_column02 p{
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 15px;
}
.work_column02{
    overflow: hidden;
    margin-top: 30px; 
}
.work_column02 h4{
    font-size: 23px;
    line-height: 1.5;
    color: #339900;  
}
.work_column02 img{
    display: block;
    margin: 0 auto; 
}
.work_column03 p{
    font-size: 16px;
    line-height: 1.5;
    padding: 10px;
    margin: 0;
}
.jinzai_bg{
    border: 1px solid #4DA113; 
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#80d46d+0,4da113+100 */
background: rgb(128,212,109); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(128,212,109,1) 0%, rgba(77,161,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,212,109,1)), color-stop(100%,rgba(77,161,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(128,212,109,1) 0%,rgba(77,161,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(128,212,109,1) 0%,rgba(77,161,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(128,212,109,1) 0%,rgba(77,161,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(128,212,109,1) 0%,rgba(77,161,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d46d', endColorstr='#4da113',GradientType=0 ); /* IE6-9 */

}
.jinzaiTarget_bg{
    background-color: #EEF9EE;
    padding: 10px;
}
.shokai_bg{
    border: 1px solid #00945B; 
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d082+0,00945b+100 */
background: rgb(0,208,130); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,208,130,1) 0%, rgba(0,148,91,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,208,130,1)), color-stop(100%,rgba(0,148,91,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,208,130,1) 0%,rgba(0,148,91,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,208,130,1) 0%,rgba(0,148,91,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,208,130,1) 0%,rgba(0,148,91,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,208,130,1) 0%,rgba(0,148,91,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d082', endColorstr='#00945b',GradientType=0 ); /* IE6-9 */
}
.shokaiTarget_bg{
    background-color: #DBF6EA;
    padding: 10px;
}
.jinzai_shokai_bg{
    border: 1px solid #4692A3; 
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60c5dd+0,4692a3+100 */
background: rgb(96,197,221); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(96,197,221,1) 0%, rgba(70,146,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,197,221,1)), color-stop(100%,rgba(70,146,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(96,197,221,1) 0%,rgba(70,146,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(96,197,221,1) 0%,rgba(70,146,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(96,197,221,1) 0%,rgba(70,146,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(96,197,221,1) 0%,rgba(70,146,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c5dd', endColorstr='#4692a3',GradientType=0 ); /* IE6-9 */
}
.jinzai_shokaiTarget_bg{
    background-color: #DAEDF3;
    padding: 10px;
}
.haken_merritt{
    overflow: hidden;
    margin-top: 30px;
}
.haken_merritt h4{
    font-size: 23px;
    line-height: 1.5;
    color: #339900;
}
.haken_merritt img{
    margin-bottom: 20px;
}
.haken_merritt dl{
    margin: 0;
    padding: 0;
}
.haken_merritt dt{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    color: #339900;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #339900;;
    padding-left: 5px;
    margin-bottom: 5px;
}
.haken_merritt dd{
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
/*働き方のタイプ レスポンシブ調整*/
@media only screen and (max-width:768px){
.work_column h4{
    font-size: 100%;
    line-height: 1.5;
    padding: 5px 0;
    }
.work_column02 h4{
    font-size: 18px;
    }
.haken_merritt h4{
    font-size: 20px;
    }
}
@media only screen and (max-width:480px){
.work_column h4{
    font-size: 18px;
    line-height: 1.2;
    padding: 5px 0;
    }
.haken_merritt{
    margin-top: 10px;
}
.haken_merritt dl{
    margin: 0 0 30px 0;
    padding: 0;
    }
}


/*登録から就業まで*/
.flow_column{
    overflow: hidden;
    margin-top: 20px; 
}
.flow_column02{
    overflow: hidden;
    padding-top: 20px;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E7E7E7;
}
.flow_column h4,.flow_column02 h4{
    color: #339900;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.flow_column p,.flow_column02 p{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.flow_column img,.flow_column02 img{
    margin-bottom: 10px;
}
.flow_step2_bg{
	background-color: #E5F1F7;
    width: 90%;
    padding: 10px;
    margin-bottom: 15px;
}
.flow_step2_bg ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.flow_step2_bg li{
    font-size: 16px;
    padding-left: 16px;
    text-indent: -16px;
}
.toroku_yoyaku{
    border: 1px solid #6BCE82;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    background-color: #E7FBE6;
    padding: 10px;
    width:80%;
    margin: 20px auto;
}
.toroku_yoyaku_kochira{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.toroku_yoyaku ul{
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;  
}

/*登録から就業まで レスポンシブ調整*/
@media only screen and (max-width:768px){
.flow_column h4,.flow_column02 h4{
    font-size: 18px;
    font-weight: bold;
}
.flow_step2_bg{
    width: 100%;
    }
.toroku_yoyaku{
    width:100%;
    /*margin: 20px auto;*/
}
.toroku_yoyaku img{
    margin-bottom: 15px;
    }
}

@media only screen and (max-width:600px){
.step_title{
    width:60%;
    }
}

@media only screen and (max-width:480px){
.toroku_yoyaku{
    width:100%;
    }
.toroku_yoyaku_kochira{
    margin-bottom: 10px;
    }
}

/*よくある質問*/
.question{
	background-image: url(../OSE_images/question_mark.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	line-height: 1.5;
    padding-left: 50px;
    padding-bottom: 10px;
    padding-top: 5pt;
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom: 10px;
}
.answer{
	background-image: url(../OSE_images/answer_mark.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    font-size: 16px;
	line-height: 1.5;
    padding-left: 50px;
    padding-bottom: 10px;
    padding-top: 0pt;
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom: 10px;
}

/*初めてご利用の方ページ レスポンシブ調整*/
@media only screen and (max-width:768px){
.page_title_beginner{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-image: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.page_title_beginner h2{
    font-size: 120%;
    line-height: 2;
    border-left-width: 8px;
    border-left-style: solid;
	border-left-color: #339900;
    padding-left: 15px; 
    margin: 0
    }
.beginner_title h3{
    font-size: 100%;
    padding-left: 0px;
    }
#green_title{
    font-size: 130%;
    }
}
@media only screen and (max-width:480px){
.beginner_title{
    padding-left: 10px;
    }
.question{
	/*font-size: 12px;
	line-height: 1.5;*/
	padding-bottom: 15px;
    padding-top: 2pt;
    }
}

/* ------------------------------
　　企業のご担当者様ページ
------------------------------ */
/*企業のご担当者様 トップページ*/
.page_title_enterprise{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    background-image: url(../OSE_images/enterprise_title.jpg);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 100%;
    border: 1px solid #CCC;
}
.page_title_enterprise h2{
    font-size: 180%;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E68A00;
    padding-left: 15px; 
}
.title_enterprise{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2e4ca+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,228,202,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,228,202,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,228,202,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,228,202,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,228,202,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,228,202,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2e4ca',GradientType=0 ); /* IE6-9 */
    font-size: 16px;
	line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 0px;
	color: #333;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #E68A00;
    margin-bottom: 20px;
    padding-left: 10px;
    clear: both;
}
.enterprise_column{}
.enterprise_column p{
    font-size: 16px;
    line-height: 1.5;
}
.enterprise_column h4{
    font-size: 18px;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF6600;
    padding-left: 10px;
}
.enterprise_column_title_bg{
    margin-top: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    border: 1px solid #CCC;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.ose_feature_box{
    overflow: hidden;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
    margin: 0 10px 30px 10px;
    padding: 10px;
}
.ose_lineup_box{
    overflow: hidden;
    border: 1px solid #FFCC66;
    margin: 0 10px 30px 10px;
    padding: 10px;
}
.ose_lineup_box h4{
    font-size: 18px;
    line-height: 1.5;
    color: #E68A00;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #E68A00;
    padding-left: 10px;
    margin-bottom: 5px;
}
.ose_lineup_box p{
    font-size: 16px;
    line-height: 1.5;
}
.enterpraise_toiawase{
    border: 1px solid #6BCE82;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    background-color: #E7FBE6;
    padding: 10px;
    width:80%;
    margin: 20px auto;
}
.enterpraise_toiawase_kochira{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.enterpraise_toiawase ul{
    list-style: none;
    /*overflow: hidden;*/
    margin: 0;
    padding: 0; 
}
.enteprize_navi_box{
    padding: 10px;
	margin-bottom: 10px;
    border: 1px solid #FFCC66;
    background-color: #FFF8F1;
}
.enteprize_navi_box h3{
	font-size: 18px;
    line-height: 1.5;
    color:#fff;
    text-align: center;
    background-color:#FF9933;
}
.enteprize_navi_box ul{
	margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 95%;
}
.enteprize_navi_box li{
	background-image: url(../OSE_images/orange_arrow.png);
    background-repeat: no-repeat;
	background-position: left center;
    line-height: 2.5;
    font-size: 18px;
    border-bottom: 1px dotted #333;
    padding-left: 18px;
}
/*人材派遣ページ*/
.j_haken_merritt{
    clear: both;
}
.j_haken_merritt h4{
    font-size: 23px;
    line-height: 1.5;
    color: #E58A00;
    margin-left: 10px;
}
.j_haken_merritt dl{
    background-color: #FFF9F0;
    border: 1px solid #FFCC66;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    margin: 0 0 15px 0;
    padding: 10px 15px;
}
.j_haken_merritt dt{
    font-size: 20px;
    font-weight: bold;
    color: #E58A00;
    margin-bottom: 5px;
}
.j_haken_merritt dd,.j_haken_flow dd{
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
.j_haken_merritt img{
    margin-bottom: 20px;
}
.j_haken_flow{
    clear: both;
}
.j_haken_flow h4{
    font-size: 23px;
    line-height: 1.5;
    color: #E58A00;
    margin-left: 10px;
    padding: 20px 0 10px 0; 
}
.j_haken_flow dl{
    border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E58A00;
    margin: 0;
    padding: 5px 0 0 0;
}
.j_haken_flow dt{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #E58A00;
    border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #E58A00;
    padding-left: 5px;
}
.step_bottom{
    padding-bottom: 50px;
}

/*紹介予定派遣ページ*/
.s_haken_merritt{
    clear: both;
}
.s_haken_merritt h4{
    font-size: 23px;
    line-height: 1.5;
    color: #5CB878;
    margin-left: 10px;
}
.s_haken_merritt dl{
    background-color: #FCFFE0;
    border: 1px solid #5CB878;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
    margin: 0 0 15px 0;
    padding: 10px 15px;
}
.s_haken_merritt dt{
    font-size: 20px;
    font-weight: bold;
    color: #5BB878;
    margin-bottom: 5px;
}
.s_haken_merritt dd,.s_haken_flow dd{
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
.s_haken_merritt img{
    margin-bottom: 20px;
}
.s_haken_flow{
    clear: both;
}
.s_haken_flow h4{
    font-size: 23px;
    line-height: 1.5;
    color: #5CB878;
    margin-left: 10px;
    padding: 20px 0 10px 0; 
}
.s_haken_flow dl{
    border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8DCEBF;
    margin: 0;
    padding: 5px 0 0 0;
}
.s_haken_flow dt{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #5CB878;
    border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #5CB878;
    padding-left: 5px;
}
.imageCenter{
    display: block;
    margin: 0 auto;
    padding: 0 auto;
}
/*人材派遣ページ*/



/*企業のご担当者様ページ レスポンシブ調整*/
@media only screen and (max-width:768px){
.page_title_enterprise{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-image: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.page_title_enterprise h2{
    font-size: 120%;
    line-height: 2;
    border-left-width: 8px;
    margin: 0
    }
.ose_feature_box img,.ose_lineup_box img{
    margin-bottom: 20px;
    }
.enterpraise_toiawase{
    width:100%;
    }
.enterpraise_toiawase img{
        margin-bottom: 15px;
    }
.enteprize_navi_box li{
    line-height: 2;
    font-size: 16px;
    }
.j_haken_merritt h4,.s_haken_merritt h4{
    font-size: 18px;
    }
.j_haken_merritt dt,.s_haken_merritt dt{
    font-size: 17px;
    }
.j_haken_merritt dd,.s_haken_merritt dd{
    font-size: 16px;
    }
.j_haken_flow h4,.s_haken_flow h4{
    font-size: 18px;
    }
.j_haken_flow dl,.s_haken_flow dl{
    padding: 5px 0 10px 0;
}
.j_haken_flow dt,.s_haken_flow dt{
    font-size: 17px;
    }
.j_haken_flow dd,.s_haken_flow dd{
    font-size: 16px;
    }
    
}


@media only screen and (max-width:600px){
.j_haken_flow dl,.s_haken_flow dl{
    border: none;
    margin: 8px 0;
    }
.step_arrow{
    display: none;
    }
}


@media only screen and (max-width:480px){
    .enterprise_column h4,.ose_lineup_box h4{
        font-size: 100%;
    }
.ose_feature_box img,.ose_lineup_box img{
    margin-bottom: 20px;
    }
.ose_feature_box p,.ose_lineup_box p{
    font-size: 95%;
    }
.enterpraise_toiawase{
    display: none;
    /*width:100%;*/
    }
/*.enterpraise_toiawase img{
        margin-bottom: 15px;
    }*/
}


/* ------------------------------
　　ベーシック見出し　共通
------------------------------ */
.basic_page_title,.basic_title,.title_regi{
        	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */

background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
.basic_page_title{
    height: auto;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;  
    border: 1px solid #CCC;
}

.basic_page_title h2{
    font-size: 180%;
    line-height: 1.5;
    border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #999999;
    padding-left: 15px; 
}
.basic_title{
	font-size: 16px;
	line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left: 0px;
	color: #333;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #999999;
    /*margin-left: 10px;
    margin-right: 10px;*/
    margin-bottom: 20px;
    padding-left: 10px;
	}
.entryColumn h4{
    font-size: 12pt;
    font-weight: bold;
}
.acms-page-header{
    border-bottom: none;
}

/*ベーシック見出し　共通 レスポンシブ調整*/
@media only screen and (max-width:768px){
.basic_page_title{
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.basic_page_title h2{
    font-size: 120%;
    line-height: 2;
    border-left-width: 8px;
    padding-left: 10px;  
    margin: 0
    }
.basic_title h3{
    font-size: 90%;
}
}

/*エントリーの表組み*/
.entryColumn td{
    border-right-width: 1px;
    border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
    border-left-style: solid;
	border-right-color: #DFDFDF;
    border-left-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
}
.entryColumn th{
    border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFDFDF;
}


/*問い合わせのフォーム追加調整*/
.contactBox table.contactForm {
    border-collapse: collapse;
}

/*エントリーのテーブル（表）追加調整*/
.entryColumn table {
    border-collapse: collapse;
}