@charset "utf-8";

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

/* -----------------------------------------
	entry-common
------------------------------------------ */
#content-main .entry{
	clear:both;
	margin:30px 0;
}
#content-main .entry-title a{
	color:#FFF;
}
#content-main .entry-title a:link{
	text-decoration:underline;
}
#content-main .entry-title a:visited{
	text-decoration:underline;
}
#content-main .entry-title a:hover{
	text-decoration:none;
}
#content-main .entry-title a:active{
	text-decoration:none;
}
#content-main .entry-body{
	line-height:1.5;
	font-size:84%;
}
#content-main .entry-body2{
	line-height:1.5;
	margin-left:135px;
	font-size:84%;
}
#content-main .entry-body p,
#content-main .entry-body2 p{
	margin:1em 0;
	padding:0;
	font-size:100%;
}
#content-main .entry-body p:first-child{
	margin:0 0 1em;
}
* html #content-main .entry-title{
	height:1%;
}
#content-main .entry-title h2 {
	margin-bottom:0;
}

#content-main .entry-img{
	float:left;
	width:138px;
}
#content-main .entry-img img{
/*	border:1px solid #666666;
*/	display:block;
	margin:0 0 21px 0;
}
#content-main #entry-list .entry-img img{
/*	border:1px solid #666666;
*/	display:block;
	margin:0;
}

#content-main .entry-title .new img{
	vertical-align:middle;
}
#content-main .detail{
	overflow:hidden;
	margin:1.5em 0 0 0;
}
* html #content-main .detail{
	height:1%;
}
#content-main .detail a{
	float:left;
	display:block;
}
#content-main .detail a:first-child{
	margin-right:7px;
}

#content-main .entry .pagetop {
	margin:3em 0 40px 0;
}

/* -----------------------------------------
	entry-list
------------------------------------------ */
ul#entry-list{
	font-size:100%;
}
ul#entry-list .entry .entry-title{
	padding:0;
}
ul#entry-list .entry-title .new{
	margin-right:18px;
	background:url(../images/common/mak_new.gif) center right no-repeat;
}
ul#entry-list .entry-title .date {
	display:block;
	padding:4px 20px 2px 20px;
}
ul#entry-list .entry-title h2 {
	padding:7px 20px 7px 20px;
	font-size:94%;
}
ul#entry-list .entry-title h2.first {
	padding:7px 0 7px 20px;
	margin-right:80px;
}
ul#entry-list .entry .pagetop {
	clear:both;
	margin:-0.8em 0 20px 0;
}

/* -----------------------------------------
	entry
------------------------------------------ */
#content-main .entry .entry-title{
	position:relative;
	margin:0 0 20px;
	padding:4px 0 3px 20px;
	background:url(/images/common/bg_title.gif) repeat;
	font-size:94%;
	font-weight:bold;
	color:#FFF;
}
#content-main .entry .entry-title h1{
	font-weight:bold;
	font-size:100%;
}
#content-main .entry-title .date{
	display: block;
	padding:0 4px 0 0;
}

/* -----------------------------------------
	main index entry
------------------------------------------ */
#content-main .main-index {
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	background:url(../images/common/mak_dotline.gif) bottom repeat-x;
}

#content-main .main-index h2{
	margin:0 0 20px 0;
	padding:8px 12px 8px 20px;
	font-size:84%;
}
#content-main .main-index h2 a {
	color:#FFF;
	text-decoration:none;
}
#content-main .main-index h2 a:hover {
	text-decoration:underline;
}
.entry-body-simple {
	margin:30px 0 0 0;
	padding:30px 0 0 0;
	background:url(../images/common/mak_dotline.gif) top repeat-x;
}
#content-main .first-entry-child {
	margin:0;
	padding:0;
	background:none;
}
#content-main .entry-body-simple h2{
	background:none;
	margin:0 0 12px 0;
	padding:0;
	font-weight:normal;
}
#content-main .entry-body-simple h2 a{
	color:#000;
	text-decoration:none;
}
#content-main .entry-body-simple p{
	margin:0 0 12px 0;
}
#content-main .main-index .pagetop{
	margin:-0.8em 0 0 0;
}
#content-main .entry-body-simple .pagetop{
	margin:-0.8em 0 40px 0;
}

/*----------------------------------------------------
	pageBute
----------------------------------------------------*/
.pageBute {
	clear:both;
	position:relative;
	margin:0 0 30px 0;
	text-align:center;
}
.pageBute a.link_page{
	font-size:84%;
}
.current_page {
	padding:0 0.4em;
	font-size:84%;
	font-weight:bold;
}
.pageBute a{
	padding:0 0.4em;
	color:#664E3C;
	font-weight:bold;
}
.pageBute span a{
	overflow:hidden;
	font-size:84%;
}

