@import url("grids.css");
@import url("reset.css");

/* *********************************************************************************************************************
　背景指定/ループ　【ＴＯＰ】
********************************************************************************************************************* */
#back{background:url(../common-images/back.jpg) repeat-x; margin:0; padding:0;}

/* =========================================================================
　ヘッダ　
===========================================================================*/
#back_head{background:url(../common-images/back_head.jpg) no-repeat center top; margin:0 auto; padding:0 12px 0 12px; width:886px; height:180px;}

/*文字部分*/
#back_head .head_word h1{line-height:25px; padding:4px 0 0 0; font-size:7pt; float:left; letter-spacing:-0.5px; font-weight: normal;}
#top h2{float:right; line-height:16px; padding:2px 0 0 15px; font-size:8pt; letter-spacing:-0.5px; color:#F76F00; font-weight: normal;}
#back_head .head_word ul{line-height:30px; padding:4px 0 0 0;}
#back_head .head_word li{float:right; list-style-type:none; font-size:8pt;}
#back_head .head_word a {text-decoration:underline; color:#F76F00;}
#back_head .head_word a:hover {text-decoration:none;}
#back_head .head_word strong {
	font-weight: normal;
	font-size: 7pt;
}
#back_head p{float:left;}
#back_head h1{float:left;}
/*情報・検索*/
#back_head .head_cont{float:right; width:380px; padding:10px 8px 0 10px;}
#back_head .head_cont ul{clear:both; padding:15px 0 0 135px;}
#back_head .head_cont li{list-style-type:none; float:left; font-size:10pt; padding:0 0 0 5px;}
/*@ 【表示】登録求人・更新日　 @*/
.new_info_{background:url(../common-images/back_new_info.jpg) no-repeat; display:block; width:245px; height:30px; float:left;}
.new_info_ p{float:left; color:#0000FF; line-height:28px; font-size:12px; font-weight:normal; padding:0 0 0 12px; letter-spacing:-0.5px;}
/*@ 【非表示】登録求人・更新日　 @*/
.new_info{background:none; display:block; width:245px; height:30px; float:left;}
.new_info p{display:none;}

/*マイページログイン*/
.login{padding:0 4px 0 90px;}
.login a{background:url(../common-images/botan_login.jpg) no-repeat; display:block; width:130px; height:30px; text-indent:-9999pt;}
.login a:hover{background:url(../common-images/botan_login_.jpg) no-repeat;}

/*各種メニュー*/
.head_menu{clear:both; padding:6px 0 0 4px;}
.head_menu p{float:left;}
.head_menu a{background:url(../common-images/head_menu.gif) no-repeat; height:40px; display:block; text-indent:-9999pt;}
.head_menu a:hover{background:url(../common-images/head_menu.gif) no-repeat; height:40px; display:block;}

/*地域で探す*/
.head_menu01{}
.head_menu01 a{background-position:0 0; width:218px;}
.head_menu01 a:hover{background-position:0 -40px;}
.head_menu01_ a{background-position:0 -40px; width:218px;}
.head_menu01_ a:hover{background-position:0 -40px;}
/*業種で探す*/
.head_menu02{}
.head_menu02 a{background-position:-218px 0; width:217px;}
.head_menu02 a:hover{background-position:-218px -40px;}
.head_menu02_ a{background-position:-218px -40px; width:217px;}
.head_menu02_ a:hover{background-position:-218px -40px;}
/*雇用形態で探す*/
.head_menu03{}
.head_menu03 a{background-position:-435px 0; width:217px;}
.head_menu03 a:hover{background-position:-435px -40px;}
.head_menu03_ a{background-position:-435px -40px; width:217px;}
.head_menu03_ a:hover{background-position:-435px -40px;}
/*わがまま検索*/
.head_menu04{}
.head_menu04 a{background-position:-653px 0; width:218px;}
.head_menu04 a:hover{background-position:-653px -40px;}
.head_menu04_ a{background-position:-653px -40px; width:218px;}
.head_menu04_ a:hover{background-position:-653px -40px;}

/* *********************************************************************************************************************
　背景指定/（幅・910px）　【メイン部分】
********************************************************************************************************************* */
#back_roop{background:url(../common-images/back_roop.jpg) repeat-y; margin:0 auto; padding:0; width:910px;}

#back_main{background:url(../common-images/back_main.jpg) no-repeat center top; margin:0 auto; padding:15px 0 0 15px; width:895px;}

/* =========================================================================
　コンテンツ（左側）
===========================================================================*/
#leftside{float:left; width:690px; padding:0 20px 0 0;}

/*パンくずリンク*/
.kuzu{font-size:75%; padding:2px 0 3px 25px; clear:both;}
.kuzu a {text-decoration:underline;}
.kuzu a:hover{text-decoration:none;}

/*ページの先頭へ*/
.ptop{clear:both; float:right; padding:10px 0 0 0;}
.ptop a{background:url(../common-images/img_ptop.gif) no-repeat; width:100px; height:20px; display:block; text-indent:-9999pt;}
.ptop a:hover{background:url(../common-images/img_ptop_.gif) no-repeat;}
/***************** 09 07 07*******************/
.fvrt a{
	float: right;
	background-image: url(../common-images/okini.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	height: 30px;
	width: 150px;
	display: block;
	text-indent: -9999px;
}
.fvrt a:hover{background-position:0 -30px;}

/***************** 09 07 07*******************/
/* =========================================================================
　メニュー（右側）
===========================================================================*/
#rightside{float:left; width:160px; padding:0 0 0 12px;}

/*J-Pageとは*/
.about{background:url(../common-images/img_jpage.jpg) no-repeat; width:150px; display:block; padding:135px 5px 0 5px;}
.about p{font-size:80%; padding:0 0 5px 0;}
.about a{background:url(../common-images/side_detail.jpg) no-repeat; width:150px; height:30px; display:block; text-indent:-9999pt;}
.about a:hover{background:url(../common-images/side_detail_.jpg) no-repeat;}
.about strong {
	font-weight: normal;
}
/*相談窓口*/
.user{}
.user p{font-size:80%; padding:5px;}
.user a{background:url(../common-images/side_user.jpg) no-repeat; width:150px; height:30px; display:block; text-indent:-9999pt;}
.user a:hover{background:url(../common-images/side_user_.jpg) no-repeat;}

/*求人掲載募集*/
.keisai{}
.keisai p{padding:5px 0 5px 5px;}
.keisai a{background:url(../common-images/img_kyujin.gif) no-repeat; width:150px; display:block; text-indent:-9999pt;}
.keisai a:hover{background:url(../common-images/img_kyujin.gif) no-repeat;}
/**/
.keisai .keisai01{}
.keisai .keisai01 a{background-position:0px 0; height:60px;}
.keisai .keisai01 a:hover{background-position:-150px 0px;}
/**/
.keisai .keisai02{}
.keisai .keisai02 a{background-position:0px -60px; height:70px;}
.keisai .keisai02 a:hover{background-position:-150px -60px;}

/*SSL*/
.ssl{padding:10px; font-size:70%; clear:both;}
.ssl p{padding:0 0 5px 0;}

/*各種お仕事バナー*/
.pick_bar{padding:10px 0;}
.pick_bar p{padding:5px 0 5px 5px;}

/*会員登録はこちら*/
.side_member{padding:5px 0 20px 5px;}
.side_member a{background:url(../images/btn_member.jpg) no-repeat 0px 0px; text-indent:-9999pt; display:block;
               height:56px; width:150px;}
.side_member a:hover{background:url(../images/btn_member.jpg) no-repeat 0px -56px;}

/* *********************************************************************************************************************
　背景指定/（幅・910px）　【フッタ】
********************************************************************************************************************* */
/* =========================================================================
　フッタ
===========================================================================*/
#back_foot{background:url(../common-images/back_foot.jpg) no-repeat center top; margin:0 auto; 
           padding:15px 190px 0 10px; width:710px; height:35px;}
#back_foot p{float:left; font-size:8pt;}
#back_foot p strong {
	font-weight: normal;
	font-size: 7pt;
}
#back_foot a{  text-decoration:none; color:#666666;}
#back_foot ul{}
#back_foot li{list-style-type:none; float:right;}

/*お問合わせ*/
.foot_menu01{}
.foot_menu01 a{background:url(../common-images/foot_menu01.gif) no-repeat; width:100px; height:20px; display:block; text-indent:-9999pt;}
.foot_menu01 a:hover{background:url(../common-images/foot_menu01_.gif) no-repeat;}
/*プライバシーポリシー*/
.foot_menu02{}
.foot_menu02 a{background:url(../common-images/foot_menu02.gif) no-repeat; width:140px; height:20px; display:block; text-indent:-9999pt;}
.foot_menu02 a:hover{background:url(../common-images/foot_menu02_.gif) no-repeat;}
/*利用規約*/
.foot_menu03{}
.foot_menu03 a{background:url(../common-images/foot_menu03.gif) no-repeat; width:70px; height:20px; display:block; text-indent:-9999pt;}
.foot_menu03 a:hover{background:url(../common-images/foot_menu03_.gif) no-repeat;}



/* =========================================================================
　h2カスタマイズ
===========================================================================*/
#seo h2{float:right; padding:10px 0;line-height:16px; font-size:8pt; letter-spacing:-0.5px; color:#F76F00; font-weight: normal;}
