@charset "utf-8";

/* -----------------------------------------------------------
#
# INFORMATION
#
# FileName:	ayurveda.css
# Summary:	ayurveda indiviual
# Created:	2009-07-15
# UpdatedBy:	2009-08-12
# 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;
}
#ayurveda-banner {
	padding:4px;
	border:1px solid #d9cec6;
}
#ayurveda-banner p{
	font-size:64%;
	margin:14px 0 10px;
}
#ayurveda-banner a{
	color:#000;
	margin-left:3px;
	padding:0 5px;
}
#ayurveda-banner h2{
	margin:0 auto;
}
#ayurveda-banner h2 a{
	margin:0;
	padding:0;
}

/* -----------------------------------------
	content
------------------------------------------ */
#content-main h1#headline {
	margin:0 0 27px 0;
}
#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 .block {
	margin:0 0 20px 0;
	clear:both;
	overflow:hidden;
}
* html #content-main .block{height:1%;}

#content-main .block h4{
	font-size:84%;
	font-weight:bold;
	margin-bottom:0;
}
#content-main h2+.block {
	margin-bottom:10px;
}
#content-main p {
	line-height:1.5;
	margin:0 0 20px 20px;
}
#content-main .block p{
	margin-bottom:10px;
}
#content-main .block p.news{
	margin:0;
	font-weight:bold;
}
#content-main .topics {
	margin-bottom:20px;
}
#content-main .topics h3,
#content-main .topics h4{
	margin:0;
	font-size:84%;
	font-weight:bold;
}
#content-main .topics p{
	margin:1em 0;
}
#content-main p.notice {
	font-weight:bold;
	margin:10px 0 20px 0;
	color:#34724a;
}
#content-main a {
	color:#000;
}
#content-main .layout-right{
	float:right;
	margin:0 0 10px 12px;
}
#content-main .layout-left{
	float:left;
	margin:0 20px 10px 0;
}
#content-main .detail {
	clear:both;
	margin:-64px 0 20px 140px;
}
* html #content-main .detail {
	margin:-55px 0 20px 140px;
}
#content-main .figure {
	text-align:center;
}
#content-main .pagetop {
	margin:18px 0 30px 0;
}
#content-main ul.nav {
	overflow:hidden;
	width:600px;
	background:url(../images/common/mak_dotline.gif) top repeat-x;
	padding:29px 0 0 0;
}
#content-main ul.nav li{
	float:left;
	margin:0 0 5px 0;
}
#content-main ul.nav li.col2{
	margin:0 0 5px 7px;
}

/* -----------------------------------------
	harajuku
------------------------------------------ */
#content-main .g-map {
	float:left;
	width:220px;
	height:220px;
	border:1px solid #656563;
}
#content-main p.data {
	margin:0 0 0 238px;
	padding:15px;
	min-height:190px;
	background-color:#fffddb;
}
#harajuku h2 {
	clear:both;
	margin-top:42px;
}
#harajuku .entry {
	margin:0 0 24px 0;
	padding:0 0 10px 0;
	background:url(../images/common/mak_dotline.gif) bottom repeat-x;
}
#harajuku .entry p{
	margin:0 0 12px 20px;
}
#harajuku .entry p.campaign-data {
	margin:0 0 12px 0;
	padding:7px 20px 8px;
	background-color:#efeff0;
}
.campaign-data strong {
	color:#427b54;
}
#harajuku .detail {
	margin:0;
}
* html #harajuku .detail {margin:0;}

#harajuku ul.note {
	margin:20px 0;
	padding:20px 0 0 0;
	line-height:1.4;
	background:url(../images/common/mak_dotline.gif) top repeat-x;
}
#harajuku ul.note li{
	text-indent:-1em;
	margin:0 0 0 1em;	
}

/* -----------------------------------------
	harajuku2,hannou
------------------------------------------ */
#harajuku h3,
#hannou h3{
	font-size:84%;
	font-weight:bold;
	color:#34724a;
}
#harajuku ol.flow,
#hannou ol.flow{
	font-size:64%;
	overflow:hidden;
	margin:20px 0;
	padding:0 0 30px 0;
	background:url(../images/common/mak_dotline.gif) bottom repeat-x;
}
* html #harajuku ol.flow,
* html #hannou ol.flow{
	height:1%;
}
#harajuku ol#yahatena {
	padding:0 0 20px 0;
	margin:20px 0 30px;
}
#harajuku ol.flow li,
#hannou ol.flow li{
	float:left;
	padding-right:24px;
	background: url(../images/ayurveda/harajuku2/mak_flow.gif) 87px 53px no-repeat;
}
#harajuku ol.flow li img,
#hannou ol.flow li img{
	margin-bottom:5px;
}

