@charset "UTF-8";
/* CSS Document for China Career Fair 2008 Sep */

/* START for layout pages basic setting */
#container{
    background-color: #fff;
	width:910px;
	padding: 0px 20px 10px 20px;
    margin-left:auto;
    margin-right:auto;
}

#sidebar {
    float  : left;
    width  : 194px;
    margin: 20px 0px 0px 0px;
    text-align: left;
}

#header {
      float: right;
      margin: 18px 0px 0px 0px;
      width: 700px;
}

#content {
      float: right;
      margin: 0px;
      text-align: left;
    width: 700px;

}

#footer {
    padding-bottom: 10px;
    background-color: #fff;
	width:910px;
	font-size:94%;
    margin-left:auto;
    margin-right:auto;
	line-height:2.0;
	text-align:center;
	padding-top:10px;
}


/* toppage layout */

div.headerTop{
padding:20px 5px 0 0;
}

div.headerBtn{
height:10px;
width:200px;
float:right;
text-align:right;
}

div.content_right{
float:right;
width:214px;
}

div.content_left{
float:left;
width:67%;
}

div.topBanner{
background:url(/chinacareer/images/ja/top/banner_topj.jpg) no-repeat;
height:240px;
}



div.topBanner h2{
color:#fff;
}

/*------------------------------------------------
leftbar 
------------------------------------------------*/

div.sidetab{
background:url(/chinacareer/images/ja/top/bg_menu_middle.gif) repeat-y;
}

div.sidetab ul.sidetab{
padding:10px 10px;
}
div.sidetab ul.sidetab li{
padding:5px;
}
div.sidetab_bottom{
background:url(/chinacareer/images/ja/top/bg_menu_bottom.gif) no-repeat;
height:24px

}


/* START toppage Hot Company List */
div.hotcompanytab{
background:url(/chinacareer/images/ja/top/bg_hotcompany_middle.gif) repeat-y;
}

div.hotcompanytab ul.hotcompanytab{
padding:10px 10px;
}
div.hotcompanytab ul.hotcompanytab li{
border:1px solid #e3e9ec;
}

div.hotcompanytab ul.hotcompanytab li img{
padding:16px 5px;
}

div.hotcompanytab_bottom{
background:url(/chinacareer/images/ja/top/bg_hotcompany_bottom.gif) no-repeat;
height:24px

}

#footer hr {
display:block;
border-top: 2px solid #ccc;
border-bottom: 2px solid #e3e9ec;
border-width:2px 0;
margin:10px 0 20px 0
}

/* START toppage side LOGIN */


div.toptab_login{
background:url(/chinacareer/images/ja/top/toptab_login.gif) no-repeat;
height:30px;
}

div.toptab_login_cn{
background:url(/chinacareer/images/cn/top/toptab_login.gif) no-repeat;
height:30px;
}

div.toptab_login div,div.toptab_login_cn div{
font-size:92%;
text-align:right;
color:#fff;
padding:8px 8px 0 0;

}
div.login{
background:url(/chinacareer/images/ja/top/bg_login_middle.gif) repeat-y;
font-size:92%;
}

div.login p{
margin:0px 10px 0 10px;
}
.login_content{
padding:10px 10px 5px 10px;
}
.login_content div{
font-size:10px;
font-weight:bold;}

.login_bottom{
background:url(/chinacareer/images/ja/top/bg_login_bottom.gif) no-repeat;
height:14px;
}

ul.sidemerit li{
font-size:82%;
*font-size:smaller
}

ul.sidemerit{
padding:0 3px 10px 8px;
}

.section.section{
padding-bottom:10px;
}

.section h2{}

.section h3{
padding:5px 15px 0 15px;
line-height:1.6;
}

h2.pageTitle{
background:url(/chinacareer/images/base/bg_grey38.jpg) repeat-x;
padding:12px 10px 9px 10px;
border:1px solid #ccc;
margin:0 0 10px 0;
color:#666;
font-weight:bold;
font-size:114%;
}



/*------------------------------------------------
  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("/chinacareer/images/base/btn_up.gif") no-repeat;
}

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

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

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

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



/*------------------------------------------------
  FORM Button  
  ------------------------------------------------*/
