@import url("/en/stylesheets/base.css");
@import url("/en/stylesheets/tables.css");

/*------------------------------------------------
  resume_open_promo_msg (2011-04-04  satomaki) 
  ------------------------------------------------*/

dl.member_info {
/*	width: 750px; */
	border: #FC0 solid 1px;
	background: #FFC;
	padding: 7px;
	margin:10px auto 5px;
}

dl.member_info2 {
	border: #FC0 solid 1px;
	background: #FFC;
	padding: 7px;
	margin:5px auto;
}

dl.member_info dt.captiontext,
dl.member_info2 dt.captiontext {
	border-left: #000066 solid 8px;
	padding: 1px 4px 0;
	font-size: 112%;
	font-weight: bold;
}

dl.member_info dd,
dl.member_info2 dd {
	padding: 6px 18px 6px 15px;
	line-height: 1.5;
	text-align: justify;
}

dl.member_info dd ul.merit,
dl.member_info2 dd ul.merit {
	border: #999 solid 1px;
	background: #FFF;
	padding: 6px;
	margin: 3px 0;
}

dl.member_info dd ul.merit li,
dl.member_info2 dd ul.merit li  {
	padding: 2px 0 3px;
	line-height: 1.2;
}


/* ------------------------------------------------
  Layout Divs
 ------------------------------------------------*/

#container{
text-align: left;
width: 968px;
margin-left: auto;
margin-right: auto;
}
#content{
}


/*------------------------------------------------
  Header
  ------------------------------------------------*/

#header{
text-align: left;
}
#header .headerBody{
background: url("/en/images/base/header/back02.gif") no-repeat;
position: relative;
width: 968px;
height: 96px;
}
#header h1{
position: absolute;
margin: 31px 0px 0px 9px;
padding: 0px;
width: 264px;
height: 41px;
z-index: 1;
}
#header h2{
position: absolute;
margin: 7px 0px 0px 8px;
padding: 0px;
font-size: 12px;
font-weight: normal;
color: #fff;
}
#header h3{
position: absolute;
margin: 35px 0px 0px 285px;
padding: 0px;
z-index: 2;
}



/*Header ul li*/
#header ul li a{
margin: 0px;
padding: 0px;
text-decoration: none;
}

#header ul.employersMenu_ul{
position: absolute;
right: 0px;
margin: 4px 8px 0 0;
}
#header ul.employersMenu_ul li{
float: right;
}
/*
#header ul.employersMenu_ul li{
background: url("/images/ja/base/header/btn_employersmenu_triangle.gif") no-repeat;
background-position: -1px;
padding: 0 10px 0 12px;
list-style-position: outside;
line-height: 0.9;
float: right;
}
*/
#header ul.employersMenu_ul li a{
color: #ffba00;
}
#header ul.employersMenu_ul li a:hover{
color: #d79117;
}
#header ul.sideMenu_ul{
position: absolute;
right: 0px;
margin: 34px 0 0 0;
}
#header ul.sideMenu_ul li{
background: url("/images/ja/base/header/btn_sidemenu_triangle.gif") no-repeat;
background-position: -1px;
padding: 0 10px 0 12px;
list-style-position: outside;
line-height: 0.9;
float: right;
}
#header ul.sideMenu_ul li a{
color: #fff;
}
#header ul.sideMenu_ul li a:hover{
color: #9cccee;
}

