@charset "shift_jis";


/*　home.css
============================================================
	
	Author: ohsima
	Last modified: [ 2010 ]	
	CSS構成: 求人トップページ
	
============================================================
*/


/* -------------------------------------------------------------------
            求人トップページ
			　　　											幅：960px
-------------------------------------------------------------------- */


/* ///////////////////////////////////////////////////////////// RESET */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        list-style-type: none;
		border:0;
}

textarea { font-size: 75%; }

img { vertical-align: bottom; }

hr { display: none; }



/* ///////////////////////////////////////////////////////////// 基本定義 */
/* -- BODY -- */
body{
margin:0 auto;
padding:0;
line-height:1.5;
font-size: 62.5%;
font-style: normal;
font-weight: normal;
text-align: left;
color:#666666;
background:#FFFFFF url(../img/body_bk.jpg) top center repeat-x;
}

/* -- BASIC LINK -- */
a:link {color:#666666; text-decoration:none}
a:visited {color:#666666; text-decoration:none}
a:hover {color:#666666; text-decoration:underline}

/*a {overflow:hidden}*/







/* -- [ wrapper ] --------------------------------------- */
#wrapper {
	width:961px;
	margin:35px auto 0 auto;
	padding:0;
}



/* -- [ header ] --------------------------------------- */
.home #header {
	width:961px;
	height:76px;
	margin:0 auto 13px auto;
	padding:0;
	position: relative;
}

.sub #header {
	width:961px;
	height: 48px;
	margin:0 auto 13px auto;
	padding:0;
	position: relative;
}

/*for modern browser*/
#header a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/*for winIE*/
#header a{
	display: inline-table;
	}	

/*for Mac*/
*html #header a{height: 1%;}
/*#header a{display: block;}*/		
/*for Mac-end*/

#header p {
	margin: 0;
}
 
/* タイトル画像 */

.logo_img {
/*	position: absolute;
	top: 0;
	left: 0;
	width: 377px;
	height: 38px;
*/	background-color:#FFFF00;
/*	padding: 0;
*/}
.logo_img img {
}

.group {
	position: absolute;
	left: 0;
	bottom: 3px;
}

/* ヘッドナビ外枠 */
#head_navi{
width:550px;
height:74px;
margin: 0;
padding: 0;
float:right;
position:relative;
/*background-color:#9999CC;*/
}

/* ナビ上段 */
#h_ir{
width:auto;
height:31px;
margin:0;
padding:0;
position:absolute;
top: 6px;
right:0;
/*background-color:#663366;*/
}

#h_ir ul{
margin:0;
padding:0;
clear:both;
	text-align: right;
}

#h_ir li{
/*float:left;*/
list-style-type:none;
	display:-moz-inline-box;
	display: inline-block;
	/display:inline;
	/zoom: 1;
	margin-left: 5px;
}

#h_ir li a{
/*display:block;
width:105px;
height:31px;*/
}
/*
#h_ir #h_ir01,#h_ir02{
margin:0 0 0 0;
}
*/
/* ナビ下段 */
#h_btn{
width:550px;
height: 35px;
margin:0;
padding:0;
position: absolute;
bottom: 0;
right:0;
}

#h_btn ul{
margin:0;
padding:0;
clear:both;
	text-align: right;
}

#h_btn li{
/*float:left;*/
	display:-moz-inline-box;
	display: inline-block;
	/display:inline;
	/zoom: 1;
	margin-left: 10px;
list-style-type:none;
}

#h_btn li a{
/*display:block;
width:102px;
height:37px;*/
}

#h_btn #h_btn01,#h_btn02,#h_btn03,#h_btn04{
margin:0 10px 0 0;
}


/* -- [ main ] --------------------------------------- */
#main{
	width:960px;
	margin:0;
	padding:0;
}

/*for modern browser*/
#main a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/*for winIE*/
/*#main a{
	display: inline-table;
	}*/	

/*for Mac*/
*html #main a{height: 1%;}
/*#main a{display: block;}*/		
/*for Mac-end*/
 
 
/* h3 */
#main h3{
/*margin:0;
padding:0;
display:none;*/
}

/* トップイメージ左 枠 */
#top_img{
	width:700px;
	height:465px;
	margin:0;
	padding:0;
	float:left;
	background:url(../img/top_photo.jpg) top left no-repeat;
}

