@charset "utf-8";
/* --------------------------------------------
 * theme.css
 * デザイン要素指定用スタイルシート
 * Date: 2008/9/19   Update:2008/9/19
 * Auther: esCrew
 * 適応範囲: 全ページ
 * -------------------------------------------- */
 
/* --------------------------------------------
 * ページ基本構成
 * -------------------------------------------- */

body {
background: #E8F1F7 url(../images/common/body/back.jpg) repeat-x;
}

hr {
height: 1px;
border: 0px;
color: #CCCCCC; /* 線の色(IE用) */
background-color: #CCCCCC; /* 線の色(NN用) */
}

#wrapper{
background-color: #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

.d_no {
	display: none;
}

/* ヘッダ領域 */
#header p.sub a{
border-left:1px solid #ccc;
padding-left:5px;
line-height:1em;
}

#header p.sub a.group{
border-left: none;
}

/* ナビゲーション領域 */
.d_no {
display: none;
}

#mainMenu {
background: #FFFFFF url(../images/common/menu/backBlank.jpg) repeat-x;
}

#mainMenu img {
margin:0;
padding:0;
}

#mainMenu li a.etc {
width: 75px;
height: 45px;
display:block;
text-decoration:none;
margin:0;
padding:0;
}

#mainMenu li a.service {
width: 140px;
height: 45px;
display:block;
text-decoration:none;
margin:0;
padding:0;
}

/* = HOME = */
#mainMenu li.home a:hover{
background:url(../images/common/menu/home_on.jpg) no-repeat;
}

/* =金融アウトソーシングサービス= */
#mainMenu li.finance a:hover{
background:url(../images/common/menu/finance_on.jpg) no-repeat;
}

/* =健保アウトソーシングサービス= */
#mainMenu li.outsourcing a:hover{
background:url(../images/common/menu/outsourcing_on.jpg) no-repeat;
}

/* =人材派遣・紹介サービス= */
#mainMenu li.jinzai a:hover {
background:url(../images/common/menu/jinzai_on.jpg) no-repeat;
}

/* =お知らせ= */
#mainMenu li.topics a:hover {
background:url(../images/common/menu/topics_on.jpg) no-repeat;
}

/* =会社概要= */
#mainMenu li.company a:hover {
background:url(../images/common/menu/company_on.jpg) no-repeat;
}

/* =採用情報= */
#mainMenu li.recruit a:hover {
background:url(../images/common/menu/recruit_on.jpg) no-repeat;
}

#mainMenu li a:hover img{
position:relative!important;
visibility:hidden!important;
z-index: -1!important;
}

/* メインコンテンツ領域 */

/* = お知らせ部分 = */
#info dl {
border-bottom:1px dotted #ccc;
line-height: 180%;
}

/* = ベリサイン部分 = */
#verisign,
#pmark,
#isms {
}

/* = 右側（金融アウトソーシング 人材紹介）部分 = */
#main dl {
line-height: 150%;
background: #fff url(../images/top/back.gif) repeat-y;
}

#main dl.narrow dd {
background: url(../images/common/arrow/localMenu.gif) no-repeat 0 4px;
}

/* サイドメニュー領域 */


/* フッタ領域 */
#pagetop {
background-color: #fff;
}

#localMenu {
border-top: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
}

#submenu {
background: #EDEDED url(../images/common/header/submenu.gif) repeat-x;
}

* html #submenu{
height: 1%;
}

#localMenu li {
background: #fff url(../images/common/arrow/localMenu.gif) no-repeat 0 3px;
}

#submenu li {
background: url(../images/common/arrow/localMenu.gif) no-repeat 1px 4px;
}

#footnavi {
line-height:150%;
background-color: #fff;
}

#leftArea {
line-height:1.5em;
background-color: #ECECEC;
}


/* 金融アウトソーシングサービス領域 */
#maincontent h2 {
background:transparent url(../images/common/h2/title_h2.gif) repeat-y scroll 0%;
}

#maincontent h3 {
border-bottom: 3px solid #CCCCCC;
}

#mainColumn {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
background-color: #F7F7F7;
}


#mainColumn dl.index{
margin: 0 0 20px 0px;
padding: 0;
}

#mainColumn dl.index dt {
margin: 0 0 0.4em 0;
padding: 0;
font-size: 0.9em;
font-weight: bold;
}

#mainColumn dl.index dt.noLink {
padding: 0 0 0 15px;
}

#mainColumn dl.index dt a{
padding: 0 0 0 15px;
background: url(../images/common/arrow/ico_arrow.gif) no-repeat left center;
}

#mainColumn dl.index dd {
margin: 0 15px 1em 15px;
padding: 0 0 0.7em 0;
font-size: 0.8em;
line-height: 1.4em;
background: url(../images/common/arrow/bg_bottom_line.gif) no-repeat left bottom;
}

#mainColumn dl.index dd ul.link {
margin: 0.5em 0;
padding: 0;
font-size: 0.9em;
text-align: left;
}

#mainColumn dl.index dd ul.link li {
padding: 0.3em 0;
text-align: left;
}

ul.link {
margin-bottom: 2em;
list-style-type: none;
}

ul.link li {
line-height: 1.4em;
text-align: right;
}

ul.link li a {
padding-left: 15px;
background:url(../images/common/arrow/ico_arrow.gif) no-repeat left center;
}

