@charset "UTF-8";

/* 
	:title 		"キヤノンシステムアンドサポート株式会社 | 採用情報関連";
	:created 	"2009/08/27";
	:release 	[:revision "1.00"];
	:auther 	[:name "Project D"];
	:note		"
				Outline -
				1. structure
				2. text
				3. table
				4. link
				5. list
				6. image
				9. clearfix
				";
*/


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


#content h4#regional {
	margin-bottom		: 20px;
	padding				: 0;
	font-size			: 140%;
	font-weight			: bold;
	color				: #2a2a2e;
}

#content h4.ttl-leave-system {
	font-size			: 130%;
	color				: #de0010;
}

#content h4.ttl-faqs {
	margin-bottom	: 14px;
	padding-bottom	: 5px;
	border-bottom	: 1px solid #de0010;
	font-size		: 140%;
	line-height		: 1.2;
	font-weight		: bold;
	color			: #2a2a2e;
}

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

#ele-process01 h4,
#ele-process02 h4,
#ele-process03 h4,
#ele-process04 h4,
#ele-process05 h4 {
	margin-bottom		: 10px;
}

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

#content .wrapMessage {
	width				: 534px;
	margin				: 0 0 20px 0;
	padding				: 0;
	*margin-top			: -2px;
	border				: 3px solid #dcd5aa;
}

#content .wrapMessage h3 {
	margin-bottom		: 12px;
	padding				: 12px;
	font-size			: 140%;
	background-color	: #dcd5aa;
	color				: #666;
}


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

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

#content p.pg02 {
	margin-bottom	: 40px;
}

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

#content p strong.str01 {
	color			: #de0010;
	font-weight		: bold;
}

#ele-process04 sup,
#tbl-Guidelines sup {
	font-size		: 83%;
	vertical-align	: 0.5em;
	color			: #de0010;
}

#content .wrapMessage p {
	margin-bottom	: 15px;
	padding			: 12px;
	padding-top		: 0;
	padding-bottom	: 0;	
}

#content .wrapMessage p.btn-close {
	margin-bottom	: 20px;
	text-align		: center;
}


/* table
------------------------------------------------------------ */
#content table#tbl-Guidelines {
	margin				: 30px 0;
	padding				: 0;
	border				: 1px solid #fff;
}

#tbl-Guidelines th,
#tbl-Guidelines td {
	padding				: 5px;
	border				: 1px solid #fff;
	font-size			: 120%;
	text-align			: left;
	vertical-align		: top;
}

#tbl-Guidelines th {
	width				: 116px;
	background-color	: #de0010;
	color				: #fff;
}

#tbl-Guidelines th span {
	font-size			: 83%;
	font-weight			: normal;
}

#tbl-Guidelines td {
	background-color	: #efefef;
	color				: #2a2a2e;
}

#tbl-Guidelines td.dat01 {
	width				: 71px;
}

#tbl-Guidelines td.dat02 {
	width				: 322px;
}

#tbl-Guidelines td.dat03 {
	width				: 407px;
}

#content table#tbl-office-list {
	margin				: 30px 0;
	border				: 1px solid #fff;
}

#tbl-office-list th,
#tbl-office-list td,
#tbl-salary th,
#tbl-salary td {
	padding				: 5px;
	border				: 1px solid #fff;
	font-size			: 120%;
	text-align			: left;
	vertical-align		: top;
}

#tbl-office-list thead th {
	background-color	: #2a2a2e;
	color				: #fff;
}

#tbl-office-list tbody td.dat01 {
	background-color	: #e88e9d;
	color				: #2a2a2e;
}

#tbl-office-list tbody td.dat02 {
	background-color	: #f5c265;
	color				: #2a2a2e;
}

#tbl-office-list tbody td.dat03 {
	background-color	: #efefef;
	color				: #2a2a2e;
}

#tbl-office-list thead th.hdr01,
#tbl-office-list tbody td.dat01,
#tbl-office-list tbody td.dat02 {
	width				: 123px;
}

#tbl-office-list thead th.hdr02,
#tbl-office-list tbody td.dat03 {
	width				: 258px;
}

#content #tbl-salary {
	margin-bottom		: 30px;
	border				: 1px solid #fff;
}

#tbl-salary thead th {
	width				: 258px;
	background-color	: #fff;
}

#tbl-salary thead th.hdr01 {
	background-color	: #ed2555;
	color				: #fff;
	text-align			: center;
}

#tbl-salary tbody th.hdr02,
#tbl-salary tbody th.hdr03,
#tbl-salary tbody th.hdr04 {
	background-color	: #efefef;
	color				: #2a2a2e;
	text-align			: center;
}

#tbl-salary tbody th.hdr02 {
	width				: 123px;
	text-align			: left;
}

#tbl-salary tbody th.hdr03 {
	width				: 42px;
}

#tbl-salary tbody th.hdr04 {
	width				: 69px;
}

#tbl-salary tbody th.hdr05,
#tbl-salary tbody td.dat02 {
	background-color	: #a5d08d;
	color				: #2a2a2e;
}

#tbl-salary tbody th.hdr05,
#tbl-salary tbody th.hdr06,
#tbl-salary tbody th.hdr07 {
	width				: 78px;
	text-align			: center;
}

#tbl-salary tbody th.hdr06,
#tbl-salary tbody td.dat03 {
	background-color	: #e88e9d;
	color				: #2a2a2e;
}