#top_img a{
	display:block;
	width: 82px;
	height: 51px;
	position:absolute;
	top: 326px;
	left: 597px;
	background:#FF9900 url(../img/btn_details.gif) top center;
}

/* トップサブ右 枠 */
#top_sub{
	width:240px;
	margin:0;
	padding:0;
	float:right;
}

#top_sub .side_box {
	padding: 10px 9px;
	border:1px solid #F190A4;
	margin:0 0 10px 0;
}

#top_sub .side_box h3 {
}

#top_sub .side_box ul li {
	padding: 15px 0 0 0;
}


/* 新着情報枠 上段 */
#side_news{
	height:210px;
	margin: 0 0 13px;
	padding:0;
	position:relative;
}
#side_news h3 {
	margin-bottom: 10px;
}

#side_news p.linkBtn{
	/*display:block;*/
width: 77px;
	height: 36px;
	position: absolute;
	top: 10px;
	right: 10px;
/*background:#FF9900 url(../img/news_bt.jpg) top center;*/
}
#side_news a:hover {
	text-decoration: none;
}

/* 新着情報スクロール枠 */
#news_con_scroll{
	width:220px;
	height:170px;
	margin:auto;
	padding:0;
	overflow:auto;
/*	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #666666;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #ffffff;*/
}

/* 新着情報内容 */
.news_detail_con{
margin: 0 5px 10px auto;
padding:0 0 0 25px;
width:auto;
font-size:x-small;
background:url(../img/li01.jpg) left 0.2em no-repeat;
background-position:;
font-size: 1.2em;
}

.news_detail_con a:link {
	color:#FF3366;
	text-decoration: underline;
}
.news_detail_con a:visited {color:#FF3366; text-decoration: underline;}
.news_detail_con a:hover {
	color:#339966;
	text-decoration:underline;
}



/* -- [ top_navi ] --------------------------------------- */
#top_navi {
	width:960px;
	font-size: 1.4em;
	margin: 20px 0;
	/margin: 10px 0 20px 0;
}

#top_navi img {
display:block;
}

#top_line {
	width:960px;
	background: url(../img/line_l.gif) repeat-y;
}


#top_navi h4 {
	margin: 0 0 1.4em;
	padding:5px 5px 5px 10px;
	background: url(../img/h3_bg.gif) bottom left no-repeat;
	font-size: 1.1em;
	color: #333333;
	}

#top_navi .top_navi_cate {
	vertical-align: top;
	padding: 20px 23px 20px;
	width:914px;
}

#top_navi .top_navi_cate ul {
	list-style: none;
	margin-left: 53px;
	padding: 0;
}
#top_navi .top_navi_cate ul li {
	list-style: none;
	display: inline-block;




	/display: inline;
	/zoom: 1;
	margin-right: 43px;
	margin-bottom: 15px;
	margin-left: 0;
}

#top_navi .top_navi_cate ul.otbt {
	padding:20px 0 0 43px;
	border-top:1px #CCCCCC dotted;
	margin-left:10px;
	}

/* 中途採用ナビ 上段 */
/*#cyuuto_navi{
width:915px;
height:66px;
margin:20px auto 15px auto;
padding:0;
}

#cyuuto_navi ul{
margin:0;
padding:0;
clear:both;
}

#cyuuto_navi li{
float:left;
list-style-type:none;
}

#cyuuto_navi li a{
display:block;
width:140px;
height:66px;
}

#cyuuto_navi #t_c01,#t_c02,#t_c03,#t_c04,#t_c05{
margin:0 0 0 23px;
}*/

/* 新卒採用ナビ 下段 */
/*#shinsotsu_navi{
width:915px;
height:66px;
margin:0 auto;
padding:0;
}

#shinsotsu_navi ul{
margin:0;
padding:0;
clear:both;
}

#shinsotsu_navi li{
float:left;
list-style-type:none;
}

#shinsotsu_navi li a{
display:block;
width:140px;
height:66px;
}

#shinsotsu_navi #t_s01,#t_s02,#t_s03{
margin:0 0 0 23px;
}*/




/* -- [ oth_navi ] --------------------------------------- */
#oth_navi{
	width:960px;/* 高さ確保 */
	margin:0 auto 20px auto;
	padding:0;
}

