@charset "UTF-8";

/*
 * ============================================
 * COPYRIGHT(C)2004-2009 CYBRiDGE CORPORATION.
 * URL: http://www.cybridge.jp/
 * ============================================
 */

#p-job .sheet thead th{
	font-weight:bold;
	color:#FFFFFF;
	background-image:none;
	background-color:#629DC1;
}

#p-job .sheet th{
	width:100px;
}

#main h3,
#p-interview h3{
	font-size:14px;
	font-weight:bold;
	padding-bottom:2px;
	margin-bottom:10px;
}
#p-job p{
	margin-bottom:10px;
}
#p-job .catch img{
	border:1px solid #CCC;
	padding:1px;
	margin:0px 10px 10px 0px;
}


/* Company logo
-----------------------------------------------------------------------------  */
#main #comlogo{
	text-align:center;
	font-weight:bold;
	margin:20px 0px;
}
#main #comlogo img{
	border:1px solid #CCC;
	padding:1px;
	margin-right:10px;
}

.catch{
	margin-bottom:10px;
	}
.catch #mainVisual{
	float:left;
	width:220px;
	}
.catch #mainVisual img{
	margin-bottom:5px;
	padding:2px;
	border:1px solid #DDD;
	background: #FFF;
	}



/* ln
-----------------------------------------------------------------------------  */
#ln{
	width:725px;
	height:33px;
	line-height:100%;
	background:#FFF url(/img/common/bg_ln_ul.gif) repeat-x 0 100%;
	margin-bottom: 10px;
}
#ln li{
	float:left;
	width:135px;
	height:26px;
	margin-right:5px;
	padding-top:7px;
	text-align:center;
	background:#FFF url(/img/common/bg_ln_li_off.gif) no-repeat 0 0;
	font-weight:bold;
	color:#999;
}
#ln li#ln-top,
#ln li#ln-interview,
#ln li#ln-livecam,
#ln li#ln-voice,
#ln li#ln-photo{
	background:url(/img/common/bg_ln_li_on.gif) repeat-x 0 0;
	color:#FFFFFF;
	}

#p-job #ln li#ln-top a,
#p-interview #ln li#ln-interview a,
#p-livecamera #ln li#ln-livecam a,
#p-voice #ln li#ln-voice a,
#p-photo #ln li#ln-photo a{
	color:#FFFFFF;
	}
#ln li#ln-top a:hover,
#ln li#ln-interview a:hover,
#ln li#ln-livecam a:hover,
#ln li#ln-voice a:hover,
#ln li#ln-photo a:hover{
	text-decoration:underline;
}

/* optionBox
-----------------------------------------------------------------------------  */
.optionBox{ border: solid 1px #DDDDDD; border-top:none; height:1; margin-bottom: 15px; padding:5px 5px 3px 5px; background-color:#F1F1F1; }
.optionBox ol{ margin:0px; padding:0px; list-style:none; }
.optionBox li{ font-size:11px; margin:0px 15px 0px 0px; padding:0px; float: left;}

a.qrCodeIco		{ background: url(/img/job/ico_qr.gif) no-repeat 0% 0%; padding-left:15px; height:auto; }
a.printIco		{ background: url(/img/job/ico_print.gif) no-repeat 0% 0%; padding-left:15px; height:auto; }
a.addBookmarkIco{ background: url(/img/job/ico_addbook.gif) no-repeat 0% 0%; padding-left:15px; height:auto; }

.optionBox li.qrCode { position: relative; }
#qrCodeBox			{ position: absolute; filter: alpha(style=0, opacity=90); top: -60px; left: -30px; widows:122px; visibility: hidden; z-index: 50; padding:2px; background-color:#FFFFFF; border:1px solid #CCC;}
#qrCodeBox h6		{ background-color:#777; padding:3px; color:#FFF; text-align:center; }
#qrCodeBox .image	{ border:3px solid #CCC;}
#qrCodeBox .close	{ text-align:center ;}


/* interview
-----------------------------------------------------------------------------  */
#face{
	border:1px solid #93BCD5;
	padding:10px;
	margin-bottom:15px;
	background-color:#EEF5F9;
}
#face h2{
	text-align:right;
	color:#1B782B;
	font-size:20px;
	font-weight:bold;
}
#face p{
	margin-top:5px;
}
#face .prof{
	text-align:right;
}
#face .name{
	font-size:16px;
	font-weight:bold;
}
#p-interview #main h3{
	margin-top:15px;
}
#p-interview #main h4{
	font-weight:bold;
	margin-bottom:5px;
}
#p-interview #main p{
	margin-bottom:10px;
}

/* livecamera,voice
-----------------------------------------------------------------------------  */
#p-livecamera #main h4,
#p-voice #main h4{
	font-size:14px;
	font-weight:bold;
	padding-bottom:2px;
	margin-bottom:10px;
	background:#FFF url(/img/common/line_dot.gif) repeat-x 0 100%;
}
#p-livecamera #main center p,
#p-livecamera #main #c-col p{
	margin-top:5px;
}
#p-voice #main h4{
	margin-top:10px;
}