@charset "utf-8";
/* CSS Document */

/* index_block */
/* ------------------------------------------------------------------------- */
body{
	background:#e9e9e9 url(../img/all/main_bg.gif) repeat-x center 50px  !important;
	}
	
div#index_wrapper{
	width:970px;
	margin:100px auto 0;
	text-align:left;
	}
	
div#index_r{
	width:480px;
	float:left;
	}
	
div#index_r h1{
	width:438px;
	height:171px;
	overflow:hidden;
	margin:30px 0 0;
	}
	
div#index_r h2{
	font-weight:bold;
	font-size:1em;
	line-height:1.6em;
	margin:20px 0 0;
	}
	
div#index_r h3{
	font-size:0.8em;
	line-height:1.8em;
	margin:10px 0 0;
	}
	
	
a#index_top{
	width:488px;
	height:488px;
	overflow:hidden;
	display:block;
	float:right;
	margin:30px 0 0;
	}
	
h4{
	font-size:10px !important;
	}
.toolTip { 
	cursor:help;
	position:relative;
}
.toolTipWrapper{
	width:175px;
	display:none; 
    text-indent:0px !important;
	position:absolute !important;
	top:-18em; left:-1em !important;
	color:#46220c !important;
	font-size:10px !important;
	line-height:18px;
	}
.toolTipTop { width:175px; height:13px; margin:0; background:transparent url("../img/index/bubbleTop.png") no-repeat; }
.toolTipMid { margin:0; padding:0 15px 0 15px; background:transparent url("../img/index/bubbleMid.png") repeat-y;}
.toolTipBtm { width:175px; height:30px; margin:0; padding:0; background:transparent url("../img/index/bubbleBtm.png") no-repeat; }

div#relaxation{
	width:233px;
	height:211px;
	background:url(../img/all/riraku_bg.gif) no-repeat 0 0;
	float:left;
	margin:20px 0 0;
	}
	
div#este{
	width:233px;
	height:211px;
	background:url(../img/all/este_bg.gif) no-repeat 0 0;
	float:right;
	margin:20px 0 0;
	}
	
div#relaxation h4,div#este h4{
	margin:8px 0 7px 20px;
	}
	
div#relaxation ul,div#este ul{
	overflow:hidden;
	margin:0 0 0 20px;
	}
	
div#relaxation ul li, div#este ul li{
	float:left;
	}
	
div#relaxation p, div#este p{
	padding:15px 10px 0 20px;
	clear:both;
	}