@charset "utf-8";

body{
	color: #d1d1d1;
	font-size : 11px;
	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;}

#bg{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 2990px;
	background-color:#222;
	line-height: 0;
	overflow: hidden;
	z-index: -1;
}

#bg p{
	margin: 0 0 800px 0;
}

#header{
	display: none;
}

/* -------------------------
	wrap, contents
------------------------- */
#wrap{
	visibility: hidden;
	padding: 0 0 100px 0;
}

#contents #sns{
	position: relative;
	float: right;
	margin: 0 0 100px 0;
}

#main_head{
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	z-index: 10;
	position: relative;
	top: 0;
	left: 0;
}

#main_head h1{
	margin: 0 0 35px 0;
}

#navigation{
	margin: 0 0 30px 0;
}

#navigation ul{
	overflow: hidden;
	display: inline-block;
}

#navigation li{
	width: auto;
	float: left;
	margin: 0 40px;
}

#main_head .main_ttl{
	width: 600px;
	margin: 0 auto 18px;
}

#main_head .main_txt{
	width: 600px;
	margin: 0 auto 20px;
	font-size: 14px;
	line-height: 1.7;
	color: #fff;
}

#main_head .main_desc{
	width: 315px;
	margin: 0 auto 30px;
}

#main_head .btn_wrapper{
	display: inline-block;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#main_head .btn_entry{
	width: 90px;
	float: left;
	margin: 0 20px 0 0;
}

#main_head .btn_mypage{
	width: 90px;
	float: left;
	margin: 0 0 0 0;
}

#main_head .ico_arrow{
	clear: both;
	margin: 0 0 60px 0;
}

#main_head > p.btn_internship{
	clear: both;
	margin: 0 0 40px 0;
	text-align: center;
}

/* -------------------------
	contents -> contents_inner
------------------------- */
#contents_box{
	line-height: 0;
}

#box_inner{
	top: 580px;
	padding-bottom: 700px;
}

#box_inner p{
	position: absolute;
}

#box_inner #news{
	width: 360px;
	height: 280px;
	padding: 20px;
	background-color:#191919;
	font-size: 11px;
	top: 0;
	left: 400px;
	line-height: normal;
	position: absolute;
	color: #d1d1d1;
}

#box_inner #news h3{
	height: 40px;
	clear: both;
}

#box_inner #news dl{
	height: 100px;
	margin: 0 0 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #444;
}

#box_inner #news dt{
	width: 80px;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
}

#box_inner #news dd{
	width: 280px;
	float: left;
	margin: 0 0 5px 0;
}

#box_inner #news p{
	position: inherit;
}
#box_inner .p_anim{
	width: 200px;
	height: 320px;
	position: absolute;
}

#box_inner .p_anim a{
	width: 200px;
	height: 320px;
	display: block;
}

#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;
}

/*producer*/
#box_inner .person01{ left: 800px;  top: 480px;}
#box_inner .person02{ left: 200px;  top: 320px;}
#box_inner .person03{ left: 600px;  top: 640px;}
#box_inner .person04{ left: 0;  top: 480px;}
#box_inner .person13{ left: 800px;  top: 160px;}
#box_inner .person14{ left: 600px;  top: 320px;}
#box_inner .person15{ left: 200px;  top: 640px;}
#box_inner .person17{ left: 400px;  top: 800px;}
#box_inner .suzuki{ left: 0;  top: 160px;}


/*photographer*/
#box_inner .person09{ left: 600px;  top: 1280px;}
#box_inner .person10{ left: 800px;  top: 1120px;}
#box_inner .person19{ left: 400px;  top: 1120px;}


/*web_director*/
#box_inner .person05{ left: 200px;  top: 1280px;}


/*cg3d_creator*/
#box_inner .person16{left: 400px;  top: 1760px;}
#box_inner .person11{ left: 600px;  top: 1600px;}


/*cg2d_creator*/
#box_inner .person12{ left: 800px;  top: 1760px;}


/*engineer*/
#box_inner .person07{ left: 200px;  top: 1920px;}


/*technical_director*/
#box_inner .person08{ left: 0;  top: 1600px;}




