@charset "utf-8";

/* @group init */

body {
	color: #444;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}

th {
	text-align: left;
}

img {
	border: none;
	vertical-align: bottom;
}

/* @end */

/* @group hacks */

/* clearfix for IE 5.5-7*/

.clearfix {
	zoom: 1;
}

/* clearfix 新しいブラウザ用 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* clearfix IE用 */

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* @end */

/* @group wireframe */

body {
	background: #fbe7e8;
	text-align: center;
}

div#containerTop {
	background-color: #C9A077;
}

div#containerMid {
	width: 760px;
	margin: 0 auto;
	padding-top: 30px;
	background: url("../images/bg_shadow.gif") no-repeat left top;
	text-align: left;
}

div#contents {
	float: left;
	width: 560px;
}

body.singleColumn div#contents {
	width: 750px;
}

div#sidebar {
	float: right;
	width: 180px;
}



/* @end */

/* @group header */

div#header {
	width: 760px;
	height: 90px;
	position: relative;
	margin: 0 auto;
}

div#header h1 {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div#header p.tagline {
	position: absolute;
	top: 5px;
	left: 0px;
	color: #ffe;
}

div#header p.access {
	position: absolute;
	top: 5px;
	right: 0px;
}

div#header p.access a:link, div#header p.access a:visited {
	color: #fff;
	text-decoration: none;
}


div#header p.tel {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* @end */

/* @group globalNav */

div#globalNav {
	width: 774px;
	position: relative;
	margin: 20px auto 0;
	padding-bottom: 14px;
}

div#globalNav ul li {
	display: inline;
	float: left;
	height: 65px;
	margin: 0 7px;
	overflow: hidden;
	list-style: none;
}

div#globalNav ul li a {
	display: block;
	width: 115px;
	height: 0px;
	padding-top: 65px;
	background: url("../images/globalnav.gif") no-repeat;
}

div#globalNav ul li.item01 a {
	background-position: 0 0;
}

div#globalNav ul li.item01 a:hover {
	background-position: 0 -65px;
}

div#globalNav ul li.item02 a {
	background-position: -115px 0;
}

div#globalNav ul li.item02 a:hover {
	background-position: -115px -65px;
}

div#globalNav ul li.item03 a {
	background-position: -230px 0;
}

div#globalNav ul li.item03 a:hover {
	background-position: -230px -65px;
}

div#globalNav ul li.item04 a {
	background-position: -345px 0;
}

div#globalNav ul li.item04 a:hover {
	background-position: -345px -65px;
}

div#globalNav ul li.item05 a {
	background-position: -460px 0;
}

div#globalNav ul li.item05 a:hover {
	background-position: -460px -65px;
}

div#globalNav ul li.item06 a {
	background-position: -575px 0;
}

div#globalNav ul li.item06 a:hover {
	background-position: -575px -65px;
}

/* カレント項目は強調 */

#home div#globalNav ul li.item01 a {
	background-position: 0 -130px;
}

#jobseeker div#globalNav ul li.item02 a {
	background-position: -115px -130px;
}

#jobinfo div#globalNav ul li.item03 a {
	background-position: -230px -130px;
}

#corporate div#globalNav ul li.item04 a {
	background-position: -345px -130px;
}

#about div#globalNav ul li.item05 a {
	background-position: -460px -130px;
}

#link div#globalNav ul li.item06 a {
	background-position: -575px -130px;
}

/* @end */

/* @group iconNew */

span.iconNew {
	position: absolute;
	top: -15px;
	display: none;
}

span.iconNew.visible {
	display: inline;
}

span.iconNew img {
	behavior: url(common/css/iepngfix.htc);
}

span.iconNew.item01 {
	left: -5px;
}

span.iconNew.item02 {
	left: 124px;
}

span.iconNew.item03 {
	left: 253px;
}

span.iconNew.item04 {
	left: 382px;
}

span.iconNew.item05 {
	left: 511px;
}

span.iconNew.item06 {
	left: 640px;
}

/* @end */

