@charset "UTF-8";

/*//////////////トップページCSS//////////////*/

 
/*==========イニシャライズ==========*/

#index h2, #index h3, #index h4 {
	margin:0;
	padding:0;
	background:none;
	height:auto;
	width:auto;
}
#index dl img {vertical-align:top;}


/*==========レイアウト==========*/

#index {
}
#index  #main{
	width:540px;
	float:left;
}
#index  #sub {
	width:325px;
	float:right;
}
#index  #sub2 {
	width:200px;
	float:right;
}
	
/*==========タイトル==========*/
	
#index .title01{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	background:url(../img/subttl_bg01.gif) 0 2px no-repeat;
	padding:0 0 10px 10px;	
	}
	
#index .type02{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background:url(../img/subttl_bg02.gif) 0 0 no-repeat;
	padding:3px 0 0 15px;
	_padding:5px 0 0 15px;
	height:28px;
	line-height:1.3;
	}
	
*:first-child+html #index h3.type02{
	padding:5px 0 0 15px;
}
	
	
#index h3.type04{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	background:url(../img/subttl_bg01.gif) 0 1px no-repeat;
	padding:0 0 0 10px;
	height:19px;
	}

/*========== findcareer 2009.07追加 ==========*/

#findcareer {
	margin-bottom:5px;
	color:#FFF;
	line-height:1.3;
}
#findcareer a {
	color:#FFF !important;
}
#findcareer a:hover {
	color:#06C !important;
}
#findcareer h3 a {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#findcareer ul li{
	float:left;
}
/*
#findcareer .main {
	margin:0;
	height:201px;
	background:url(../img/findcareer/find_vol2.jpg) 0 0 no-repeat;
}
#findcareer .main .main_photo a{
	display:block;
	width:504px;
	height:129px;
	text-indent:-9999px;
}

.find_backnumber{
	clear:both;
	padding:0 0 0 10px;
}
.find_backnumber dl{
	float:left;
	padding:5px 0 0 0;
	width:259px;
}
.find_backnumber dl dt{
	float:left;
	width:60px;
}
.find_backnumber dl dd{
	margin:0 0 0 70px;
}
#findcareer .main .find_backnumber dl dd h3{
	font-size:12px;
	margin:5px 5px 5px 0;
}
.find_backnumber dl dd p{
	font-size:10px;
}

#findcareer .main .text {
	width:202px;
	float:right;
}
#findcareer .main a.photo {
	display:block;
	width:325px;
	float:left;
}
*/
#findcareer .main h3 {
	margin:5px 5px 5px 7px;
}	
#findcareer .main .read {
	color:#FFF;
	margin:0 7px 0 7px;
	line-height:1.3;
}
#findcareer .sub {
	margin:5px 6px 0 6px;
	padding:5px 5px 5px;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:5px 5px;
}
#findcareer .sub h3 {
	margin-bottom:5px;
}
#findcareer .sub a.photo {
	width:150px;
	float:left;
}
#findcareer .sub .text {
	width:355px;
	float:right;
}
#findcareer .sub p a {
	padding-bottom:5px;
	font-weight:bold;
	text-decoration:underline;
}
/*========== ファインドキャリアセミナー 2009.0908追加 ==========*/
.fc_seminar{
	padding:0 10px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}
.fc_seminar dl dt{
	float:left;
	width:180px;
}
.fc_seminar dl dd{
	margin:0 0 0 180px;
}
.fair2011_rcs{
	background:url(../img/fair2011_rcs_banner.gif) no-repeat 0 center;
        padding-top: 10px;
        width:660px;
        height:165px;
}
.fair2011_rcs_obj{
    padding: 50px 0 0 15px;
}
.fair2011_rcs_obj p{
    font-size:13px;
    color: #FFFFFF;
    padding-bottom: 5px;
}
.fair2011_rcs_obj table{
    border: none;
    width: 420px;
}
.fair2011_rcs_obj td{
    border: none;
    padding: 0 0 0 0;
}
.fc_seminar p{
	background:url(../img/dot_01.gif) repeat-x 0 bottom;
}
.fc_seminar .fc_list{
	text-align:right;
	padding:3px 0;
}
.fc_seminar .fc_list a{
	padding-left:10px;
	background:url(../img/arrow_1.gif) no-repeat 0 center;
	font-size:10px;
}

.find_box{
	padding:4px 0;
	background:#FFF;
}
.find_box ul{
	padding:3px 0px;
	/*background:url(../img/dot_01.gif) repeat-x 0 bottom;*/
}
ul.list_gray{
	padding:3px 0px;
	background:#F6F6F6;
        width: 660px;
}