input#btn {
    border-top: 3px double #cccccc;
    border-right: 3px double #555;
    border-bottom: 3px double #666;
    border-left: 3px double #cccccc;
    color: #444;
	padding:3px 5px;
	margin:10px 3px;
}

input#btn,input#btn:hover,
input#btn:focus,input#btn:active {
    background-color: #e3e9ec;

    background-repeat: repeat-x;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
	}

input#btn:hover,
input#btn:focus {
    border-top: 3px double #cccccc;
    border-right: 3px double #444;
    border-bottom: 3px double #666;
    border-left: 3px double #cccccc;
    color: #666666;

}

input#btn:active {
    border-top: 3px double #555;
    border-right: 3px double #cccccc;
    border-bottom: 3px double #cccccc;
    border-left: 3px double #555;
    color: #333333;
   }

/*------------------------------------------------
  ERROR 
  ------------------------------------------------*/
  
#errors{
background:#fff;
padding:10px;
margin-bottom:10px;
}

.error{
font-size:107%;
font-weight:bold;
color:#CA1612
}

p.error{
color:#CA1612;
font-size:100%
}



/*------------------------------------------------
  input form styles from cfair_old.css
  ------------------------------------------------*/

div.ifrm {
margin: 5px 5px 10px 20px;
padding: 20px;
line-height: 1.4;
}

div.ifrm label.fieldWithErrors {
font-size: medium;
color: #ff0000;
}

div.fieldWithErrors {
padding-left: 5px;
border-left: 3px solid #CC0000;
display: inline;
}
div.fieldWithErrors input[type="text"] {
background-color: #FFCCCC;
}
div.fieldWithErrors textarea {
background-color: #FFCCCC;
}

/*-----------------------------------------------*/


/*------------------------------------------------
  TABLE STYLE
  ------------------------------------------------*/
table { 
border-collapse: collapse; 
} 
th,td{
border: 1px solid #ccc; 
padding:.5em;
vertical-align:top;
}
th{
padding:3px .5em;
white-space:nowrap;
}

table.base{
border-bottom:solid #AFAFAF;
border-width: 0 0 1px 0;
}
table.base td {
border-top:solid #AFAFAF;
border-width: 1px 0 0 0;
padding: 7px 10px;
vertical-align:text-top
}

table.base td span.unread {
font-weight:bold;
}
table.base td span.unread a{
font-weight:bold;
}

table.base td span.read{
font-weight:normal;
}


table.base th{
background: #e3e9ec;
padding: 8px 10px;
border-top: 1px solid #AFAFAF;
}

table td.item{
background:#e4f4ff;
}

table.list td {
padding:2px 10px;
} 

table.base td.baseL {
background:#e3e9ec;
padding: 10px;
}

td.baseR {
background: #e3e9ec;
}


 
 .seminar_top{
 font-weight:bold;
 padding-bottom:7px;
 }
 .speaker_img{
float:right; 
width:87px;
height:96px;
margin:0 0 2px 7px;
border:4px double #CBE5F6;
}

table.companydetail_top {
    border-collapse: collapse;
    border: 2px solid #b5cde0;
	margin: 10px 0 15px 0;
    }
table.companydetail_top td{
    border: 0;
    }
	
.resume_btn img{
width:144px;
height:82px;
display:inline

}

.hidden{
background:#ddd;
padding:3px;
}


/* start global css from ogi */

/*------------------------------------------------
Tables Module
  ------------------------------------------------*/

table tr.valign{vertical-align:top;}
/*table td{border-width:0;padding:0;}*/
table td.nowrap{white-space: nowrap;}
table td.center{text-align:center;}
table td.right{text-align:right;}


/*------------------------------------------------
float
------------------------------------------------*/
.floatLeft{float:left;}
.floatRight{float:right;}



/*------------------------------------------------
floatClear
------------------------------------------------*/
.floatClear{clear:both;}


/*------------------------------------------------
line
------------------------------------------------*/
hr{
display:none;
}
div.line{
background:url("/chinacareer/images/base/dot_line.gif") repeat-x;
height:1px;
margin:7px 0;
width:100%;
padding:0
}



