@charset "utf-8";

body{
	color: #fff;
	font-size : 12px;
}

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
------------------------- */
#contents{
	width: 100%;
}

#contents_box{
	width: 100%;
	background-color:#222;
}

#box_inner{
	top: 40px;
	line-height: normal;
	background-color:#333;
}

#box_inner .inner{
	width: 1000px;
	margin: 0 auto;
}

/* -------------------------
	individual
------------------------- */
#individual{
	padding: 0 0 40px 0;
}

#individual h2{
	width: 100%;
	min-width: 1000px;
	background-color:#fff;
	text-align: center;
	position: relative;
	line-height: 0;
	top: 0;
	left: 0;
}

#work{
	margin: -20px 0 0 0;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
}

#work .inner{
	position: relative;
	top: 0;
	left: 0;
}

#work .inner .img{
	background-image:url(../img/interview/individual/parts_line.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#work .column_left{
	width: 500px;
	float: left;
	background-image:url(../img/interview/individual/parts_tri_l.png);
	background-repeat: no-repeat;
	background-position: right 0;
	padding: 20px 0 0 0;
	line-height: 0;
}

#work .column_left h3{
	position: absolute;
	top: 90px;
	left: 395px;
}

#work .column_right{
	width: 455px;
	float: left;
	background-image:url(../img/interview/individual/parts_tri_r.png);
	background-repeat: no-repeat;
	background-position: left 0;
	padding: 45px 0 0 45px;
	line-height: 1.6em;
}

#work .column_right02{
  width: 500px;
  float: left;
  background-image:url(../img/interview/individual/parts_tri_r.png);
  background-repeat: no-repeat;
  background-position: left 0;
  padding: 45px 0 0 45px;
  position: absolute;
  top: 0;
  right: -45px;
  line-height: 1.6em;
}

#work .column_right h4{
	font-weight: bold;
	margin: 0 0 5px 0;
}

#work .column_right .more{
	margin: 15px 0 0 -5px;
}

/* interview content */
#interview_content{
	background-color:#222;
}

/* individual_nav */
#individual_nav{
	padding: 30px 0;
	margin: 0 0 80px 0;
	border-bottom: 1px dotted #949494;
}

#individual_nav ul{
	overflow: hidden;
	line-height: 0;
}

#individual_nav li{
	width: auto;
	float: left;
}

#individual_nav .nav_producer{ width: 115px;}
#individual_nav .nav_web_director{ width: 150px;}
#individual_nav .nav_photographer{ width: 160px;}
#individual_nav .nav_cg2d_creator{ width: 150px;}
#individual_nav .nav_cg3d_creator{ width: 150px;}
#individual_nav .nav_technical_director{ width: 200px;}
#individual_nav .nav_engineer{ width: auto; text-align: right;}

/* interview area */
#interview01,
#interview02,
#interview03{
	position: relative;
	line-height: 2em;
	clear: both;
	top: 0;
	left: 0;
}

#interview01 h3,
#interview02 h3,
#interview03 h3{
	line-height: 1.4em;
	z-index: 2;
	position: relative;
	top: 0;
	left: 0;
}

#interview01 p,
#interview02 p,
#interview03 p{
	margin: 0 0 25px 0;
}

#interview_content{
	overflow: hidden;
}

#interview_content .txt_area{
	padding: 35px 35px 10px 35px;
	border: 1px solid #fff;
	background-image:url('../img/interview/individual/parts_interview_txt_overlay.png');
	position: relative;
	top: 0;
	left: 0;
}

#interview01{
	margin: 0 0 95px 0;
}

#interview01 .pic{
	position: absolute;
	right: 0;
}

#interview01 h3{
	padding: 65px 0 10px 40px;
	font-size: 32px;
	letter-spacing: .31em;
}

.pl0{
  padding-left: 10px!important;
}

.ml0{
  margin-left: 10px!important;
}

#interview01 .caption{
	margin: 0 0 40px 40px;
}

#interview01 .txt_area{
	width: auto;
	min-width: 480px;
	float: left;
	margin: 0 0 90px 0;
}

/* interview01 pattern2 */
#interview01.pt2 .pic{ left: 0;}
#interview01.pt2 .title_area{ width: 430px;	float: right;}
#interview01.pt2 .txt_area{ clear: both;	float: right;}

