@charset "utf-8";

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

#body h2 {
	display: block;
}
#body h2.nonLead {
	margin-bottom: 32px;
}
#body h3,
#body h4 {
	margin: 0 auto;
	text-align: center;
}
#body h5 {
	font-size: 1em;
}
.pagePath {
	font-size: smaller;
	margin-bottom: 10px;
}
.pagePath a {
	color: #333;
	text-decoration: none;
}
#searchFocus {
	margin: 15px 22px 22px 22px;
}
#searchFocus form {
	padding: 10px 30px;
	background: url(../images/search/bg_search_frame.gif) no-repeat left bottom;
}
#searchFocus table {
	margin-bottom: 10px;
	line-height: 1.5;
}
#searchFocus th {
	padding: 3px 0 3px 18px;
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px dashed #CCC;
	background: url(../images/share/icon_circle_arrow_pink.gif) no-repeat left center;
}
#searchFocus td {
	padding: 4px 0;
	border-bottom: 1px dashed #CCC;
}
#searchFocus label {
	white-space: nowrap;
}
#searchFocus select.long {
	width: 45%;
}
#searchFocus span {
	font-size: smaller;
	color: #F00;
}
#searchFocus .btSearch {
	text-align: right;
}
#searchFocus input.long {
	width: 300px;
}
#searchFocus input.short {
	width: 50px;
}


#searchResult {
	padding: 8px 22px;
	background: #EEE;
}
#searchResult .score {
	margin: 4px 0;
	padding-left: 8px;
	border-left: 4px solid #d8306b;
}
#searchResult table {
	border: 1px solid #AAA;
	border-right: none;
	border-bottom: none;
}
#searchResult th,
#searchResult td {
	padding: 6px 3px;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	border-top: none;
}
#searchResult th {
	font-size: 12px;
	white-space: nowrap;
	background: #E0F9FA;
}
#searchResult th .sortDown {
	float: left;
	margin-right: 2px;
}
#searchResult th .sortUp {
	float: right;
	margin-left: 2px;
}
#searchResult th.data	{ width: 11%;}
#searchResult th.code	{ width: 9%;}
#searchResult th.style	{ width: 12%;}
#searchResult th.type	{ width: 10%;}
#searchResult th.corp	{ width: 17%;}
#searchResult th.area	{ width: 11%;}
#searchResult th.salary	{ width: 9%;}
#searchResult th.note	{ width: 12%;}
#searchResult th.date	{ width: 8%;}

#searchResult td {
	background: #FFF;
}
#searchResult .btSet {
	padding-top: 3px;
}
#searchResult .btSet img {
	margin-top: 3px;
}

.h2Lead {
	width: 680px;
	margin: 20px 0 32px 16px;
	line-height: 1.5;
}
.h3group {
	margin-top: 32px;
}
.h3column {
	width: 711px;
	margin: 20px auto 32px auto;
}
.h3columnInner {
	width: 630px;
	margin: 32px auto 32px auto;
	line-height: 1.5;	
}
.h3columnBorderRed {
	width: 669px;
	margin: 0 auto 32px auto;
	padding: 20px 20px 10px 20px;
	border: 1px solid #D8306B;
	border-top: none;
	line-height: 1.5;
}
.h3columnBorderRed p {
	margin-bottom: 10px;
}

.h3columnBorderRed:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.h3columnBorderRed {display: inline-block;}
/* Hides from IE-mac \*/
* html .h3columnBorderRed {height: 1%;}
.h3columnBorderRed {display: block;}
/* End hide from IE-mac */

.h4group {
	width: 630px;
	margin: 32px auto;
	line-height: 1.5;
}
.h4columnInner {
	width: 630px;
	margin: 32px auto 0 auto;
}
.h4column {
	margin: 20px 0 32px 12px;
}
.h4column li {
	line-height: 1.7;
}
.h4column ul ul {
	margin: -1.7em 0 0 1.5em;
}
.h4column:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.h4column {display: inline-block;}
/* Hides from IE-mac \*/
* html .h4column {height: 1%;}
.h4column {display: block;}
/* End hide from IE-mac */

.h4columnInner:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.h4columnInner {display: inline-block;}
/* Hides from IE-mac \*/
* html .h4columnInner {height: 1%;}
.h4columnInner {display: block;}
/* End hide from IE-mac */


