@charset "utf-8";

/*------------------------------
	all
------------------------------*/
body#lpo {
	margin: 0;
	padding: 0;
	color: #231815;
	font-family: "MS Pゴシック";
	font-size: 16px;
	line-height: 1.4;
	text-align: center;
}
*html body#lpo { /* ie6 */
	font-size: 100%;
}
*:first-child+html body#lpo { /* ie7 */
	font-size: 100%;
}
body#lpo p,
body#lpo h1,
body#lpo h2,
body#lpo h3,
body#lpo h4 {
	margin: 0;
	padding: 0;
	font-size: 84%;
	line-height: 1.4;
	_line-height: 1.6;
}
body#lpo p {
	margin-top: 1em;
}
body#lpo ul,
body#lpo ol,
body#lpo li {
	margin: 0;
	padding: 0;
}
body#lpo img {
	border: 0;
	vertical-align: bottom;
}
body#lpo .clear {
	clear: both;
}

/* margin */
body#lpo .mT15 {
	margin-top: 15px;
}
/* font */

/* layout */
body#lpo .allContainer {
	width: 900px;
	margin: 0 auto;
	background: url("images/bg.gif");
}
body#lpo #Container .bPagetop {
	padding: 0 20px;
	text-align: right;
}
body#lpo #Container #fCompany {
	position: relative;
	width: 858px;
	height: 60px;
	margin: 0;
}
body#lpo #Container #fCompany .company {
	position: absolute;
	top: 15px;
	left: 30px;
}
body#lpo #Container #fCompany .pagetop {
	position: absolute;
	top: 20px;
	right: 20px;
}
body#lpo .allContainer .fCopyright {
	margin: 0;
	padding: 3px 20px 4px 0;
	text-align: right;
	font-size: 1%;
}
/* header */
body#lpo #hContainer {
	width: 858px;
	margin: 0 auto;
	background-color: #004028;
}
body#lpo #hContainer ul {
	list-style-type: none;
	padding: 6px 0 8px 28px;
}
body#lpo #hContainer ul li {
	float: left;
	margin-right: 8px;
}
/* container */
body#lpo #Container {
	width: 858px;
	margin: 0 auto;
	background-color: #f4f2e3;
}
body#lpo #Container h2 {
	padding-top: 30px;
}
/* voice */
body#lpo #Container #bVoice {
	position: relative;
	width: 858px;
	height: 190px;
	margin-top: 25px;
	background: url("images/voiceBg.gif") bottom no-repeat;
}
body#lpo #Container #bVoice p.contact {
	position: absolute;
	top: 3px;
	left: 248px;
	margin: 0;
}
body#lpo #Container #bVoice p.title {
	position: absolute;
	top: 94px;
	left: 224px;
	margin: 0;
}
body#lpo #Container #bVoice p.text {
	position: absolute;
	top: 125px;
	left: 225px;
	width: 515px;
	margin: 0;
	color: #004028;
	font-size: 70%;
	line-height: 1.5;
	text-align: left;
}
/* seminar */
body#lpo #Container #bSeminar {
	width: 776px;
	margin: 12px auto 0 auto;
}
body#lpo #Container #bSeminar p {
	text-align: left;
}
body#lpo #Container #bSeminar div.btnArea {
	position: relative;
	width: 703px;
	height: 120px;
}
body#lpo #Container #bSeminar div.btnArea img.banner {
	position: absolute;
	width: 216px;
	height: 120px;
	top: 0;
	left: 0;
}
body#lpo #Container #bSeminar div.btnArea img.linkTxt {
	position: absolute;
	width: 487px;
	height: 120px;
	top: 0;
	left: 216px;
}
/* case */
body#lpo #Container #bCase {
	width: 796px;
	margin: 20px auto 0 auto;
	background-color: #fff;
}
body#lpo #Container #bCase .case {
	float: left;
	width: 388px;
	padding: 10px 0 10px 10px;
	text-align: left;
}
body#lpo #Container #bCase .case .bLeft {
	float: left;
	width: 265px;
}
body#lpo #Container #bCase .case .bLeft h4 {
	margin-top: 3px;
}
body#lpo #Container #bCase .case .bLeft p {
	margin-top: 10px;
}
body#lpo #Container #bCase .case .bRight {
	float: right;
	width: 113px;
}
/* comment */
body#lpo #Container .tComment {
	width: 702px;
	margin: 30px auto 0 auto;
	padding-top: 16px;
	background: url("images/commentBgTop.gif") no-repeat;
}
body#lpo #Container .tComment .bComment {
	width: 702px;
	padding-top: 5px;
	background: url("images/commentBg.gif") bottom no-repeat;
}
body#lpo #Container .tComment .bComment p {
	margin: 0;
	padding: 0 30px 25px 30px;
	color: #004028;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -0.05em;
}