@charset "Shift_JIS";
body{
	font-family: 'メイリオ',Osaka,sans-serif;
	color: #444444;
	overflow-y: scroll;
}

.main {
	width: 750;
	margin: 0;
	background-color: #FFFFFF;   
}

.header {
	margin: 0;   
	width: 750;
}

.footer {
	margin: 0;
	width: 750;
}

/* 採用TOPレイアウト */

.recruit_top_left{
	margin: 0;
	padding: 0;
	width: 550;
	float: left; 
	text-align: center;
}

.recruit_top_right{
	margin: 0;
	padding: 0;
	width: 200;
	float: right; 
	text-align:center;
}

/* 採用TOP以外のレイアウト */

.recruit_other_left{
	margin: 0;
	padding: 0;
	width: 560;
	float: left; 
	text-align: center;
}

.recruit_other_right{
	margin: 0;
	padding: 0;
	width: 190;
	float: left; 
	text-align:center;
}

/*採用コンテンツレイアウト*/

.header_contents{
	margin: 0;
	padding-top: 2px;
	width: 560;
        height: 20;
	text-align: left;
	color: #ffffff;
	background-color: #666666;
        solide: #000000;
}

.recruit_contents_left{
	margin: 0;
	padding: 0;
	width: 172;
	float: left; 
	text-align: center;
}

.recruit_contents_right{
	margin: 0;
	width: 388;
	float: left; 
	text-align: left;
	font-size: x-small;
}

/* 新卒募集職種ロールオーバー効果（メイン） */

#new_recruit a {
	display:block;
	width:150px;
	height:250px;
	background:url(img/new_recruit01.jpg) no-repeat;
	text-decoration:none;
}

#new_recruit a:hover {   
	background:url(img/new_recruit02.jpg) no-repeat; 
}

/* 新卒募集職種ロールオーバー効果（ボタン）  */

#new_job a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/new_job01.jpg) no-repeat;
	text-decoration:none;
}

#new_job a:hover {
	background:url(img/new_job02.jpg) no-repeat;   
}

/* 新卒募集要項ロールオーバー効果 */

#new_essential a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/new_essential01.jpg) no-repeat;
	text-decoration:none;
}

#new_essential a:hover {
	background:url(img/new_essential02.jpg) no-repeat;   
}

/* 新卒コメントロールオーバー効果 */

#new_job a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/new_job01.jpg) no-repeat;
	text-decoration:none;
}

#new_job a:hover {
	background:url(img/new_job02.jpg) no-repeat; 
}

/* 新人社員の一日ロールオーバー効果 */

#new_oneday a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/new_oneday01.jpg) no-repeat;
	text-decoration:none;
}

#new_oneday a:hover {
	background:url(img/new_oneday02.jpg) no-repeat; 
}

/* 会社説明会ロールオーバー効果 */

#new_explanation a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/new_explanation01.jpg) no-repeat;
	text-decoration:none;
}

#new_explanation a:hover {
	background:url(img/new_explanation02.jpg) no-repeat; 
}

/* 中途募集職種ロールオーバー効果 （メイン）*/

#mid_recruit a {
	display:block;
	width:150px;
	height:250px;
	background:url(img/mid_recruit01.jpg) no-repeat;
	text-decoration:none;
}

#mid_recruit a:hover {
	background:url(img/mid_recruit02.jpg) no-repeat;   
}

/* 中途募集職種ロールオーバー効果（ボタン） */

#mid_job a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/mid_job01.jpg) no-repeat;
	text-decoration:none;
}

#mid_job a:hover {
	background:url(img/mid_job02.jpg) no-repeat;
}

/* 中途募集要項ロールオーバー効果 */

#mid_essential a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/mid_essential01.jpg) no-repeat;
	text-decoration:none;
}

#mid_essential a:hover {
	background:url(img/mid_essential02.jpg) no-repeat;   
}

/* 中途コメントロールオーバー効果 */

#mid_comment a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/mid_job01.jpg) no-repeat;
	text-decoration:none;
}

#mid_comment a:hover {
	background:url(img/mid_job02.jpg) no-repeat; 
}

/* パート募集職種ロールオーバー効果 （メイン）*/

#part_recruit a {
	display:block;
	width:150px;
	height:250px;
	background:url(img/part_recruit01.jpg) no-repeat;
	text-decoration:none;
}

#part_recruit a:hover {
	background:url(img/part_recruit02.jpg) no-repeat;   
}

/* パート募集職種ロールオーバー効果（ボタン） */

#part_job a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/part_job01.jpg) no-repeat;
	text-decoration:none;
}

#part_job a:hover {
	background:url(img/part_job02.jpg) no-repeat;
}

/* パート募集要項ロールオーバー効果 */

#part_essential a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/part_essential01.jpg) no-repeat;
	text-decoration:none;
}

#part_essential a:hover {
	background:url(img/part_essential02.jpg) no-repeat;   
}

/* HOMEロールオーバー効果 */

#home01 a {
	display:block;
	width:141px;
	height:12px;
	background:url(img/home01.jpg) no-repeat;
	text-decoration:none;
}

