@charset "utf-8";

/*
* 
*  custom/info.css
*	
*/

/* --------------------------------------------------
	0.Common
-------------------------------------------------- */
.workList li,
.thumbnail li,
.staffList li {
	display: block;
	float: left;
}
.typeEmeraldGreen { background: url(../../img/info/bg_emerald_green.gif) repeat; }

/* --------------------------------------------------
	1.Company profile
-------------------------------------------------- */
#presidentMessage p { margin: 24px 0 0 37px; }
#companyProf table {
	margin: 20px 18px;
	width: 560px;
}
#companyProf th,
#companyProf td {
	padding: 0.6em 1em;
	border: 1px solid #CCC;
}
#companyProf th {
	width: 30%;
	background: #E3F2F2;
	color: #008587;
	text-align: center;
}
.staffList {
	clear: both;
	padding: 0 4px 4px 0;
	background: #CFF1F1;
}
#director { padding-top: 4px; }
.staffList li {
	width: 144px;
	margin-left: 4px;
	background: #FFF;
}
.staffList dt { margin-bottom: 4px; }
.staffList dt img {
	border: 1px solid #CBE8E8;
}
.staffName,
.staffJob,
.appealPoint {
	margin: 0 8px;
	line-height: 1.4;
}
.staffName,
.staffJob { color: #008588; }
.staffName {
	font-size: 110%;
	font-weight: bold;
}
.appealPoint {
	margin-top: 5px;
	padding-bottom: 4px;
	font-size: 90%;
}

/* --------------------------------------------------
	2.Privacy policy
-------------------------------------------------- */
#policyInner { margin: 20px 18px; }
.pageLink { margin: 20px 0; }
#policyInner h3 {
	margin: 20px 0 10px;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #008587;
	font-size: 120%;
	color: #008587;
}
#policyInner p + p,
#comment ul { margin-top: 1em; }
#comment {
	margin: 20px 0;
	padding: 16px;
	border: 1px solid #008587;
}
/* --------------------------------------------------
	3.Site map
-------------------------------------------------- */
#siteMapList {
	margin: 25px;
}
#siteMapList a {
	padding-left: 22px;
	background: url(../../img/info/ico_sitemap02.png) no-repeat 0 0.2em;
	color: #333;
}
#siteMapList a:hover {
	background: url(../../img/info/ico_sitemap02_on.png) no-repeat 0 0.2em;
}
#siteMapList > li {
	clear: both;
}
#siteMapList > li > a {
	display: block;
	margin: 15px 0 4px;
	padding: 0.4em 1em 0.4em 2.2em;
	border: 1px solid #E4E4E4;
	background: #FFF url(../../img/info/ico_sitemap01.png) no-repeat 2% 50%;
	font-size: 115%;
	font-weight: bold;
}
#siteMapList > li > a:hover {
	background: #FFF url(../../img/info/ico_sitemap01_on.png) no-repeat 2% 50%;
}
.mapInner {
	margin: 0 28px 15px;
}
.mapInner li {
	float: left;
	width: 232px;
	margin: 8px 10px 0 0;
}
/*-------------------------------------------------
  99.clearfix
---------------------------------------------------*/
.workList:after,
.thumbnail:after,
.staffList:after,
.mapInner:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
.workList,
.thumbnail,
.staffList,
.mapInner { *zoom: 1; }