@charset "utf-8";
/* ===================================================================
CSS information

 file name  :rooms.css
 author     :Prime Concept
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */
#rooms #pickup_rooms{
	width: 950px;
	height: 308px;
	background-image: url(../rooms/images/bg_rooms.png);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: right;
	margin: 32px auto 45px;
}

#rooms #pickup_rooms #ttl_ozn{
	width: 294px;
	padding-top: 30px;
	padding-left: 20px;
}

#rooms #pickup_htsp #ttl_yuhudake p{
	margin-top: 15px;
}


/*----------------------------------------------------
	#btn_rooms
----------------------------------------------------*/

#rooms #btn_rooms{
	width: 950px;
	margin-top: 50px;
	height: 216px;
}


#rooms #btn_area{
	width: 720px;
	height: 132px;
	margin: 35px auto 26px;
	overflow: hidden;
}
#rooms #btn_htsp:after {
    content: "."; 
    display: block; 
    height: 0;
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

#rooms #btn_area li{
	float: left;
	margin-right: 8px;
}
#rooms #btn_area .pic_rightside{
	margin-right: 0;
}

/*----------------------------------------------------
	#box_cotage
----------------------------------------------------*/

#rooms #cotage{
	background-image: url(../rooms/images/bg_cotage.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 796px;
	height: 390px;
	margin: 15px auto;
}

#rooms #cotage h4{
	padding-top: 247px;
}

#rooms #cotage #bg_area{
	width: 323px;
	margin-top: 15px;

}

#rooms .dtl{
 	width: 831px;
 	margin: 5px auto 0;
 	padding-bottom: 10px;
}

#rooms #jpnrooms{
	padding-bottom: 60px;
}

#rooms .dtl:after {
    content: "."; 
    display: block; 
    height: 0;
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

#rooms .dtl .rooms_leftbox{
	padding-top: 10px;
	width: 520px;
	float: left;	
}

#rooms .dtl .rooms_leftbox p{
	margin-top: 3px;
}

/*----------------------------------------------------
	table
----------------------------------------------------*/

#rooms .dtl .rooms_leftbox table{
	background-image: url(../rooms/images/bg_line.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#rooms .dtl .rooms_leftbox tr{
	background-image: url(../rooms/images/bg_line.gif);
	background-repeat: no-repeat;
}

#rooms .dtl .rooms_leftbox td{
	padding: 13px 0;
	text-align: center;
	width: 390px;
}

#rooms .dtl .rooms_leftbox th{
	background-color: #eee2c7;
	background-image: url(../rooms/images/bg_line.gif);
	background-repeat: no-repeat;
	width: 154px;
	text-align: center;
}


#rooms .dtl .rooms_leftbox .bg_line{
	background-image: url(../hot_springs/images/bg_line.gif);
	background-repeat: no-repeat;
	height: 3px;
}

#rooms .dtl .rooms_leftbox .bg_line td{
	padding: 0;

}




/*----------------------------------------------------
	.rooms_rightbox
----------------------------------------------------*/

#rooms .dtl .rooms_rightbox{
	width: 269px;
	float: right;	
}

#rooms .dtl .rooms_rightbox img {
 margin-top: 10px;

}



/*----------------------------------------------------
	.rooms_area
----------------------------------------------------*/

#rooms .rooms_area{
	width:  824px;
	margin: 20px auto 0;

}

#rooms .rooms_area .img_rooms{
	margin-top: 15px;
}
#rooms .rooms_area .img_rooms p{
 margin-top: 5px;
}

#rooms .rsv_area .dtl{
 	width: 831px;
 	margin: 5px auto 0;
 	padding-bottom: 30px;
}

#rooms .rsv_area .dtl:after {
    content: "."; 
    display: block; 
    height: 0;
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

#rooms .rsv_area .dtl .rsv_leftbox{
	padding-top: 45px;
	width: 321px;
	float: left;	
}

#rooms .rsv_area .dtl .rsv_leftbox table{
	background-image: url(../hot_springs/images/bg_line.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#rooms .rsv_area .dtl .rsv_leftbox tr{
	background-image: url(../hot_springs/images/bg_line.gif);
	background-repeat: no-repeat;
}

#rooms .rsv_area .dtl .rsv_leftbox td{
	height: 42px;
	text-align: center;
	width: 154px;
}

#rooms .rsv_area .dtl .rsv_leftbox th{
	background-color: #eee2c7;
	background-image: url(../hot_springs/images/bg_line.gif);
	background-repeat: no-repeat;
	width: 154px;
	text-align: center;
}


#rooms .rsv_area .dtl .rsv_rightbox{
	width: 398px;
	height: 181px;
	float: right;	
}


/*----------------------------------------------------
	.#fcc
----------------------------------------------------*/

#rooms #salon{
	width: 793px;
	margin: 0 auto 72px ;
}

#rooms #salon img{
 	margin-top: 15px;
}

#rooms #dg_cafe{
	width: 793px;
	margin: 5px auto 0;
	padding-bottom: 30px;
}

#rooms #dg_cafe #pic_dgcf{
	margin-top: 15px;
	margin-bottom: 25px;
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
/*
*:first-child+html {}


*/
/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
*html #rooms #add dl {
	zoom:1;
}