@charset 'UTF-8';
/*---------------------------------------------------------------------------------
static
-----------------------------------------------------------------------------------
font size
147% = 24px
135% = 22px
122% = 20px
110% = 18px
97%  = 16px
85%  = 14px
72%  = 12px
60%  = 10px
---------------------------------------------------------------------------------*/

/*
import
---------------------------------------------------------------------------------*/
@import 'common.css';

/*
ヘッダー
---------------------------------------------------------------------------------*/
#caption {
  background: #a0a096;
  overflow: hidden;
  padding: 0 5px;
  width: 960px;
}

#caption h1 {
  float: left;
  font-size: 60%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#caption #goMobile {
  float: right;
  font-size: 60%;
}

#caption a {
  color: #fff;
}

#header {
  background: #fff;
  overflow: hidden;
  padding: 0 10px 10px;
  width: 950px;
}

#header h2,
#header div,
#header ul,
#header #headBnr {
  display: block;
  float: left;
  margin: 10px 0 0;
}

#header div {
  padding: 0 10px;
}

#header ul {
  color: #bbb;
  font-size: 10px;
  line-height: 1.3;
  list-style: none;
  margin: 8px 0 0;
  overflow: hidden;
  padding: 0 5px;
  text-align: left;
  width: 185px;
	float: left;
}

#header li {
  display: block;
  float: left;
  margin: 0;
  padding-top: 0;
  width: 85px;
}

#header li p,
#header li a {
  background-repeat: no-repeat;
  display: block;
  height: 25px;
  text-indent: -9999px;
  width: 85px;
}

#header .kansai {
  float: left;
  width: 95px;
}

#header .kansai a {
  background-image: url(../img/static/cmnHeader/btnKansai.gif);
}

#header .kanto a {
  background-image: url(../img/static/cmnHeader/btnKanto.gif);
}

#header .chushikoku {
  height: 35px;
  left: clear;
  width: 180px;
}

#header .chushikoku a {
  background-image: url(../img/static/cmnHeader/btnChushikoku.gif);
  width: 180px;
}

#header img {
  vertical-align: bottom;
}

#header p {
  color: #ff7383;
  font-size: 12px;
  margin: 0;
  padding: 0 5px;
}

#tipBody {
  background: #333;
  border-radius: 8px;
  color: #fff;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=90);
  font-size: 85%;
  left: 0;
  opacity: 0.9;
  padding: 10px;
  position: absolute;
  z-index: 9999;
}

/*
メイン
---------------------------------------------------------------------------------*/
#content {
  background: url(../img/static/bgContent.gif) repeat-y;
}

/*
メイン表示部分
---------------------------------------------------------------------------------*/
#main {
  width: 670px;
}

/*
コンテンツタイトル
---------------------------------------------------------------------------------*/
#cntTitle {
  margin: 0 0 10px;
  padding: 0;
}

/*
読み物系ページ移動
---------------------------------------------------------------------------------*/
#main #pagenation {
  margin: 10px auto;
  overflow: hidden;
  text-align: center;
  width: 670px;
}

#main #pagenation p {
  font-size: 72%;
  margin: 0;
  text-align: center;
}

#pagenation ul {
  font-size: 72%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}

#pagenation li {
  display: inline;
  font-weight: bold;
  margin: 0 0 0 2px;
}

#pagenation span {
  background: #eee;
  border: 1px solid #ccc;
  padding: 6px;
}

#pagenation a {
  border: 1px solid #ccc;
  color: #09f;
  padding: 6px;
  text-decoration: none;
}

#pagenation a:hover {
  border: 1px solid #000;
}

/*
サブ表示部分
---------------------------------------------------------------------------------*/
#sub {
  width: 260px;
}

/*
サブ表示部分
---------------------------------------------------------------------------------*/
#sub .wrapCnt h3 {
  margin: 0;
  padding: 0;
}

#sub .wrapCnt {
  border: 1px solid #a0a0a0;
  line-height: 1.5;
  margin: 0 0 10px;
  overflow: hidden;
  width: 258px;
}

#sub a {
  color: #39f;
}

#sub a:hover {
  color: #f90;
}

/*
サブ - 求人コンテンツ
---------------------------------------------------------------------------------*/
#sub #recommend {
  border-color: #a0a0a0;
  margin: 0 0 10px;
  padding: 0;
  width: 258px;
}

#sub #recommend dl {
  margin: 0 auto 10px;
  width: 245px;
}

#sub #recommend dt,
#sub #recommend dd {
  margin: 0;
  padding: 0;
}

#sub #recommend dt {
  font-size: 72%;
  text-align: left;
  padding-top: 10px;
}

#sub #recommend dd img {
  width: 245px;
}

#sub #recommend a,
#sub #recommend img {
  display: block;
}

#sub #recommend a:hover {
  left: 1px;
  position: relative;
  top: 1px;
}