#harajuku ol#yahatena li{
	padding-right:47px;
	background: url(../images/ayurveda/harajuku2/mak_flow.gif) 95px 53px no-repeat;
}
#harajuku ol.flow li.last-child,
#hannou ol.flow li.last-child,
#harajuku ol#yahatena li.last-child{
	padding-right:0;
	background: none;
}
#harajuku h4,
#hannou h4{
	font-size:84%;
	font-weight:bold;
	color:#34724a;
	margin:0 0 10px 14px;
}
#harajuku table,
#hannou table{
	width: 598px;
	margin: 0 0 30px 1px;
	border: #d5c9bb 1px solid;
	font-size: 84%;
	border-collapse: collapse;
}
#harajuku th,
#harajuku td,
#hannou th,
#hannou td {
	padding: 9px 13px;
	border: solid 1px #d5c9bb;
	line-height:1.4;
}
#harajuku td,
#hannou td{
	border-top:none;
}
#harajuku td.price,
#hannou td.price{
	text-align:center;
}
#harajuku td strong,
#hannou td strong{
	display:block;
	margin:0 0 5px 0;
	font-size:110%;
	font-weight:bold;
	color:#34724a;
}
#harajuku td.price strong,
#hannou td.price strong{
	margin:0;
}
#harajuku th,
#hannou th {
	width:77%;
	background-color:#efeff0;
	border-bottom:none;
	font-weight:bold;
	color:#34724a;
}
#harajuku .option th,
#hannou .option th {
	padding: 15px 13px;
	background-color:#FFF;
}
#harajuku .course,
#hannou .course {
	font-size:76%;
}
#harajuku table+ul.note,
#hannou ul.note{
	margin:-15px 0 30px 13px;
	padding:0;
	line-height:1.5;
	font-size:64%;
	background:none;
}
#harajuku ul.note li,
#hannou ul.note li{
	text-indent:-1em;
	margin:0 0 0 1em;	
}
#harajuku ul#salon {
	margin:0 0 30px 12px;
	overflow:hidden;
}
* html #harajuku ul#salon {
	height:1%;
}
#harajuku ul#salon li{
	float:left;
	width:143px;
	height:220px;
	margin:5px 70px 0 0;
}
#harajuku ul#salon li.col3{
	margin-right:0;
}
#harajuku ul#salon h3{
	color:#000;
	margin:0 0 6px 0;
	font-size:100%;
}
#harajuku ul#salon p{
	margin:5px 0 0 0;
	font-size:100%;
	line-height:1.2;
}
#harajuku .block,
#hannou .block{
	margin:0 0 30px 0;
	overflow:hidden;
}
#harajuku .block p,
#hannou .block p{
	margin:0 0 1em 140px;
}

#harajuku .layout-left,
#hannou .layout-left{
	margin:0 20px 30px 0;
}
#harajuku .detail {
	margin:0;
}
* html #harajuku .detail {
	margin:0;
}
#harajuku p.note {
	font-size:64%;
	margin:5px 0 10px 14px;
}

/* -----------------------------------------
	#hannou
------------------------------------------ */
#hannou h2 {
	clear:both;
	margin-top:42px;
}
#hannou ol.flow{
	margin:20px 0;
	padding:0 0 30px 78px;
	background:url(/images/common/mak_dotline.gif) bottom repeat-x;
}
#hannou ol.flow li{
	padding-right:46px;
	padding-bottom:10px;
	background: url(../images/ayurveda/harajuku2/mak_flow.gif) 97px 53px no-repeat;
	width:78px;
}
#hannou ol.flow li.fifth-child{
	clear:both;
	margin-left:64px;
}
* html #hannou ol.flow li.fifth-child{	margin-left:32px;}

#hannou ol.flow li p{
	margin:54px 0 0;
	font-size:100%;
	text-align:center;
	width:78px;
}
#hannou .detail {
	margin:0;
}

/* -----------------------------------------
	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 55px 2.5em;
}
#qa .pagetop{
	margin:16px 0 0;
	font-size: 76%;
}
#qa dd.pagetop {
	text-align:left;
	font-size:100%;
	margin:0 0 30px 2.5em;
}

/* -----------------------------------------
	harajuku_reserve
------------------------------------------ */
#content-main div.data {
	margin:0 0 0 238px;
	padding:15px;
	min-height:190px;
	background-color:#fffddb;
}
#content-main div.data p {
	margin:0 0 5px 0;
}
#content-main div.data p:first-child {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #040000;
}