@charset "UTF-8";

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

 Common style of this site 

================================================================================= */
.groupsTwitter{
	padding:15px 0 0;
	clear:both;
}

/* /////////////////////////////////////////////////////////////////////////// title style */

h1 {
margin-top:30px;
}

.pageTitle {
background:url("img/bg_page_title.gif") repeat-x scroll left top transparent;
height:75px;
}

.pageTitle h1 {
float:left;
margin-top:17px;
padding-left:30px;
}


h2 {
margin-top:50px;
margin-bottom:30px;
background:url(img/bg_h2.gif) repeat-x bottom;
height:36px;
}

.indexTtl {
position:relative;
top:0;
left:0;
}

.indexTtl p {
position:absolute;
top:8px;
right:0;
}

h3 {
background:#f9f9f4;
padding:7px 7px 5px;
font-weight:bold;
line-height:1;
border-bottom:1px solid #e1dabb;
}

body#index h3 {
font-size:108%;
font-weight:bold;
background:none;
border:none;
padding:0;
margin-top:2px;
}

p.copy {
line-height: 2;
margin-top: 20px;
}

p.copy img {
vertical-align:baseline;
}

/*ボールドテキストの前に■*/
p.sttl {
font-weight:bold;
padding-left:15px;
background:url(img/bg_sttl.gif) no-repeat 0 5px;
}

.coupon {
position:relative;
top:0;
left:0;
z-index:1;
}

.coupon p.date {
position:absolute;
top:16px;
right:20px;
z-index:2;
}


/* /////////////////////////////////////////////////////////////////////////// icon style */

p.arrow {
background:url(img/arrow.gif) no-repeat 0 5px;
padding-left:18px;
}

ul.arrow li {
background:url(img/arrow.gif) no-repeat 0 4px;
padding-left:18px;
}

/* /////////////////////////////////////////////////////////////////////////// list style */

ul.style01 {
margin-left:2px;
}

ul.style01 li {
background:url(img/bg_ul.gif) no-repeat 0 6px;
margin-bottom:4px;
padding-left:10px;
line-height:1.6 !important;
}

/*注釈等*/
ul.note {
margin-top:5px;
}

ul.note li {
font-size:77%;
}

p.note {
margin-top:5px;
font-size:77%;
}

/*FAQ*/
dl.qa dt{
	background:url(img/icon_q.gif) no-repeat left 0.2em;
	padding-left:20px;
	font-size:100%;
	font-weight:bold;
}

dl.qa dd{
	background:url(img/icon_a.gif) no-repeat left 0.1em;
	padding-left:20px;
	margin-top:10px;
}
/*FAQ*/
.faq span.dt{
	background:url(img/icon_q.gif) no-repeat left 0.3em;
	padding-left:20px;
	font-size:100%;
	font-weight:bold;
display:block;
}

.faq span.dd{
	background:url(img/icon_a.gif) no-repeat left 0.3em;
	padding-left:20px;
	margin-top:10px;
display:block;
}

ul#campaignList {
width:490px;
margin-bottom:-20px;
margin-right:-40px;
}

ul#campaignList li {
width:205px;
margin-right:40px;
margin-bottom:20px;
}
	ul#campaignList li p{
		padding-top:3px;
	}
	ul#campaignList li p a{
		line-height:1.4 !important;
	}
.banner_list_w{
	margin-bottom:50px;
	
}
ul#bnrList {
margin-top:50px;
width:980px;
margin-right:-40px;
}

ul#bnrList li {
width:205px;
margin-right:40px;
}

dl#info dt {
width:105px;
float:left;
clear:both;
margin-bottom:6px;
}

dl#info dd {
padding-left:105px;
margin-bottom:6px;
background:url(img/yaji.gif) no-repeat 97px 8px;
}

/* /////////////////////////////////////////////////////////////////////////// table style */

#errorBox {
  background:#fff;
  border: 3px solid #e5e1cd;
  margin-top:30px;
  padding:20px;
}

#errorBox p {
color:#987a03;
font-weight:bold;
margin-bottom:5px;
}

.form {
background:url(img/bg_line.gif) repeat-x top;
padding-top:2px;
margin-top:30px;
}

.form table th img {
vertical-align:baseline;
}

.form table tr {
background:url(img/bg_line.gif) repeat-x bottom;
}

.form table th,
.form table td {
padding:13px 0;
}

