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

* KAWANE ONSEN 
* stay.css

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

/* common
***************************************************************/
#page-nav a {
	width: 196px;
	height: 41px;
	line-height: 41px;
	display: block;
	text-indent: -5000px;
	background-image: url(../img/stay/page_nav.gif);
}
#page-nav a:hover,
#page-nav a.current {
	background-image: url(../img/stay/page_nav_hover.gif);
}
#main .column {
	margin: 0 0 30px;
}
#main .column table {
	margin: 0 0 20px;
}

/* about
***************************************************************/
.about h3 {
	background: url(../img/stay/about/t_h3_bg.gif) no-repeat;
}
.about #column1  {
	width: 570px;
	
}

.about #column1 .col1 {
	width: 249px;
	float: left;
}
.about #column1 .col2 {
	width: 306px;
	float: right;
}
.about #column1 em {
	color: #4c2312;
	font-weight: bold;
}
.about .list {
	 width: 591px;
	 margin-right: -21px;
	 overflow: hidden;
	 _zoom: 1;
}
.about .list  li {
	width: 176px;
	float: left;
	margin: 0 21px 20px 0;
	text-align: center;
}
.about .list  li img {
	display: block;
	margin: 0 0 3px;
	padding: 2px;
	border: 1px  solid #dec2a5;
}
.about .list em {
	display: block;
	font-weight: bold;
	color: #4c2312;
}
/* price
***************************************************************/
.price h3 {
	background: url(../img/stay/price/t_h3_bg.gif) no-repeat;
}

.price .calendar table {
	margin: 0 30px 30px 0 !important;
	*margin: 0 20px 30px 0 !important;
	float: left;
}
.price .calendar table.end {
	margin-right: 0 !important;
}
/*.price .calendar {
	 width: 600px;
	 margin-right: -30px;
	 overflow: hidden;
	 _zoom: 1;
}
.price .calendar table {
	width: 169px;
	float: left;
	margin: 0 29px 30px 1px !important;
	display: block;
}*/
/* foods
***************************************************************/
.foods h3 {
	background: url(../img/stay/foods/t_h3_bg.gif) no-repeat;
}
.foods .list {
	 width: 591px;
	 margin-right: -21px;
	 overflow: hidden;
	 _zoom: 1;
}
.foods .list  li {
	width: 176px;
	float: left;
	margin: 0 21px 20px 0;
}
.foods .list  li img {
	display: block;
	margin: 0 0 5px;
	padding: 2px;
	border: 1px  solid #dec2a5;
}
.foods .list em {
	display: block;
	font-weight: bold;
	color: #4c2312;
	margin: 0 0 5px;
}
.foods #column6 ul {
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 0 20px;
}
* html .foods #column6 ul {
	margin: 0 0 0 -25px;
}
/* experience
***************************************************************/
.experience h3 {
	background: url(../img/stay/experience/t_h3_bg.gif) no-repeat;
}
.experience .column {
	width: 570px;
}
.experience #column1 .col1 {
	width: 249px;
	float: left;
}
.experience #column1 .col2 {
	width: 306px;
	float: right;
}
.experience #column2 {
	margin: 0 0 10px;
}
.experience #column2 .col1 {
	width: 249px;
	float: right;
}
.experience #column2 .col2 {
	width: 306px;
	float: left;
}
.experience #column2  .col-wrap {
	margin: 0 0 20px;
	background: url(../img/common/dot_01.gif) repeat-x left bottom;
}
.experience #column2 h5 {
	display: block;
	font-weight: bold;
	color: #4c2312;
	margin: 0 0 10px;
}
.experience #column3 .col1 {
	width: 249px;
	float: left;
}
.experience #column3 .col2 {
	width: 306px;
	float: right;
}
.experience #column3 dl {
	padding: 10px 10px 0;
	background-color: #faf5f0;
	border: 1px solid #dec2a5;
	margin: 0 0 20px;
}
.experience #column3 dt {
	display: block;
	font-weight: bold;
	color: #4c2312;
	margin: 0 0 0px;
}
.experience #column3 dd {
	margin: 0 0 10px;
}
.experience #column3 .col2 span {
	display: block;
	font-weight: bold;
	color: #4c2312;
	margin: 5px 0;
}
.experience #column3  .col-wrap {
	margin: 0 0 20px;
	width: 570px;
}

.experience #column3 ul {
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 0 20px;

}
* html .experience #column3 ul {
	margin: 0 0 0 -25px;
}
/* reserve
***************************************************************/
.reserve h3 {
	background: url(../img/stay/reserve/t_h3_bg.gif) no-repeat;
}

.reserve .col {
	padding: 0 0 20px;
	padding: 20px;
	background:#faf5f0;
	border: 1px solid #dec2a5;
}
#main .reserve .col h4 {
	background: none;
	padding: 0;
	margin: 0 0 10px;
}
.reserve .col1,	
.reserve .col2,	
.reserve .col3,	
.reserve .col4,	
.reserve .col5 {
	padding: 0 0 20px;
	margin: 0 0 20px;
	background:url(../img/stay/reserve/arrow.gif) no-repeat center bottom;

}
.reserve .col table {
	background-color: #FFF;
}
/* attention
***************************************************************/
.attention h3 {
	background: url(../img/stay/attention/t_h3_bg.gif) no-repeat;
}

.attention dt {
	display: block;
	font-weight: bold;
	color: #4c2312;
	margin: 0 0 10px;
	padding: 10px;
	background-color: #faf5f0;
	border: 1px solid #dec2a5;

}
.attention dd {
	margin: 0 0 30px;
	padding: 0 10px;
}
/* stipulation
***************************************************************/
.stipulation h3 {
	background: url(../img/stay/stipulation/t_h3_bg.gif) no-repeat;
}
.stipulation dt {
	padding: 0 0 5px;
	margin: 0 0 5px;
	color: #4c2312;
	font-weight: bold;
	background: url(../../img/common/dot_01.gif) repeat-x left bottom;
}
.stipulation dd {
	padding: 0 0 20px;
	margin: 0 0 20px;
}
.stipulation dd ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 0 20px;
}
* html .stipulation dd ol {
	margin: 0 0 0 25px;
}
.stipulation dd ol ol {
	list-style-position: outside;
	list-style-type: lower-roman;
	margin: 10px 0 10px 20px;
}
.stipulation dd ol li {
	margin: 0 0 5px;
}
.stipulation table {
	margin: 0 !important;
}
.stipulation th {
	width: 130px;
}
.stipulation p {
	margin: 0 !important;
}