@charset "UTF-8";


/* [[====================================================]] */
/* [[COMMON]] */
/*=======================================================*/
/* [[ TEXT ]] */
body {
	color: #555;
	background-color: #D00;
}

a:link { color: #69C;}
a:visited { color: #128; }
a:hover { color: #D00;}
a:active { color: #E00; }

/* [[ ▼ LAYOUT ]] */
#header,
#contents,
#siteMap,
#footer {
	text-align: center;
	background-color: #FFF;
}
/* [[ ├ WRAPPER ]] */
.wrapper {
	width: 960px;
	margin: 0px auto;
	padding: 0px 20px 30px;
}
/* [[ ├ HEADER ]] */
#header {
	width: 100%;
	background: url(https://image.haj.co.jp/jobnet/common/bg.gif) left top repeat-x #FFF;
}
#header .wrapper {
	position: relative;
	width: 960px;
	padding-bottom: 10px;
}
/* [[ │├ キャッチ ]] */
#header p {
	color: #FFF;
	font-weight: bold;
	font-size: 77%;
	line-height: 1.5;
	height: 15px;
	overflow: hidden;
	padding: 5px 0px;
	margin-bottom: 30px;
	width: 960px;
}
/* [[ │├ ロゴとHOMEリンク ]] */
#logo {
	margin-bottom: 20px;
	width: 960px;
}
a.backLink {
	display: inline:block;
	*display: inline;
	*zoom: 1;
	width: 50px;
	padding: 5px 0px 5px 15px;
	background: url(https://image.haj.co.jp/jobnet/pc/jobnet_home_base.gif) left center no-repeat;
}
/* [[ │└ ナビゲーション ]] */
#global_navi {
	position: absolute;
	left: 20px;
	top: 80px;
	width: 391px;
	padding-left: 568px;
	border-bottom: 3px solid #D00;
	border-right: 1px solid #CCC;
}
#global_navi li {
	display: inline-block;
	*float: left;/*test*/
	*display: block;
	*zooom: 1;
	width: 130px;
	height: 50px;
	overflow: hidden;
	margin-bottom: -18px;
}
#global_navi li#menuPrivacy { background: url(https://image.haj.co.jp/jobnet/common/help_privacy.gif) left bottom no-repeat; }
#global_navi li#menuContact { background: url(https://image.haj.co.jp/jobnet/common/help_contact.gif) left bottom no-repeat; }
#global_navi li#menuClient { background: url(https://image.haj.co.jp/jobnet/common/help_client.gif) left bottom no-repeat; }

#global_navi li#menuPrivacy.active { background: url(https://image.haj.co.jp/jobnet/common/help_privacy_active.gif) left bottom no-repeat; }
#global_navi li#menuContact.active { background: url(https://image.haj.co.jp/jobnet/common/help_contact_active.gif) left bottom no-repeat; }
#global_navi li#menuClient.active { background: url(https://image.haj.co.jp/jobnet/common/help_client_active.gif) left bottom no-repeat; }

#global_navi li a {
	display: block;
	font-size: 77%;
	line-height: 2;
	color: #555;
	text-decoration: none;
	padding: 5px 5px 25px 5px;
}
#global_navi li.active a {
	color: #D00;
}

/* [[ ├ CONTENTS ]] */
#contents {

}
/* [[ ├ SITEMAP ]] */
#siteMap {
	background-color: #FC0;/*testcode*/
	background: url(https://image.haj.co.jp/jobnet/common/bg_sitemap.gif) top left repeat-x #F5F5F5;
	padding: 25px 0px 5px;
}
#siteMap .linkBox {
	float: left;
	margin-right: 10px;
	width: 230px;
}
#siteMap dl {
	margin-bottom: 15px;
}
#siteMap dt {
	color: #333;
	font-size: 92%;
	font-weight: bold;
	padding-bottom: 10px;
}
#siteMap dt a {/*PCサイト限定*/
	display: none;
}
#siteMap li {
	font-size: 77%;
	font-weight: bold;
	line-height: 1.3;
	padding-bottom: 1em;
	}
#siteMap li span {
	display: block;
	font-weight: normal;
}
#siteMap a:link { color: #555; }
#siteMap a:visited { color: #555; }
#siteMap a:hover { color: #D00; }


/* [[ ├ FOOTER ]] */
#footer {
	border-top: 2px solid #D00;
	background: url(https://image.haj.co.jp/jobnet/common/bg_footer.gif) top left repeat-x #FFF;
	padding-bottom: 10px;
}
#footer img {
	display: block;
}
a.pageTop {
	display: block;
	width: 90px;
	float: right;
	margin-top: 3px;
}
address {
	padding-top: 8px;
	color: #BBB;
	font-size: 77%;
	line-height: 1.4;
}
address a {
	display: block;
	width: 195px;
	margin-bottom: 5px;
}