/*========== バナーエリア 2009.0908追加 ==========*/

#main h2.find_ttl{
	clear:both;
	padding:5px 0 0 0;
}
.index_banner_area{
	padding:10px 0;
}
.index_banner_area dl{
	float:left;
	padding:0 10px 0 0;
	width:100px;
}
.index_banner_area dl.end{
	float:left;
	padding:0;
	width:100px;
}
.index_banner_area dl dd{
	text-align:center;
	font-size:10px;
}
/*========== バナーエリア 2010.0903追加 ==========*/
.know {
	float:left;
        background:url(../img_useful/useful_idx_know_bg.gif) 0 0 repeat-y;
}
.know2 {
	float:left;
        background:url(../img/useful_idx_know_bg2.gif) 0 0 repeat-y;
}
.know li {
	text-align:center;
}
.know p {
        padding:5px 0 10px 10px;
}
/*========== プレオープン版業界・スロットセミナー 2009.0912追加 ==========*/

.pre_slot{
	background:url(../img/pre_slot_img.jpg) no-repeat 0 0;
	height:491px;
}
.pre_slot_login{
	background:url(../img/pre_slot_login.jpg) no-repeat 0 0;
	height:491px;
}
.pre_slot ul{
	padding:425px 0 0 55px;
}
.pre_slot li{
	float:left;
}
.pre_slot li.gyokai_btn{
	display:inline;
	margin:0 100px 0 0;

}
.pre_slot li.slot_btn{
	display:inline;

}
/*========== 業界・スロットセミナー 2009.0908追加 ==========*/

.more_gyokai_info{
	margin:-15px 0 0 0;
	text-align:right;
	font-size:10px;
}
.gyokai_lead{
	padding:5px 10px;
	background:#F6F6F6;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.gyokai_lead strong{
	color:#CC0000;
}

.txt_indext{
	text-indent:-9999px;
}
.btn_gyokai,.btn_kigyo{
	clear:both;
	margin:10px 0 0 373px;
}
#main h2.gyokai_seminar_ttl{
	background:url(../img/ttl_gyokai.jpg) repeat-x 0 0;
	height:46px;
	width:540px;
	font-size:0;

}
#main h2.kigyo_seminar_ttl{
	background:url(../img/ttl_kigyo.jpg) repeat-x 0 0;
	height:46px;
	width:540px;
	font-size:0;

}
#main h2.kigyo_seminar_ttl_2{
	background:url(../img/ttl_kigyo_2.jpg) repeat-x 0 0;
	height:46px;
	width:540px;
	font-size:0;

}
.index_box{
	padding:4px 8px;
	background:#FFF;
	border:1px solid #CCC;
}
.gyokai_box{
	padding:4px 8px;
	background:#FFF;
	border:1px solid #CCC;
	border-top:none;
}
.gyokai_seminar,.guidance{
	padding:0 4px;
	background:#0099FF;
}
.industry_seminar,.guidance{
	padding:0 4px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background:#EDF1F5;
}
.index_box ul,.gyokai_box ul{
	padding:3px 0px;
	/*background:url(../img/dot_01.gif) repeat-x 0 bottom;*/
}
#main .gyokai_box ul li strong{
	font-weight:bold !important;
}

/*========== イベント＆セミナー 2009.07追加 ==========*/
#event {
	background:url(../img/fr070_bg_w540.gif) repeat-y 0 0;
	line-height:1.3;
}

#event .inner {
	margin: 0 6px;
	padding:10px;
	background-color:#FFF;
}
#event .inner .text {
	background:url(../img/event/event_img_03.jpg) no-repeat 320px 10px;
	padding:10px 195px 10px 0;
}
#event .inner .sttl {
	margin-bottom:5px;
}
#event .inner .text strong {
	font-size:14px;
	font-weight:bold;
}
#event .inner .mttl {
	padding:3px 10px;
	margin-bottom:10px;
	background-color:#000;
	color:#FFF;
	font-weight:bold;
}

#event .inner ul.schedule {
}
#event .inner ul.schedule li span {
	width:80px;
	padding:2px 0 5px 2px;
	display:block;
	float:left;
	display:block;
}
#event .inner ul.schedule li span.theme {
	width:425px;
	padding:0 0 5px 0;
	display:block;
}
#event .inner ul.schedule li span.theme a.tokyo {
	background:url(../img/event/event_icon_tokyo.gif) no-repeat 0 0;
	padding:1px 0 2px 65px;
	font-weight:bold;
	text-decoration:underline;
}
#event .inner ul.schedule li span.theme em.tokyo {
	background:url(../img/event/event_icon_tokyo.gif) no-repeat 0 0;
	padding:1px 0 2px 65px;
	font-weight:bold;
}
#event .inner ul.schedule li p {
	clear:both;
	padding:5px;
	background-color:#EDEDED;
	margin-bottom:10px;
}