/* -----------------------------------------
	school-entry
------------------------------------------ */
#content-main .school .entry-title h1{
	font-size:84%;
}
.school .g-map{
	width:180px;
	height:180px;
	border:1px #666 solid;
	margin:0 0 3px 0;
}
.school .g-map+a{
	display:block;
	color:#000;
	font-size:76%;
	margin:0 0 20px 0;
}
#content-main .school .date {
	display:none;
}
#content-main .school {
	margin:18px 0 0 0;
}
#content-main .school .entry-body2{
	margin-left:182px;
}
#school-map {
	position:relative;
	height:434px;
	background:url(../images/culture/img_map.gif) no-repeat;
}
#school-map ul{
	font-size:64%;
}
#school-map li{
	position:absolute;
}
#school-map li a{
	color:#000;
}
#harajukuomotesando {top:225px;left:435px;}
#sapporo {top:67px;left:362px;}
#sendai {top:150px;left:450px;}
#utsunomiya {top:175px;left:450px;}
#hannou {top:240px;left:435px;}
#kashiwa {top:200px;left:450px;}
#motomachi {top:286px;left:386px;}
#azamino {top:301px;left:386px;}
#odawara {top:316px;left:386px;}
#machida {top:255px;left:435px;}
#nagoya {top:304px;left:334px;}
#osaka {top:163px;left:287px;}
#umeda {top:178px;left:287px;}
#kyoto {top:192px;left:287px;}
#koube {top:207px;left:287px;}
#hiroshima {top:247px;left:220px;}
#oita {top:319px;left:163px;}
#fukuoka {top:304px;left:163px;}

.adobe-reader {
	font-size:64%;
	float:left;
	width:450px;
	margin:20px 0 30px;
	overflow:hidden;
	line-height:1.2;
}
#school-map .shool-seminar {
	padding:13px 0 0 53px;
}
.seminar-list {
	overflow:hidden;
}
* html .seminar-list {height:1%}

.seminar-list a{
	float:left;
	display:block;
}
.seminar-list a:first-child{
	margin-right:7px;
}
.adobe-reader a{
	color:#000;
}
.adobe-reader img {
	margin:10px 0 0 0;
}


/* -----------------------------------------
	seminar-entry
------------------------------------------ */
.entry p#seminar-code {
	margin:0;
	font-size:100%;
}
#content-main .sp-seminar .entry-title h1{
	display:inline;
	font-weight:bold;
}
ul#entry-list .sp-seminar .entry-title h2 {
	padding:0 20px 6px 20px;
	font-size:94%;
}
ul#entry-list .sp-seminar .entry-title h2.first {
	padding:0 80px 6px 20px;
}

/* -----------------------------------------
	news-entry
------------------------------------------ */
.entry p#sub-title {
	margin:0;
	font-size:100%;
	line-height:1.2;
}
.entry p.more a{
	color:#000;
}
ul#entry-list .news .entry-title h2 {
	padding:0 20px 6px 20px;
	font-size:94%;
}
ul#entry-list .news .entry-title h2.first {
	padding:0 0 6px 20px;
}

/* -----------------------------------------
	voice-entry
------------------------------------------ */
.entry .lecture{
	padding:10px 15px;
	background-color:#ededed;
}
.entry .lecture a{
	color:#040000;
}
ul#entry-list .voice .pagetop{
	margin:10px 0 20px;
}
ul#entry-list .voice h2{
	padding-top:5px;
}

/* -----------------------------------------
	sidebar
------------------------------------------ */
.apply form {
	margin:0 0 15px 0;
	border-bottom:#d5c8bb 1px solid;
	padding-bottom:15px;
}
.apply form select{
	width:100%;
}
#school li {
	float:left;
	width:80px;
	padding:0 0 5px 9px;
	background:url(../images/common/mak_arrow.gif) 0 0 no-repeat;
}
#backnumber ul {
	padding-right:5px;
	overflow:hidden;
}
#backnumber li {
	clear:both;
	padding:2px 0 5px 9px;
	letter-spacing:0.1em;
	background:url(../images/common/mak_arrow.gif) 0 0.25em no-repeat;
}
#backnumber li li {
	clear:none;
	margin:0 0 5px 0;
	padding:0 0 0 3px;
	letter-spacing:0;
	float:left;
	background:none;
	white-space:nowrap;
}
#backnumber ol {
	margin:5px 0 0 5px;
	clear:both;
}