/* @group footer */

div#footer {
	width: 760px;
	margin: 1em auto;
}

div#footer div.footerMenu {
	text-align: center;
}

div#footer p.copyright {
	margin: 2em 0 0;
	color: #003366;
}

/* @end */

/* @group common parts */

.alignL {
	text-align: left;
}

.alignR {
	text-align: right;
}

.alignC {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.serif {
	font-family: serif;
}

/* @group margin */

.mT05em {
	margin-top: 0.5em;
}

.mT1em {
	margin-top: 1em;
}

.mT15em {
	margin-top: 1.5em;
}

.mT2em {
	margin-top: 2em;
}

.mT25em {
	margin-top: 2.5em;
}

.mT3em {
	margin-top: 3em;
}

.mT35em {
	margin-top: 3.5em;
}

.mT4em {
	margin-top: 4em;
}

.mT5em {
	margin-top: 5em;
}

.mT5px {
	margin-top: 5px;
}

.mT10px {
	margin-top: 10px;
}

.mT15px {
	margin-top: 15px;
}

.mT20px {
	margin-top: 20px;
}

.mT25px {
	margin-top: 25px;
}

.mT30px {
	margin-top: 30px;
}

.mT35px {
	margin-top: 35px;
}

.mT40px {
	margin-top: 40px;
}

.mT50px {
	margin-top: 50px;
}

.mB05em {
	margin-bottom: 0.5em;
}

.mB1em {
	margin-bottom: 1em;
}

.mB15em {
	margin-bottom: 1.5em;
}

.mB2em {
	margin-bottom: 2em;
}

.mB25em {
	margin-bottom: 2.5em;
}

.mB3em {
	margin-bottom: 3em;
}

.mB35em {
	margin-bottom: 3.5em;
}

.mB4em {
	margin-bottom: 4em;
}

.mB5em {
	margin-bottom: 5em;
}

.mB5px {
	margin-bottom: 5px;
}

.mB10px {
	margin-bottom: 10px;
}

.mB15px {
	margin-bottom: 15px;
}

.mB20px {
	margin-bottom: 20px;
}

.mB25px {
	margin-bottom: 25px;
}

.mB30px {
	margin-bottom: 30px;
}

.mB35px {
	margin-bottom: 35px;
}

.mB40px {
	margin-bottom: 40px;
}

.mB50px {
	margin-bottom: 50px;
}

/* @end */

/* @end */


/* @group box */

div.boxTop {
	height: 5px;
	font: 1px/1px;
	background: url("../images/box2_top.gif") no-repeat left top;
}

body.singleColumn div.boxTop {
	height: 5px;
	background: url("../images/box3_top.gif") no-repeat left top;
}

div.boxMid {
	padding: 1em 20px;
	background: #fff;
}

div.boxMid.seperate {
	margin-top: 3px;
}

div.boxBtm {
	height: 5px;
	font: 1px/1px;
	background: url("../images/box2_btm.gif") no-repeat left top;
}

body.singleColumn div.boxBtm {
	height: 5px;
	background: url("../images/box3_btm.gif") no-repeat left top;
}

div.lead {
	padding: 15px 20px 10px;
	color: #fff;
	background: url("../images/box1_top.gif") no-repeat left top;
}

div.lead.boxBtmBlue {
	padding: 0;
	height: 5px;
	margin-bottom: 10px;
	font: 1px/1px;
	background: url("../images/box1_btm.gif") no-repeat left bottom;
}

div.columnGray {
	padding: 1em 1.5em;
	background: #ddd;
}

div.pdfBox {
	padding: 2em 0;
}

div.pdfBox div {
	float: left;
	width: 180px;
}

div.pdfBox p {
	float: left;
}

/* @end */

/* @group heading */

h2 {
	padding: 0 0 1em;
	color: #00a0c6;
	font-size: 1.8em;
	line-height: 120%;
}

h3 {
	padding: 0.5em 0 1em;
	color: #bf973f;
	font-size: 1.3em;
	line-height: 135%;
}

/* @end */

/* @group anchors */

a:link {
	color: #700;
	text-decoration: none;
}

a:visited {
	color: #740;
	text-decoration: none;
}

a:hover {
	color: #f60;
	text-decoration: underline;
}

a:active {
	color: #08b;
	text-decoration: none;
}

p.pagetop {
	margin-top: 5px;
	text-align: right;
	font-size: 0.8em;
}

p.pagetop a:link, p.pagetop a:visited {
	color: #08b;
	text-decoration: none;
}

p.pagetop a:hover {
	color: #08b;
	text-decoration: underline;
}

p.pagetop a:active {
	color: #306;
	text-decoration: none;
}

a.linkInner {
	padding-left: 17px;
	background: url("../images/mark_sankaku1.gif") no-repeat left 3px;
}

a.linkInnerWhite {
	padding-left: 17px;
	background: url("../images/mark_sankaku2.gif") no-repeat left 3px;
}

a.linkOuter {
	padding-left: 17px;
	background: url("../images/mark_outerlink.gif") no-repeat left 3px;
}

a.linkPdf {
	padding: 0.3em 0 0.3em 20px;
	background: url("../images/mark_pdf2.gif") no-repeat left 3px;
}

a.linkDoc {
	padding: 0.3em 0 0.3em 20px;
	background: url("../images/mark_doc.gif") no-repeat left 3px;
}

a.linkXls {
	padding: 0.3em 0 0.3em 20px;
	background: url("../images/mark_xls.gif") no-repeat left 3px;
}

a.linkPpt {
	padding: 0.3em 0 0.3em 20px;
	background: url("../images/mark_ppt.gif") no-repeat left 3px;
}

/* @end */

/* @group list */

ol.ol01 {
	margin: 0 0 1em 25px;
}

ol.ol02 {
	padding-left:2em;
}

ol.ol02 li {
	list-style:upper-roman;
	margin-bottom: 0.5em;
}

dl.dl01 dt {
	float: left;
	width: 170px;
	padding: 0.5em 0;
	font-weight: bold;
	color: #000;
}

dl.dl01 dd {
	float: right;
	width: 350px;
	padding: 0.5em 0;
}

dl.dl02 dt {
	padding: 0.3em 0;
	font-weight: bold;
}

dl.dl02 dd {
	padding: 0.5em 0;
}

/* @end */

/* @group body#home */

#home {
	background: #fbe7e8 url('../images/bg_01.gif') repeat-x top center;
}

