@charset "shift_jis";
/* CSS Document */

/*------------------------------------------------------------------------------------------
  「カリツー」採用情報カテゴリページ別CSSファイル
------------------------------------------------------------------------------------------*/

/*///////////////////////////////////////////////
1.採用情報カテゴリ共通
2.ページ別−採用情報インデックス
3.ページ別−カリツーの魅力
4.ページ別−職種紹介
5.ページ別−職種紹介（職員・作業員・乗務員共通）
6.ページ別−福利厚生
7.ページ別−研修制度
8.ページ別−新卒採用情報・中途採用情報共通
9.ページ別−新卒採用情報
10.ページ別−採用Q&A
11.ページ別−新卒採用Q&A・中途採用Q&A共通
////////////////////////////////////////////////*/

/* 1.採用情報カテゴリ共通
----------------------------------------------------------------------------------------------- */
/*ローカルナビ */
.recruit #l-nav li a{
	background:url(../img/lnav_mark.gif) 2px center no-repeat;
}
.recruit #l-nav ul li.lv2 a{
	background:url(../img/lnav_lv2mark.gif) 2px center no-repeat;
}
/*オンマウス時に背景色を変える*/
.recruit #l-nav ul li a:hover{
	background-color:#FDF1C4;
}
/*pageIDとローカルメニューのIDが合えば現在地スタイル適用*/
#charm #l-charm a,
#jobcategory #l-jobcategory a,
#welfare #l-welfare a,
#training #l-training a,
#newgraduate #l-newgraduate a,
#midcareer #l-midcareer a,
#faq #l-faq a{ 
	background-color:#FDF1C4;
	background-position:right;	
	color:#996633;
	padding:5px 17px 5px 5px;
	margin-left:0px;
	width:175px;
}
#faq #l-faq #l-faq3 a{
	background-position: right 7px !important;
}
/*lv2メニュースタイル*/
#jobcategory #l-jobcategory .lv2 a,
#faq #l-faq .lv2 a{
	padding:3px 17px 3px 15px;
	width:165px;	
	color:#0033CC;
	background-color:#FFF;
}
#jobcategory #l-jobcategory .lv2 a:hover,
#faq #l-faq .lv2 a:hover{
	background-color:#FDF1C4;
	color:#FF0000;
}

/*lv2ページ時、lv2メニュー白背景・青文字*/
#jobcategory #staff li#l-jobcategory a,
#jobcategory #worker li#l-jobcategory a,
#jobcategory #crew li#l-jobcategory a,
#faq #newfaq li#l-faq a,
#faq #midfaq1 li#l-faq a,
#faq #midfaq2 li#l-faq a{	
	background-color:#FFFFFF;
	color:#0033CC;
}
/*自ページ時のlv2ページのメニュースタイル*/
#jobcategory #staff li#l-jobcategory #l-jobcategory1 a,
#jobcategory #worker li#l-jobcategory #l-jobcategory2 a,
#jobcategory #crew li#l-jobcategory #l-jobcategory3 a,
#faq #newfaq li#l-faq #l-faq1 a,
#faq #midfaq1 li#l-faq #l-faq2 a,
#faq #midfaq2 li#l-faq #l-faq3 a{
	background-color:#FDF1C4  !important;	
	color:#996633  !important;
}
/*インデックスページ時のｌｖ2ページのオンマウスメニュースタイル*/
#jobcategory #staff li#l-jobcategory a:hover,
#jobcategory #worker li#l-jobcategory a:hover,
#jobcategory #crew li#l-jobcategory a:hover,
#faq #newfaq li#l-faq a:hover,
#faq #midfaq1 li#l-faq a:hover,
#faq #midfaq2 li#l-faq a:hover{
	color:#FF0000  !important;
	background-color:#FDF1C4  !important;
}