/* -----------------------------------------
	content
------------------------------------------ */
#content-main h1+p{
	margin:0 0 21px 0;
}
#content-main h2 {
	font-size:84%;
	font-weight:bold;
	clear:both;
	margin:0 0 18px 0;
	padding:4px 20px 4px;
	color:#FFF;
	background:url(../images/common/bg_title.gif) repeat;
}
#content-main p{
	line-height:1.5;
	margin:0 12px 25px 16px;
}
#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 .pagetop {
	margin:18px 0 30px 0;
}

/* -----------------------------------------
	index
------------------------------------------ */
#content-main h3.sp-seminar {
	margin:0 0 0 16px;
}
#content-main #sp-list {
	width:585px;
	margin:10px 0 30px 16px;
	overflow:hidden;
}
* html #content-main #sp-list {height:1%;}

#content-main #sp-list li{
	float:left;
	margin:0 7px 7px 0;
}
#content-main #data {
	width:352px;
	float:left;
}
#content-main #data h3,
#content-main #q-a h3{
	margin:0 0 6px 0;
}
#content-main #data ul li{
	position:relative;
	margin:0 0 4px 0;
}
#content-main #data ul li form{
	position:absolute;
	top:8px;
	left:174px;
}
#content-main #q-a {
	width:237px;
	margin:0 0 0 362px;
}
* html #content-main #q-a {	margin:0 0 0 360px;}

#content-main .rss {
	margin:-20px 18px -10px 0;
	text-align:right;
}
.cat-link {
	margin:0 0 2em;
}
.cat-link a{
	display:block;
	text-align:right;
	font-size:84%;
	color:#664E3C;
	margin:5px 0;
}

/* -----------------------------------------
	aroma,medicalherb
------------------------------------------ */
#content-main .info ul{
	background-color:#eeeded;
	color:#347249;
	overflow: hidden;
	font-size:84%;
	padding:12px 0 0 20px;
	line-height:1;
	margin:2px 0 27px 0;
}
* html #content-main .info ul {height: 1%;}

#content-main .info ul li{
	float:left;
	width:100px;
	padding:0 0 11px 0;
	white-space:nowrap;
}

#content-main .info ul li a{
	color:#347249;
}
#content-main #aroma .pagetop,
#content-main #medicalherb .pagetop {
	margin:-0.8em 0 50px 0;
}
#content-main .conclusion {
	padding:30px 0 0 0;
	background: url(../images/common/mak_dotline.gif) repeat-x;
}
#content-main #medicalherb .conclusion {
	margin:-20px 0 0 0;
}
#content-main .conclusion p{
	margin-bottom:20px;
}

/* -----------------------------------------
	certification
------------------------------------------ */
#content-main #certification h1+p{
	margin:0 0 21px 0;
}
#content-main #certification p{
	margin:0 10px 0 13px;
}
#content-main #certification ol {
	padding:18px 0 0 0;
}
#content-main #certification ol li{
	padding:31px 0 0 0;
	background:url(../images/culture/certification/mak_next.gif) 196px 4px no-repeat;
}
#content-main #certification ol li:first-child{
	background:none;
	padding:0;
}
#content-main ol li h3{
	margin:0 0 5px 0;
}
#content-main #certification  ol li p{
	margin:0 0 15px 0;
}
#content-main ul.notice{
	font-size:64%;
	letter-spacing:0.1em;
	line-height:1.7;
	margin:0 0 15px 0;
}
#content-main ul.notice li{
	text-indent:-1em;
	margin-left:1.0em
}
* html #content-main #certification .layout-left {
	margin-bottom:16px;
}

/* -----------------------------------------
	lifestyle,yoga
------------------------------------------ */
#content-main h2 .catch{
	font-weight:normal;
	color:#ffff99;
	padding-left:1.5em;
}
#content-main #lifestyle .pagetop,
#content-main #yoga-kids .pagetop {
	clear:both;
	margin:-1em 0 25px 0;
}
#content-main #lifestyle .layout-left,
#content-main #yoga-kids .layout-left{
	float:left;
	margin:0 15px 0 20px;
}
#content-main #lifestyle p,
#content-main #yoga-kids p {
	margin:0 10px 25px 136px;
}
#content-main #lifestyle h1+p,
#content-main #yoga-kids h1+p {
	margin:0 10px 25px 0;
}