/*==========特集、お役立ちコンテンツ==========*/

#index #main dl.sp_contents {
	border:1px solid #D7D7D7;
	padding:5px;
	margin-bottom:10px;
	}
#index #main dl.sp_contents dt, #index #main .merit_info dt{
	width:140px;
	float:left;
	clear:both;
}
#index #main dl.sp_contents dd {
	padding-left:140px;
	}
#index #main dl.sp_contents h2,
#index #main .merit_info h3 {
	font-size:12px;
	margin-bottom:3px;
	font-weight:bold;
}
#index #main .merit_info h3 {
	margin-bottom:5px;
}
#index #main dl.sp_contents h2 a,

/*==========企業検索==========*/
	
#company_serch{
	/*
	border-right:3px solid #CCCCCC;
	border-left:3px solid #CCCCCC;*/
	padding:0 4px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background:#EDF1F5;
	color:#666;
	}
#index #company_serch .title{
	padding:5px 5px 4px 10px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
	}

#index #company_serch .title h2{
	width:80px;
	float:left;
	padding-left:20px;
	background:url(../img/icon_search.gif) 0 0.1em no-repeat;
	font-size:14px;
	color:#333;
	font-weight:bold;
	}

#index #company_serch .title p.ttl_lead{
	font-size:10px;
	text-align:right;
	padding-top:2px;
	} 

#index #company_serch .comNumber {
	float:right;
	widows:250px;
	}
#index #company_serch .comNumber strong {
	color:#C00;
	font-size:14px;
	padding:0 2px;
}

#index #company_serch table,#index #company_serch td,#index #company_serch th {
	padding:0;
	margin:0;
	border:none;
	background:none;
	vertical-align:top;
	text-align:left;
	padding-bottom:8px;
	}
#index #company_serch table {
	margin:0 0 0 10px;
	width:515px;
}

#index #company_serch th{
	width:100px;
	font-weight:normal;
	}
html[xmlns*=""] body:last-child #index #company_serch th{
	letter-spacing:-0.1em;
}
#index #company_serch td{
	padding-right:0;
}
#index #company_serch td a {
	white-space:nowrap;
}

html[xmlns*=""] body:last-child #index #company_serch td a {/*safari hack*/
	white-space:normal;
} 
#index #company_serch .searchform{
	width:300px;
	margin-right:10px;
	color:#666;
	}
#index #company_serch td img {
	vertical-align:middle;
}
#index #company_serch td dt {
	width:40px;
	float:left;
	clear:both;
}
#index #company_serch td dd {
	padding-left:40px;
}
#index #company_serch tr.line th, #index #company_serch tr.line td{
	background:url(../img/line_dot_02.gif) left top repeat-x;
	padding-top:8px;
}
.pd_b15 { padding-bottom:15px;}

/*==========トピックス==========*/

#index .topixbox {
	float:left;
	margin-bottom:15px;
	padding-left:10px;
	width:260px;
	}
	
#index .topixbox h2,#index .topixbox ul{
	margin-right:0px;
}
#index .topixbox li {
	margin-bottom:2px;
		}
#index .topixbox li a{
	padding-left:10px;
	background:url(../img/obj_li01.gif) 0 4px no-repeat;
	display:block;
	_display: inherit;
}	

ul.topixbox_extra {
	padding-right:10px;
}

/*==========スカウト就活==========*/
#index .scoutinfo_btm{
	width:540px;
	padding-bottom:10px;
	margin-bottom:15px;
	background:url(../img/img_index_scoutbn_bg.jpg) 0 bottom no-repeat;
}

#index .scoutinfo_btm ul{
	padding:5px 5px 10px 15px;
	}

#index .scoutinfo_btm li{
	float:left;
	font-weight:bold;
	}

#index .scoutinfo_btm li.txt{
	letter-spacing:0;
	padding-right:20px;
	}

#index .scoutinfo_btm li.txtlink01{
	color:#0066CC;
	background:url(../img/img_arrow_index_scout01.jpg) 0 2px no-repeat;
	padding-left:15px;
	padding-right:3px;
	margin-top:17px;
	}

