/*///// COMMON.CSS /////*/
/* Last Update 2009-12-28 */

/*///// CONTENT /////*/
/*
1. RESET.CSS
2. BASIC SETTINGS
3. LAYOUT
	3-1. HEAD
	3-2. GLOBAL MENU
	3-3. NAVIGATION LIST
	3-4. MAIN IMAGE
	3-5. CONTENT AREA
		3-5-1 MAIN(for 2 column)
		3-5-2 CONTENT(for 1 column) 
	3-6. FOOT
4. EACH CONTENTS

99. GENERAL SETTINGS
*/


/*///// 1. RESET.CSS /////*/
/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
}
ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/*///// 2. BASIC SETTINGS /////*/
html {
	background: #fdf7ee url(../images/htmlBg.jpg) repeat-x left top;
}
body {
	text-align: center; /* forIE5 */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* IE7- */
*+html body {padding-left:1px;}
* html body {padding-left:1px;}
/* IE7- */

a:link {}
a:active {}
a:visited {}
a:hover {}

/*///// 3. LAYOUT /////*/
	div#head,
	div#navList,
	div#mainImg,
	div#main,/* 2 column */
	div#content,/* 1 column */
	div#foot {
	width: 940px;
	margin: 0 auto;
	position: relative;
	text-align: left; /* forIE5 */
	}

/*/// 3-1. HEAD ///*/
	div#head {
	height: 90px;
	margin-top: 35px;
	background: #f5f5f5 url(../images/headBg.gif) no-repeat left top;
	}
	#head #logo {
	position: absolute;
	top: 22px;
	left: 22px;
	}
		#head #logo img {
		vertical-align: top;
		margin: 0;
		padding: 0;
		}
	#head ul#headMenu {
	margin-top: 10px;
	margin-right: 10px;
	text-align: right;
	}
		ul#headMenu li {
		display: inline;
		margin-left: 1em;
		}

/*/// 3-2. GLOBAL MENU ///*/
	#head #globalMenu {
	position: absolute;
	top: 55px;
	left: 435px;
	}
		#globalMenu ul li {
		display: inline;
		margin-left: -4px;
		}
			#globalMenu ul li img {
			vertical-align: top;
			}

/*/// 3-3. NAVIGATION LIST ///*/
div#navList {
	margin: 0.5em auto;
}

/*/// 3-4. MAIN IMAGE ///*/
div#titleArea {
	width: 940px;
	min-height: 130px;
	margin: 0 auto;
	position: relative;
	text-align: left; /* forIE5 */
	overflow: auto;
	background: url(../images/mainImgBg.jpg) repeat-x left top;
	}
	#titleArea .titleImg {
	margin: 25px 0 25px 20px;
	}

