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

 file name  :hotspa.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------

	#main
		
----------------------------------------------------------- */
#main h3 {
	padding:0 0 20px 0;
}
#main h3.intro {
	padding:0;
}


/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
#main .con_intro {
	padding:0 0 28px 0;
	width:790px;
	overflow:hidden;
}
#main .con_intro .detail {
	float:left;
	width:515px;
}
#main .con_intro .detail h4 {
	padding:28px 0 21px 0;
}
#main .con_intro p.photo {
	float:left;
	width:275px;
}

/* -----------------------------------------------------------
	.con_hotspa
----------------------------------------------------------- */
#main .con_hotspa {
	padding:0 0 28px 0;
	width:790px;
}
#main .con_hotspa p.photo {
	padding:0 0 8px 0;
}
/* box_hotspa */
#main .con_hotspa .box_hotspa {
	width:790px;
	padding:0 0 50px 0;
	overflow:hidden;
}
#main .con_hotspa  .box_hotspa .detail {
	float:left;
	width:484px;
	padding:0 15px 0 0;
}
#main .con_hotspa  .box_hotspa .detail h4 {
	padding:21px 0 18px 0;
}
#main .con_hotspa  .box_hotspa .detail p {
	padding:0 0 25px 0;
}
#main .con_hotspa  .box_hotspa .detail table {
	width:499px;
}
#main .con_hotspa  .box_hotspa .right {
	float:left;
	width:291px;
}

/* box_recommended */
#main .con_hotspa .box_recommended {
	width:790px;
}
#main .con_hotspa .box_recommended .detail {
	padding:25px 0 0 27px;
	width:763px;
	overflow:hidden;
}
#main .con_hotspa .box_recommended .detail dl {
	float:left;
	width:212px;
	padding:0 0 0 24px;
}
#main .con_hotspa .box_recommended .detail dl dt {
	height:150px;
}
#main .con_hotspa .box_recommended .detail dl dd {
	padding:0 0 10px 0;
}


/* -----------------------------------------------------------
	.con_middle
----------------------------------------------------------- */
#main .con_middle {
	padding:0 0 28px 0;
	width:790px;
}
/* box_hotspa */
#main .con_middle  .box_middle {
	width:790px;
	padding:30px 0 50px 0;
	overflow:hidden;
}
#main .con_middle  .box_middle .detail {
	float:left;
	width:490px;
	padding:0 40px 0 0;
}
#main .con_middle  .box_middle .detail h4 {
	padding:21px 0 18px 0;
}
#main .con_middle  .box_middle .detail p {
	padding:0 0 25px 0;
}
#main .con_middle  .box_middle .detail table {
	width:490px;
}
#main .con_middle  .box_middle .right {
	float:left;
	width:260px;
}

/* box_naming */
#main .con_middle  .box_naming {
	width:790px;
}
#main .con_middle  .box_naming .box_detail {
	width:790px;
	background: url(../hotspa/images/bg_logoarea.jpg) no-repeat right bottom #f0ecdb;
	overflow:hidden;
}
#main .con_middle  .box_naming .box_detail .left {
	float:left;
	width:180px;
	padding:8px 40px 0 30px;
}
#main .con_middle .box_naming .box_detail .right {
	float:left;
	width:510px;
	padding:10px 0 0 0;
}
#main .con_middle .box_naming .box_detail .right h5 {
	padding:0 0 10px 0;
}
#main .con_middle .box_naming .box_detail .right p {
	padding:0 0 25px 0;
}


/* -----------------------------------------------------------
	.con_outline
----------------------------------------------------------- */
#main .con_outline table {
	width:790px;
}
#main .con_outline table th {
	width:120px;
}




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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}