@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[common.css]
	
  1. image replacement
	2. body
	3. header
	4. content
	5. main
	6. sidebar
	7. gnav
	8. top-of-page
	9. footer
	
////////////////////////////////////////////////////////////*/


/*------------------------------------------------------------

	1. image replacement

------------------------------------------------------------*/
div#header h1,
div#content div#main h2,
div#content div#main h3,
div#content div#gnav ul li,
p#top-of-page {
	overflow: hidden;
	text-indent: -9999px;
}

/*------------------------------------------------------------

	2. body

------------------------------------------------------------*/
* html body {
	text-align: center;
}

p,
li,
dd,
td {
	text-align: justify;
	text-justify: inter-ideograph;/*IE*/
}

div.wrapper {
	width: 900px;
	margin: 0 auto;
}
* html div.wrapper {
	text-align: left;
}

/*------------------------------------------------------------

	3. header

------------------------------------------------------------*/
div#header {
	border-bottom: 10px solid #333;
}

div#header h1 {
	width: 478px;
	margin: 48px 0 6px;
}

div#header h1 a {
	display: block;
	width: 478px;
	height: 40px;
	background-image: url(../img/title.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#header h1 a:hover {
	background-position: 0 -40px;
}

/*------------------------------------------------------------

	4. content

------------------------------------------------------------*/
div#content {
	overflow: auto;
}
* html div#content {
}

div#content .wrapper {
	position: relative;
	overflow: auto;
	padding-bottom: 360px;
	padding-top: 222px;
}
* html div#content .wrapper {
}

/*------------------------------------------------------------

	5. main

------------------------------------------------------------*/
div#main {
	float: left;
	width: 660px;
}

div#main h2 {
	width: 660px;
	height: 40px;
	margin: 48px 0 24px;
}

div#main h2.first {
	margin: 0 0 24px;
}

div#main h3 {
	width: 630px;
	height: 20px;
	margin: 24px 0 24px 15px;
}

div#main p {
	width: 630px;
	margin: 0 15px;
}

div#main strong {
	font-weight: normal;
}

div#main div.tablebox {
	width: 600px;
	margin: 24px 30px;
}
* html div#main div.tablebox {
	text-align: center;
}

div#main div.tablebox table {
	width: 600px;
	margin: 0 auto;
}
* html div#main div.tablebox table {
	text-align: left;
}

/*------------------------------------------------------------

	6. sidebar

------------------------------------------------------------*/
div#sidebar {
	float: right;
	width: 192px;
	margin-bottom: 48px;
}

div#sidebar ul {
	list-style: none;
	width: 182px;
	padding: 3px 5px 5px;
	background-color: #333;
}
* html div#sidebar ul {
	width: 192px;
}

div#sidebar ul ul {
	padding: 0;
	background-color: #FFF;
}
* html div#sidebar ul ul {
	width: 182px;
}


div#sidebar ul li {
	margin: 0;
	padding: 0;
	border-top: 2px solid #333;
}

div#sidebar ul li a,
div#sidebar ul li em {
	display: block;
	overflow: hidden;
	width: 182px;
	height: 40px;
	vertical-align: bottom;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 1.2;
	text-indent: -9999px;
}

div#sidebar ul li.recruit a,
div#sidebar ul li.recruit em {
	background-image: url(../img/sidebar-recruit.jpg);
}

div#sidebar ul li.interview a,
div#sidebar ul li.interview em {
	background-image: url(../img/sidebar-interview.jpg);
}

div#sidebar ul li.company a,
div#sidebar ul li.company em {
	background-image: url(../img/sidebar-company.jpg);
}

div#sidebar ul li.entry a,
div#sidebar ul li.entry em {
	background-image: url(../img/sidebar-entry.jpg);
}

div#sidebar ul li.link a,
div#sidebar ul li.link em {
	background-image: url(../img/sidebar-link.jpg);
}

div#sidebar ul li a:hover {
	background-position: 0 -40px;
}

div#sidebar ul li em {
	background-position: 0 -80px;
}

div#sidebar ul ul li {
	border-top: 1px solid #999;
	width: 182px;
}

div#sidebar ul ul li.first {
	padding-top: 2px;
	background: #FFF url(../img/sidebar-border.gif) no-repeat left top;
	border: none;
}

div#content div#sidebar ul ul li a,
div#content div#sidebar ul ul li em {
	width: 158px;
	height: auto;
	padding: 10px 12px;
	background-image: none;
	text-decoration: none;
	text-indent: 0;
}
* html div#content div#sidebar ul ul li a,
* html div#content div#sidebar ul ul li em {
	width: 182px;
}

div#content div#sidebar ul ul li em {
	font-style: normal;
}

/*------------------------------------------------------------

	7. gnav

------------------------------------------------------------*/
div#gnav {
	position: absolute;
	top: 24px;
	left: 0px;
}

div#gnav ul {
	list-style: none;
	width: 900px;
}

div#gnav ul li {
	float: left;
	margin-right: 60px;
}

div#gnav ul li.link {
	margin: 0;
}

div#gnav ul li a,
div#gnav ul li em {
	display: block;
	overflow: hidden;
	width: 132px;
	height: 150px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#gnav ul li.recruit a,
div#gnav ul li.recruit em {
	background-image: url(../img/navi-recruit.jpg);
}

div#gnav ul li.interview a,
div#gnav ul li.interview em {
	background-image: url(../img/navi-interview.jpg);
}

div#gnav ul li.company a,
div#gnav ul li.company em {
	background-image: url(../img/navi-company.jpg);
}

div#gnav ul li.entry a,
div#gnav ul li.entry em {
	background-image: url(../img/navi-entry.jpg);
}

div#gnav ul li.link a,
div#gnav ul li.link em {
	background-image: url(../img/navi-link.jpg);
}

div#gnav ul li a:hover {
	background-position: 0 -150px;
}

div#gnav ul li em {
	background-position: 0 -300px;
}

/*------------------------------------------------------------

	8. top-of-page

------------------------------------------------------------*/
p#top-of-page {
	position: absolute;
	right: 5px;
	bottom: 9px;
}

p#top-of-page a {
	display: block;
	overflow: hidden;
	width: 120px;
	height: 95px;
	background-image: url(../img/page-top.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
* html p#top-of-page a {
	cursor: pointer;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../share/img/page-top.png", sizingMethod="crop");
}

p#top-of-page a:hover {
	background-position: 0 -95px;
}
* html p#top-of-page a:hover {
	cursor: pointer;
}

/*------------------------------------------------------------

	9. footer

------------------------------------------------------------*/
div#footer {
	clear: both;
	border-top: 1px solid #CCC;
	height: 50px;
}

div#footer div.wrapper {
	position: relative;
}

div#footer address {
	font-style: normal;
}

div#footer p {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 10px;
}


div#footer p span {
	color: #F63;
}