@charset "utf-8";

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

/* -----------------------------------------
	Base Layout
------------------------------------------ */
.content {
	width:813px;
	margin:0 auto;
	overflow:hidden;
}
* html .content { height:1%;}

.content-main {
	float:left;
	width:535px;
}
.content-sub {
	float:right;
	width:257px;
}
#primary{
	margin:0 auto 20px;
	background:url(../images/top/mak_dodline01.gif) 556px 0 repeat-y;
}
#primary .content-main {
	float:left;
	width:556px;
}
#primary .content-sub {
	float:right;
	width:235px;
}
#secondary .content-sub {
	float:right;
	width:257px;
}
* html #content-sub {
	height:1%;
}

/* -----------------------------------------
	Contents
------------------------------------------ */
#branding {
	clear:both;
	width:813px;
	margin:28px auto 17px;
}
.content-main h2 {
	margin:0 0 17px 0;
}

/* -----------------------------------------
	News
------------------------------------------ */
dl.entrylist {
	width:535px;
	font-size:84%;
	margin:-6px 0 0 0;
	line-height:1.4;
}
dl.entrylist dt {
	clear:both;
	width:5em;
	font-weight:bold;
	float:left;
	padding:10px 0 10px 25px;
}
dl.entrylist dd {
	padding:10px 10px 10px 108px;
}
* html dl.entrylist dt {height:1%;}
* html dl.entrylist dd {padding:10px 10px 10px 108px; text-indent:-.2em}
dl.entrylist dt.even-child,
.entrylist dd.even-child{
	background-color:#efeff0;
}
.entrylist a {
	color:#000;
}
.more {
	width:427px;
	margin:12px 0 0 108px;
	font-size:84%;
}
.more a,
.more2 a{
	color:#000;
}

/* -----------------------------------------
	Shop & Event
------------------------------------------ */
#shop {
	margin:23px 0 0 8px;
	font-size:64%;
	color:#684f3c;
}
#shop dt{
	margin:0 0 5px 0;
	padding:0 0 0 12px;
	line-height:1.6;
	background:url(../images/common/mak_arrow.gif) 0 0.25em no-repeat;
	font-weight:bold;
}
#shop dd{
	margin:0 0 15px 12px;
}
#shop a,
.shop-more a{
	color:#684f3c;
}
.shop-more {
	margin:3em 0 0 8px;
	padding:0 0 0 12px;
	background:url(../images/common/mak_arrow.gif) 0 0.25em no-repeat;
	font-size:68%;
}

/* -----------------------------------------
	School
------------------------------------------ */
ul.entrylist {
	margin:0px 0 18px 17px;
	font-size:100%;
	overflow:hidden;
}
ul.entrylist li {
	clear:both;
	margin:0;
	overflow:hidden;
}
ul.entrylist li:first-child {
	margin-bottom:16px;
}
* html ul.entrylist li {height:1%}

ul.entrylist li h3{
	margin:0;
	line-height:1.5;
	font-size:64%;
}
ul.entrylist li p.date{
	font-weight:bold;
	margin:0 0 1px 0;
	font-size:64%;
	letter-spacing:0.1em;
}
ul.entrylist li p.thumnail{
	float:left;
	width:49px;
	margin:0 10px 0 0;
	text-align:center;
	overflow:hidden;
}
.more2 {
	margin:0 0 20px 110px;
	font-size:64%;
}

/* -----------------------------------------
	Press
------------------------------------------ */
dl#press {
		font-size:64%;
}

dl#press dt {
	letter-spacing:0.1em;
	padding:0 0 5px 25px;
}
dl#press dd {
	padding:0 10px 8px 108px;
}
* html dl.entrylist dt {height:1%;}
* html dl.entrylist dd {	padding:10px 10px 10px 108px; text-indent:-.2em}

/* -----------------------------------------
	Eco
------------------------------------------ */
#eco {
	margin:0 0 10px 0;
	padding:0 0 0.7em 0;
	background: url(../images/common/mak_dotline.gif) bottom repeat-x;
}
#eco ul {
	padding:16px 0 0 0;
	overflow:hidden;
	background: url(../images/common/mak_dotline.gif) top repeat-x;
}
* html #eco ul { height:1%;}
#eco ul li{
	float:left;
	width:250px;
	position:relative;
}
#eco ul li.col2{
	float:right;
	width:267px;
}
#eco ul .thumnail{
	position:absolute;
	top:0;
	left:0;
}
#eco ul .green{
	top:-5px;
}
#eco ul h3 {
	margin:0 0 0px 93px;
}
#eco ul h3 img {
	vertical-align:top;
}
#eco ul p {
	margin:0 0 9px 93px;
	font-size:76%;
	line-height:1.4;
	color:#474646;
}

/* -----------------------------------------
	Sidebar
------------------------------------------ */
.content-sub .banner{
	width:257px;
	background:url(../images/top/bg_banner_btm.gif) bottom no-repeat;
}
.content-sub .banner-inner{
	overflow:hidden;
	background:url(../images/top/bg_banner_top.gif) top no-repeat;
}
* html .content-sub .banner-inner {height:1%;}
.content-sub .banner .thumnail{
	float:left;
	padding:6px 7px;
}
.content-sub .banner-inner h3 {
	margin-left:58px;
	padding:6px 0 0 0;
}
.content-sub .banner-inner p {
	width:150px;
	margin-left:58px;
	font-size:64%;
	line-height:1.4;
}
.content-sub .banner-inner a {
	color:#474646;
}
.content-sub .banner-saiyo{
	width:255px;
	margin:0 0 9px;
	border:1px solid #6d6d6d;
	background-color:#ecdfce;
}
.content-sub .banner-saiyo .banner-inner{
	border:1px solid #9d9d9d;
	margin:2px;
	overflow:hidden;
	background: url(../images/top/bg_saiyo.gif) 222px 23px no-repeat;
}
.content-sub .banner-saiyo .thumnail{
	float:left;
	padding:10px;
}
.content-sub .mailmag {
	padding:7px 5px 10px 15px;
	background-color:#efeff0;
	border:1px solid #b1cbd1;
}
.content-sub .mailmag p{
	margin:5px 0;
	font-size:64%;
	letter-spacing:0.1em;
}
.mailmag input.txt {
	width:159px;
	padding:3px;
	margin-right:3px;
	border:1px solid #9d9d9d;
}
.mailmag input.submit-btn {
	width:50px;
	height:24px;
	text-indent:-9999px;
	background:url(../images/top/btn_mailmag.gif) no-repeat;
	cursor:pointer;
	border:none;
}