#index .scoutinfo_btm li.txtlink02{
	color:#0066CC;
	background:url(../img/img_arrow_index_scout02.jpg) 0 2px no-repeat;
	padding-left:20px;
	margin-top:17px;
	}
	
#index .scoutinfo_btm li.txtlink02 a{
	font-weight:bold;
	}
	
	
/*========== 特集部分追加20081220 ==========*/

#index #sp_area{
	background:url(../img/sparea_top_purple.jpg) 0 top no-repeat;
	width:530px;
	padding:5px 5px 0;
	}
#index #sp_area .realvoice_ttlarea{
	background:url(../img/real_ttl_bg.jpg) 0 top no-repeat;
	height:40px;
	}
	
#index #sp_area .realvoice_area h2{
	float:left;
	padding-left:5px;
	padding-top:3px;
	}

#index #sp_area p.link{
	float:right;
	padding-top:11px;
	_padding-top:10px;
	padding-right:5px;
	color:#666666;
	font-size:10px;
	}
*:first-child+html #index #sp_area p.link{
	padding-top:10px;
	}
	
#index #sp_area .realvoice_area .lead_link{
	padding:2px 0 10px;
}
#index #sp_area .realvoice_area .lead_link a{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	padding:10px 0;
	}

#index .realvoice_area{
	background:url(../img/real_bg.jpg) 0 bottom no-repeat;
	}
	
#index .realvoice_detail{
	clear:both;
	}

#sp_area .realvoice_detail table.com_info {
	margin-bottom:0;
	}


#sp_area .realvoice_detail table.com_info td.real_photo {
	padding-top:3px;
	padding-right:2px;
	}

#sp_area table,#sp_area table {
	border:none;
	}
	
#sp_area table td {
	border:none;
	padding-top:0;
	}

#sp_area table td.real_txtarea{
	padding-top:0;
	}


#sp_area table th{
	border:none;
	}

#sp_area .exp{
	font-size:10px;
	text-align:right;
	padding:0 5px 5px 0;
	}


#index #sp_area .scout_area{
	margin-top:5px;
	}

#index #sp_area .scout_ttlarea{
	background:url(../img/scout_ttl_bg.jpg) 0 top no-repeat;
	height:40px;
	vertical-align:top;
	}
	
#index #sp_area .scout_area h2{
	float:left;
	padding-left:5px;
	padding-top:1px;
	}

#index #sp_area p.ttl_lead{
	float:right;
	padding-top:9px;
	padding-right:5px;
	font-size:10px;
	color:#666666;
	}

*:first-child+html #index #sp_area p.ttl_lead{
	padding-top:7px;
	}


#index #sp_area p.normal_lead{
	padding:5px 0 0 0;
	line-height:1.2em;
	}

#index #sp_area .scout_area .lead_link a{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	}

#index .scout_area{
	background:url(../img/scout_bg.jpg) 0 30px; no-repeat;
	}
	
#index .scout_detail{
	clear:both;
	padding-left:10px;
	}
	
#index .scout_detail .lead{
	padding:10px 10px 0 0;
	}

#index #sp_area .link a{
	padding-left:10px;
	background:url(../img/obj_li01.gif) 0 3px no-repeat;
	}

#index #sp_area #other_iv_area{
	border-top:1px solid #CCCCCC;
	padding:8px 0 5px 0;
	margin:0 10px 0;
	}

#index #sp_area #other_iv_area .ttl{
	font-weight:bold;
	font-size:12px;
	padding-bottom:5px;
	}

#index #sp_area #other_iv_area .com_name{
	font-weight:bold;
	font-size:14px;
	}

#index #sp_area #other_iv_area .com_name span{
	font-weight:normal;
	font-size:12px;
	}

#index #sp_area .realvoice_detail #other_iv_area .lead_link{
	font-size:12px;
	margin:0;
	padding:0 0 3px;
	}



/*========== バナーありジョブフェア ==========*/

#index .jobfairBn {
	float:left;
	margin-bottom:15px;
	border-right:1px solid #D7D7D7;
	width:269px;
	}

#index .jobfairBn h2{
	font-size:12px;
	font-weight:bold;
	color:#666666;
/*アイコン棒*/
	background:url(../img/subttl_bg01.gif) 0 2px no-repeat;
	padding:0 0 10px 10px;
	margin-right:10px;

/*アイコン三角
	background:url(../img/subttl_bg03.gif) 0 2px no-repeat;
*/	padding:0 0 10px 10px;
	margin-bottom:
	}
