@charset "utf-8";

/* @group Reset */
*{ margin: 0;padding: 0}

a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}
/* @end */


/* @group Fluid-img */
img { max-width : 100%}
/* @end */


/* 確認用 */
/*
#contents {
border: 1px solid #aaa;
background-color : #aaa
}

#main {
border: 1px solid #red;
background-color : #eee
}

#sub {
border: 1px solid #red;
background-color : wheat;
}
*/


/* @group HTML */
html {
font-family : verdana, sans-serif;
/*font-size : 75%;*/ /*レスポンシブタイプセッティングの指定*/
line-height : 1.5;
/*background : url(../images/960_grid_12_col.png) repeat-y top center*/}
/* @end */


/* @group Heading */
h1,h2,h3,h4,h5,h6 {
margin-bottom : 24px}

h1 {
font-size : 16px; /* 48px */
line-height : 1;} /* 48px */

h2 {
font-size : 16px; /* 36px */
line-height : 1.3333;} /* 48px */

h3 {
font-size : 16px; /* 24px */
line-height : 1;} /* 24px */

/* @end */


/* @group Header */
header {
margin-bottom : 24px;
text-align : center;
padding-top : 24px;
/*background : orange;*/
background : #F7F6F4;
}

header img {
text-align : left;
margin: 0 30px 0 0;
border: none;
vertical-align : -35px}

hgroup {
margine: 0;
margin-bottom : 12px;
font-size : 16px;
font-weight: bold;
line-height : 1}


/* タブ風ボタン */
.tabbtn {
text-align: center;
list-style: none;
margin: 0 5px 0 0;
padding: 0;
line-height: 24px;
}

.tabbtn li {
font-size: 14px;
margin: 0 1px;
padding: 5px 8px;
border: 1px solid #FE8E32;
background: #FDEFBE;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-color: #FE8E32;
float: right;
}

.tabbtn li a {
color: black;
}

.tabbtn li a:hover {
text-decoration: underline;
color: blue;
}

/*  clear-fix */
.tabbtn:after {
content: "";
display: block;
clear: both;
}


/* @group Nav */
/*
nav ul li { width : 25%; float : left}
nav ul li a {
display : block;
color : #d8c2a4;
padding : 12px 0;
}
*/

nav {
background-color: #FE8E32;
height: 8px;
}

/* @end */


/* @group Contents */
#contents {
width : 90%;
margin : 0 auto;
text-align : left
}


#contents p {
font-size : 14px;
margin-bottom : 16px;
text-align : left}

#contents img {
margin-bottom : 5px;
/*box-shadow : 0 0 5px #2f1f1f*/}
/* @end */


/* スペシャルバナー */
section#special_banner, section#special_banner_area {
margin: 0 auto;
margin-bottom: 15px;
max-width: 640px;
text-align : center !important;
padding: 5px 2px 0 3px;
border : solid 1px orange;
}


/* 小バナー */
section.smalll_banner {
text-align : center;
margin-bottom: 25px;
}

section.smalll_banner div.pickup_job {
border : 1px solid orange;
}

/* 注目のお仕事タイトル画像 */
section.smalll_banner div.pickup_job img {
display: block;
margin: 0;
padding-bottom: 10px;
}

/* 注目のお仕事バナー小画像 */
section.smalll_banner div.pickup_job ul li img {
margin-top: 0px;
margin-bottom: 10px;
text-align : center;
padding-bottom: 0px;
}

section.smalll_banner ul li a, section.smalll_banner ul li a img {
display : block;
}

section.smalll_banner ul li {
max-width: 110px;
text-align : left;
display : inline-block;
padding: 0 15px;
font-size : 12px;
vertical-align:top;
}

section.smalll_banner ul li a {
color : black;
}

section.smalll_banner ul li a:hover {
color : blue;
text-decoration: underline;
}


section {
margin-bottom : 10px}