/* 通常テーブル */
table.usually {
border:2px solid #CCC;
}

table.usually caption {
}

table.usually th,
table.usually td {
padding: 0.4em;
border: 1px solid #CCC;
}

table.usually td{
background:white;
border-left:1px solid white;
border-top:1px solid white;
}

table.usually thead th {
background:#FDF9EA;
border-left:1px solid white;
border-top:1px solid white;
}

table.usually tbody th{
background:#FDF9EA;
border-left:1px solid white;
border-top:1px solid white;
}

table.usually tbody td{
background:white;
border-left:1px solid white;
border-top:1px solid white;
}

table.usually col.item {
	width:150px;
}

table.usually col.item2 {
	width:235px;
}

table.usually col.details {
	width:auto;
}

/* 人材派遣・紹介サービステーブル */
table.personal,
table.corporation {
}

table.personal caption,
table.corporation caption {
}

table.personal th,
table.personal td,
table.corporation th,
table.corporation td {
padding: 0.4em;
border: 3px solid #CCC;
}

table.personal td,
table.corporation td {
background:white;
border-left:3px solid white;
border-top:3px solid white;
}

table.personal tbody th,
table.corporation tbody th{
background:#eeeeee;
border-left:3px solid white;
border-top:3px solid white;
border-bottom:3px solid #eee;
vertical-align: top;
}

table.personal tbody td,
table.corporation tbody td {
background:white;
border:3px solid white;
}

table.personal col.step,
table.corporation col.step {
width:150px;
}

table.personal col.details,
table.corporation col.details {
width:auto;
}

/* 募集案件領域 */
table.retrieval {
border:2px solid #999;
}

table.retrieval caption {
font-weight: bold;
}

table.retrieval th,
table.retrieval td {
padding: 0.4em;
border: 1px solid #CCC;
}

table.retrieval td{
background:white;
border-left:1px solid white;
border-top:1px solid white;
}

table.retrieval thead th {
background:#FDF9EA;
border-left:1px solid white;
border-top:1px solid white;
}

table.retrieval tbody th{
background:#FDF9EA;
border-left:1px solid white;
border-top:1px solid white;
}

table.retrieval tbody td{
background:white;
border-left:1px solid white;
border-top:1px solid white;
}

table.retrieval th.header { 
background-image: url(../images/common/arrow/bg.gif);     
cursor: pointer; 
background-repeat: no-repeat; 
background-position: center right; 
}

table.retrieval th.headerSortDown { 
background-image: url(../images/common/arrow/desc.gif); 
background-color: #DBF0F9; 
font-weight: bold; 
}

table.retrieval th.headerSortUp { 
background-image: url(../images/common/arrow/asc.gif); 
background-color: #DBF0F9; 
font-weight: bold; 
} 

table.retrieval col.item {
	width:200px;
}

table.retrieval col.details {
	width:auto;
}

/* 検索項目領域 */
table.search {
border:1px solid #999;
}

table.search caption {
}

table.search th,
table.search td {
padding: 0.4em;
border: 1px solid #CCC;
}

table.search td{
background:white;
border-left:1px solid white;
border-top:1px solid white;
}

table.search thead th {
background:#DBF0F9;
border-left:1px solid white;
border-top:1px solid white;
}

table.search tbody th{
background:#F6FAFE;
border-left:1px solid white;
border-top:1px solid white;
}

table.search tbody td{
background:white;
border-left:1px solid white;
border-top:1px solid white;
}


/* 検索項目領域 */
input.clear {
background-color:#EEE;
padding: 0 8px;
border-style:outset;
border-width: 2px;
line-height:1.2;
}

input.search {
color:#ffffff;
background-color:#3797D5;
padding: 0 8px;
border-style:outset;
border-width: 2px;
line-height:1.2;
font-weight: bold;
}


/* 共通問い合わせ */
div#contact {
clear : both;
padding-bottom: 5px;
background-color: #fff;
border: 1px solid #DFDFDF;
}

div#contact h4 {
color: #035AAA;
border-bottom: none;
background-image: none;
border-bottom: 1px dotted #999;
background-color: #F9F9F9;
}

div#contact p {
margin: 5px 0 5px 0;
padding: 0;
}

/* === sitemap お役立ちリンク集 === */
#site .main_ttl {
margin-bottom:15px;
border-bottom:3px solid #D5D5D5;
}

#site .main_ttl h4 {
margin:0;
padding: 5px 0 5px 13px;
font-weight:bold;
line-height:1.2;
background:url(../images/common/arrow/icn_site.gif) 0 6px no-repeat;
}

#site .main_ttl a {
}

#site ul {
list-style:none;
margin:0 10px 20px 0;
padding: 0 0 0 15px;
}

#site ul.child {
list-style:none;
margin: 10px 0 20px 0;
padding: 0;
}

#site li {
margin-bottom:10px;
padding-left:20px;
background:url(../images/common/arrow/icn_arrow_site.gif) 5px 2px no-repeat;
}

#site_inner {
width:680px;
margin:15px auto;
}

#site_column {
float:left;
width:330px;
}

#site_column2 {
float:right;
width:330px;
}

#site .beginner img {
margin-left:10px;
margin-bottom:3px;
vertical-align:bottom;
}