/* -------- home sub.scc -------- */

/* ================ Compnay================ */
section#company {
	float: left;
	width: 100%;
	text-align: center;
	/* background-color: #ff9999; */
	/* border: 2px solid #886644; */
}
section#company article {
	width: 100%;
	min-width: 120px;
	margin-bottom: 10px;
}

section#company article p {
	margin: 0px 18px 0px 24px;
	line-height: 1.7em;
}

section#company img {	margin-left: auto; margin-right: auto;}
section#company table {
	margin: 4px 10px 20px 32px;
}

section#company table td  {
	padding: 4px 6px 4px 6px;
	text-align: left;
	line-height: 1.5em;
	/* font-size: 0.9em; */
	color: #333333;
}

section#company article ul.lev1 {
	list-style-type: disc;
	margin-left: 14px;
}


/* ================ Greeting ================ */
section#greeting {
	float: left;
	width: 100%;
	text-align: center;
	/* background-color: #ff9999; */
	/* border: 2px solid #886644; */
}

section#greeting  article {
	float: left;
	width: 100%;
	text-align: center;
	min-width: 160px;
	margin-bottom: 10px;
	/* border: 1px solid #886644;*/
}
section#greeting article p {
	margin: 0px 18px 0px 24px;
	line-height: 1.8em;
		font-family: serif;
}
section#greeting article p.pright {
	text-align: right;
}

section#greeting  article img.person {
	float: right; 
	margin: 0px 2px 0px 12px;	
}

section#greeting  h3 { margin: 4px 0px 0px 2px;	color: #444444;	}

/* ================ Members ================ */
section#members{
	float: left;
	width: 100%;
	text-align: center;
	/* background-color: #ff9999; */
	/* border: 2px solid #886644; */
}
section#members article.amember {
	margin: 12px auto 4px auto;
	max-width: 720px;
	/* border: 2px solid #886644; */
}
section#members article.amember p.right {
	text-align: right;
}

section#members dl {
	padding-top: 6px;
	width: 100%;
	font-size: 1.0em;
	max-width: 720px;
	/* background-color: #ff9999; */
	/* border: 2px solid #886644; */
	border-top: 2px solid #a0a0c0;
}
section#members dt {
	text-align: left;
	font-weight: 600;
	font-size: 1.0em;
	margin: 2px 0px 8px 0px;
	/* border: 2px solid #8866ff; */
}
section#members dd {
	text-align: left;
	margin: 2px 0px 1px 0px;
	line-height: 1.9em;
	color: #606060;
		font-family: serif;
	/* border: 2px solid #8866ff; */
}

.small {
	font-size: 0.85em;
}
.right {
	text-align: right;
}

/* ================================================ 
				No2. 840px-1920px
================================================ */
@media only screen and (min-width: 841px) {
	section#company {		width: 48%;		}
	section#greeting {		width: 49%;		}
	section#members {		width: 100%;		}
}

/* ================================================ 
				No2. 721p-840px
================================================ */
@media only screen and (max-width: 840px) {
	section#company {		width: 48%;		}
	section#greeting {		width: 49%;		}
	section#members {		width: 100%;		}
	section#members article.amember {	margin: 12px 16px 4px 16px;	}
}

/* ================================================ 
				No3. 140px-720px
================================================ */
@media only screen and (max-width: 720px) {
	section#company {		width: 100%;		}
	section#greeting {		width: 100%;		}
	section#members {		width: 100%;		}

}