/*for modern browser*/
#oth_navi a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/*for winIE*/
#oth_navi a{

	}	

/*for Mac*/
*html #oth_navi a{height: 1%;}
/*#oth_navi a{display: block;}*/		
/*for Mac-end*/
 
 
/* h3タイトル画像 */
.h3_img{
margin:0 0 10px 0;
padding:0;
}

/* 研修制度 左 */
#tra_navi{
	width:470px;/* 高さ確保 */
	_height:238px;/* for IE6 高さ確保 */
	margin:0 20px 0 0;
	_margin:0 0px 0 0;
	padding:0;
	float:left;
}
/*for modern browser*/
#tra_navi a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/*for winIE*/
#tra_navi a{

	}	

/*for Mac*/
*html #tra_navi a{height: 1%;}
/*#tra_navi a{display: block;}*/		
/*for Mac-end*/

#tra_navi img {
display:block;
}


/* 研修 中枠 */
#tra_sub_link{
	width:422px;
	height:140px;
	padding:10px 24px 0 24px;
	background:url(../img/line_s.gif) repeat-y;
}

/* 画像リンク */
#tra_sub_img{
width:422px;
height:102px;
}

/* 先輩の声 右 */
#tra_sub_link2{
	width:426px;
	height:140px;
	padding:10px 22px 0 22px;
	background:url(../img/line_s.gif) repeat-y;
}

#voice_navi{
	width:470px;
	min-height:238px;/* 最低高さ確保 */
	margin:0;
	padding:0;
	float:right;
}


/* for IE6 */
#voice_navi{
_width:470px;
_height:238px;/* 高さ確保 */
_margin:0; 
_padding:0;
_float:right;
}

#voice_navi img {
display:block;
}


/* 先輩の声 中枠01 */
.voice_sub_link01{
	width:200px;
	height:100px;
	/*	margin:0 0 0 23px;*/
	float:left;
}

/* 先輩の声 中枠02 */
.voice_sub_link02{
	width:180px;
	height:100px;
	_margin-left:10px;/* for IE6*/ 
	_margin-right:-10px;/* for IE6*/
	float:right;
	padding: 0 20px 0 0;
}

/* 共通テキストリンク
.oth_navi_text{
margin:10px 0 0 0;
padding:0;
}

.oth_navi_text li{
margin:0 auto 5px auto;
padding:0 0 0 25px;
width:auto;
background:url(../img/li02.jpg) top left no-repeat;
background-position:0 3px;
}
 */
 
/* 共通テキストリンク*/
ul.oth_navi_text {
	width:400px;
	padding:10px 0 0 0;
}


ul.oth_navi_text li {
	padding:0 10px 0 25px;
	background:url(../img/li02.jpg) top left no-repeat;
	background-position:0 3px;
	font-size: small;
	float:left;
}



/* -- [ page_top ] --------------------------------------- */
#page_top{
	width:auto;
	clear:both;/* Firefox対策 */
	text-align: right !important;
	margin: 0 0 10px;
}

/* -- [ footer ] --------------------------------------- */
#footer{
font-size:1.2em;
width:960px;
height:40px;
margin:0 auto;
padding-top:0px;
clear:both;
/*background-color:#e6e6e6;*/
}

#footer_bt {
width:960px;
height:auto;
background:url(../img/btm_bt_bk.gif) no-repeat bottom left;
border-top:2px solid #F27B96;
}

#footer_bt ul#f_group {
width:600px;
text-align:center;
margin:0 auto;
}

#footer_bt ul#f_group li {
float:left;
padding:10px 20px 10px 0;
}


/* テキストナビ */
#f_text_navi{
width:960px;
margin:0;
padding:5px 0 5px;
background:url(../img/btm_menu_bk.gif) no-repeat;
color:#FFFFFF;
}

#f_text_navi ul{
margin:0 auto;
padding:0;
list-style-type:none;
text-align:center;
}

#f_text_navi li{
padding:0;
display:inline;
}

#f_text_navi li a {
width:auto;
padding:0 1em;
color:#ffffff;
border-left:1px solid #ffffff;
}

#f_text_navi li a:hover {
width:auto;
color:#a3e8b6;
border-left:1px solid #ffffff;
}

#f_text_navi li#f_t06 a {
border-right:1px solid #ffffff;
}