.form table th {
width:160px;
padding-right:25px;
}

.form table td {
width:510px;
}

.form table td input.long {
padding:7px;
width:490px;
border:1px solid #CBC8B8;
font-size:100%;
}

.form table td input.middle {
padding:7px;
width:245px;
border:1px solid #CBC8B8;
font-size:100%;
}

.form table td input.short {
padding:7px;
width:80px;
border:1px solid #CBC8B8;
font-size:100%;
}

.form table td textarea.long {
padding:7px;
width:490px;
border:1px solid #CBC8B8;
font-size:100%;
}

.form table td select {
padding:5px;
border:1px solid #CBC8B8;
font-size:100%;
}

.form table td ul {
margin-bottom:-3px;
}

.form table td ul li {
width:255px;
margin-bottom:3px;
}

/* recruit 応募ボタン */

.btnCenter {
	text-align:center;
	margin-top:20px;
}
.entry a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


/* recruit エントリーフォーム */

.form table td input.name {
	padding:7px;
	width:160px;
	border:1px solid #CBC8B8;
	font-size:100%;
}

.form table td input.zip01 {
	padding:7px;
	width:50px;
	border:1px solid #CBC8B8;
	font-size:100%;
}

.form table td input.zip02 {
	padding:7px;
	width:100px;
	border:1px solid #CBC8B8;
	font-size:100%;
}

.form table td input.middle02 {
	padding:7px;
	width:350px;
	border:1px solid #CBC8B8;
	font-size:100%;
}

div#main .form table.career th {
	width:130px;
	padding-right:10px;
	text-align:left;
	font-size:100%;
}

div#main .form table.career td {
	width:365px;
}



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

 スライドショー

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

#slideShowBox {
width:940px;
height:700px;
background:url(img/bg_over.jpg);
position:relative;
}

#slideShowBox #slideMainBox {
position:absolute;
top:50px;
left:70px;
z-index:1;
width:800px;
height:500px;
overflow:hidden;
}

#slideShowBox #slideMainBox ul {
width:200000px;
}

#slideShowBox #slideMainBox ul li {
position:relative;
}

#slideShowBox #slideMainBox ul li p {
position:absolute;
top:470px;
/top:468px;
width:800px;
text-align:center;
z-index:5;
}

#slideShowBox #slideMainBox ul li p strong {
background:url(img/bg_alpha.png);
color:#fff;
padding:3px 6px 3px 10px;
/padding:0px 5px 0px 10px;
position:relative;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
behavior:url(/common/css/PIE.htc);
}


#slideShowBox #prev {
position:absolute;
top:570px;
left:70px;
z-index:3;
}

#slideShowBox #next {
position:absolute;
top:570px;
left:810px;
z-index:4;
}

#slideShowBox #prevPhoto {
position:absolute;
top:278px;
left:14px;
z-index:7;
}

#slideShowBox #nextPhoto {
position:absolute;
top:278px;
left:883px;
z-index:6;
}

#slideShowBox #slideNavi {
position:absolute;
top:570px;
left:130px;
width:680px;
height:90px;
z-index:2;
background:url(img/bg_slidenavi.jpg) no-repeat;
overflow:hidden;
}

#slideShowBox #slideNavi ul {
width:10000px;
}

#slideShowBox #slideNavi ul li{
margin-top:10px;
margin-left:20px;
border:2px solid #ffffff;
}

#slideShowBox #slideInfo {
position:absolute;
top:675px;
left:70px;
z-index:5;
width:800px;
text-align:center;
margin:0 auto;
}

#slideShowBox #slideInfo img {
margin-left:3px;
margin-right:3px;
line-height:0;
}

#couponListBox {
padding:10px;
background:#EEEDE4;
margin-bottom:20px;
}

#couponList {
padding-bottom:2px;
background:url(img/bg_line.gif) repeat-x bottom;
}

#couponList table {
border-collapse:collapse;
border-spacing:0;
}

#couponList table th,
#couponList table td {
padding:7px 15px 6px;
font-size:93%;
background:url(img/bg_line.gif) #fff repeat-x;
}

#couponList table th {
font-weight:bold;
font-size:93%;
text-align:center !important;
white-space:nowrap;
}

#couponList table td {
background:url(img/bg_line.gif) #f8f7f3 repeat-x;
}

#couponList table tr {
background:url(img/bg_line.gif) repeat-x;
}


