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

/*-------------------------------------------------------
　reset CSS
-------------------------------------------------------*/

abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}
article, aside, embed, figure, footer, header, hgroup, main, nav, object, section {
	display: block
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}
th {
	vertical-align: bottom
}
td {
	font-weight: 400
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word
}
input[type=radio] {
	vertical-align: text-bottom
}
input[type=checkbox] {
	vertical-align: bottom
}
.ie6 input {
	vertical-align: text-bottom
}
input, select, textarea {
	font: 99% sans-serif
}
table {
	font: 100%
}
a:active, a:hover {
	outline: 0
}
strong, th {
	font-weight: 700
}
td, td img {
	vertical-align: top
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
code, kbd, pre, samp {
	font-family: monospace, sans-serif
}
.clickable, button, input[type=button], input[type=submit], label {
	cursor: pointer
}
button, input, select, textarea {
	margin: 0
}
button {
	width: auto
}
.ie7 img {
	-ms-interpolation-mode: bicubic
}
.ie6 html {
-webkit-filter:expression(document.execCommand("BackgroundImageCache", false, true));
filter:expression(document.execCommand("BackgroundImageCache", false, true))
}
.clearfix:after, .clearfix:before {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
ins {
	color: #000;
	text-decoration: none
}
mark {
	color: #000;
	font-style: italic;
	font-weight: 700
}
html {
	overflow-y: scroll;
	height: 100%
}
body {
	height: 100%;
	min-width: 950px;
	color: #444;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 12px;
	font-size: .75rem;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.1;
	word-wrap: normal;
	word-break: normal;
}
address, h1, h2, h3, h4, h5, h6, p {
	font-size: 100%;
	font-style: normal;
	font-weight: 400
}
fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit
}
iframe {
	vertical-align: bottom
}
img {
	border: 0;
	font-size: 1px;
	line-height: 1px;
	vertical-align: bottom
}
ol, ul {
	list-style: none
}
button {
	background: 0 0;
	border: none;
	cursor: pointer;
	overflow: visible;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline
}
table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 100%
}
input {
	vertical-align: middle
}
input[type=tel], input[type=text] {
	padding: 0 3px
}
input[type=text]:focus {
	outline: 0
}
::-webkit-input-placeholder {
color:#999
}
::-moz-placeholder {
color:#999
}
:focus::-webkit-input-placeholder {
color:transparent
}
:focus::-moz-placeholder {
color:transparent
}
a {
	color: #0a88f4;
	outline: 0;
	text-decoration: none
}
a:focus, a:hover {
	text-decoration: underline
}
body, html, .wrapper, .wrapper article, .wrapper article section {
	min-height:100%;}
