@charset "utf-8";
/*--------------------------------------------------------------------------------------共用部分*/

.basewidth {
	font-size : 90% ;
	width : 720px ;
	margin : auto ;
	margin-top : 15px ;
}
.topic_path {
	font-size : 90% ;
	padding : 0px ;
	margin : 0px 0px 5px 1px ;
}
.clear {
	clear : both ;
}
.float_left {
	float : left ;
}
.float_right {
	float : right ;
	width : 245px ;
}
.float_right p {
	margin-top : 0px ;
}
.small_glay {
	font-size : 90% ;
	color : #666666 ;
	margin : 5px 0px 10px 0px ;
}
img {
	border : none ;
}

/*---------------------------------------------------------------------------ＴＯＰページ上部*/

.about_kj h2 {
	width : 720px ;
	height : 37px ;
	display : block ;
	overflow : hidden ;
	background : url(/img/what/caption_top_01.gif) ;
	text-indent : -9999px ;
}
.about_kj h3 {
	width : 680px ;
	height : 25px ;
	display : block ;
	overflow : hidden ;
	background : url(/img/what/catch_top.gif) ;
	text-indent : -9999px ;
	margin-left : 20px ;
}
.about_kj p {
	line-height : 140% ;
	margin : 10px 0px 10px 0px ;
}
.about_kj_in {
	width : 480px ;
	margin-left : 20px ;
	padding-right : 200px ;
	background : url(/img/what/about_image.jpg) right top no-repeat ;
}
.for_no1 {
	font-size : 90% ;
	color : #666666 ;
	padding : 0px 20px 0px 20px ;
	margin : 0px ;
}

/*---------------------------------------------------------------------------ＴＯＰページ職種一覧*/

.list_job {
	border : 1px solid #CCCCCC ;
	width : 680px ;
	margin : auto ;
	margin-top : 30px ;
	margin-bottom : 30px ;
}
.list_job_in {
	background : #F2FBEA ;
	margin : 1px 1px 0px 1px ;
}
.list_job h4 {
	width : 130px ;
	height : 109px ;
	display : block ;
	overflow : hidden ;
	background : url(/img/what/seaarch_top.gif) ;
	text-indent : -9999px ;
	margin : 0px ;
	padding : 0px ;
}
.job_flo {
	float : left ;
}
.list_job ul {
	float : left ;
	list-style : none ;
	padding : 0px ;
	margin : 10px 0px 0px 30px ; 

}
.list_job li {
	margin : 0px 20px 6px 0px ; 
}

/*---------------------------------------------------------------------------ＴＯＰページ以下導線*/

.go_contetnts * {
	padding : 0px ;
	margin : 0px ;
}
.go_contetnts h2 {
	width : 720px ;
	height : 37px ;
	display : block ;
	overflow : hidden ;
	background : url(/img/what/caption_top_02.gif) ;
	text-indent : -9999px ;
	margin-bottom : 15px ;
}
.go_contetnts_in {
	width : 680px ;
	margin : auto ;
}
.gocon_left {
	width : 240px ;
	float : left ;
	margin-right : 30px ;
}
.gocon_right {
	float : left ;
}
.go_contetnts_in h3 a {
	width : 240px ;
	height : 38px ;
	display : block ;
	overflow : hidden ;
	text-indent : -9999px ;
}
.flow_step00 {
	background : url(/img/what/flow_step00.gif) ;	
}
.flow_step01 {
	background : url(/img/what/flow_step01.gif) ;	
}
.flow_step02 {
	background : url(/img/what/flow_step02.gif) ;	
}
.flow_step03 {
	background : url(/img/what/flow_step03.gif) ;	
}
.flow_step04 {
	background : url(/img/what/flow_step04.gif) ;	
}
.go_contetnts_in p {
	font-size : 90% ;
	margin : 5px ;
}
.go_contetnts_in ul {
	list-style-image : url(/img/what/list_tri.gif) ;
	padding : 5px 0px 0px 20px ; 
}
.go_contetnts_in li {
	margin-bottom : 8px ;
}
.arrow_on {
	padding-top : 39px ;
	margin-top : 5px ;
	background : url(/img/what/flow_step_arrow.gif) left top no-repeat ;
}

/*---------------------------------------------------------------------------モバイル銅線*/

.mobile_kj {
	width : 680px ;
	margin : auto ;
	background : #F8F8F8 ;
	margin-top : 50px ;
}
.mobtit {
	float : left ;
}
.mobtit h2 {
	padding : 0px ;
	margin : 0px ;
}
.mobtit h2 a {
	width : 300px ;
	height : 80px ;
	display : block ;
	overflow : hidden ;
	text-indent : -9999px ;
	background : url(/img/what/mobile_kj.gif) left top no-repeat ;
}
.mobile_kj p {
	float : left ;
	background : url(/img/what/mobile_kj_bg.gif) left top repeat-x ;
	padding : 22px 5px 5px 5px ;
	line-height : 140% ;
	width : 370px ;
	margin : 0px ;
}


/*---------------------------------------------------------------------------以下ページ左メニュー*/

#Leftmenu {
	width : 200px ;
	float : left ;
	border-top : 1px solid #CCCCCC ;
	border-left : 1px solid #CCCCCC ;
	border-right : 1px solid #CCCCCC ;
}
#Leftmenu p {
	font-weight : bold ;
	padding : 0px ;
	margin : 7px 0px 7px 0px ;
}
#Leftmenu ul {
	margin : 0px 0px 5px 25px ;
	padding : 0px ;
}
#Leftmenu li {
	margin : 3px 0px 3px 0px ;
	line-height : 140% ;
}

