﻿/* CSS Document */
@charset:"Shift_JIS";
/*=====================================================================
CSS information

last-updated : 2016/8
file name	 : pc.css
author		 : y.tohno
style info	 : 特選の宿　HTMLテンプレート
=====================================================================*/

#main {
	width: 940px;
	background-color:#fff;
	margin: 0 auto 0px auto;
	padding: 0;
	text-align: left;
	}


/*#main a:hover{
	display:block;
	background-color:#FFF !important;
    filter:alpha(opacity=50) !important;
    -moz-opacity: 0.5 !important;
    opacity: 0.5 !important;
	text-decoration:none !important;
	}*/

#caption{
	width: 100%;
	text-align: right;
	margin:7px 0px 0px 0px;
	font-size:11px;
	color:#333;
}

#main p {
	color:#333;
	font-size:12px;
	line-height:180%;
	margin:0px 0px 10px 0px;
	}
	
#contentsleft
 {
    width:620px;
	margin:0px 20px 0px 0px;
	float:left;
	}
	
#contentsright
 {
    width:300px;
	margin:0px;
	float:left;
	}

a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

#main #hotelname{
	width:940px !important;
	color:#333;
	font-size:40px;
	line-height:140%;
	margin:5px 0px 10px 0px;
	font-weight:lighter;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;;
	}

#main #hotelname .areaname{
	font-size:16px;
	line-height:140%;
	}

#main #maintitle{
	color:#333;
	font-size:26px;
	line-height:130%;
	padding:5px 0px 5px 10px;
	border-left:4px solid #0059B2;
	margin:25px 0px 5px 0px;
	clear:both;
	font-family: 'Noto Sans Japanese', serif !important;
	font-weight:100;
	}

#main #subtitle{
	color:#0059B2;
	font-size:16px;
	line-height:140%;
	margin:10px 0 10px 0;
	font-weight:200;
	font-family: 'Noto Sans Japanese', serif !important;
	}

.m_t20{
	margin-top:20px;
}

#photomap01{
	width:159px;
	float:left;
	margin:10px 10px 30px 0px;
	
}

#photomap01_word{
	width:400px;
	margin:10px 0px 30px 0px;
	font-size:11px;
	line-height:140%;
	color:#333;
	float:left;
	
}

#layout_left{
	width:395px;
	margin:0px 35px 0px 0px;
	float:left;
	
}

#layout_right{
	width:510px;
	margin:0px 0px 20px 0px;
	float:left;
	
}

#layout_left02{
	width:235px;
	margin:0px 35px 0px 0px;
	float:left;
	
}

#layout_right02{
	width:670px;
	margin:0px 0px 20px 0px;
	float:left;
	
}



#pagetop01{
	width:100%;
	background-color:#fff;
	text-align:right;
	padding-bottom:15px;
	overflow:auto;

}

#pagetop02{
	width:100%;
	background-color:#fff;
	text-align:right;
	padding-bottom:50px;

}

/*========================
ヘッダー（スライドバナー）
========================*/

.flexslider {
  height:auto !important;
}

#fkr-main_base{
	width:940px;
	height:auto;
	color:#333333;
	font-size: 12px;
	line-height:120% !important;
}

#fkr-main_base img{
	margin:0;
	padding:0;
	border:none;
}


#fkr_headerBox {
	width: 940px !important;
	height:auto !important;
	margin-bottom: 10px !important;
	padding: 0;
	float:left;
}

#header_pr {
	width: 940px !important;
	height:auto !important;
	margin:0;
	padding:0;
	float:left;
}

/*========================
キャンペーンプラン
========================*/

#campaign {
	width: 100% !important;
	border: 1px solid #AD8936; 
	box-sizing: border-box;
	background-color:#FAF5ED;
	text-align:center;
	margin:15px 0px;
}

#campaign p{
	font-size:16px;
	line-height:180%;
	margin:10px 0px;
}

#campaign_title{
	width: 100%;
	background-color:#D2B571;
	font-size:16px;
	color:#FFF;
	text-align:center;
	padding:5px 0px;
	font-weight:bold;
}

.number{
	font-size:26px;
	color:#D80000;
	line-height:170%;
}

.price{
	font-size:40px;
	color:#D80000;
	line-height:100%;
}





/*====================================================
クリアフィックス
====================================================*/

/*.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
}

.cf {
    *zoom: 1;
}
*/



/***************ボタン******************/
.rhs_btn{
	margin:10px auto;
	text-align:center;
	clear:both;
}