@charset "utf-8";
/*
メインカラー #2E7EB5
NAVグラデーション #159FFF
NAV縦ライン　#4E9FDD
メインボタン #99742D, #634F30
メインボタンhover：#6A8655, #265A3C
応募するボタン #5D6562, #34312E;
応募するボタンhover #34312E, #5D6562
*/
body {
	color: #666;
}
header {
	border-top: 4px solid #2E7EB5;
}
a {
	color: #666;
}
a:hover {
	color: #2E7EB5;
}
#menubar {
	background: linear-gradient(#2E7EB5, #159FFF);	/*グラデーション*/
}
#menubar li{border-right:1px solid #4E9FDD;box-sizing:border-box;}/*必ず設定*/
#menubar li a:hover,
#menubar li.current a {
	background: #fff;
	color: #2E7EB5;
}
#menubar ul.ddmenu {
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
	background: #159FFF;	/*背景色（古いブラウザ用）*/
	background: rgba(48,141,170,1.8);	/*背景色。0,0,0は黒の事で0.8は透明度80%の事。*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
}
/*左側（小さい端末だと上に位置するボタン）のボタン「職種で検索」*/
#mainimg #btn_job1 {
	background: #9faf35;	 /*背景色（古いブラウザ用）*/
	background: #9faf35 padding-box;	/*背景色。padding-boxは、下で設定しているボーダーの半透明を反映する為に指定。*/
	border: 6px solid rgba(159,175,53,0.4);	/*枠線の幅、線種、rgb指定での色。0.4は透明度40%の事。*/
}
/*右側（小さい端末だと下に位置するボタン）のボタン「勤務地で検索」*/
#mainimg #btn_job2 {
	background: #35a5af;	/*背景色（古いブラウザ用）*/
	background: #35a5af padding-box;	/*背景色。padding-boxは、下で設定しているボーダーの半透明を反映する為に指定。*/
	border: 6px solid rgba(53,165,175,0.4);	/*枠線の幅、線種、rgb指定での色。0.4は透明度40%の事。*/
}
#mainimg #btn_job3 a{
	background: linear-gradient(#99742D, #634F30);	/*グラデーション*/
	color:#fff;
}
#mainimg #btn_job3 a:hover{
	background: linear-gradient(#BBD347, #57772F);	/*グラデーション*/
}

/*コンテンツの2タグの設定*/
.contents h2 {
	color:#000;
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	border-bottom: 1px solid #dcdcdc;	/*メニュー下の線の幅、線種、色*/
	border-top: 2px solid #2E7EB5;	/*メニューの上の線の幅、線種、色*/
}
/*コンテンツのh3タグの設定*/
.contents h3 {
	background: #2E7EB5;	/*背景色*/
	color: #fff;		/*文字色*/
}
/*「詳細を見る・応募する」ボタン*/
a.btn {
	background: #34312E;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#5D6562, #34312E);	/*グラデーション*/
	color: #fff;	/*文字色*/
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}
/*「詳細を見る・応募する」ボタン。マウスオン時。*/
a:hover.btn {
	background: linear-gradient(#34312E, #5D6562);	/*グラデーション*/
}

/*option1*/
.option1 {
	color: #FFF;	/*文字色*/
	background: #f83d72;	/*背景色*/
}
/*option2*/
.option2 {
	color: #000;	/*文字色*/
	background: #ffd200;	/*背景色*/
}
/*option3*/
.option3 {
	color: #FFF;	/*文字色*/
	background: #999;	/*背景色*/
}
/*new*/
.new {
	color: #FFF;	/*文字色*/
	background: #F00;	/*背景色*/
}

/*日付設定*/
#new dt {
	color: #2E7EB5;	/*文字色*/
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #eee;	/*下線の幅、線種、色*/
}

/*求人一覧のリスト*/
ul.disc li a::before {color:#2E7EB5; }

/*マウスオン時の背景色*/
.sub ul.submenu li a:hover {
	background: #fcf18f;	/*背景色*/
}
/*マウスオン時のボックス*/
.sub .list-sub a:hover {
	background: #fcf18f;	/*背景色*/
}


footer {
	background: #2E2E2E;	/*背景色*/
	color: #fff;	/*文字色*/
}
#copyright {
	background: #000;	/*背景色*/
}

#pagetop a {
	color: #fff;		/*文字色*/
	background: #2E7EB5;	/*背景色*/
	border: 3px solid #fff;	/*枠線の幅、線種、色*/
	box-shadow: 0px 5px 15px rgba(0,0,0,0.2);	/*ボックスの影*/
}