﻿@charset "utf-8";

/* Last UP	09.10.14 */

/* 採用情報
======================================================= */
#mcR h1 { background:url(../img/recruit/h1-recruit.gif) 0 0 no-repeat;}

#mcL h3 { font-size:0; text-indent:-9999px;}







/* index
======================================================= */
.index #mcL h2 { background:url(../img/recruit/h2-recruit.gif) 0 0 no-repeat;}

.index #mcL #read {
	height:211px;
	margin-left:3px;
	background:url(../img/recruit/img-index01.jpg) 0 0 no-repeat;}
.index #mcL #read h3, .index #mcL #read p { display:none;}

.index #mcL .box { padding:0 0 23px 3px;}
.index #mcL .box .titleBG { margin-bottom:5px; background:url(../img/works/h3-original01bg.gif);}
.index #mcL .box .title { position:relative; background:url(../img/works/h3-original01-top.gif) 0 0 no-repeat;}
.index #mcL .box .title h3 {
	height:auto;
	padding:9px 5px 6px 36px;
	background:url(../img/works/h3-original01-btm.gif) left bottom no-repeat;
	color:#FFF;
	font-size:110%;
	text-indent:0;}
.index #mcL .box h3 a {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	display:block}
.index #mcL .box h3 a:hover { text-decoration:underline;}
.index #mcL .box ul { padding:0 0 15px 2px; background:url(../img/recruit/bg-txtarea-top.gif) left bottom no-repeat; list-style:none; font-size:x-small;}
.index #mcL .box ul li { display:inline;}
.index #mcL .box .txtArea { padding:15px 23px 8px; background:url(../img/recruit/bg-txtarea.gif);}
.index #mcL .box ul.data {
	list-style:none;
	padding:5px 23px 19px;
	background:url(../img/recruit/bg-txtarea-btm.gif) left bottom no-repeat #f6f5e9;
	text-align:right;}
.index #mcL .box ul.data a { text-decoration:none;}




/* 新卒採用
======================================================= */
.graduate #mcL h2 {background:url(../img/recruit/h2-graduate.gif) 0 0 no-repeat;height: 85px;}

.graduate #mcL h3 {
	margin:21px 0 0 3px;
	width: 597px;
	height:28px;}

.graduate #mcL p, .graduate #mcL dl { margin-left:3px;}

.graduate #type h3 { margin-top:13px; background: url(../img/recruit/h3-graduate01.gif) no-repeat;}
.graduate #newgraduate h3 {background: url(../img/recruit/h3-graduate02.gif) no-repeat;}
.graduate #dcg h3 {background: url(../img/recruit/h3-graduate03.gif) no-repeat;}
.graduate #ggd h3 {background: url(../img/recruit/h3-graduate04.gif) no-repeat;}
#method h3 {background: url(../img/recruit/h3-graduate05.gif) no-repeat;}


.graduate #type h4 {
	margin-top: 7px;
	margin-left:3px;
	padding-top: 9px;
	color: #c71418;
	text-indent: 0;
	font-size:100%;
	line-height: 16px;
	border-top: 1px dashed #c7c7c7;}

.graduate #type h4.top {
	margin-top:0;
	padding-top:0;
	border: none;}

.graduate #type dd { margin:0; padding:0 0 0 13px;}

/* 2008年度新卒採用 */
.graduate table { width:595px; margin:0 0 0 4px; background:#DADADA;}

.graduate table th {
	width:65px;
	padding:3px 10px;
	background-color:#fff1f1;
	font-weight:normal;}

.graduate table td { padding:3px 10px; background:#fffcfc;}

/* 3DCGデザイナー選考の流れ */
.graduate #dcg {
	margin: 30px 0 10px;
	position: relative;
	width: 595px;
	height: 545px;
	background: url(../img/recruit/m/flow01.gif) no-repeat bottom left;}

.graduate #dcg h3 {margin: 0;}

.graduate #dcg h4, .graduate #dcg h5{
	text-indent: -9999px;
	font-size: 0;
	height: 0;}

.graduate #dcg p {
	position: absolute;
	font-size:12px;}