#home div#containerTop {
	padding-bottom: 300px;
	background: url('../images/bg_top.gif') no-repeat top center;
}

#home div#containerMid {
	background-image: none;
	width: 600px;
	margin: 0 auto;
	padding: 0;
}

#home div#contents {
	float: none;
}

#home div.newsHeading {
	width: 600px;
	height: 32px;
	background: url("../images/top_title_oshirase.gif") no-repeat left top;
}

#home div.newsHeading h2 {
	float: left;
	width: 200px;
	padding-left: 0.7em;
	color: #fff;
	font-size: 1.2em;
	line-height: 32px;
}

#home div.newsHeading p {
	float: right;
	width: 300px;
	margin-right: 10px;
	text-align: right;
	line-height: 32px;
}

#home div.newsHeading p a:link, #home div.newsHeading p a:visited {
	color: #fff;
	text-decoration: none;
}

#home div.newsHeading p a:hover {
	color: #ffe;
	text-decoration: underline;
}

#home div.newsHeading p a:active {
	color: #f90;
	text-decoration: none;
}

#home div.boxTop {
	width: 600px;
	height: 5px;
	margin-top:  1em;
	background: url("../images/box4_top.gif") no-repeat left top;
}

#home div.boxMid {
	width: 100%;
}

#home div.boxBtm {
	width: 600px;
	height: 5px;
	background: url("../images/box4_btm.gif") no-repeat left bottom;
}

#home div.counter {
	text-align: center;
	margin: 2em 0 0;
}

/* @end */

