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

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


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/* タイトル画像指定
----------------------------------------------------------- */
#bestrate #con_title{
	background:url(../bestrate/images/img_title.jpg) right 0 no-repeat; 
}

/* ページ名
----------------------------------------------------------- */

#bestrate .topicpath h3{
	padding:20px 0 0 0;
}
#bestrate .topicpath {
	margin-bottom: 10px;
}

/* #cnt_top
----------------------------------------------------------- */
#bestrate #cnt_top {
	width: 680px;
	overflow: hidden;
	padding: 0 0 55px 0;
	clear: both;
}

#bestrate #cnt_top h3 {
	background:url(../bestrate/images/tit_bestrate.gif) top left no-repeat;
}

/* #con_bestrate_info
----------------------------------------------------------- */

#bestrate #cnt_top #con_bestrate_info {
	width: 610px;
	overflow: hidden;
	padding: 15px 25px;
	clear: both;
	background: #f9f8f8;
	border: #dfddd7 solid 1px;
}

#bestrate #cnt_top #con_bestrate_info h4 {
	margin: 0 0 12px 0;
	width: 628px;
	height: 75px;
	line-height: 75px;
	background: url(../bestrate/images/tit_bestrate_top.gif) top left no-repeat;
	text-indent: -9999px;
}

#bestrate #cnt_top #con_bestrate_info p {
	margin: 0 0 30px 15px;
}

#bestrate #cnt_top #con_bestrate_info h5 {
	margin: 0 0 5px 15px;
	text-indent: -9999px;
	clear: both;
}

#bestrate #cnt_top #con_bestrate_info #st_bestrate {
	background: url(../bestrate/images/st_bestrate.gif) top left no-repeat;
	width: 628px;
	height: 20px;
	line-height: 20px;
}

#bestrate #cnt_top #con_bestrate_info .box_l {
	padding: 0 0 30px 0;
	float: left;
}

#bestrate #cnt_top #con_bestrate_info .box_l select {
	margin: 0 0 0 15px;
}

#bestrate #cnt_top #con_bestrate_info .img_r {
	margin: 0 15px 0 0;
}


#bestrate #cnt_top #con_bestrate_info #st_kaiin {
	background: url(../bestrate/images/st_kaiin.gif) top left no-repeat;
	width: 388px;
	height: 40px;
	line-height: 40px;
}

#bestrate #cnt_top #con_bestrate_info #st_mail {
	background: url(../bestrate/images/st_mail.gif) top left no-repeat;
	width: 628px;
	height: 20px;
	line-height: 20px;
}

#bestrate #cnt_top #con_bestrate_info p.text img {
	display: block;
	margin: 6px 0 0 0;
}



/* #cnt_water_top
----------------------------------------------------------- */
#bestrate #cnt_water_top {
	width: 660px;
	clear: both;
	overflow: hidden;
	margin:10px 0 30px 0;
}

#bestrate #cnt_water_top  h4 {
	margin: 0 0 15px 0;
	background:url(../bestrate/images/st_water.gif) top left no-repeat;
	width: 315px;
	text-indent: -9999px;
}

#bestrate #cnt_water_top .box_l {
	padding: 10px 0 0 15px;
	width: 345px;
	float: left;
}

#bestrate #cnt_water_top .box_l p span.caution {
	font-weight:bold;
}


#bestrate #cnt_water_top .img_r {
	margin: 0;
}

/* #cnt_pointcard_top
----------------------------------------------------------- */
#bestrate #cnt_pointcard {
	width: 660px;
	overflow: hidden;
	padding: 0 0 40px 0;
	clear: both;
}

#bestrate #cnt_pointcard_top {
	width: 660px;
	clear: both;
	overflow: hidden;
}

#bestrate #cnt_pointcard_top h4 {
	margin: 0 0 15px 0;
	background:url(../bestrate/images/tit_10haku.gif) top left no-repeat;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
}