/*------------------------------------------------
block
------------------------------------------------*/
.blockGlay, .blockRed, .blockBlue, .blockYellow, .blockGreen, .blockMossGreen{
margin:0;
padding: 12px 10px;
}
.blockGlay{background:#eee; }
.blockRed{background:#ffdcdc;}
.blockBlue{background:#dbe7fa;}
.blockYellow{background:#fff1c2;}
.blockGreen{background:#21A537;}
.blockMossGreen{background:#ebf5f6;}



/*------------------------------------------------
fontColor
------------------------------------------------*/
.fontWhite{color:#fff;}
.fontRed{color:#dd0000;}
.fontBlue{color:#003f97;}
.fontYellow{color:#ffc000;}
.fontGreen{color:#339933;}



/*------------------------------------------------
fontStyle
------------------------------------------------*/
.fontNormal{font-weight:normal;}
.fontBold{font-weight:bold;}



/*---------------------------------------------
fontSize
---------------------------------------------*/
.fontSmall{font-size:88%;}
.fontSmaller{font-size:92%;}
.fontMedium{font-size:100%;}
.fontLarge{font-size:114%;}



/*------------------------------------------------
alignPosition
------------------------------------------------*/
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}

/*------------------------------------------------
baseMargin
------------------------------------------------*/
.basemarginH{margin:10px 0;}



/*------------------------------------------------
basePadding
------------------------------------------------*/
.basepadding{padding:10px;}
.basepadding5{padding:5px;}



/*------------------------------------------------
border
------------------------------------------------*/
.boxborder{border:1px solid #a8a8a8;}


/*------------------------------------------------
企業情報 企業リスト
------------------------------------------------*/

.list_eachcompany{
background:#fff;
border:1px solid #ddd;
padding:4px;
margin-bottom:7px;
}

.list_eachcompany .company_name{
font-size:107%;
font-weight:bold;
line-height:1.2
}

.list_eachcompany .company_address{
font-size:92%;
line-height:1.2
}

.list_eachcompany span.industry{
font-size:92%;
line-height:1.2
}
.list_eachcompany table.company_detail{
line-height:1.4;
font-size:11px;
}

.list_eachcompany table.company_detail td{
border:none}


/*-------

/*------------------------------------------------
 RESUME SHOW 
------------------------------------------------*/
table.resume{
width:640px;
border-collapse:separate;
background:#e3e9ec;
border-spacing:2px;
border:1px solid #D4E3EB;
margin:8px 0
}

table.resume td{
padding:4px 5px;
border:1px solid #fff;
background:#fff;
}


table.resume .kanji{
font-size:136%;
font-weight:bold
}

table.resume .kana{
font-size:92%;
line-height:1.1
}

table.resume .education{
font-size:107%;
}
table.resume .address{
font-size:107%;
}
table.resume .postal, .graduate{
font-size:92%;
}

table.resume .cell,.dept {
line-height:1.3;
}
table.resume td.profile{
background:#e3e9ec;
font-weight:bold;
font-size:107%;
padding:5px 10px
}

table.career{
background:#fff1c2;
border:1px solid #F2E0A6;
}

table.career td{
border:1px solid #F2E0A6;
}

table.career td.career{
background:#F2E0A6;
font-weight:bold;
}

table.keireki{
background:#EFEFEF;
border:1px solid #ddd;
}

table.keireki td{
border:1px solid #ddd;
}

table.keireki td.keireki{
background:#ccc;
font-weight:bold;
}

table.resume td.item{
font-weight:bold;
white-space:nowrap;
}

/*------------------------------------------------
resume hidedata
------------------------------------------------*/
span.hideData {padding:2px; background:#ddd;}
input.hideData {background:#ddd;}
select.hideData {background:#ddd;}
textarea.hideData {background:#ddd;}

/*------------------------------------------------
  From cfair_old.css 
  ------------------------------------------------*/
  /* FAQ page items */

#faqQ{
    color:#555;
    margin: 0px 15px 0px 10px;
    padding:0 20px 0 10px;
    font-weight:bold
}
#faqA{
    color:#555;
    margin: 10px 15px 15px 15px;
    padding:0 5px;
}

span.note{
font-weight:bold;
}

span.welcome_text{
color:#4080A7;
font-weight:bold;}