/* @group newsTable（トップと一覧で共通） */

table.newsTable {
	width: 520px;
	border-bottom: 1px dotted gray;
}

#home table.newsTable {
	width: 560px;
}

table.newsTable th, table.newsTable td {
	padding: 0.5em 0 0.7em;
	border-top: 1px dotted gray;
	vertical-align: top;
}

table.newsTable th {
	width: 140px;
	color: #366;
}

table.newsTable td span.newIcon {
	display: block;
	margin-top: 2px;
}

/* @end */

/* @group body#news */

#news p.date {
	color: #366;
	font-weight: bold;
}

#news h3.new {
	text-indent: 2.2em;
	background: url("../images/mark_new2.gif") no-repeat left 0.7em;
}

#news div.honbun {
	margin: 0 0 2em;
}

#news ul.files {
	margin: 1em 0;
	padding: 1.0em 1.3em;
	background: #eef;
	list-style: none;
}

#news ul.links {
	margin: 1em 0;
	padding: 1.2em 1.5em;
	background: #fee;
	list-style: none;
}

#news div.imgBox {
	margin: 2em 0;
}

#news div.imgBox div.upper {
	margin: 10px 0;
}

#news div.imgBox div.w255 {
	float: left;
	width: 255px;
	margin-right: 3px;
	text-align: center;
	background-color: #000;
}

#news div.imgBox div.w168 {
	float: left;
	width: 168px;
	margin-right: 3px;
	text-align: center;
	background-color: #000;
}

#news div.imgBox div.w125 {
	float: left;
	width: 125px;
	margin-right: 3px;
	text-align: center;
	background-color: #000;
}

#news div.imgBox p.caption {
	padding-top: 0.5em;
	color: #366;
	background-color: #fff;
	text-align: left;
}

/* @end */

/* @group body#jobseeker */

#jobseeker ol.flow {
	margin: 2em 0 1em;
	list-style: none;
}

#jobseeker ol.flow dl {
	margin: 0 0 0.5em;
	padding-bottom: 20px;
	background: url("../images/mark_sankaku3.gif") no-repeat 58px bottom;
}

#jobseeker ol.flow dl.lastItem {
	background: none;
}

#jobseeker ol.flow dl dt {
	float: left;
	width: 140px;
	padding: 1em 0;
	text-align: center;
	color: #fff;
	background: #c66;
}

#jobseeker ol.flow dl dd {
	float: right;
	width: 360px;
}

/* @end */

/* @group body#casestudy */

#casestudy div.item {
	padding-bottom: 1em;
}

#casestudy div.item p.age {
	width: 113px;
	height: 153px;
	margin: 0 30px;
	padding-top: 25px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	background-repeat: no-repeat;
	background-position: center top;
}

#casestudy div.item.man p.age {
	background-image: url("../images/mark_man.gif");
}

#casestudy div.item.woman p.age {
	background-image: url("../images/mark_woman.gif");
}

#casestudy div.item.leftFig p.age {
	float: left;
}

#casestudy div.item.rightFig p.age {
	float: right;
}

#casestudy div.item div.balloon {
	width: 511px;
}

#casestudy div.item.leftFig div.balloon {
	float: right;
	margin-right: 25px;
}

#casestudy div.item.rightFig div.balloon {
	float: left;
	margin-left: 25px;
}

#casestudy div.item div.balloon p {
	width: 421px;
	padding: 20px 20px 0;
	background-repeat: no-repeat;
	background-position: center top;
}

#casestudy div.item.man.leftFig div.balloon p {
	padding-left: 70px;
	background-image: url("../images/balloon_blue_top_l.gif");
}

#casestudy div.item.man.rightFig div.balloon p {
	padding-right: 70px;
	background-image: url("../images/balloon_blue_top_r.gif");
}

#casestudy div.item.woman.leftFig div.balloon p {
	padding-left: 70px;
	background-image: url("../images/balloon_pink_top_l.gif");
}

