@charset "UTF-8";

/* 
	:title 		"キヤノンシステムアンドサポート株式会社 | 2011年度新卒採用サイト 「らしく」生きる場所 Work&Life";
	:created 	"2009/11/13";
	:release 	[:revision "1.03"];
	:auther 	[:name "Project D"];
	:note		"
				Outline -
				1. structure
				2. text
				3. link
				4. list
				5. table
				6. image
				7. clearfix
				";
*/


/* structure
-------------------------------------------------- */
#wrapper #wrapWork-and-Life {
	margin			: 20px;
	padding			: 0;
	border			: 1px solid #999;
	position		: relative;
	z-index			: 0;
} 

#wrapWork-and-Life #wrapMessage {
	width			: 432px;
	height			: 149px;
	padding			: 20px 0 0 20px;	
}

#wrapMessage h2 {
	padding-bottom	: 15px;
}

#content h3,
#content h4 {
	margin-bottom	: 20px;
}

#content h3 {
	position		: relative;
	z-index			: 0;
}


/* text
-------------------------------------------------- */
#wrapMessage p {
	font-size		: 110%;
	color			: #666;
}

#content p {
	font-size		: 120%;
	color			: #666;
}

#content p.pg01 {
	margin-bottom	: 20px;
}

#content sup {
	font-size		: 83%;
	vertical-align	: 0.5em;
	color			: #de0010;
}


/* link
-------------------------------------------------- */
#content a {
	color				: #de0010;
	text-decoration		: underline;
}

#content a:hover {
	background-color	: #de0010;
	color				: #fff;
	text-decoration		: none;
}

#content h3 a {
	position			: absolute;
	top					: 8px;
	left				: 376px;
	display				: block;
	text-decoration		: none;
	white-space			: nowrap
}

#content h3 a.ce {
	left				: 300px;
}

* html #content h3 a.ce {
	left				: 340px;
}

#content h3 a.sup {
	left				: 350px;
}

* html #content h3 a.sup,
*:first-child+html #content h3 a.sup {
	left				: 380px;
}


/* list
-------------------------------------------------- */
#content ul.lstPhotos {
	margin-bottom	: 40px;
	padding			: 0;
	list-style		: none;
}

#content ul.lstPhotos li {
	display			: block;
	float			: left;
}

#content ul.lstPhotos li.per1-ph01 {
	width			: 384px;
}

#content ul.lstPhotos li.per1-ph02 {
	width			: 160px;
}

#content ul.lstPhotos li.per3-ph01,
#content ul.lstPhotos li.per3-ph02 {
	width			: 272px;
}


/* table
-------------------------------------------------- */
#content #tbl-Personal-Data {
	margin				: 30px 0;
	padding				: 0;
	background			: #666;
	border-collapse		: separate;
	border-spacing		: 1px;
}

#tbl-Personal-Data th,
#tbl-Personal-Data td {
	padding				: 5px 9px;
	background-color	: #fff;
	color				: #666;
}

#tbl-Personal-Data th {
	width				: 66px;
	text-align			: center;
	vertical-align		: middle;
	font-weight			: normal;
}

#tbl-Personal-Data td.rader-chart {
	width				: 222px;
	text-align			: center;
	vertical-align		: middle;
}

#tbl-Personal-Data td {
	width				: 194px;
}


/* image
-------------------------------------------------- */
#wrapWork-and-Life #wrapWaLphoto {
	width		: 392px;
	position	: absolute;
	top			: -25px;
	_top		: -24px;
	left		: 467px;
	z-index		: 1;
}


/* clearfix
-------------------------------------------------- */
#content ul.lstPhotos:after {
	height		: 0;
	display		: block; 
	clear		: both; 
	content		: url(/saiyou/common/img/pixel.gif);
}

#content ul.lstPhotos {
	overflow	: hidden;
}

/* Hides from IE-mac \*/
* html #content ul.lstPhotos {
  height		: 1%;
  overflow		: visible;
}