#index .jobfairBn dt {
	float:left;
	widows:80px;
	clear:both;
}
#index .jobfairBn dd {
	padding-left:80px;
	padding-right:10px;
	_padding-right:8px;
}

#index .jobfairBn dd a {
	padding-left:10px;
	background:url(../img/obj_li01.gif) 0 2px no-repeat;
	margin-bottom:5px;
	font-weight:bold;
}

	
/*==========お役立ち情報(メインエリア用)==========*/	

#index .merit_info h2{
	padding:5px 0 5px 30px;
	margin-bottom:10px;
	border-bottom:1px solid #4D1A73;
	background:url(../img/icon_useful.gif) no-repeat 0 0;
	font-size:12px;
	color:#666;
	}
*+html body #index .merit_info h2{
	padding:5px 0 5px 30px;
	margin-bottom:10px;
	background:url(../img/icon_useful.gif) no-repeat 0 5px;
	}	
#index table.sp_contents02 td{
	padding:7px 10px 0 0;
	}

#index table.merit_tabale{
	border:none;
	}

#index table.merit_tabale td{
	border:none;
	padding:8px 10px 0 0;
	}

/*==========お役立ち情報(サイド用) 2009.07追加==========*/	

#useful_side {
	margin-bottom:10px;
}
#useful_side h2{
	height:40px;
	background:url(../img/index_useful_bg.gif) no-repeat 0 0;
}
#useful_side h2 span {
	display:block;
	font-size:12px;
	padding:7px 40px;
}
#useful_side ul {
	padding:0 8px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#F6F6F6;
}

#useful_side li {
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(../img/line_dot_02.gif) repeat-x left bottom;
}
#useful_side li.bottom {
	margin:0;
	padding:0;
	background: none;
}
#useful_side li p.image {
	float:left;
	width:100px;
}
#useful_side li p.text {
	line-height:1.3;
	float:right;
	width:195px;
}
#useful_side li p.text a {
	padding-left:10px;
	background:url(../img/arrow_1.gif) no-repeat 0 0.25em;
	font-weight:bold;
}
/*====================
右側
====================*/


/*==========バナーエリア==========*/
	
#index .banner01 {
	margin-bottom:15px;
	}
#index .banner02 {
	padding-bottom:15px 0;
}
#index .banner02 p {
	margin-bottom:2px;
}

/*==========注目の企業==========

  common.cssへ移動（2009/03/25）

*/

/*==========就活Q&A==========*/
#index #qa {
	margin-bottom:10px;
}
#index #qa h2.qaTitle {
	background:url(../img/index_qa_bg.gif) 0 0 no-repeat;
	padding:10px 50px;
	font-size:12px;
}
#index #qa ul.qaList {
	border:1px solid #CCC;
	border-top:none;
	padding:5px 10px;
}
#index #qa ul.qaList li {
	background:url(../img/line_dot_02.gif) left bottom repeat-x;
	padding-bottom:5px;
	margin-bottom:5px;
	line-height:1.3;
}
#index #qa ul.qaList li a {
	background:url(../img/arrow_6.gif) 0 0.3em no-repeat;
	padding-left:11px;
	display:block;
}

/*==========モバイル==========*/
#index .index_mobile{
	padding-top:5px;
}
#index h2.qrTitle {
	background:url(../img/index_mobile_bg.gif) 0 0 no-repeat;
	padding:13px 50px 10px 45px;
	font-size:12px;
	color:#FFF;
}
#index .mobileBorder{
	padding:10px 0px 10px 10px;
	_padding:10px 1px 10px 10px;
	border:1px solid #FF9900;
	border-top:none;
	background:#FFFFED;
}
#index .index_qr{
	float:left;
	width:80px;
}
#index .qr_text{
	padding-left:90px;
	_padding-left:85px;
	letter-spacing:0.8;
}
#index .qr_text span.fs10{
	font-size:10px;
}
/*==========100903改修追加==========*/
.indexMenu {
        float:left;
        width:275px;
        margin-bottom:10px;
}
.indexMenu2 {
        float:left;
        width:335px;
        margin-bottom:10px;
}
.indexMenu .text,.indexMenu .linkDetail{
        border:1px solid #CCC;
        padding:5px 13px;
        margin-right:10px;
}
.indexMenu .text{
        border-width:0 1px;
}
.indexMenu .linkDetail{
        border-top:none;
        text-align:right;
        padding:0 13px 10px;
}
.mainLeft{
        width:550px;
        float:left;
}
.mainLeft2{
        width:680px;
        float:left;
}