.menu_n {
	padding : 10px 0px 10px 20px ;
	border-bottom : 1px solid #CCCCCC ;
}
.menu_p {
	padding : 8px 0px 8px 18px ;
	margin : 2px ;
	background : url(/img/what/menu_bg.gif);
}
.bottom_border {
	border-bottom : 1px solid #CCCCCC ;
}

/*------------------------------------------------------------------------以下ページコンテンツ共用*/

#Whatcontent {
	width : 510px ;
	float : right ;
	line-height : 140% ;
}
#Whatcontent h2,#Whatcontent h3 {
	display : block ;
	overflow : hidden ;
	width : 510px ;
	height : 38px ;
	padding : 0px ;
	margin : 0px ;
	text-indent : -9999px ;
}
.substance {
	margin :10px 20px 30px 20px  ;
}
.substance ol ,
.substance ul {
	margin-left : 30px ;
	padding-left : 0px ;
}
.substance li {
	margin-bottom : 5px ;
}
.other_one {
	background : #E8E8E8 ;
	padding : 5px ;
	text-align:center;
	font-size : 90% ;
}
.other_one ul {
	padding : 0px ;
	margin : 0px ;
}
.other_one li {
	display:inline ;
	list-style : none ;
	border-left : 1px solid #666666 ;
	padding : 0px 3px 0px 6px ;
}
.last_li {
	border-right : 1px solid #666666 ;
}
.gotop {
	font-size : 90% ;
	text-align : right ;
	padding : 0px ;
	margin : 5px 0px 30px 0px ;
}
.other_step {
	border : 1px solid #CCCCCC ;
}
.other_step ul {
	padding : 10px ;
	margin : 0px 0px 0px 20px ;
}
.other_step li {
	list-style-image:url(/img/what/list_tri.gif) ;
	padding : 3px 0px 3px 0px ; 
}
.now_li {
	background : #FFFFCC ;
	color : #666666 ;
}
.text_center {
	text-align : center ;
}

/*------------------------------------------------------------------------Step.2　求人情報を探す*/

.tit00 {
	background : url(/img/what/title01.gif) ;
}
.tit01 {
	background : url(/img/what/title02.gif) ;
}
.search_navi {
	margin-bottom : 0px ;
}

.cap01_1 {
	background : url(/img/what/caption_step1_01.gif) ;
}
.cap01_2 {
	background : url(/img/what/caption_step1_02.gif) ;
}
.cap01_3 {
	background : url(/img/what/caption_step1_03.gif) ;
}
.cap01_4 {
	background : url(/img/what/caption_step1_04.gif) ;
}
.cap01_5 {
	background : url(/img/what/caption_step1_05.gif) ;
}
.cap01_6 {
	background : url(/img/what/caption_step1_06.gif) ;
}


.floatjobs {
	float : left ;
}
.search04b {
	display : block ;
	overflow : hidden ;
	text-indent : -9999px ;
	width : 230px ;
	height : 32px ;
	background : url(/img/hallowork/btn_mm.gif) ;
}
.search04s {
	margin : 5px 0px 0px 10px ;
}

dl.mgz , .mgz dt , .mgz dd ,
ul.mgz , .mgz li {
	margin:0px;
	padding:0px;
}
dl.mgz dt {
	clear:left;
	float:left;
	font-weight:bold;
}
dl.mgz dd {
	margin-bottom:5px;
	zoom:1;
}
ul.mgz li {
	float:left;
	width:230px;
	list-style-type:none;
}


/*------------------------------------------------------------------------Step.3　求人情報を見る*/

.tit02 {
	background : url(/img/what/title03.gif) ;
}
.cap02_1 {
	background : url(/img/what/caption_step2_01.gif) ;
}
.cap02_2 {
	background : url(/img/what/caption_step2_02.gif) ;
}
.cap02_3 {
	background : url(/img/what/caption_step2_03.gif) ;
}
.cap02_4 {
	background : url(/img/what/caption_step2_04.gif) ;
}
.open_sam {
	text-align : center ;
	padding : 0px ;
	margin : 0px ;
	font-size : 90% ;
}

/*------------------------------------------------------------------------Step.4　求人に応募する*/

.tit03 {
	background : url(/img/what/title04.gif) ;
}
.cap03_1 {
	background : url(/img/what/caption_step3_01.gif) ;
}
.cap03_2 {
	background : url(/img/what/caption_step3_02.gif) ;
}
.cap03_3 {
	background : url(/img/what/caption_step3_03.gif) ;
}
.cap03_4 {
	background : url(/img/what/caption_step3_04.gif) ;
}

/*------------------------------------------------------------------------Step.5　応募完了！*/

.tit04 {
	background : url(/img/what/title05.gif) ;
}
.cap04_1 {
	background : url(/img/what/caption_step4_01.gif) ;
}
.cap04_2 {
	background : url(/img/what/caption_step4_02.gif) ;
}

/*------------------------------------------------------------------------サンプルページ*/

.sample_tit {
	font-size : 120% ;
	border : 2px solid #999999 ;
	color : #666666 ;
	font-weight : bold ;
	width : 700px ;
	margin : auto ;
	padding : 10px ;
	margin-top : 20px ;
	margin-bottom : 10px ;
	background : #E8E8E8 ;
	text-align : center ;
}

#memstepArea *{
padding:0;
margin:0;
zoom:1;
}
#memstepArea{
padding:0 0 0 10px;
margin:0;
}
#memstepArea p{
padding:0 0 0 5px;
}
#memstepArea .memstepBox{
padding:20px 0 20px 0;
background:url(/img/what/memstep_arrow.gif) center bottom no-repeat;
}
#memstepArea .memstepBoxbtm{
padding:20px 0 20px 0;
background:none;
}

#memstepArea .memstepBox .memstepImage,
#memstepArea .memstepBoxbtm .memstepImage
{
text-align:center;
padding:5px 0 20px 0;
}