/*------------------------------------------------
  Body
  ------------------------------------------------*/

div.topBodyLeft {
float: left;
width: 160px;
margin-top: 20px;
}
div.topBodyCenter {
float: left;
width: 612px;
margin: 20px 0px 0px 18px;
}
div.topBodyRight {
float: right;
width: 160px;
margin-top: 20px;
}


/*------------------------------------------------
  areaLeft : Login/Logged-in
  ------------------------------------------------*/

div.member{
background: url("/images/ja/top/backmember.gif") 0 0 repeat-x;
}


/*------------------------------------------------
  areaCenter : News
  ------------------------------------------------*/

p.news{
background: #ddd;
margin: 0;
padding: 6px;
font-size: 92%;
line-height: 1;
}


/*------------------------------------------------
  areaCenter : JobSearch
  ------------------------------------------------*/

table.jobSearch{
margin-bottom: 1px;
}
table.jobSearch td.title{
background: url("/images/ja/base/bar_orange.gif") repeat-x;
height: 31px;
padding: 0;
}
table.jobSearch td li{
padding-bottom: 2px;
}
table.jobSearch td.title li a{
color: #be0404;
text-decoration: none;
margin-right: 6px;
}
table.jobSearch td.title img{
margin-left: 6px;
}
table.jobSearch td.line{
border-left:solid #ffdea7 3px;
border-right:solid #ffdea7 3px;
border-bottom:solid #ffdea7 3px;
padding: 10px;
}


/*------------------------------------------------
  areaCenter : Hot
  ------------------------------------------------*/

div.jobHot {
width: 49%;
}
div.jobHot table.title td{
margin: 0px;
line-height: 1;
}
div.jobHot table.title td.en{
width: 100%;
padding-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 107%;
font-weight: bold;
color: #fff;
white-space: nowrap;
}
div.jobHot table.title td.ja{
padding-right: 5px;
font-size: 85%;
white-space: nowrap;
}

div.jobHot table.text{
margin-top: 10px;
}
div.jobHot table.text td{
font-size: 92%;
line-height:1.1;
}
div.jobHot table.text td.iconImg{
width:300px;
border:solid #A8A8A8 1px;
height:70px;
text-align:center;
clear:both;
}
div.jobHot table.text td a{
font-size: 107%;
line-height: 2;
}
div.jobHot table.text td.btnBottom {
padding: 5px 0 12px 0;
}

div.btnIA a span {
display: none;
}
div.btnIA a {
background: url("/en/images/top/btn_article.gif");
display: block;
width: 66px;
height: 18px;
float: left;
}
div.btnIA a:hover{
background-position: 0% -19px;
}
div.btnRJ a span{
display: none;
}
div.btnRJ a{
background: url("/en/images/top/btn_job.gif");
margin-left: 1px;
display: block;
width: 66px;
height: 18px;
float: left;
}
div.btnRJ a:hover{
background-position: 0% -19px;
}


/*------------------------------------------------
  areaCenter : OtherSite
  ------------------------------------------------*/

div.otherSite{
padding-top: 15px;
font-size: 92%;
}
div.otherSite p.title{
background: #ddd;
margin-bottom: 10px;
padding: 6px 6px 4px 6px;
}
div.otherSite table td{
padding: 0 5px 10px 0;
line-height: 0;
}
div.otherSite table td span{
font-size: 85%;
}


/*
 ------------------------------------------------
  Area : Right
  設定はmarketool_main.cssにて設定
 ------------------------------------------------
*/