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

 file name  :homepage.css
 author     :Ability Consultant
 style info :TOPページで用いるスタイルを記述。
=================================================================== */


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	height:auto;
	background: #000;
}


/*----------------------------------------------------
	#con_slide
----------------------------------------------------*/
 #con_slide {
	height:579px;
	overflow:hidden;
	position:relative;
}
#con_slide ,
 #main_visial ,
#main_visial_top {
	height:579px;
}

#header #main_photo {
	margin:-579px auto 0 auto;
	background-repeat: no-repeat;
	background-position: top center;
	height:579px;
	position:relative;
	z-index:900;
}
#header .head_nav {
	margin:0 auto;
	position:relative;
	width:950px;
	z-index:995;
}

#header .head_nav .profit25 {
	position:absolute;
	right:0;
	top:298px;
	width:134px;
	height:134px;
}
#header .head_nav .profit {
	position:absolute;
	right:0;
	top:380px;
	width:242px;
	height:91px;
}




/* -----------------------------------------------------------
	#gnav
----------------------------------------------------------- */
#gnav {
	background: url(../images/header/bg_gnav.png) left top repeat-x;
	height:106px;
	z-index:9;
	padding:56px 0 0 0;
}
#gnav .con_gnav {
	margin:0 auto;
	width:950px;
	overflow:hidden;
	height:106px;
}

/*----------------------------------------------------
	#topcontents
----------------------------------------------------*/
#topcontents {
	background: url(../images/home/bg_mainbanner_r.gif) center top;
	text-align: left;
	margin:0 auto;
}
#topcontents #mainbanner {
	background: url(../images/home/bg_mainbanner.gif) center top;
	margin:0 auto;
	padding:17px 0 0 0;
	height:224px;
}
#topcontents #mainbanner ul {
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
#topcontents #mainbanner ul li {
	float:left;
	width:237px;
}
#topcontents #mainbanner ul li.room {
	width:241px;
}
#topcontents #mainbanner ul li.dish {
	width:239px;
}
#topcontents #mainbanner ul li.hotspa {
	width:229px;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	margin:0 auto;
	background: url(../images/common/bg_contents1.gif) center top no-repeat;
	text-align: left;
}


/*----------------------------------------------------
	.con_plan-area
----------------------------------------------------*/
#main .con_plan-area {
	width:715px;
	overflow:hidden;
	padding:0 0 10px 0;
}
/* ランキングエリア */
#main .con_plan-area .box_ranking {
	float:left;
	width:340px;
	padding:18px 10px 0 0;
}
#main .con_plan-area .box_ranking h3 {
	background: url(../images/home/bg_titleline.gif) left top repeat-x;
	height:37px;
	padding:9px 0 0 4px;
	margin:0 0 9px 0;
}
#main .con_plan-area .box_ranking .rank_area {
	background:#DAD5BF;
	padding:9px;
	width:322px;
	min-height:620px;
}
#main .con_plan-area .box_ranking .rank_area .rankinfo {
	border:1px solid #dddddd;
	width:302px;
	padding:9px 10px;
	background:#fff;
}
#main .con_plan-area .box_ranking .rank_area .rankinfo .box_info {
	background: url(../images/home/bg_planline.gif) center bottom no-repeat;
	padding:0 0 18px 0;
}
#main .con_plan-area .box_ranking .rank_area .rankinfo .box_info p.image img {
	border:1px solid #dcdcdc;
	margin:0 0 6px 0;
}
#main .con_plan-area .box_ranking .rank_area .rankinfo .box_info h4.rank1 {
	background: url(../images/home/ic_rank1.gif) 11px top no-repeat;
	padding:11px 0 10px 73px;
	color:#816008;
	width:220px;
	font-size:90%;
	color:#816008;
}
#main .con_plan-area .box_ranking .rank_area .rankinfo .box_info .ranktable {
	width:300px;
}
#main .con_plan-area .box_ranking .rank_area .rankinfo .box_info .ranktable td,
#main .con_plan-area .box_ranking .rank_area .rankinfo .box_info .ranktable th{
	padding:5px;
	font-size:85%;
	background:#e9e9e9;
}
#main .con_plan-area .box_ranking .rank_area .rankinfo .box_info .ranktable th{
	background:#182b16;
	color:#fff;
}
#main .con_plan-area .box_ranking .rank_area .box_subinfo {
	width:300px;
	padding:14px 0 5px 0;
	background:#fff;
	overflow:hidden;
}
#main .con_plan-area .box_ranking .rank_area .box_subinfo .left {
	float:left;
	width:143px;
}
#main .con_plan-area .box_ranking .rank_area .box_subinfo .right {
	float:right;
	width:143px;
}
#main .con_plan-area .box_ranking .rank_area .box_subinfo .left .image ,
#main .con_plan-area .box_ranking .rank_area .box_subinfo .right .image {
	border:1px solid #dcdcdc;
	margin:0 0 10px 0;
}

