@charset "utf-8";

/**-------------------------------------------------------------------
ページタイトル
-------------------------------------------------------------------*/

#header {
	background: url(../img/head_bg.jpg) top center no-repeat;
}



/**-------------------------------------------------------------------
ランキング
-------------------------------------------------------------------*/
#rankingbox {
	width:950px;
	padding-left:20px;
}
/**-------------------------------------------------------------------
１位
-------------------------------------------------------------------*/
#rank1 h2{
	background:url(../img/ranking1_title.gif) left top no-repeat;
	width:461px;
	height:65px;
}
#rank1 .titlebox{
	background:url(../img/ranking1_subtit.gif) right top no-repeat;
	width:100%;
	height:72px;
	text-indent:-9999px;
	margin-bottom:3px;
}
#rank1 ul{}
#rank1 .photobox{
	width:454px;
	float:left;
	margin-right:25px;
}
#rank1 .databox{
	width:471px;
	float:left;
	position:relative;
	
	min-height:350px;
  height:auto !important;
  height:350px;
}
#rank1 .dataarea {
	margin-top:12px;
	font-size:10px;
	color:#330000;
	line-height:1.5;
	vertical-align:middle;
}
#rank1 .data_txt{
	margin-top:14px;
}
#rank1 .sub_photo{
	float:left;
	margin-right:12px;
}
#rank1 .detailbtn{
	position:absolute;
	bottom:0;
}

.dataarea img{
	vertical-align:middle;
	margin:-2px 1px 1px;
}


/**-------------------------------------------------------------------
Silver
-------------------------------------------------------------------*/
ul#silver_rank {
	overflow: hidden;
	zoom: 1;
	margin-top:35px;
}
ul#silver_rank li {
	float: left;
	width: 458px;
	margin: 0 32px 0 0;
	/*margin: 0 32px -32768px 0;
	padding: 0 0 32768px;*/
	list-style: none;	
	position:relative;
}
ul#silver_rank li.endbox {
	margin-right:0 !important;
}
#silver_rank .dataarea{
	margin-top:12px;
	font-size:10px;
	color:#330000;
	line-height:1.5;
	vertical-align:middle;
	
	min-height:3em;
  height:auto !important;
  height:3em;
}
#silver_rank .data_txt{
	height:57px;
	margin-top:14px;
}
#silver_rank .sub_photo{
	float:left;
	margin-right:12px;
}
#silver_rank .detailbtn{
}
/**-------------------------------------------------------------------
２位
-------------------------------------------------------------------*/
#rank2 h2{
	background:url(../img/ranking2_title.gif) left top no-repeat;
	width:451px;
	height:65px;
	text-indent:-9999px;
}
#rank2 h3{
	background:url(../img/ranking2_subtit.gif) center top no-repeat;
	width:451px;
	height:72px;
	text-indent:-9999px;
	margin-bottom:15px;
}