/*MainMenu*/
#header ul.mainMenu_ul{
position: absolute;
margin-left: 177px;
bottom: 0px;
}
#header ul.mainMenu_ul li{
float: left;
margin-right: 2px;
}
#header ul.mainMenu_ul li a{
width: 121px;
height: 24px;
display: block;
}
#header ul.mainMenu_ul li a{
font-size: 1px;
overflow: hidden;
text-indent: -9999px;
text-decoration: none;
}
/* Home */
#header ul.mainMenu_ul li#HOME a{
background: url("/en/images/base/btn_header_home.gif") 100% 0 no-repeat;
}
#header ul.mainMenu_ul li#HOME a:hover{
background-position: 100% -26px;
}
#header ul.mainMenu_ul li#HOME_on{
background: url("/en/images/base/btn_header_home.gif") 100% -26px no-repeat;
}
/* Search */
#header ul.mainMenu_ul li#SEARCH a{
background: url("/en/images/base/btn_header_search.gif") 100% 0 no-repeat;
}
#header ul.mainMenu_ul li#SEARCH a:hover{
background-position: 100% -26px;
}
#header ul.mainMenu_ul li#SEARCH_on{
background: url("/en/images/base/btn_header_search.gif") 100% -26px no-repeat;
}
/* MyPage */
#header ul.mainMenu_ul li#MYPAGE a{
background: url("/en/images/base/btn_header_mypage.gif") 100% 0 no-repeat;
}
#header ul.mainMenu_ul li#MYPAGE a:hover{
background-position: 100% -26px;
}
#header ul.mainMenu_ul li#MYPAGE_on{
background: url("/en/images/base/btn_header_mypage.gif") 100% -26px no-repeat;
}
/* Scout */
#header ul.mainMenu_ul li#SCOUT a{
background: url("/en/images/base/btn_header_scout.gif") 100% 0 no-repeat;
}
#header ul.mainMenu_ul li#SCOUT a:hover{
background-position: 100% -26px;
}
#header ul.mainMenu_ul li#SCOUT_on{
background: url("/en/images/base/btn_header_scout.gif") 100% -26px no-repeat;
}
/* Support */
#header ul.mainMenu_ul li#SUPPORT a{
background: url("/en/images/base/btn_header_support.gif") 100% 0px no-repeat;
}
#header ul.mainMenu_ul li#SUPPORT a:hover{
background-position: 100% -26px;
}
#header ul.mainMenu_ul li#SUPPORT_on{
background: url("/en/images/base/btn_header_support.gif") 100% -26px no-repeat;
}


/*------------------------------------------------
  Footer
  ------------------------------------------------*/

#footer{
border-top: 2px solid #003f97;
margin-bottom: 5px;
font-size: 11px;
}
#footer ul.djLink li{
margin-bottom: 8px;
border-top: 2px solid #9dbde2;
border-bottom: 1px solid #003f97;
line-height: 3;
font-size: 12px;
}
#footer ul.otherLink{
background-image: url("/images/ja/base/foorter_logo.gif");
background-repeat: no-repeat;
height: 55px;
}
#footer ul.otherLink li{
padding-top: 3px;
padding-left: 135px;
line-height: 1.2;
}
#footer ul.otherLink li.footer{
padding-top: 6px;
}


/*------------------------------------------------
  Single Column (width=912px)
  ------------------------------------------------*/

div.singleColumn {
position: relative;
margin: 0px 28px;
padding-top: 12px;
clear: both;
}
div.singleColumn .frameTopMypage {
background: url("/images/ja/base/frameback_1column_mypage.gif") no-repeat left top;
width: 912px;
padding-top: 15px;
}
div.singleColumn .frameTopJobsCompany {
background: url("/images/ja/base/frameback_1column_jobscompany.gif") no-repeat left top;
width: 912px;
padding-top: 15px;
}
div.singleColumn .frameBottom {
background: url("/images/ja/base/frameback_1column_btm.gif") no-repeat left bottom;
width: 912px;
padding-bottom: 12px;
}
div.singleColumn .frameMiddle {
width: 910px;
border: 0px solid #b2b2b2;
border-width: 0px 1px;
}


/*------------------------------------------------
  Double column
  ------------------------------------------------*/

div.doubleColumnLeft {
width: 767px;
padding: 15px 0px 0px 25px;
float: left;
clear: both;
}
div.doubleColumnRight {
margin-top: 15px;
width: 160px;
float: right;
}
div.doubleColumnRight .advertis {
margin-bottom: 10px;
}
div.doubleColumnRight .advertisTitle {
background: #ff9c9c;
padding: 5px 5px 3px 5px;
color: #C22740;
font-weight: bold;
}
div.doubleColumnRight .advertisSponsor {
background: #ffeded;
padding: 5px 5px 7px 5px;
font-size: 100%;
line-height: 1.3;
}
div.doubleColumnLeft .frameJobsTop {
background: url("/images/ja/base/frameback_2column_jobs.gif") no-repeat left top;
width: 767px;
padding-top: 15px;
}
div.doubleColumnLeft .frameJobsBottom {
background: url("/images/ja/base/frameback_2column_btm.gif") no-repeat left bottom;
width: 767px;
padding-bottom: 12px;
}
div.doubleColumnLeft .frameJobsMiddle {
width: 765px;
border: 0px solid #b2b2b2;
border-width: 0px 1px;
}
div.doubleColumnArea {
width: 96%;
margin-left: auto;
margin-right: auto;
}