.graduate #dcg .f01 {top: 46px;left: 161px;}
.graduate #dcg .f02 {top: 110px;left: 161px;width: 425px;}
.graduate #dcg .f03 {top: 208px;left: 350px;width: 232px;}
.graduate #dcg .f04 {top: 307px;left: 350px;width: 232px;}
.graduate #dcg .f05 {top: 384px;left: 350px;width: 232px;}
.graduate #dcg .f06 {top: 482px;left: 350px;width: 232px;}

/* ゲームグラフィックデザイナー選考の流れ */
.graduate #ggd {
	position: relative;
	margin: 30px 0 10px;
	background: url(../img/recruit/flow02.gif) no-repeat bottom;
	width: 595px;
	height: 302px;}

.graduate #ggd h3 {margin: 0;}

.graduate #ggd h4 {
	text-indent: -9999px;
	font-size: 0;
	height: 0;}

.graduate #ggd p {
	position: absolute;
	font-size: 12px;}

.graduate #ggd .f01 {top: 46px;left: 161px;}
.graduate #ggd .f02 {top: 114px;left: 161px;width: 425px;}
.graduate #ggd .f03 {top: 178px;left: 350px;width: 232px;}
.graduate #ggd .f04 {top: 267px;left: 293px;}

/* 応募方法 */
.graduate #method p.read { padding-top:1px;}
#method p { margin-left:3px; padding-top:6px;}
#method dl {
	margin-left:3px;
	padding:0 0 5px;
	border-bottom: 1px dashed #c7c7c7;}
#method dl dt {
	float:left;
	width:5em;}
#method dl dt .red { color:#D00;}
#method dl dd {
	margin:0 0 5px 5em;}
*html #method dl dd { text-indent:-3px;}
#method dl.address {margin-top: 5px;padding: 5px 0;border-top: 1px dashed #c7c7c7;}
#method dl.address dt {width: 5em;}
#method dl.address dd {margin-left: 5em;}

#method #mail { position:relative; top:-1px; padding:0 5px;}	/* IE6.0ハック有 */






/* 経験者採用
======================================================= */
.experienced #mcL h2 {background: url(../img/recruit/h2-experienced.gif) no-repeat;}


.experienced #mcL h3 {
	height:23px;
	margin-top:30px;
	margin-left:3px;}
.experienced #mcL h3.t1 { background:url(../img/recruit/h3-experienced01.gif) 0 0 no-repeat;}
.experienced #mcL h3.t2 { background:url(../img/recruit/h3-experienced02.gif) 0 0 no-repeat;}
.experienced #mcL h3.t3 { background:url(../img/recruit/h3-experienced03.gif) 0 0 no-repeat;}
.experienced #mcL h3.t4 { background:url(../img/recruit/h3-experienced04.gif) 0 0 no-repeat;}
.experienced #mcL h3.t5 { background:url(../img/recruit/h3-experienced05.gif) 0 0 no-repeat;}
.experienced #mcL h3.t6 { margin-top:0; background:url(../img/recruit/h3-experienced06.gif) 0 0 no-repeat;}

.experienced #mcL h4 {
	margin-left:4px;
	padding:5px 0;
	font-size:100%;}

