@charset "utf-8";

/*=== CompanyMessage ===*/

.bodyArea .message {
	width: 600px;
	background-color: #F0F0F0;
	padding-top: 20px;
	padding-right: 38px;
	padding-bottom: 30px;
	padding-left: 40px;
}

.bodyArea .message h1 {
	color: #F00000;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #F00000;
	padding-left: 10px;
	margin-bottom: 20px;
}

.message .leftBaseTxt {
	float: left;
	width: 368px;
}

.message .leftBaseTxt p {
	font-size: 80%;
	line-height: 150%;
	text-indent: 1em;
	padding-bottom: 8px;
}

.leftBaseTxt .motto {
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-top: 10px;
	padding-bottom: 8px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.leftBaseTxt .motto p {
	text-indent: 0;
	text-align: center;
}

.message .basePhotoArea {
	float: right;
	width: 200px;
}

.message .basePhotoArea img {
	padding-bottom: 8px;
}

.message .basePhotoArea p.title {
	text-align: right;
	font-size: 80%;
	line-height: 140%;
}

/*=== CompanyInfo ===*/

.bodyArea .companyInfo {
	width: 600px;
	background-color: #F0F0F0;
	padding-top: 20px;
	padding-right: 38px;
	padding-bottom: 30px;
	padding-left: 40px;
}

.bodyArea .companyInfo h1 {
	color: #F00000;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #F00000;
	padding-left: 10px;
	margin-bottom: 20px;
}

.bodyArea .companyInfo table.company {
	width: 100%;
	border-collapse: separate;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
}

.bodyArea .companyInfo table.company td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	font-size: 80%;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}

.bodyArea .companyInfo table.company td.left {
	width: 18%;
	letter-spacing: 0.1em;
	text-align: center;
}

/*=== CompanyHistory ===*/

.bodyArea .companyInfo table.history {
	width: 100%;
	border-collapse: separate;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
}

.bodyArea .companyInfo table.history td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	font-size: 80%;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
}

/*=== RelatedCompanies ===*/
.bodyArea .companyInfo .relationLeft {
	float: left;
	width: 290px;
}

.bodyArea .companyInfo .relationRight {
	float: right;
	width: 290px;
}

.bodyArea .companyInfo .relationRight img {
	padding-bottom: 4px;
}

.relationLeft h2,
.relationRight h2 {
	font-weight: bold;
	color: #33C;
	font-size: 90%;
	line-height: 110%;
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #33C;
}

.bodyArea .companyInfo .adrs {
	font-size: 80%;
	line-height: 130%;
	padding-top: 6px;
	padding-bottom: 18px;
	padding-left: 10px;
}

.relationLeft h3 {
	font-size: 90%;
	line-height: 110%;
	color: #33C;
	padding-bottom: 6px;
}

.companyInfo .bodyTxt {
	font-size: 80%;
	line-height: 135%;
	padding-bottom: 6px;
}

.companyInfo .bodyNote {
	font-size: 80%;
	line-height: 120%;
	padding-bottom: 6px;
	padding-left: 1em;
	text-indent: -1em;
}

.companyInfo .rightAndLeft-1 {
	font-size: 80%;
	line-height: 120%;
}

.companyInfo .rightAndLeft-1 img {
	padding-bottom: 4px;
}

.rightAndLeft-1 .leftPhoto {
	float: left;
	width: 132px;
}

.rightAndLeft-1 .rightPhoto {
	float: right;
	width: 150px;
}

.relationLeft h4 {
	font-size: 80%;
	line-height: 135%;
	padding-bottom: 3px;
	padding-top: 4px;
}