/*------------------------------------------------
  Double column　TAKU 2009/06/22 
  ------------------------------------------------*/

div.titlebase {
background:url("/images/ja/jobs/new_090624/titlebase.gif") left;
width: 767px;
height: 105px;
margin-top:7px;
margin-bottom:15px;
text-align:left;
}

div.jobstitle {
margin: 5px 0 7px 10px;
padding: 7px 2px;
font-weight:bold;
font-size:140%;
color:#404040;
float: left;
clear: both;
}

div.jobssubtitle {
margin: 7px 0 5px 10px;
padding: 10px 2px;
font-size:100%;
color:#404040;
float: left;
clear: both;
}

div.reedtext {
font-weight:bold;
font-size:110%;
color: #ff0090;
margin-left:14px;
margin-right:14px;
margin-bottom:8px;	
}	

div.captiontext {
margin-left:14px;
margin-right:14px;
line-height:1.7em;	
}

div.wikidatatext {
text-align:right;
font-size:80%;
margin-left:14px;
margin-right:14px;
margin-bottom:15px;
line-height:1.7em;	
}

div.searchtext {
font-size:110%;
margin-left:10px;
margin-right:5px;
margin-bottom:10px;
}

div.columlinktext {
font-size:95%;
margin-left:10px;
margin-right:5px;
margin-bottom:8px;
line-height:1.4em;	
}

div.sidetitlebase{
font-size:100%;
color: #ffffff;
background-color: #009cff;
width: 150px;
height: 16px;
margin: 0px 0px 10px 0px;
padding: 5px 5px 5px 9px;
text-align:left;
}

div.sidelinktext {
font-size:85%;	
margin-top: 5px;
margin-left: 7px;
line-height:1em;
}

div.sidelinktext2 {
font-size:95%;	
margin-top: 3px;
margin-left: 7px;
margin-bottom: 7px;
line-height:1.3em;
}

div.sidetext3 {
font-size:95%;	
margin-top: 3px;
margin-left: 7px;
margin-bottom: 0px;
line-height:1.3em;
}

/*------------------------------------------------
  Company
  ------------------------------------------------*/

div.companyMenu p.title{
margin: 0 0 10px 0;
padding: 10px 2px;
background-color: #003f97;
text-align:center;
color: #fff;
font-weight: bold;
}
div.companyMenu ul.cMenu{
margin: 0;
padding: 0;
}
div.companyMenu ul.cMenu li{
font-size: 92%;
line-height: 0;
}
div.companyMenu ul.cMenu li a{
background: #ddd;
color: #003f97;
text-decoration: none;
margin: 0;
padding: 7px;
display: block;
white-space:nowrap;
}
div.companyMenu ul.cMenu li a:hover{
background-color: #8eb2dc;
}
div.companyMenu ul.cMenu li#on a{
color: #fff;
background-color: #003f97;
}
div.companyMenu ul.cMenu li#on_china a:hover{
background-color: #ef8b80;
}
div.companyMenu ul.cMenu li#on_china a{
background-color: #ef8b80;
}
div.featureArticleTitle {
margin: 16px 0 12px 0;
color: #83AE00;
font-size: 15px;
font-weight: bold;
line-height: 1.2;
}
div.captionPosition {
margin-left: 8px;
float: right;
}
div.captionImg {
background: #fff;
}
div.captionText {
margin: 5px 0;
font-size: 85%;
line-height: 1.2;
}

/*------------------------------------------------
  Register/Login
  ------------------------------------------------*/
#privacy_agreement {
font-size:80%;
color: #444;
overflow: auto;
width: 95%;
height:150px;
padding:5px;
margin:auto 10% 1.5em 1%;
border:1px solid #ccc;
}

#privacy_wrapper
{
	width:580px;
	margin:0.5em auto;
}

#privacy_intro
{
	width:100%;
	margin:1em 3%;
}

#submit_buttons
{
	width:100%;
	text-align:center;
}