#bread {
font-size : 14px;
margin-bottom : 10px;
}

/* キャッチコピー */
#catch_copy h2 {
font-size : 11px;
margin-bottom : 8px;
text-align : center;
color : darkmagenta;
}

#catch_copy p {
font-size : 10px;
}



/* 枠 */
#contents .waku {
margin-bottom : 10px;
padding : 10px;
border : solid 1px orange;
border-radius : 5px;
-webkit-box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
background-color : #fffece;}

#contents .waku_transparet {
margin-bottom : 10px;
padding : 10px;
border : solid 1px orange;
border-radius : 5px;
-webkit-box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
/*background-color : #fffece;*/}

.more_margin {
margin-bottom : 30px !important;
}

#contents .hatch ,#contents .hatch_small{
margin-bottom : 10px;
padding : 10px;
border : solid 1px orange;
border-radius : 5px;
-webkit-box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
background-color : #f6f3ee;}

#contents .hatch p {
font-size : 14px;
line-height: 1.2}

#contents .hatch_small p {
margin-bottom : 0;
font-size : 12px;
line-height: 1.2}

#contents .hatch h2{
color : red}

#contents .hatch ul li{
font-size : 12px;
}

#contents .hatch li i {
color : red;
}

#contents .hatch li p {
display: inline;
color : green;
margin-left: 12px;
}

section#information li p {
color : black !important;
}

#contents .open_date {
color : black;
}

#contents .company {
margin-left : 10px;
font-weight : bold;
}

#contents .company p {
font-weight : normal;
}

#contents .hatch p {
font-size : 12px;
}


/*  フリーワード検索  */
#contents .waku_free_word_search {
margin-bottom : 10px;
padding : 3px;
border : solid 1px orange;
border-radius : 5px;
-webkit-box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
background-color : #fffece;}

label.free_word_search {
margin-right: 10px;
display: inline;
font-weight: bold;
}

input#keyword {
width : 100% !important;
padding : 5px 10px 5px 10px;
border : solid 1px #aaa;
}


/*====================================*/
/*　テーブル                          */
/*====================================*/
.table_box_simple {
margin-bottom : 10px;
}

.table_box {
margin-bottom : 10px;
padding : 5px;
/*border : solid 1px orange;*/
border-radius : 5px;
-webkit-box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
/*background-color : #E6FAEB;*/
background-color : #F7F4E9;
}

/*******************************************************************/
/*  白っぽい色　.table_boxオーバーライド  職種で探す用  */
.over_white {
background-color: #F8F6EC;
border: solid 1px lightgrey;
border-radius : 3px;
box-shadow : none;
font-size: 12px;
/*margin-bottom: 15px;*/
margin-top: 15px;
margin-bottom: 0;
}

/*  大業種のulに、margin-bottomを30px  */
.IndustryGroup h2 {
margin-bottom: 0px;
}

.IndustryGroup ul {
margin-bottom: 30px;
}

.check_chevron {
display: inline-block;
}

/*  ラベルの力でアイコンを下に  */
label {
margin: 0;
padding: 0;
display:block;
}

/*  横並び　親（checkbox, アイコン）  */
.check_chevron {
padding-right: 20px;
display: inline-block;
}

/*  Webアイコン  */
.check_chevron a i {
font-size: 17px;
}

/*  縦並び　子（業種、職種のブロック）  */
p.industry_operation {
display: inline-block;
vertical-align: top;
}

/*  縦並び　業種  */
a.industry {
display: block;
}

/*  縦並び　職種  */
span.ocupation {
margin-left: 10px;
font-size: 14px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
max-width: 200px;
}

.ocupations {
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
border-left: solid 1px lightgrey;
border-right: solid 1px lightgrey;
border-bottom: solid 1px lightgrey;
font-size: 12px;
line-height: 2.0;
/*background-color: grey;*/
}