/* [[====================================================]] */
/* [[HOME]] */
/*=======================================================*/

/* [[ ▼ SERVICE(2colmain) ]] */
#service {
	float: left;
	width: 710px;
}

/* [[ ├ ピックアップ ]] */
a.pickUp {
	display: block;
	margin-bottom: 20px;
}
/* [[ ├ 見出し ]] */
#service h2 {
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0px 10px 10px;
	background: url(https://image.haj.co.jp/jobnet/common/title_service.gif) bottom right no-repeat;
}
/* [[ ├ サイト紹介 ]] */
#service .data {
	margin: 15px 0px;
}
hr {
	border-color: #DDD;
	border-style: solid;
	border-width: 1px 0 0;
	height: 1px;
	margin: 0;
}

/* [[ ├ 基本情報(left) ]] */
.basicInfo {
	width: 220px;
	float: left;
	padding: 5px;
}
#jobkita { background: url(https://image.haj.co.jp/jobnet/common/bg_jobkita.gif) top left repeat-y; }
#arukita { background: url(https://image.haj.co.jp/jobnet/common/bg_arukita.gif) top left repeat-y; }
#gakusei { background: url(https://image.haj.co.jp/jobnet/common/bg_gakusei.gif) top left repeat-y; }
#shufukita { background: url(https://image.haj.co.jp/jobnet/common/bg_shufukita.gif) top left repeat-y; }
#sgnavi { background: url(https://image.haj.co.jp/jobnet/common/bg_sgnavi.gif) top left repeat-y; }
#otarunavi { background: url(https://image.haj.co.jp/jobnet/common/bg_otarunavi.gif) top left repeat-y; }

#jobkita .basicInfo { background: url(https://image.haj.co.jp/jobnet/common/bg_hd_jobkita.gif) top center repeat-x; }
#arukita .basicInfo { background: url(https://image.haj.co.jp/jobnet/common/bg_hd_arukita.gif) top center repeat-x; }
#gakusei .basicInfo { background: url(https://image.haj.co.jp/jobnet/common/bg_hd_gakusei.gif) top center repeat-x; }
#shufukita .basicInfo { background: url(https://image.haj.co.jp/jobnet/common/bg_hd_shufukita.gif) top center repeat-x; }
#sgnavi .basicInfo { background: url(https://image.haj.co.jp/jobnet/common/bg_hd_sgnavi.gif) top center repeat-x; }
#otarunavi .basicInfo { background: url(https://image.haj.co.jp/jobnet/common/bg_hd_otarunavi.gif) top center repeat-x; }