#box_inner .person01 .img_on{ background-image:url('../img/person/pic_person_hiroki_yura_on.jpg');}
#box_inner .person02 .img_on{ background-image:url('../img/person/pic_person_yuta_sato_on.jpg');}
#box_inner .person03 .img_on{ background-image:url('../img/person/pic_person_riku_sakamoto_on.jpg');}
#box_inner .person04 .img_on{ background-image:url('../img/person/pic_person_yasuyo_ota_on.jpg');}
#box_inner .person05 .img_on{ background-image:url('../img/person/pic_person_eiji_murakami_on.jpg');}
/*#box_inner .person06 .img_on{ background-image:url('../img/person/pic_person_takahiro_kurokawa_on.jpg');}*/
#box_inner .person07 .img_on{ background-image:url('../img/person/pic_person_shusei_fukazawa_on.jpg');}
#box_inner .person08 .img_on{ background-image:url('../img/person/pic_person_takahiro_niimura_on.jpg');}
#box_inner .person09 .img_on{ background-image:url('../img/person/pic_person_sakiko_ohno_on.jpg');}
#box_inner .person10 .img_on{ background-image:url('../img/person/pic_person_jun_matarai_on.jpg');}
#box_inner .person11 .img_on{ background-image:url('../img/person/pic_person_masaya_fukui_on.jpg');}
#box_inner .person12 .img_on{ background-image:url('../img/person/pic_person_takashi_horiguchi_on.jpg');}
#box_inner .person13 .img_on{ background-image:url('../img/person/pic_person_hoshimoto_on.jpg');}
#box_inner .person14 .img_on{ background-image:url('../img/person/pic_person_okazaki_on.jpg');}
#box_inner .person15 .img_on{ background-image:url('../img/person/pic_person_abe_on.jpg');}
#box_inner .person16 .img_on{ background-image:url('../img/person/pic_person_yohei_tanaka_on.jpg');}
#box_inner .person17 .img_on{ background-image:url('../img/person/pic_person_kawashima_on.jpg');}
#box_inner .person19 .img_on{ background-image:url('../img/person/pic_person_takada_on.jpg');}
#box_inner .suzuki .img_on{ background-image:url('../img/person/pic_person_suzuki_on.jpg');}

#box_inner .producer{ left: 200px;  top: 0;}
#box_inner .promide01{ left: 400px;  top: 320px;}
#box_inner .rect_message{ left: 400px;  top: 641px;}
#box_inner .web_director{ left: 0;  top: 1280px;}
#box_inner .photographer{ left: 600px;  top: 960px;}
#box_inner .cg3d_creator{ left: 400px;  top: 1440px;}
#box_inner .cg2d_creator{ left: 800px;  top: 1440px;}
#box_inner .rect_about_amana{ left: 800px;  top: 800px;}
#box_inner .engineer{ left: 0;  top: 1920px;}
#box_inner .technical_director{ left: 200px;  top: 1600px;}


/* last Content */
#box_inner .promide02{
	position: static !important;
	margin: 1920px 0 0 600px;
}

#box_inner .fb_feed{
	width: 400px;
	height: 320px;
	position: absolute;
	background-color:#fff;
  left: 0;
  top: 960px;
}

/* -------------------------
	mdl information
------------------------- */
#mdl_information{
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

#mdl_information .inner{
	width: 1000px;
	margin: 110px auto;
	padding: 100px 0 50px;
	background-color:#000;
	border: 1px solid #999;
	text-align: center;
	position: relative;
	z-index: 101;
	top: 0;
	left: 0;
}

#mdl_information h3{
	margin: 0 0 50px 0;
}

#mdl_information h4{
	margin: 0 0 40px 0;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .1em;
}

#mdl_information p{
	margin: 0 0 25px 0;
	line-height: 2em;
}

#mdl_information .favor{
	margin: 50px 0 45px 0;
	display: none;
}

#mdl_information .btn_mdl_internship{
	padding-top: 20px;
	margin-bottom: 0;
}

#mdl_information .btn_close{
	position: absolute;
	top: 30px;
	right: 30px;
}

#mdl_information .overlay{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	background-image:url('../img/parts_bg_a70.png');
	z-index: 100;
}