/*  横並び　職種（チェックボックス　＋　アンカーテキスト）  */
.ocupations span{
display: inline-block;
width: 280px;
}


.table_box td p {
margin-bottom: 0 !important;
}

/*横幅の伸縮に合わせるときは、コメントアウト*/
.table_box td img {
max-width: 100%;
}

.table_box td a:hover {
text-decoration: underline;
}

table {
width: 100%;
}

table, th, td {
border: solid 1px lightgrey;
border-collapse: collapse;
}

th, td {
padding: 8px;
font-size: 12px;
text-align: left;
}

#contents td p {
font-size: 12px;
}

th {
text-align: center;
}

/*******************************************************************/
/*======================================*/
/*  エリアで探す                        */
/*======================================*/
/*  大エリア  */
ul.large_area {
margin-bottom: 15px;
display: table;
table-layout: fixed;
width: 100%;
}

ul.large_area li {
text-align:center;
padding: 5px;
font-size: 12px;
font-color: black;
display: table-cell;
background-color: #FEBD57;
border-left: 1px solid white;
}

ul.large_area li:hover {
background-color: #FF9600;
}

ul.large_area li a {
color: black;
display: block;
}

ul.large_area li a:hover {
background-color: #FF9600;
color: white;
}


/*  中エリア  */
ul.middle_area {
margin-bottom: 50px;
}

ul.middle_area li {
padding: 3px;
color: grey;
font-size: 14px;
}

ul.middle_area li a {
color: black;
font-weight: bold;
text-decoration: underline;
}

ul.middle_area li a:hover {
color: blue;
text-decoration: none;
}


/*  小エリア */
ul.small_area {
margin-left: 20px;
margin-bottom: 15px;
}

ul.small_area li {
padding: 3px;
font-size: 14px;
display: inline-block;
width: 180px;
color: grey;
}

ul.small_area li a {
color: black;
font-weight: normal;
text-decoration: underline;
}


/*======================================*/
/*  職種で探す                        */
/*======================================*/
ul.employment {
margin-bottom: 15px;
}

ul.employment li {
padding: 3px;
font-size: 14px;
display: inline-block;
width: 140px;
}

/*======================================*/
/*  給与・特徴で探す                    */
/*======================================*/
/* table方式だと、一行に均等割となる */
/*
ul.pay {
margin-bottom: 15px;
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 30px 0;
}

ul.pay li {
font-size: 14px;
display: table-cell;
}
*/

/* inline-block方式だと、複数行となる */
ul.feature {
margin-bottom: 15px;
}

ul.feature li {
padding: 3px;
font-size: 14px;
display: inline-block;
width: 140px;
}

h2.pay, h2.feature, h2.area_multi, h2.job_multi,
h2.pay_multi, h2.feature_multi, h2.employment_multi{
margin-bottom: 5px;
}

select.pay, select.payment {
margin-right: 10px;
margin-bottom: 25px;
display: inline-block;
width: 190px;
}


/*======================================*/
/*  エリアで探す－こだわり検索内        */
/*======================================*/
select.middle_area_multi,
select.small_area_multi {
margin-right: 10px;
margin-bottom: 25px;
display: inline-block;
width: 190px;
}

/*======================================*/
/*  職種で探す－こだわり検索内        */
/*======================================*/
select.IndustryGroup_multi,
select.industry_multi,
select.ocupation_multi {
margin-right: 10px;
margin-bottom: 25px;
display: inline-block;
width: 190px;
}

/*======================================*/
/*  給与－こだわり検索内        */
/*======================================*/
select.pay_multi, select.payment_multi {
margin-right: 10px;
margin-bottom: 25px;
display: inline-block;
width: 190px;
}

/*======================================*/
/*  雇用形態－こだわり検索内        */
/*======================================*/
ul.employment_multi {
margin-bottom: 15px;
}

ul.employment_multi li {
padding: 3px;
font-size: 14px;
display: inline-block;
width: 140px;
}