.basicInfo h3 {
	margin-bottom: 5px;
	background: url(https://image.haj.co.jp/jobnet/pc/bnr_base.gif) left top no-repeat;
}
.basicInfo h3 a {
	display: block;
	padding: 5px;
	text-align: center;
}
.basicInfo .mobileInfo {
	float: left;
	width: 70px;
	height: 70px;
}
.basicInfo .urlInfo {
	float: left;
	width: 130px;

	margin: 10px 0px 0px 5px;
}

/* [[ ├ サイト概要(right) ]] */
.siteOutline {
	width: 470px;
	float: right;
}
.siteOutline dt {
	font-size: 154%;
	line-height: 1.5;
	font-weight: bold;
}
.siteOutline dt span {
	display: block;
	font-size: 65%;
}
.siteOutline dd {
	border-top: 2px dotted #EEE;
	margin-top: 9px;
	padding-top: 9px;
}
.siteOutline dd img.mobileLink {
	float: right;
}
.siteOutline dd a.bannerLink {
	display: block;
	margin-bottom: 5px;
	width: 170px;
}
/* [[ │└ シゴトガイドエリア別 ]] */
.siteOutline dd a span {
	display:block;
	margin: 0px 0px 2px;
}
.siteOutline dd a.bannerLink:link,
.siteOutline dd a.bannerLink:visited,
.siteOutline dd a.bannerLink:hover,
.siteOutline dd a.bannerLink:active {
	text-decoration: none;
	font-size: 77%;
	font-weight: bold;
}
.siteOutline dd#sgnavi_asg a:link,
.siteOutline dd#sgnavi_asg a:visited,
.siteOutline dd#sgnavi_asg a:hover { color: #D11; }
.siteOutline dd#sgnavi_hsg a:link,
.siteOutline dd#sgnavi_hsg a:visited,
.siteOutline dd#sgnavi_hsg a:hover { color: #F90; }
.siteOutline dd#sgnavi_cie a:link,
.siteOutline dd#sgnavi_cie a:visited,
.siteOutline dd#sgnavi_cie a:hover { color: #038; }
.siteOutline dd#sgnavi_tmk a:link,
.siteOutline dd#sgnavi_tmk a:visited,
.siteOutline dd#sgnavi_tmk a:hover { color: #E58; }
.siteOutline dd#sgnavi_osg a:link,
.siteOutline dd#sgnavi_osg a:visited,
.siteOutline dd#sgnavi_osg a:hover { color: #490; }
.siteOutline dd#sgnavi_ksg a:link,
.siteOutline dd#sgnavi_ksg a:visited,
.siteOutline dd#sgnavi_ksg a:hover { color: #58E; }
.siteOutline dd#sgnavi_ktm a:link,
.siteOutline dd#sgnavi_ktm a:visited,
.siteOutline dd#sgnavi_ktm a:hover { color: #0A9; }

/* [[ ▼ SIDEBAR(2colsub) ]] */
#sidebar {
	float: right;
	width: 240px;
}
#sidebar h2 {
	background: url(https://image.haj.co.jp/jobnet/common/bg_footer.gif) left bottom repeat-x #E00;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px 7px;
}
/* [[ ├ 新着情報 ]] */
#news {
	border: 5px solid #DDD;
	border-width: 0 5px 5px;
	margin-bottom: 10px;
	overflow: auto;
	padding: 10px;
}
#news .data {
	border-bottom: 1px solid #DDD;
	color: #000;
	margin-bottom: 10px;
	padding: 0 0 10px;
}
#news .data .icon {
	margin-bottom: 5px;
}
#news .data p {
	word-break: break-all;
	word-wrap: break-word;
}
#news .data .date {
	color: #E00;
	font-weight: bold;
	margin-bottom: 5px;
}
/* [[ ├ 災害バナー ]] */
.banner.saigai {
	margin-bottom: 10px;
	border: solid 1px #ddd;
	background: #f3f3f3;
}
.banner.saigai p.headline {
	padding: 5px 0;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
.banner.saigai p.lead {
	margin: 0 3px 3px 3px;
	padding: 7px 0;
	border: solid 1px #e6e6e6;
	font-size: 13px;
	text-align: center;
	background: #fff;
}
/* [[ ├ HAJ主催イベント ]] */
#topics {
	border: 5px solid #DDD;
	border-width: 0 5px 5px;
	margin-bottom: 10px;
	padding: 5px 10px 0px;
	overflow: hidden;
}
#topics li {
	border-top: 1px dotted #DDD;
	margin-top: -6px;
	padding-bottom: 16px;
	padding-top: 10px;
}
#topics li img {
	display: block;
	margin: 0px auto 10px;
	width: 100%;
	max-width: 210px;
}
/* [[ └ Pマーク ]] */
#pmark {
	text-align: center;
	margin-bottom: 10px;
}

/* [[====================================================]] */
/* [[CONTACT & CLIENT]] */
/*=======================================================*/
#contact h2,
#client h2 {
	background: url(https://image.haj.co.jp/jobnet/common/bg_2nd_title.gif) repeat-x scroll left bottom #FFFFFF;
	color: #333333;
	font-size: 138%;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
	padding: 10px;
}
#contact h2 span,
#client h2 span {
	color: #DD0000;
	display: block;
	font-size: 63%;
}
#contact .info,
#client .info {
	margin-bottom: 20px;
	padding: 14px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#contact .info p,
#client .info p {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: dotted 1px #ccc;
}
#contact .info p:first-child,
#client .info p:first-child {
	margin: 0;
	padding: 0;
	border-top: none;
}
#contact .textBlock,
#client .textBlock {
	line-height: 1.5;
	margin-bottom: 20px;
}
#contact .textBlock h3,
#client .textBlock h3 {
	background-color: #FFF6E9;
	border-top: 1px solid #CCC;
	margin: 0 0 10px;
	padding: 6px;
}
#contact .textBlock h3 span,
#client .textBlock h3 span {
	border-left: 4px solid #D00;
	color: #000000;
	font-weight: bold;
	padding: 0 0 0 2px;
}
#contact .textBlock p,
#client .textBlock p {
	border-bottom: 1px dotted #DDD;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#contact .textBlock p.last,
#client .textBlock p.last {
	border-width: 0;
	margin-bottom: 10px;
	padding-bottom: 0;
}
#contact .textBlock p.minTxt,
#client .textBlock p.minTxt {
	font-size: 77%;
	line-height: 1.5;
}

/* [[▽print style]] ========================================== */
@media print {
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	word-wrap: break-word;
}



}/*△print style*/



/* [[▽clearfix]]============================================= */
#header .wrapper,
#contents .wrapper,
#service .data,
.siteOutline dd.connected,

#siteMap .wrapper,
#footer,
.clearfix
{ zoom:1; }

#header .wrapper:after,
#contents .wrapper:after,
#service .data:after,
.siteOutline dd.connected:after,

#siteMap .wrapper:after,
#footer:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

* html #header .wrapper,
* html #contents .wrapper,
* html #service .data,
* html .siteOutline dd.connected,

* html #siteMap .wrapper,
* html #footer,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}