/* CSS */

/* Basic HTML Elements */
* { margin: 0px;
	padding: 0px;
	border: 0px;}

html {	min-height:100%;
		margin-bottom:1px;}	

body {	background: url(../image/page_bg_2.jpg) center top no-repeat #FFFFFF;
		font-family:Arial, Helvetica, sans-serif; 
		color:#666666;}

p {	font-size: 80%; margin-top: 5px; margin-bottom: 5px; line-height:150%;}

h1{
 	font-size:12px;
 	font-weight: normal;
	margin:0;
	padding: 2px 0 2px 10px;
 	color: #ff8800;
	text-align: right;
}

h2 span {	display:}	

h3 span { display:none}

h4 span { display:none}

li {list-style-type: none;} 

a:link, a:active, a:visited { 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	color:#555555;
	text-decoration:none;}

a:hover { 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; 
	color:#555566;
	text-decoration:underline;
	}


#container {	width:850px;
				margin: 0 auto;
				position:relative;}


/****************   HEADER   ****************/

#header {background: #FFFFFF; margin-right:0px;}

/* Image Replacement for Header */
#header h1 {	margin:0px;
				background: url(../image/header_bg.jpg) no-repeat top left; 
				width: 850px; 
				height: 263px;}
				
#header h1 span {	display:none;}

#headerBar {	background: url(../image/topBar_bg.jpg) no-repeat top left; 
				height:65px;
				line-height:58px;
				width:850px;
				margin: 0px 0px 0px 0px;
				font-size: 12px; 
				padding-right:0px;
				color:#ffffff;
				text-align:right;}

#headLinks {	margin-right: 180px;}

a.headBarLink{	color:#555555; vertical-align:middle; padding:5px;}				


.head2sample    {   
    width: 850px;   
    border:0px;   
}/* ここまでは参考用のソース */  
.head2  { width: 850px; margin: 0px 0px 0px 0px; overflow: hidden; }   
.head2 li   { float: left;  margin-right: 0px; }  


.head3sample    {   
    width: 850px;   
    border:0px; 
	margin: 0px 0px 0px 0px;  
} 


/****************   END HEADER   ****************/

/****************   right HAND SIDE BAR   ****************/

#sidebar {	width: 240px;
			margin-top:0px;
			padding:10px;
			background: url(../image/sideBar_bg.gif) repeat-y top left #C9D6B6;
			float: right;}

.sideBarItem {	border: #E3EAD9 10px solid; 
				width: 190px; 
				margin-left: 10px;
				background: #FFFFFF;
				margin-bottom:10px;
				padding:10px;}
				
#portfolio_preview div
{
	width: 50px;
	height: 45px;
	border: 4px solid #ddd;
	overflow: hidden;
	float: left;
	margin: 0 9px 20px 3px;
}
#portfolio_preview div.active
{
	border: 4px solid #B5DC10;
}

#homeWelcome {	border: none;
				width: 210px;
				margin-top: 10px;}	
				
#homeWelcome p {  margin-left: 5px;
                  margin-bottom: 15px;}				

#homeWelcome h3 {	margin: -11px 0px 0px -11px;
					background: url(../image/welcomeHead.gif) no-repeat top left; 
					width: 210px; 
					height: 54px; }

#actionMenuList {	margin-left: 0px;}					
#actionMenuList {	font-size: 12px;}
#actionMenuList {	border-bottom: 1px solid #E0E0E0;}
#actionMenuList li {	border-top: 1px solid #E0E0E0;
					padding: 2px 0px 2px 0px;}
#actionMenuList li a {	padding: 2px 0px 2px 0px;
					margin-left: 15px;}				

#actionMenuList a:hover{
	
	background-color: #e3f5d9;
	text-decoration:none;
}	

#actionMenuList1 {	margin-left: 0px;}					
#actionMenuList1 {	font-size: 12px;}
#actionMenuList1 {	border-bottom: 1px solid #E0E0E0;}
#actionMenuList1 li {	border-top: 1px solid #E0E0E0;
					padding: 2px 0px 2px 0px;}
#actionMenuList1 li a {	padding: 2px 0px 2px 0px;
					margin-left: 15px;}				

#actionMenuList1 a:hover{
	
	background-color: #e3f5d9;
	text-decoration:none;
}	

