@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-family: 'Noto Sans JP', sans-serif;
}


img{border:none;
}


h1{
 float:left;
 color:#FFF;
 font-size:11px;
 padding:0;
}

h3{
 color:#993300;
 font-size:15px;
 letter-spacing:0.1em;
 line-height: 22px;
 margin:0 0 30 0;
 padding:0;
 text-align:left;
}


h4{
 color:#FFFFFF;
 font-size:15px;
 letter-spacing:0.1em;
 line-height: 22px;
 margin:0 0 30 0;
 padding:0;
 text-align:left;
 text-decoration:none;
}

h5{

}



p {
	line-height: 20px;
	font-size: 13px;
	margin:0;
	clear: both;
	}
	.pink {
	color: #FF9999;
	}
	.red {
	color: #BB0000;
    }
	.gray {
	color: #333333;
	}
	.yellow {
	color: #FFCC00;
	}
	
	.white {
	color: #FFFFFF;
	}
	

 a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
	} 


.notLink {
    pointer-events: none;
    position: relative;
}
.notLink::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
    z-index: +1;
    border: 1px solid;
    width: 80%;
}

/* Style_text
--------------------------------------------------- */
.small {font-size:11px}
.large {font-size:14px}
.bold {font-weight: bold;}
.big {font-size:20px}



/* Style_border
--------------------------------------------------- */
.border {border: 1px solid #CC6633;}
.border_double {border: 3px double #543;}
.border_btm {border-bottom: 1px solid #CC6633;}

.border02 {border: 2px double #CC6633;}

.borderdot {border: 1px dotted #CE8639;}
.borderdot_btm {border-bottom: 1px dotted #CE8639;}

.borderbox01 {
	border: 3px double #543;
	margin: 0px 5px 5px;
	padding: 10px;
	width: 510px;
	}
.line {
	margin: 0px 0px 10px;
	height: 10px;
	width: auto;
	clear: both;
	padding-bottom: 3px;
	line-height: 10px;
	}
hr{
    border:0;
    border-top:dotted 1px #999999;
	width:100%;
    height:1px;
	margin-bottom:10px;
}





body,td,th {
	color: #000000;
}
a:link {
	color: #993300;
	text-decoration: underline;

}
a:visited {
	color: #993300;
	text-decoration: underline;

}
a:hover {
	color: #993300;
	text-decoration: underline;

}
a:active {
	color: #993300;
	text-decoration: underline;

}

/* Header
-----------------------------------------------------------------------------*/
div#wrap {
	width: 100%;
	margin: 0px auto;
    position: relative;
	background-image:url(../img/header_bg.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
	}
div#header_wrap {
	top: 0px;
	width: 1020px;
	height: 150px;
	margin: 0px auto;
	}

div#header {
	margin: 0px auto;
	width: 1020px;
	height: 150px;
	padding: 0px;
	}

#logo{
	width: 1020px;
	height: 105px;
	padding-top:45px;
	}
	
/* Navigation
----------------------------------------------------------------------------*/

/* Main navi *****/

		
div#menu_wrap {
	width: 1020px;
	clear: both;
	height: 100px;
	margin: 0px auto 0px auto;
	text-align: center;
	z-index: 20;
	}	
	

/* navi *****/

#navi {
	height: 100px;
	width: 1020px;
	margin: 0px auto 30px auto;
	position: relative;
	}
	#navi li {
	height: 100px;
	float: left;
	margin: 0px;
	display: block;
	}
	#navi a {
	height: 100px;
	display: block;
	text-indent: -9999px;
	}
	#navi a:hover {
	background-image: url();
	}

#navi01 { width: 170px; background-image:url(../img/concept_on.jpg);}
#navi01 a { background-image:url(../img/concept.jpg); }
#navi02 { width: 170px; background-image:url(../img/activity_on.jpg);}
#navi02 a { background-image:url(../img/activity.jpg); }
#navi03 { width: 170px; background-image:url(../img/gourmet_on.jpg);}
#navi03 a {background-image:url(../img/gourmet.jpg); }
#navi04 { width: 170px; background-image:url(../img/institution_on.jpg);}
#navi04 a {background-image:url(../img/institution.jpg); }
#navi05 { width: 170px; background-image:url(../img/charge_on.jpg); }
#navi05 a {background-image:url(../img/charge.jpg);}
#navi06 { width: 170px; background-image:url(../img/amusement_on.jpg); }
#navi06 a {background-image:url(../img/amusement.jpg);}



/* Sub navi *****/

#subnavi {
	height: 45px;
	width: 490px;
	float: right;
	top:0px;
	margin-right: 0px;
	z-index: 100;

	}
	#subnavi li {
	height: 45px;
	float: left;
	margin: 0;
	}
	#subnavi a {
	background-image: url();
	height: 45px;
	display: block;
	text-indent: -9999px;
	}
	#subnavi a:hover {
	background-image: url();
	}

