/*
	basic.css
--------------------------------------------*/

*{
	margin:0;
	padding:0;
}
body{
	background:#ffffff;
	font-size:12px;
	color:#333333;
	line-height:1.5em;
	padding-bottom:10px;
	width:100%;
	font-family: "Verdana","Arial";
}
ul{
	list-style-type:none;
}
img{
	border:none;
}
.caption{
	font-size:10px;
}
#wrap{
	width:780px;
	clear:both;
	overflow:hidden;
}
#stage{
	width:746px;
	margin-left: 17px;
}
#stage:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
a{
	color:#1697e1;
	text-decoration:none;
  outline: none;
}
a:link{
	color:#999999;
	text-decoration:none;
}
a:active{
	color:#ff9933;
	text-decoration:none;
}
a:visited{
	color:#999999;
	text-decoration:none;
}
a:hover{
	color:#ff9933;
	text-decoration:underline;
}
/*************************************************	HEADER	**********************************************/
#header {
	height:59px;
	clear:both;
	margin:0 auto;
}

#logo {
	float: left;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 16px;
}
#logo h1 a,
#logo p a{
	width:375px;
	height:27px;
	background:url(../../neo_pix/logo.png) left top no-repeat;
	text-indent:-9999px;
	display:block;
}

#headernavi {
	margin-top: 16px;
	float: right;
}
#headernavi li{
	display:inline;
	margin:0 10px 0 0;
}
#headernavi li a{
	padding:0 0 0 15px;
	background:url(/common/images/bullet_navi.gif) left no-repeat;
}

/*************************************************	FOOTER	**********************************************/
#footer{
	width:746px;
	font-size:11px;
	clear:both;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
}
#footer .inner{
	border-top:1px solid #b8b8b8;
	padding-top:6px;
	height: 20px;
}
#footernavi{
	float:right;
}
#footernavi li{
	display:inline;
	margin:0 10px 0 0;
}
#footernavi li a{
	padding:0 0 0 15px;
	background:url(/common/images/bullet_navi.gif) left no-repeat;
}
#copyright {
	float:left;
	width:266px;
	height:11px;
	background:url(/common/images/img_copyright.gif) top left no-repeat;
	text-indent:-9999px;
}

/*************************************************	VISUAL	**********************************************/
#visual {
	height:298px;
	border-bottom:1px solid #b8b8b8;
}

/*************************************************	CONTENTS *********************************************/

#topcolumn{
	display:block;
	overflow:hidden;
	width:746px;
	background:url(/common/images/bg_contents.gif) top left repeat-y;
}
body#top #topcolumn{
	background:url(/common/images/bg_contentsTop.gif) top left repeat-y;
}
/*#topcolumn:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}*/
/*************************************************	Left side gNavi	************************************/
#gnavi{
	width:141px;
	float:left;
}
/**********************************************	Center and Right area **********************************/

#top #primary {
	width:557px;
	float:right;
	margin-right:24px;
	overflow:hidden;
	display:inline;
}
body#top #primary {
	width:605px;
	float:right;
	margin:0;
	overflow:hidden;
}

/* CENTER AREA */

#topcolumn #contents{
	margin:0;
	padding:0 1px;
	width:445px;
	float:left;
	overflow:hidden;
}
#topcolumn #contents p{
	margin:0;
	padding:0;
}

#topcolumn #contents .btnarea {
	width:445px;
	height:180px;
	background-color:#e6ebef;
}
#topcolumn #contents .btnarea p.message {
	clear:both;
	width:413px;
	height:38px;
	margin:13px auto 0;
	text-indent:-9999px;
	background:url(../images/img_message.gif) no-repeat;
}

#topcolumn #contents .btnarea .inner{
	width:413px;
	margin:0 auto;
	padding-top:13px;
	overflow:hidden;
}
#topcolumn #contents .btnarea .inner p.aboutjob {
	float:left;
	width:200px;
	height:100px;
}
p.aboutjob a{
	display:block;
	width:200px;
	height:100px;
	background:url(/common/images/btn_aboutworks.png);
	overflow:hidden;
	text-indent:-9999px;
}
p.aboutjob a:active,
p.aboutjob a:focus,
p.aboutjob a:hover{
	background:url(/common/images/btn_aboutworks.png) no-repeat 0 -100px;
}
#topcolumn #contents .btnarea .inner p.aboutprocess {
	float:right;
	width:200px;
	height:100px;
	}