#actionMenuList2 {	margin-left: 0px;}					
#actionMenuList2 {	font-size: 12px;}
#actionMenuList2 {	border-bottom: 1px solid #E0E0E0;}
#actionMenuList2 li {	border-top: 1px solid #E0E0E0;
					padding: 2px 0px 2px 0px;}
#actionMenuList2 li a {	padding: 2px 0px 2px 0px;
					margin-left: 15px;}				

#actionMenuList2 a:hover{
	
	background-color: #e3f5d9;
	text-decoration:none;
}	

#actionMenuList3 {	margin-left: 0px;}					
#actionMenuList3 {	font-size: 12px;}
#actionMenuList3 {	border-bottom: 1px solid #E0E0E0;}
#actionMenuList3 li {	border-top: 1px solid #E0E0E0;
					padding: 2px 0px 2px 0px;}
#actionMenuList3 li a {	padding: 2px 0px 2px 0px;
					margin-left: 15px;}				

#actionMenuList3 a:hover{
	
	background-color: #e3f5d9;
	text-decoration:none;
}	

#actionMenuList4 {	margin-left: 0px;}					
#actionMenuList4 {	font-size: 12px;}
#actionMenuList4 {	border-bottom: 1px solid #E0E0E0;}
#actionMenuList4 li {	border-top: 1px solid #E0E0E0;
					padding: 2px 0px 2px 0px;}
#actionMenuList4 li a {	padding: 2px 0px 2px 0px;
					margin-left: 15px;}				

#actionMenuList4 a:hover{
	
	background-color: #e3f5d9;
	text-decoration:none;
}	

#actionMenuList5 {	margin-left: 0px;}					
#actionMenuList5 {	font-size: 12px;}
#actionMenuList5 {	border-bottom: 1px solid #E0E0E0;}
#actionMenuList5 li {	border-top: 1px solid #E0E0E0;
					padding: 2px 0px 2px 0px;}
#actionMenuList5 li a {	padding: 2px 0px 2px 0px;
					margin-left: 15px;}				

#actionMenuList5 a:hover{
	
	background-color: #e3f5d9;
	text-decoration:none;
}	

#actionMenuList6 {	margin-left: 0px;}					
#actionMenuList6 {	font-size: 12px;}
#actionMenuList6 {	border-bottom: 1px solid #E0E0E0;}
#actionMenuList6 li {	border-top: 1px solid #E0E0E0;
					padding: 2px 0px 2px 0px;}
#actionMenuList6 li a {	padding: 2px 0px 2px 0px;
					margin-left: 15px;}				

#actionMenuList6 a:hover{
	
	background-color: #e3f5d9;
	text-decoration:none;
}	


#PM5_info h4 {	background: url(../image/PM5_info.gif) no-repeat top left; 
				height: 20px; }
								
#PM5_info p {line-height: 120%;}
		
														
#PopIn h3 {	background: url(../image/popIn.gif) no-repeat top left; 
				height: 30px; }

#PopIn p {line-height: 150%;}

			

/****************   END SIDEBAR   ****************/

/****************   MAIN CONTENT SECTION CONTAINER   ****************/

#mainContent {	padding: 0px 240px 0px 0px;
				margin:0px;}

#pageContent {	margin: 0px 0px 0px 0px;}

#pageContent h2 {
	font-size:12px;
	color: #888888;
	margin: 0px 0 0;
	padding: 5px 0 2px 2px;
}

#mainText { padding: 10px 35px 10px 35px;
			font-size:80%;}
			
#mainText h3 {
		font-size:1.5em;	
		border: #F3F5EF 8px solid; 
		width: 520px;
		background: #F3F5EF;
		margin:36px 0px 10px 0px;
		padding:10px 10px 10px 10px;
		color:#666666;
		font-weight:normal;}
		
#mainText h4 {
		font-size:1.2em;	
		color:#F86919;
		font-weight:normal;
		padding:20px 10px 0px 10px;
		}
				
#mainText h5 {
		font-size:1.0em;
		color:#666666;
		font-weight:normal;
		padding:10px 10px 10px 10px;
		line-height: 190%;
		}
		
#mainText a { color: #F86919; padding-left:0px; }
#mainText a:hover { color: #666; }

		
#contentTagLine {}

			

/****************   Service Lisitng   ****************/

