@charset "utf-8";
/* CSS Document */


/*========================================
*
* 企業詳細
* エントリー
* 一括エントリー
* 説明会予約ページ、予約フォーム
* ブックマーク
*
========================================*/

@import "recommend.css"; /*類似企業*/


#headerLogin {
	margin-bottom:7px;
}

#companyDetail {
	width:665px;
	float:left;
}
#sub {
	width:200px;
	float:right;
}
table {
	margin-bottom:10px;
}

/* タイトル関連 */

h2,h3,h4 {
	margin:0;
	padding:0;
	background:none;
	border:none;
	height:auto;
	width:auto;
}

#companyDetail .title01,#companyFormContents .title01 {
	background-color:#F7F7F7;
	padding:5px 10px;
	border-bottom:1px solid #CCC;
}
#companyDetail .title01 strong,#companyFormContents .title01 strong {
	padding-left:6px;
	border-left:4px solid #66CC00;
	font-weight:bold;
}
#companyDetail .title02 {
	padding:2px 4px;
	margin-bottom:10px;
	background-color:#000;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}


/*　企業詳細 GF2310SY
==========================================================*/

/* 企業名前ヘッダー、フッター */

#comDataTop,#comDataBottom {
	background:url(../img/fr070_bg_w665.gif) repeat-y 0 0;
	padding:5px 20px;
}
#comDataTop .comName,#comDataBottom .comName {
	padding:2px 0 5px 0;
	margin-bottom:5px;
	background:url(../img/line_dot_02.gif) repeat-x left bottom;
}
#comDataTop .icon {
	text-align:right;
	margin-bottom:5px;
}
#comDataTop .icon img {
	margin-left:7px;
}
#comDataTop .comName .nameJob,#comDataBottom .comName .nameJob {
	width:520px;
	float:left;
	margin-bottom:5px;
}
#comDataTop .comName .nameJob h2,#comDataBottom .comName .nameJob h2 {
	padding:0;
	margin:0;
	height:auto;
	font-size:20px;
	background:none;
	line-height:1.1;
}
#comDataTop .comName h2 span,#comDataBottom .comName h2 span {
	font-size:14px;
}


#comDataTop .logo,#comDataBottom .logo {
	width:100px;
	float:right;
	padding-top:5px;
}

#comDataTop p.job,#comDataBottom p.job {
	font-size:11px;
	color:#666666;
	padding-top:5px;
}
#comDataTop p.bookmark,#comDataBottom p.bookmark {
	width:140px;
	float:right;
	text-align:right;
	margin-bottom:8px;
}
#comDataTop a.icon_bookmark,#comDataBottom a.icon_bookmark{
	padding:0 0 0 10px;
	background:url(../img/icon_3.gif) 0 2px no-repeat;
	font-size:12px;
}
#comDataTop span.icon_bookmark,#comDataBottom span.icon_bookmark{　/*ブックマーク済み*/
	padding:0 0 0 10px;
	background:url(../img/icon_4.gif) 0 2px no-repeat;
}

#comDataTop ul.navi {
}
#comDataTop ul.navi li,#comDataBottom ul.navi li {
	float:left;
	width:400px;
	padding-top:7px;
}
#comDataTop ul.navi li a.arrow ,#comDataBottom ul.navi li a.arrow {
	padding-left:10px;
	margin-right:15px;
	background:url(../img/arrow_8.gif) 0 0.25em no-repeat;
	font-weight:bold;
}
#comDataTop ul li.entry, #comDataBottom ul li.entry {
	float:right;
	width:205px;
	margin-top:-6px;
	text-align:right;
}

#comDataTop .expInfo {
	border:1px solid #CCC;
	margin:5px 0 10px 0;
	background-color:#F7F7F7;
}
#comDataTop .expInfo .title01 {
	margin-bottom:5px;
}
#comDataTop .expInfo ul {
	padding:0 10px;
}
#comDataTop .expInfo ul li {
	padding-bottom:5px;
}
#comDataTop .expInfo ul li a {
	background:url(../img/arrow_8.gif) 0 0.25em no-repeat;
	padding-left:10px;
}

/* 自由コメント */
#freeComment .image {
	width:310px;
	float:left;
	padding-bottom:10px;
}