.catchBlue {
	margin-bottom: 12px;
	color: #224EF5;
}
.noteRed {
	color: #F00;
}
.center {
	text-align: center;
}
.rightImg {
	float: right;
	margin-left: 20px;
}
.rightImgHalf {
	float: right;
	width: 50%;
	text-align: center;
	margin-bottom: 1em;
}
.flow {
	text-align: center;
	margin:32px auto;
}
.lead {
	margin-bottom: 2em;
	line-height: 1.5;
}
.indent {
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}
.indentList {
	padding-left: 1em;
	margin-bottom: 0.5em;
}
.etc {
	text-align: right;
}
.clip {
	line-height: 2em;
	padding-left: 18px;
	background: url(../images/share/icon_clipboard.gif) no-repeat 0 0.3em;
}

ul.dotHalf {
	width: 49%;
}
ul.dotHalf li {
	margin-bottom: 0.5em;
	list-style: disc inside;
	padding-left: 1.5em;
	text-indent: -1.2em;
}
ul.bulletPink li {
	margin: 0 0 0.4em 0;
	padding-left: 14px;
	background: url(../images/share/bullet_pink.gif) no-repeat 0 0.6em;
}
ul.bulletBlue li {
	margin: 0 0 0.4em 0;
	padding-left: 14px;
	background: url(../images/share/bullet_blue.gif) no-repeat 0 0.6em;
}


.jobType dt {
	width: 18em;
	font-weight: bold;
}
.jobType dt img {
	margin-right: 0.5em;
	vertical-align: middle;
}
.jobType#office dt {
	color: #09C;
}
.jobType#creative dt {
	color: #25A679;
}
.jobType dd {
	margin: -35px 0 4px 18em;
	padding: 9px 0 10px 0;
	line-height: 1.5;
}
.jobType dt.blue {	color: #09C;}
.jobType dt.green {	color: #25A679;}
.jobType dt.purple {color: #C003A2;}


.faq-Q li {
	margin-bottom: 0.4em;
	line-height: 1.5;
	padding-left: 3em;
}
.faq-Q li strong {
	display: inline-block;
	width: 3em;
	margin-left: -3em;
	color: #D8306B;
}
.faq-Q li a {
	color: #D8306B;
	text-decoration: none;
}
.faq-Q li a:hover {
	text-decoration: underline;
}


#faq-A {
	padding-top: 2em;
}
#faq-A dt,
#faq-A dd {
	margin-bottom: 0.4em;
	line-height: 1.5;
}
#faq-A strong{
	display: inline-block;
	width: 3em;
	margin-left: -3em;
	color: #D8306B;
}
#faq-A dt {
	padding: 1.5em 3em 0.5em 5em;
	border-top: 1px dashed #CCC;
	color: #D8306B;
}
#faq-A dd {
	padding: 0 3em 1.5em 5em;
}
#faq-A dd strong{
	color: #333;
}


.answerBlock {
	margin-top: 1em;
	padding: 12px;
	border: 1px solid #CCC;
}
.answerBlock p.title {
	margin-bottom: 1em;
	padding-left: 0.5em;
	line-height: 2em;
	background: #EEE;
}
.answerBlock ul,
.answerBlock ol {
	margin-left: 0.5em;
}

.answerBlock li {
	margin-bottom: 0.3em;
}

.answerBlock li ul {
	margin: 1em;
}
#faq-A dd dl {
	margin-top: 1em;
}
#faq-A dd dt {
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: none;
}
#faq-A dd dd {
	margin: 0 0 0.5em 0;
	padding: 0;
}
#faq-A dd ol {
	margin: 1em 0;
}
#faq-A dd ol li {
	list-style: decimal inside;
}
#faq-A dd ol.non li {
	list-style: none;
}

.answerBlock ol.gyoumu li{
    list-style: decimal outside !important;
    margin-left:35px;
    padding-left:0px;
}
#skillup .h4group {
	margin-bottom: 0;
}
#skillup h4 {
	float: left;
	text-align: left;
	margin: 0 0 20px 0;
}
#skillup p.note {
	clear: both;
	width: 456px;
}
.schoolInfo {
	clear: both;
	width: 606px;
	margin: 0 0 32px 12px;
}
.schoolInfo dt {
	width: 6.5em;
	float: left;
	letter-spacing: 0.2em;
	text-align: justify;
	text-justify:distribute-all-lines;
}
.schoolInfo dd {
	margin-bottom: 0.5em;
	padding-left: 6.5em;
}
.schoolInfo dd ul {
	margin-top: 0.5em;
	margin-left: 0.2em;
}
.schoolInfo dd li {
	margin-bottom: 0.5em;
}
.schoolInfo dd dt {
	width: 13em;
	letter-spacing: 0;
	text-align: left;
	text-justify: auto;
}
.schoolInfo dd dd {
	padding-left: 13em;
}
.schoolInfo:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.schoolInfo {display: inline-block;}
/* Hides from IE-mac \*/
* html .schoolInfo {height: 1%;}
.schoolInfo {display: block;}
/* End hide from IE-mac */


