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

 file name  :hot_spring.css
 author     :Prime Concept
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */
/*----------------------------------------------------
	#pickup_htsp
----------------------------------------------------*/

.area h3{
 margin-left: 20px;
 margin-bottom: 30px;
}

#hot_springs #pickup_htsp{
	width: 950px;
	height: 308px;
	background-image: url(../hot_springs/images/bg_htsp.png);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: right;
	margin: 32px auto 45px;
}

#hot_springs #pickup_htsp #ttl_yuhudake{
	width: 311px;
	padding-top: 20px;
	padding-left: 8px;
}

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

}

/*----------------------------------------------------
	#btn_htsp
----------------------------------------------------*/

#hot_springs #btn_htsp{
	width: 950px;
	margin-top: 50px;
	height: 216px;
}


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

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

/*----------------------------------------------------
	#big
----------------------------------------------------*/

#hot_springs #big{
	width: 831px;
	margin: 50px auto;
}

#hot_springs #bg_area01{
	background-image: url(../hot_springs/images/bg_big.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 831px;
	height: 245px;
	margin-top: 15px;
}

#hot_springs #bg_area01 p{
	width: 364px;
	padding-top: 150px;
}


#hot_springs #out{
	width: 831px;
	margin: 0 auto;
	padding-bottom: 60px;
}

#hot_springs #bg_area02{
	background-image: url(../hot_springs/images/bg_out.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 831px;
	height: 245px;
	margin-top: 15px;
}

#hot_springs #bg_area02 p{
	width: 364px;
	padding-top: 150px;
	padding-left: 468px;
}

/*----------------------------------------------------
	.rsv_area
----------------------------------------------------*/

#hot_springs .rsv_area{
	width:  831px;
	margin: 20px auto 0;

}

#hot_springs .rsv_area .img_rsv{
	width: 824px;
	background-image: url(../hot_springs/images/pic_momiji.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 395px;
	margin-top: 15px;
}

#hot_springs .rsv_area .img_rsv p{
 margin-top: 5px;
}

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

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

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


#hot_springs .rsv_area .dtl .rsv_leftbox p{
 padding-top: 3px;

}


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


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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