#casestudy div.item.woman.rightFig div.balloon p {
	padding-right: 70px;
	background-image: url("../images/balloon_pink_top_r.gif");
}

#casestudy div.item div.balloon div.boxBtm {
	height: 20px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url("../images/balloon_blue_btm.gif");
}

#casestudy div.item.woman div.balloon div.boxBtm {
	background-image: url("../images/balloon_pink_btm.gif");
}

#casestudy div.item.rightFig div.balloon div.boxBtm {
	background-position: left bottom;
}

/* @end */

/* @group body#jobinfo.joblist */

body#jobinfo.joblist ul.order li {
	float: left;
	margin: 3em 0 1em;
	list-style: none;
}

body#jobinfo.joblist ul.categoryNav {
	margin: 0 0 3em;
	padding: 1em 1.5em;
	background-color: #eee;
	list-style: none;
}

body#jobinfo.joblist ul.categoryNav li {
	float: left;
	margin-right: 1em;
	white-space: nowrap;
}

body#jobinfo.joblist ul.categoryNav li {
	padding-left: 15px;
	background: url(../images/mark_sankaku4.gif) no-repeat left center;
}

body#jobinfo.joblist ul.categoryNav li a {
	display: block;
	margin-left: -15px;
	padding-left: 15px;
	background: url(../images/mark_sankaku5.gif) no-repeat left center;
}

body#jobinfo.joblist h3 {
	margin: 3em 0 0;
}

body#jobinfo.joblist div.titleBar {
	height: 30px;
	background-color: #9fcad4;
}

body#jobinfo.joblist h4 {
	height: 30px;
	line-height: 30px;
	font-weight: normal;
}

body#jobinfo.joblist h4 span.jobno {
	display: block;
	float: left;
	width: 300px;
	height: 30px;
	background: #356;
	font-size: 12px;
	color: #ff6;
	text-align: center;
}

body#jobinfo.joblist h4 span.num {
	font-size: 22px;
	font-family: Arial;
	font-weight: bold;
}

body#jobinfo.joblist div.titleBar.new h4 span.jobno {
	background: #356 url("../images/mark_new2.gif") no-repeat 10px center;
}

body#jobinfo.joblist h4 span.keitai {
	font-size: 15px;
	font-weight: bold;
	display: block;
	float: left;
	margin-left: 10px;
	color: #356;
}

body#jobinfo.joblist div.toggleBtn {
	width: 116px;
	height: 0px;
	margin: -30px 0 0 595px;
	padding-top: 30px;
	_padding: 0 0 4px;
	background: url(../images/btn_syousai_miru.gif) no-repeat left center;
}

body#jobinfo.joblist div.jobItem {
	margin-top: 5px;
}

body#jobinfo.joblist div.overview {
	background-color: #eaeff1;
	padding: 10px;
}

body#jobinfo.joblist div.left {
	float: left;
	width: 280px;
}

body#jobinfo.joblist div.right {
	float: left;
	width: 410px;
}

body#jobinfo.joblist div.overview dt {
	float: left;
	width: 80px;
	color: #389db5;
	font-weight: bold;
}

body#jobinfo.joblist div.overview dl dd {
	float: left;
	margin-bottom: 10px;
}

body#jobinfo.joblist div.overview div.left dl dd {
	width: 200px;
}

body#jobinfo.joblist div.overview div.right dl dd {
	width: 330px;
}

body#jobinfo.joblist div.details {
	background: url(../images/bg_syousai.gif) repeat-y left center;
	padding: 20px;
}

body#jobinfo.joblist div.details table {
	border-collapse: collapse;
	background-color: #fff;
}

body#jobinfo.joblist div.details table th, body#jobinfo.joblist div.details table td {
	padding: 5px 10px;
	border: 1px solid #ccc;
}

body#jobinfo.joblist div.details table th {
	width: 120px;
	color: #fff;
	background-color: #92a3a6;
}

body#jobinfo.joblist div.details table td {
	width: 180px;
}

body#jobinfo.joblist div.details table td.files {
	width: 480px;
}

/* @end */