/**-------------------------------------------------------------------
3位
-------------------------------------------------------------------*/
#rank3 h2{
	background:url(../img/ranking3_title.gif) left top no-repeat;
	width:451px;
	height:65px;
	text-indent:-9999px;
}
#rank3 h3{
	background:url(../img/ranking3_subtit.gif) center top no-repeat;
	width:451px;
	height:72px;
	text-indent:-9999px;
	margin-bottom:15px;
}
/**-------------------------------------------------------------------
Bronz
-------------------------------------------------------------------*/
ul#bronz_rank {
	overflow: hidden;
	zoom: 1;
	margin-top:32px;
}
ul#bronz_rank li {
	float: left;
	width: 293px;
	margin: 0 32px 0 0;
	list-style: none;
}
ul#bronz_rank li.endbox {
	margin-right:0 !important;
}
ul#bronz_rank .databox {
	margin-top:4px;
	margin-bottom:3px;
}
ul#bronz_rank .dataarea{
	margin-top:12px;
	font-size:10px;
	color:#330000;
	line-height:1.5;
	vertical-align:middle;
	
	min-height:6em;
  height:auto !important;
  height:6em;
}
#bronz_rank .detailbtn{
	margin-left:10px;
}
/**-------------------------------------------------------------------
4位
-------------------------------------------------------------------*/
#rank4 h2{
	background:url(../img/ranking4_title.gif) left top no-repeat;
	width:100%;
	height:65px;
	text-indent:-9999px;
}
#rank4 h3{
	background:url(../img/ranking4_subtit.gif) center top no-repeat;
	width:100%;
	height:81px;
	text-indent:-9999px;
	margin-bottom:15px;
}
/**-------------------------------------------------------------------
5位
-------------------------------------------------------------------*/
#rank5 h2{
	background:url(../img/ranking5_title.gif) left top no-repeat;
	width:100%;
	height:65px;
	text-indent:-9999px;
}
#rank5 h3{
	background:url(../img/ranking5_subtit.gif) center top no-repeat;
	width:100%;
	height:81px;
	text-indent:-9999px;
	margin-bottom:15px;
}
/**-------------------------------------------------------------------
6位
-------------------------------------------------------------------*/
#rank6 h2{
	background:url(../img/ranking6_title.gif) left top no-repeat;
	width:100%;
	height:65px;
	text-indent:-9999px;
}
#rank6 h3{
	background:url(../img/ranking6_subtit.gif) center top no-repeat;
	width:100%;
	height:81px;
	text-indent:-9999px;
	margin-bottom:15px;
}

/**-------------------------------------------------------------------
Bronz
-------------------------------------------------------------------*/
ul#other_rank {
	overflow: hidden;
	zoom: 1;
	margin-top:32px;
}
ul#other_rank li {
	float: left;
	width: 217px;
	margin: 0 24px 0 0;
	list-style: none;
}
ul#other_rank li.endbox {
	margin-right:0 !important;
}
ul#other_rank .databox {
	margin-top:4px;
	margin-bottom:3px;
}
ul#other_rank .dataarea{
	margin-top:12px;
	font-size:10px;
	color:#330000;
	line-height:1.5;
	vertical-align:middle;
	
	min-height:6em;
  height:auto !important;
  height:6em;
}
/**-------------------------------------------------------------------
7位
-------------------------------------------------------------------*/
#rank7 h2{
	background:url(../img/ranking7_title.gif) left top no-repeat;
	width:100%;
	height:57px;
	text-indent:-9999px;
}
#rank7 h3{
	background:url(../img/ranking7_subtit.gif) center top no-repeat;
	width:100%;
	height:77px;
	text-indent:-9999px;
	margin-bottom:15px;
}
/**-------------------------------------------------------------------
8位
-------------------------------------------------------------------*/
#rank8 h2{
	background:url(../img/ranking8_title.gif) left top no-repeat;
	width:100%;
	height:57px;
	text-indent:-9999px;
}
#rank8 h3{
	background:url(../img/ranking8_subtit.gif) center top no-repeat;
	width:100%;
	height:77px;
	text-indent:-9999px;
	margin-bottom:15px;
}
/**-------------------------------------------------------------------
9位
-------------------------------------------------------------------*/
#rank9 h2{
	background:url(../img/ranking9_title.gif) left top no-repeat;
	width:100%;
	height:57px;
	text-indent:-9999px;
}
#rank9 h3{
	background:url(../img/ranking9_subtit.gif) center top no-repeat;
	width:100%;
	height:77px;
	text-indent:-9999px;
	margin-bottom:15px;
}
/**-------------------------------------------------------------------
10位
-------------------------------------------------------------------*/
#rank10 h2{
	background:url(../img/ranking10_title.gif) left top no-repeat;
	width:100%;
	height:57px;
	text-indent:-9999px;
}
#rank10 h3{
	background:url(../img/ranking10_subtit.gif) center top no-repeat;
	width:100%;
	height:77px;
	text-indent:-9999px;
	margin-bottom:15px;
}
/**-------------------------------------------------------------------
オススメ
-------------------------------------------------------------------*/
#staffbox_bg {
	background:url(../common/img/box_mid_bg.jpg) 0 0 repeat;
	width:100%;
	margin-top:99px;
	padding-bottom:80px;
}
#staffbox {
	width:992px;
	margin:0 auto;
	position:relative;
	padding-top:164px;
}