div.areaMyPageleft{
width: 280px;
margin-top: 20px;
font-size: 95%;
line-height: 1.2;
float: left;
clear: both;
}
div.areaMyPageRight{
margin: 20px auto auto auto;
width: 612px;
}
div.areaMyPageCenter{
margin: 20px 0px 0px 150px;
}
div.areAgreement{
padding: 10px 0px;
}
div.areAgreement textarea{
width: 280px;
color: #444;
font-size: 85%;
}
div.areaMyPageLogin{
width: 612px;
margin-bottom: 10px;
font-size: 95%;
float: left;
}
div.areaMyPageLogin .top{
background: url("/images/ja/base/mypage_logintop.gif") no-repeat left top;
width: 612px;
height: 16px;
}
div.areaMyPageLogin .bottom{
background: url("/images/ja/base/mypage_loginbottom.gif") no-repeat left bottom;
width: 612px;
height: 16px;
}
div.areaMyPageLogin .center{
background: url("/images/ja/base/mypage_logincenter.gif") repeat-y;
padding: 5px 15px;
}
div.areaMyPageLogin .link{
margin: 10px 0px 0px 0px;
}


/*------------------------------------------------
  SecondMenu List
  ------------------------------------------------*/

#secondMenu{
width: 912px;
margin: 15px 28px 0px 28px;
}
#secondMenu ul{
font-size: 95%;
margin: 0px;
padding: 0px;
}
#secondMenu li{
border-left: 1px solid #a8a8a8;
border-right: 1px solid #a8a8a8;
padding: 1px 3px;
margin-right: -1px;
float: left;
list-style-type: none;
}
#secondMenu #second_on a {
background: #fff;
color: #003f97;
text-decoration:none;
}
#secondMenu a:hover{
background: #dae7fa;
color: #003f97;
}


/*------------------------------------------------
  secondHeader
  ------------------------------------------------*/
  
#secondHeader {
margin-bottom: 10px;
padding: 0px;
}
#secondHeader .title {
padding-top: 2px;
font-size: 129%;
font-weight: bold;
line-height: 1;
color: #284772;
float: left;
}
#secondHeader .link {
padding-top: 6px;
font-size: 95%;
text-align: right;
}
#secondHeader .subTitle {
border: solid #003F97;
border-width: 1px;
color: #003F97;
font-size:100%;
font-weight: bold;
padding: 5px;
}
div.text {
margin-bottom:25px;
line-height:1.2;
text-align:left;
clear:both;
}


/*------------------------------------------------
  Title barHead
  ------------------------------------------------*/

div.barHeadOrange{
background: url("/images/ja/base/bar_orange.gif") repeat-x;
height: 31px;
margin-bottom: 12px;
}
div.barHeadOrange p{
margin: 0px;
padding: 8px;
font-size:110%;
font-weight: bold;
color: #a8631a;
}
div.barHeadGray{
background:url("/images/ja/base/bar_gray.gif") repeat-x;
height: 31px;
margin-bottom: 12px;
}
div.barHeadGray p{
margin: 0px;
padding: 8px;
font-size:110%;
font-weight: bold;
}


/*------------------------------------------------
  Image
  ------------------------------------------------*/

img.jobCompanyTitle {
margin-bottom: 8px;
}


/*------------------------------------------------
  Span
  ------------------------------------------------*/

span.jobSearchLogo img {
margin-left: 10px;
margin-bottom: 6px;
padding: 10px;
float: right;
}
span.salary {
background: #A06DE0;
margin: 0 6px 0 0;
padding: 4px 4px 3px 4px;
color: #fff;
font-size: 92%;
}


/*------------------------------------------------
  SideBoxArea
  ------------------------------------------------*/

div.sideBoxArea {
background-color: #fff;
padding-bottom: 10px;
}
div.sideBoxArea p{
font-size: 85%;
line-height: 1.2;
}
div.sideBoxArea p.title{
font-weight: bold;
font-size: 92%;
line-height: 1;
color: #384B66;
}
div.sideBoxArea div.title{
background-color: #accaee;
margin-bottom: 10px;
padding: 7px 5px 4px 5px;
font-size: 92%;
line-height: 1;
color: #384B66;
}
div.sideBoxArea li{
padding-bottom: 8px;
font-size: 92%;
}
div.sideBoxArea ul.support li{
padding-bottom: 4px;
font-size: 85%;
}
div.sideBoxArea p.support{
background: #294987;
margin: 6px 0px;
padding: 3px 3px 1px 3px;
line-height: 1.4;
color: #fff;
}