#charm #l-jobcategory ul,
#charm #l-faq ul,
#jobcategory #l-faq ul,
#welfare #l-jobcategory ul,
#welfare #l-faq ul,
#training #l-jobcategory ul,
#training #l-faq ul,
#newgraduate #l-jobcategory ul,
#newgraduate #l-faq ul,
#midcareer #l-jobcategory ul,
#midcareer #l-faq ul,
#faq #l-jobcategory ul{ 
	display:none;
}
/*テーブル見出しセル*/
.recruit th{
	background-color:#FDF1C4;
}
/*コンテンツタイトル*/
.recruit h3{
	background:url(../img/bg_contitle.gif) left top no-repeat;
	color:#996633;
}
.recruit h4{
	border-color:#996633;
	color:#996633;
}
/*ページトップリンクマーク*/
.recruit .to-top a{
	background-image: url(../img/totop_mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/*ページ移動ボタン*/
.recruit .move-page{
	width:660px;
	margin:5px auto;
}
.recruit .move-page .prv-btn{
	width:300px;
	float:left;
}
.recruit .move-page .prv-btn a{
	display:block;
	widows:280px;
	height:22px;
	background:url(../img/btn_prvpage.jpg) left top no-repeat;
	padding-top:5px;
	padding-left:20px;
}
.recruit .move-page .prv-btn a:hover{
	background:url(../img/btn_prvpage_on.jpg) left top no-repeat;
}

.recruit .move-page .next-btn{
	width:300px;
	float:right;
	text-align:right;
}
.recruit .move-page .next-btn a{
	display:block;
	widows:280px;
	height:22px;
	background:url(../img/btn_nextpage.jpg) right top no-repeat;
	padding-right:20px;
	padding-top:5px;
}
.recruit .move-page .next-btn a:hover{
	background:url(../img/btn_nextpage_on.jpg) right top no-repeat;
}
/*2.ページ別−採用情報インデックス
----------------------------------------------------------------------------------------------- */
#index .recruit .inner-box{
	clear:both;
}
#index .recruit .inner-box ul{
	margin-bottom:10px;
}
	
#index .recruit .content-box li {
	width:290px;
	height:40px;
	margin:0 10px 10px 10px;
	padding:10px 0 10px 10px;
	float:left;
	position:relative;
	_display:inline;
}
#index .recruit .content-box li a{
	display:block;
	width:290px;
	height:40px;
	padding:10px 0px 10px 10px;
	background:url(../img/index/bg_indexbnr.jpg) left top no-repeat;
	font-weight:bold;
	font-size:110%;
}
#index .recruit .content-box li a:hover{
	background:url(../img/index/bg_indexbnr_on.jpg) left top no-repeat;
	color:#990000;
}
#index  .recruit .content-box li span{
	position:absolute;
	left:20px;
	top:40px;
	font-size:80%;
	color:#333333;
	font-weight:normal;
}

/* 3.ページ別−カリツーの魅力
----------------------------------------------------------------------------------------------- */
#charm .content-box{
	clear:both;
}

#charm .content-box .img-box2{
	float:right;
}

/* 4.ページ別−職種紹介
----------------------------------------------------------------------------------------------- */
#jobcategory .content-box li img{
	margin:10px 20px;
}
/* 5.ページ別−職種紹介（職員・作業員・乗務員共通）
----------------------------------------------------------------------------------------------- */
#voiceBox h5,
#voiceBox h6{
	clear:both;
}
#voiceBox dl{
	width:450px;
	float:left;
	padding-left:10px;
}
#voiceBox dt{
	color:#996633;
	font-weight:bold;
}
#voiceBox dd{
	margin-left:2em;
	text-indent:-2em;
}

#voiceBox .img-box{
	float:right;
}  
#worksnapBox .img-box2{
	float:left;
	margin-right:7px;
	text-align:center;
}
/* 6.ページ別−福利厚生
----------------------------------------------------------------------------------------------- */
#welfare .content-box{
	clear:both;
}
#welfare .cap{
	text-align:center;
}
/* 7.ページ別−研修制度
----------------------------------------------------------------------------------------------- */
#training .inner-box{
	clear:both;
}
#training .inner-box .left-box{
	width:450px;
	float:left;
}
#training .inner-box .left-box img{
	margin-left:50px;
}
#training .inner-box .right-box{
	width:200px;
	float:right;
}
/* 8.ページ別−新卒採用情報・中途採用情報共通
----------------------------------------------------------------------------------------------- */
.date{
	padding:5px 10px 5px 0;
	margin:0px;
	text-align:right;
	color:#FF0000;
	font-size:85%;
}
#newgraduate h4,#midcareer h4{
	clear:both;
}
/* 9.ページ別−新卒採用情報
----------------------------------------------------------------------------------------------- */
#newgraduate .img-box{
	background-color:#FFFFFF;
	border:none;
}
/* 10.ページ別−採用Q&A
----------------------------------------------------------------------------------------------- */
#newfaqlistBox h4,#midfaqlist1Box h4,#midfaqlist2Box h4{
	margin-top:10px;
}
#newfaqlistBox ul,#midfaqlist1Box ul,#midfaqlist2Box ul{
	margin-left:20px;
	margin-top:5px;
}
#newfaqlistBox ul li,#midfaqlist1Box ul li,#midfaqlist2Box ul li{
	line-height:1.5;
}
/* 11.ページ別−新卒採用Q&A・中途採用Q&A共通
----------------------------------------------------------------------------------------------- */
#faq .content-box dl{
	margin:10px;
}
#faq .content-box dt{
	color:#996633;
	font-weight:bold;
	padding:5px;
}
#faq .content-box dd{
	text-indent:-1em;
	padding-left:3em;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:5px;
	padding-bottom:5px;
}