.experienced table { width:595px; margin:0 0 0 4px; background:#DADADA;}
.experienced table th {
	width:65px;
	padding:3px 10px;
	background-color:#fff1f1;
	font-weight:normal;}
.experienced table td { padding:3px 10px; background:#fffcfc;}




/* アニマ塾
======================================================= */
.school #mcL h2 { background: url(../img/recruit/h2-school.gif) no-repeat;}

.school .box01 { margin-left:3px; height:148px; background:url(../img/recruit/img-school01.jpg) no-repeat;}
.school .box01 p { display:none;}

.school #mcL h3 { height:28px; margin-top:20px; margin-left:3px;}
.school #mcL h3.t1 { background:url(../img/recruit/h3-school01.gif) 0 0 no-repeat;}
.school #mcL h3.t2 { background:url(../img/recruit/h3-school02.gif) 0 0 no-repeat;}
.school #mcL h3.t3 { background:url(../img/recruit/h3-school03.gif) 0 0 no-repeat;}
.school #mcL h3.t4 { background:url(../img/recruit/h3-school04.gif) 0 0 no-repeat;}
.school #mcL h3.t5 { background:url(../img/recruit/h3-school05.gif) 0 0 no-repeat;}
.school #mcL h3.t6 { background:url(../img/recruit/h3-school06.gif) 0 0 no-repeat;}
.school #mcL h3.t7 { background:url(../img/recruit/h3-school07.gif) 0 0 no-repeat;}
.school #mcL h3.t8 { background:url(../img/recruit/h3-school08.gif) 0 0 no-repeat;}

.school #mcL h4 { margin:20px 0 0 3px; font-size:100%;}
.school #mcL h4.img {
	height:62px;
	background:url(../img/recruit/h4-school01.gif) 0 0 no-repeat;
	font-size:0;
	text-indent:-9999px;}

.school #mcL p { padding-left:4px;}




/* スタッフインタビュー
======================================================= */
.interview #mcL h2 {background: url(../img/recruit/h2-interview.gif) no-repeat;}

.interview #mcL .read {
	height:45px;
	margin-top:-2px;
	margin-left:3px;
	background:url(../img/recruit/img-interview01.gif) 0 -7px no-repeat;
	font-size:0;
	text-indent:-9999px;}
/*
.interview #mcL .box { position:relative; height:206px; margin-left:3px;}
.interview #mcL #view01 { background:url(../img/recruit/bg-interview01.gif) no-repeat;}
.interview #mcL #view02 { background:url(../img/recruit/bg-interview02.jpg) no-repeat;}
.interview #mcL #view03 { background:url(../img/recruit/bg-interview03.gif) no-repeat;}
.interview #mcL #view04 { background:url(../img/recruit/bg-interview04.gif) no-repeat;}

.interview #mcL .box h3 { display:none;}
.interview #mcL .box dl { position:absolute; bottom:20px;}
.interview #mcL .box dt { font-size:110%; font-weight:bold;}
.interview #mcL .box dd { margin:0;}
.interview #mcL .box dd a {
	display:block;
	width:110px;
	height:26px;
	margin-top:2px;
	background:url(../img/recruit/btn-detail.gif) no-repeat;}

.interview #mcL .box dd a:hover {
	background:url(../img/recruit/btn-detail-on.gif) no-repeat;}

.interview #mcL #view02 dd a { float:right;}

.interview #mcL #view01 dl { left:12px;}
.interview #mcL #view02 dl { right:15px; text-align:right;}
.interview #mcL #view03 dl { left:12px;}
.interview #mcL #view04 dl { left:12px;}

.interview h3 { height:37px; margin-left:3px;}
#interview01 h3.t1 { background:url(../img/recruit/h3-interview01.gif) no-repeat;}
#interview01 h3.t2 { background:url(../img/recruit/h3-interview02.gif) no-repeat;}
#interview01 h3.t3 { background:url(../img/recruit/h3-interview03.gif) no-repeat;}
#interview01 h3.t4 { background:url(../img/recruit/h3-interview04.gif) no-repeat;}
#interview01 h3.t5 { background:url(../img/recruit/h3-interview05.gif) no-repeat;}
#interview01 h3.t6 { background:url(../img/recruit/h3-interview06.gif) no-repeat;}
#interview01 h3.t7 { background:url(../img/recruit/h3-interview07.gif) no-repeat;}
#interview01 h3.t8 { background:url(../img/recruit/h3-interview08.gif) no-repeat;}
#interview01 h3.t9 { background:url(../img/recruit/h3-interview09.gif) no-repeat;}
#interview01 h3.t10 { background:url(../img/recruit/h3-interview10.gif) no-repeat;}
#interview01 h3.t11 { background:url(../img/recruit/h3-interview11.gif) no-repeat;}

#interview01 h4 { margin:15px 0 0 3px; font-size:100%;}
#interview01 .dotline {
	padding:13px 0 0 0;
	border-top:dashed 1px #E2E2E2;}

#interview01 dl { margin-left:3px;}
#interview01 dt { font-weight:bold;}
#interview01 dd { margin:0;}
#interview01 .img { float:right; margin-bottom:13px;}
.interview .fleft { float:left; margin:0 15px 5px 0;}
.interview .fright { float:right; margin:0 0 5px 15px;}

#interview01 p { margin-left:3px;}
*/


