/*

基本情報
全体
ヘッダー
フッター
地域選択（area）
お仕事検索（search）
お役立ちコンテンツ（oyakutachi）
マイページ登録（mypage）
派遣会社ピックアップ（pickup）
個人向け・法人向けコンテンツ（contents）
携帯版＠ばる（hpval）
プライバシーマーク（privacy）


サイトカラーを変更する場合は、以下の色を一括置換すると便利です。

▼メインカラー（各BOXのライン色）
#FF3366

▼サブカラー(携帯でもお仕事探しの背景色）
#FFE8EE

*/


body {
	background-color: #FFFFFF; font-size: 12px; color: #333333; padding: 0; margin: 0; text-align: center;
}
a:link {
	color: #0066CC; text-decoration: underline;
}
a:visited {
	color: #993366; text-decoration: underline;
}
a:hover {
	color: #7CB4CD; text-decoration: underline;
}
h1 {
	margin-top: 8px; FONT-WEIGHT: normal; FONT-SIZE: 10px; margin-bottom: 12px; COLOR: #000000; LINE-HEIGHT: 1.3em
}
h2 {
	margin-top: 0px; FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 1.3em
}
h3 {
	margin-top: 0px; FONT-SIZE: 12px; margin-bottom: 0px; COLOR: #000000; LINE-HEIGHT: 1.3em
}
p {
	margin-top: 0px; margin-bottom: 12px; COLOR: #000000; LINE-HEIGHT: 1.3em
}
img {
	border-right: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
form {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

#all {
	width: 800px; text-align: left; margin-left: auto; margin-right: auto;
}
#wrap {
	width: 760px; margin-left: auto; margin-right: auto;
}



/* ヘッダー開始 */
#header {
	width: 762px;
	margin-bottom: 15px;
}
#header_bar{
	width:763px;
	clear:both;
	height:12px;
	background-image:url("../img/headerline.gif");
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom:0px;
}
.ci-logo {
	float: left;
	width: 450px;
}
.ci-logo img {
	vertical-align: text-top; float: left;
	margin-right:20px;
	margin-bottom: 5px;
}

h1{
    color:#333300;
	padding-bottom:5px;
}