#tbl-salary tbody th.hdr07,
#tbl-salary tbody td.dat04 {
	background-color	: #f5c265;
	color				: #2a2a2e;
}

#tbl-salary tbody td {
	text-align			: center;
	background-color	: #efefef;
}

#tbl-salary tbody td.dat01 {
	color				: #ed2555;
}

#content table#tbl-retreat {
	margin				: 20px 0 10px 0;
}

#tbl-retreat tbody td {
	width				: 135px;
	padding-bottom		: 10px;
}


/* link
------------------------------------------------------------ */
#ele-process01 a,
#ele-process02 a,
#ele-process03 a,
#ele-process04 a,
#ele-process05 a {
	color				: #de0010;
	text-decoration		: underline;
}

#lst-AreaSelect li a {
	color				: #666;
	text-decoration		: underline;
}

#ele-process01 a:hover,
#ele-process02 a:hover,
#ele-process03 a:hover,
#ele-process04 a:hover,
#ele-process05 a:hover,
#lst-AreaSelect li a:hover {
	background-color	: #de0010;
	color				: #fff;
	text-decoration		: none;
}

#content a.lnk01 {
	color				: #de0010;
	text-decoration		: underline;
}

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


/* list
------------------------------------------------------------ */
#content dl.notes1,
#content ul#lst-AreaSelect {
	margin			: 0;
	padding			: 0;
}

#content dl.notes1 dt,
#content dl.notes1 dd {
	font-size		: 120%;
}

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

#content dl.notes1 dd {
	margin			: -17px 0 0 31px;
	padding-bottom	: 20px; 
	color			: #666;
}

#content dl.notes1 dd ul {
	margin			: 5px 0;
	padding			: 0 1.5em;
}

#content dl.notes1 dd ul li {
	font-size		: 100%;
	list-style-type	: disc;
}

#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#lst4photos {
	width			: 540px;
	margin-top		: 20px;
	list-style		: none;
}

#lst4photos li {
	line-height		: 1.0;
	float			: left;
	display			: block;
}

#lst4photos li.ele-retreat,
#lst4photos li.ele-retreat2 {
	width			: 135px;
	padding-bottom	: 10px;
	float			: left;
}

#lst4photos li.ele-retreat2 {
	padding-bottom	: 20px;
}

#lst4photos li.ele-4contacts {
	width			: 144px;
	height			: 144px;
	margin			: 0;
	padding			: 0;
}

#lst4photos li.ele-last-4contacts {
	width			: 107px;
	height			: 144px;
	margin			: 0;
	padding			: 0;
}

#content ol#lstProcess {
	margin			: 10px 0 40px 0;
	padding			: 0 28px;
	list-style-type	: none;
}

#lstProcess li {
	width			: 392px;
	padding			: 11px 20px 0 82px;
	font-size		: 91%;
	line-height		: 1.3;
	color			: #2a2a2e;
}

#lstProcess li#ele-process01 {
	height			: 126px;
	padding-top		: 17px;	
	background		: url(../img/bg_pro01.gif) no-repeat;
}

#lstProcess li#ele-process02 {
	height			: 132px;
	background		: url(../img/bg_pro02.gif) no-repeat;
}

#lstProcess li#ele-process03 {
	height			: 118px;
	padding-top		: 25px;
	background		: url(../img/bg_pro03.gif) no-repeat;
}

#lstProcess li#ele-process04 {
	height			: 126px;
	padding-top		: 17px;
	background		: url(../img/bg_pro04.gif) no-repeat;
}

#lstProcess li#ele-process05 {
	height			: 66px;
	padding-top		: 33px;
	background		: url(../img/bg_pro05.gif) no-repeat;
}

#content .wrapLocation ul.lst-LocSelect {
	width			: 150px;
	margin			: 0;
	padding			: 0;
	list-style		: none;
	float			: left;
}

#content .wrapLocation ul.lst-LocSelect li {
	width			: 110px;
	padding-bottom	: 15px;
}

#content ul#lst-AreaSelect {
	list-style		: none;
}

#lst-AreaSelect li {
	padding-right	: 5px;
	display			: inline;
	font-size		: 120%;
}

#content dl.lst-benefit {
	margin			: 30px 0;
	padding			: 0 0 0 20px;
	border-left		: 8px solid #de0010;
}

#content dl.lst-benefit dt,
#content dl.lst-benefit dd {
	font-size		: 120%;
	color			: #666;
}

#content dl.lst-benefit dt {
	color			: #de0010;
	padding-bottom	: 10px;
}

#content dl.lst-benefit dd ul {
	margin			: 0 1em;
}

#content dl.lst-benefit dd ul li {
	list-style-type	: disc;
	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;
}

#content ul#lst-3promise {
	margin			: 10px 0 20px 0;
	padding			: 0 2em;
	list-style		: disc;
}

#lst-3promise li {
	padding-bottom	: 5px;
	list-style		: disc;
	font-size		: 120%;
	line-height		: 1.5;
	color			: #666;
}

#content dl#lst-Location {
	margin			: 10px 0 20px 0;
}

#lst-Location dt,
#lst-Location dd {
	font-size		: 120%;
	line-height		: 1.5;
	color			: #666;
}

#lst-Location dt {
	width			: 6em;	
}

#lst-Location dd {
	margin			: -1.5em 0 0 6.5em;	
}


/* image
------------------------------------------------------------ */
#content .wrapLocation p {
	width			: 388px;
	float			: right;
}

#lst4photos li.ele-retreat img {
	padding-bottom	: 5px;
}


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

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

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