/*------------------------------------------------
  Button Feed12
  ------------------------------------------------*/

ul li.feed12{
background: url("/images/ja/base/12px-feed-icon.gif") no-repeat;
height: 14px;
padding-left: 16px;
font-size: 92%;
white-space: nowrap;
}


/*------------------------------------------------
  Button PDF
  ------------------------------------------------*/

span.btnPDF {
background: url("/images/ja/base/btn_pdf.gif") no-repeat;
width: 18px;
height: 18px;
}
span.btnPDF a {
padding-left: 21px;
font-size: 92%;
}


/*------------------------------------------------
  Button  Up, Back, Next, Close, Down
  ------------------------------------------------*/

div.btnUp a, div.btnBack a, div.btnNext a, div.btnDown a, div.btnClose a{
padding: 0px 0px 2px 16px;
font-size: 92%;
}

/*Up Buttons*/
div.btnUp a{
background: url("/images/ja/base/btn_up.gif") no-repeat;
}

/*Back Buttons*/
div.btnBack a{
background: url("/images/ja/base/btn_back.gif") no-repeat;
}

/*Next Buttons*/
div.btnNext a{
background: url("/images/ja/base/btn_next.gif") no-repeat;
}

/*Down Buttons*/
div.btnDown a{
background: url("/images/ja/base/btn_down.gif") no-repeat;
}

/*Close Buttons*/
div.btnClose a{
background: url("/images/ja/base/btn_close.gif") no-repeat;
}


/*------------------------------------------------
  Button  Simple
  ------------------------------------------------*/

a.button{
background-color: #F4F4F8;
text-decoration: none;
color: #003366;
padding: 1px 2px 1px 2px;
border-bottom: 1px dotted #666;
}
a.button:hover {
background-color: #E0E0F0;
text-decoration: none;
color: #000;
padding: 1px 2px 1px 2px;
border-bottom: 1px solid #0000;
}


ul.mynews li{
padding-top:1px;
}

ul.mynews li span{
color:orangered;
}


.article{
line-height:1.6;
font-size:100%}


/*=====================================
TAKU 2009/09/07 JMEC
=======================================*/

div.jmectext {
margin-right:14px;
margin-left:14px;
margin-bottom:8px;
margin-top:10px;
text-align:left;
font-size:100%;
line-height:1.8em;	
}

div.jmectext2 {
margin-right:14px;
margin-left:14px;
margin-top:7px;
text-align:left;
font-size:100%;
line-height:1.8em;	
}

div.jmecundertext1 {
margin-right:26px;
margin-left:14px;
margin-top:7px;
text-align:left;
font-size:100%;	
}

div.jmecundertext2 {
margin-right:20px;
margin-left:22px;
margin-top:4px;
margin-bottom:10px;
text-align:left;
font-size:100%;
}

div.jmecundertext4 {
margin-right:26px;
margin-left:32px;
margin-top:4px;
text-align:left;
font-size:100%;
line-height:1.8em;	
}

div.jmectext3 {
margin-right:26px;
margin-left:14px;
margin-top:7px;
text-align:left;
font-size:90%;
line-height:1.6em;	
color: #FF0000;
}

div.jmecundertext4 {
margin-right:14px;
margin-left:14px;
text-align:left;
font-size:100%;	
font-weight:bold;
}

div.jmecundertext5 {
margin-right:14px;
margin-left:26px;
margin-bottom: 0px;
text-align:left;
font-size:100%;	
font-weight:bold;

}

div.jmectitletext {
margin-right:26px;
margin-left:15px;
text-align:left;
font-size:110%;
line-height:1.8em;	
font-weight:bold;
}

div.jmectabletext {
font-size:100%;
margin-right:16px;
margin-left:16px;
margin-bottom:15px;
margin-top: 8px;
line-height:1.6em;
}

div.jmectabletext2 {
font-size:100%;
margin-right:10px;
margin-left:10px;
margin-bottom:5px;
margin-top: 10px;
line-height:1.8em;
}

span.captiontext {
  font-weight: bold;
  font-size: 120%;
}