/*-------------------------------------------------------
　共通ヘッダー
-------------------------------------------------------*/
/*#header {
	width: 100%;
	height: 90px;
	margin: 0 auto;
	border-bottom: 18px solid #005ab4;
}*/
#header .lead {
	padding: 3px 0;
	background-color: #f6f6f6;
	color: #878787;
	font-size: 10px;
	font-size: .70rem
}
/*#header .lead h1 {
	line-height: 1.4;
	width: 950px;
	margin: 0 auto;
}*/
h1 {
	line-height: 1.4;
	width: 950px;
	margin: 0 auto;
}
#header form div a:hover img, #header form div input:hover, .contents .sidebar>div.job-list li figure a:hover img, .contents .sidebar>div.job-list li figure input:hover, .contents main .recommend ul li figure a:hover img, .contents main .recommend ul li figure input:hover, .contents main.cmn-entry-list #research-condition table+div a:hover img, .contents main.cmn-entry-list #research-condition table+div input:hover, .contents main.job-entry-list .search-count a:hover img, .contents main.job-entry-list .search-count input:hover, .top-occupation ul li h3 a:hover img, .top-occupation ul li h3 input:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8
}
#header .cmn:after, #header form:after, .contents .sidebar>div.job-list li:after, .contents main article .entry:after, .contents main article .etc:after, .contents main article .inner .catch:after, .contents main article header div:after, .contents main.cmn-entry-list article .outline:after, .contents main.job-entry-detail .detail-main:after, .contents main.job-entry-detail .detail-main>li:first-child:after, .contents main.job-entry-detail .movie:after, .contents main.job-entry-list .search-count:after, .contents:after, .top-salary div:after {
	content: '';
	display: block;
	clear: both
}
.contents main.job-entry-detail .sns ul li {
	display: inline-block
}
#header .cmn {
	overflow: hidden;
	width: 950px;
	margin: 0 auto;
}
#header .cmn .logo {
	float: left;
	width: 585px
}
#header .cmn .logo a, #header .cmn .logo dd, #header .cmn .logo dl, #header .cmn .logo dt {
	display: inline-block;
	vertical-align: top
}
#header .cmn .logo a {
	margin-top: 13px
}
#header .cmn nav {
	float: right;
	width: 357px;
	height: 70px;
	background: url(/theme_base/pu/shain/images/gnav.png) no-repeat
}
#header .cmn nav ul {
	overflow: hidden;
}
#header .cmn nav li {
	width: 89px;
	float: left;
	font-size: 10px;
	font-size: .70rem;
	text-align: center
}
#header .cmn nav li:first-child {
	width: 90px
}
#header .cmn nav li a {
	display: block;
	width: 100%;
	height: 70px;
	box-sizing: border-box;
	padding-top: 42px;
	color: #4c4c4c;
	text-decoration: none
}
#header .cmn nav li a.chosen, #header .cmn nav li a:hover {
	background-image: url(/theme_base/pu/shain/images/gnav.png);
	background-repeat: no-repeat
}
#header .cmn nav li.list1 a {
	background-position: 0 100%
}
#header .cmn nav li.list1 a span{
	font-size: .65rem
}
#header .cmn nav li.list2 a {
	background-position: -90px 100%
}
#header .cmn nav li.list2 a span{
	font-size: .65rem
}
#header .cmn nav li.list3 a {
	background-position: -178px 100%;
	padding-top: 48px;
}
#header .cmn nav li.list4 a {
	background-position: 100% 100%;
	padding-top: 48px;
}
#header form {
	display: block;
	box-sizing: border-box;
	padding: 0 0 0 5px;
	position: relative;
	border-left: #5e97d0 1px solid;
	border-right: #00407f 1px solid
}
#header form:after, #header form:before {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	content: ' ';
	width: 1px;
	height: 36px;
	top: 0
}
#header form:before {
	left: -2px;
	background-color: #00407f
}
#header form:after {
	background-color: #5e97d0;
	right: -2px
}
#header form ul, #header form ul li {
	display: inline-block;
	vertical-align: middle
}
#header form ul li select~select {
	margin-left: 5px
}
#header form ul li input {
	width: 130px
}
#header form ul li~li:before {
	display: inline-block;
	content: ' ';
	vertical-align: middle;
	background-image: url(/theme_base/pu/shain/images/sprite.png);
	background-position: 0 -57px;
	width: 14px;
	height: 14px;
	margin: -2px 4px 0 5px
}
#header form ul li.list1 select {
	width: 160px
}
#header form ul li.list1 select+select {
	width: 270px
}
#header form ul li.list2 select {
	width: 85px
}
#header form ul li.list3 select {
	width: 118px
}
#header form div {
	display: inline-block;
	vertical-align: middle
}
#header form div:before {
	display: inline-block;
	content: ' ';
	vertical-align: middle;
	background-image: url(/theme_base/pu/shain/images/sprite.png);
	background-position: 0 -406px;
	width: 12px;
	height: 36px;
	margin: 0 5px
}
/*-------------------------------------------------------
　共通フッター
-------------------------------------------------------*/
#footer {
	padding-top: 30px;
	font-size: 11px
}

#footer .pt04 {
	margin: 10px -10px 0;
	width: auto
}
#footer .pt04 .bg01 {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	width: 750px
}
#footer  .pt04 .bg01 {
	width: auto
}
#footer .pt04a, #footer .pt04b {
	display: table-cell;
	vertical-align: middle
}
#footer .pt04a {
	width: 145px
}
#footer .pt04b {
	width: 605px
}
#footer .pt04b dt {
	font-weight: 700
}
#footer .pt04b li {
	display: inline-block
}
#footer .pt08 {
	margin: 10px auto 0;
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: 1px #d6d6d6 solid;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(0.01, #fff), color-stop(0.02, #f3f3f3), color-stop(0.5, #fff), color-stop(1, #fff));
	background-image: -webkit-linear-gradient(top, #fff 0, #fff 1px, #f3f3f3 2px, #fff 57px, #fff 100%);
	background-image: -webkit-linear-gradient(top, #fff 0, #fff 1px, #f3f3f3 2px, #fff 57px, #fff 100%);
	background-image: linear-gradient(to bottom, #fff 0, #fff 1px, #f3f3f3 2px, #fff 57px, #fff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff3f3f3, endColorstr=#ffffffff)
}
#footer  .pt08 {
	margin: 10px -10px 0
}
#footer .pt08 ul {
	width: 950px;
	margin: 0 auto;
	text-align: center
}
#footer .pt08 li {
	display: inline
}
#footer .pt08 p {
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;
	color: #999;
	text-align: center
}
/*-------------------------------------------------------
　コンテンツ
-------------------------------------------------------*/
#contents {
	width: 950px;
	margin: 0 auto;
	padding: 20px 0 0;
	line-height: 1.4;
	clear: both;
}
#contents .title h2 {
	position: relative;
	margin-bottom: 10px;
	padding: 7px 0 16px 47px;
	font-size: 20px;
	font-size: 1.25rem;
	border-bottom: #dbdbdb 1px solid;
	line-height: 1.2;
}
#contents .title h2:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: ' ';
vertical-align: middle;	background-image: url(/theme_base/pu/shain/images/sprite.png);
	background-position: 0 -442px;
	width: 37px;
	height: 37px;
}

/*-------------------------------------------------------
　SNSボタン
-------------------------------------------------------*/
#contents .sns{
	margin:0 auto;
	overflow:hidden;}
#contents .sns ul {
	overflow:hidden;
	margin:30px 0 10px;
	float:right;}
#contents .sns ul li{
	float:left;
	margin-left:15px;}