#bestrate #cnt_pointcard_top .box_l {
	padding: 35px 0 0 15px;
	width: 345px;
	float: left;
}

#bestrate #cnt_pointcard_top .img_r {
	margin: 0;
}

#bestrate div.merit {
	padding: 0 0 10px 10px;
}
#bestrate div.merit h4 {
	padding: 0 0 10px 0;
}
#bestrate div.merit p {
	padding: 0 0 0 20px;
	line-height: 1.8;
}
#bestrate div.merit ol {
	padding: 0 0 0 20px;
}
#bestrate div.merit li {
	list-style: decimal;
	list-style-position: inside;
}
#bestrate div.merit h5 {
	padding: 20px 0 0 15px;
	font-size: 110%;
}
#bestrate div.merit table {
	width: 610px;
	margin-left: 15px;
	margin-bottom: 5px;
}
#bestrate div.merit table th {
	width: 190px;
	padding: 5px 0;
	text-align: center;
	background: #ECE0B0;
	border: 1px solid #BFAE6C;
}
#bestrate div.merit table td {
	padding: 5px 0 5px 10px;
	border: 1px solid #C8BA7F;
}

#bestrate div.merit table .brand {
	width:60px;
	text-align:center;
	padding: 0;
}

#bestrate div.merit table .pad10 {
	padding: 10px 0; 
}

#bestrate div.merit table .breakfast {
	width:70px;
	text-align:center;
	padding: 0;
}


#bestrate div.merit p.sup {
	padding: 0 0 30px 15px;
	font-size: 90%;
	line-height: 1.4;
}

#bestrate div.merit span.bg {
	background: #D3D3D3;
	padding: 2px;
}
#bestrate div.merit p.pad {
	padding-bottom: 35px;
}
#bestrate div.merit p.txt {
	padding-left: 10px;
}


#bestrate #cnt_pointcard #cnt_merit {
	width: 654px;
	overflow: hidden;
	padding: 0 0 30px 15px;
	clear: both;
}

#bestrate #cnt_pointcard #cnt_merit h4.merit {
	width: 320px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 20px 0;
	background: url(../bestrate/images/st_merit.gif) top left no-repeat;
	text-indent: -9999px;
}

#bestrate #cnt_pointcard #cnt_merit h4.sleep {
	width: 434px;
	height: 20px;
	line-height: 20px;
	margin: 30px 0 10px 0;
	background: url(../bestrate/images/st_sleepincard.gif) top left no-repeat;
	text-indent: -9999px;
}
#bestrate #cnt_pointcard #cnt_merit fieldset {
	border: 1px solid #ccc;
	padding: 10px 10px 10px 10px;
	width: 620px;
}
#bestrate #cnt_pointcard #cnt_merit fieldset legend {
	display: block;
	padding: 5px 10px;
}

#bestrate #cnt_pointcard #cnt_merit p {
	margin: 0 0 10px 0;
}

#bestrate #cnt_pointcard #cnt_merit ol {
	margin: 0;
	padding: 0;
}

#bestrate #cnt_pointcard #cnt_merit ol li {
	padding: 0 0 5px 0;
	list-style: decimal;
	list-style-position: inside;
}
#bestrate #cnt_pointcard #cnt_merit ul.sleepinn li {
	margin-bottom: 7px;
}


/* #con_bestrate_b
----------------------------------------------------------- */

#bestrate #cnt_reserve_b {
	width: 590px;
	overflow: hidden;
	padding: 10px 25px 15px 40px;
	clear: both;
	background: #f9f8f8;
	border: #dfddd7 solid 1px;
}

#bestrate .img_l {
	margin: 12px 0 0 0;
}


#bestrate #cnt_reserve_b .box_r {
	width: 330px;
	float: right;
}

#bestrate #cnt_reserve_b img {
	float:left;
}

#bestrate #cnt_reserve_b .text {
	margin: 12px 0 0 0;
	padding: 0; 
	width: 210px;
	float:right;
}

/*	テーブル
---------------------------------------------------------*/




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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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