@charset "utf-8";

/* ---------------------------
	common elements style
--------------------------- */

/* parent */
html {
	background: #fff url(../images/bg_html.gif) left top repeat-y;
}

body {
	background: url(../images/bg_body.gif) left top repeat-x;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 1.6;
}

	th, td {
		color: #333;
		line-height: 1.6;
	}
	
	a:link, a:visited {
		color: #0099FF;
		text-decoration: none;
	}
	a:hover, a:active {
		color: #99D6FF;
		text-decoration: none;
	}


/* contents */
#contents {
	position: relative;
	width: 920px;
}


/* header */
#header {
	position: absolute;
	left: 828px;
	top: 48px;
	z-index: 1000;
}
	#header h1 {
		width: 62px;
		height: 41px;
	}
		#header h1 a {
			display: block;
			width: 62px;
			height: 41px;
			background: url(../images/logo_atom.gif) left top no-repeat;
		}


/* sub */
#sub {
	position: relative;
	float: left;
	display: inline;
	width: 130px;
	height: 420px;
	background: url(../images/bg_menu.gif) 0 0 no-repeat;
}
#home #sub {
	background-position: 0 0;
}
#company #sub {
	background-position: -130px 0;
}
#portfolio #sub {
	background-position: -260px 0;
}
#work #sub {
	background-position: -390px 0;
}
#recruit #sub {
	background-position: -520px 0;
}
#access #sub {
	background-position: -650px 0;
}
#contact #sub {
	background-position: -780px 0;
}
#download #sub {
	background-position: -910px 0;
}
#editor #sub {
	background-position: -910px 0;
}

	#sub ul li {
		position: absolute;
	}
		#sub ul li a {
			display: block;
		}
		#sub ul li a:hover {
			background-position: left bottom !important;
		}

	#sub ul li#menuHome {
		left: 6px;
		top: 23px;
	}
		#sub ul li#menuHome a {
			width: 90px;
			height: 48px;
			background: url(../images/menu_home.gif) left top no-repeat;
		}

	#sub ul li#menuCompany {
		left: 23px;
		top: 78px;
	}
		#sub ul li#menuCompany a {
			width: 77px;
			height: 32px;
			background: url(../images/menu_company.gif) left top no-repeat;
		}

	#sub ul li#menuPortfolio {
		left: 9px;
		top: 124px;
	}
		#sub ul li#menuPortfolio a {
			width: 86px;
			height: 26px;
			background: url(../images/menu_portfolio.gif) left top no-repeat;
		}

	#sub ul li#menuWork {
		left: 8px;
		top: 159px;
	}
		#sub ul li#menuWork a {
			width: 94px;
			height: 43px;
			background: url(../images/menu_work.gif) left top no-repeat;
		}

	#sub ul li#menuRecruit {
		left: 22px;
		top: 207px;
	}
		#sub ul li#menuRecruit a {
			width: 76px;
			height: 29px;
			background: url(../images/menu_recruit.gif) left top no-repeat;
		}

	#sub ul li#menuAccess {
		left: 18px;
		top: 251px;
	}
		#sub ul li#menuAccess a {
			width: 71px;
			height: 34px;
			background: url(../images/menu_access.gif) left top no-repeat;
		}

	#sub ul li#menuContact {
		left: 9px;
		top: 326px;
	}
		#sub ul li#menuContact a {
			width: 91px;
			height: 56px;
			background: url(../images/menu_contact.gif) left top no-repeat;
		}



/* main */
#main {
	float: left;
	display: inline;
	width: 750px;
	margin: 48px 0 0 0;
	padding: 0 0 25px 10px;
}
	#main h2 {
		position: absolute;
	}
	#main h3 {
		width: 650px;
		padding-bottom: 10px;
		border-bottom: solid 1px #C0C0C0;
	}

	#main .leadBlock {
		margin: 10px 0 40px 0;
		font-size: 117%;
	}

	#main .pageTopLink {
		clear: both;
		margin-top: 30px;
		text-align: right;
	}
		#main .pageTopLink a {
			float: right;
			display: block;
			width: 96px;
			height: 14px;
			background: url(../images/btn_pagetop.gif) left top no-repeat;
		}
		#main .pageTopLink a:hover {
			background-position: left bottom;
		}


/* footer */
#footer {
	clear: both;
	width: 750px;
	border-top: solid 1px #C0C0C0;
	margin: 0 0 0 140px;
	padding: 8px 0 17px 0;
	text-align: right;
}
	#footer p {
		height: 9px;
		background: url(../images/copyright.gif) right top no-repeat;
	}


/* common elements */
dl.markList {
	line-height: 1.6;
}
	dl.markList dt {
		width: 1em;
	}
	dl.markList dd {
		margin: -1.6em 0 0 1em;
	}

hr {
	height: 1px;
	border: none;
	background: url(../images/bdr_dash_dg.gif) left top repeat-x;
	text-align: left;
}


/* ---------------------------
	batch setting
--------------------------- */

/* hidden elements */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* off-left */
#header h1,
#sub ul li,
#footer p,
#main .pageTopLink a {
	font-size: 1px;
	text-align: left;
	text-indent: -9999em;
	/*\*/
	overflow: hidden;
	/**/
}


/* clearfix */
#contents,
#main .pageTopLink {
  overflow: hidden;
}
#contents:after,
#main .pageTopLink:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #contents,
* html #main .pageTopLink {
	height: 1em;
	overflow: visible;
}
/**/