#subnavi01 { width: 70px; background-image:url(../img/access_on.jpg);}
#subnavi01 a { background-image:url(../img/access.jpg);}
#subnavi02 { width: 60px; background-image:url(../img/news_on.jpg);}
#subnavi02 a { background-image:url(../img/news.jpg);}
#subnavi03 { width: 80px; background-image:url(../img/voice_on.jpg);}
#subnavi03 a {background-image:url(../img/voice.jpg);}
#subnavi04 { width: 60px; background-image:url(../img/blog_on.jpg);}
#subnavi04 a {background-image:url(../img/blog.jpg);}
#subnavi05 { width: 60px; background-image:url(../img/link_on.jpg);}
#subnavi05 a {background-image:url(../img/link.jpg);}
#subnavi06 { width: 90px; background-image:url(../img/sitemap_on.jpg);}
#subnavi06 a {background-image:url(../img/sitemap.jpg);}
#subnavi07 { width: 70px; background-image:url(../img/english_on.jpg);}
#subnavi07 a {background-image:url(../img/english.jpg);}



/* Contents
----------------------------------------------------------------------------*/
/*#topimage{
	position: absolute;
	margin-left: -1000px;
	top: 0px;
	width: 2000px;
	height: 720px;
	left: 50%;
}*/

#image {
	margin: 0px auto 20px auto;
	width: 1020px;
	height: 400px;
	text-align: center;
	}
	#image:after{content: ""; display: block; clear: both;}
	
	
#contents {
	margin: 30px auto 20px auto;
	width: 1020px;
	}
	#contents:after{content: ""; display: block; clear: both;}
	


/* side_column
 **************************************************/
#sidecol {
	float: right;
	width: 260px;
	height:100%;
	text-align:center;
	padding-left: 0px;
	}
	#sidecol:after{content: ""; display: block; clear: both;}
	#sidecol h3 {background:none; padding:0;}

/*#Search {
	margin-bottom: 40px;
	background: url(../img/search_bg.jpg);
	}
	#planSearch iframe {
	background: #dddddd;
	height: 264px;
	width: 242px;
	}
#blog {
	width:280px;
	margin:0 0 40px 0;
	}
	#topics a {
	color: #eed;
	text-decoration: underline;
	}
	#topics p { margin-bottom: 6px; }
	#topics p span {
	}

#address{
	width:280px;
	height:260px;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	clear: both;
	text-align:center;
}	
   #address p{
	margin:0px auto;
 }*/

.bnr{
	margin-bottom:20px;
}

.bnr img:hover{
    opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
}



/* main_column
 **************************************************/
#maincol {
	width: 1020px;
	float: left;
	padding-top:0px;
	text-align:center;
	}
.contentsbox {
	width: 1020px;
	clear: both;
	margin: 0px auto 20px auto;
	text-align:left;
	}
	#maincol:after,
	.contentsbox:after{
  content: ""; 
  display: block; 
  clear: both;
  }
  
  .box {
	width: 1020px;
	clear: both;
	align:center;  
  }
  
.title{
 width:1000px;
 height:25px;
 padding:10px 0px 5px 20px;
 background-color:#930;
}

.title_2{
 width:1000px;
 height:25px;
 padding:10px 0px 5px 20px;
 background-color:#F7F2E2;
}

.layouttop {
	float:right;
	width: auto;
	clear: both;
	text-align: right;
	font-size: 11px;
	height: 30px;
	padding: 0px;
	}  

.boxl {
	width: 1020px;
	clear: both;
	margin:0px;
	padding: 0px;
	}
	.boxl img{
	float:left;
	margin:0px 20px 0px 0px;
	}
	.boxl .typearea {
	float: right;
	margin:0px;
    padding: 0px;
	text-align:left;
	}


.boxr {
	width: 1020px;
	clear: both;
	padding: 0px;
	margin: 0px auto 20px auto;
	}
	.boxr img{
	float:right;
	margin:0px 0px 0px 20px;
	}
	.boxr object{
	float:right;
	margin:0px 0px 0px 20px;
	}
	.boxr .typearea {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}
	.boxr .typearea img{
	float: left;
	margin:0px;
	padding: 0px;
	}
	
/*.plan{
	width:620px;
	height:200px;
	align:center;
　　}
.plan .shadow {
      -moz-box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
      -webkit-box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
      box-shadow: inset 0px 0px 12px rgba(0,0,0,.6);
}
.plan .shadow img {
      position: relative;
      z-index: -1;
}*/




/* Footer
-----------------------------------------------------------------------------*/
div#footer_wrap {
	width: 100%;
	height: 280px;
	clear: both;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	}
	
