@charset "UTF-8";

/* 	=====================================================================
	ビジネスウィズ　top.css
	=================================================================== */

/* main-img
--------------------------------------------------------------------- */
#main-img{
	padding-top: 32px;
	clear: both;
	display: block;
	width: 800px;
	height: 190px;
	}


#menu{
	}
	
	#menu ul{
		padding-top: 11px;
		}
		
		#menu ul li{
			float: left;
			display: inline;
			text-indent: -9999px;
			text-decoration: none;
			}
			
		#menu ul li.search a{
			display: block;
			width: 200px;
			height: 66px;
			background: transparent url(../../img/top/search.jpg) no-repeat left top;
			text-decoration: none;
			}
			
			#menu ul li.search a:hover{
				background: transparent url(../../img/top/search_f2.jpg) no-repeat left top;
				text-decoration: none;
				}

		#menu ul li.enterprise a{
			display: block;
			width: 200px;
			height: 66px;
			background: transparent url(../../img/top/enterprise.jpg) no-repeat left top;
			text-decoration: none;
			}
			
			#menu ul li.enterprise a:hover{
				background: transparent url(../../img/top/enterprise_f2.jpg) no-repeat left top;
				text-decoration: none;
				}

		#menu ul li.counseling a{
			display: block;
			width: 200px;
			height: 66px;
			background: transparent url(../../img/top/counseling.jpg) no-repeat left top;
			text-decoration: none;
			}
			
			#menu ul li.counseling a:hover{
				background: transparent url(../../img/top/counseling_f2.jpg) no-repeat left top;
				text-decoration: none;
				}

		#menu ul li.recruit a{
			display: block;
			width: 200px;
			height: 66px;
			background: transparent url(../../img/top/recruit.jpg) no-repeat left top;
			text-decoration: none;
			}
			
			#menu ul li.recruit a:hover{
				background: transparent url(../../img/top/recruit_f2.jpg) no-repeat left top;
				text-decoration: none;
				}


