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

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



/* --------------------------------------------------
	
	#header		ヘッダー
		
----------------------------------------------------- */

#fivepoints #header #cnt_header h2 {
	background:url(../fivepoints/images/title.jpg) center 0 no-repeat;
}


/*----------------------------------------------------
   #sbmenu		サブメニュー
---------------------------------------------------- */

#fivepoints #sbmenu ul {
	width:605px;
	background:url(../fivepoints/images/sbmenu.gif);
}


#fivepoints #sbmenu ul li#sbm_5points {
	width:139px;
}

#fivepoints #sbmenu ul li#sbm_sproom {
	width:145px;
}

#fivepoints #sbmenu ul li#sbm_pvroom {
	width:144px;
}

#fivepoints #sbmenu ul li#sbm_dining {
	width:106px;
}

#fivepoints #sbmenu ul li#sbm_hspring {
	width:71px;
}


/*----------------------------------------------------
   #cnt_fivepoints		
---------------------------------------------------- */

#fivepoints #cnt_fivepoints {
	margin:40px 0 0 0;
	padding:0 0 40px 0;
	width:660px;
	background:url(../images/bg_hline.gif) 0 bottom repeat-x;
}

#fivepoints #cnt_fivepoints h3 {
	margin:0 0 40px 0;
	width:660px;
	height:53px;
	line-height:53px;
	text-indent:-9999px;
	background:url(../fivepoints/images/tit_fivepoints.gif) 0 0 no-repeat;
}

#fivepoints #cnt_fivepoints p#txt_intro {
	margin:0 0 40px 0;
	width:490px;
}


#fivepoints #cnt_points {
	padding:200px 0 0 0;
	width:660px;
	background:url(../fivepoints/images/bg_points.jpg) 0 0 no-repeat;
}

#fivepoints #cnt_points h4 {
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}



/*  ポイント　雛形 */

#fivepoints #cnt_fivepoints .points {
	margin:30px 0 0 auto;
	padding:0 0 20px 0;
	width:610px;
	border-bottom:1px dotted #939191;
	overflow:hidden;
}

#fivepoints #cnt_fivepoints .points h5 {
	margin:0 20px 15px 0;
	width:105px;
	height:28px;
	line-height:28px;
	float:left;
	text-indent:-9999px;
}

#fivepoints #cnt_fivepoints .points h5#tit_pnt01 {
	width:300px;
	height:52px;
	line-height:52px;
	background:url(../fivepoints/images/tit_pnt01.gif) 0 0 no-repeat; 
}

#fivepoints #cnt_fivepoints .points h5#tit_pnt02 {
	background:url(../fivepoints/images/tit_pnt02.gif) 0 0 no-repeat; 
}

#fivepoints #cnt_fivepoints .points h5#tit_pnt03 {
	background:url(../fivepoints/images/tit_pnt03.gif) 0 0 no-repeat; 
}

#fivepoints #cnt_fivepoints .points p {
	margin:0 0 10px 0;
	width:200px;
}

#fivepoints #cnt_fivepoints .points img {
	border:3px solid #6F6659;
}

#fivepoints #cnt_fivepoints .points img.nbor {
	border:none;
}

#fivepoints #cnt_fivepoints .points .pnt01 {
	width:350px;
	float:left;
}

#fivepoints #cnt_fivepoints .points .pnt01 p {
	margin:0 0 10px 20px;
	width:320px;
}

#fivepoints #cnt_fivepoints .points .mrg {
	margin:45px 0 0 0;
}

#fivepoints #cnt_fivepoints .btn_packlist {
	margin:30px 0 0 0;
	text-align:right;
}





/*----------------------------------------------------
   .cnt_exppoint		
---------------------------------------------------- */

#fivepoints .cnt_exppoint {
	margin:40px 0 0 0;
	padding:0 0 40px 0;
	width:660px;
	overflow:hidden;
	position:relative;
	background:url(../images/bg_hline.gif) 0 bottom repeat-x;
}

#fivepoints .cnt_exppoint h3 {
	margin:0 0 15px 0;
	width:660px;
	height:298px;
	line-height:298px;
	text-indent:-9999px;
}

#fivepoints .cnt_exppoint h3#tit_point02 {
	background:url(../fivepoints/images/tit_point02.jpg) 0 0 no-repeat;
}

#fivepoints .cnt_exppoint h3#tit_point03 {
	background:url(../fivepoints/images/tit_point03.jpg) 0 0 no-repeat;
}

#fivepoints .cnt_exppoint h3#tit_point04 {
	height:326px;
	background:url(../fivepoints/images/tit_point04.jpg) 0 0 no-repeat;
}

#fivepoints .cnt_exppoint h3#tit_point05 {
	background:url(../fivepoints/images/tit_point05.jpg) 0 0 no-repeat;
}

#fivepoints .cnt_exppoint .cntleft {
	margin:0 0 0 25px;
	width:340px;
	float:left;
}

#fivepoints .cnt_exppoint .cntleft table {
	margin:15px 0 0 0;
	width:340px;
}

#fivepoints .cnt_exppoint .cntright {
	margin:0 25px 0 0;
	width:215px;
	float:right;
}

#fivepoints .cnt_exppoint .cntright p.txt {
	padding:0 0 50px 0
}

#fivepoints .cnt_exppoint .btn {
	bottom:40px;
	right:40px;
	position:absolute;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #fivepoints .cnt_exppoint .cntleft {
	margin:0 0 0 10px;
}

* html #fivepoints .cnt_exppoint .cntright {
	margin:0 10px 0 0;
}