#pageContent .whatweDo_listing 		{ margin:0; padding:0; height:120px; width:555px; border-top:8px solid #F3F5EF; }
#pageContent .whatweDo_listing dt	{ font-weight:normal; font-size:1.5em; margin:22px 0 10px 160px; }
#pageContent .whatweDo_listing dt a	{ border-color:#4F5656;  }
#pageContent .whatweDo_listing:hover dt a, #pageContent .whatweDo_listing dt a:hover { border-color:#E06A3B;  }
#pageContent .whatweDo_listing dd 	{ margin:0; padding:0; }
#pageContent .whatweDo_listing dd a.whatweDoPic			{ float:left; background:#B5DB12; padding:10px 10px 10px 10px; margin:-38px 10px 20px 0; border:0;}
#pageContent .whatweDo_listing:hover dd a.whatweDoPic, #pageContent .whatweDo_listing dd a.whatweDoPic:hover	{ background:#666666 ; }

#pageContent .whatweDo_listing.last	{ border-bottom:0px solid #323636; }

/* Image replacement for tagline */
h2.tagLine {	background: url(../image/systimaTag.gif) no-repeat bottom right; 
				width: 535px; 
				height: 30px;
				margin: 0 auto;
				padding-right: 10px;
				margin-bottom:0px;}
				
h2.tagLine span {display:none;}


/****************   END MAIN CONTENT SECTION CONTAINER   ****************/

/****************   HOMEPAGE CONTENT BOXES   ****************/

.contentBox {	border: #F3F5EF 10px solid; 
				width: 250px;
				background: #FFFFFF;
				margin: 5px 5px 5px 5px;
				padding: 5px 5px 5px 5px;}

.contentBox h3 {	height: 19px; 
					margin-bottom: 20px;}				
				
#work {	float: left; margin: 0px 0px 0px 5px;}


#actions {	margin-left: 300px;}


/****************   END HOMEPAGE CONTENT BOXES   ****************/

/****************   SERVICES LIST   ****************/					
								
#services { padding: 0px 0px 0px 27px;}
#services img { margin: 3px;}	

/****************   END SERVICES LIST   ****************/					

/****************   MAIN NAVIGATION   ****************/

#mainNav { }

#menu {	margin: 0px; 
		background: url(../image/navInactive.jpg) repeat-x bottom;}
		
#menu #navActive {background: url(../image/navActive.jpg) repeat-x top left;}

#menu li {	display:inline;
			float: left;
			line-height: 34px;}
			
#menu li a { 	text-decoration: none; 
				background: url(../image/navInactive.jpg) repeat-x top left;
				color:#FFFFFF; 
				font-size:14px;
				padding: 10px 14px 10px 14px;}
				
#menu li a:hover { background: url(../image/navActive.jpg) repeat-x top left;}

#leftGrad {	float:left;
			height: 35px;
			width: 11px;
			background: url(../image/orangeNavGradShade.jpg) no-repeat top left; }
					
/****************   END MAIN NAVIGATION   ****************/

/****************   SIDE NAVIGATION   ****************/

#sideNavigation
{
width: 100%;
padding: 0px;
margin: 0 0 15px 0;
font: 11px verdana, sans-serif;
color: gray;
white-space: nowrap;
}

#sideNavigation li
{
list-style: none;
margin: 0px;
border-bottom: 1px gray dotted;
text-align: left;
}

#sideNavigation ul
{
margin: 0;
padding: 0;
}

#sideNavigation li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#sideNavigation li a:link { color: #666; }
#sideNavigation li a:visited { color: #666; }

#sideNavigation li a:hover,
#sideNavigation li a.current
{
background: #F3F5EF;
border-left: 3px #E06A3B solid;
text-indent:-3px;
}
#sideNavigation li a.current
{
font-weight:bold;
}


/****************   END SIDE NAVIGATION   ****************/


/****************   CALENDAR FORMATTING  ****************/

div.newsinfo {
display: block;
float: left;
text-align:center;
width: 68px;
height: 97px;
background:  url(../image/date.jpg) no-repeat top left;
margin-left:0; 
margin-right:5px; 
margin-top:0; 
margin-bottom:0px
}

div.newsinfo span {
display: block;
text-align: center;
}