p.aboutprocess a{
	display:block;
	width:200px;
	height:100px;
	background:url(/common/images/btn_aboutprocess.png);
	overflow:hidden;
	text-indent:-9999px;
}
p.aboutprocess a:active,
p.aboutprocess a:focus,
p.aboutprocess a:hover{
	background:url(/common/images/btn_aboutprocess.png) no-repeat 0 -100px;
}


#contents .linkArea{
	width:413px;
	margin:0 auto;
	}
#contents .linkArea h2{
	margin:20px 0;
	padding:0;	
	}
#contents .linkArea .boxWrap{
	clear:both;
	width:413px;
	}
#contents .linkArea .box{
	width:200px;
	height:90px;
	margin-bottom:13px;
	display:block;
	overflow:hidden;
	}
#contents .linkArea .box .icon {
	float:left;
}
#contents .linkArea .box .icon a{
	width:71px;
	height:71px;
	margin:10px 0 0 10px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
#contents .linkArea .box01{
	float:left;
	background:url(/common/images/bg_cc_original.gif) no-repeat;
	}
#contents .linkArea .box01 .icon a{
	background:url(/common/images/btn_cc_original.gif) no-repeat 0 0;
}
#contents .linkArea .box01 .icon a:hover {
	background:url(/common/images/btn_cc_original.gif) no-repeat 0 -71px;
}
#contents .linkArea .box02{
	float:right;
	background:url(/common/images/bg_cc_open.gif) no-repeat;
	}
#contents .linkArea .box02 .icon a{
	background:url(/common/images/btn_cc_open.gif) no-repeat 0 0;
}
#contents .linkArea .box02 .icon a:hover {
	background:url(/common/images/btn_cc_open.gif) no-repeat 0 -71px;
}
#contents .linkArea .box03{
	float:left;
	background:url(/common/images/bg_cc_new.gif) no-repeat;
	}
#contents .linkArea .box03 .icon a{
	background:url(/common/images/btn_cc_new.gif) no-repeat 0 0;
}
#contents .linkArea .box03 .icon a:hover {
	background:url(/common/images/btn_cc_new.gif) no-repeat 0 -71px;
}
#contents .linkArea .box04{
	float:right;
	background:url(/common/images/bg_cc_imageup.gif) no-repeat;
	}
#contents .linkArea .box04 .icon a{
	background:url(/common/images/btn_cc_imageup.gif) no-repeat 0 0;
}
#contents .linkArea .box04 .icon a:hover {
	background:url(/common/images/btn_cc_imageup.gif) no-repeat 0 -71px;
}
#contents .linkArea .ditail a{
	float:left;
}
#contents .linkArea .ditail a{
	margin:68px 0 0 15px;
	padding:0 0 0 15px;
	background:url(/common/images/bullet_navi.gif) left no-repeat;	
}



/* Right news area */
#topcolumn #pickup {
	border-bottom:1px solid #ccc;
	margin-bottom:12px;
}
#topcolumn #newsbox{
	float:right;
	width: 158px;
}
#topcolumn #newsbox #banner01 {
	margin-bottom:12px;
}
#newslist{
	width:142px;
	float:right;
}
#newslist .row{
	border-top:1px solid #b8b8b8;
	margin-bottom:10px;
	padding:10px 0;
	background:url(../images/pattern.gif) left bottom repeat-x;
}
#newslist .row .date{
	width:80px;
	height:17px;
	background:url(../images/bg_date.gif) left top no-repeat;
	line-height:17px;
	color:#FFFFFF;
	font-size:10px;
	display:block;
	text-align:center;
}
#topictitle {
	font-size:85%;
}
#topictitle a{
	top:7px;
	left:75px;
	padding:0 0 0 15px;
	background:url(/common/images/bullet_navi.gif) left no-repeat;	
}

div#commingsoon {
position:absolute; top:10px 30px 0 50px;
}