@charset "utf-8";

/*--------------------------------------
  company common
---------------------------------------*/

body#forCompany h3 {
	background: url(image/pegeTitleLine.gif) no-repeat;
	border-bottom: 1px solid #ccc;
	color: #386cb0;
}

div.contents h5 {
	margin-bottom: .6em;
	padding: 1px;
	border: 1px solid #ccc;
}


div.section strong {
	color: #ef097c;
}

p.sectionDescription {
	padding: 10px;
	background-color: #e6ecf5;
}

p.annotation {
	color: #999;
	font-size: 86%;
}

body#forCompany div#sideMenu ul li a {
	background: url(image/subMenuArrow.gif) no-repeat 5px .5em;
}

body#forCompany div#sideMenu ul li a.this,
body#forCompany div#sideMenu ul li a:hover {
	background-color:#e6ecf5;
	color: #386cb0;
}

/*--------------------------------------
  globalMenu
---------------------------------------*/


ul#globalMenu a.top,
ul#globalMenu a.jobSearch,
ul#globalMenu a.service,
ul#globalMenu a.results,
ul#globalMenu a.faq,
ul#globalMenu a.contact,
ul#globalMenu a.forCompany,
ul#globalMenu a.profile {
	background:  url(image/globalMenu.gif) no-repeat;
}

ul#globalMenu a.top {
	left: 0;
}

ul#globalMenu a.jobSearch {
	left: 100px;
	background-position: -100px 0;
}

ul#globalMenu a.service {
	left: 200px;
	background-position: -200px 0;
}

ul#globalMenu a.results {
	left: 300px;
	background-position: -300px 0;
}

ul#globalMenu a.faq {
	left: 400px;
	background-position: -400px 0;
}

ul#globalMenu a.contact {
	left: 500px;
	background-position: -500px 0;
}

ul#globalMenu a.forCompany {
	left: 600px;
	background-position: -600px 0;
}

ul#globalMenu a.profile {
	left: 700px;
	background-position: -700px 0;
}

body#top ul#globalMenu a.top,
ul#globalMenu a.top:hover,
body#jobSearch ul#globalMenu a.jobSearch,
ul#globalMenu a.jobSearch:hover,
body#service ul#globalMenu a.service,
ul#globalMenu a.service:hover,
body#results ul#globalMenu a.results,
ul#globalMenu a.results:hover,
body#faq ul#globalMenu a.faq,
ul#globalMenu a.faq:hover,
body#contact ul#globalMenu a.contact,
ul#globalMenu a.contact:hover,
body#forCompany ul#globalMenu a.forCompany,
ul#globalMenu a.forCompany:hover,
body#profile ul#globalMenu a.profile,
ul#globalMenu a.profile:hover {
	z-index: 10;
	width: 120px;
}

body#top ul#globalMenu a.top,
ul#globalMenu a.top:hover {
	left: 0;
	background-position: 0 -70px;
}

body#jobSearch ul#globalMenu a.jobSearch,
ul#globalMenu a.jobSearch:hover {
	left: 100px;
	background-position: -100px -140px;
}

body#service ul#globalMenu a.service,
ul#globalMenu a.service:hover {
	left: 200px;
	background-position: -200px -70px;
}

body#results ul#globalMenu a.results,
ul#globalMenu a.results:hover {
	left: 300px;
	background-position: -300px -140px;
}

body#faq ul#globalMenu a.faq,
ul#globalMenu a.faq:hover {
	left: 400px;
	background-position: -400px -70px;
}

body#contact ul#globalMenu a.contact,
ul#globalMenu a.contact:hover {
	left: 500px;
	background-position: -500px -140px;
}

body#forCompany ul#globalMenu a.forCompany,
ul#globalMenu a.forCompany:hover {
	left: 600px;
	background-position: -600px -70px;
}

body#profile ul#globalMenu a.profile,
ul#globalMenu a.profile:hover {
	left: 700px;
	width: 100px;
	background-position: -700px -140px;
}
/*--------------------------------------
  index.html
---------------------------------------*/

div#index div.section dl {
	margin-bottom: .5em;
	padding: 5px;
	background-color: #efefef;
}

