@charset "utf-8";
/*---------------------------------------------------

                #com.recruit

---------------------------------------------------*/
/* common
---------------------------------------------------*/
#main-visual{
	display:none\9; /* IE8  */
}
#main-8{
	display:none;
	display:block\9; /* IE8  */
	width:950px\9; /* IE8  */
	margin:0 auto 0 auto\9!important; /* IE8  */
}
#main-visual:not(:target){
	display:block\9; /* IE9 */
}
#main-8:not(:target){
	display:none\9; /* IE9 */
}

#com.recruit #contents {
	background: none;
	line-height:1.7;
	font-size:92.85714286%;
}
#com.recruit .inner {
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#com.recruit #contents .fl {
	float: left;
}
#com.recruit #contents .fr {
	float: right;
}
#com.recruit #contents .ls-1 {
	letter-spacing: 1px;
}

/*---------------------------------------------------

                #com.recruit index

---------------------------------------------------*/
/* nowloading
---------------------------------------------------*/
#com.recruit #nowloading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: url("/com/recruit/shinsotsu/img/loading3.gif") center center no-repeat #ffffff;
	/*display: none;*/
}
/* nowloading
---------------------------------------------------*/
#com.recruit #splash {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	overflow: hidden;
	background: white;
	display:none;
}
#com.recruit #splash img.bg {
	position: absolute;
	top: 0;
	left: 0;
}
#com.recruit #splash div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
}
#com.recruit #splash h5 {
	width: 950px;
	margin: 0 auto;
	padding-bottom: 78px;
}
#com.recruit #splash div p {
	width: 950px;
	margin: 0 auto;
}
#com.recruit #splash div p img {
	display: inline-block;
	margin: 0 11px;
}


/* main-visual
---------------------------------------------------*/
#com.recruit #contents.index #main-visual {
	position: relative;
	text-align: center;
}
#com.recruit #contents.index #main-visual canvas {
	min-width: 950px;
	cursor: pointer;
}
#com.recruit #contents.index #main-visual div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 200;
}

/* topic
---------------------------------------------------*/
#com.recruit #contents.index #topic {
	height: 50px;
	background: url("/com/recruit/shinsotsu/img/index/noise_bg.png") center top;
}
#com.recruit #contents.index #topic p {
	padding-top: 15px;
}
#com.recruit #contents.index #topic span {
	color: #e22834;
	padding-right: 12px;
}
/* entry
---------------------------------------------------*/
#com.recruit #contents.index #entry{
	padding-top:50px;
}
#com.recruit #contents.index #entry ul{
	width:250px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#com.recruit #contents.index #entry ul li{
	display:block;
	float:left;
	width:110px;
	margin-left:30px;
}
#com.recruit #contents.index #entry ul li:first-child{
	margin-left:0px;
}
/* member
---------------------------------------------------*/
#com.recruit #contents.index #member {
	height: 730px;
}
#com.recruit #contents.index #member .inner > p {
	padding-top: 50px;
	height: 210px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}
#com.recruit #contents.index #member .inner > div {
	position: relative;
	height: 395px;
}
#com.recruit #contents.index #member .inner > div .arr a:hover {
	filter: alpha(opacity=70);
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#com.recruit #contents.index #member .inner > div .arr {
	position: absolute;
	top: 156px;
	left: 926px;
}
#com.recruit #contents.index #member .inner > div .arr:first-child {
	left: 0;
}
#com.recruit #contents.index #member .member-group {
	position: relative;
	width: 850px;
	height: 395px;
	margin: 0 auto;
	overflow: hidden;
}
#com.recruit #contents.index #member .member-group ul li img {
	display: block;
}
#com.recruit #contents.index #member .member-group .shadow {
	position: absolute;
	top: 0; left: 0;
	z-index: 100;
}
#com.recruit #contents.index #member .member-group .shadow img {
	display: block;
	position: absolute;
	top: 0;
	left: 818px;
}
#com.recruit #contents.index #member .member-group .shadow img:first-child {
	left: 0;
}
#com.recruit #contents.index #member .member-group ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 850px;
	height: 395px;
	overflow: hidden;
}
#com.recruit #contents.index #member .member-group ul li {
	float: left;
}
#com.recruit #contents.index #member .member-link {
	padding-top: 30px;
	text-align: center;
}
#com.recruit #contents.index #member .member-link a {
	display: inline-block;
	width: 243px;
	height: 38px;
	overflow: hidden;
	text-indent: -1000px;
	background: url("/com/recruit/shinsotsu/img/index/member_btn.png") 0 0 no-repeat;
}
#com.recruit #contents.index #member .member-link a:hover {
	background-position: 0 -38px;
}