/* interview02 */
#interview02{
	margin: 0 0 100px 0;
	overflow: hidden;
}

#interview02 .pic{
	position: absolute;
}

#interview02 h3{
	padding: 0 0 20px 0;
	font-size: 22px;
	letter-spacing: .33em;
	font-weight: bold;
}

#interview02 .txt_area{
	float: right;
	width: auto;
	min-width: 460px;
	position: relative;
	margin: 70px 0 0 0;
	top: 0;
	left: 0;
}

/* interview02 pattern2 */
#interview02.pt2 .pic{ right: 0;}
#interview02.pt2 .txt_area{ float: left;}


#interview03{
	padding: 0 0 60px 0;
	margin: 0 0 110px 0;
}

#interview03 .pic{
	position: absolute;
	right: 0;
}

#interview03 h3{
	padding: 0 0 20px 0;
	font-size: 22px;
	letter-spacing: .3em;
	font-weight: bold;
}

#interview03 .txt_area{
	width: auto;
	min-width: 460px;
	top: 60px;
	float: left;
	margin: 0 0 150px 0;
}

/* interview03 pattern2 */
#interview03.pt2 .pic{ left: 0;}
#interview03.pt2 .txt_area{ float: right;}

/* promind */

#promind{
	clear: both;
	background-color:#222;
	height: 450px;
	padding: 0 0 110px 0;
}

#promind .inner{
	width: 600px;
	margin: -450px auto 0 auto;
	padding: 0 0 0 400px;
	color: #000;
	z-index: 2;
	position: relative;
	top: 0;
	left: 0;
}

#promind h3{
	font-size: 32px;
	margin: 0 0 15px -5px;
}

#promind p{
	line-height: 2em;
}

/* promind pattern2*/

#promind.pt2 .inner{
	padding: 0 400px 0 0;
	color: #fff;
}

/* promind pattern3*/

#promind.pt3 .inner{
	padding: 0 400px 0 0;
}

/* promind pattern4*/

#promind.pt4 .inner{
	color: #fff;
}

/* promind pattern5*/

#promind.pt5 .inner{
	padding: 0 0 0 520px;
}

#promind.pt6 .inner{
  padding: 0 0 0 620px;
}

/* entry */
#entry{
	line-height: 2em;
}

#entry .inner{
	width: 920px;
	padding: 40px;
}

#entry h3{
	line-height: 0;
	margin: 0 0 40px 0;
}

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

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

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

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

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

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

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

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

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

/* other */
#other{
	background-color:#222;
	text-align: center;
	padding: 100px 0;
	margin-bottom: -35px;
}

#other h3{
	margin: 0 0 40px 0;
}

#other ul{
	display: inline-block;
	overflow: hidden;
	margin-bottom: 35px;
}
#other li{
	width: 160px;
	float: left;
	margin: 0 25px;
}

body.yohei_tanaka #promind .inner{
	padding: 0 400px 0 0;
}

body.reina_okazaki #promind .inner{
	padding: 0 400px 0 0;
	color: #fff;
}

body.reina_okazaki #work .column_right{
	width: 460px;
	padding: 72px 0 0 35px;
}

body.reina_okazaki #interview02{
	height: 620px;
}

body.reina_okazaki #interview02 .txt_area{
	top: 110px;
}

body.mariko_abe #promind .inner{
	padding: 0 400px 0 0;
}

body.kazuhiro_hoshimoto #promind .inner{
	padding: 0 400px 0 0;
}

body.yohei_tanaka #interview03 .txt_area{
	min-width: 420px;
}

body.yohei_tanaka #work .column_right{
	width: 460px;
	padding: 45px 0 0 35px;
}

body.yohei_tanaka #interview03 .txt_area{
	min-width: 420px;
}

body.kazuhiro_hoshimoto #interview03 .txt_area{
	top: -50px;
}
body.kazuhiro_hoshimoto #interview02{
	margin-bottom: 150px;
}

body.yuta_suzuki #work .column_right02{
	width: 460px;
	padding: 72px 0 0 35px;
}

#interview04{
	width: 100%;
	background-color: #222;
	margin: -50px 0 0 0;
	padding-bottom: 70px;
}
#interview04 .inner{
	width: 1000px;
	border-bottom: solid 1px #fff;
	background-color: #222;
	margin: 0 auto ;
	line-height: 24px;
	padding-bottom: 15px;
}