@charset "utf-8";

/**
 *
 *  サイト共通
 *
 */

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

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
img{border:0;vertical-align:top;}
em{font-style:italic;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:middle;}
input:focus,textarea:focus,select:focus{outline:none;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y: scroll;
	height:100%;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	min-width: 1024px;
	height:100%;
	background: #e8ecf0;
	color: #26303b;
	font-family: "メイリオ","Meiryo",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック',YuGothic,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 13px;
	font-size: 75%\9;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
	body{font-size:75%;}
}


/*
::-moz-selection{
	color:;
	background:;
}
::selection{
	color:;
	background:;
}
*/
@media screen and (max-width: 740px) {

	body{
		min-width: 320px;
	}

}



/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	color: #26303b;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:link,
a:visited{
	text-decoration: none;
}
a:hover{
	color:;
	text-decoration:;
	outline: none;
}
a:active{
	outline: none;
}


/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/

#Page{
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 100%;
}


/*--------------------------------------------------------------------------

   Header

---------------------------------------------------------------------------*/

#GlobalHeader{
	position: relative;
	background: #fff;
	box-shadow: 0px 1px 4px 0px rgba(4,0,0,0.1);
}
#GlobalHeader .wrap{
	position: relative;
	height: 70px;
	margin: 0 20px 0 46px;
}
/* ロゴ */
#GlobalHeader .logo{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
}
#GlobalHeader .job-offers{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	line-height: 1;
}
#GlobalHeader .job-offers .col{
	float: left;
}
#GlobalHeader .job-offers dl{
	margin-left: 20px;
}
#GlobalHeader .job-offers dt,
#GlobalHeader .job-offers dd{
	display:inline;
}
#GlobalHeader .job-offers .num{
	padding: 0 5px;
	font-size: 211%;
	font-weight: bold;
}
#GlobalHeader .recruit-num .num{
	color: #2f78c2;
}
#GlobalHeader .entry-num .num{
	color: #818e9c;
}

/*--------------------------------------------------------------------------

   Footer

---------------------------------------------------------------------------*/

#GlobalFooter{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0px -1px 2px rgba(4, 0, 0, 0.15);
}
#GlobalFooter .wrap{
	position: relative;
	margin: 0 24px;
	padding: 25px 0 12px 214px;
}
#GlobalFooter .nav{
	position: absolute;
	top: 40%;
	right: 0;
	margin-right: 52px;
}
#GlobalFooter .nav li{
	float: left;
	margin-right: 20px;
	font-size: 93%;
}
#GlobalFooter .nav a:hover{
	text-decoration: underline;
}

/* コピーライト */
#GlobalFooter .copyright{
}
#GlobalFooter .copyright small{
	font-weight: bold;
}

/* pageTop
-----------------------------------------------------------------*/
#pageTop{
    position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9999;
	width: 75px;
	text-align: center;
}
#pageTop a{
	display: block;
	padding: 25px 0 12px;
	background: #f5f7fa;
	border-left: 1px solid #dedede;
	-webkit-transition: background .2s;
	transition: background .2s;
}
#pageTop a:hover{
	background: #edf1f5;
}

/*--------------------------------------------------------------------------

   Content

---------------------------------------------------------------------------*/

#Content{
	height: 100%;
	min-height: 100%;
	padding-bottom: 60px;
}

/* Main
-----------------------------------------------------------------*/
#Main{
}
#Main .main-inside{
	padding-left: 214px;
}
#Main .main-inside .wrap-outside{
	width: 830px;
	margin: 0 auto;
}
#Main .main-inside .wrap{
	margin: 0 25px;
}
.main{
	padding-left: 214px;
}
.main-frame{
	width: 780px;
	margin: 0 auto;
	padding: 0 25px;
}

/* Side
-----------------------------------------------------------------*/
#Side{
	position: absolute;
	top: 70px;
	width: 214px;
	height: 100%;
	background: #26303b;
	z-index: 1;
}
#Side .user-name{
	border-bottom: 1px solid #1b2530;
}
#Side .user-name span{
	display: block;
	padding: 30px 0 29px 15px;
	color: #fff;
	font-weight: bold;
}
#Side .user-name span.user-id{
	display: block;
	padding: 6px 0 0 0;
	color: #bdcbd9;
	font-weight: normal;
	font-size: 85%;
}
/* ナビ */
#Side .nav-global li{
	position: relative;
}
#Side .nav-global li a{
	display: block;
	color: #bdcbd9;
	transition: background-color 0.3s, color 0.3s;
}
#Side .nav-global li a:hover,
#Side .nav-global li .active{
	color: #fff;
}
#Side .nav-global > li > a{
	display: block;
	border-bottom: 1px solid #1b2530;
	background: none;
}
#Side .nav-global li .open{
	border-bottom: none;
}
#Side .nav-global li a span{
	display: inline-block;
	transition: background-image 0.3s;
}
#Side .nav-global li .bg-ico{
	padding: 19px 0 19px 45px;
}