/*======================================*/
/*  特徴－こだわり検索内        */
/*======================================*/
ul.feature_multi {
margin-bottom: 15px;
}

ul.feature_multi li {
padding: 3px;
font-size: 14px;
display: inline-block;
width: 140px;
}






/*======================================*/
/*  ページネーション                    */
/*======================================*/
/*  clear-fix */
.search_result_pages:after {
content: "";
display: block;
clear: both;
}

/*★デバッグ*/
.search_result_pages ul li{
width: 20%;
float: right;
font-size: 12px;
}


/*======================================*/
/*  求人広告概要上段テーブル            */
/*======================================*/
/*  clear-fix */
.job_summary_wrapper:after {
content: "";
display: block;
clear: both;
}

.job_summary_wrapper {
/*★確認用 border: 3px solid red;*/
padding : 5px;
margin-bottom: 10px;
display: block;
border-radius : 5px;
-webkit-box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);
background-color: #fff;
}

.job_summary_wrapper img {
margin-bottom: 0;
vertical-align: middle;
float: left;
}

.job_summary_mix p > span {
display: block;
/*text-align: center;*/
}

/* 非表示 */
.job_summary_mix p span.counter {
display : none;
}

.job_summary_mix p span.company:before {
content: "　";
}


/*.job_summary_left {
display: block;
width: 20%;
float: left;
}*/

.job_summary_right {
/*display: block;*/
/*width: 80%;*/
/*float: left;*/
}

.job_summary_upper tr > :nth-child(1) {
font-size: 12px;
font-weight: bold;
text-align: center;
/*background-color: #D9F0C6;*/
background-color: #F5F2EE;
width: 20%;
}

.job_summary_upper tr > :nth-child(2) {
font-weight: normal;
vertical-align: top;
background-color: #fff;
width: 80%;
}


/*======================================*/
/*  検索結果一覧表示用求人詳細テーブル  */
/*======================================*/
.job_detail_table tr > :nth-child(1), .job_summary_lower tr > :nth-child(1) {
font-size: 12px;
font-weight: bold;
text-align: center;
/*background-color: #D9F0C6;*/
background-color: #F5F2EE;
width: 20%;
}

.job_detail_table tr > :nth-child(2), .job_summary_lower tr > :nth-child(2) {
font-weight: normal;
vertical-align: top;
background-color: #fff;
width: 80%;
}

.table_box .method {
padding: 10px;
margin-bottom: 0 !important;
background-color : white;
border: solid 1px lightgrey;
}


/*==========================*/
/*  一括応募リストテーブル  */
/*==========================*/
table.favorite {
margin-bottom: 15px;
}

table.favorite tr td input,
table.favorite tr td button {
display: block;
text-align: center;
margin: 3px auto; /* ブロック要素のセンタリング */
}

table.favorite tr th {
background-color: #F5F2EE;
}

table.favorite tr > :nth-child(1) {
width: 13%;
}

table.favorite tr > :nth-child(2) {
width: 30%;
}

table.favorite tr > :nth-child(3) {
width: 47%;
}

table.favorite tr > :nth-child(4) {
width: 20%;
}

table.favorite tr td a {
text-decoration: none;
}

table.favorite tr td a:hover {
text-decoration: underline;
}

div.favorite,
div.application {
text-align: center;
/*margin: 0 auto;  ブロック要素のセンタリング */
}

div.favorite img,
div.application img {
padding: 0 15px;
}

/*============================*/
/*  絞り込み・再選択テーブル  */
/*============================*/
table.result_matrix {
border: 3px solid #68AA00;
}

tr.selected {
background-color: #F5F2EE;
}

table.result_matrix tr > :nth-child(1) {
width: 20%;
}

table.result_matrix tr > :nth-child(2) {
width: 50%;
}

table.result_matrix tr > :nth-child(3) {
width: 30%;
text-align: center;
}

