@charset "utf-8";

/* -----------------------------------------------------------
#
# INFORMATION
#
# FileName:	aboutus.css
# Summary:	aboutus indiviual
# Created:	2009-07-15
# UpdatedBy:	2009-08-05
# Copyright:	(c)TREE OF LIFE CO., LTD. ALL RIGHTS RESERVED
------------------------------------------------------------ */

/* -----------------------------------------
	sidebar
------------------------------------------ */
.sub-menu {
	background: url(../images/aboutus/bg_banner.gif) repeat-y bottom;
}

.banner ul {
	padding: 0 10px 12px 17px;
	font-size: 64%;
}

.banner li {
	padding: 2px 0 4px 9px;
	letter-spacing: 0.1em;
	background: url(../images/common/mak_arrow.gif) 0 50% no-repeat;
}

.banner li a {
	color: #664e3c;
}


/* -----------------------------------------
	content
------------------------------------------ */
#content-main h1#headline {
	margin: 0 0 27px 0;
}

#content-main h1+p {
	margin: 0 0 21px 0;
}

#content-main h2 {
	clear: both;
	padding: 4px 20px 4px;
	margin: 0 0 18px 0;
	font-size: 84%;
	font-weight: bold;
	color: #FFF;
	background: url(../images/common/bg_title.gif) repeat;
}

#content-main p {
	margin: 0 0 25px 0;
	line-height: 1.5;
}

#content-main a {
	color: #000;
}

#content-main .layout-right {
	float: right;
	margin: 0 0 10px 12px;
}

#content-main .layout-left {
	float: left;
	margin: 0 12px 10px 0;
}

#content-main .info {
	clear: both;
	width: 423px;
	margin: 0 auto;
}

#content-main .figure {
	text-align: center;
}

#content-main .pagetop {
	margin: 18px 0 30px 0;
}

#content-main ul.nav {
	width: 600px;
	padding: 29px 0 0 0;
	overflow: hidden;
	background: url(../images/common/mak_dotline.gif) top repeat-x;
}

#content-main ul.nav li {
	float: left;
	margin: 0 0 5px 0;
}

#content-main ul.nav li.col2 {
	margin: 0 0 5px 7px;
}


/* -----------------------------------------
	gaiyo
------------------------------------------ */
#gaiyo table {
	width: 598px;
	margin: 0 0 0 1px;
	border: #000 1px solid;
	font-size: 84%;
	border-collapse: collapse;
}

#gaiyo th,
#gaiyo td {
	padding: 4px 10px;
	border: solid 1px #000;
	vertical-align: top;
}

#gaiyo th {
	padding: 4px 15px;
	font-weight: bold;
	white-space: nowrap;
	background-color: #fffddb;
}

#gaiyo th.sub {
	padding: 4px 10px;
	font-weight: normal;
	background-color: #fffeee;
}

#gaiyo table caption {
	margin: 0 0 1px 0;
	text-align: right;
}


/* -----------------------------------------
	taisei
------------------------------------------ */
#taisei h2 {
	padding: 0;
	margin: 0 0 5px 0;
	color: #337149;
	background: none;
}


/* -----------------------------------------
	hasso
------------------------------------------ */
#hasso h1#branding {
	margin: 0 0 19px 0;
}

#hasso .figure {
	margin: 0 0 19px 0;
}

#hasso ul {
	margin: 0 0 0 20px;
	line-height: 1.4;
}

#hasso li.col2 {
	margin: 0 0 0 220px;
}

#hasso li.col2 {
	margin-top: -1.4em;
}


/* -----------------------------------------
	concept
------------------------------------------ */
#concept strong {
	color: #34724a;
}

#concept p {
	width: 530px;
	margin: 69px auto 52px;
}

#concept p img {
	margin: 14px auto 18px;
	display: block;
}


/* -----------------------------------------
	businessnetwork
------------------------------------------ */
#businessnetwork .diagram {
	position: relative;
	height: 888px;
	width: 595px;
	margin: 0 0 0 5px;
	overflow: visible;
	background: url(../images/aboutus/businessnetwork/bg_diagram01.gif) repeat-y;
}

#businessnetwork li {
	position: absolute;
}

#businessnetwork #tree01 {
	left: 140px;
	top: 0;
}

#businessnetwork #tree02 {
	left: 177px;
	top: 205px;
}

#businessnetwork li p {
	margin: 0 0 0 73px;
	font-size: 100%;
	line-height: 1.4;
}

#businessnetwork li#tree02 p {
	margin: 0 0 36px 36px;
}

#businessnetwork li p img {
	float: right;
}

#businessnetwork #tree03 {
	left: 177px;
	top: 496px;
	background: url(../images/aboutus/businessnetwork/bg_diagram02.gif) top left no-repeat;
}

#businessnetwork #tree04 {
	left: 177px;
	top: 526px;
}

#businessnetwork #tree05 {
	left: 177px;
	top: 714px;
	background: url(../images/aboutus/businessnetwork/bg_diagram02.gif) top left no-repeat;
}