/* -----------------------------------------
	moushikomi
------------------------------------------ */
#moushikomi ol {
	border-top:1px solid #d9d0c9;
	padding:18px 0 0 0;
}
#moushikomi ol li{
	margin:20px 0 0 0;
	padding:18px 0 0 12px;
	background:url(../images/common/mak_dotline.gif) top repeat-x;
}
#moushikomi ol li:first-child{
	margin:0;
	padding:0 0 0 12px;
	background: none;
}
#content-main #moushikomi ol h2{
	background:none;
	font-weight:bold;
	color:#6f5743;
	padding:0;
	margin:0 0 10px 0;
}
#content-main #moushikomi ol p{
	margin:0 0 21px 0;
}
#content-main #moushikomi .caution {
	font-weight:bold;
	color:#e71f1c;
}
#moushikomi ol li li{
	background:none;
	text-indent:-1.2em;
	padding:0;
	margin:0 0 8px 1.2em;
}
#moushikomi ol li li:first-child{
	background:none;
	padding:0;
	margin:0 0 8px 1.2em;
}
#moushikomi .indent {
	display:block;
	text-indent:2.2em;
}
/* -----------------------------------------
	qa
------------------------------------------ */
#qa .page-nav {
	margin:0 0 20px 0;
	background:url(../images/culture/qa/mak_dotline02.gif) repeat-y;
}
#qa .page-nav ul{
	padding-bottom:18px;	
	background:url(../images/common/mak_dotline.gif) bottom repeat-x;
}
#qa .page-nav ul li:first-child{
	padding:16px 0 0 16px;
	background:url(../images/common/mak_dotline.gif) repeat-x;
}
#qa .page-nav ul li{
	padding:14px 0 0 16px;
	font-weight:bold;
	color:#347249;
}
#qa .page-nav ul li a{
	color:#347249;
	text-decoration:none;
}
#qa .page-nav ul li a:hover{
	color:#347249;
	text-decoration:underline;
}
#qa dl {
	font-size:84%;
	line-height:1.5;
}
#qa dt {
	margin:0 0 5px 10px;
	color:#347249;
	font-weight:bold;
}
#qa dd {
	margin:0 0 0 2.5em;
}
#qa dt#qa01+dd {
	margin:0 0 60px 2.5em;
}
#qa .pagetop{
	margin:18px 0 28px;
	font-size: 76%;
}
#qa #request h2 {
	background:none;
	font-weight:bold;
	color:#347249;
	margin:0 0 10px 0;
	padding:0;
}
#qa #request ul {
	margin:0;
}
#qa #request ul li {
	margin:0 0 1em 1em;
	text-indent:-1em
}
#qa #request {
	padding:1.5em 1.5em 0.8em;
	margin:0 0 0 10px;
	background-color:#eeeeed;
}
#qa #request+.pagetop {
	font-size:64%;
}

/* -----------------------------------------
	certification-ayurveda　
------------------------------------------ */
#certification-ayurveda {
	position:relative;
}

#certification-ayurveda h1+h2 {
	margin:18px 0 0 0;
}
#certification-ayurveda h2+p {
	margin:23px 0  28px;
	padding:18px;
	background-color:#eeeeed;
}
#certification-ayurveda h3 {
	padding:0 0 13px 16px;
	font-weight:bold;
	font-size:84%;
}
#certification-ayurveda ul {
	padding:0 0 22px 16px;
	line-height:1.5;
}
#certification-ayurveda li {
	text-indent:-1em;
	margin:0 0 0 1em;
}
#certification-ayurveda .layout-right {
	float:none;
	position:absolute;
	bottom:50px;
	right:15px;
	width:223px;
	font-size:64%;
	line-height:1.2;
}
* html #certification-ayurveda .layout-right {
	bottom:170px;
}
#certification-ayurveda .layout-right img{
	margin-bottom:6px;
}
#certification-ayurveda .detail {
	margin:40px 0 0 0;
}
#certification-ayurveda .pagetop {
	margin:-0.8em 0 20px 0;
}