#main .con_plan-area .box_ranking .rank_area .box_subinfo .left .image a ,
#main .con_plan-area .box_ranking .rank_area .box_subinfo .right .image a {
	width: 141px;
	height: 100px;
	display: block;
	overflow: hidden;
}

#main .con_plan-area .box_ranking .rank_area .box_subinfo .left h4.rank2 ,
#main .con_plan-area .box_ranking .rank_area .box_subinfo .right h4.rank2 {
	background: url(../images/home/ic_rank2.gif) left top no-repeat;
	padding:0 0 5px 40px;
	min-height:30px;
	font-size:85%;
	font-weight:normal;
	color:#7b5b03;
}
#main .con_plan-area .box_ranking .rank_area .box_subinfo .left h4.rank3 ,
#main .con_plan-area .box_ranking .rank_area .box_subinfo .right h4.rank3 {
	background: url(../images/home/ic_rank3.gif) left top no-repeat;
	padding:0 0 5px 40px;
	min-height:30px;
	font-size:85%;
	font-weight:normal;
	color:#7b5b03;
}
#main .con_plan-area .box_ranking .rank_area .box_subinfo .left p.price ,
#main .con_plan-area .box_ranking .rank_area .box_subinfo .right p.price {
	color:#b82b1c;
	font-size:85%;
	font-weight:bold;
	text-align:right;
}

#main .bnr_hiten_top {
	margin:10px 0 10px 0;
	background-color:#000;
}

/* おすすめエリア */
#main .con_plan-area .box_recommend {
	float:left;
	width:178px;
	position:relative;
	padding:18px 9px 0 0;
}
#main .con_plan-area .box_recommend h3 {
	background: url(../images/home/bg_titleline.gif) left top repeat-x;
	height:37px;
	padding:9px 0 0 5px;
	margin:0 0 9px 0;
}
#main .con_plan-area .box_recommend .recom_area {
	background:#eeeadd;
	padding:0 9px 15px 9px;
	width:160px;
	min-height:620px;
}
#main .con_plan-area .box_recommend .recom_area .recominfo {
	background: url(../images/home/bg_recomline.gif) center bottom no-repeat;
	padding:9px 0 16px 0;
}
#main .con_plan-area .box_recommend .recom_area .recominfo.none {
	background:none;
}
#main .con_plan-area .box_recommend .recom_area .recominfo p.image {
	width: 150px;
	border:1px solid #dcdcdc;
	padding:3px;
	background:#fff;
	font-size:1px;
	line-height:0;
	margin:0 0 10px 0;
}

#main .con_plan-area .box_recommend .recom_area .recominfo p.image a {
	width: 150px;
	height: 100px;
	display: block;
	overflow: hidden;
}

#main .con_plan-area .box_recommend .recom_area .recominfo h4 {
	color:#7b5b03;
	font-size:90%;
}
#main .con_plan-area .box_recommend .recom_area .recominfo p.price {
	color:#b82b1c;
	font-weight:bold;
	text-align:right;
}
#main .con_plan-area .box_recommend .all_link {
	position:absolute;
	left:33px;
	bottom:0;
	width:115px;
	height:21px;
}

/* プレミアムエリア */
#main .con_plan-area .box_premium {
	float:left;
	width:176px;
	position:relative;
	padding:2px 0 0 0;
}
#main .con_plan-area .box_premium h3 {
	margin:0 0 9px 0;
}
#main .con_plan-area .box_premium .premium_area {
	background: url(../images/home/bg_premium.gif) center top no-repeat;
	padding:0 9px 16px 9px;
	min-height:620px;
}
#main .con_plan-area .box_premium .purinfo {
	background: url(../images/home/bg_premiumline.gif) center bottom no-repeat;
	padding:10px 0 16px 0;
}
#main .con_plan-area .box_premium .purinfo.none {
	background:none;
}
#main .con_plan-area .box_premium .premium_area p.image {
	width: 150px;
	border:1px solid #dcdcdc;
	padding:3px;
	background:#fff;
	font-size:1px;
	line-height:0;
	margin:0 0 10px 0;
}

#main .con_plan-area .box_premium .premium_area p.image a {
	width: 150px;
	height: 100px;
	display: block;
	overflow: hidden;
}

#main .con_plan-area .box_premium .premium_area .purinfo h4 {
	color:#fff;
	padding:0 0 5px 0;
	font-size:85%;
}
#main .con_plan-area .box_premium .premium_area p.price {
	color:#f0df53;
	font-weight:bold;
	text-align:right;
}
#main .con_plan-area .box_premium .premium_area a{
	color:#FFF;
}
#main .con_plan-area .box_premium .all_link {
	position:absolute;
	left:33px;
	bottom:0;
	width:115px;
	height:21px;
}


