@charset "utf-8";

body{
	color: #d1d1d1;
	font-size : 11px;
	background-color:#222;
}

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
------------------------- */
#interview{
	width: 720px;
	padding: 0 0 110px 160px;
	overflow: hidden;
}

#interview a{
	cursor: default;
	visibility: hidden;
}

#interview ul{
	overflow: hidden;
}

#interview li{
	width: 200px;
	/*height: 320px;*/
	float: left;
	margin: 0 40px 70px 0;
}

/*#interview li h4{*/
	/*height: 30px;*/
/*}*/

#interview ul.line02 li h4{
	height: 30px;
	margin-bottom: 16px;
	position: relative;
}

#interview ul.line02 li h4 img{
	position: absolute;
	left: 0;
	bottom: 0;
}

#interview h3{
	height: 50px;
}

#interview .line{
	margin: 0 0 30px 0;
}

/* box four */
#photographer,
#producer{
	width: 1000px;
}

/* box one */
#web_director,
#technical_director,
#cg2d_creator,
#engineer,
#cg3d_creator{
	width: 200px;
	float: left;
	margin: 0 40px 0 0;
	overflow: hidden;
}

#web_director ul,
#technical_director ul,
#cg2d_creator ul,
#cg3d_creator ul,
#engineer ul{
	width: 240px;
}

/* box two */

/*#cg3d_creator{*/
	/*width: 440px;*/
	/*overflow: hidden;*/
	/*float: left;*/
	/*margin: 0 40px 0 0;*/
/*}*/


/*#cg3d_creator ul{*/
	/*width: 480px;*/
/*}*/


/* -------------------------
	Person Animation
------------------------- */
#box_inner .p_anim{
	width: 200px;
	height: 320px;
	position: relative;
	top: 0;
	left: 0;
}

#box_inner .p_anim a{
	width: 200px;
	height: 320px;
	display: block;
	cursor: pointer;
}

#box_inner .p_anim img{
	position: absolute;
	top: 0;
	left :0;
	display: none;
}

#box_inner .p_anim .img_on{
	width: 200px;
	height: 320px;
	display: none;
	z-index: 10;
	position: absolute;
}
#box_inner .person_mariko_kawashima .img_on{ background-image:url('../img/person/pic_person_kawashima_on.jpg');}
#box_inner .person_mariko_abe .img_on{ background-image:url('../img/person/pic_person_abe_on.jpg');}
#box_inner .person_kazuhiro_hoshimoto .img_on{ background-image:url('../img/person/pic_person_hoshimoto_on.jpg');}
#box_inner .person_reina_okazaki .img_on{ background-image:url('../img/person/pic_person_okazaki_on.jpg');}
#box_inner .person_yohei_tanaka .img_on{ background-image:url('../img/person/pic_person_yohei_tanaka_on.jpg');}

#box_inner .person_yuta_sato .img_on{ background-image:url('../img/person/pic_person_yuta_sato_on.jpg');}
#box_inner .person_yasuyo_ota .img_on{ background-image:url('../img/person/pic_person_yasuyo_ota_on.jpg');}
#box_inner .person_hiroki_yura .img_on{ background-image:url('../img/person/pic_person_hiroki_yura_on.jpg');}
#box_inner .person_riku_sakamoto .img_on{ background-image:url('../img/person/pic_person_riku_sakamoto_on.jpg');}
#box_inner #web_director .img_on{ background-image:url('../img/person/pic_person_eiji_murakami_on.jpg');}
#box_inner #technical_director .img_on{ background-image:url('../img/person/pic_person_takahiro_niimura_on.jpg');}
#box_inner .person_takahiro_kurokawa .img_on{ background-image:url('../img/person/pic_person_takahiro_kurokawa_on.jpg');}
#box_inner .person_shusei_fukazawa .img_on{ background-image:url('../img/person/pic_person_shusei_fukazawa_on.jpg');}
#box_inner .person_takashi_horiguchi .img_on{ background-image:url('../img/person/pic_person_takashi_horiguchi_on.jpg');}
#box_inner .person_masaya_fukui .img_on{ background-image:url('../img/person/pic_person_masaya_fukui_on.jpg');}
#box_inner .person_sakiko_ohno .img_on{ background-image:url('../img/person/pic_person_sakiko_ohno_on.jpg');}
#box_inner .person_jun_matarai .img_on{ background-image:url('../img/person/pic_person_jun_matarai_on.jpg');}
#box_inner .person_yuta_suzuki .img_on{ background-image:url('../img/person/pic_person_suzuki_on.jpg');}
#box_inner .person_yuri_takada .img_on{ background-image:url('../img/person/pic_person_takada_on.jpg');}