.interview #mcL .box { padding:0 0 23px 3px;}
.interview #mcL .box .titleBG { margin-bottom:5px; background:url(../img/works/h3-original01bg.gif);}
.interview #mcL .box .title { position:relative; background:url(../img/works/h3-original01-top.gif) 0 0 no-repeat;}
.interview #mcL .box .title h3 {
	height:auto;
	padding:9px 5px 6px 36px;
	background:url(../img/works/h3-original01-btm.gif) left bottom no-repeat;
	color:#FFF;
	font-size:110%;
	text-indent:0;}
.interview #mcL .box h3 a {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	display:block}
.interview #mcL .box h3 a:hover { text-decoration:underline;}
.interview #mcL .box ul { padding:0 0 15px 2px; background:url(../img/recruit/bg-txtarea-top.gif) left bottom no-repeat; list-style:none; font-size:x-small;}
.interview #mcL .box ul li { display:inline;}
.interview #mcL .box .txtArea { padding:15px 23px 8px; background:url(../img/recruit/bg-txtarea.gif);}
.interview #mcL .box ul.data {
	list-style:none;
	padding:5px 23px 19px;
	background:url(../img/recruit/bg-txtarea-btm.gif) left bottom no-repeat #f6f5e9;
	text-align:right;}
.interview #mcL .box ul.data a { text-decoration:none;}



.profile {
	float:left;
	margin:0 0 0 3px;}
.profile img {
	margin-bottom:14px;
	border:solid 1px #D1D1D1;}

.profile dt { padding-bottom:11px; font-size:110%;}

#moviebox {
	margin-left:322px;
	padding-top:180px;
	background:url(../img/recruit/work-interview-txt01.gif) top left no-repeat;}
#moviebox h4, #moviebox p, #moviebox ul { display:none;}
#moviebox .txt {
	display:block;
	position:relative;
	left:-6px;}

#charge {
	margin-left:322px;}
#charge h4 {
	height:25px;
	margin:2px 0 0;
	background:url(../img/recruit/h4-charge.gif) 0 0 no-repeat;
	font-size:0px;
	text-indent:-9999px;}
#charge dt .red { color:#D00;}
#charge dd {
	padding:0 0 0 1em;}
#makejob {
	margin-left:0px;
	margin-top:60px;}
#makejob h4 {
	height:25px;
	margin:2px 0 0;
	background:url(../img/recruit/h4-charge.gif) 0 0 no-repeat;
	font-size:0px;
	text-indent:-9999px;}
#makejob dt .red { color:#D00;}
#makejob dd {
	padding:0 0 0 1em;}
#makejob2 {
	margin-left:250px;
	margin-top:-175px;}
#makejob2 h4 {
	height:25px;
	margin:2px 0 0;
	background:url(../img/recruit/h4-charge.gif) 0 0 no-repeat;
	font-size:0px;
	text-indent:-9999px;}
#makejob2 dt .red { color:#D00;}
#makejob2 dd {
	padding:0 0 0 1em;}






/* 総務ブログ
======================================================= */
.soumu #mcR h1 { background:url(../img/recruit/h1-animaBlog.gif) 0 0 no-repeat;}
.soumu #mcL h2 { background:url(../img/recruit/h2-soumu.gif) no-repeat;}

.soumu #mcL #read { height:208px; background:url(../img/recruit/soumu.jpg) 0 0 no-repeat;}
.soumu #mcL #read h3,
.soumu #mcL #read p { position:absolute; left:-9999px;}

.soumu #mcL .box { padding:0 0 23px 3px;}
.soumu #mcL .box .titleBG { margin-bottom:5px; background:url(../img/works/h3-original01bg.gif);}
.soumu #mcL .box .title { position:relative; background:url(../img/works/h3-original01-top.gif) 0 0 no-repeat;}
.soumu #mcL .box .title h3 {
	height:auto;
	padding:9px 5px 6px 36px;
	background:url(../img/works/h3-original01-btm.gif) left bottom no-repeat;
	color:#FFF;
	font-size:110%;
	text-indent:0;}