#top_reservation{
	background:url(../img/bg_dotted.gif);
	padding:3px;
	margin-top:25px;
}
	#top_reservation_inner{
		background:#fff;
		padding:12px 10px;
	}
		#top_reservation .name_area{
			float:left;
			width:155px;
			padding:0 25px 0 15px;
			border-right:1px solid #ccc;
			text-align:center;
		}
			#top_reservation .name_area img{
				margin-bottom:5px;
			}
		#top_reservation .form_area{
			float:left;
			width:685px;
			padding:6px 0px 0 25px;
			text-align:left;
		}
			#top_reservation .form_area table{
				font-weight:bold;
				color:#B19867;
				font-size:13px;
				margin-bottom:4px;
			}
				#top_reservation .form_area table td{
					vertical-align:top;
					padding-right:15px;
				}
				#top_reservation .form_area table div{
					padding:0px 0 6px;
				}
			#top_reservation .form_area select{
				font-size:12px;
			}
		#top_reservation .form_area p span{
			color:#B19867;
		}
		
#side_reservation{
    margin-top:20px;
    background:url(../../common/img/bg_dotted.gif);
    padding:3px;
}
    #side_reservation_inner{
        background:#fff;
        padding:10px;
    }
        #side_reservation .name_area{
            text-align:center;
        }
            #side_reservation .name_area img{
                margin-bottom:3px;
            }
            #side_reservation .name_area .hotel_name{
                padding:10px 0 7px;
                text-align:left;
            }
    #side_reservation .side_reservation_form{
        
    }
        #side_reservation .side_reservation_form .form_area{
            font-size:13px;
            font-weight:bold;
            color:#B19867;
            line-height:1.8;
            margin-bottom:10px;
        }
        #side_reservation .side_reservation_form .button{
            margin-bottom:10px;
            text-align:center;
        }
        #side_reservation .side_reservation_form p{
            font-size:12px;
        }
            #side_reservation .side_reservation_form p span{
                color:#B19867;
            }
#content_reservation{
	background:url(../img/bg_dotted.gif);
	padding:3px;
	margin-top:25px;
}
	#content_reservation_inner{
		background:#fff;
		padding:12px 10px;
	}
		#content_reservation .name_area{
			float:left;
			width:155px;
			padding:0 25px 0 15px;
			border-right:1px solid #ccc;
			text-align:center;
		}
			#content_reservation .name_area img{
				margin-bottom:5px;
			}
		#content_reservation .form_area{
			float:right;
			width:440px;
			padding:6px 0px 0 25px;
			text-align:left;
		}
			#content_reservation .form_area table{
				font-weight:bold;
				color:#B19867;
				font-size:13px;
				margin-bottom:4px;
			}
				#content_reservation .form_area table td{
					vertical-align:top;
					padding-right:15px;
				}
				#content_reservation .form_area table div{
					padding:0px 0 6px;
				}
			#content_reservation .form_area select{
				font-size:12px;
			}
		#content_reservation .form_area p span{
			color:#B19867;
		}	
#campaign_detail_title{
	border-top:1px solid #D1D0BC;
	border-bottom:1px solid #D1D0BC;
	padding:1px 0;
	margin-top:20px;
	margin-bottom:30px;
}
	#campaign_detail_title h2{
		background:#E2E1CF;
		margin:0;
		height:auto;
		padding:20px 20px;
	}
	#campaign_detail_title span{
		display:block;
		background:url(/campaign/img/icon.gif) no-repeat left 3px;
		padding-left:18px;
		font-weight:bold;
		font-size:14px;
	}
