@charset "UTF-8";

/*
es_MX
*/

/* common */
@import "/css/spa/common/seed.css";
@import "/css/spa/common/exmedia.css";
@import "/css/spa/common/enlarge.css";
@import "/css/spa/common/pkg.css";
@import "/css/spa/common/fan.css";

/* =========================================================
view-tab
========================================================= */
.view-tab li a {
	background-color: rgba(141,197,188,1);
}
.view-tab li a:hover {
	background-color: rgba(141,197,188,.8);
}
.view-tab li.on a {
	background-color: rgba(95,174,161,1);
}
.view-tab li.list a span {
	background-image: url(/img/common/cj/view_list.png);
}
.view-tab li.map a span {
	background-image: url(/img/common/cj/view_map.png);
}
.view-tab li.pic a span {
	background-image: url(/img/common/cj/view_pic.png);
}
.view-tab li.video a span {
	background-image: url(/img/common/cj/view_video.png);
}
/* =========================================================
view-sort
========================================================= */
.view-sort li a {
	background-color: #eef1f1;
	border: 1px solid #cfe3e0;
}
.view-sort li.on a {
	background-color: #cfe3e0;
}
/* =========================================================
link color
========================================================= */
a:link {
	color: #008db7;
}
a:visited {
	color: #008db7;
}
a:hover {
	color: #ff9933;
}
/* =========================================================
left menu
========================================================= */
#side-left .menu h3 {
	border-top: 4px solid #5faea1;
	border-bottom: 1px solid #5faea1;
}
#side-left .menu div a {
	background-color: #5faea1;
}
/* -----------------------------------------------
category
----------------------------------------------- */
#side-left .category li {
	background: url(/img/common/cj/left_nav_point.png) no-repeat 0 8px;
}
#side-left .category li.premiere a:after {
	background-image: url(/img/common/cj/icon_premier.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	width: 17px;
	height: 17px;
	content : "";
	display: inline-block;
	margin: -6px 0 -3px 3px;
}
#side-left .category li.fulltime {
	background: url(/img/common/cj/left_nav_category_fulltime.png) no-repeat 0 7px;
}
#side-left .category li.contract {
	background: url(/img/common/cj/left_nav_category_contract.png) no-repeat 0 7px;
}
#side-left .category li.temporary {
	background: url(/img/common/cj/left_nav_category_temporary.png) no-repeat 0 7px;
}
#side-left .category li.freelance {
	background: url(/img/common/cj/left_nav_category_freelance.png) no-repeat 0 7px;
}
#side-left .category li.part {
	background: url(/img/common/cj/left_nav_category_part.png) no-repeat 0 7px;
}
#side-left .category li.parttime {
	background: url(/img/common/cj/left_nav_category_parttime.png) no-repeat 0 7px;
}
#side-left .category li.shortparttime {
	background: url(/img/common/cj/left_nav_category_shortparttime.png) no-repeat 0 7px;
}
#side-left .category li.intern {
	background: url(/img/common/cj/left_nav_category_intern.png) no-repeat 0 7px;
}
#side-left .category li.outwork {
	background: url(/img/common/cj/left_nav_category_outwork.png) no-repeat 0 7px;
}
#side-left .category li.outsourcing {
	background: url(/img/common/cj/left_nav_category_outsourcing.png) no-repeat 0 7px;
}
#side-left .category li.working_holiday {
	background: url(/img/common/cj/left_nav_category_working_holiday.png) no-repeat 0 7px;
}
#side-left .category li.other {
	background: url(/img/common/cj/left_nav_category_other.png) no-repeat 0 7px;
}
/* -----------------------------------------------
banner bizarea
----------------------------------------------- */
#side-left .bizarea {
	text-align: center;
	margin-top: 10px;
}
#side-left .bizarea div {
	display: inline-block;
	background: url(/img/spa/cj/reg_illust.gif) no-repeat 0 0;
	margin-bottom: 2px;
	width: 134px;
	height: 59px;
}
#side-left .bizarea span {
	display: none;
}
#side-left .bizarea li.jpn a {
	display: inline-block;
	background: url(/img/spa/cj/reg_eng_off.gif) no-repeat 0 0;
	margin-bottom: 2px;
	width: 134px;
	height: 26px;
}
#side-left .bizarea li.jpn a:hover {
	background: url(/img/spa/cj/reg_eng_on.gif) no-repeat 0 0;
}
#side-left .bizarea li.eng a {
	display: inline-block;
	background: url(/img/spa/cj/reg_spa_off.gif) no-repeat 0 0;
	width: 134px;
	height: 36px;
}
#side-left .bizarea li.eng a:hover {
	background: url(/img/spa/cj/reg_spa_on.gif) no-repeat 0 0;
}
/* -----------------------------------------------
bizarea cj
----------------------------------------------- */
#side-left .bizarea-cj {
	margin: 15px 0;
}
#side-left .bizarea-cj a {
	display: block;
	background-image: url(/img/spa/cj/left_nav_bizarea_cj.png);
	background-size: 108px 46px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 46px;
}
#side-left .bizarea-cj a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#side-left .bizarea-cj span {
	display: none;
}
/* -----------------------------------------------
banner promotion
----------------------------------------------- */
#side-left .bn-promo li {
	margin-bottom: 10px;
}
#side-left .bn-promo .hataraku img {
	width: 125px;
	height: 170px;
}
#side-left .bn-promo .preschool img {
	width: 125px;
	height: 79px;
}
/* =========================================================
banner
========================================================= */
.bn-areacj {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	width: 100%;
}
.bn-areacj span {
	display: none;
}
.bn-areacj .left {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-right: 5px;
	width: 50%;
}
.bn-areacj .right {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	width: 50%;
}
.bn-areacj .la {
	border: 1px solid #ff6600;
	padding: 5px;
}
.bn-areacj .la:hover {
	border: 1px solid #ffcc00;
}
.bn-areacj .la a {
	display: inline-block;
	background: url(/img/spa/cj/banner_area_la.jpg) no-repeat 50% 50%;
	width: 100%;
	height: 33px;
}
.bn-areacj .hi {
	border: 1px solid #0099ff;
	padding: 5px;
}
.bn-areacj .hi:hover {
	border: 1px solid #ffcc00;
}
.bn-areacj .hi a {
	display: inline-block;
	background: url(/img/spa/cj/banner_area_hi.jpg) no-repeat 50% 50%;
	width: 100%;
	height: 33px;
}
.bn-areacj .sf {
	border: 1px solid #006699;
	padding: 5px;
}
.bn-areacj .sf:hover {
	border: 1px solid #ffcc00;
}
.bn-areacj .sf a {
	display: inline-block;
	background: url(/img/spa/cj/banner_area_sf.jpg) no-repeat 50% 50%;
	width: 100%;
	height: 33px;
}
/* =========================================================
location
========================================================= */
.location h3 {
	background-color: #5faea1;
}
.location div {
	background: url(/img/common/cj/location_bg.png) no-repeat 100% 100%;
}

.location p {
	background: url(/img/common/cj/location_arrow.png) no-repeat 10px 0;
}

/* =========================================================
contents name
========================================================= */
#contents-name h2 a {
	display: block;
	background: url(/img/spa/cj/title.gif) no-repeat 0 0;
	width: 229px;
	height: 50px;
}
/* =========================================================
nodata reg
========================================================= */
#nodata div a {
	background-color: #5faea1;
}
/* =========================================================
pagination
========================================================= */
.paging .bg {
	background-color: #5faea1;
}
/* =========================================================
text ad
========================================================= */
#sidead li.textad {
	background-color: #e8f3f2;
}