@charset "utf-8";

/* ==========================
    
    メインビジュアル
    
========================== */
/* ----------  写真 */
div#mainVisual {
  width:550px;
  height:295px;
  margin-bottom:13px;
}

/* ==========================
    
    キャンペーンバナー
    
========================== */
div#campaign {
  margin-bottom:20px;
}

div#campaign p {
	padding: 5px 10px;
	color: #f33;
	font-size: 12px;
	background-color: white;
	border: 1px solid #f33;
}

div#campaign p em {
	display: block;
	font-weight: bold;
}


/* ==========================
    
   各セクション共通設定
    
========================== */
/* ----------  ボックス */
body.mainIndex div.section {
  margin-bottom:45px;
}

/* ----------  見出し */
body.mainIndex div.shLine h2 {
  margin-left:5px;
  height:22px;
  text-indent:-9999px;
}

body.mainIndex div.workNews div.shLine h2 {
  background:url(../../img/main/subhead-text.gif) no-repeat 0 0;
}
body.mainIndex div.keywords div.shLine h2 {
  background:url(../../img/main/subhead-text.gif) no-repeat 0 -50px;
}
body.mainIndex div.pickup div.shLine h2 {
  background:url(../../img/main/subhead-text.gif) no-repeat 0 -25px;
}

/* ==========================
    
    新着お仕事情報
    
========================== */
/* ----------  見出し 右側*/
body.mainIndex div.workNews div.shLine ul {
  position: absolute;
  top:15px;
  right:9px;
  width:270px;
  height:20px;
}

body.mainIndex div.workNews div.shLine ul li{
  border:none;
  float:right;
  line-height:20px;
}

/* 更新日 */
body.mainIndex div.workNews div.shLine ul li.update {
  position: absolute;
  top:2px;
  left:10px;
  font-size:10px;
  margin-right:15px;
  font-weight:normal;
  color: #524B36;
}

/* RSS & MORE */
body.mainIndex div.workNews div.shLine ul li.rss a {
  display:block;
  width:39px;
  height:14px;
  margin:2px 17px 0 0;
  background:url(../../img/common/ic-rss.gif) no-repeat 0 0;
  text-indent:-9999px;
}

body.mainIndex div.workNews div.shLine ul li.more a {
  display:block;
  width:50px;
  height:18px;
  background:url(../../img/common/ic-more.jpg) no-repeat 0 -20px;
  text-indent:-9999px;
}

/* ----------  お仕事情報 */
body.mainIndex div.workNews div.wnLine {
  border-bottom:dotted 1px #b3b3b3;
  padding-bottom:4px;
  font-size:11px;
  line-height:15px;
}
body.mainIndex div.workNews div.wnLine img {
  margin:4px 10px 0 4px;
}

body.mainIndex div.workNews div.wnLine .icNew img {
  margin:0 0 0 2px;
}

body.mainIndex div.workNews div.wnLine p{
  float:right;
  width:443px;
  padding-top:4px;
  padding-left:10px;
  background:url(../../img/common/ic-arrow.gif) no-repeat 0 0;
}

body.mainIndex div.workNews div.wnLine a#categoryIcon {
	float:left;
	display: block;
	width: 87px;
}

/* ----------  テキストニュース */
body.mainIndex div.workNews p.textNews {
  margin-top:7px;
  padding:8px 12px;
  font-size:77%;
  line-height:1.3;
  background-color:#E4EDD1;
}

/* ==========================
    
    なるほど情報
    
========================== */
/* ----------  各列共通 */
body.mainIndex div.pickup table {
  width:550px;
  font-size:93%;
  empty-cells: show;
}
body.mainIndex div.pickup table td{
  vertical-align:top;
  width:180px;
  border:solid 1px;
}
body.mainIndex div.pickup table td.empty{
  width:5px;
  border:none;
}
body.mainIndex div.pickup table td.capA {
  width:170px;
}
body.mainIndex div.pickup table td.capB{
  width:164px;
}
body.mainIndex div.pickup table a:hover p {
  text-decoration:underline;
}

/* ----------  上段 */
/* 画像 */
body.mainIndex div.pickup table tr.up h3 {
  text-indent:-9999px;
  margin:3px 4px 5px 4px;
  width:170px;
  height:174px;
  min-height:174px;
  max-height:174px;
}
body.mainIndex div.pickup table tr.up h3 a {
  display:block;
  width:170px;
  height:174px;
  min-height:174px;
  max-height:174px;
}
body.mainIndex div.pickup table tr.up td{
  border-bottom:none;
}

/* キャプション */
body.mainIndex div.pickup table td.capA {
  padding:0 5px 10px 5px;
  border-top:none;
  border-bottom:none;
}

/* ----------  下段 */
body.mainIndex div.pickup table tr.low td.capB {
  padding:10px 7px 7px 7px;
  border-top:dotted 1px;
}
/* 見出し */
body.mainIndex div.pickup table tr.low td.capB dt{
  height:13px;
  min-height:13px;
  max-height:13px;
  margin-bottom:5px;
  line-height:1;
  text-indent:-9999px;
}

/* 画像 */
body.mainIndex div.pickup table tr.low td.capB img {
  float:left;
  margin-right:10px;
  border:solid 1px #dfdfdf;
  vertical-align:middle;
}

/* ----------  ワークスタイル */
body.mainIndex div.pickup table td.workstyle {
  background-color:#F9F5F7;
  border-color:#DACACF;
}
body.mainIndex div.pickup table tr.low td.workstyle {
  border-color:#DACBD0;
}
body.mainIndex div.pickup table td.workstyle h3 {
  width:170px;
  background:url(../../img/main/pick-ws-01.jpg) no-repeat 0 0;
}
body.mainIndex div.pickup table tr.low td.workstyle dt{
  background:url(../../img/main/pickup-subhead.gif) no-repeat 0 0;
}

/* ----------  インタビュー */
body.mainIndex div.pickup table td.interview {
  background-color:#F8F8F5;
  border-color:#D8DACA;
}
body.mainIndex div.pickup table td.interview em {
  font-weight:bold;
}
body.mainIndex div.pickup table tr.low td.interview {
  border-color:#D8DACA;
}
body.mainIndex div.pickup table td.interview h3 {
  width:171px;
  background:url(../../img/main/pick-int-01.jpg) no-repeat 0 0;
}
body.mainIndex div.pickup table tr.low td.interview dt{
  background:url(../../img/main/pickup-subhead.gif) no-repeat 0 -14px;
}

/* ----------  学びたい */
body.mainIndex div.pickup table td.seminar {
  background-color:#F5F9F9;
  border-color:#CAD7DA;
}
body.mainIndex div.pickup table tr.low td.seminar {
  border-color:#CAD7DA;
}
body.mainIndex div.pickup table td.seminar h3 {
  width:170px;
  background:url(../../img/main/pick-semi-01.jpg) no-repeat 0 0;
}
body.mainIndex div.pickup table tr.low td.seminar dt{
  background:url(../../img/main/pickup-subhead.gif) no-repeat 0 -28px;
}

/* ==========================
    
    お仕事キーワード
    
========================== */
/* ----------  見出し 右側*/
body.mainIndex div.keywords div.shLine p {
  position: absolute;
  top:18px;
  left:175px;
  height:10px;
  font-size:10px;
  font-weight:normal;
  color: #524B36;
}