#campaign_detail_body{
	padding-bottom:50px;
}
/* =================================================================================

 お問い合わせ

================================================================================= */
.inq_subTitle{margin-top:30px;}
.inq_attention{padding:24px;background-color:#FFF;border-top:1px solid #DBDACE; font-weight:bold;}
.inq_attention p span{font-size:15px;color:#FF0000;}
.attntion_tex{margin-bottom:24px;}
.attntion_tex2{text-align:center;}

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

 アンケート

================================================================================= */
.enqTextbox{margin-top:20px;}
.enqTextbox p{margin-bottom:30px;}


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

 特集

================================================================================= */
#special_hotellist{margin:10px 0; width:695px;overflow:hidden;}
#special_hotellist div {width:700px;}
#special_hotellist dl{float:left; width:174px;}
#special_hotellist dl dd,#special_hotellist dl dt{margin-bottom:5px;}
#special_navi ul{width:345px;}
#special_hotellist dl dt.arrow,#special_hotellist dl dd.arrow,#special_navi ul li {
background:url(img/arrow.gif) no-repeat 0 5px;
padding-left:18px;}
.underline{margin-bottom:40px;}
.underline:after{
	border-top:1px solid #DBDACE;
	border-bottom:1px solid #FFFFFF;
	display:block;
	content:"";
}
.special_navi{}
.pdf_list dl {padding-top:20px;padding-bottom:30px;background:url(img/bg_h2.gif) repeat-x top;}
.pdf_list dl dt{width:310px;float:left;}
.pdf_list dl dt img{width:250px;}
.pdf_list dl dd{width:360px;float:right;}
.flL{float:left;}
.flR{float:right;}
#special_hotellist div dl a img:hover,
.pdf_list dl dt a img:hover {
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */
    zoom: 1;
    *zoom: 1;
}



/*松山特集*/

.matuyama-specialcontent{
	background-color:#FAF9F5;
	line-height:1.8;
}
.matuyama-content-img{
	background:url(https://www.hotel-fine.co.jp/special/img/matsuyama_content_bk.jpg) repeat-y left top;
}
.matuyama-contentinner{
	padding:30px;
}
.matuyama-contentinner ul li{
	float:left;
	width:30%;
}
.matuyama-contentinner ul li:not(:last-child){
	margin-right:5px;
}
.matu-ttl{
		font-family: 'Noto Sans Japanese', serif;
		font-weight:900;
		color:#453917;
		font-size:20px;
		margin-bottom:30px;
}

.matu-ttl span{font-size:25px;}
.matu-ttl .check01{	color:#EA3996;}
.matu-ttl .check02{	color:#FFBF00;}
.matu-ttl .check03{	color:#53A4E7;}
.textcontent .textbody,
.howtolist .textbody{
	float:left;
	width:48%;
}
.textcontent .imgbody,
.howtolist .imgbody{
	float:right;
	width:48%;
}
.textcontent .imgbody img,
.howtolist .imgbody img,
.matuyama-contentinner ul li img{width:100%;}
.matuimg01{
	background:url(https://www.hotel-fine.co.jp/special/img/matuyama_img01.png) no-repeat right top;
	margin-bottom:30px;
}
.read-text{
	width:450px;
	font-size:13px;
}
.howtolist{
	background-color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:20px;
	margin-bottom:10px;
}
.howtolist dl dd{font-size:13px;}
.howtolist dl dt{font-family: 'Noto Sans Japanese', serif;
		font-weight:900;margin-bottom:10px;
		font-size:15px;}
.nowreserve-text{
	font-family: 'Noto Sans Japanese', serif;
		font-weight:900;
		font-size:30px;
		padding:20px 0;
		color:#FFF;
		background-color:#453917;
}




.campaign_list{margin-bottom:20px;}
.campaign_list .cambox1,.campaign_list .cambox2{width:325px;}
.campaign_list .cambox1 p{margin-bottom:10px;}
.campaign_list .cambox1 p img{width:325px; height:250px;}
.campaign_list .cambox1 dl dt,.sub_cambox2 dt{font-weight:bold; font-size:15px;margin-bottom:5px;}
.campaign_list .cambox1 dl dt span,.sub_cambox2 dt span{font-size:12px;}
.campaign_list .cambox1 dl dd.campaignprice{font-weight:bold;}
.campaign_list .cambox1 dl dd.campaignprice span.member{background-color:#B20000;color:#FFF;padding:3px;}
.campaign_list .cambox1 dl dd.campaignprice span.visitor{background-color:#5A5129;color:#FFF;padding:3px;}
.campaign_list .cambox1 dl dd.campaignprice span.pricemore{padding-left:5px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.sub_cambox2{margin-top:12px;padding:5px;background-color:#EFECE1;}
.campaign_list .cambox2{}
.campaign_list .cambox2 .cambox2inner{padding:5px; background-color:#2D1C0A;}
.campaign_list .cambox2 .cambox2inner .choicelist{margin-bottom:8px;}
.campaign_list .cambox2 .cambox2inner div dl{width:154px;}
.campaign_list .cambox2 .cambox2inner div dl dt{marin-bottom:5px;}
.campaign_list .cambox2 .cambox2inner div dl dd{color:#FFF;}
.campaign_list .cambox2 .cambox2inner div dl dd span{padding-right:5px;}
.campaign_list .cambox3{padding:20px; background-color:#2D1C0A;}
.campaign_list .cambox3 ul li{}
.cambox3 ul li.first,.cambox3 ul li.second{float:left;width:207px;}
.cambox3 ul li.third{float:right;width:200px;}
.cambox3 dl{color:#FFF;margin-top:10px;}
.cambox3 dl dt{font-size:15px;font-weight:bold;margin-bottom:5px;}


.camp_inner{background:url(/campaign/img/white_img.png);padding:10px;}
.alC{text-align:center !important;}


.hiyashi_campaign{background:url(/campaign/img/hiyashi_campaignbk.jpg) repeat-y left top;padding:10px;}
.hiyashi_campaign .hiyashiinner{background:url(/campaign/img/white_img.png);padding:10px;}

.hiyashi2_campaign{background:url(/campaign/img/hiyashi2016/hiyashi2_campaignbk.jpg) repeat-y left top;padding:10px;}
.hiyashi2_campaign .hiyashiinner{background:url(/campaign/img/white_img.png);padding:10px;}

.hiyashi2_campaign{background:url(/campaign/img/hiyashi2016/hiyashi2_campaignbk.jpg) repeat-y left top;padding:10px;}
.hiyashi2_campaign .hiyashiinner{background:url(/campaign/img/white_img.png);padding:10px;}

.gourmet_campaign{background:url(/campaign/img/gourmet_campaignbk.jpg) repeat-y left top;padding:10px;}

.halloween{background:#FFBF00 url(/campaign/img/halloween/bk_img.jpg) repeat-x left top;margin-top:20px;}
.halloween_top{background:url(/campaign/img/halloween/topimg.png) no-repeat left top;margin-bottom:20px;}
.halloween_footer{background:url(/campaign/img/halloween/footerimg.png) no-repeat left bottom;padding-bottom:20px;}
.camttl{height:250px;}
.camttl span{display:none;}
.halloween_body,.halloween_footer div{padding:50px;}
.halloween_body .camttl_sub{font-weight:bold; color:#FFF; margin-bottom:20px;font-size:25px;text-align:center;}
.halloween_body .camimg{text-align:center;margin-bottom:20px;}
.halloween_body .camtxt{color:#FFF;line-height:1.8;text-align:center;}
.halloween_body .camtxt span{font-weight:bold;font-size:18px;}
.halloween_footer div p{text-align:center !important;font-size:18px; font-weight:bold; color:#FFF;line-height:1.8;}
.halloween_footer div dl{margin-bottom:10px;}
.halloween_footer div dl dt{text-align:center !important;font-size:18px; font-weight:bold; color:#BE4B39;margin-bottom:20px;line-height:1.8;}
.halloween_footer div dl dd {text-align:center !important;}


.xmas_campaign{background:url(/campaign/img/xmas/xmas_campaignbk.jpg) repeat-y left top;padding:10px;}
.xmas_subcampaign{background-color:#FFF;padding:10px;}
.xmasTXT{color:#666666;}
.xmasTXT span{display:block; font-size:20px; text-align:center; font-weight:bold;}



.nabe_campaign{background:#F1ECE1 url(/campaign/img/nabe/naba_bkimg.jpg) no-repeat left top;padding:10px;}







.campaign-ttl{padding:10px;background-color:#FAF9F5; margin-bottom:20px;font-weight: bold;}
.campaign-ttl span{vertical-align: middle;}
.campaign-ttl dt,.campaign-ttl dd{display: inline;padding-right:10px;}
.campaign-ttl dt{font-size:25px;}
.campaign-ttl dd{font-size:15px;}

.campaign-text{margin-bottom:30px;}

.campaignlist{margin-bottom: 10px;}
.cambox-flL{float: left;width:50%;}
.cambox-flR{float: right;width:50%;}
.cambox-inner{padding:10px;overflow: hidden;}
.cambox-inner2{width:650px;}
.cambox3th{float:left;width:208px;}
.campaign-data{padding:10px;}
.cambox3-data{width:200px;}
.campaign-data dl,.cambox3-data dl{font-weight: bold;}
.campaign-data dl dt,.cambox3-data dl dt{font-size:15px;}
.campaign-data dl dd{font-size:25px;}
.campaign-data ul,.cambox3-data ul{margin-bottom:5px;}
.campaign-data ul li,.cambox3-data ul li{font-weight: bold;}
.campaign-data ul li span,.campaign-data ul li img,
.cambox3-data ul li span,.cambox3-data ul li img{vertical-align: middle;padding-right: 5px;}
.campaign-data ul li.member-price span,
.cambox3-data ul li.member-price span{color:#FF0000;font-size:25px;}
.campaign-data ul li.normal-price span,
.cambox3-data ul li.normal-price span{font-size:18px;}

.pdf-bnt a {color:#FFFF;padding:5px; display: block;background:#987A03 url(/campaign/img/campaign_pdf_but_arrow.jpg) no-repeat 98% center;text-align: center;}



.hiyashi2106_campaign{background: url(/campaign/img/hiyashi2016/hiyashi2_img_bk.jpg) no-repeat left bottom;padding-bottom:250px;}
.hiyashi2106-main{padding:30px;background-color:#FAF9F5;}
.hiyashi2106-main .campaignlist{background-color: #FFF;}

.wpoint_campaign{background: url(/campaign/img/wpoint/wcm_img_point.jpg) no-repeat right top;}
.wpoint_campaign p{margin-bottom:40px;}
.wpoint_campaign p span{font-weight: bold;}
.wpoint-main,.wpoint-main p{margin-bottom: 10px;}

.wpoint01{background: url(/campaign/img/wpoint/wcm_img_point.jpg) no-repeat right top;}
.wpoint02{background: url(/campaign/img/wpoint/wcm_img_point02.jpg) no-repeat right top;}


.nightclub-body{padding:5px 20px;background-color:#FFFFFF;margin-bottom:10px;}
.nightclub-maintxt{marign-bottom:10px;background: url(/campaign/img/nightclub2017/titlebk_img.jpg) no-repeat center 5px;}
.nightclub-maintxt p{padding:30px 0;text-align: center !important;}
.nightclub-maintxt table{width:100%;margin-bottom:30px;font-weight:bold;font-size:30px;}
.nightclub-maintxt table tr td{border-bottom:1px solid #595126; padding:5px 3px;text-align:left;vertical-align:middle;}
.nightclub-maintxt table tr td span{padding:10px;background-color:#F3F2E9;}
.nightclub-maintxt table tr th{border-bottom:1px solid #595126; padding:5px 3px; ;text-align:left;vertical-align:middle;font-weight:bold;color:#AE1A27;}
.trygrouplist-ttl {background-color:#595126; padding:20px;margin-bottom:30px;color:#FFF; font-weight:bold; font-size:20px;}
.trygrouplist-ttl  dd,.trygrouplist-ttl dt{text-align: center !important;}
.grouplist{color:#595126;margin-bottom:30px;}
.grouplist .areattl{font-weight:bold;padding-bottom:5px;border-bottom:1px solid #595126;margin-bottom:10px;}
.grouplist table {width:100%;}
.grouplist table tr td{padding:5px;}
.grouplist table div dl{float:right;width:220px;}
.grouplist table div dl dt{font-weight:bold;margin-botom:10px;}
.grouplist table div p{float:left;width:88px;}
.grouplist table div p img{width:100%;}

.lightbox_imgbox {margin:20px 0;}
.lightbox_imgbox li {float:left;width:133px;margin-right:5px;margin-bottom:5px;}
.lightbox_imgbox li img{width:100%;}






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

ファインの魅力CSS

================================================================================= */
.Appeal_listBox li{margin-bottom:30px;}
.Appeal_listBox li p.fL{width:320px;float:left;}
.Appeal_listBox li p.fR{width:360px;float:right;}
.Appeal_listBox li p{font-size:11px;}
.text_subttl{display:block;font-size:16px;font-weight:bold;color:#957E00;line-height:0.5;margin-bottom:10px;}


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

ご予約・空室検索CSS

================================================================================= */
.price {
padding:0px 0px 2px 0px;
background:url(https://www.hotel-fine.co.jp/img/bg_line.gif) repeat-x bottom;
}
.price table {
border-collapse:collapse;
border-spacing:0;
}
.price table th,
.price table td {
padding:12px 5px 11px;
text-align:center !important;
}
.price table th {
width:180px;
font-weight:bold;
background:url(https://www.hotel-fine.co.jp/img/bg_line.gif) #fff repeat-x;
font-size:93%;
}
.price table td{
   font-size:93%;
}
.price table tr {
background:url(https://www.hotel-fine.co.jp/img/bg_line.gif) #f8f7f3 repeat-x;
}
.ListBox {
padding: 10px;
background: #EEEDE4;
margin-bottom: 20px;
}




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

おすすめプラン_モデルコースCSS

================================================================================= */
.modelcoursebox{
	margin-top:80px;
}
.sub_ttl{
	background:url(https://www.hotel-fine.co.jp/img/sub_ttlbkimg.jpg) repeat-x left top;
	height:57px;
}
.sub_ttl span{
	display:block;
	padding-top:20px;
	padding-left:10px;
}
.modelcourselist{margin-top:20px;}
.modelcourselist li{
	margin-bottom:10px;
}
.modelcourselist li a:hover{
	opacity: 0.6 ;
	filter: alpha(opacity=60) ;	/* Ie用 */
}




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

ご予約方法CSS

================================================================================= */
.boxcolumn2{margin-bottom:50px;}
.boxcolumn2 .box01{float:left; width:340px;}
.boxcolumn2 .box02{float:right; width:340px;}
.howtobook-content{margin-bottom:60px;}
.howtobook-content .smooth{margin-top:30px;}

/*タイトル
--------------------------------*/
.page-ttil{margin-bottom:30px; text-align:center;}
.page-ttil:before{padding-top:20px;display:block;content:"";background:url(/common/css/img/bg_line.gif) repeat-x left top;}
.page-ttil:after{padding-bottom:20px;display:block;content:"";background:url(/common/css/img/bg_line.gif) repeat-x left bottom;}
.contentlist{padding:10px;background-color:#FAF9F5;margin-bottom:50px;}
.contentlist ul li{float:left;margin-right:10px;}
.contentlist ul li{background:url(img/arrow.gif) no-repeat 0 4px;padding-left:18px;}


.h2ttl{padding:5px 0; background-color:#CCBD88;text-align:center;}
.howtobook-flowlist{padding:20px;background-color:#FAF9F5;}
.flowlist-inner{padding:20px;background-color:#F3F2E9;margin-bottom:20px;}
.flowlist-inner:last-child{margin-bottom:0;}
.flow .box01{float:left;width:48%;}
.flow .box02{float:right;width:48%;}
.flow .box01 img,.flow .box02 img{width:100%;}
.flow div dl dt{font-weight:bold;font-size:15px;margin-bottom:10px;color:#9D853C;}
.flow div dl dd{margin-bottom:5px;}
.flow div dl dd a{display:block;padding:5px;background:#987A03 url(/campaign/img/campaign_pdf_but_arrow.jpg) no-repeat 98% center;text-align: center;font-weight:bold;color:#FFF;}

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

当日予約システムのご案内CSS

================================================================================= */
.reserveflow_info dl {margin-bottom:30px;}
.reserveflow_info dl dt span{font-weight:bold; font-size:18px;}
.reserveflow_info dl dt span,.reserveflow_info dl dt img{vertical-align:middle;}
.reserveflow_info dl dd{background-color:#FFF;padding:20px;text-align:center !important;}
.reserveflow_info dl dd span.red{color:#FF0000;font-weight:bold;}
.reserveflow_info dl dd span.telno{font-weight:bold;font-size:25px;}
.reserveflow_info dl dd a{display:block;padding:5px;background-color:#987A03;}


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

LINEの案内CSS

================================================================================= */
.line-mainimg{margin-bottom:30px;}
.linecontent-body{
	margin-bottom:30px;
	font-size:18px;
	color:#888888;
}
.linecontent-body .ttl01{
	font-size:40px;
	color:#3EB133;
	padding:5px 10px 10px 50px;
	background:url(https://www.hotel-fine.co.jp/line/img/line_img_icon.jpg) no-repeat left center;
	margin-bottom:20px;
	font-weight:bold;
	
}
.linecontent-body .ttl01 span{
	color:#FFBF00;
	font-size:30px;
}
.linecontent-body .ttl02{
	font-size:30px;
	color:#3EB133;
	margin-bottom:20px;
	font-weight:bold;
}

.linecontent-body .about{
	margin-bottom:30px;
	font-size:15px;
}
.linecontent-body .about dl{
	float:left;
	width:440px;
}
.linecontent-body .about p{
	float:right;
	width:180px;
}


.linecontent-body .about dl dt{
	color:#FFF;
	padding:10px;
	background-color:#3EB133;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:10px;
}

.linecontent-body .about dl dd span{
	color:#3EB133;
	font-weight:bold;
	font-size:18px;
}

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

カタログのご案内CSS

================================================================================= */
.boxcolumnhalf .halfbox01{float:left; width:49%;}
.boxcolumnhalf .halfbox02{float:right; width:49%;}

.mainimg-ttl{margin-bottom:50px;}
.catalogbody{background-color:#FBFBF7;padding:30px;margin-bottom:50px;}
.ttl-catalog{padding:10px;background-color:#F3F2E9;color:#987902;text-align:center;font-size:15px;font-weight:bold;margin-bottom:20px;}
.catalog-pickup dl{margin-bottom:20px;}
.catalog-pickup dl dt{background-color:#FFF;margin-bottom:10px;text-align:center !important;}
.catalog-pickup dl dd{color:#463A13;}
.cataloglist-other{padding:30px;background-color:#F3F2E9;}
.cataloglist-other dt{font-weight:bold;}
.cataloglist-other dt span,.cataloglist-other dt img{vertical-align:middle;}
.cataloglist-other dt img{margin-right:10px;}
.btn_next a{display:block;padding:10px;background:#987A03 url(/campaign/img/campaign_pdf_but_arrow.jpg) no-repeat 98% center;text-align: center;color:#FFF;}
.catalog-panasonic-estelist{margin-bottom:50px;}

.cath3-ttl{text-align:center !important;margin-bottom:30px;}
.cath3-ttl span{display:block;padding:20px 0;}
.cath3-ttl:before{
	border-top:1px solid #DBDACE;
	border-bottom:1px solid #FFFFFF;
	display:block;
	content:"";
}
.cath3-ttl:after{
	border-top:1px solid #DBDACE;
	border-bottom:1px solid #FFFFFF;
	display:block;
	content:"";
}
.catalog-panasonic-estelistbody{margin-bottom:20px;}
.catalog-panasonic-estelistbody dl{
	float:left;	width:223px;}
.catalog-panasonic-estelistbody dl:not(:last-child){margin-right:13px;}
.catalog-panasonic-estelistbody dl dt{background-color:#FFF;margin-bottom:5px;text-align:center !important;}






.snscontent .FLL {
float:left;
width:450px;
}
.snscontent .FLR {
float:right;
width:450px;
}
 
.hotel_info{
    border:1px solid #E3E2CC;
    padding:1px;
    background:#fff;
    margin-bottom:30px;
}
    .hotel_info table{
        width:100%;
    }
        .hotel_info th{
            width:125px;
            background:#D8CFA5;
            vertical-align:top;
        }   
        .hotel_info td{
            padding:5px 10px 0 10px;
        }
            .hotel_info td li{
                margin-bottom:5px;
            }
                .hotel_info td li .date{
                    float:left;
                    margin-right:8px;
                    padding-top:2px;
                }
                .hotel_info td li .title{
                    float:left;
                    font-size:12px;
                    background:url(//www.hotel-fine.co.jp/img/icon_right_arrow.gif) no-repeat left 8px;
                    padding-left:10px;
                }
                    .hotel_info td li .title a{
                        text-decoration:none;
                    }
                    .hotel_info td li .title a:hover{
                        text-decoration:underline;
                    }


.cf:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

.cf{
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
                                      
                                      
                                      
  .pickup-plan{
    padding:20px 0;
  }
  .pickup-plan .plan-hotel-block{
    padding-bottom: 20px;
  }
  .pickup-plan .plan-hotel-ttl{
    font-family: "hanamin_a", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:18px;
    background: transparent url("https://www.hotel-fine.co.jp/hotel/img/bg_pref_ttl.gif") repeat-x scroll center bottom !important;
    margin: 0px 0px 35px;
    padding: 0px 0px 10px;
    border-bottom:none;
  }
  .pickup-plan .plan-block{
    margin-bottom: 40px;
  }
  .pickup-plan .plan-block .img-area{
    width: 350px;
    float: right;
  }
  .pickup-plan .plan-block dl{
    width: 550px;
    float: left;
  }
  .pickup-plan .plan-block dl dt{
    font-size: 18px;
    font-weight: bold;
    padding:10px 10px 20px;
  }
  .pickup-plan .plan-block dl dd{
    font-size:13px;
    line-height: 1.6;
  }