#freeComment .text {
	width:350px;
	float:right;
	padding-bottom:10px;
}

/* 企業情報 */

/* 特集 */
.tokusyu {
	margin-bottom:10px;
}
.tokusyu p {
	margin-bottom:10px;
}
.tokusyu li {
	float:left;
	width:221px;
}
.tokusyu li.right {
	width:222px;
}

#recruitingInfo td.target li {	/* 採用対象 */
	padding-bottom:3px;
	margin-bottom:3px;
	background:url(../img/line_dot_02.gif) left bottom repeat-x;
}
#recruitingInfo td.target li.bottom {
	padding-bottom:0;
	margin-bottom:0;
	background:none;
}

#recruitingInfo .recruitingEnquete { /*応募条件アンケート表示*/
	padding-top:8px;
	margin-top:8px;
	background:url(../img/line_dot_02.gif) left top repeat-x;
}
#recruitingInfo .recruitingEnquete p {
	margin-bottom:5px;
}
#recruitingInfo .recruitingEnquete ul {
	padding:0;
}
#recruitingInfo .recruitingEnquete ul li {
	background:url(../img/icon_dotblack.gif) no-repeat 0 0.55em;
	padding-left:10px;
	margin-bottom:3px;
}

/* 説明会リスト（日付あり） */

#expInfo {
	margin-bottom:10px;
	border:1px solid #CCC;
}
#expInfo .title01 {
	border-bottom:none;
}
#expInfo ul {
}
#expInfo ul li {
	padding:7px 10px;
	background:url(../img/line_dot_02.gif) left top repeat-x;
}
#expInfo ul li.gray {
	background:#F7F7F7 url(../img/line_dot_02.gif) left top repeat-x;
}
#expInfo ul li a.name {
	padding-left:10px;
	background:url(../img/arrow_8.gif) 0 0.25em no-repeat;
	text-decoration:underline;
}

#expInfo .placeTtl {
	float:left;
	width:75px;
	text-align:right;
}
#expInfo .placeCnt {
	float:left;
	width:485px;
}
#expInfo .placeCnt em {
	color:#900;
	padding-left:23px;
}

#expInfo .placeCnt span {
float:left;
width:auto;
white-space:nowrap;
}
#expInfo .btn_reserve3 {
	width:80px;
	float:left;
	text-align:right;
}

/*　説明会情報 GF2410SY
==========================================================*/

#expDetail {
	background:url(../img/fr070_bg_w665.gif) repeat-y 0 0;
	padding:10px 20px 10px 20px;
}
#expDetail .expTitle {
	padding-bottom:0;
	margin-bottom:15px;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #CCC;
}
#expDetail .expText {
	margin-bottom:10px;
}


table.reservation {
	width:auto;
	margin-bottom:10px;
	width:100%;
}
table.reservation th,table.reservation td {
	padding:5px 6px;
	border:1px solid #CCC;
}
table.reservation th {
	background-color:#F7F7F7;
	text-align:center;
}

table.reservation .check{/*ラジオボタン*/
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}
table.reservation .check input {
	margin:0;
}
table.reservation .day{/*日付など*/
}
table.reservation .day span {
	display:block;
	width:80px;
}
	
table.reservation .area{/*開催エリア*/
	text-align:center;
	white-space:nowrap;
}
table.reservation .add span{/*開催エリア*/
	display:block;
	width:180px;
}
table.reservation .target{/*対象*/
	text-align:center;
	white-space:nowrap;
}
table.reservation .map{/*地図ボタン*/
	text-align:center;
}
table.reservation .acceptance{/*受付*/
	text-align:center;
	white-space:nowrap;
}

table.reservation tr.end td{/*予約締切用tr*/
	color:#999;
}

/*==========アンケートフォーム==========*/
/*head*/
#stepArea{
	padding-bottom:15px;
}
#companyFormContents h3#companyInfo{
	height:26px;
	padding:15px 0 0 30px;
	background:url(../img/ttl_questionnaire.jpg) no-repeat 0 0;
	color:#000000;
}
#companyFormContents h3#companyInfo span{
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
}
#companyFormContents .enquete{
	margin-bottom:10px;
	background:url(../img/bg_questionnaire.jpg) repeat-y;
}
#companyFormContents #enqueteInner{
	padding:10px 20px 0 20px;
	background:url(../img/bg_questionnaire.jpg) repeat-y;
}
#companyFormContents .enquete dl {
	
}