/* -----------------------------------------
	certification-ayurveda2,ayurveda
------------------------------------------ */
#certification-ayurveda2 h2+h3 {
	font-weight:bold;
	font-size:84%;
	color:#6f5743;
	margin:0 0 22px 20px;
}
#certification-ayurveda2 h3 {
	font-weight:bold;
	margin:0 0 10px 20px;
	font-size:84%;
}
#certification-ayurveda2 dl{
	font-size:84%;
	margin:0 12px 0 20px;
	line-height:1.5;
}
#certification-ayurveda2 dt{
	font-weight:bold;
	margin:0 0 0 0;
}
#certification-ayurveda2 dd{
	margin:0 0 22px 0;
}
#certification-ayurveda2 table,
#ayurveda table{
	font-size:84%;
	margin:0 0 0 12px;
	border-collapse:separate;
	border-spacing:8px;
	line-height:1.4;
}
#ayurveda table{
	margin-bottom:37px;
}
#certification-ayurveda2 th,
#ayurveda th{
	vertical-align:top;
}
#certification-ayurveda2 ul{
	font-size:100%;
}
#certification-ayurveda2 li{
	padding:30px 0 0 0;
	margin:30px 0 0 0;
	background:url(../images/common/mak_dotline.gif) top repeat-x;
}
#certification-ayurveda2 li:first-child{
	background:none;
	padding:0;
}
#certification-ayurveda2 .photos {
	margin:0 0 0 20px;
	overflow:hidden;
}
#certification-ayurveda2 .photo,
#ayurveda .photo{
	float:left;
	width:169px;
	font-size:64%;
	line-height:1.2;
	padding:0 0 16px 0;
}
#ayurveda .photo{
	margin-left:20px;
}
* html #ayurveda .photo{
	margin-left:10px;
}
#certification-ayurveda2 .photo img,
#ayurveda .photo img{
	margin-bottom:6px;
}
#certification-ayurveda2 .photo+.photo,
#ayurveda .photo+.photo {
	margin-left:16px;
	width:354px;
}
#certification-ayurveda2 .photos+p,
#ayurveda .photos+p{
	clear:both;
}
#certification-ayurveda2 .layout-left {
	margin:0 0 0 20px;
}
* html #certification-ayurveda2 .layout-left {
	margin:0 0 0 10px;
}
#certification-ayurveda2 .layout-right {
	float:none;
	margin:0 0 0 140px;
}

#certification-ayurveda2 .photos+h3 {
	margin:20px 0 10px 20px;
}
#ayurveda {
	margin-top:21px;
}
#ayurveda h1{
	display:none;
}

/* -----------------------------------------
	certification-medicalherb etc
------------------------------------------ */
#certification-medicalherb h3,
#certification-medicalherb2 h3,
#certification-aronatherapy h3,
#certification-aronatherapy2 h3{
	font-size:84%;
	font-weight:bold;
	margin:30px 0 0 0;
	padding:30px 15px 20px;
	background:url(../images/common/mak_dotline.gif) repeat-x;
	line-height:1.3;
}
#certification-medicalherb h4,
#certification-medicalherb2 h4,
#certification-aronatherapy h4,
#certification-aronatherapy2 h4{
	font-size:84%;
	font-weight:bold;
	margin:0 0 0 15px;
}
.diagram {
	text-align:center;
}
#content-main .diagram+p {
	margin-top:50px;
}
#content-main .diagram+h4 {
	margin:28px 15px 26px;
}
#certification-medicalherb dl,
#certification-medicalherb2 dl,
#certification-aronatherapy dl,
#certification-aronatherapy2 dl{
	margin:30px 15px 30px;
	font-size:84%;
	line-height:1.5;
}
#certification-medicalherb dt,
#certification-medicalherb2 dt,
#certification-aronatherapy dt,
#certification-aronatherapy2 dt{
	font-weight:bold;
	margin:0;
}
#certification-medicalherb dd,
#certification-medicalherb2 dd,
#certification-aronatherapy dd,
#certification-aronatherapy2 dd{
	margin:0 0 25px 0;
}
#certification-medicalherb strong,
#certification-medicalherb2 strong,
#certification-aronatherapy strong,
#certification-aronatherapy2 strong{
	font-weight:bold;
	color:#e46d22;
}
#certification-medicalherb ul,
#certification-medicalherb2 ul,
#certification-aronatherapy ul,
#certification-aronatherapy2 ul{
	margin:-5px 15px 0;
	font-size:84%;
	line-height:1.5;
}
#certification-medicalherb a,
#certification-medicalherb2 a,
#certification-aronatherapy a,
#certification-aronatherapy2 a{
	color:#000;
}
#certification-medicalherb2 .detail a,
#certification-aronatherapy2 .detail a{
	float:left;
	display:block;
}
#certification-medicalherb2 .detail a:first-child,
#certification-aronatherapy2 .detail a:first-child{
	margin-right:7px;
}
#certification-aronatherapy2 table {
	font-size:84%;
	margin:0 0 15px 15px;
	line-height:1.5;
}
#certification-aronatherapy2 th,
#certification-aronatherapy2 td {
	vertical-align:top;
}
#certification-aronatherapy2 th{
	white-space:nowrap;
}


/* -----------------------------------------
	koshi
------------------------------------------ */
#koshi h1+p {
	margin-bottom:40px;
}
#koshi h3{
	font-size:84%;
	margin:0 0 0 17px;
	font-weight:bold;
	color:#337149;
}
#koshi .apply{
	margin:10px 0 10px 17px;
}
#koshi .adobe-reader{
	float:none;
	margin:12px 0 12px 17px;
}