div.newsinfo span.day {
font-size: 35px;
line-height: 30px;
color: #fff;
margin-top:5px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

div.newsinfo span.month {
margin-top: 2px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin-bottom:0px;
line-height: 16px;
color: #333;
}

div.newsinfo span.year {   
font-size: 12px;
text-transform: uppercase;
line-height: 10px;
font-weight: bold;
padding-top:3px;
color: #333;
}

/****************   CENDALENDAR FORMATTING  ****************/



/****************   CONTACT FORM ELEMENTS   ****************/

form *{
	margin:90; padding:0;}
fieldset{
	border:none;}
legend{
	display:none;}
label{
	width:200px; color:#587111;}
label, input.textField{
	float:left; font: bold 16px Arial; padding:4px;}
input.textField{
	width:320px; border:8px solid #F3F5EF; color:#FA7F37;}		
textArea{
	width:328px; border:8px solid #F3F5EF; color:#FA7F37;}		
.formEleWrapper{
	padding-top:10px; }
#sendbutton { float:right;
padding: 10px 15px 0px 0px;}

input.userField{
	width:140px; border:8px solid #F3F5EF; color:#FA7F37; padding: 7px 7px 7px 7px;}

	
/****************   CONTACT FORM ELEMENTS   ****************/

/****************   FOOTER   ****************/					

#footer {	color: #4C6802; 
			font-size: 12px; 
			font-weight: bold;
			background: url(../image/footerShaded_bg.gif) repeat-y top left #ff9900; 
			margin: 0px 11px 0px 0px;
			padding: 10px 10px 10px 30px;
			}

#validIcons img { float:right; margin: 12px;}	

/****************   END FOOTER   ****************/					

/****************   UTILITY   ****************/
					
.clear { clear:both;}		

/****************   END UTILITY   ****************/

/**************************        JUST IN CASE        **********************************/
/*

#grad {	height: 29px; 
		background:url(../images/orangeGradShade.jpg) repeat-x top left;
		margin-right: 11px;}
		


#serviceBox ul {	margin-top: 100px;}
#serviceBox ul li {	display:inline;
					font-size: 13px;
					font-weight: bold;
					color:#000000;
					height: 150px;
					padding: 105px 58px 10px 10px;
					margin-left: 10px;}						
#serviceBox ul li a {	color:#000000;}					
#branding {	background: url(../images/branding_bg.gif) no-repeat bottom right;}			
#reporting {	background: url(../images/reporting_bg.jpg) no-repeat bottom right;}			
#literature {	background: url(../images/literature_bg.jpg) no-repeat bottom right;}				
#newMedia {	background: url(../images/values_bg.jpg) no-repeat bottom right;}
*/

/*
#menu { margin: 30px 0; }
#menu li { float: left; list-style: none; margin: 0; }
#menu li a { text-decoration: none; padding: 10px 35px; background: #137FD1 url(images/menubg.gif) repeat-x bottom; border-right: 1px solid #0A67AE;  color: #B3D6F0;}
#menu li a:hover { background: #137FD1 url(images/menuhover.gif) repeat-x bottom; color: #fff;}

#menu UL {
	background: url('images/menu-div.jpg') no-repeat left;
	padding-left: 5px;
	height: 40px;
}

#menu LI {
	background: url('images/menu-div.jpg') no-repeat right;
	padding-right: 5px;
	font-size: 15px;
	list-style: none;
	line-height: 40px;
	float: left;
}

#menu LI A {
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	float: left;
}

#menu LI A:hover { background: url('images/menu-item-over.jpg') repeat-x; }

*/
/*
#menu UL {	background: url('../images/navInactive.jpg') repeat-x left;
			padding-left: 5px;
			height: 35px;}

#menu LI {	background: url('../images/navInactive.jpg') repeat-x left;
			font-size: 14px;
			list-style: none;
			line-height: 35px;
			float: left;}

#menu LI A {	padding: 0px 14px 0px 14px;
				text-decoration: none;
				color: #FFFFFF;
				display: block;
				float: left;}

#menu LI A:hover { background: url('../images/navActive.jpg') repeat-x; }
*/


/*#mainNav {	margin: 0px 10px 0px 0px;}
ul.navList {	height: 35px;
				line-height: 35px;
				background: url(../images/navInactive.jpg) repeat-x top left;}
				
ul.navList li {	display:inline;
				height: 35px;
				padding: 0px 5px 0px 5px;}
				
ul.navList li a {color:#FFFFFF; font-size:14px;height:35px;}

ul.navList li:hover {background: url(../images/navActive.jpg) repeat-x top left;height: 35px;}

#navActive {background: url(../images/navActive.jpg) repeat-x top left;height: 35px;}

*/