#Side .nav-global .recruit .bg-ico{
	background: url(/assets/img/common/ico_recruit.png) no-repeat 15px 49%;
}
#Side .nav-global .target .bg-ico{
	background: url(/assets/img/common/ico_target.png) no-repeat 15px 47%;
}
#Side .nav-global .applicant .bg-ico{
	background: url(/assets/img/common/ico_applicant.png) no-repeat 15px 50%;
}
#Side .nav-global .corp .bg-ico{
	background: url(/assets/img/common/ico_corp.png) no-repeat 15px 50%;
}
#Side .nav-global .info .bg-ico{
	background: url(/assets/img/common/ico_info.png) no-repeat 15px 50%;
}
#Side .nav-global > li > a:hover,
#Side .nav-global > li > .active,
#Side .nav-global > li > .active:hover{
	color: #fff;
}
#Side .nav-global > li > a:hover,
#Side .nav-global > li > .active,
#Side .nav-global > li > .active:hover{
	background: url(/assets/img/common/ico_arrow01.png) no-repeat 96% 50% #2a3c4f;
}
#Side .nav-global .open{
	background: url(/assets/img/common/ico_arrow02.png) no-repeat 96% 50% #2a3c4f;
}
#Side .nav-global > li > .active:after,
#Side .nav-global > li > a:hover:after{
	position: absolute;
	content: '';
	width: 3px;
	height: 61px;
	left: 0;
	top: 0;
	display: block;
	background: #2f78c2;
}
#Side .nav-global > li > .sub.active.open:after{
	display: none;
}
#Side .nav-global .home a:hover .bg-ico{
	background: url(/assets/img/common/ico_home_on.png) no-repeat 15px 45%;
}
#Side .nav-global .recruit .active .bg-ico,
#Side .nav-global .recruit a:hover .bg-ico{
	background: url(/assets/img/common/ico_recruit_on.png) no-repeat 15px 49%;
}
#Side .nav-global .target a:hover .bg-ico{
	background: url(/assets/img/common/ico_target_on.png) no-repeat 15px 47%;
}
#Side .nav-global .applicant a:hover .bg-ico{
	background: url(/assets/img/common/ico_applicant_on.png) no-repeat 15px 50%;
}
#Side .nav-global .corp a:hover .bg-ico{
	background: url(/assets/img/common/ico_corp_on.png) no-repeat 15px 50%;
}
#Side .nav-global .info a:hover .bg-ico{
	background: url(/assets/img/common/ico_info_on.png) no-repeat 15px 50%;
}
#Side .nav-global .num{
	display: inline;
	margin-left: 12px;
	padding: 1px 6px 0;
	border-radius: 10px;
	background: #2f78c2;
	color: #fff;
}

/* サブメニュー */
#Side .nav-global .sub-menu{
	display: none;
	padding: 9px 0 10px;
	border-bottom: 1px solid #1b2530;
	background: #192b3d;
}
#Side .nav-global .sub-menu li{
	padding: 0 6px;
}
#Side .nav-global .sub-menu li span{
	padding: 7px 0 6px 13px;
	color: #fff;
}
#Side .nav-global .sub-menu li a:hover,
#Side .nav-global .sub-menu li .active{
	background :#2a3c4f;
}
#Side .nav-global .sub-menu li .active:after{
	position: absolute;
	content: '';
	width: 3px;
	height: 36px;
	left: 6px;
	top: 0;
	display: block;
	background: #2f78c2;
}
/* nav-help */
#Side .nav-help{
	padding: 20px 0 25px;
}
#Side .nav-help li a{
	padding-left: 15px;
	color: #bdcbd9;
	font-size: 93%;
}
#Side .nav-help li a:hover{
	text-decoration: underline;
}
/* ログアウト */
#Side .btn-auto{
	margin-left: 14px;
}
#Side .btn-auto a{
	display: block;
	width: 82px;
	padding: 3px 0 2px;
	border: 1px solid #1f2833;
	border-radius: 3px;
	background: #2d3947;
	font-size: 93%;
	color: #788796;
	text-align: center;
	transition: all 0.3s;
}
#Side .btn-auto a:hover{
	color: #fff;
}

/* 初回情報登録前 */
#Side .state-off .nav-global .num{
	display: none;
}
#Side .state-off .nav-global > li > a,
#Side .state-off .nav-global > li > a:hover{
	background: #26303b;
	color: #505a65;
}
#Side .state-off .nav-global .home > a > .bg-ico{
	background: url(/assets/img/common/ico_home_off.png) no-repeat 15px 45%;
}
#Side .state-off .nav-global .recruit > a > .bg-ico{
	background: url(/assets/img/common/ico_recruit_off.png) no-repeat 15px 49%;
}
#Side .state-off .nav-global .target > a > .bg-ico{
	background: url(/assets/img/common/ico_target_off.png) no-repeat 15px 47%;
}
#Side .state-off .nav-global .applicant > a > .bg-ico{
	background: url(/assets/img/common/ico_applicant_off.png) no-repeat 15px 50%;
}
#Side .state-off .nav-global .corp > a > .bg-ico{
	background: url(/assets/img/common/ico_corp_off.png) no-repeat 15px 50%;
}
#Side .state-off .nav-global .info > a > .bg-ico{
	background: url(/assets/img/common/ico_info_off.png) no-repeat 15px 50%;
}
#Side .state-off .nav-global > li > .active:after,
#Side .state-off .nav-global > li > a:hover:after{
	display: none;
}




/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
	content: "";
	display: table;
}
.cf:after{
	clear: both;
}
.cf{
	zoom: 1;
}

/* box-model
-----------------------------------------------------------------*/
/*
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/