@charset "utf-8";


/*-----------------------------------------------------
html
-------------------------------------------------------*/
html{
	height:100%;
}

/*-----------------------------------------------------
body
-------------------------------------------------------*/
body{
	height:100%;
	position:relative;
	min-width:980px;
	min-height:740px;
	background:#ABC6E2;
}


/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container{
	margin:10px 10px 0 10px;
	overflow:hidden;
	background:url("../images/index/body_bg.gif") repeat 50% 0 #FFF;
}


/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:100%;
	background:url("../images/index/container_bg.jpg") no-repeat 50% 50%;
}
#Content div.content-inside{
	width:980px;
	height:740px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-370px 0 0 -490px;
}


/*-----------------------------------------------------
Filter
-------------------------------------------------------*/
#Filter{
	width:0;
	height:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:500;
	background:#FFFFFF;
}


/*-----------------------------------------------------
Iframe
-------------------------------------------------------*/
#Iframe{
	position:absolute;
	top:0;
	left:0;
	z-index:700;
}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	width:960px;
	height:680px;
	position:relative;
	margin:0 auto 0 auto;
}
#Main h1{
	width:452px;
	height:240px;
	position:absolute;
	top:227px;
	left:255px;
	z-index:10;
}
#Main p.back{
	width:230px;
	height:35px;
	position:absolute;
	top:5px;
	right:5px;
}



/* section
---------------------*/
#Main div.section{
	z-index:100;
	visibility:hidden;
}

/* career01 */
#Main div.section.career01{
	width:256px;
	height:170px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:387px;
	background:url("../images/index/career01_bg.png") no-repeat 100% 4px;
}
#Main div.section.career01 p{
	width:129px;
	height:128px;
	position:absolute;
	top:0;
	left:36px;
}
#Main div.section.career01 h2{
	width:177px;
	height:39px;
	position:absolute;
	top:131px;
	left:0;
}
/* career02 */
#Main div.section.career02{
	width:262px;
	height:174px;
	overflow:hidden;
	position:absolute;
	top:55px;
	left:621px;
	background:url("../images/index/career02_bg.png") no-repeat 100% 16px;
}
#Main div.section.career02 p{
	width:128px;
	height:128px;
	position:absolute;
	top:0;
	left:43px;
}
#Main div.section.career02 h2{
	width:196px;
	height:40px;
	position:absolute;
	top:134px;
	left:0;
}
/* career03 */
#Main div.section.career03{
	width:219px;
	height:172px;
	overflow:hidden;
	position:absolute;
	top:242px;
	left:736px;
	background:url("../images/index/career03_bg.png") no-repeat 0 11px;
}
#Main div.section.career03 p{
	width:128px;
	height:128px;
	position:absolute;
	top:0;
	left:72px;
}
#Main div.section.career03 h2{
	width:187px;
	height:37px;
	position:absolute;
	top:135px;
	left:32px;
}
/* career04 */
#Main div.section.career04{
	width:284px;
	height:172px;
	overflow:hidden;
	position:absolute;
	top:430px;
	left:617px;
	background:url("../images/index/career04_bg.png") no-repeat 100% 18px;
}
#Main div.section.career04 p{
	width:128px;
	height:128px;
	position:absolute;
	top:0;
	left:65px;
}
#Main div.section.career04 h2{
	width:236px;
	height:41px;
	position:absolute;
	top:131px;
	left:0;
}
/* career05 */
#Main div.section.career05{
	width:308px;
	height:173px;
	overflow:hidden;
	position:absolute;
	top:477px;
	left:322px;
	background:url("../images/index/career05_bg.png") no-repeat 100% 11px;
}
#Main div.section.career05 p{
	width:128px;
	height:128px;
	position:absolute;
	top:0;
	left:90px;
}
#Main div.section.career05 h2{
	width:295px;
	height:41px;
	position:absolute;
	top:132px;
	left:0;
}
/* career06 */
#Main div.section.career06{
	width:261px;
	height:177px;
	overflow:hidden;
	position:absolute;
	top:439px;
	left:67px;
	background:url("../images/index/career06_bg.png") no-repeat 0 31px;
}
#Main div.section.career06 p{
	width:128px;
	height:128px;
	position:absolute;
	top:0;
	left:94px;
}
#Main div.section.career06 h2{
	width:244px;
	height:49px;
	position:absolute;
	top:128px;
	left:17px;
}
/* career07 */
#Main div.section.career07{
	width:257px;
	height:191px;
	overflow:hidden;
	position:absolute;
	top:217px;
	left:0;
	background:url("../images/index/career07_bg.png") no-repeat 17px 0;
}
#Main div.section.career07 p{
	width:130px;
	height:128px;
	position:absolute;
	top:22px;
	left:80px;
}
#Main div.section.career07 h2{
	width:257px;
	height:40px;
	position:absolute;
	top:151px;
	left:0;
}
/* career08 */
#Main div.section.career08{
	width:217px;
	height:182px;
	overflow:hidden;
	position:absolute;
	top:36px;
	left:117px;
	background:url("../images/index/career08_bg.png") no-repeat 0 0;
}
#Main div.section.career08 p{
	width:128px;
	height:128px;
	position:absolute;
	top:11px;
	left:62px;
}
#Main div.section.career08 h2{
	width:207px;
	height:41px;
	position:absolute;
	top:141px;
	left:10px;
}



/*-----------------------------------------------------
Footer
-------------------------------------------------------*/
#Footer{
	width:100%;
	height:50px;
	position:fixed;
	bottom:0;
	left:0;
	background:#ABC6E2;
	z-index:100;
}
#Footer p.logo{
	width:140px;
	height:24px;
	position:absolute;
	top:13px;
	left:14px;
}
#Footer address{
	width:324px;
	height:15px;
	position:absolute;
	top:21px;
	right:15px;
}