.soumu #mcL .box h3 a {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	display:block}
.soumu #mcL .box h3 a:hover { text-decoration:underline;}
.soumu #mcL .box ul { padding:0 0 15px 2px; background:url(../img/recruit/bg-txtarea-top.gif) left bottom no-repeat; list-style:none; font-size:x-small;}
.soumu #mcL .box ul li { display:inline;}
.soumu #mcL .box .txtArea { padding:15px 23px 8px; background:url(../img/recruit/bg-txtarea.gif);}
.soumu #mcL .box ul.data {
	list-style:none;
	padding:5px 23px 19px;
	background:url(../img/recruit/bg-txtarea-btm.gif) left bottom no-repeat #f6f5e9;
	text-align:right;}
.soumu #mcL .box ul.data a { text-decoration:none;}




/* 塾長ブログ
======================================================= */
.juku #mcR h1 { background:url(../img/recruit/h1-animaBlog.gif) 0 0 no-repeat;}
.juku #mcL h2 { background:url(../img/recruit/h2-juku.gif) no-repeat;}

.juku #mcL #read {
	height:211px;
	margin-left:3px;
	background:url(../img/recruit/jyukutyo-blog.jpg) 0 0 no-repeat;}
.juku #mcL #read h3, .juku #mcL #read p { display:none;}

.juku #mcL .box { padding:0 0 23px 3px;}
.juku #mcL .box .titleBG { margin-bottom:5px; background:url(../img/works/h3-original01bg.gif);}
.juku #mcL .box .title { position:relative; background:url(../img/works/h3-original01-top.gif) 0 0 no-repeat;}
.juku #mcL .box .title h3 {
	height:auto;
	padding:9px 5px 6px 36px;
	background:url(../img/works/h3-original01-btm.gif) left bottom no-repeat;
	color:#FFF;
	font-size:110%;
	text-indent:0;}
.juku #mcL .box h3 a {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	display:block}
.juku #mcL .box h3 a:hover { text-decoration:underline;}
.juku #mcL .box ul { padding:0 0 15px 2px; background:url(../img/recruit/bg-txtarea-top.gif) left bottom no-repeat; list-style:none; font-size:x-small;}
.juku #mcL .box ul li { display:inline;}
.juku #mcL .box .txtArea { padding:15px 23px 8px; background:url(../img/recruit/bg-txtarea.gif);}
.juku #mcL .box .txtArea img { max-width:530px;}
/*\*/*html .juku #mcL .box .txtArea img {
   width: expression(
      (document.documentElement.clientWidth > 532)? "530px" : "auto");
   height: 1%;}/**/
.juku #mcL .box ul.data {
	list-style:none;
	padding:5px 23px 19px;
	background:url(../img/recruit/bg-txtarea-btm.gif) left bottom no-repeat #f6f5e9;
	text-align:right;}
.juku #mcL .box ul.data a { text-decoration:none;}

/* 塾長プロフィール */
.juku.jukuProfile #mcL h2 { background:url(../img/recruit/h2-jukuProfile.gif) no-repeat;}

.juku.jukuProfile #mcL #read {
	height:222px;
	margin-left:3px;
	background:url(../img/recruit/img-profile.jpg) 0 0 no-repeat;}
.juku.jukuProfile #mcL #read * {
	position:absolute; left:-9999px;}




#mcR #jukuMN { padding:30px 0 0;}
#mcR #jukuMN dt {
	height:210px;
	margin:0;
	padding:0;
	background:url(../img/recruit/h1-jukuProfile.jpg) 0 0 no-repeat;}
#mcR #jukuMN dd { margin:0; padding:0;}
#mcR #jukuMN .post {
	margin:0;
	padding:12px;
	border-top:solid 1px #DDDDD7;
	border-bottom:solid 1px #DDDDD7;
	background:#F6F5E9;
	line-height:1.5;}
#mcR #jukuMN .more { padding:10px 0 20px;}
#mcR #jukuMN .more a {
	padding-left:12px;
	background:url(../img/c/point008.gif) left center no-repeat;}
#mcR #jukuMN .links ul { margin:0; padding:0; background:none;}
#mcR #jukuMN .links li {
	margin:0;
	padding:0 0 17px;
	background:none;}


















