@charset "utf-8";
/*
メインカラー：#0B9A66
NAVグラデーション：#088559
メインボタン：#DD4827, #880001
メインボタンhover：#FA5858, #DF3A01
*/
body {
	color: #666;
}
header {
	border-top: 4px solid #0B9A66;
}
a {
	color: #666;
}
a:hover {
	color: #0B9A66;
}
#menubar {
	background: linear-gradient(#0B9A66, #088559);	/*グラデーション*/
}
#menubar li{border-right:1px solid #0B3B0B;box-sizing:border-box;}/*必ず設定*/
#menubar li a:hover,
#menubar li.current a {
	background: #fff;
	color: #0B9A66;
}
#menubar ul.ddmenu {
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
	background: #088559;	/*背景色（古いブラウザ用）*/
	background: rgba(8,133,133,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(#DD4827, #880001);	/*グラデーション*/
	color:#fff;
}
#mainimg #btn_job3 a:hover{
	background: linear-gradient(#FA5858, #DF3A01);	/*グラデーション*/
}

/*コンテンツの2タグの設定*/
.contents h2 {
	color:#000;
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	border-bottom: 1px solid #dcdcdc;	/*メニュー下の線の幅、線種、色*/
	border-top: 2px solid #0B9A66;	/*メニューの上の線の幅、線種、色*/
}
/*コンテンツのh3タグの設定*/
.contents h3 {
	background: #0B9A66;	/*背景色*/
	color: #fff;		/*文字色*/
}
/*「詳細を見る・応募する」ボタン*/
a.btn {
	background: #a21e1e;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#d42a2a, #a21e1e);	/*グラデーション*/
	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(#a21e1e, #d42a2a);	/*グラデーション*/
}
/*アイコン色付き（正社員）*/
.icon.color1 {
	border: 1px solid #a21e1e;	/*枠線の幅、線種、色*/
	background: #d42a2a;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#d42a2a, #a21e1e);	/*グラデーション*/
	color: #fff;	/*文字色*/
}
/*アイコン色付き（アルバイト）*/
.icon.color2 {
	border: 1px solid #161995;	/*枠線の幅、線種、色*/
	background: #2b2ebc;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#2b2ebc, #161995);	/*グラデーション*/
	color: #fff;	/*文字色*/
}
/*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: #0B9A66;	/*文字色*/
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #eee;	/*下線の幅、線種、色*/
}

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

/*マウスオン時の背景色*/
.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: #0B9A66;	/*背景色*/
	border: 3px solid #fff;	/*枠線の幅、線種、色*/
	box-shadow: 0px 5px 15px rgba(0,0,0,0.2);	/*ボックスの影*/
}