div#footer {
	margin: 0px auto;
	width: 1020px;
	height: 240px;
	clear: both;
	padding-top: 0px;
	}
div#pagetop {
	width: 1020px;
	float: right;
	margin: 0px auto 0px auto;
	text-align:right;
	}
div#footer_add {
	margin: 30px auto 20px auto;
	height: auto;
	width: 1020px;
	text-align: center;
	vertical-align:20px;
	line-height: 1.8em;
	}

div#footernavi {
	margin: 30px auto 20px auto;
	width: 1020px;
	padding: 0px;
	font-size: 13px;
	float: left;
	text-align: center;
	}
	div#footernavi ul {
	margin-bottom: 4px;
	}
	div#footernavi li {
	padding: 0px 5px;
	border-right: 1px solid #993300;
	display: inline;
	}

	div#footernavi a {
	text-decoration: underline;
	}
	div#footernavi a:hover {
	text-decoration: underline;
	}

/*

div#footer_yadobnr {
	margin: 0px;
	width: 570px;
	float: left;
	}
	div#footer_yadobnr p {
	}

#copyright {
	margin: 0px;
	padding: 7px 0px 0px;
	height: 18px;
	width: 290px;
	font-size: 10px;
	overflow: hidden;
	float: right;
	}

*/



/* Style float margin padding
---------------------------------------------------*/ 
.alignleft {text-align:left;}
.alignright {text-align: right;}

.lfloat {float: left;}
.rfloat {float: right;}
.cfloat {float: center;}


img.lfloat {float: left; margin-right: 10px; margin-bottom: 10px;}
img.rfloat {float: right; margin-bottom: 10px; margin-left: 10px;}

.lfloatmrb5 {float: left; margin-right: 5px; margin-bottom: 5px;}
.rfloatmbl5 {float: right; margin-bottom: 5px; margin-left: 5px;}
.lfloatmrb10 {float: left; margin-right: 10px; margin-bottom: 10px;}
.lfloatmrb15 {float: left; margin-right: 15px; margin-bottom: 15px;}
.lfloatmrb20 {float: left; margin-right: 20px; margin-bottom: 20px;}
.rfloatmbl10 {float: right; margin-left: 15px; margin-bottom: 10px; }
.lfloatmr20 {float: left; margin-right: 20px;}
.lfloatmr30 {float: left; margin-right: 30px;}

.lfloatbox {width:240px; float: left; margin-top:5px; margin-right: 0px; margin-bottom: 5px;}
.rfloatbox {width:240px; float: right; margin-top:5px; margin-left: 0px; margin-bottom: 5px; }

.m5 { margin: 5px;}
.m10 { margin: 10px;}
.m15 { margin: 15px;}
.m20 { margin: 20px;}
.m30 { margin: 30px;}
.m40 { margin: 40px;}

.mr5 { margin-right: 5px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr25 {	margin-right: 25px;}
.mr30 {	margin-right: 30px;}

.mrb5 { margin-right: 5px; margin-bottom: 5px;}
.mrb10 { margin-right: 10px; margin-bottom: 10px;}
.mrb20 { margin-right: 20px; margin-bottom: 20px;}

.mb0 { margin-bottom: 0px;}
.mb3 { margin-bottom: 3px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}


.ml10 {	margin-left: 10px;}
.ml20 {	margin-left: 20px;}
.ml30 {	margin-left: 30px;}

.mside10 { margin-right: 10px; margin-left: 10px;}
.mside15 { margin-right: 15px; margin-left: 15px;}
.mside20 { margin-right: 20px; margin-left: 20px;}

.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p20 { padding: 20px;}

.ptb5 { padding-top: 5px; padding-bottom: 5px;}
.ptb10 { padding-top: 10px; padding-bottom: 10px;}
.ptb20 { padding-top: 20px; padding-bottom: 20px;}

.pside10 { padding-right: 10px; padding-left: 10px;}
.pside20 { padding-right: 20px; padding-left: 20px;}

.pt5 { padding-top: 5px}
.pr5 { padding-right: 5px}
.pb5 { padding-bottom: 5px}
.pl5 { padding-left: 5px}

.pt20 { padding-top: 20px}

  
  



clear{
clear:both;}




	
/* リストの余計な空白削除 
------------------------------------------------ */
ul, ol, li {
	margin: 0 0 0 0;
	padding: 0;
}
ul, li {
	list-style-type:none;
}

/* h1～h6 の余計な空白削除
------------------------------------------------ */ 
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}




/* each page
=============================================================================*/

/* index page
=============================================================================*/
#toppage {
	width: 720px;
	height: aute;
    margin-bottom:40px;
	float:left;
	}

.top_contentsbox {
	width: 720px;
	height: aute;
    margin-bottom:40px;
	float:left;
	}
	
#top_a{
	width:230px;
	height:auto;
	float:left;
	margin-right:15px;
	}
	