/*/// 3-5. CONTENTS AREA ///*/
div#main {
	min-height: 426px;
	height: auto!important;
	height: 426px;
	background: url(../images/mainBg.gif) repeat-y right top;
	}
	div#main div#contents {
	}

	/*// 3-5-1 MAIN(for 2 column) //*/
	#main div#content {
	float: right;
	width: 700px;
	}
		#main div#content div.content {
		background: url(../images/contentBg.jpg) repeat-x left top;
		min-height: 91px;
		padding: 10px;
		}
	#main div#subMenu {
	float: left;
	width: 235px;
	}
		#subMenu ul {
		text-indent: -9999px;
		}
			#subMenu ul li a,
			#subMenu ul li span.here {
			display: block;
			height: 30px;
			}
			#subMenu ul#menuproduct li#yojinbo span.title {
			display: block;
			height: 30px;
			background: url(../../product/images/menuProduct.gif) no-repeat left top;			
			}
				li#yojinbo ul li.mnAbout a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -30px;			
				}
					li#yojinbo ul li.mnAbout a:hover,
					li#yojinbo ul li.mnAbout span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -30px;
					}
				li#yojinbo ul li.mnProcess a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -60px;			
				}
					li#yojinbo ul li.mnProcess a:hover,
					li#yojinbo ul li.mnProcess span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -60px;
					}
				li#yojinbo ul li.mnAdvantage a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -90px;			
				}
					li#yojinbo ul li.mnAdvantage a:hover,
					li#yojinbo ul li.mnAdvantage span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -90px;
					}
				li#yojinbo ul li.mnCase a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -120px;			
				}
					li#yojinbo ul li.mnCase a:hover,
					li#yojinbo ul li.mnCase span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -120px;
					}
				li#yojinbo ul li.mnProduct a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -150px;			
				}
					li#yojinbo ul li.mnProduct a:hover,
					li#yojinbo ul li.mnProduct span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -150px;
					}
				li#yojinbo ul li.mnLibrary a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -180px;			
				}
					li#yojinbo ul li.mnLibrary a:hover,
					li#yojinbo ul li.mnLibrary span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -180px;
					}
				li#yojinbo ul li.mnApplication a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -210px;			
				}
					li#yojinbo ul li.mnApplication a:hover,
					li#yojinbo ul li.mnApplication span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -210px;
					}
			#subMenu ul#menuproduct li#damo span.title {
			display: block;
			height: 30px;
			background: url(../../product/images/menuProduct.gif) no-repeat 0 -240px;			
			}
				li#damo ul li.mnAbout a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -270px;			
				}
					li#damo ul li.mnAbout a:hover,
					li#damo ul li.mnAbout span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -270px;
					}
				li#damo ul li.mnProcess a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -300px;			
				}
					li#damo ul li.mnProcess a:hover,
					li#damo ul li.mnProcess span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -300px;
					}
				li#damo ul li.mnAdvantage a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -330px;			
				}
					li#damo ul li.mnAdvantage a:hover,
					li#damo ul li.mnAdvantage span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -330px;
					}
				li#damo ul li.mnCase a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -360px;			
				}
					li#damo ul li.mnCase a:hover,
					li#damo ul li.mnCase span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -360px;
					}
				li#damo ul li.mnProduct a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -390px;			
				}
					li#damo ul li.mnProduct a:hover,
					li#damo ul li.mnProduct span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -390px;
					}
				li#damo ul li.mnLibrary a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -420px;			
				}
					li#damo ul li.mnLibrary a:hover,
					li#damo ul li.mnLibrary span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -420px;
					}
				li#damo ul li.mnApplication a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -450px;			
				}
					li#damo ul li.mnApplication a:hover,
					li#damo ul li.mnApplication span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -450px;
					}
			#subMenu ul#menuproduct li#wapples span.title {
			display: block;
			height: 30px;
			background: url(../../product/images/menuProduct.gif) no-repeat 0 -480px;			
			}
				li#wapples ul li.mnWapples a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -510px;			
				}
					li#wapples ul li.mnWapples a:hover,
					li#wapples ul li.mnWapples span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -510px;
					}
				li#wapples ul li.mnWapplesCase a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -540px;			
				}
					li#wapples ul li.mnWapplesCase a:hover,
					li#wapples ul li.mnWapplesCase span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -540px;
					}
			#subMenu ul#menuproduct li#fss span.title {
			display: block;
			height: 30px;
			background: url(../../product/images/menuProduct.gif) no-repeat 0 -570px;			
			}
				li#fss ul li.mnFss a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -600px;			
				}
					li#fss ul li.mnFss a:hover,
					li#fss ul li.mnFss span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -600px;
					}
			#subMenu ul#menuproduct li#restore span.title {
			display: block;
			height: 30px;
			background: url(../../product/images/menuProduct.gif) no-repeat 0 -630px;			
			}
				li#restore ul li.mnRestore a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -660px;			
				}
					li#restore ul li.mnRestore a:hover,
					li#restore ul li.mnRestore span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -660x;
					}
				li#restore ul li.mnFlow a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -690px;			
				}
					li#restore ul li.mnFlow a:hover,
					li#restore ul li.mnFlow span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -690px;
					}
			#subMenu ul#menuproduct li#pssupport span.title {
			display: block;
			height: 30px;
			background: url(../../product/images/menuProduct.gif) no-repeat 0 -720px;			
			}
				li#pssupport ul li.mnPssupport a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -750px;	
				height: 30px;		
				}
					li#pssupport ul li.mnPssupport a:hover,
					li#pssupport ul li.mnPssupport span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -750px;
					}
			#subMenu ul#menuproduct li#pspartner span.title {
			display: block;
			height: 30px;
			background: url(../../product/images/menuProduct.gif) no-repeat 0 -780px;			
			}
				li#pspartner ul li.mnPspartner a {
				background: url(../../product/images/menuProduct.gif) no-repeat 0 -810px;	
				height: 30px;		
				}
					li#pspartner ul li.mnPspartner a:hover,
					li#pspartner ul li.mnPspartner span.here {
					background: url(../../product/images/menuProduct.gif) no-repeat -235px -810px;
					}

			/*// ABOUT //*/
			#subMenu ul#menuabout li#about span.title {
			display: block;
			height: 29px;
			background: url(../../about/images/menuAbout.gif) no-repeat left top;			
			}
				li#about ul li.mnOutline a {
				background: url(../../about/images/menuAbout.gif) no-repeat 0 -29px;			
				}
					li#about ul li.mnOutline a:hover,
					li#about ul li.mnOutline span.here {
					background: url(../../about/images/menuAbout.gif) no-repeat -235px -29px;
					}
				li#about ul li.mnHistory a {
				background: url(../../about/images/menuAbout.gif) no-repeat 0 -58px;			
				}
					li#about ul li.mnHistory a:hover,
					li#about ul li.mnHistory span.here {
					background: url(../../about/images/menuAbout.gif) no-repeat -235px -58px;
					}
				li#about ul li.mnPartner a {
				background: url(../../about/images/menuAbout.gif) no-repeat 0 -87px;			
				}
					li#about ul li.mnPartner a:hover,
					li#about ul li.mnPartner span.here {
					background: url(../../about/images/menuAbout.gif) no-repeat -235px -87px;
					}
				li#about ul li.mnMessage a {
				background: url(../../about/images/menuAbout.gif) no-repeat 0 -116px;			
				}
					li#about ul li.mnMessage a:hover,
					li#about ul li.mnMessage span.here {
					background: url(../../about/images/menuAbout.gif) no-repeat -235px -116px;
					}
				li#about ul li.mnCareers a {
				background: url(../../about/images/menuAbout.gif) no-repeat 0 -145px;			
				}
					li#about ul li.mnCareers a:hover,
					li#about ul li.mnCareers span.here {
					background: url(../../about/images/menuAbout.gif) no-repeat -235px -145px;
					}
				/*// staffing //*/
			#subMenu ul#menustaffing li#staff span.title {
			display: block;
			height: 29px;
			background: url(../../staffing/images/mnStaffing.gif) no-repeat left top;			
			}
				li#staff ul li.mnEntry a {
				background: url(../../staffing/images/mnStaffing.gif) no-repeat 0 -29px;			
				}
					li#staff ul li.mnEntry a:hover,
					li#staff ul li.mnEntry span.here {
					background: url(../../staffing/images/mnStaffing.gif) no-repeat -235px -29px;
					}
				li#staff ul li.mnJobinfo a {
				background: url(../../staffing/images/mnStaffing.gif) no-repeat 0 -58px;			
				}
					li#staff ul li.mnJobinfo a:hover,
					li#staff ul li.mnJobinfo span.here {
					background: url(../../staffing/images/mnStaffing.gif) no-repeat -235px -58px;
					}
				li#staff ul li.mnCorp a {
				background: url(../../staffing/images/mnStaffing.gif) no-repeat 0 -87px;			
				}
					li#staff ul li.mnCorp a:hover,
					li#staff ul li.mnCorp span.here {
					background: url(../../staffing/images/mnStaffing.gif) no-repeat -235px -87px;
					}
					/*// sitemap //*/
			#subMenu ul#menusitemap li#sitemap span.title {
			display: block;
			height: 29px;
			background: url(../../sitemap/images/menuSitemap.gif) no-repeat left top;			
			}
				li#sitemap ul li.mnsitemap a {
				background: url(../../sitemap/images/menuSitemap.gif) no-repeat 0 -29px;			
				}
					li#sitemap ul li.mnsitemap a:hover,
					li#sitemap ul li.mnsitemap span.here {
					background: url(../../sitemap/images/menuSitemap.gif) no-repeat -235px -29px;
					}
					/*// privacy //*/
			#subMenu ul#menuprivacy li#privacy span.title {
			display: block;
			height: 29px;
			background: url(../../privacy/images/menuPrivacy.gif) no-repeat left top;			
			}
				li#privacy ul li.mnprivacy a {
				background: url(../../privacy/images/menuPrivacy.gif) no-repeat 0 -29px;			
				}
					li#privacy ul li.mnprivacy a:hover,
					li#privacy ul li.mnprivacy span.here {
					background: url(../../privacy/images/menuPrivacy.gif) no-repeat -235px -29px;
					}
					/*// information //*/
			#subMenu ul#menuinformation li#information span.title {
			display: block;
			height: 29px;
			background: url(../../information/images/mnInformation.gif) no-repeat left top;			
			}
				li#information ul li.mnseminar a {
				background: url(../../information/images/mnInformation.gif) no-repeat 0 -29px;			
				}
					li#information ul li.mnseminar a:hover,
					li#information ul li.mnseminar span.here {
					background: url(../../information/images/mnInformation.gif) no-repeat -235px -29px;
					}
				li#information ul li.mnseminarreport a {
				background: url(../../information/images/mnInformation.gif) no-repeat 0 -58px;			
				}
					li#information ul li.mnseminarreport a:hover,
					li#information ul li.mnseminarreport span.here {
					background: url(../../information/images/mnInformation.gif) no-repeat -235px -58px;
					}
				li#information ul li.mnevent a {
				background: url(../../information/images/mnInformation.gif) no-repeat 0 -87px;			
				}
					li#information ul li.mnevent a:hover,
					li#information ul li.mnevent span.here {
					background: url(../../information/images/mnInformation.gif) no-repeat -235px -87px;
					}
				li#information ul li.mneventreport a {
				background: url(../../information/images/mnInformation.gif) no-repeat 0 -116px;			
				}
					li#information ul li.mneventreport a:hover,
					li#information ul li.mneventreport span.here {
					background: url(../../information/images/mnInformation.gif) no-repeat -235px -116px;
					}
					li#information ul li.mnseminarAP a {
					background: url(../../information/images/seminarForm.gif) no-repeat;
					}
					li#information ul li.mnseminarAP a:hover {
					background: url(../../information/images/seminarForm_ov.gif) no-repeat;	
					}
					/*// contact //*/
			#subMenu ul#menucontact li#contact span.title {
			display: block;
			height: 29px;
			background: url(../../contacts/images/menuContact.gif) no-repeat left top;			
			}
				li#contact ul li.mncontact a {
				background: url(../../contacts/images/menuContact.gif) no-repeat 0 -29px;			
				}
					li#contact ul li.mncontact a:hover,
					li#contact ul li.mncontact span.here {
					background: url(../../contacts/images/menuContact.gif) no-repeat -235px -29px;
					}