/*----------------------------------------------------
	.con_planlist
----------------------------------------------------*/
#main .con_planlist {
	width:715px;
}
#main .con_planlist ul {
	width:697px;
	background:#dad5bf;
	overflow:hidden;
	font-size:1px;
	line-height:0;
	padding:12px 0 15px 18px;
}
#main .con_planlist ul li {
	float:left;
	padding:0 10px 0 0;
}

#main .con_planlist ul li.top {
	padding-top:10px;
}

#main .con_planlist ul li.bnr_year {
	width:680px;
	padding-bottom:10px;
}



/*----------------------------------------------------
	.con_information
----------------------------------------------------*/
#main .con_information {
	width:715px;
	padding:20px 0 25px 0;
	overflow:hidden;
}
#main .con_information .box_news {
	float:left;
	width:430px;
	padding:0 35px 0 0;
}
#main .con_information .box_news h3 {
	background: url(../images/home/bg_st.gif) left top repeat-x;
	padding:11px 0 8px 3px;
}
#main .con_information .box_news .news_area {
	border:3px solid #cacaca;
	background:#ececec;
}
#main .con_information .box_news .news_area .newslist {
	border-bottom:1px solid #ae962a;
	padding:10px 20px 10px 15px;
	width:389px;
	overflow:hidden;
}
#main .con_information .box_news .news_area .newslist p.image {
	width:69px;
	background: url(../images/home/bg_newsimg.gif) left top no-repeat;
	padding:3px;
	float:left;
}
#main .con_information .box_news .news_area .newslist .detail {
	float:left;
	width:310px;
}
#main .con_information .box_news .news_area .newslist .detail dl {
	width:310px;
}
#main .con_information .box_news .news_area .newslist .detail dl dt {
	float:left;
	width:6.5em;
	text-align:center;
	padding:3px;
	background:#000;
	font-size:90%;
	color:#fff;
	margin:0 5px 0 0;
}
#main .con_information .box_news .news_area .newslist .detail dl dd {
	font-size:90%;
	padding:3px;
}
#main .con_information .box_news .news_area .newslist .detail p {
	font-size:90%;
	padding:3px;
}
#main .con_information .con_twitter {
	float:left;
	width:250px;
}

#main .con_information iframe.fb{
	height:95px!important;
	margin-top:10px;
}

#main .con_information .fb-page{
	margin-top:10px;
}

main .con_information .connect_widget {
	height:56px!important;
}


#main .con_information .con_twitter h3 {
	padding:0 0 15px 0;
}
#main .con_information .con_twitter p.blog {
	padding:15px 0 0 0;
}

#main .con_information .bn{
	padding:15px 0 0 0;
}




/*----------------------------------------------------
	.con_topics
----------------------------------------------------*/
#main .con_topics {
	width:715px;
	background: url(../images/home/bg_st.gif) left top repeat-x;
	padding:20px 0 25px 0;
	overflow:hidden;
	margin:0 0 15px 0;
}
#main .con_topics h3 {
	padding:0 0 15px 3px;
}
#main .con_topics .topics_area {
	background: url(../images/home/bg_topicline.gif) center top repeat-y #ececec;
	border:10px solid #ececec;
	overflow:hidden;
	_zoom:1;
}
#main .con_topics .topics_area dl {
	float:left;
	width:240px;
}
#main .con_topics .topics_area dl.end {
	float:left;
	width:210px;
}
#main .con_topics .topics_area dl dt {
	padding:0 0 8px 0;
}


/*----------------------------------------------------
	.slideFrame
----------------------------------------------------*/
#main .slideFrame {
	width:713px;
	height: 78px;
	border:1px solid #fff;
	background:#fff;
	overflow:hidden;
	overflow-x: auto;
	position: relative;
}
#main .slideGuide {
	width: 150%;
	height: 60px;
	padding:9px 0 9px 10px;
}
#main .slideCell {
	float:left;
	margin: 0 10px 20px 0;
}
/* controller */
#main .slideCtrl {
	display: none;
	position: absolute;
	top: 0;
	cursor: pointer;
}
#main .left {
	left: 0;
}
#main .right {
	right: 0;
}

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

	tripadvisor

=======================================*/
.tripadvisor {
	margin:auto;
    background: none repeat scroll 0 0 #CAC4AD;
    color: #706640;
    font-size: 10px;
    padding: 5px;
	width:180px;
}


.tripadvisor p{
	margin:auto;
    font-size: 10px;
	height:50px;
	line-height:1.8;

}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #gnav {padding:45px 0 0 0;}