#businessnetwork #tree06 {
	left: 176px;
	top: 745px;
}

#businessnetwork #tree03 h4,
#businessnetwork #tree05 h4 {
	margin: 29px 0 0 217px;
}


/* -----------------------------------------
	support
------------------------------------------ */
#support dl {
	margin: -14px 0 0 0;
	font-size: 84%;
	line-height: 1.5;
}

#support dt {
	font-weight: bold;
}

#support dd {
	margin: 0 0 12px 0;
}

#support .figure img {
	margin: 0 0 15px 0;
}

#support ul.nav {
	padding: 29px 0 0 0;
	overflow: hidden;
	background: url(../images/common/mak_dotline.gif) top repeat-x;
}

#support ul.nav li {
	float: left;
	margin: 0 0 5px 0;
}

#support ul.nav li.col2 {
	margin: 0 0 5px 7px;
}

#support .pagetop {
	clear: both;
	margin: 25px 0 40px;
}


/* -----------------------------------------
	instructor
------------------------------------------ */
#instructor .diagram {
	position: relative;
	height: 656px;
	background: url(../images/aboutus/instructor/bg_diagram01.gif) 5px 0 no-repeat;
}

#instructor h2 {
	padding: 0;
	margin: 0;
	background: none;
}

#instructor ul {
	font-size: 100%;
}

#instructor li {
	position: absolute;
	width: 318px;
}

#instructor #tree01 {
	left: 212px;
	top: 0;
}

#instructor #tree02 {
	left: 212px;
	top: 50px;
}

#instructor #tree03 {
	left: 212px;
	top: 100px;
}

#instructor #tree04 {
	left: 212px;
	top: 170px;
}

#instructor #tree05 {
	left: 241px;
	top: 180px;
}

#instructor #tree06 {
	left: 241px;
	top: 340px;
}

#instructor #tree07 {
	left: 240px;
	top: 480px;
}

#instructor li p {
	padding: 10px;
	margin: 0 0 0 21px;
	border: #337149 1px solid;
	border-top: none;
	font-size: 84%;
	line-height: 1.3;
	background-color: #fffddb;
}

#instructor li#tree07 p {
	margin: 0 0 0 22px;
}

#instructor li#tree07 {
	width: 319px;
}

* html #instructor li p{
	font-size: 80%;
}


/* -----------------------------------------
	consulting
------------------------------------------ */
#consulting .figure {
	margin: 0 0 27px 0;
}

#consulting strong {
	color: #34724a;
}

#consulting ul {
	float: left;
	width: 128px;
	padding: 0 0 10px 22px;
	font-weight: bold;
	line-height: 1.4;
}

#consulting ul+p {
	margin-left: 157px;
}

#consulting .pagetop {
	clear: both;
}


/* -----------------------------------------
	wholesalesclub
------------------------------------------ */
#wholesalesclub ol {
	margin: 0 0 30px 20px;
	font-size: 84%;
}

#wholesalesclub ol li {
	margin: 0 0 10px 1em;
	line-height: 1.3;
}

#wholesalesclub ol strong {
	color: #34724a;
}

#wholesalesclub ol a{
	color: #000;
}

#wholesalesclub ol table {
	margin: 2px 0 0 0;
}

#wholesalesclub ol th {
	padding-right: 35px;
	white-space: nowrap;
}

#wholesalesclub h3 {
	margin: 0 0 12px 0;
	font-size: 84%;
	font-weight: bold;
}

#wholesalesclub .layout-left {
	float: left;
}

#wholesalesclub .layout-right {
	float: none;
	margin: 0 0 0 154px;
}

#wholesalesclub .pagetop {
	clear:both;
	margin:-24px 0 24px 0;
	padding: 0 0 24px 0;
	background: url(../images/common/mak_dotline.gif) bottom repeat-x;
}


/* -----------------------------------------
	csr
------------------------------------------ */
#csr h3 {
	clear:both;
	font-size: 84%;
	font-weight: bold;
	color: #34724a;
}

#csr p {
	line-height: 1.5;
}

#csr .layout-left {
	float: left;
	margin: 0 0 30px 0;
}

#csr .layout-right {
	float: none;
	margin: 0 0 20px 155px;
}

#csr .detail {
	float: none;
	clear: both;
}

#csr .pagetop {
	margin-top: -8px;
}

#csr #fare {
	margin: 0 0 20px 365px;
}


/* -----------------------------------------
	partnershop
------------------------------------------ */
#partnershop h2{
	padding: 0;
	margin: 0 12px 10px 20px;
	color: #34724a;
	background: none;
}

#partnershop p {
	margin-right: 12px;
	margin-left: 20px;
}

#partnershop .figure {
	margin: 40px 0 0 0;
}


/* -----------------------------------------
	spa,senmongakko
------------------------------------------ */
#spa strong,
#senmongakko strong {
	margin: 0 0 10px 0;
	color: #34724a;
	display: block;
}

#spa .layout-right,
#senmongakko .layout-right {
	float: none;
	margin: 0 0 22px 176px;
}