.arrowlistmenu {
	width: 650px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(titlebar-active.png);
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu dl dt:hover { /*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
}

/*/// 3-6. FOOT ///*/
	#foot {
	height: 125px;	
	position: absolute;
	bottom: 0;
	background: #FFF url(../images/footBg.gif) no-repeat left top;
	}
		#foot ul#privacy {
		margin: 15px 20px 6px;
		}
			#foot ul#privacy li {
			display: inline;
			margin-right: 7px;
			}
		#foot p#pagetop {
		float: right;
		margin-top: -25px;
		}
		#foot p#copyRight {
	margin-top: 10px;
	text-align: center;
	clear: both;
		}

/*/// 4. EACH CONTENTS ///*/
.center {
	text-align:center;
}
.content h2 {
	font-size: 21px;
	color: #060;
}
.content h3 {
	background-image: url(../images/h2head.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #000066;
	margin-top: 20px;
}
.pdfr {
	float: right;
	margin-left: 10px;
	padding: 10px;
	border: medium double #CCCCCC;
	font-size: 12px;
}
.imgr {
	float: right;
	margin-left: 10px;
	background-color: #FEFFEA;
	background-repeat: no-repeat;
	font-size: 11px;
}
.imgl {
	float: left;
	margin-right: 10px;
	background-color: #FEFFEA;
	background-repeat: no-repeat;
	font-size: 11px;
}
.imgc {
	text-align: center;
}
#comment {
	margin: 30px 10px 10px 10px;
	padding: 10px;
	border: 1px solid #999;
	font-size: 12px;
}
.contact {
	padding-top: 30px;
	text-align: center;
}
.linkmark {
	padding-left: 10px;
	background-image: url(../images/list01.gif);
	background-repeat: no-repeat;
}
#faq dt {
	color: #FF6600;
	font-size: 14px;
}
#faq dd {
	margin: 0 0 20px 20px;
}
#contact dl {
	margin: 0 0 30px 30px;
}
#contact dd {
	margin-left: 20px;
}
#staffindex ul li {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 10px;
	padding-left: 10px;
	list-style-type: none;
}