#home01  a:hover {
	background:url(img/home02.jpg) no-repeat; 
}

/* Entryロールオーバー効果 */

#entry01 a {
	display:block;
	width:150px;
	height:80px;
	background:url(img/entry01.jpg) no-repeat;
	text-decoration:none;
}

#entry01  a:hover {
	background:url(img/entry02.jpg) no-repeat; 
}

/* Companyロールオーバー効果 */

#Company01 a {
	display:block;
	width:150px;
	height:58px;
	background:url(img/Company01.jpg) no-repeat;
	text-decoration:none;
}

#Company01  a:hover {
	background:url(img/Company02.jpg) no-repeat; 
}

/* About usロールオーバー効果 */

#about01 a {
	display:block;
	width:150px;
	height:58px;
	background:url(img/about01.jpg) no-repeat;
	text-decoration:none;
}

#about01  a:hover {
	background:url(img/about02.jpg) no-repeat; 
}

/* Messageロールオーバー効果 */

#message01 a {
	display:block;
	width:150px;
	height:58px;
	background:url(img/message01.jpg) no-repeat;
	text-decoration:none;
}

#message01  a:hover {
	background:url(img/message02.jpg) no-repeat; 
}

/* Costomerロールオーバー効果 */

#costomer01 a {
	display:block;
	width:150px;
	height:58px;
	background:url(img/costomer01.jpg) no-repeat; 
	text-decoration:none;
}

#costomer01  a:hover {
	background:url(img/costomer02.jpg) no-repeat; 
}

/* Accessロールオーバー効果 */

#access01 a {
	display:block;
	width:150px;
	height:30px;
	background:url(img/access01.jpg) no-repeat;
	text-decoration:none;
}

#access01  a:hover {
	background:url(img/access02.jpg) no-repeat; 
}

/* 個人情報保護ロールオーバー効果 */

#personaldate01 a {
	display:block;
	width:150px;
	height:20px;
	background:url(img/personaldate01.jpg) no-repeat;
	text-decoration:none;
}

#personaldate01  a:hover {
	background:url(img/personaldate02.jpg) no-repeat; 
}

/* 新卒採用エントリーシートロールオーバー効果 */

#entry_new01 a {
	display:block;
	width:140px;
	height:135px;
	background:url(img/entry_new01.jpg) no-repeat;
	text-decoration:none;
}

#entry_new01  a:hover {
	background:url(img/entry_new02.jpg) no-repeat; 
}

/* 中途採用エントリーシートロールオーバー効果 */

#entry_mid01 a {
	display:block;
	width:140px;
	height:135px;
	background:url(img/entry_mid01.jpg) no-repeat;
	text-decoration:none;
}

#entry_mid01  a:hover {
	background:url(img/entry_mid02.jpg) no-repeat; 
}

/* パート採用エントリーシートロールオーバー効果 */

#entry_part01 a {
	display:block;
	width:140px;
	height:135px;
	background:url(img/entry_part01.jpg) no-repeat;
	text-decoration:none;
}

#entry_part01  a:hover {
	background:url(img/entry_part02.jpg) no-repeat; 
}

/* 社内イベントロールオーバー効果 */

#event a {
	display:block;
	width:280px;
	height:58px;
	background:url(img/new_event01.jpg) no-repeat;
	text-decoration:none;
}

#event  a:hover {
	background:url(img/new_event02.jpg) no-repeat; 
}

/* TOMCATロールオーバー効果 */

#tomcat a {
	display:block;
	width:280px;
	height:58px;
	background:url(img/new_tomcat01.jpg) no-repeat;
	text-decoration:none;
}

#tomcat  a:hover {
	background:url(img/new_tomcat02.jpg) no-repeat; 
}

/* 新卒タイトル */

.new_title{
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #4f96c4;
	font-size: medium;
	font-weight: bold;
}

/* 新卒文字色 */

.new_color{
	color: #4f96c4;

}

/* 中途タイトル */

.mid_title{
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #8793c7;
	font-size: medium;
	font-weight: bold;
}

/* 中途文字色 */

.mid_color{
	color: #8793c7;
}

/* パートタイトル */

.part_title{
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #Fc9a99;
	font-size: medium;
	font-weight: bold;
}

}

/* パート文字色 */

.part_color{
	color: #Fc9a99
}

/* イベント文字色 */

.event_color{
	color: #141a84;
	float:right;
}

/* flote解除 */

.clear{
	clear: both;
}

/* 文字サイズ小 */

.small{
	font-size: 12px;
}

/* 行間隔6pt */

.line6pt{
	layout-grid-line: 6pt;
}

/* 行間隔6pt */

.l-space{
	letter-spacing: 3px;
	layout-grid-line: 7pt;
}

/* イベント写真のマージン */

.margin01{
	margin-right: 10px;
	margin-bottom: 10px;
}

  /* リンクの下線を消す */
A:link {					/* リンク */
	text-decoration: none;
}
A:visited {                 /* 既に見たリンク */
	text-decoration: none;
}
A:hover {                   /* カーソルが上にある時のリンク */
	color: #ff0000;
	text-decoration: none;
}