@charset "UTF-8";

/* 
	:title 		"キヤノンシステムアンドサポート株式会社 | 2011年度新卒採用サイト 自慢の教育研修制度";
	:created 	"2009/09/17";
	:release 	[:revision "1.01"];
	:auther 	[:name "Project D"];
	:note		"
				Outline -
				1. structure
				2. text
				3. list
				4. table
				5. link
				6. image & object
				7. clearfix
				";
*/


/* structure
-------------------------------------------------- */
#content h2,
#content h3,
#content h4 {
	margin-bottom	: 20px;
}

#content h4.ttl01 {
	margin-bottom	: 10px;
	padding			: 7px 15px;
	background		: #8fc31f;
	color			: #fff;
	font-size		: 130%;
	font-weight		: bold;
	line-height		: 1.0;
}

#content address {
	font-size		: 120%;
	font-style		: normal;
	color			: #666;
}

#content .wrapSector {
	width			: 544px;
}

#content .wrapSector .wrapSummary {
	width			: 270px;
	float			: left;
}


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

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

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


/* list
-------------------------------------------------- */
#content ul.lst4photos {
	margin-bottom	: 20px;
	list-style		: none;
}

#content ul.lst4photos li {
	width			: 135px;
	float			: left;
}

#content ul#eopNavi {
	margin-bottom	: 10px;
	padding-top		: 10px;
	list-style		: none;
}

#eopNavi li {
	width			: 270px;
}

#eopNavi li.btnPrev {
	text-align		: left;
	float			: left;
}

#eopNavi li.btnNext {
	text-align		: right;
	float			: right;
}


/* image & object
-------------------------------------------------- */
#content #wrapKuramochi {
	margin			: 20px 0 30px 0;
}

#content .photos {
	margin-bottom	: 20px;
	text-align		: center;
}

#content .wrapSector .wrapFigure {
	width			: 260px;
	float			: right;
}

#content .wrapDarr {
	margin			: 10px 0;
	text-align		: center;
}


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

#content .wrapSector,
#content ul.lst4photos,
#content ul#eopNavi {
	overflow	: hidden;
}

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