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

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

/*
ヘッダー
---------------------------------------------------------------------------------*/
#header {
  background: #fff;
  overflow: hidden;
  padding: 0 10px 10px;
  width: 950px;
}

#header h2 {
  display: block;
  float: left;
  margin: 10px 0 0;
}

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

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

/*
バナー表示
---------------------------------------------------------------------------------*/
#pickup {
  color: #ff7383;
  font-size: 85%;
  margin: 5px 10px 0;
  padding: 0;
  text-align: left;
}

/*
スーパーバナー
---------------------------------------------------------------------------------*/
#bnrSuper {
  background:url('../img/system/search/list/arrowLeft.gif') 8px center no-repeat;
  border: 1px solid #ff7383;
  height: 108px;
  margin: 0 auto 10px;
  overflow: hidden;
  text-align: center;
  width: 948px;
}

.jCarouselLiteDemo img {
  display: block;
}

.jCarouselLiteDemo .carousel {
  background: url('../img/system/search/list/arrowRight.gif') 911px center no-repeat;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 948px;
}
        
.jCarouselLiteDemo .carousel .jCarouselLite {
  height: 110px;
  margin: 0 auto;
  position: relative;
  visibility: hidden;
  width: 850px;
  z-index: 100;
}

.jCarouselLiteDemo .carousel ul {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.jCarouselLiteDemo .carousel li {
  float: left;
  height: 95px;
  list-style: none;
  padding: 7px 8px;
  width: 270px;
}

.jCarouselLiteDemo .carousel li:hover {
  background: #fcc;
}

.jCarouselLiteDemo .carousel img {
  cursor: pointer;
  float: left;
  height: 95px;
  overflow: hidden;
  width: 270px;
}

.jCarouselLiteDemo .carousel li img {
}

/*
スタンダードバナー
---------------------------------------------------------------------------------*/
#bnrStandard {
  margin: 0 auto;
  padding: 0 15px;
  width: 920px;
}

#bnrStandard ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#bnrStandard img {
  display: block;
  vertical-align: bottom;
}

#bnrStandard li {
  float: left;
  line-height: 0;
  padding: 0 15px;
}

#bnrStandard p {
  line-height: 1.4;
}

/*
オススメ求人
---------------------------------------------------------------------------------*/
#recommend {
  background: #fff;
  border: 1px solid #ff7383;
  margin-bottom: 10px;
  width: 188px;
}

#recommend h3 {
  display: block;
  margin: 0;
  padding: 0;
}

#recommend p {
  font-size: 72%;
  margin: 0;
  text-align: left;
}

#recommend a {
  color: #39f;
}

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

/*
サーチバナー
---------------------------------------------------------------------------------*/
#bnrSearch {
  list-style: none;
  margin: 0 auto 10px;
  padding: 0 5px;
  width: 170px;
}

#bnrSearch a {
  float: left;
}

#bnrSearch li {
  line-height: 0;
  overflow: hidden;
  padding: 10px 0 0;
}

#bnrSearch img {
  display: block;
  vertical-align: bottom;
}

#bnrSearch p {
  line-height: 1.4;
  margin-left: 145px;
}

/*
ページ移動
---------------------------------------------------------------------------------*/
.pagenation {
  font-size: 72%;
  margin: 0 auto 10px;
  overflow: hidden;
  text-align: center;
  width: 740px;
}

.pagenation p {
  float: left;
  margin: 10px 10px 0 0;
  text-align: left;
}

.pagenation form {
  float: left;
  margin: 8px 0 0;
  padding: 0;
}

.pagenation div {
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}

.pagenation ul {
  margin: 0 auto;
  padding: 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;
}
/*サブ表示部分---------------------------------------------------------------------------------*/
#sub {
  width: 190px;
}

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

#sub #floater {
  margin-bottom: 10px;
  position: relative;
  width: 190px;
}

/*
キープBOX
---------------------------------------------------------------------------------*/
#keepHead {
  background: url(../img/system/sub/bgKeep.gif) no-repeat top;
  height: 167px;
}

#keepBox h3 {
  margin: 0 auto;
  padding: 10px 10px 5px;
}

/*
キープBOX - 件数表示・問い合わせ
---------------------------------------------------------------------------------*/
#keepCount {
  background: #fff;
  font-size: 72%;
  margin: 0 auto;
  padding: 10px;
  width: 150px;
}

#keepCount p {
  margin: 0 0 5px;
}

#keepCount span {
  color: #09f;
  font-size: 122%;
  font-weight: bold;
  margin: 0 5px;
}

#keepCount div span {
  color: #f36;
  font-size: 100%;
  margin: 0;
}

#keepCount div #closed {
  color: #f60;
}

/*
キープBOX - 使い方・一覧共通
---------------------------------------------------------------------------------*/
#keepBox .keepSlide,
#keepBox #keepListSlide {
  display: block;
  height: 30px;
  text-indent: -9999px;
  width: 188px;
}

/*
キープBOX - 使い方
---------------------------------------------------------------------------------*/
#wrapHowKeep {
  border: 1px solid #a2de6d;
}

#wrapHowKeep .panel-up {
  background: url(../img/system/sub/howKeepOpen.gif) no-repeat scroll 0 0;
}

#wrapHowKeep .panel-down {
  background: url(../img/system/sub/howKeepClose.gif) no-repeat scroll 0 0;
}

#wrapHowKeep ul {
  font-size: 72%;
  list-style: none;
  margin: 0 9px;
  padding: 9px 0 0;
  text-align: left;
  width: 168px;
}

#wrapHowKeep li {
  background: url(../img/system/sub/iconHeart.gif) no-repeat left 3px;
  margin-bottom: 9px;
  padding-left: 15px;
}

/*
キープBOX - 一覧
---------------------------------------------------------------------------------*/
#wrapKeepList {
  background: #fff;
  border: 1px solid #ffd378;
  margin-top: 1px;
}

#wrapKeepList .panel-up {
  background: url(../img/system/sub/keepListOpen.gif) no-repeat scroll 0 0;
}

#wrapKeepList .panel-down {
  background: url(../img/system/sub/keepListClose.gif) no-repeat scroll 0 0;
}

#keepList div {
  border-bottom: 1px dotted #f60;
  margin: 0 4px 5px;
  overflow: hidden;
  padding: 5px 5px;
  width: 168px;
}

#keepList img {
  margin-top: 8px;
}

#keepList dl {
  float: left;
  font-size: 72%;
  margin: 0;
  padding: 0 5px 0 0;
  text-align: left;
  width: 130px;
}

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

#keepList a {
  color: #f60;
}

#goKeepList {
  font-size: 72%;
  margin: 0 5px 5px;
  text-align: right;
}

#goKeepList a {
  color: #09f;
}