#companyFormContents .enquete dl dt{
	padding-bottom:5px;
	font-weight:bold;
}

#companyFormContents .enquete dl dd{
	padding:0 0 10px 25px;
	margin-bottom:10px;
	background:url(../img/dot_1.gif) repeat-x bottom;
}
#companyFormContents .enquete dl dd.btm{
	padding:0 0 10px 25px;
	margin-bottom:10px;
	background:none;
}
#companyFormContents .enquete dl dd.btm{
	background:none;
	margin-bottom:0;
	padding-bottom:10px;
}
#companyFormContents .enquete textarea {
	width:500px;
}
.ttl_06{
	height:19px;
	padding:4px 0 0 15px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background:url(../img/subttl_bg06.gif) no-repeat 0 0;
}
.separate{
	padding-bottom:5px;
}
.separate .left{
	float:left;
}
.separate .right{
	float:right;
}

#companyFormContents .title02 {
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	padding:2px 4px;
}



/*下部ボタン*/
.btnAreaCenter{
	text-align:center;
}
.btnAreaCenter .atn{
	padding-left:120px;
}

/*========================================

フォーム関連（メッセージ以外）

========================================*/

/*フォーム周り大枠幅*/
#companyForm{
	width:880px;
	margin:0 auto;
}
#companyFormContents{
	width:780px;
	margin:0 auto;
}



/*大幅タイトル780px*/
.title_01{
	width:865px;
	height:24px;
	padding:6px 0 0 15px;
	margin:20px 0 15px 0;
	background:url(../img/subttl_bg_880.jpg) no-repeat 0 0;
}
	

/*=======登録内容確認=======*/
.tableCheck {margin-bottom:20px;}

.tableCheck th,.tableCheck td {
	border:1px solid #CCC;
}
.tableCheck th{
	width:180px;
	background:#EDEDED;
}

/*旧ジョブフェア会員向けアラート*/
.entry_alert {
	padding:0 10px 10px 10px;
	background-color:#FFFFCC;
}

/*テーブル内コンテンツ*/
.inData115{
	line-height:190%;
}
.inData115 dt{
	width:115px;
	float:left;
	clear:both;
	font-weight:bold;
}
.inData180{
	line-height:190%;
}
.inData180 dt{
	width:180px;
	float:left;
	clear:both;
	font-weight:bold;
}

/*===========ログインフォーム===========*/

#loginForm{
	margin:0 0 10px 0;
}
#loginForm .loginForm_top, #loginForm .loginForm_bottom{
	height:5px;
	background:url(../img/loginFoot_top.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
}
#loginForm .loginForm_bottom{
	background:url(../img/loginFoot_bottom.gif) no-repeat 0 0;
}
#loginForm .loginMain{
	padding:5px 10px;
	background:#E7E7E7;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
#loginForm .loginMain p{
	margin:0 0 10px 0;
	font-weight:bold;
}
#loginForm input {
	width:150px;
}
#loginForm .loginMain .forget{
	font-size:10px;
}
#loginForm .loginMain .register{
	height:22px;
	padding:6px 0 0 15px;
	margin:10px 0 0 0;
	background:url(../img/bg_loginFoot.gif) no-repeat 0 0;
	font-weight:normal;
}
#loginForm .loginMain .register img{
	vertical-align:middle;
}
#loginForm  .loginMain .id{
	color:#CCC;
}

#loginForm  .loginMain img{
	vertical-align:middle;
}

/*ロングタイプ*/
#loginFormL{
	margin:0 0 10px 0;
}
#loginFormL .loginForm_top, #loginFormL .loginForm_bottom{
	height:6px;
	background:url(../img/loginfoot_top_long.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
}
#loginFormL .loginForm_bottom{
	background:url(../img/loginfoot_bottom_long.gif) no-repeat 0 0;
}
#loginFormL .loginMain{
	padding:5px 10px;
	background:#E7E7E7;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