#manner h4 {
	margin: 0 0 1em 0;
	text-align: left;
}
#manner h4.clip {
	padding-left: 18px;
	color: #7030A0;
	font-size: 1.2em;
	background: url(../images/share/icon_clipboard.gif) no-repeat 0 0.4em;
}
#manner ul.bullet {
	margin: 0.5em 0 2em 0;
}
#manner ul.bullet li {
	margin: 0 0 0.4em 18px;
	padding-left: 14px;
	background: url(../images/share/bullet_purple.gif) no-repeat 0 0.5em;
}
#manner .style {
	margin: 0 20px 32px 20px;
	border: 1px solid #CCC;
	border-right: none;
	border-bottom: none;
}
#manner .style th,
#manner .style td {
	padding: 6px 10px;
	border: 1px solid #CCC;
	border-left: none;
	border-top: none;
}
#manner .style th {
	font-weight: bold;
}
#manner .style td {
	vertical-align: top;
}
#manner .style .common,
#manner .style .male,
#manner .style .female {
	width: 32%;
}
#manner .style .common	{ background: #F7F2FA;}
#manner .style th.common	{ background: #E1D0EF;}
#manner .style .male	{ background: #F6F8FF;}
#manner .style th.male	{ background: #CFD9FF;}
#manner .style .female	{ background: #FEF6F9;}
#manner .style th.female	{ background: #FCC6D8;}

#manner .style li {
	margin-bottom: 0.7em;
	padding-left: 12px;
	background-position: 0 0.5em;
	background-repeat: no-repeat;
}
#manner .style .common li{ background-image: url(../images/share/bullet_purple.gif);}
#manner .style .male li	{ background-image: url(../images/share/bullet_blue.gif);}
#manner .style .female li{ background-image: url(../images/share/bullet_pink.gif);}


#ppiduty li {
	margin-bottom: 1em;
	line-height: 1.7;
}
#ppiduty li p {
	margin-top: 0.5em;
}
#ppiduty ol li {
	text-indent: -1.45em;
	padding-left: 1.5em;
	list-style: decimal inside;
}
#ppiduty ul li {
	text-indent: -1.55em;
	padding-left: 1.5em;
	list-style: disc inside;
}
ul.btList li {
	margin-bottom: 1em;
}
.markLeft {
	float: left;
	width: 120px;
	margin-right: 32px;
}

.markDetail {
	margin-bottom: 20px;
	border: 1px solid #CCC;
	border-right: none;
	border-bottom: none;
}
.markDetail th,
.markDetail td {
	padding: 6px 10px;
	border: 1px solid #CCC;
	border-left: none;
	border-top: none;
}
.markDetail th {
	width: 6em;
	font-weight: bold;
	text-align: left;
	background: #F0F0F0;
}


.graph li {
	padding-left: 1.5em;
	list-style: decimal inside;
	font-weight: bold;
	text-indent: -1.45em;
}
.graph li p {
	text-align: right;
	margin: 1em 4em 2em 0;
}


.corpList {
	width: 48%;
	margin-bottom: 20px;
}
#leftList {
	float: left;
}
#rightList {
	float: right;
}
.corpList p {
	margin: 0;
	padding: 6px;
	background: #FFC;
	border: 1px solid #CCC;
}
.corpList ul {
	margin: 0;
}
.corpList li {
	padding: 6px;
	line-height: 1.3;
	border: 1px solid #CCC;
	border-top: none;
}
.corpList li a:link {
	color: #D8306B;
	text-decoration: none;
}
.corpList li a:hover {
	text-decoration: underline;
}



