@charset "utf-8";

body{
	color: #fff;
	font-size : 12px;
	background-color:#222;
	overflow-y: scroll;
}

a:link{ color: #ddd; text-decoration: none;}
a:visited{ color: #ddd; text-decoration: none;}
a:hover{ color: #ddd; text-decoration: underline;}
a:active{ color: #ddd; text-decoration: none;}

/* -------------------------
	contents -> contents_inner
------------------------- */
#box_inner{
	top: 40px;
}

#box_inner h2{
	margin: 0 0 40px 0;
}

/* -------------------------
	interview
------------------------- */
#entry_caption{
	width: 920px;
	overflow: hidden;
	margin: 0 auto 35px;
}

#entry_caption h3{
	margin-bottom: 20px;
}

#entry_caption ul li{
	width: 890px;
	font-size: 18px;
	line-height: 1.2em;
	padding: 15px 12px;
	background-color: #333;
	margin-bottom: 3px;
}

#entry{
	width: 960px;
	padding: 0 0 110px 40px;
	overflow: hidden;
}

#entry ul{
  width: 720px;
  overflow: hidden;
  margin: 0 auto;
}

#entry li{
	width: 200px;
	height: 320px;
	position: relative;
	float: left;
	margin: 0 40px 40px 0;
	top: 0;
	left: 0;
}

#entry .btn_area{
	width: 200px;
	background-color:#222;
	padding: 2px 0 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

#entry .btn_detail{ width: 99px; float: left;}
#entry .btn_entry{ width: 99px; float: right;}

#entry .coming_soon{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 65535;
}

/* MODAL */
/* ----------------------
	modal window
----------------------*/
#modal{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 65535;
	display: none;
	line-height: 2em;
}

#modal_inner{
	width: 920px;
	margin: 0 auto 80px auto;
	position: relative;
	background-color:#333;
	padding: 40px;
	top: 0;
	left: 0;
}

#modal_inner .close{
	position: absolute;
	right: 40px;
	top: 40px;
}

#modal .overlay{
	width: 100%;
	height: 100%;
	background-image:url('../img/works/mdl/parts_mdl_overlay.png');
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	cursor: pointer;
}

#modal h3{
	display: inline-block;
	width: 207px;
	line-height: 0;
	margin: 0 30px 40px 0;
}

#modal .btn_interview{
	display: inline-block;
	width: 230px;
	vertical-align: top;
}

#modal #job_list{
	width: 1020px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#modal #job_list li{
	width: 215px;
	float: left;
	background-color:#bea500;
	margin: 0 20px 0 0;
	padding: 15px;
}

#modal #job_list li h4{
	height: 90px;
}

#modal #job_list li p{
	line-height: 1.6em;
	font-size: 11px;
}

#modal .desc{
	clear: both;
	margin: 0 0 40px 0;
}

#modal dl{
	overflow: hidden;
	margin: 0 0 40px 0;
}

#modal dt{
	float: left;
	width: 70px;
	clear: both;
}

#modal dd{
	width: auto;
	float: left;
	text-indent: -1em;
	padding-left: 1em;
}

#modal .btn_entry{
	margin: 40px 0 0 0;
}