.help {
	float: right;
	margin-top:4px;
}
.help img {
	margin-left: 0px;
}
.login {
	clear: both;
	background-image: url(../img/top_bar_log-in.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 120px;
	padding-top: 4px;
}
.login img.loginbtn {
	vertical-align: middle;
	margin-right: 20px;
}
.login-form {
	margin-top: 2px;
	margin-bottom: 0;
	padding: 0;
	width: 75px;
	height: 14px;
	vertical-align: middle;
}
.checkbox {
	vertical-align: middle;
}
.login a {
	color: #FFF;
}
.login a:visited {
	color: #FFF; text-decoration: underline;
}
.login a:hover {
	color: #FFF; text-decoration: underline;
}
/* ヘッダー終了 */



/* 地域選択開始 */
.area {
	margin: 0px 0px 5px 0px;
}

.tab {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; BORDER-TOP: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../img/c_search_bak.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 43px; TEXT-ALIGN: right
}
.tab UL {
	MARGIN: 0px; PADDING:0px;
}
.tab UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: right; BACKGROUND: url(../img/c_search_ovr2.gif) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; list-style:none; margin-top:4px;
}
.tab UL LI.search_oth {
	PADDING-RIGHT: 8px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: right; BACKGROUND: url(../img/c_search_ovr2.gif) no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.tab UL LI A {
	BORDER-TOP: #FF3366 1px solid; DISPLAY: block; MARGIN-BOTTOM: 0px; BORDER-LEFT: #FF3366 1px solid; WIDTH: 80px; LINE-HEIGHT: 36px; BACKGROUND-IMAGE: url(../img/c_search_ovr2.gif); TEXT-ALIGN: center
}
.tab UL LI.search-over A {
	BACKGROUND-IMAGE: url(../img/c_search_ovr.gif); COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat;
}
.tab UL LI.search-over_oth A {
	BACKGROUND-IMAGE: url(../img/c_search_ovr.gif); COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; MARGIN-RIGHT: 8px
}

/* 地域選択終了 */


/* お仕事検索開始 */
.search {
    width:584px;
	border-right:solid #FF3366 1px;
    border-left:solid #FF3366 1px;
    border-bottom:solid #FF3366 1px; 
	padding: 0 2px 3px 2px;
	margin-bottom: 10px;
}

.search1 {
	width: 572px;
	clear:both;
	margin:0px;
	padding:0px;
	border-right:solid #DDDDDD 1px;
	border-left:solid #DDDDDD 1px;
	border-bottom:solid #DDDDDD 1px;
	background-color:#FDFDFD;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0;
}

.search2 {
	width: 572px;
    height: auto;
	clear: both;
	border: solid #DDDDDD 1px;
	margin: 0 ;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:0;
}

	/* ▼search1とsearch2の間にあるライン▼ */
	.search_bar {
		color:#FF3366; background-color:#FF3366;
	}


/* こだわり検索開始 */
.kodawari {
	width: 572px; height:auto; clear:both; margin-top: 10px;
}
.kodawari_title {
	float:left; padding-left:10px; margin-top:5px;
}

.kodawari_body {
	float: right;width:470px; margin-top:5px; margin-bottom: 25px;
}
.kodawari_body table {
}
.kodawari_body table tr {
}
.kodawari_body table tr td.ssr1 {
	font-size:10px; color:#666666;
}

.kodawari_body table tr td.ssr2 {
	padding-top:8px; vertical-align:top;
}

.kodawari_body table tr td.ssr3 {
	padding-left:15px;
}

/* こだわり検索終了 */


/* お仕事サーチ開始 */
.search01 {
	width: 572px; height:auto; clear:both; border-top: 1px solid #CCC;
	}

.search01_title {
	float:left; padding-left:10px; margin-top:10px;
	}

.search01_body {
	float: right;width:470px; margin-top:5px; margin-bottom: 10px;
	}

.search01_body img.komidashi {
	margin-top:5px; margin-bottom: 5px;
	}

.search01_body img.komidashi2 {
	margin-top:15px; margin-bottom: 5px;
	}

.search01_body 求人{
	clear:both;
}

.search01_body ul {
	clear: both;
	width: 450px;
	margin: 0;
	padding: 0;
	margin-left:10px;
	margin-bottom:5px;
}
.search01_body ul li {
	float: left;
	background-image: url("../img/p.gif");
	background-repeat: no-repeat;
	background-position: 0px 7px;
	line-height: 2.0em;
	list-style-type: none;
	padding-left: 9px;
	width:100px;
}


.search01_body ul li a span{
	font-size:10px;
	color:#666666;
}

/*勤務期間から探す*/
.search01_body ul.term{
	height:40px;
}

/*職種から探す*/
.search01_body ul li.job {
	float: left;
	background-image: url("../img/p.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	line-height: 1.5em;
	list-style-type: none;
	padding-left: 9px;
	margin-bottom:10px;
	width:120px;
}

.search01_body ul li.job a span{
	font-size:10px;
	color:#666666;
}

.search01_body ul li.job span.sub{
	font-size:10px;
	color:#666666;
}

/*勤務地から探す*/
.search01_body ul li.place {
	background-image:none;
	line-height:1.5;
	width:105px;
}

.search01_body ul li.place a {
	background-color:#ffffcc;
	font-size:10px;
	text-decoration:none;
	color:#333333;
}

/*注目の求人情報*/
.joken-midashi{
	color:#ff4400;
	line-height:1.8;
	clear:both;
}

.joken-midashi a{
	background-color:#ffffcc;
}

.joken-midashi span{
	color:#666666;
	font-size:10px;
}

.display_change{
	padding-left:50px;
	padding-top:10px; padding-bottom:10px;
}

/*注目の求人情報*/

.search01_body ul li.joken2 {
	width:130px;
}

/* お仕事サーチ開始 */


/* キーワードから探す開始 */ 

.s_keyword {
	width: 572px; height:auto; clear:both; margin-top: 10px; margin-bottom: 20px; padding:0;
	}

.s_keyword_title {
	float:left; padding-left:10px; padding-right: 10px; margin-top:5px;
	}

.s_keyword_body {
	float: right;width:440px; margin-top:5px; margin-bottom: 25px;
	}

.keyword-form { width: 80px; margin: 0; padding: 0; }

.nyuryokurei { padding-left:120px;}

/* キーワードから探す終了 */


/* 特集コンテンツ開始 */
.special_contents{
	width:590px;
}

.contents_left{
	width:250px;
	margin-left:50px;
	margin-top:10px;
	float:left;
}

.contents_left p{
	font-size:10px;
	color:#333333;
}

.contents_left p a{
	background-image: url("../img/arrow_pharm.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:10px;
}

.contents_right{
	width:250px;
	margin-right:20px;
	margin-top:10px;
	float:right;
}

.contents_right p{
	font-size:10px;
	color:#333333;
}

.contents_right p a{
	background-image: url("../img/arrow_pharm.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:10px;
}

/* 特集コンテンツ終了 */

/*スカウトコンテンツ＆人気キーワード部分*/
.scout_contents｛
	margin-bottom:10px;
}

.keyword-table{
	margin:0px; padding:0px;
}

.keyword-table tr td{
	font-size:10px;
}

.keyword-table tr td ul{
	clear:both;
	margin:0px; padding:0px;
	margin-left:10px;
}


.keyword-table tr td ul li{
	list-style:none;
	display:block;
	float:left;
	margin-right:10px;
	width:100px;
	margin-bottom:3px;
}

.keyword-table tr td ul li A{
	background-position: left center; display: inline; background: url(../img/p.gif) no-repeat;
	padding-left:10px;
}



/* マイページ登録開始 */
.mypage_body {BORDER-RIGHT: #999999 1px solid; MARGIN-BOTTOM: 0px; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;padding:0px 3px 4px 3px; }
.mypage_body DL DD {
	WIDTH: 152px
}
.mypage_body TABLE {
	BORDER-TOP-WIDTH: 0; MARGIN-TOP: -2px; BORDER-LEFT-WIDTH: 0; BORDER-BOTTOM-WIDTH: 0; MARGIN-BOTTOM: 8px; MARGIN-LEFT: 8px; BORDER-RIGHT-WIDTH: 0px
}
.mypage_body TABLE TD {
	FONT-SIZE: 10px
}

.background_m_b { 
    border-left: #DDDDDD 1px solid; border-bottom:#DDDDDD 1px solid; border-right:#DDDDDD 1px solid;width: 146px; padding-left: 2px; padding-right: 2px; padding-top:5px;
}
.background_m_b p {
	margin: 0 0 0 4px;
	font-size: 11px;
	padding: 0;
}
.background_m_b img {
	margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 4px;
}
.bg_touroku { 
    background-image:url(../img/mypage_hako.gif);
	height:51px;
	width:126px;
	text-align:left;
	padding-left: 10px;
	padding-top: 5px;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.touroku_cam img {margin-top:10px;}


/* マイページ登録終了 */


/* 派遣会社ピックアップ開始 */
.pickup_head { margin-top:10px;}

.pickup_body {
	BORDER-RIGHT: #999999 1px solid;
	MARGIN-BOTTOM: 0px;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	padding:0px 3px 4px 3px; 
}
.pickup_body  {
	WIDTH: 152px;
}

.pickup_wakusen {
	border-left: #DDDDDD 1px solid;
	border-bottom: #DDDDDD 1px solid;
	border-right: #DDDDDD 1px solid;
	width: 150px;
	padding: 10px 0 0 0 ;
	font-size: 10px;
}

.pickup_wakusen dl, .pickup_wakusen dd{
	margin:0px;
	padding:0px;
}

.pickup_wakusen ul{
  margin:0px;
  padding:0px;
  text-align:center;
}

.pickup_wakusen ul li.cname {
	list-style-type: none;
	line-height: 1.5em;
	background-image: url(../img/pochi_red.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding-left: 15px;
	text-align:left;
}

.pickup_wakusen ul li.cimg {
	list-style-type: none;
	line-height: 1.5em;
}

.pickup_wakusen ul li.ctxt {
	list-style-type: none;
	line-height: 1.5em;
	text-align:left;
	padding:5px;
}

/* 派遣会社ピックアップ終了 */



/* 携帯版派遣＠ばる開始 */
.mobile_head { margin-top:10px;}

.mobile_body {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	padding:0px 3px 4px 3px;
	WIDTH:152px;
	margin:0 0 10px 0;
}

.mobile_wakusen {
	border-left: #DDDDDD 1px solid;
	border-bottom:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	width: 150px;
	padding:5px 0 5px 0; FONT-SIZE: 10px; background-color:#FFE8EE; 
}

.mobile_qr {
height:135px; width:112px; border:#FF3366 1px solid; background-color:#FFFFFF; margin-bottom:5px; padding-top:8px; margin-bottom:5px; text-align:center;
}

.mobile_qr img { padding-bottom:3px;
}

.mobiletext {width:115px; margin-bottom:5px;}

/* 携帯版派遣＠ばる終了 */


/* 個人向け・法人向けコンテンツ開始 */
.contents_body1 {
    MARGIN-BOTTOM: 0; BORDER-RIGHT: #999999 1px solid; BORDER-LEFT: #999999 1px solid; padding:0 3px 0px 3px;
}
.contents_body1 ul {
	margin:0; padding: 0;
	padding-bottom:5px;
}
.contents_body1 ul li {
	list-style-type: none; line-height: 1.5em; background-image: url(../img/pochi_red.gif); background-repeat: no-repeat; background-position: 7px 5px; padding-left: 15px;
}

.contents_body1_wakusen { 
    border-left: #DDDDDD 1px solid; border-right:#DDDDDD 1px solid;width: 146px; padding-left: 2px; padding-right: 2px; padding-top:5px;
}


.contents_body2 {
    BORDER-RIGHT: #999999 1px solid; MARGIN-BOTTOM: 9px; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;padding:0 3px 4px 3px; 
}

.contents_body2 ul {
	margin:0; padding: 0;
}
.contents_body2 ul li {
	list-style-type: none; line-height: 1.5em; background-image: url(../img/pochi_red.gif); background-repeat: no-repeat; background-position: 7px 5px; padding-left: 15px;
}

.contents_body2_wakusen { 
    border-left: #DDDDDD 1px solid; border-right:#DDDDDD 1px solid;border-bottom: #DDDDDD 1px solid;width: 146px; padding-left: 2px; padding-right: 2px; padding-top:5px;
}

.background_c img{margin:0 auto 5px auto;
}

/* 個人向け・法人向けコンテンツ終了 */


/* 携帯版＠ばる開始 */
.hpval { margin-bottom: 10px;
}
/* 携帯版＠ばる終了 */


/* プライバシーマーク開始 */
.privacy  {
	text-align: center;
	width:160px;
}
/* プライバシーマーク終了 */

#left_contents{
 width:590px; float:left;
 
}

#right_contents{
 width:160px; float:right;
}

#contents{ 
   width: 762px;
   margin: 0;
}

/* フォントサイズ */
.font_10 {
	font-size: 10px;
}


/* ============================================================
footer1
============================================================ */
.footer1 {
  width:762px; height:72px;
  background:url(../../../../img/footer_back.gif) left top repeat;
  text-align:center;
  margin:10px auto auto auto;
  float:left;
}

.footer1 ul, .footer2 ul{
  width:650px;
  text-align:center;
  padding-top:0px;
  margin-top:2px;
  margin-left:auto; margin-right:auto;
  margin-bottom:0px;

  clear:both;
}

.footer1 li{
  display:block;
  font-size:10px;
  margin-left:10px;
}

.footer1 li, .footer2 li{
  display:inline;
  font-size:10px;
  margin-left:10px;
}

.footer1 li a{
  background:url(../img/arrow_pharm.gif) left center no-repeat;
  padding-left:10px;
  display:block; text-align:left; float:left;
}

.footer1 li a.f1{
  width:65px;
}

.footer1 li a.f2{
  width:100px;
}

.footer1 li a.f3{
  width:80px;
}

.footer1 li a.f4{
  width:110px;
}

.footer1 li a.f5{
  width:110px;
}

.footer1 li a.f6{
  width:110px;
}
.footer1 li a.f7{
  width:110px;
}
.footer1 li a.f8{
  width:110px;
}

求人.headline{
  color:#Ff3366; padding-top:3px;
}

/* ============================================================
footer2
============================================================ */

.footer2{
  width:762px;
  padding-top:8px;
  text-align:center;
  background:url(../img/f_bak.gif) left top repeat-x;
  margin-left:auto; margin-right:auto;
  float:left;
}
/* フッター終了 */