/* main-content
--------------------------------------------------------------------- */
#main-content{
	clear: both;
	background: transparent url(../../img/top/main-content-bg.jpg) repeat-x left top;
	}
	
	/* main-content-left
	--------------------------------------------------------------------- */
	#main-content-left{
		float: left;
		width: 553px;
		text-align: left;
		margin-top: 10px;
		}
		
		#topics-title{
			display: block;
			width: 553px;
			height: 30px;
			background: transparent url(../../img/top/topics-title.jpg) no-repeat left top;
			}
			
			#topics-title dt{
				float: left;
				text-indent: -9999px;
				}
			
			#topics-title dd{
				float: right;
				text-align: right;
				padding-right: 15px;
				padding-top: 8px;
				}
		
		#search-title{
			clear: both;
			display: block;
			width: 553px;
			height: 30px;
			background: transparent url(../../img/top/search-title.jpg) no-repeat left top;
			}
			
			#search-title h2{
				text-indent: -9999px;
				}
		
		
		#enterprise-title{
			clear: both;
			display: block;
			width: 553px;
			height: 30px;
			background: transparent url(../../img/top/enterprise-title.jpg) no-repeat left top;
			}
			
			#enterprise-title h2{
				text-indent: -9999px;
				}
		
		#counseling-title{
			clear: both;
			display: block;
			width: 553px;
			height: 30px;
			background: transparent url(../../img/top/counseling-title.jpg) no-repeat left top;
			}
			
			#counseling-title h2{
				text-indent: -9999px;
				}
		
		#content-inner,
		#content-inner-search,
		#content-inner-enterprise,
		#content-inner-counseling{
			clear: both;
			border: #D9D9D9 1px solid;
			margin-bottom: 9px;
			padding: 10px;
			}
			
			/* トピックス記事のcssデザイン***************************************************************************　*/
			#content-inner dl.topics-inner{
				clear: both;
				background: transparent url(../../img/top/topics-bar.jpg) no-repeat left bottom;
				width: 530px;
				padding-bottom: 5px;
				margin-top: 5px;
				}
				
				dl.topics-inner dt{
					float: left;
					width: 117px;
					background: transparent url(../../img/top/icon-orange.gif) no-repeat 5px 0.3em;
					}
					
					dl.topics-inner dt span.date{
						padding-left: 23px;
						}
				dl.topics-inner dd.title{
					float: right;
					width: 405px;
					font-size: 120%;
					line-height: 1.4;
					}
		
		#content-inner p,
		#content-inner-search p,
		#content-inner-enterprise p,
		#content-inner-counseling p{
			line-height: 1.4;
			padding-bottom: 5px;
			padding-left: 3px;
			padding-right: 3px;
			}
		
		/* キャリアカウンセリングの所のテキストの下部の余白　*/
		#content-inner-counseling p.content-inner-counseling{
			padding-bottom: 20px;
			padding-left: 3px;
			padding-right: 3px;
			}
			
			.content-inner-left{
				float: left;
				width: 340px;
				}
			
			.content-inner-right{
				float: right;
				width: 180px;
				}
				
				.content-inner-right ul{
					}
					
					.content-inner-right ul li{
						text-indent: -9999px;
						text-decoration: none;
						padding-bottom: 6px;
						}
					
					/* お仕事をお探しの方へ　右ボタン　*/
					.content-inner-right ul li.ippan-work a{
						display: block;
						width: 180px;
						height: 25px;
						background: transparent url(../../img/top/search-btn01.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						.content-inner-right ul li.ippan-work a:hover{
							background: transparent url(../../img/top/search-btn01_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					.content-inner-right ul li.yotei-work a{
						display: block;
						width: 180px;
						height: 25px;
						background: transparent url(../../img/top/search-btn02.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						.content-inner-right ul li.yotei-work a:hover{
							background: transparent url(../../img/top/search-btn02_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					.content-inner-right ul li.seisyain-work a{
						display: block;
						width: 180px;
						height: 25px;
						background: transparent url(../../img/top/search-btn03.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						.content-inner-right ul li.seisyain-work a:hover{
							background: transparent url(../../img/top/search-btn03_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					/* 人材をお探しの事業主・人事担当者様へ　右ボタン　*/
					.content-inner-right ul li.ippan a{
						display: block;
						width: 180px;
						height: 25px;
						background: transparent url(../../img/top/enterprise-btn01.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						.content-inner-right ul li.ippan a:hover{
							background: transparent url(../../img/top/enterprise-btn01_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					.content-inner-right ul li.yotei a{
						display: block;
						width: 180px;
						height: 25px;
						background: transparent url(../../img/top/enterprise-btn02.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						.content-inner-right ul li.yotei a:hover{
							background: transparent url(../../img/top/enterprise-btn02_f2.jpg) no-repeat left top;
							text-decoration: none;
							}
					
					.content-inner-right ul li.seisyain a{
						display: block;
						width: 180px;
						height: 25px;
						background: transparent url(../../img/top/enterprise-btn03.jpg) no-repeat left top;
						text-decoration: none;
						}
						
						.content-inner-right ul li.seisyain a:hover{
							background: transparent url(../../img/top/enterprise-btn03_f2.jpg) no-repeat left top;
							text-decoration: none;
							}

		#address-title{
			clear: both;
			display: block;
			width: 553px;
			height: 50px;
			background: transparent url(../../img/top/address-title.jpg) no-repeat left top;
			padding: 14px 8px;
			}
			
			#address-title p{
				background: transparent url(../../img/top/address-img01.gif) repeat-y left top;
				padding-left: 10px;
				padding-top: 3px;
				padding-bottom: 3px;
				line-height: 1.4;
				}




	/* main-content-right
	--------------------------------------------------------------------- */	
	#main-content-right{
		float: right;
		width: 239px;
		text-align: left;
		margin-top: 10px;
		}
		
		#recruit-content{
			width: 234px;
			margin: 0 auto;
			background-color: #F9FBFB;
			text-align: center;
			padding-bottom: 3px;
			margin-bottom: 10px;
			}
			
			#recruit-title{
				display: block;
				width: 234px;
				height: 30px;
				background: transparent url(../../img/top/recruit-title.jpg) no-repeat left top;
				}
				
				#recruit-title h2{
					text-indent: -9999px;
					}
				
				
			/* 求人情報　○一般派遣のお仕事
			--------------------------------------------------------------------- */
			.recruit-ippan{
				/*width: 224px;*/
				width: 212px;
				background-color: #FFFFFF;
				border-bottom: #ECEEEE 1px solid;
				/*margin : 0px 5px 8px 5px;*/
				margin : 0px 5px 5px 5px;
				/*padding: 0px 5px;*/
				padding: 5px 5px 0px 5px;
				text-align: left;
				}
				
				.recruit-ippan-title{
					background-color: #F9FBFB;
					width:214px;
					padding: 5px 0px;
					}
					
					.recruit-ippan-title p{
						background: transparent url(../../img/top/recruit-ippan-icon.jpg) repeat-y 3px top;
						padding-left: 14px;
						padding-right: 5px;
						color: #648DA2;
						}
				/* ○一般派遣のお仕事　△紹介予定派遣のお仕事　□正社員のお仕事　（すべて共通）*/
				.recruit-content-inner{
					padding-bottom: 7px;
					margin: 0px;
					}
					
					/* ○一般派遣のお仕事 □正社員のお仕事共通 */
					.recruit-content-inner dl.recruit-inner{
						clear: both;
						background: transparent url(../../img/top/recruit-bar.gif) no-repeat left bottom;
						padding-bottom: 5px;
						padding-left: 6px;
						padding-right: 6px;
						margin-top: 5px;
						}
						
						dl.recruit-inner dt.date{
							padding: 0px 0px 2px 2px;
							margin: 0px;
							line-height: 1;
							}
						dl.recruit-inner dd.title{
							padding: 0px 0px 2px 0px;
							margin: 0px;
							line-height: 1.4;
							font-size: 100%;
							}
							
					
			/* 求人情報　△紹介予定派遣のお仕事
			--------------------------------------------------------------------- */
			.recruit-yotei{
				/*width: 224px;*/
				width: 212px;
				background-color: #FFFFFF;
				border-bottom: #ECEEEE 1px solid;
				/*margin : 0px 5px 8px 5px;*/
				margin : 0px 5px 5px 5px;
				padding: 5px 5px 0px 5px;
				text-align: left;
				}

				.recruit-yotei-title{
					background-color: #F9F7EC;
					width:214px;
					padding: 5px 0px;
					}
					
					.recruit-yotei-title p{
						background: transparent url(../../img/top/recruit-yotei-icon.jpg) repeat-y 3px top;
						padding-left: 14px;
						padding-right: 5px;
						color: #E5755A;
						}
				
				/*.recruit-content-inner{
					padding-bottom: 7px;
					margin: 0px;;
					}
				*/
					
					/* △紹介予定派遣のお仕事 */
					.recruit-content-inner dl.recruit-inner-yotei{
						clear: both;
						background: transparent url(../../img/top/recruit-bar.gif) no-repeat left bottom;
						padding-bottom: 5px;
						padding-left: 6px;
						padding-right: 6px;
						margin-top: 5px;
						}
						
						dl.recruit-inner-yotei dt.date{
							padding: 0px 0px 2px 2px;
							margin: 0px;
							line-height: 1;
							color: #CC6600;
							}
						dl.recruit-inner-yotei dd.title{
							padding: 0px 0px 2px 0px;
							margin: 0px;
							line-height: 1.4;
							font-size: 100%;
							}
			
			/* 求人情報　□正社員のお仕事
			--------------------------------------------------------------------- */
			.recruit-seisyain{
				/*width: 224px;*/
				width: 212px;
				background-color: #FFFFFF;
				border-bottom: #ECEEEE 1px solid;
				/*margin : 0px 5px 8px 5px;*/
				margin : 0px 5px 5px 5px;
				padding: 5px 5px 0px 5px;
				text-align: left;
				}

				.recruit-seisyain-title{
					background-color: #F9FBFB;
					width:214px;
					padding: 5px 0px;
					}
					
					.recruit-seisyain-title p{
						background: transparent url(../../img/top/recruit-seisyain-icon.jpg) repeat-y 3px top;
						padding-left: 14px;
						padding-right: 5px;
						color: #648DA2;
						}
				
				/*.recruit-content-inner{
					padding-bottom: 7px;
					margin: 0px;;
					}
				*/
					
					/* ○一般派遣のお仕事　□正社員のお仕事共通（の為上部に記述） */
		
		/* サイドをバナーメニューに変更（081020）
		--------------------------------------------------------------------- */
		.recruit-ippan ul,
		.recruit-yotei ul,
		.recruit-seisyain ul{
			padding-bottom: 5px;
			}
			
			.recruit-ippan ul li,
			.recruit-yotei ul li,
			.recruit-seisyain ul li{
				text-indent: -9999px;
				}
			
			.recruit-ippan ul li.ippanbanner a{
				display: block;
				width: 214px;
				height: 54px;
				background: transparent url(../../img/top/ippan_btn.jpg) no-repeat left top;
				text-decoration: none;
				}
				
				.recruit-ippan ul li.ippanbanner a:hover{
					background: transparent url(../../img/top/ippan_btn_f2.jpg) no-repeat left top;
					text-decoration: none;
					}
			
			.recruit-yotei ul li.yoteibanner a{
				display: block;
				width: 214px;
				height: 54px;
				background: transparent url(../../img/top/yotei_btn.jpg) no-repeat left top;
				text-decoration: none;
				}
				
				.recruit-yotei ul li.yoteibanner a:hover{
					background: transparent url(../../img/top/yotei_btn_f2.jpg) no-repeat left top;
					text-decoration: none;
					}
			
			.recruit-seisyain ul li.seisyainbanner a{
				display: block;
				width: 214px;
				height: 54px;
				background: transparent url(../../img/top/seisyain_btn.jpg) no-repeat left top;
				text-decoration: none;
				}
				
				.recruit-seisyain ul li.seisyainbanner a:hover{
					background: transparent url(../../img/top/seisyain_btn_f2.jpg) no-repeat left top;
					text-decoration: none;
					}










#contact-title{
	display: block;
	width: 234px;
	height: 30px;
	background: transparent url(../../img/top/contact-title.jpg) no-repeat left top;
	}
				
	#contact-title h2{
		text-indent: -9999px;
		}
		
		#contact-banner{
			margin-top: 6px;
			padding: 0px 0px 10px 0px;
			}
			
			p.contact-banner-search{
				padding-bottom: 3px;
				text-indent: -9999px;
				}
				
				p.contact-banner-search a{
					display: block;
					width: 234px;
					height: 60px;
					background: transparent url(../../img/top/search-contact.jpg) no-repeat left top;
					text-decoration: none;
					}
					
					p.contact-banner-search a:hover{
						background: transparent url(../../img/top/search-contact_f2.jpg) no-repeat left top;
						text-decoration: none;
						}
			
			p.contact-banner-enterprise{
				padding-bottom: 3px;
				text-indent: -9999px;
				}
				
				p.contact-banner-enterprise a{
					display: block;
					width: 234px;
					height: 60px;
					background: transparent url(../../img/top/enterprise-contact.jpg) no-repeat left top;
					text-decoration: none;
					}
					
					p.contact-banner-enterprise a:hover{
						background: transparent url(../../img/top/enterprise-contact_f2.jpg) no-repeat left top;
						text-decoration: none;
						}
			
			p.contact-banner-medical{
				padding-bottom: 3px;
				text-indent: -9999px;
				}
				
				p.contact-banner-medical a{
					display: block;
					width: 234px;
					height: 60px;
					background: transparent url(../../img/top/medical-banner.jpg) no-repeat left top;
					text-decoration: none;
					}
					
					p.contact-banner-medical a:hover{
						background: transparent url(../../img/top/medical-banner_f2.jpg) no-repeat left top;
						text-decoration: none;
						}



/***医療福祉人材事業部用追加***************************************************************************************************************************/



/* #menu
--------------------------------------------------------------------- */
		#menu ul li.home-m a{
			display: block;
			width: 200px;
			height: 66px;
			background: transparent url(../../../medical/common/img/top/home.jpg) no-repeat left top;
			text-decoration: none;
			}
			
			#menu ul li.home-m a:hover{
				background: transparent url(../../../medical/common/img/top/home_f2.jpg) no-repeat left top;
				text-decoration: none;
				}

		#menu ul li.search-m a{
			display: block;
			width: 200px;
			height: 66px;
			background: transparent url(../../../medical/common/img/top/search.jpg) no-repeat left top;
			text-decoration: none;
			}
			
			#menu ul li.search-m a:hover{
				background: transparent url(../../../medical/common/img/top/search_f2.jpg) no-repeat left top;
				text-decoration: none;
				}

		#menu ul li.enterprise-m a{
			display: block;
			width: 200px;
			height: 66px;
			background: transparent url(../../../medical/common/img/top/enterprise.jpg) no-repeat left top;
			text-decoration: none;
			}
			
			#menu ul li.enterprise-m a:hover{
				background: transparent url(../../../medical/common/img/top/enterprise_f2.jpg) no-repeat left top;
				text-decoration: none;
				}

		#menu ul li.recruit-m a{
			display: block;
			width: 200px;
			height: 66px;
			background: transparent url(../../../medical/common/img/top/recruit.jpg) no-repeat left top;
			text-decoration: none;
			}
			
			#menu ul li.recruit-m a:hover{
				background: transparent url(../../../medical/common/img/top/recruit_f2.jpg) no-repeat left top;
				text-decoration: none;
				}

	/* main-content-left
	--------------------------------------------------------------------- */
		#search-title-m{
			clear: both;
			display: block;
			width: 553px;
			height: 30px;
			background: transparent url(../../../medical/common/img/top/search-title.jpg) no-repeat left top;
			}
			
			#search-title-m h2{
				text-indent: -9999px;
				}
			
			.content-inner-search-m{
				background: transparent url(../../../medical/common/img/top/search-img01.jpg) no-repeat right top;
				width: 531px;
				height: 90px;
				}
				
				.content-inner-search-m p{
					width: 250px;
					}

		#enterprise-title-m{
			clear: both;
			display: block;
			width: 553px;
			height: 30px;
			background: transparent url(../../../medical/common/img/top/enterprise-title.jpg) no-repeat left top;
			}
			
			#enterprise-title-m h2{
				text-indent: -9999px;
				}
				
				.content-inner-enterprise-m{
					background: transparent url(../../../medical/common/img/top/enterprise-img01.jpg) no-repeat right top;
					width: 531px;
					height: 90px;
					}
					
					.content-inner-enterprise-m p{
						width: 250px;
						}







	/* main-content-right
	--------------------------------------------------------------------- */
			li.contact-banner-search-m{
				padding-bottom: 3px;
				text-indent: -9999px;
				}
				
				li.contact-banner-search-m a{
					display: block;
					width: 234px;
					height: 60px;
					background: transparent url(../../../medical/common/img/top/search-contact.jpg) no-repeat left top;
					text-decoration: none;
					}
					
					li.contact-banner-search-m a:hover{
						background: transparent url(../../../medical/common/img/top/search-contact_f2.jpg) no-repeat left top;
						text-decoration: none;
						}
			
			li.contact-banner-enterprise-m{
				padding-bottom: 3px;
				text-indent: -9999px;
				}
				
				li.contact-banner-enterprise-m a{
					display: block;
					width: 234px;
					height: 60px;
					background: transparent url(../../../medical/common/img/top/enterprise-contact.jpg) no-repeat left top;
					text-decoration: none;
					}
					
					li.contact-banner-enterprise-m a:hover{
						background: transparent url(../../../medical/common/img/top/enterprise-contact_f2.jpg) no-repeat left top;
						text-decoration: none;
						}
			
			li.contact-banner-business-top{
				padding-bottom: 3px;
				text-indent: -9999px;
				}
				
				li.contact-banner-business-top a{
					display: block;
					width: 234px;
					height: 60px;
					background: transparent url(../../../medical/common/img/top/business-top.jpg) no-repeat left top;
					text-decoration: none;
					}
					
					li.contact-banner-business-top a:hover{
						background: transparent url(../../../medical/common/img/top/business-top_f2.jpg) no-repeat left top;
						text-decoration: none;
						}
						
			/* トピックス記事のcssデザイン***************************************************************************　*/
			#content-inner dl.topics-inner-m{
				clear: both;
				background: transparent url(../../img/top/topics-bar.jpg) no-repeat left bottom;
				width: 530px;
				padding-bottom: 5px;
				margin-top: 5px;
				}
				
				dl.topics-inner-m dt{
					float: left;
					width: 117px;
					background: transparent url(../../../medical/common/img/common/icon-green.jpg) no-repeat 5px 0.3em;
					}
					
					dl.topics-inner-m dt span.date{
						padding-left: 23px;
						}
				dl.topics-inner-m dd.title{
					float: right;
					width: 405px;
					font-size: 120%;
					line-height: 1.4;
					}	




	/* 人材バンクバナー追加091112
	--------------------------------------------------------------------- */
		#humanbank-banner {
			padding: 0px 0px 10px 0px;
			}

			li.humanbank{
				padding-bottom: 3px;
				text-indent: -9999px;
				}
				
				li.humanbank a{
					display: block;
					width: 234px;
					height: 60px;
					background: transparent url(../../../medical/common/img/top/humanbank.jpg) no-repeat left top;
					text-decoration: none;
					}
					
					li.humanbank a:hover{
						background: transparent url(../../../medical/common/img/top/humanbank_f2.jpg) no-repeat left top;
						text-decoration: none;
						}
	
	
	/* ビジネスウィズグループ追加100113
	--------------------------------------------------------------------- */
#group-title{
	display: block;
	width: 234px;
	height: 30px;
	background: transparent url(../../img/top/group-title.jpg) no-repeat left top;
	}
	
	#group-title h2{
		text-indent: -9999px;
		}
		
		#group-banner {
			padding: 0px 0px 10px 0px;
			}

			li.group-banner-magonte{
				padding-bottom: 3px;
				text-indent: -9999px;
				}
				
				li.group-banner-magonte a{
					display: block;
					width: 234px;
					height: 60px;
					background: transparent url(../../img/top/magonte-top.jpg) no-repeat left top;
					text-decoration: none;
					}
					
					li.group-banner-magonte a:hover{
						background: transparent url(../../img/top/magonte-top_f2.jpg) no-repeat left top;
						text-decoration: none;
						}