/*
サブ - スピードサーチ
---------------------------------------------------------------------------------*/
#speedSearch p {
  font-size: 72%;
  font-weight: bold;
  margin: 5px;
  text-align: center;
}

#speedSearch span {
  color: #c00;
  font-size: 135%;
}

#speedSearch dl {
  margin: 5px;
  overflow: hidden;
  padding: 0;
  width: 247px;
}

#speedSearch dt,
#speedSearch dd {
  font-size: 72%;
  margin: 0;
  overflow: hidden;
  text-align: left;
}

#quickKeyword dt.keyword {
  margin-top: 5px;
}

#quickKeyword dt {
  color: #f66;
  font-size: 85%;
  padding-bottom: 2px;
}

#quickKeyword select,
#quickKeyword input {
  margin-bottom: 5px;
  width: 245px;
}

#quickKeyword option:nth-child(2n) {
  background: #ffefef;
}

#quickKeyword input {
  border: 1px solid #a0a0a0;
  padding: 0;
}

#quickKeyword .btnSearch {
  background: url(../img/static/sub/search/btnSearch.gif) no-repeat;
  border: 0;
  cursor: pointer;
  float: right;
  height: 25px;
  width: 90px;
}

#speedSearch #selectSearch {
  display: block;
  height: 30px;
  margin: 0 auto 5px;
  overflow: hidden;
  text-indent: -9999px;
  width: 248px;
}

#speedSearch .panel {
  cursor: pointer;
}

#speedSearch .panel a {
  text-decoration: none;
}

#speedSearch .panel-up {
  background: url(../img/static/sub/search/btnOpen.gif) no-repeat scroll 0 0;
}

#speedSearch .panel-down {
  background: url(../img/static/sub/search/btnClose.gif) no-repeat scroll 0 0;
}

#speedSearch .panel-closed {
  display: none;
}

#selectCondition dt {
  background: #fee;
  font-weight: bold;
  margin: 5px 0 3px 0;
  padding: 3px 0;
  text-align: center;
}

#selectCondition dt.uniqueWord {
	clear: both;
}

#selectCondition dd {
  padding: 0 0 5px;
}

#selectCondition dd.treatment {
  float: left;
  width: 120px;
}

/*
サブ - バナー
---------------------------------------------------------------------------------*/
#sub .banner a {
  display: block;
  margin-bottom: 10px;
}

#sub .banner a:hover {
  left: 1px;
  position: relative;
  top: 1px;
}

#sub .banner img {
  border: 1px solid #a0a0a0;
  width: 258px;
}

#sub .banner #mobile {
  margin-bottom: 10px;
}

/*
サブ - 運営サイト
---------------------------------------------------------------------------------*/
#site ul {
  list-style: none;
  margin: 9px 0 4px 9px;
  padding: 0;
  text-align: left;
}

#site li {
  margin: 0;
  overflow: hidden;
  padding: 0 9px 5px 0;
}

#site a {
  display: block;
}

#site p {
  font-size: 60%;
  margin: 0;
}

/*
サブ - クライアント様向け情報
---------------------------------------------------------------------------------*/
#client ul {
  list-style: none;
  margin: 4px;
  overflow: hidden;
  padding: 0;
  text-align: left;
}

#client li {
  float: left;
  margin: 0;
  padding: 5px;
  width: 115px;
}

#client img {
  vertical-align: bottom;
}

/*
フッター
---------------------------------------------------------------------------------*/
#footer {
  border-top: 1px solid #a0a0a0;
  font-size: 72%;
  padding: 10px 0;
  text-align: center;
  width: 970px;
}

#footer ul {
  list-style: none;
  margin: 0 auto 10px;
  overflow: hidden;
  padding: 0;
  width: 950px;
}

#footer #home {
  float: left;
}

#footer #sitemap {
  float: right;
}

#footer #home a {
  background: url(../img/cmn/footer/iconHome.gif) no-repeat left 0.1em;
  padding-left: 20px;
}

#footer #sitemap a {
  background: url(../img/cmn/footer/iconMap.gif) no-repeat left 0.1em;
  padding-left: 18px;
}

#footer div {
  color: #a0a0a0;
  margin: 0 auto 10px;
  overflow: hidden;
  width: 970px;
}

#footer a {
  color: #39f;
}

#footer a:hover {
  color: #f90;
}

#footer dl {
  float: left;
  margin: 0 0 10px;
  padding: 0 10px;
  text-align: left;
}

#footer dt,
#footer dd {
  margin: 0;
  padding: 0;
}

#footer img {
  vertical-align: bottom;
}

#footerSearch dl {
  width: 460px;
}

#footerSearch dl:first-child {
  border-right: 1px dotted #a0a0a0;
}

#footerContent dl {
  border-right: 1px dotted #a0a0a0;
  width: 160px;
}

#footerContent dl:last-child {
  border-right: none;
  width: auto;
}

#footerSearch dt,
#footerContent dt {
  margin-bottom: 5px;
}