#mapColumn {
	width: 650px;
	margin: 0 auto 32px auto;
}
#areaList {
	float: left;
	margin: 0 30px 20px 0;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	border-right: none;
	border-bottom: none;
}
#areaList th,
#areaList td {
	padding: 6px 10px;
	line-height: 1.5;
	border: 1px solid #CCC;
	border-left: none;
	border-top: none;
}
#areaList th {
	vertical-align: top;
}
#areaList th.touhoku	{ background: #E6E6FF;}
#areaList th.kantou		{ background: #FEEBCF;}
#areaList th.shinetsu	{ background: #FFFFC6;}
#areaList th.tokai		{ background: #A4EBFF;}
#areaList th.kansai		{ background: #CEF8DC;}

#areaData {
	clear: both;
	width: 640px;
	margin: 0 auto 32px auto;
	padding-top: 32px;
	border-top: 1px dashed #CCC;
}
#areaData td{/* 20090902 @Taichi Nakamura */
	vertical-align:top;
    padding:5px;
    line-height:1.5;
}
#areaData td.title{/* 20090902 @Taichi Nakamura */
	width:100px;
}
#areaData td.title2{/* 20090902 @Taichi Nakamura */
	padding:2px;
	width:100px;
	background-color:#F9F9C9;
}
#areaData p.top{/* 20090902 @Taichi Nakamura */
	text-align:right;
	margin: 3px 12px;
}
#areaData div.haken{/* 20090902 @Taichi Nakamura */
	margin: 5px 12px;
	line-height:1.5;
	
}
#areaData div.area{/* 20090902 @Taichi Nakamura */
	margin-bottom:20px;
}
#areaData div.area2{/* 20090902 @Taichi Nakamura */
	margin-bottom:20px;
	border-bottom: 1px dashed #CCC;
}
#areaData div.clear{/* 20090902 @Taichi Nakamura */
	clear:both;
}
#areaData div.text{/* 20090902 @Taichi Nakamura */
    width:290px;
    float: left;
}
#areaData div.accessMap {/* 20090902 @Taichi Nakamura */
	float: right;
	width:311px;
	margin: 0 12px;
}
#areaData table.workInfo {
    border: 1px solid #AAA;
    border-right: none;
    border-bottom: none;
    width:100%;
    border-collapse: collapse;
}
#areaData table.workInfo th,
#areaData table.workInfo td {
    padding: 6px 3px;
    text-align: center;
    border: 1px solid #AAA;
    border-left: none;
    border-top: none;
    vertical-align: middle;
}
#areaData table.workInfo th {
    font-size: 12px;
    white-space: nowrap;
    background: #E0F9FA;
}
#areaData table.workInfo th.style   { width: 15%;}
#areaData table.workInfo th.type    { width: 20%;}
#areaData table.workInfo th.corp    { width: 20%;}
#areaData table.workInfo th.area    { width: 20%;}
#areaData table.workInfo th.salary  { width: 15%;}
#areaData table.workInfo th.note    { width: 20%;}

/* <= 20090902 @Taichi Nakamura */



address {
	margin: 0 0 20px 12px;
	line-height: 1.5;
	font-style: normal;
}
#alter{
	   width: 640px;
	   margin: 0 auto;
}
#alter p{
	   margin-top:20px;
}
#alter h3 {
	margin: 0 auto 20px auto;
	padding: 5px 10px;
	font-size: 1.4em;
	text-align: left;
	background: #bdb76b;
	width: 640px;
}
#areaData h3 {
	margin: 0 0 20px 0;
	padding: 5px 10px;
	font-size: 1.4em;
	text-align: left;
}
#areaData h3.touhoku	{ background: #E6E6FF;}
#areaData h3.kantou		{ background: #FEEBCF;}
#areaData h3.shinetsu	{ background: #FFFFC6;}
#areaData h3.tokai		{ background: #A4EBFF;}
#areaData h3.kansai		{ background: #CEF8DC;}
#areaData h3.sp		{
	 background: #FFDDDD;
	 margin-top:20px;
}

#areaData h4 {
	margin: 0 0 0 12px;
	font-size: 1em;
	text-align: left;
}
#areaData .access {
	margin-left: 12px;
}
#areaData .access li {
	margin-bottom: 0.5em;
	padding-left: 2em;
	list-style: disc inside;
	line-height: 1.5;
	text-indent: -1em;
}

.btRegist {
	text-align: center;
	margin-bottom: 20px;
}


#policy {
	width: 620px;
	margin: 32px auto 20px auto;
	padding: 20px;
	line-height: 1.7;
	color: #555;
	background: #FFFFDE;
}