/* categories
---------------------------------------------------*/
#com.recruit #contents.index #categories {
	background: url("/com/recruit/shinsotsu/img/index/noise_bg.png") center top;
}
#com.recruit #contents.index #categories .wrapper {
	height: 716px;
	background: url("/com/recruit/shinsotsu/img/index/cat_bg.png") center top no-repeat;
}
#com.recruit #contents.index #categories .wrapper .inner {
	padding-top: 26px;
}
#com.recruit #contents.index #categories .group {
	width: 950px;
	padding-bottom: 23px;
}
#com.recruit #contents.index #categories .article {
	position: relative;
	float: left;
	margin-left: 17px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 4px;
	font-size:92.85714286%;
	cursor: pointer;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	overflow: hidden;

	background-image: url("/com/recruit/shinsotsu/img/index/cat_article_bg.png");
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	-ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
#com.recruit #contents.index #categories .article p {
	margin: 5px 12px 0;
}
#com.recruit #contents.index #categories .article h6 {
	position: relative;
	margin: 12px 12px 0;
	overflow: hidden;
}
#com.recruit #contents.index #categories .article h6 img {
	top: 0;
	left: 0;
}
#com.recruit #contents.index #categories .article a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 466px;
	height: 320px;
	text-indent: -1000px;
	overflow: hidden;
}
#com.recruit #contents.index #categories .article:first-child {
	margin-left: 0;
}
#com.recruit #contents.index #categories .group.col2 .article {
	width: 466px;
	height: 320px;
}
#com.recruit #contents.index #categories .group.col2 h6 {
	height: 17px;
}
#com.recruit #contents.index #categories .group.col3 h6 {
	height: 32px;
}
#com.recruit #contents.index #categories .group.col3 .article {
	width: 305px;
	height: 305px;
	background-position: right -15px;
}
#com.recruit #contents.index #categories .group.col2 .article:hover,
#com.recruit #contents.index #categories .group.col3 .article:hover {
	color: #ffffff;
	background-position: right bottom;
}
#com.recruit #contents.index #categories .group.col2 .article:hover h6 img {
	margin-top: -17px;
}
#com.recruit #contents.index #categories .group.col3 .article:hover h6 img {
	margin-top: -32px;
}


/* info
---------------------------------------------------*/
#com.recruit #contents.index #info {
	height: 500px;
	overflow: hidden;
}
#com.recruit #contents.index #info .inner > div {
	margin-top: 62px;
	width: 458px;
}
#com.recruit #contents.index #info .inner .infoscroll {
	position: relative;
	margin-top: 16px;
	width: 458px;
	height: 342px;
	overflow: auto;
}
#com.recruit #contents.index #info .inner .infoscroll a:hover {
	color: #0066cc;
}
#com.recruit #contents.index #info .inner .infoscroll a:hover {

}
#com.recruit #contents.index #info .inner .infoscroll dl {
	width: 435px;
}
#com.recruit #contents.index #info .inner .infoscroll dl dt {
	padding: 18px 0 4px;
	color: #e22834;
}
#com.recruit #contents.index #info .inner .infoscroll dl dt:first-child {
	padding-top: 0;
}
#com.recruit #contents.index #info .inner .infoscroll dl dd {
	padding-bottom: 20px;
	background: url("/com/recruit/shinsotsu/img/index/info_dot.gif") left bottom no-repeat;
}
#com.recruit #contents.index #info .inner .information .infoscroll dl dt {
	font-weight: bold;
}

/*---------------------------------------------------

                #com.recruit member

---------------------------------------------------*/
/* read
---------------------------------------------------*/
.read{
	text-align: center;
	margin: 0 auto;
	width:950px;
	padding: 55px 0 50px;
}
.read p{
	text-align:center;
}
#com.recruit #contents.member .inner #nowloading {
	position: absolute;
}
/* member-stage
---------------------------------------------------*/
#com.recruit #contents.member #member-stage {
	position: relative;
	width: 950px;
	height: 10px;
	overflow: hidden;
}
#com.recruit #contents.member .inner div:first-child {
	text-align: center;
}
#com.recruit #contents.member .inner div:first-child p:last-child {
	padding: 58px 0 48px;
}
#com.recruit #contents.member #member-btns {
	margin: 0 auto;
	width: 770px;
	height: 168px;
	overflow: hidden;
}
#com.recruit #contents.member #member-btns li {
	float: left;
	width: 134px;
	height: 140px;
	padding: 0 10px;
}
#com.recruit #contents.member #member-btns li a {
	position: relative;
	display: block;
	width: 134px;
	height: 140px;
	overflow: hidden;
}
#com.recruit #contents.member #member-btns li a img {
	position: absolute;
	top: 0;
	left: 0;
}
#com.recruit #contents.member #member-btns li a.current img,
#com.recruit #contents.member #member-btns li a:hover img {
	top: -140px;
}
#com.recruit #contents.member #member-stage p {
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	height: 435px;
	text-align: center;
}
#com.recruit #contents.member #member-stage p img {
	position: relative;
}
#com.recruit #contents.member #member-stage img.shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
}