table.result_matrix tr td button {
padding: 0 8px;
}

/*==========================*/
/*  応募フォームテーブル    */
/*==========================*/
section.application p {
font-size: 12px !important;
}
section.application p span.red {
color: red;
font-weight: bold;
}

/*ヘルプで利用*/
section.application ul li span.red {
color: red;
}

section.application ul li span.green {
color: green;
}

section.application ul {
margin: 0 0 15px 15px;
}
section.application li {
font-size: 12px;
line-height: 1.8;
}

table.application_company {
margin-bottom: 15px;
}

table.application_company tr > :nth-child(1) {
font-size: 12px;
font-weight: bold;
text-align: center;
/*background-color: #D9F0C6;*/
background-color: #F5F2EE;
width: 20%;
}

table.application_company tr > :nth-child(2) {
font-weight: normal;
vertical-align: top;
background-color: #fff;
width: 80%;
}

table.transparent {
width: 90%;
margin: 0 auto 15px;
border-collapse: colapse;
}

table.transparent,
table.transparent th,
table.transparent td {
padding: 12px;
border-style: none;
background-color: #FFFECE !important;
}

table.transparent {
border: solid 1px orange;
}

table.transparent tr > :nth-child(1) {
font-size: 12px;
font-weight: bold;
text-align: left;
width: 23%;
}

table.transparent tr > :nth-child(2) {
font-weight: normal;
vertical-align: top;
width: 77%;
}

section.application p.red {
color: red;
font-weight: bold;
}

section.application table.application_company td span.red {
color: red;
}

section.application table.application_company td span.green {
color: green;
}

section.application table.application_company td input.name {
width: 70%;
}

section.application table.application_company td label {
display: inline-block;
margin-right: 30px;
}

section.application table.application_company td input.year {
width: 15%;
}

section.application table.application_company td input.month,
section.application table.application_company td input.day {
width: 10%;
}

section.application table.application_company td textarea.other {
width: 70%;
height: 80px;
display: block;
}

section.application p.privacy {
float: right;
}

/*  clear-fix */
section.application p.privacy:after {
content: "";
display: block;
clear: both;
}

section.application p.privacy a {
display: inline;
color: blue;
}

section.application p.privacy a:hover {
text-decoration: underline;
}

section.application p.application_message {
padding: 15px;
}



/* フォーム */
form {
margin : 0;
padding : 10px}

form p {margin : 0 0 20px 0;}

label {display : block;
margin : 0 0 5px 0;
font-size : 14px;}

input[type="text"] {
width : 80%;
padding : 5px 10px 5px 10px;
border : solid 1px #aaa;
border-radius : 0;
background-image : none;
font-family : inherit;
font-size : 14px;
-webkit-appearance : none;
-moz-box-sizing : border-box;
-webkit-box-sizeing : border-box;
box-sizing : border-box;}

