@charset "UTF-8";

/* 
	:title 		"キヤノンシステムアンドサポート株式会社 | 2011年度新卒採用サイト ブランドの顔となる可能性";
	:created 	"2009/08/28";
	:release 	[:revision "1.00"];
	:auther 	[:name "Project D"];
	:note		"
				Outline -
				1. structure
				2. text
				3. image
				4. list
				5. table
				6. link
				9. clearfix
				";
*/

/* structure
------------------------------------------------------------ */
#wrapper #wrapBranding {
	margin			: 20px 20px 30px 20px;
	padding			: 0;
	border			: 1px solid #999;
}

#wrapBranding #wrapMessage {
	width			: 383px;
	margin			: 20px 0 0 0;
	padding			: 0 0 0 20px;
	float			: left;
}

#content .wrapSector {
	margin			: 0 0 40px 0;
	padding			: 0;
}

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

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

#content .wrapSummary {
	width			: 260px;
	padding-right	: 15px;
	float			: left;
}

#content .wrap4jobs {
	margin			: 40px 0;
}

#content .wrap4jobsSummary {
	width			: 385px;
	float			: left;
}


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

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

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

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


#aboutUs th span {
	color			: #de0010;
}


/* image
------------------------------------------------------------ */
#wrapBranding #brandingPhoto {
	width			: 427px;
	height			: 169px;
	margin			: 0;
	padding			: 0;
	font-size		: 1px;
	line-height		: 1.0;
	float			: right;
}

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

#content #csCycle {
	margin			: 30px 0;
	padding			: 0;
	text-align		: center;
}

#content .wrapDiagram {
	width			: 265px;
	float			: left;
	text-align		: center;
}

#content .wrap4jobs .wrap4jobsPhoto {
	width			: 157px;
	float			: left;
}


/* list
------------------------------------------------------------ */
#content ul#material {
	padding		: 0;
	list-style	: none;
}

#content #material {
	margin		: 39px 0 45px 0;
}

#material li {
	display		: block;
	float		: left;
}

#material li {
	width		: 271px;
}

#content dl.notes1 {
	margin		: 40px 0 10px 0;
	padding		: 0;
}

#content dl.notes1 dt {
	width		: 20px;
	color		: #de0010;
}

#content dl.notes1 dd {
	margin		: -14px 0 0 21px;
	color		: #666;
}

#content dl.notes2 {
	margin		: 20px 0 0 0;
	padding		: 0;
}

#content dl.notes2 dt {
	width		: 12px;
	color		: #666;
}

#content dl.notes2 dd {
	margin		: -14px 0 0 13px;
	color		: #666;
}

#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;
}


/* table
------------------------------------------------------------ */
#content table#aboutUs {
	margin			: 0 0 10px 0;
	padding			: 0;
}

#aboutUs th,
#aboutUs td {
	padding			: 5px;
	font-size		: 120%;
	color			: #666;
	vertical-align	: top;
}

#aboutUs th {
	width			: 100px;
	font-weight		: normal;
}

#aboutUs td address {
	font-style		: normal;
}


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

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

#eopNavi li a:hover {
	background-color	: #fff;
}


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

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