/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/*==============================================================================
   Cover
================================================================================ */


/* カバーメインビジュアルエリア
========================================================================*/

/* メインビジュアル背景
-------------------------------------- *//*詳細グラデーション上と同じ設定*/
#coverList li.Tech{background:#006478;}
#coverList li.Global{background:#013C80;}
#coverList li.Creative{background:#96146E;}
#coverList li.Culture{background:#DC5A00;}

/* タイトル・リード文背景（TB・SP）
-------------------------------------- */
@media only screen and (max-width: 959px) {
    .topCoverInfo_01 div.Tech{background:#006478;}
	.topCoverInfo_01 div.Global{background:#013C80;}
	.topCoverInfo_01 div.Creative{background:#96146E;}
	.topCoverInfo_01 div.Culture{background:#DC5A00;}
}


/* カバー詳細
========================================================================*/

/* カバー詳細上部のbox-shadow
-------------------------------------- */
#topCoverDetail .detailContentWrapper{
	box-shadow:inset 0 2px 2px rgba(0,0,0,.3);
}
	@media only screen and (max-width: 959px) {
		#topCoverDetail .detailContentWrapper{
			box-shadow:none;
		}
	}


/* カバー詳細　背景グラデーション（デフォルト設定）
-------------------------------------- */
/* Tech */
#topCoverDetail div.Tech{
	background:#006478;
	
	/*gradation*/
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #006478), color-stop(1, #28B496));
	background-image: -o-linear-gradient(bottom, #006478 0%, #28B496 100%);
	background-image: -moz-linear-gradient(bottom, #006478 0%, #28B496 100%);
	background-image: -webkit-linear-gradient(bottom, #006478 0%, #28B496 100%);
	background-image: -ms-linear-gradient(bottom, #006478 0%, #28B496 100%);
	background-image: linear-gradient(to bottom, #006478 0%, #28B496 100%);

	}
#topCoverDetail div.Tech .info{color:#FFFFFF;}

/* Global */
#topCoverDetail div.Global{
	background:#013C80;
	
	/*gradation*/
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #013C80), color-stop(1, #41B3DC));
	background-image: -o-linear-gradient(bottom, #013C80 0%, #41B3DC 100%);
	background-image: -moz-linear-gradient(bottom, #013C80 0%, #41B3DC 100%);
	background-image: -webkit-linear-gradient(bottom, #013C80 0%, #41B3DC 100%);
	background-image: -ms-linear-gradient(bottom, #013C80 0%, #41B3DC 100%);
	background-image: linear-gradient(to bottom, #013C80 0%, #41B3DC 100%);
	}
#topCoverDetail div.Global .info{color:#FFFFFF;}

/* Creative */
#topCoverDetail div.Creative{
	background:#96146E;
	
	/*gradation*/
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #96146E), color-stop(1, #DC5082));
	background-image: -o-linear-gradient(bottom, #96146E 0%, #DC5082 100%);
	background-image: -moz-linear-gradient(bottom, #96146E 0%, #DC5082 100%);
	background-image: -webkit-linear-gradient(bottom, #96146E 0%, #DC5082 100%);
	background-image: -ms-linear-gradient(bottom, #96146E 0%, #DC5082 100%);
	background-image: linear-gradient(to bottom, #96146E 0%, #DC5082 100%);

	}
#topCoverDetail div.Creative .info{color:#FFFFFF;}

/* Culture */
#topCoverDetail div.Culture{
	background:#DC5A00;
	
	/*gradation*/
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #DC5A00), color-stop(1, #F5A032));
	background-image: -o-linear-gradient(bottom, #DC5A00 0%, #F5A032 100%);
	background-image: -moz-linear-gradient(bottom, #DC5A00 0%, #F5A032 100%);
	background-image: -webkit-linear-gradient(bottom, #DC5A00 0%, #F5A032 100%);
	background-image: -ms-linear-gradient(bottom, #DC5A00 0%, #F5A032 100%);
	background-image: linear-gradient(to bottom, #DC5A00 0%, #F5A032 100%);
}
#topCoverDetail div.Culture .info{color:#FFFFFF;}


/* カバー詳細　Nextボタン画像（MT吐き出し）
-------------------------------------- */

.topNextbtn a.topCoverDetailBtn_7740:before{background: rgba(0, 0, 0, 0.3) url() no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7735:before{background: rgba(0, 0, 0, 0.3) url() no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7724:before{background: rgba(0, 0, 0, 0.3) url() no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7721:before{background: rgba(0, 0, 0, 0.3) url() no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7669:before{background: rgba(0, 0, 0, 0.3) url() no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7580:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_f6.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7579:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_f5.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7578:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_f4.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7577:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_f3.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7576:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_f2.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7575:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_f1.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7538:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_e6.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7537:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_e5.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7536:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_e4.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7535:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_e3.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7534:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_e2.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7533:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_e1.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7399:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_d6.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7398:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_d5.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7397:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_d4.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7396:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_d3.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7395:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_d2.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7394:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_d1.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7382:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_c6.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7381:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_c5.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7380:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_c4.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7379:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_c3.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7378:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_c2.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7377:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_c1.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7184:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_b6.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7183:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-b5.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7181:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet_small_b4.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7180:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-b3.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7179:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-b2.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7178:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-b1.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7177:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-a6.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7176:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-a5.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7174:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-a4.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7173:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-a3.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7172:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-a2.jpg) no-repeat left top;background-size: auto 100%;}

.topNextbtn a.topCoverDetailBtn_7170:before{background: rgba(0, 0, 0, 0.3) url(http://www.recruit-rgf.com/meet_recruit/img/meet-small-a1.jpg) no-repeat left top;background-size: auto 100%;}
                                                                             


/*==============================================================================
   Recommend: Banner Slider
================================================================================ */
#topRecommend{
	background:#E6EBF0;
	padding:30px 0 0;
	margin-top:40px;
}
	@media only screen and (max-width: 599px) {
		#topRecommend{ padding:20px 0 0;}
	}
#topRecommendList{
	padding:0;
	margin:0;
}
#topRecommendList li{
	margin-right: 26px;
	padding:0;
	/*margin:0 2.78% 15px 0;2.291*/
	/*width:22.91%;*/
	line-height:1.0;
}
#topRecommendList li{
	width: 100%;
}
#topRecommendList li p{
	margin: 6px 0 0;
}

#topRecommendList li a{
	display:block;
	font-size:74%;
	/*width:220px;*/
	width:100%;
	font-family:NeoSansStd-Medium;/*hu*/ /*webfont*/
	line-height: 1.2;
}
#topRecommendNav{
	margin-bottom:40px;
}


#topRecommendList li a.textlink{display: initial;}



/* Browser Resets
*********************************/
.recomendSlider-container a:active,
.flexslider a:active,
.recomendSlider-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.recomendSlider-control-nav,
.recomendSlider-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.recomendSlider-pauseplay span {text-transform: capitalize;}


/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.recomendSlider-viewport,.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .recomendSlider-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.recomendSlider-direction-nav {*height: 0;width: 72px;float: right;}
.recomendSlider-direction-nav a  {
	display: block;
	width: 35px;
	height: 35px;
	position:relative;
	top:-26px;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	transition: all .15s ease;
	color:rgba(0,0,0,0);
	text-indent:-9999em;
	background:#B8C0C8;
}
.recomendSlider-direction-nav a:hover {
	background:#A5ACB4;
	text-decoration:none;
	cursor:pointer;
}

.recomendSlider-direction-nav a:before  {
	font-family: 'paddock_pict';
	content:"\e60c";
	color:#3F4F5F;
	font-size: 10px;
	font-weight:normal;
	display:block;
	height:15px;
	width:15px;
	position:absolute;
	text-indent:0em;
	left:12px;
	top:10px;
}

.recomendSlider-direction-nav a.recomendSlider-prev:before  {
	content: '\e60f';
	}
.recomendSlider-direction-nav a.recomendSlider-next:before  {
	content: '\e60c';
	}

.recomendSlider-direction-nav .recomendSlider-prev {
	margin-right: 1px;
	float: left;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.recomendSlider-direction-nav .recomendSlider-next {
	float: left;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}


.flexslider:hover .recomendSlider-next:hover, .flexslider:hover .recomendSlider-prev:hover { /*opacity: 1;*/ }
.recomendSlider-direction-nav .recomendSlider-disabled { }


/* Control Nav */
.recomendSlider-control-nav {width: 100%; /*position: absolute;bottom: -40px;*/  text-align: center;
margin-top: 26px;
}
.recomendSlider-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline;}
.recomendSlider-control-paging li a {
	width: 7px;
	height: 7px; display: block; background: #666; background: rgba(0,0,0,0.2); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.recomendSlider-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.4); }
.recomendSlider-control-paging li a.recomendSlider-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

	@media only screen and (max-width:599px) {
		.recomendSlider-control-nav {margin-bottom: 3px;}
		.recomendSlider-control-nav li {margin: 0 4px; }
		.recomendSlider-control-paging li a {width: 5px; height: 5px;}
	}


.recomendSlider-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.recomendSlider-control-thumbs li {width: 25%; float: left; margin: 0;}
.recomendSlider-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.recomendSlider-control-thumbs img:hover {opacity: 1;}
.recomendSlider-control-thumbs .recomendSlider-active {opacity: 1; cursor: default;}


/* カバーのスライダーナビ
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport,.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;width: 72px;float: right;}
.flex-direction-nav a  { display: block; width: 35px; height: 35px; /*margin: -20px 0 0; position: absolute;*/position:relative; top:-26px; z-index: 10; overflow: hidden; /*opacity: 0;*/ cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;text-indent:-9999px; }
.flex-direction-nav .flex-prev { /*left: -50px;*/background:url(../img/btn_rcm_01.png) no-repeat left top;margin-right: 1px;float: left;}
.flex-direction-nav .flex-next { /*right: -50px;*/background:url(../img/btn_rcm_02.png) no-repeat left top;float: left;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { /*opacity: 1;*/ }
.flex-direction-nav .flex-disabled { /*opacity: 0!important;*/ filter:alpha(opacity=1); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }


/* Control Nav */
.flex-control-nav {width: 100%; /*position: absolute;bottom: -40px;*/  text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
                                   

@media only screen and (min-width: 600px) and (max-width: 959px) {
	.recomendSlider-viewport{margin-bottom: 28px;}

	#topRecommendList li{
		margin-right: 26px;
	}
                         

	#topRecommend .section{
		margin: 0 20px 0 38px;
	}

	#topRecommendList{
		width:92.96%;
		margin:0 auto 0 auto;
	}
	#topRecommendList li.list_01,
	#topRecommendList li.list_02,
	#topRecommendList li.list_03
	{
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	#topRecommendList li.list_03{margin-right:0;}
	#topRecommendList li.list_04{display:none;}
}


@media only screen and (max-width: 599px) {

	.recomendSlider-viewport{margin-bottom: 26px;}

	#topRecommendList li{
		margin-right: 9px;
	}

	#topRecommend .section{
		margin: 0 18px 0 18px;
	}


	.recomendSlider-direction-nav{display:none;}

	#topRecommendList{
		width: 82.82%;
		margin:0 auto 0 auto;
	}
	#topRecommendList li.list_01,
	#topRecommendList li.list_02,
	#topRecommendList li.list_03
	{
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	#topRecommendList li.list_02{margin-right:0;}
	#topRecommendList li.list_03,#topRecommendList li.list_04{display:none;}
    

}
                                                           
                                                           
                                                           
                                                           
/* Numbers
========================================================================*/
#numberItems {
	display:none;
}

/*numberWap*/
#numberWrap{
	background:url(/top/img/NumBg01.png);
	padding:38px 0 30px 0;
	border-top:1px solid #CCC;
	margin-bottom:44px;
}
#numberWrap h2{
	margin:0 0 18px 0 !important;
	padding:0 !important;
	background:0 !important;
	border:0;
	color:#4C6471;
	font-size:200%;
	font-family:NeoSansStd-Regular;
	text-align:center;
}


.numberBox {
	height:110px;
	margin:0 0 10px;
}
.numberText {
	height:110px;
	margin: 0;
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.numberBox a {
	height:110px;
	text-decoration:none;
	color:#0065BD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
	transition: all 0.15s ease;
	display:table-cell;
	vertical-align:middle;
}
.numberBox a:hover {
	background-color: rgba(75, 99, 111, 0.08);
}

.numberBox .numberText_01 {
	display:inline-block;
	width:100%;
	padding: 0 0 0 102px;
	margin: -2px 0 0;
	font-size:36px;
	font-weight:normal;
	font-family:NeoSansStd-Medium;
	line-height:1.3;
}
.numberBox .numberText_02 {
	width:100%;
	display:inline-block;
	font-family:NeoSansStd-Regular;
	font-size:14px;
	font-weight:normal;
	line-height:1.2;
	padding: 0 10px 0 102px;
}
	.numberBox a .numberText_02 {font-family:NeoSansStd-Medium;}


/*NewNumbers*/  

.numbers_7368{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon01.png) no-repeat 10.5% 20px;}

.numbers_7371{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon04.png) no-repeat 10.5% 20px;}

.numbers_7372{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon05.png) no-repeat 10.5% 20px;}

.numbers_7374{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon07.png) no-repeat 10.5% 20px;}

.numbers_7375{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon08.png) no-repeat 10.5% 20px;}

.numbers_7376{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon09.png) no-repeat 10.5% 20px;}

                                     

/*for Retina Display*/
@media(-webkit-min-device-pixel-ratio:2), 
(min-resolution:2dppx){

                      
/*NewNumbers*/

.numbers_7368{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon01_2x.png) no-repeat 10.5% 20px; background-size: 50px auto;}

.numbers_7371{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon04_2x.png) no-repeat 10.5% 20px; background-size: 50px auto;}

.numbers_7372{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon05_2x.png) no-repeat 10.5% 20px; background-size: 50px auto;}

.numbers_7374{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon07_2x.png) no-repeat 10.5% 20px; background-size: 50px auto;}

.numbers_7375{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon08_2x.png) no-repeat 10.5% 20px; background-size: 50px auto;}

.numbers_7376{background:url(http://www.recruit-rgf.com/numbers/img/NumIcon09_2x.png) no-repeat 10.5% 20px; background-size: 50px auto;}

               
                      
}


	@media only screen and (min-width:600px) and (max-width:959px) {

		.numberWrapIn{
			margin:0 auto 0 auto;
			width:91.14%;
		}
			.numberBox{
				margin-bottom:0px;
			}
		
		.col_08_1,
		.col_08_2,
		.col_08_3 { width: 50%; }
		.col_08_1,.col_08_2,.col_08_3{
			padding:0 0 0 0;
		}
		.col_08_1,
		.col_08_2,
		.col_08_3,
		.col_08_1.tab,
		.col_08_2.tab,
		.col_08_3.tab {
			padding-right:1.290945% !important;
		}

/*NewNumbers*/

.numbers_7368{background-position: 6.5% 20px;}

.numbers_7371{background-position: 6.5% 20px;}

.numbers_7372{background-position: 6.5% 20px;}

.numbers_7374{background-position: 6.5% 20px;}

.numbers_7375{background-position: 6.5% 20px;}

.numbers_7376{background-position: 6.5% 20px;}

    

	}
	
	@media only screen and (max-width:599px) {

		#numberWrap{
			padding:25px 0 27x;
			margin-bottom:25px;
		}
		#numberWrap h2{
			font-size:120%; /* JB */
		}
		.numberWrapIn{
			margin:0 auto 0 auto;
			width:92.82%;
		}
		.col_08_1,
		.col_08_2,
		.col_08_3 {
			width: 50%;
			padding:0;
		}
		
		.numberBox{
			margin:0 0 5px;
			height:auto;
		}
			
		.numberText {
			height:135px;
			display:block;
			text-align:center;
		}
	
		.numberBox a {
			height:auto;
			display:block;
		}
	
/*NewNumbers*/

.numbers_7368{background-position: center 7px; background-size: auto 50px;}

.numbers_7371{background-position: center 7px; background-size: auto 50px;}

.numbers_7372{background-position: center 7px; background-size: auto 50px;}

.numbers_7374{background-position: center 7px; background-size: auto 50px;}

.numbers_7375{background-position: center 7px; background-size: auto 50px;}

.numbers_7376{background-position: center 7px; background-size: auto 50px;}

		
	
		.numberBox .numberText_01 {
			display:block;
			padding: 54px 10px 0;
			margin: 0;
			font-size:24px;
			line-height:1.3;
		}
		.numberBox .numberText_02 {
			display:block;
			padding:0 10px 7px;
			font-size:12px;
			line-height:1.2;
		}

	}