#contents{
	width: 840px;
	height: 560px;
	background:url('../images/bg_relaxation.jpg') ;
}

h2{
	text-indent: -9999px;
	height: 90px;
}

h3{
	width: 400px;
	border-left: 20px solid #999;
	border-bottom: 1px solid #999;
	margin: 0 0 0 60px;
	padding: 0 0 0 5px;
	font: bold 123.1% serif;
}

h4{
	margin: 0 0 5px 80px;
	border-left: 14px solid #996;
	padding: 0 0 0 2px;
}

p{
	width: 370px;
	margin: 0 0 1em 90px;
	line-height: 1.5;
	font: 92%% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

* html h4{
	font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

* html p{
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

.wide_p{
	width: 560px;
}

.h3_caps{
	line-height: 1.2;
	color: #666;
}

/********************
sliing box setting
********************/
#wrapper{
	width: 790px;
	height: 410px;
	overflow: hidden;
}

#large_box{
	width: 5000px;
	height: 410px;
}

.section{
	width: 790px;
	height: 410px;
	float: left;
	margin: 0 50px 0 0;
}

#section01{
	background: url('../images/bg_relaxation01.gif') no-repeat 0 0;
}

#section02{
	background: url('../images/bg_relaxation02.gif') no-repeat 0 0;
}

#section03{
	background: url('../images/bg_relaxation03.gif') no-repeat 0 0;
}


.page_navi{
	margin: 0 0 0 50px;
}

.page_navi li{
	float: left;
	text-align: center;
}

#navi2_01{width: 240px;}
#navi2_02{width: 180px;}


.page_navi a:link, .page_navi a:visited{
	display: block;
	border: 1px solid #cc9;
	padding: 5px 10px;
	margin: 0 10px 0 0;
	font-size: 70%;
	text-decoration: none;
	color: #996;
}

.page_navi a:hover{
	background: #cc9;
	color: #fff;
}

.page_navi a:active{
	background: #ddb;
}