@charset "UTF-8";
/* 
index.css
*/
/* --------------------------------
#header
-------------------------------- */
#header {
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: none;
	position: relative;
	height: 38px;
	background: none;
	margin-bottom: 0;
}

/* --------------------------------
#mainPanel
-------------------------------- */
#mainPanel {
	height: 378px;
	padding: 0;
	background: url(../img/index_mainpanelbg.jpg) no-repeat;
	background-position: 1px 60px;
}

#mainPanel p {
	border-right:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
}

/* --------------------------------
#reborn
-------------------------------- */
#reborn {
	height: 38px;
	background: url(../img/index_rebornbg.gif) no-repeat;
	background-position: 499px 233px;
	padding: 247px 0 0 673px;
	border-right:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
}

/* --------------------------------
#news
-------------------------------- */
#news {
	height: 25px;
	padding: 8px 0 0 14px;
	background: url(../img/index_newsbg.jpg) no-repeat;
}

#news li {
	background: url(../img/index_mark.gif) no-repeat center left;
	padding-left: 10px;
}

/* --------------------------------
.indextitle
-------------------------------- */
.indextitle { margin: 27px 0 11px 0; }
.indextitle h2 {
	float: left;
	padding-right: 8px;
}
.indextitle p {
	float: right;
	padding: 4px 0 5px 0;
	border-bottom: 1px solid #30C0D8;
}

/* --------------------------------
.ttlimg
-------------------------------- */
.ttlimg { padding-bottom: 15px; }

/* --------------------------------
.indextitle clearfix
-------------------------------- */
.indextitle:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.indextitle { display: inline-block; }

/* \*/
* html .indextitle { height: 1%; }
.indextitle { display: block; }
/* */

/* --------------------------------
li img
-------------------------------- */
#content li { padding-bottom: 13px; }
#content li { font-size: 1px; line-height: 1; }
#content li a:link,#content li a:active,
#content li a:visited,#content li a:hover { border: none; }
#content li { padding-bottom: 13px; }

/* --------------------------------
.new　NEWマーク
-------------------------------- */
ul.imghdn li.new {
	background: url(../img/new.gif) no-repeat 100% 0;
	clear: both;
	float: left;
	padding-right: 38px;
}

/* --------------------------------
#message　メッセージ
-------------------------------- */
#message .indextitle p { width: 778px; }
#message .indextitle { margin: 40px 0 11px 0; }
#message a { width: 200px; background: url(../img/index_msgtxt_over.gif) no-repeat; }

/* --------------------------------
#people　社員紹介
-------------------------------- */
#people { width: 590px; float: left; }
#people .indextitle { padding-bottom: 5px; }
#people .indextitle p { width: 497px; }
#people .txt1 a { width: 156px; background: url(../img/index_peopletxt01_over.gif) no-repeat; }
#people .txt2 a { width: 88px; background: url(../img/index_peopletxt02_over.gif) no-repeat; }

/* --------------------------------
#color　社風
-------------------------------- */
#color { width: 280px; float: right; }
#color .indextitle p { width: 205px; }
#color .txt1 a { width: 102px; background: url(../img/index_colortxt01_over.gif) no-repeat; }
#color .txt2 a { width: 116px; background: url(../img/index_colortxt02_over.gif) no-repeat; }

/* --------------------------------
#business　仕事内容
-------------------------------- */
#business { width: 590px; float: left; }
#business .indextitle {	padding-bottom: 5px; }
#business .indextitle p { width: 465px; }
#business .txt1 a { width: 240px; background: url(../img/index_businesstxt01_over.gif) no-repeat; }
#business .txt2 a { width: 158px; background: url(../img/index_businesstxt02_over.gif) no-repeat; }

/* --------------------------------
#support　福利厚生
-------------------------------- */
#support { width: 280px; float: right; }
#support .indextitle p { width: 169px; }
#support .txt1 a { width: 149px; background: url(../img/index_supporttxt02_over.gif) no-repeat; }
#support .txt2 a { width: 120px; background: url(../img/index_supporttxt01_over.gif) no-repeat; }

/* --------------------------------
#entry　新卒採用2009
-------------------------------- */
#entry {
	background: url(../img/index_entryimg01.gif) no-repeat;
	background-position: 0 17px;
}
#entry .indextitle p { width: 825px; }
#entry .bn {
	width: 647px;
	float: left;
	background: url(../img/index_entrybar.gif) no-repeat right top;
}
#entry .bn ul { padding-left: 106px; }
#entry li { float: left; }
#entry .wrapper { padding-bottom:13px; }
#entry .bn li { padding: 0 10px 17px 0; }

#entry .righttxt {
	width: 243px;
	float: right;
	padding-left: 10px;
}
#entry .righttxt_fl {
	width: 243px;
	float: left;
	padding-left: 10px;
}
#entry .txt1 a { background: url(../img/index_entrytxt01_over.gif) no-repeat; }
#entry .txt2 a { background: url(../img/index_entrytxt02_over.gif) no-repeat; }
#entry .bn .txt1 a { background: url(../img/index_entrybn01_over.gif) no-repeat; }
#entry .bn .txt2 a { background: url(../img/index_entrybn02_over.gif) no-repeat; }

/* --------------------------------
#pbNav 
-------------------------------- */
#pbNav {
	background: #F8F8EF url(/company/recruit/graduates/shared/img/pbnavbgbottom.gif) no-repeat 0 bottom;
	width: 900px;
}
#pbNav #pbwrap {
	padding: 20px 0 20px 30px;
	background: transparent url(/company/recruit/graduates/shared/img/pbnavbgtop.gif) no-repeat 0 0;
}
#pbNav #pbwrap .coated {
	float: left;
	width: 210px;
}

#pbNav h3,
#pbNav ul,
#pbNav li {
	margin: 0;
	padding: 0;
}
#pbNav h3,
#pbNav li ul {
	margin-left: 10px;
}

#pbNav h3 {
	padding-bottom: 13px;
}

#pbNav ul li li {
	background: url(../img/index_arrow.gif) no-repeat left 0.5em;
	padding-left: 0.8em;
}

#pbwrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#pbwrap { display: inline-block; }

/* \*/
* html #pbwrap { height: 1%; }
#pbwrap { display: block; }
/* */

/* --------------------------------
#other
-------------------------------- */

/* --------------------------------
.wrapper clearfix
-------------------------------- */
.wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.wrapper { display: inline-block; }

/* \*/
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* */