#loginFormL .loginMain p{
	margin:0 0 10px 0;
	font-weight:bold;
}
#loginFormL input {
	width:150px;
}
#loginFormL .loginMain .forget{
	font-size:10px;
}
#loginFormL .loginMain .register{
	height:22px;
	padding:6px 0 0 15px;
	margin:10px 0 0 0;
	background:url(../img/bg_loginfoot_long.gif) no-repeat 0 0;
	font-weight:normal;
}
#loginFormL .loginMain .register img{
	vertical-align:middle;
}
#loginFormL .loginMain .id{
	color:#CCC;
}

#loginFormL .loginMain img{
	vertical-align:middle;
}



/*==========アンケートフォーム==========*/
#companyDetail .enquete .title01 {
	margin-bottom:10px;
}
#companyDetail .enquete{
	border:1px solid #CCC;
	margin-bottom:10px;
}
#companyDetail .enquete p.text {
	padding:0 10px;
}

#companyDetail .enquete dl{
	padding:5px 10px 10px 10px;
}
#companyDetail .enquete dl dt{
	padding-bottom:2px;
	font-weight:bold;
}

#companyDetail .enquete dl dd{
	padding:0 0 10px 25px;
	margin-bottom:10px;
	background:url(../img/line_dot_02.gif) repeat-x bottom;
}
#companyDetail .enquete dl dd.btm{
	background:none;
	margin-bottom:0;
}
#companyDetail .enquete textarea {
	width:550px;
}
	

/*===========企業データヘッド部分フォーム版===========*/
#comNameWrapper{
	padding-bottom:15px;
}
#comNameWrapper #comName{
	padding:20px 20px;
	background:url(../img/bg_formmiddle_info.jpg) repeat-y;
}
#comName h2{
	font-size:20px;
	font-weight:bold;
	padding-bottom:3px;
}

#comName p{
	font-size:14px;
	font-weight:bold;
}

/*===========ログインフォーム===========*/

#loginForm_exp{
	margin:0 0 10px 0;
}

#loginForm_exp .loginMain{
	padding:5px 10px;
	background:#E7E7E7;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
#loginForm_exp .loginMain p{
	margin:0 0 10px 0;
	font-weight:bold;
}
#loginForm_exp input {
	width:150px;
}
#loginForm_exp .loginMain .forget{
	font-size:10px;
}
#loginForm_exp .loginMain .register{
	height:22px;
	padding:6px 0 0 15px;
	margin:10px 0 0 0;
	background-color:#FFF;
	background:url(../img/bg_loginFoot_w603.gif) no-repeat center 0;
	font-weight:normal;
}
#loginForm_exp .loginMain .register img{
	vertical-align:middle;
}
#loginForm_exp  .loginMain .id{
	color:#CCC;
}

#loginForm_exp  .loginMain img{
	vertical-align:middle;
}

/*===========就職イベント開催スケジュール===========*/
#eventInfo .title {
	background-color:#000;
	margin-bottom:5px;
}
#eventInfo ul {
}
#eventInfo ul li {
	background:url(../img/line_dot_03.gif) repeat-x bottom;
	padding:5px;
	vertical-align:top;
}
#eventInfo ul li.gray {
	background-color:#F7F7F7;
}
#eventInfo ul li .day {
	float:left;
	width:85px;
	padding:0;
}
#eventInfo ul li .text a {
	display:block;
	padding-left:10px;
	background:url(../img/arrow_8.gif) no-repeat 0 0.3em;
	font-weight:bold;
}
#eventInfo ul li .text {
	float:left;
	width:565px;
}
#eventInfo ul li .text p {
	padding-left:10px;
}
#eventInfo ul li .text img{
	vertical-align:middle;
}
#companyForm #eventInfo ul li .text { /*説明会予約完了画面用*/
	width:685px;
}


#entryComList {
	background:url(../img/bg_formmiddle_info.jpg) repeat-y;
	padding:0 10px;
}
#entryComList .title01 {
	background:none;
	padding:5px 0;
	margin-bottom:5px;
}
#entryComList ul {
	padding:5px 10px 10px 10px;
	}
#entryComList ul li {
	margin-bottom:2px;
}