#staff_title{
	position:absolute;
	top:-67px;
}

.staff_message{
	height:102px;
	margin-top:13px;
	margin-bottom:10px;
}

.minbox_green .staff_desc,
.minbox_green .staff_photo {
	margin-top:10px;
}
.minbox_green .staff_photo {}
.minbox_green .staff_desc {
	margin-top:12px;
	font-size:10px;
	color:#330000;
	line-height:1.5;
	vertical-align:middle;
	
	min-height:6em;
  height:auto !important;
  height:6em;
}
.minbox_green .staff_desc img{
	vertical-align:middle;
	margin:-2px 1px 1px;
}

div.minbox_green {
	width: 100%;
	margin: 0 0 14px;
	padding: 0 0 16px;
	background: url(../common/img/box_min_bottom_green.gif) 0 100% no-repeat;
}
.minbox_green ul {
	overflow: hidden;
	zoom: 1;
	
	background:url(../common/img/box_min_top_green.gif) 0 0 no-repeat;
	padding-top:16px;
}
.minbox_green h3{
	font-size:100%;
	color:#330000;
	line-height:120%;
	font-weight:bold;
}

.minbox_green ul li {
	float: left;
	width: 203px;
	margin: 0 13px -32768px 0;
	padding: 0 0 32768px;
	list-style: none;
	background:url(../common/img/box_min_bg_green.jpg) 0 0 repeat;
	padding-left:20px;
	padding-right:15px;
}
.minbox_green .endbox{
	margin-right:0;
}
.minbox_green div.g_icon{
	width:200px;
	height:40px;
	position:relative;
}
/**アイコン**/
.minbox_green div.ico_yu{
	background: url(../common/img/ico_yu.png) right top no-repeat;
}
.minbox_green div.ico_eat{
	background: url(../common/img/ico_eat.png) right top no-repeat;
}
.minbox_green div.ico_present{
	background: url(../common/img/ico_present.png) right top no-repeat;
}
.minbox_green div.ico_act{
	background: url(../common/img/ico_act.png) right top no-repeat;
}
.minbox_green div.ico_tree{
	background: url(../common/img/ico_tree.png) right top no-repeat;
}
.minbox_green div h3.singleline{
	position:absolute;
	top:50%;
	margin-top:-0.5em;
}
.minbox_green div h3.twoline{
	position:absolute;
	top:50%;
	margin-top:-1em;
}
/**もっと詳しく**/
.minbox_green .detailbtn{
	margin-top:5px;
	margin-right:10px;
	float:right;
}
.minbox_green .detailbtn a{
	color:#330000;
	font-size:10px;
	text-decoration:underline;
}
.minbox_green .detailbtn a:hover{
	text-decoration:none;
}
/******/
.hotel_end{
	position:absolute;
	left:50%;
	margin-top:-40px;
	margin-left:-355px;
}
.hotel_line{
	padding-top:95px;
}

/**-------------------------------------------------------------------
ホテル
-------------------------------------------------------------------*/
#hotelbox h2{
	text-indent:-9999px;
	width:100%;
	height:118px;
	background:url(../common/img/hotel_title.gif) left top no-repeat;
	margin-top:40px;
	margin-bottom:23px;
}

#hotelbox {
	position:relative;
}
#end_banner{
	position:absolute;
	right:30px;
	bottom:0;
}

.bn_p{
	margin-bottom:16px;
}