@charset "EUC-JP";


/****************************** GameIndustry Agent ******************************/

.genre_recruit .recruit_header{
	position:relative;
	padding:0px 0px 15px;
	margin-bottom:0;
}

.genre_recruit .recruit_header h1{
	position:relative;
	z-index:10;
	float:left;
	height:20px;
	margin:0 0 10px;
	line-height:100%;
	font-size:20px;
}

.genre_recruit .recruit_header h1:after{
	content:"/Recruit";
}

.recruit_header #SOCIALBOOKMARK{
	margin-top:10px;
	margin-bottom:10px;
}


/********** p **********/

.genre_recruit .recruit_header p{
	clear:both;
	position:relative;
	width:740px;
	height:180px;
	padding:43px 41px 0px 331px;
	font-size:75%;
	line-height:160%;
	text-indent:1em;
	color:#000;
	background:url(/images/bg_recruit.png) no-repeat center top;
	box-sizing:border-box;
	border-radius:8px;
	box-shadow:0px 0px 0px 2px #fff, 0px 0px 4px 1px rgba(0,0,0,0.5);
}


/******************** join ********************/

.ssa_join{
	width:650px;
	height:110px;
	margin:15px auto 0;
	background:#f7941d;
	border:2px solid #f7941d;
	border-radius:8px;
	box-sizing:border-box;
}

.ssa_join > a{
	display:block;
	width:170px;
	height:84px;
	padding: 0;
	margin: 10px 10px 0 auto;
	vertical-align:middle;
	cursor: pointer;
	font-family: '¥Ò¥é¥®¥Î³Ñ¥´ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
	color: #fff;
	background: #313940;
	background: linear-gradient(#5f6a73, #313940);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05), 0px 3px 0px 0px rgba(0,0,0,0.2);
	border: 1px solid #313940;
	border-radius: 3px;
	letter-spacing:1px;
}

.ssa_join > a b{
	display:block;
	height:11px;
	padding:3px 0px;
	margin:8px 18px 6px;
	font-weight:normal;
	font-size:11px;
	line-height:11px;
	letter-spacing:0px;
	text-shadow:none;
	color:#ff6600;
	background:#fff;
	border-radius:8px;
}


/********** attention **********/

.recruit_header .attention{
	position:relative;
	float:left;
	width:401px;
	height:96px;
	padding:10px 5px 0px 30px;
	font-size:70%;
	line-height:145%;
	list-style:none;
	background:#fff;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	box-shadow:1px 0px 0px 0px #fff;
}

.recruit_header .attention:before{
	position:absolute;
	content:" ";
	display:block;
	right:-21px;
	top:0;
	width:0px;
	height:0;
	border-style: solid;
	border-width: 53px 0 53px 20px;
	border-color: transparent transparent transparent #fff;
}

.recruit_header .attention:after{
	position:absolute;
	content:" ";
	display:block;
	right:-1px;
	top:0;
	width:0px;
	height:106px;
	border-left:4px solid #fff;
	z-index:10;
}

.recruit_header .attention li{
	list-style:disc;
	margin-bottom:5px;
}


/********** recruit_result **********/

.recruit_header + #recruit_result{
	min-height:200px;
	background-image:url(/images/img_loading_iframe_gray.gif);
	background-color:#ECECEC;
	background-position:center center;
	box-shadow:0px 0px 0px 1px #fff;
	border-radius:6px;
}

#recruit_result{
	width:740px;
	min-height:400px;
	background:url(/images/img_loading_iframe.gif) no-repeat center 100px;
}

#recruit_result iframe{
	border:0px;
}

.recruit_header + #recruit_result iframe{
	border-radius:8px;
}


/******************** popup ********************/

.recruit_detail_container{
	display:none;
}

.recruit_detail_container.ON{
	display:block;
}

.recruit_detail_container.ON #recruit_detail{
	position:fixed;
	z-index:400;
	left:50%;
	top:5%;
	width:840px;
	height:80% !important;
	padding:20px;
	margin-left:-420px;
	border-radius:4px;
	background:url(/images/img_loading_ssa_popup.gif) no-repeat center center #fff;
	box-shadow:0px 0px 10px 5px rgba(0,0,0,0.5);
}

.recruit_detail_container.ON .recruit_overlay{
	position:fixed;
	z-index:300;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	cursor:pointer;
}

.recruit_detail_container.ON iframe{
	border:0px;
}


/********** close / new **********/

#recruit_detail .recruit_close,
#recruit_detail a.recruit_new_window{
	position:absolute;
	top:-25px;
	right:-25px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	background:#e60082;
	border-radius:25px;
	cursor:pointer;
}

#recruit_detail a.recruit_new_window{
	right:35px;
}

#recruit_detail a.recruit_new_window:hover{
	opacity:1 !important;
}

#recruit_detail .recruit_close:before,
#recruit_detail a.recruit_new_window:before{
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:bold;

	vertical-align:middle;
	font-size:25px;
	color:#fff;
}

#recruit_detail .recruit_close:before{
	content:"close";
}

#recruit_detail a.recruit_new_window:before{
	content:"open_in_new";
}