@charset "Shift_JIS";
/***************************************************************

* KAWANE ONSEN 
* spa.css

***************************************************************/

#page-nav a {
	width: 196px;
	height: 41px;
	line-height: 41px;
	display: block;
	text-indent: -5000px;
	background-image: url(../img/spa/page_nav.gif);
}
#page-nav a:hover,
#page-nav a.current {
	background-image: url(../img/spa/page_nav_hover.gif);
}

/* spa
***************************************************************/
.spa h3 {
	background: url(../img/spa/spa/t_h3_bg.gif) no-repeat;
}
.spa #column1  {
	width: 570px;
	
}
.spa #column1 .col1 {
	width: 249px;
	float: left;
}
.spa #column1 .col2 {
	width: 306px;
	float: right;
}

.spa #column2 .list {
	 width: 591px;
	 margin-right: -21px;
	 overflow: hidden;
	 _zoom: 1;
}
	
.spa #column2  li {
	width: 176px;
	float: left;
	margin: 0 21px 20px 0;
	color: #4c2312;
	font-weight: bold;
}
.spa #column2  li img {
	display: block;
	margin: 0 0 3px;
	padding: 2px;
	border: 1px  solid #dec2a5;
}
.spa #column3 li {
	margin: 0 0 10px;
}

/* analysis
***************************************************************/
.analysis h3 {
	background: url(../img/spa/spa/t_h3_bg.gif) no-repeat;
}
.analysis h5 {
	color: #4c2312;
	font-weight: bold;
	margin: 0 0 5px;
}
.analysis #column7 dt {
	color: #4c2312;
	font-weight: bold;
	margin: 0 0 5px;
}
.analysis #column7 dd {
	margin: 0 0 20px;
}
.analysis #column7 ol {
	border-top: 1px  solid #dec2a5;
	border-right: 1px  solid #dec2a5;
	border-left: 1px  solid #dec2a5;
	background-color: #faf5f0;
}
.analysis #column7 ol li {
	color: #4c2312;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px  solid #dec2a5;
	list-style-position: inside;
	list-style-type: decimal;

}
.analysis #column7 ol ol {
	border: none;
	margin: 10px 0 0;
}
.analysis #column7 ol ol li {
	list-style: none;
	padding:0;
	margin: 0 0 10px;
	color: #333;
	font-weight: normal;
	border: none;
    margin-left: 1.5em;  
    text-indent: -1.5em;
}
/* relaxation
***************************************************************/
.relaxation h3 {
	background: url(../img/spa/relaxation/t_h3_bg.gif) no-repeat;
}

.relaxation #column1 .col1 {
	width: 249px;
	float: left;
	margin: 0 0 20px;
}
.relaxation #column1 .col2 {
	width: 306px;
	float: right;
	margin: 0 0 20px;
	*margin-right: -20px;
}
.relaxation #column1 .col3 {
	clear: both;
	background-color: #faf5f0;
	padding: 10px 10px 0;
	border: 1px solid #dec2a5;
}
.relaxation #column1 .col3 em {
	color: #4c2312;
	font-weight: bold;
}
.relaxation #column1 .col3 p {
	margin: 0 0 10px;
}
.relaxation #column5 li {
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 0 20px;
}
* html .relaxation #column5 li {
	*margin: 0 0 0 -25px;

}