/*--------------------------------------
  flow.html
---------------------------------------*/

div#flow div.section dl {
	position: relative;
	margin-bottom: .5em;
}

div#flow div.section dl dt {
	float: left;
	width: 157px;
	margin-bottom: .5em;
}

div#flow div.section dl dd {
	position: absolute;
	left: 167px;
	width: 375px;
}

* html div#flow div.section dl dd {
	left: 10px;
}

div#flow p.arrow {
	clear: both;
	margin-left: 65px;
}

/*--------------------------------------
  seminor.html
---------------------------------------*/

div#seminor div.section div {
	width: 360px;
}

div#seminor div.section dt {
	display: list-item;
	color: #386cb0;
	font-weight: bold;
	list-style: square inside;
}

/*--------------------------------------
  faq.html
---------------------------------------*/

div#faq ul {
	margin-bottom: 1em;
	padding: 5px;
	background-color: #efefef;
}

div#faq ul li {
	clear: left;
}

div#faq ul li span.prefix {
	display: block;
	float: left;
}

div#faq ul li a {
	display: block;
	float: left;
	width: 40em;
	max-width: 510px;
}

div#faq dl {
	clear: both;
}

div#faq dl span {
	display: block;
}

div#faq dl span.prefix {
	float: left;
}

div#faq dl span.content {
	float: left;
	width: 41em;
	max-width: 520px;
}

div#faq dl dt {
	float: left;
	color: #386cb0;
	font-weight: bold;
}

/*--------------------------------------
  results.html
---------------------------------------*/

div#results div.mainContentsHeader {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

div#results ul {
	margin-bottom: .5em;
}

div#results ul li {
	float: left;
}

div#results ul li a {
	display: block;
	min-width: 112px;
	padding-left: 20px;
	background: url(../common/image/subMenuArrow.gif) no-repeat 5px .2em;
	color: #ef097c;
	text-decoration: none;
}

div#results p#mark {
	margin: 0;
	padding-top: .5em;
	border-top: 1px dotted #ccc;
}

div#results div.section {
	clear: right;
	margin-bottom: 0;
	padding: 10px 0;
}

div#results div.section dl {
	border-top: 1px dotted #ccc;
}

div#results div.section dl dt,
div#results div.section dl dd {
	margin-bottom: 5px;
	padding: 5px 10px 0 10px;
}

div#results div.section dl dt {
	display: list-item;
	margin-bottom: 0;
	list-style: inside square;
}

div#results div.section dl dd {
	padding-top: 0;
}

body#forCompany div#results dl.data {
	padding: 0 10px 10px 13px;
	border: none;
}

body#forCompany div#results dl.data dt,
body#forCompany div#results dl.data dd {
	padding: 0;
}

body#forCompany div#results dl.data dt {
	display: block;
	float: left;
	width: 36px;
	list-style: none;
}

body#forCompany div#results dl.data dd {
	margin-left: 45px;
}

dl.data table {
	width: 466px;
	border-collapse: collapse;
	border-spacing: 1px;
}

dl.data table th {
	width: 120px;
	text-align: center;
}

dl.data table td {
	background-color: #fff;
	padding-left: .5em;
}

div.woman {
	background-color: #fee6eb;
}

div.woman dl dt {
	color: #ef097c;
}

div.woman dl.data table {
	border: 1px solid #fccde5;
	border-top: none;
}

div.woman dl.data table th {
	background-color: #f69ac3;
	border-bottom: 1px solid #fccde5;
	border-top: 1px solid #fccde5;
}

div.woman dl.data table td {
	border-left: 1px solid #fccde5;
	border-top: 1px solid #fccde5;
}

div.man {
	background-color: #d6eadd;
}

div.man dl dt {
	color: #4eae6c;
}

div.man dl.data table {
	border: 1px solid #7fca93;
	border-top: none;
}

div.man dl.data table th {
	background-color: #4eae6c;
	border-bottom: 1px solid #7fca93;
	border-top: 1px solid #7fca93;
}

div.man dl.data table td {
	border-left: 1px solid #7fca93;
	border-top: 1px solid #7fca93;
}