#policy li {
	margin-bottom: 2em;
	list-style: decimal inside;
	text-indent: -2em;
	padding-left: 2em;
}
#policy li li {
	margin-bottom: 0;
	list-style: none outside;
	text-indent: 0;
	padding-left: 0;
}

#policy li ul {
	margin: 0.5em 0 1em 1em;
}
#policy .disc li {
	list-style: disc inside;
	text-indent: -2em;
	padding-left: 2em;
}
#policy .decimal li {
	list-style: decimal inside;
	text-indent: -2em;
	padding-left: 2em;
}
#policy dl {
	margin-bottom: 1em;
}
#policy ul dt {
	float: left;
	width: 10.5em;
}
#policy ul dd {
	margin-bottom: 0.5em;
	padding-left: 10.5em;
}
#policy li p {
	text-indent: 1em;
	padding-left: 0;
}
#policy li address {
	text-indent: 0;
	margin: 0;
	padding-left: 0;
}
#policy .downLoad {
	margin: 1em;
	text-indent: 0;
}

.securityMark {
	margin: 0.5em 0 2em 1em;
}
.securityMark li {
	margin-bottom: 0.5em;
}

.cookie {
	margin-bottom: 1em;
}
.cookie li {
	list-style: disc inside;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

#sitemap {
	width: 798px;
	margin: 0 auto 32px auto;
}
#sitemap li {
	margin-bottom: 1em;
	background: url(../images/share/bullet_pink_arrow.gif) no-repeat 0 3px;
	padding-left: 15px;
}
#sitemap li.dir {
	margin-bottom: 2em;
	padding-left: 24px;
	font-weight: bold;
	border-bottom: 1px dashed #CCC;
	background: url(../images/share/icon_folder_pink.gif) no-repeat 0 0;
}
#sitemap li.dir li {
	font-weight: normal;
	margin-bottom: 0.5em;
}
#sitemap li ul,
#sitemap li.dir ul {
	margin: 1em 0 2em 0;
	padding: 0 1em 0 2em;
}
#sitemap li li ul {
	margin: 0.5em 0 1.5em 0;
}
#sitemap  li a {
	color: #D8306B;
	text-decoration: none;
}
#sitemap  li a:hover {
	text-decoration: underline;
}

#mailinfo{
    height:500px;
}
#mailinfo p{
	margin: 20px 50px;

}
#mailinfo div.button{
	margin: 30px auto;
	text-align:center;
	
}
/* h0800 個人情報保護方針
-----------------------------------------------*/
#privacypolicy{
    width: 620px;
    margin: 32px auto 20px auto;
    line-height: 1.7;
    /*color: #555;*/
    color:#000000;

}
#privacypolicy  h1{margin-bottom:15px;font-size:1.5em;text-align:center;}
#privacypolicy  h2{margin: 15px 0px 10px 0px;font-size:1.2em;}
#privacypolicy  dl{margin:0 0 20px;text-align:right}

#privacypolicy  dl{margin:0 0 20px;text-align:right}
#privacypolicy  table.typeA{width:520px}

#privacypolicy table.typeA {border-collapse:collapse;margin:10px auto 20px auto;}
#privacypolicy table.typeA td,#privacypolicy table.typeA th{
	border:1px solid #CCCCCC;
}

#privacypolicy  table.typeA th{
background:#eaeaea;
border-bottom:#fff 1px solid;
font-weight:bold;
text-align:center;
padding:5px 10px}

#privacypolicy  table.typeA th.firstChild{border-right:#fff 1px solid}

#privacypolicy  p.pol{
margin:0 0 10px 1.5em;
text-indent:-1.5em}

#privacypolicy  .contact{margin:20px 0 0 260px}
#privacypolicy  .contact table.simpleLayout{width:350px}


/*会社概要*/
#company{
}
#company table{
    margin:10px auto;
    border-collapse:collapse;
    border:1px solid #CCCCCC;
}
#company td{
    padding:10px 15px;
    line-height:150%;
}
#company td.title{
    background-color:#F9F9F9;
    vertical-align:top;
    border-right:0px;
    border-bottom:1px dotted #CCCCCC;
    border-left:1px solid #CCCCCC;
}
#company td.body{
    width:400px;
    border-left:0px;
    border-bottom:1px dotted #CCCCCC;
    border-right:1px solid #CCCCCC;
}