#top_b{
	width:230px;
	height:auto;
	float:left;
	margin-right:15px;
	}
	
#top_c{
	width:230px;
	height:auto;
	float:left;
	margin-right:0px;
	}
	
	
	
/* concept page
=============================================================================*/
.answer {
	width: 1020px;
	height: auto;
    margin:0px;
	}
	.answer p {
    padding:0px 0px 0px 50px;
	text-align:left;
	}


/* gourmet page
=============================================================================*/
.left {
	width: 500px;
	height: auto;
    margin:0px;
	float:left;
	}
	.left img {
    padding:0px 0px 10px 0px;
	}
	.left p {
    padding:0px 0px 0px 0px;
	text-align:left;
	}
	.left .title500{
    width:480px;
    height:25px;
    padding:10px 0px 5px 20px;
    background-color:#930;
	margin-bottom:10px;
    }

.right {
	width: 500px;
	height: auto;
    margin:0px;
	float:right;
	}
	.right img {
    padding:0px 0px 10px 0px;
	}
	.right p {
    padding:0px 0px 0px 0px;
	text-align:left;
	}
	.right .title500{
    width:480px;
    height:25px;
    padding:10px 0px 5px 20px;
    background-color:#930;
	margin-bottom:10px;
    }

#breakfast{
	width: 1020px;
	height: 450px;
	background-image:url(../gourmet/breakfast_bg.jpg);
	}
	#breakfast .typearea {
	width:500px;
    padding:0px 0px 0px 520px;
	text-align:left;
	}	


#basashi {
	width: 900px;
	height: 200px;
    margin:0px auto ;
	background-image:url(../gourmet/basashi.jpg);
	}
	#basashi .typearea{
    width:530px;
    height:160px;
    padding:20px 0px 0px 400px;
    }




/* institution page
=============================================================================*/
.guestroom {
	width: 500px;
	height: 280px;
    margin:0px;
	float:left;
	background-image:url(../institution/guestroom_bg.jpg);
	}
	.guestroom p {
    padding:0px 0px 0px 0px;
	text-align:left;
	}

#living {
	width: 1020px;
	height:430px;
	margin: 0;
	background-image:url(../institution/living_bg.jpg);
　　}
	#living .typearea {
	width: 490px;
	height:auto;
	text-align:left;
	margin-top:290px;
	float:left;
　　}



.spa {
	width: 500px;
	height: 290px;
    margin:0px;
	float:left;
	background-image:url(../institution/spa_bg.jpg);
	}
	.spa p {
    padding:0px 0px 0px 0px;
	text-align:left;
	}	
	
/* access page
=============================================================================*/
.access {
	width: 680px;
	height: 280px;
    margin-right:10px;
	float:right;
	}
	.access .title680{
    width:670px;
    height:25px;
    padding:10px 0px 5px 20px;
    background-color:#930;
	margin-bottom:10px;
    }
.flow {
	width: 1020px;
	margin-bottom:10px;
	}
	.flow img{
    margin-right:5px;
	float:left;
	}

	
/* charge page
=============================================================================*/
#onigiri {
	width: 800px;
	height: 210px;
    margin:0px auto ;
	background-image:url(../charge/onigiri_bg.jpg);
	}
	#onigiri .typearea{
    width:530px;
    height:160px;
    padding:35px 0px 0px 250px;
    }
	
	
	/* activity page
=============================================================================*/

#owner {
	width: 500px;
	height: 370px;
    margin:0px;
	float:right;
	background-image:url(../activity/owner_bg.jpg);
	}
	#owner p {
    padding:25px 0px 0px 15px;
	text-align:left;
	}


#bbq{
	width: 1020px;
	height: 450px;
	background-image:url(../activity/bbq_bg.jpg);
	}
	#bbq .typearea {
	width:500px;
    padding:0px 0px 0px 520px;
	text-align:left;
	}	
	
	
#ski{
	width: 1020px;
	height: 450px;
	background-image:url(../activity/ski_bg.jpg);
	}
	#ski .typearea {
	width:500px;
    padding:0px 0px 0px 520px;
	text-align:left;
	}	
.movie_box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 500px;
}
.movie_box02 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 500px;
}#sidecol .nikki {
	color: #99333A;
	text-align: right;
	margin-right: 10px;
}
#sidecol .nikki a {
	color: #99333A;
	text-align: right;
	text-decoration: none;

}
#sidecol .nikki a:hover {
	color: #99333A;
	text-align: right;
	text-decoration: underline;

}
.g_logo {
	width:260px;
}
.g_logo img{
	width:100%;
}

/*linkページ追加*/
.favorite_hp tr:nth-of-type(odd) td{
	background:#F7F2E2;
}
.favorite_hp tr:nth-of-type(even) td{
	background:#F2E9C9;
}