/*///// 99. GENERAL SETTINGS /////*/
	/*//// TABLE ////*/
	#content table,
	#content table th,
	#content table td {
		border-collapse: collapse;
		border: 1px solid #999;
	}
		#content table th,
		#content table td {
		padding: 5px;
		vertical-align: top;
		}
		#content table th {
		background-color: #CDE1FE;
		}
		#content .ruletype table th,
		#content table.pci th {
			text-align:center;
		}

	/*//// PHOTO ////*/
	img.photoL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.photoR {
	float: right;
	margin: 0 0 0.5em 1em;
	}
	img.thumbL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.thumbR {
	float: right;
	margin: 0 0 0.5em 1em;
	}

	/*//// ARROW ////*/
	div.content ul {
	list-style: url(../common/images/arrow.gif);
	}
		div.content ul li {
		margin-left: 16px;
		}
	#content .content li {
	margin-left: 32px;
	}

	/*//// MARGIN ////*/
	div#content h1,
	div#content h2,
	div#content h3,
	div#content h4,
	div#content h5,
	div#content h6,
	div#content p,
	div#content ul,
	div#content ol,
	div#content dl,
	div#content table {
	margin-bottom: 0.7em;
	}
	
	/*//// FONT SIZE ////*/
		/*/// 120% ///*/
		h1,
		h2,
		h3 {
		font-size: 120%;
		}
		
		/*/// 90% ///*/
		div#head ul#headMenu {
		font-size: 90%;
		}
		
		/*/// 80% ///*/
		div#navList,
		div#foot {
		font-size: 80%;
		}
		
	/*//// FONT WEIGHT ////*/
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dt {
	font-weight: bold;
	}
	/*//// Decoration ////*/
	/*h1 {
	padding-left: 15px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #0066CC;
	color: #666;
	font-size: x-large;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}*/
	.tDecoration {
	font-size: 14px;
	}
	/*//// CLEAR ////*/
	.clear {
	clear: both;
	}
	.clearL {
	clear: left;
	}
	.clearR {
	clear: right;
	}

/*/// clear fix ///*/
div#main:after,
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
div#main,
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html div#main:after,
* html .clearfix {
	height: 1%;
}
div#main,
.clearfix {
	display: block;}
/* End hide from IE-mac */