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

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


/* 各ページタイトル画像
----------------------------------------------------------- */
#hotspring #header h1 {
	background:url(../hotspring/images/title.jpg) center 0 no-repeat;
}




/* .con_intro		INTRO
----------------------------------------------------------- */
#hotspring #main .con_intro {
	margin-bottom:40px;
	width:705px;
}

#hotspring #main .con_intro p.st_intro {
	margin-bottom:5px;
}

#hotspring #main .con_intro p.txt_intro {
	margin-bottom:20px;
	padding-left:30px;
	width:630px;
}

#hotspring #main .con_intro ul {
	padding-left:30px;
	width:550px;
}

#hotspring #main .con_intro ul li {
	list-style:none;
	display:inline;
}


/* .con_hp		温泉雛形
----------------------------------------------------------- */
#hotspring #main .con_hp {
	margin:50px 0 0 auto;
	padding-bottom:25px;
	width:675px;
	position:relative;
	overflow:hidden;
	background:url(../images/bgline.gif) right bottom no-repeat;
}

#hotspring #main .con_hp_attention {
	margin:25px 0 0 auto;
	padding-bottom:25px;
	width:675px;
	position:relative;
	overflow:hidden;
	background:url(../images/bgline.gif) right bottom no-repeat;
}

#hotspring #main .con_hp h3.st_hoshi {
	position:absolute;
	top:0;
	right:0;
}
#hotspring #main .con_hp h3.st_tsuki {
	position:absolute;
	top:0;
	right:left;
}
#hotspring #main .con_hp h3.st_todoroki {
	position:absolute;
	top:0;
	right:0;
}

#hotspring #main .con_hp p.txt_hp {
	margin-bottom:10px;
}

#hotspring #main .con_hp p.txt_hp2 {
	text-align:right;
	margin-bottom:10px;
}

#hotspring #main .con_hp .img_bg {
	padding:4px;
	border:1px solid #D8D6D6;
}

/* .con_hp_l　左側 */
#hotspring #main .con_hp .con_hp_l {
	margin:20px 0 0 5px;
	width:430px;
	float:left;
}

/* .con_hp_r　右側 */
#hotspring #main .con_hp .con_hp_r {
	margin-top:20px;
	width:200px;
	float:right;
}

/* .menuimg　　画像切り替えメニュー */
#hotspring #main .con_hp .con_hp_r .menuimg {
	margin:0 0 10px auto;
	width:200px;
	overflow:hidden;
}

#hotspring #main .con_hp .con_hp_r .menuimg li {
	margin-left:4px;
	display:block;
	float:left;
}

#hotspring #main .con_hp .con_hp_r .menuimg li a {
	cursor:pointer;
}

#hotspring #main .con_hp .con_hp_r .txt_det {
	width:180px;
	padding-left:10px;
	clear:both;
	font-size:10px;
}

#hotspring #main .con_hp .txt_att {
	margin-top:15px;
	padding:15px;
	border:1px solid #a6a5a5;
}

/* .con_private		貸切温泉
----------------------------------------------------------- */
#hotspring #main .con_private {
	margin:40px 0 0 auto;
	padding-bottom:20px;
	width:705px;
	overflow:hidden;
	background:url(../images/bgline.gif) right bottom no-repeat;
}

#hotspring #main .con_private .con_private_l {
	padding-top:20px;
	width:330px;
	float:left;
}

#hotspring #main .con_private .con_private_l p {
	margin:15px 0 15px 30px;
}

#hotspring #main .con_private .con_private_l table {
	margin-left:30px;
	width:300px;
}

/* .con_quality		泉質・効能
----------------------------------------------------------- */
#hotspring #main .con_quality {
	margin-top:40px;
	padding-bottom:20px;
	width:705px;
	background:url(../images/bgline.gif) right bottom no-repeat;
}

#hotspring #main .con_quality h3 {
	margin-bottom:20px;
}

#hotspring #main .con_quality table {
	margin-left:30px;
	width:670px;
}

#hotspring #main .con_quality table th {
	width:155px;
}

#hotspring #main .con_quality p {
	margin:10px 0 0 30px;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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