input[type="text"]:focus {
border : solid 1px #0cf;
outline : none;
-webkit-box-shwdow : 0 0 5px 0 #0cf;
box-shwdow : 0 0 5px 0 #0cf;}


/* ボタン フリーワード検索 */
input[type="button"] {
display : inline-block;
padding : 10px 30px 10px 30px;
border : none;
border-radius : 0;
background-color : #fa0;
background-iname : none;
color : #000;
font-family : inherit;
font-size : 14px;
text-decoration : none;
cursor : pointer;
-webkit-appearance : none;}

input[type="button"]:hover,
input[type="button"]:focus {
outline : none;
background-color : #cf0;}

input[type="button"]::-moz-focus-inner {
padding : 0;
border : none}

/* ボタン */
input[type="submit"] {
display : inline-block;
padding : 10px 30px 10px 30px;
border : none;
border-radius : 0;
background-color : #fa0;
background-iname : none;
color : #000;
font-family : inherit;
font-size : 14px;
text-decoration : none;
cursor : pointer;
-webkit-appearance : none;}

input[type="submit"]:hover,
input[type="submit"]:focus {
outline : none;
background-color : #cf0;}

input[type="submit"]::-moz-focus-inner {
padding : 0;
border : none}


/*================*/
/*　求人広告詳細　*/
/*================*/

/*　会社名(10)　*/
.offer_company {
margin-bottom: 8px;
border-bottom: 3px solid #705947;
background-color: #F9E1E1;
}

.offer_company h2 {
display: inline;
padding-left: 15px;
line-height: 200%;
margin-bottom: 0;
}

.offer_company img{
margin-left: 10px;
}

.offer_company h4 {
display: inline;
float : right;
font-size : 14px;
color : silver;
margin-bottom: 0;
}

/*　タイトル(33)　*/
.offer_title {
font-size : 14px;
font-weight: bold;
}

/*　大画像 630x120 (37)　*/
.offer_big_image {
margin-bottom: 10px;
}

/*　中画像 180x180 (36)　*/
.offer_middle_image {
display: flex;
}

.offer_middle_image img {
/*float: left;*/
width: 30%;
align-self: flex-start;
}

.offer_middle_image p {
padding-left: 10px;
width: 70%;
/*overflow: hidden;*/
}




/* @aside */
.keep_list {
margin-bottom : 10px;
padding : 3px 10px;
font-size : 14px;
font-weight : bold;
border : solid 1px orange;
background-color : #fffece;
}

.keep_list p {
margin: 0 0 5px 0 !important;
padding: 0 !important;
}

.keep_list p.keep_count {
font-weight: normal !important;
}

.keep_list span.show_list {
display: block;
text-align: center;
margin: 5px 0;
padding: 3px;
font-weight: normal;
background-color: orange;
border: 1px solid red;
}

.keep_list a span {
color: black;
font-weight : bold;
}

.keep_list i {
color : red;
}

.keep_list ul li {
margin-left : 5px;
font-weight : normal;
font-size : 12px;}

.keep_list li a:hover {
text-decoration : underline;
}


.magazine_banner {
padding : 5px;
border : solid 1px orange;
margin-bottom : 5px;
}

.magazine_banner img {
margin-bottom : 0px !important; 
}

.middle_banner {
margin-bottom : 5px;
padding : 5px;
border : solid 1px orange;
/*background-color : #fffece;*/}

.middle_banner ul:after {
content : "";
display : block;
clear : both}

/*test
.middle_banner li {
margin: 0;
padding : 0px;
}
*/

.middle_banner li a {
display : block;
padding : 0px;
color : #000;
font-size : 14px;
font-weight: bold;
text-decoration : none;
}

.middle_banner li a:hover {
text-decoration : underline;
}

.middle_banner li {
margin-bottom : 10px;
float : left;
width : 50%;
}

.middle_banner img {
max-width : 100%;
height: auto;
border : none;
}

.middle_banner span {
margin : 0;
padding : 0;
font-size : 12px;
}

.little_upper_banner,  .little_middle_banner, .little_lower_banner {
margin-bottom : 0px;
padding : 5px;
border : solid 1px orange;
/*background-color : #fffece;*/}

/*
.little_upper_banner:after {
content : "";
display : block;
clear : both}
*/

.little_upper_banner a,  .little_middle_banner a, .little_lower_banner a {
display : block;
padding : 0px;
color : #000;
font-size : 14px;
font-weight: bold;
text-decoration : none;
}

.little_upper_banner a:hover,  .little_middle_banner a:hover, .little_lower_banner a:hover {
text-decoration : underline;
}

.little_upper_banner img,  .little_middle_banner img, .little_lower_banner img {
max-width : 100%;
height: auto;
border : none;
}

.little_upper_banner span,  .little_middle_banner span, .little_lower_banner span {
margin : 0;
padding : 0;
font-size : 12px;
}

/* SEO対策文言2、3　サイドバー */
.seo_side2, .seo_side3 {
margin-top : 10px;
padding : 5px;
font-size : 10px !important;
border : solid 1px orange;
}

.seo_side2:empty, .seo_side3:empty {
display: none;
}

.seo_side2 p, .seo_side3 p {
margin : 0;
padding : 0;
font-size : 10px !important;
line-height: 1.2;
}


/* キープ、応募ボタン */
.keep_detail_button {
display: block;
text-align: right;
}


/* ###タブ### */
.clear {
overflow: hidden;
zoom: 1;
}


.tab-menu {
border-bottom: 6px solid #b9d5dc;
}

.tab-menu > li{
float: left;
margin: 0 3px 0 0;
}

.tab-menu > li > a {
display: block;
padding: 8px 8px 4px 8px;
background: #bbb;
border-radius: 5px 5px 0 0;
color: #fff;
font-size: 13px;
}

.tab-menu > li > a:hover {
background: #a2a2a2;
}

.tab-menu > li > a:active {
background: #757575;
}

.tab-menu > li.selected > a {
background-color: #b9d5dc;
color: #fff;
}

.tab-contents {
/*padding: 20px 2.2727272%;/* 2.2727272%（20px/880px） */
/*border : solid 1px orange;*/
/*border-radius : 5px;*/
/*-webkit-box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);*/
/*box-shadow : 3px 3px 5px 0 rgba(0,0,0,0.3);*/
/*background: #f6f3ee;*/
}

.tab-contents .hidden {
display: none;
}



/* @group Footer */
footer {
color : white;
text-align : center;
padding : 24px 0;
background-color : #301814;
}

footer ul li{
font-size: 12px;
padding: 0 10px;
color: white;
}

footer ul li a{
color: white;
}

footer ul li a:hover{
text-decoration : underline;
}

/* SEO対策文言1 2016.07.28追加 */
footer p a {
text-decoration : none;
color: white;
}

section.hatch_mini{
color : white;
text-align : center;
padding : 24px;
background-color : #301814;
}

section.hatch_mini p {
text-align: left;
margin-bottom : 0;
font-size : 10px;
line-height: 1.1;
}


/*background : url(../images/footer_bg.png)}*/
/* @end */

/* モーダルウィンドウ */
.modalwin {
	position: fixed;
	padding: 30px 25px 25px 25px;
	width: 93%;
	height: auto;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 #000;
}

.show {
	display: block;
}
.hide {
	display: none;
}

/* 閉じるボタン */
a.modal-close {
	display: block;
	background-image: url(../images/close.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
}

a.modal-close:hover {
	background-position: -40px 0;
}
a.modal-close:active {
	background-position: -80px 0;
}

/* シェード */
#shade {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #999;
	opacity: 0.9;
}



/********/
/*768px*/
/********/
@media screen and (min-width : 768px){

#contents { text-align : left}

/*  縦並び　職種  */
span.ocupation {
margin-left: 10px;
font-size: 12px;
display: block;
white-space: nowrap;
overflow: visible;
text-overflow: clip;
-moz-text-overflow: clip;
-webkit-text-overflow: clip;
-o-text-overflow: clip;
max-width: 200px;
}

}


/********/
/*1024px*/
/********/
@media screen and (min-width : 1024px) {

nav ul {
width : 860px;/* 840/1024 */
margin : 0 auto}

#contents {
overflow : hidden;
width : 860px}

#contents #main,
#contents #sub {
float : left;
margin : 0 10px }

#contents #main {
width : 660px;
/*border : solid 1px red;*/
}
#contents #sub {
width : 160px;
/*border : solid 1px blue;*/
}


.middle_banner li {
width : 100%;
}


/* @group Footer */
footer {
width : 840px; /*820/1024*/
margin : 0 auto
}

footer ul li{
font-size: 12px;
display: inline;
padding: 0 10px;
}



/* @end */

}