/* CSS Document */
h1 { font-size: 0.8em; line-height: 1.3em; margin: 0; padding: 0; font-weight:normal;}
h2 { font-size: 100%; line-height: 1.3em; margin: 0; padding: 0;}
h3 { font-size: 85%; line-height: 1.3em; margin: 0; padding: 0;}
h4, h5, h6 { font-size: 80%; line-height: 1.3em; margin: 0; padding: 0;}
p,em { font-size: 80%; line-height: 1.7em; margin: 0; padding: 0;}
ul { font-size: 80%; line-height: 1.5em; list-style: none; margin: 0; padding: 0;}
ol {font-size: 80%; line-height: 1.5em;  list-style-type:armenian; margin: 0; padding: 0;}
li { margin: 0; padding: 0;}
dl { font-size: 80%; line-height: 1.5em; margin: 0; padding: 0;}
dt, dd { margin: 0; padding: 0;}
div { margin: 0; padding: 0;}
table { line-height: 1.5em; margin: 0; padding: 0;}
th, td { margin: 0; padding: 0;}
img { border-style: none; margin: 0; padding: 0;}
a { text-decoration:none; }
address{ font-style:normal; font-size:80%; line-height:1.5em; }
b { padding: 5px 0;  }
em { font-style:normal; }


body {margin:0;padding:0;text-align:center;background:#fff;}

#container {
		background:#fff url(../common/header_bg.gif) no-repeat top center;
		width:800px;
		margin:0 auto;
		padding:0;
		border-left:1px solid #D3D3D3;
		border-right:1px solid #D3D3D3;
		color:#303030;
		text-align:left;}

#header{
		height:100px;
}	

#logo2 {
  		margin:15px 0 0 0;
}


/*------------------------------------------------------header----------*/
#header  #sub_nav{
		float:right;
		}
		
#header  #sub_nav li a{
		color:#431013;
		font-weight:bold;
		}
		
#header p {
	float:right;
	font-size:12px;
	line-height:1em;
	font-weight:bold;
	color:#A14444;
	padding:5px 0 5px 0;}
	
#logo {
	float:left;
	margin:15px 0 0 15px;
	background:url(../common/logo.gif) no-repeat;
	height:67px;
	width:225px;
	text-indent:-9999px;}
	
	
	
#tel { float:right; margin:5px 5px 15px 0;}
#header #header_right {
	width:400px;
	float:right;
	padding:5px 5px 0 10px;}


#header #sub_nav ul { 
	width:100px;
	/*border:1px solid blue; */
	margin:0 0 0 155px;
	}
	
#header  #sub_nav li {
		float:right;
		display:block;
		height:15px;
		padding:0 0 0 10px;
		margin-right:20px;
		font-size:13px;
		color:#431013;
		background:url(../img/bg_h_li.gif) no-repeat center left;
		/*border:1px solid red;*/
		}
		
#header  #sub_nav li a {
		float:left;
		display:block;
		height:15px;
		}

/*------------------------------------------------------global_nav----------*/
#nav {clear:both;background:url(../common/global_nav.gif) no-repeat ;height:37px;}

#nav ul{ height:37px;}
#nav li { float:left; display:block; height:37px;}
#nav li a { float:left; height:37px; display:block; text-indent:-9999px;}

/*---------------------------------------blogなし-----------------------*/

#n-dish { background:url(../common/global_nav.gif) no-repeat 0 0 ; width:100px;}
#n-room { background:url(../common/global_nav.gif) no-repeat -100px 0 ; width:100px;}
#n-spa { background:url(../common/global_nav.gif) no-repeat -200px 0 ; width:100px;}
#n-fac { background:url(../common/global_nav.gif) no-repeat -300px 0 ; width:100px;}
#n-acc { background:url(../common/global_nav.gif) no-repeat -400px 0; width:100px;}
#n-ss { background:url(../common/global_nav.gif) no-repeat -500px 0; width:100px;}
#n-voice { background:url(../common/global_nav.gif) no-repeat -600px 0; width:100px;}
#n-plan { background:url(../common/global_nav.gif) no-repeat -700px 0 ; width:100px;}

a:hover#n-dish,#dish #n-dish { background:url(../common/global_nav.gif) no-repeat 0 -37px ; width:100px;}
a:hover#n-room,#room #n-room{ background:url(../common/global_nav.gif) no-repeat -100px -37px ; width:100px;}
a:hover#n-spa,#spa #n-spa { background:url(../common/global_nav.gif) no-repeat -200px -37px ; width:100px;}
a:hover#n-fac,#facilities #n-fac { background:url(../common/global_nav.gif) no-repeat -300px -37px ; width:100px;}
a:hover#n-acc,#acc #n-acc { background:url(../common/global_nav.gif) no-repeat -400px -37px; width:100px;}
a:hover#n-ss,#ss #n-ss{ background:url(../common/global_nav.gif) no-repeat -500px -37px; width:100px;}
a:hover#n-voice { background:url(../common/global_nav.gif) no-repeat -600px -37px; width:100px;}
a:hover#n-plan { background:url(../common/global_nav.gif) no-repeat -700px -37px ; width:100px;}


/*hack\*/
#contents,#t-contents {clear:both; background-color:#ffffff;}
/*end*/
#contents{
   padding:10px 22px;
   width:754px;
   background-color:#ffffff;
   
}


/*----------------------------------------------footer-----------------*/


#footer { clear:both;padding-top:30px; text-align:center;color:#533A26;}

#footer p.pagetop {
    padding:10px 0 0 0 ;
	margin:0 10px;
	width:740px;
	background:url(../common/line_dotted.gif) no-repeat left top ;
	text-align:right;
}    
#footer ul {padding:2px 30px;}
#footer #bot_nav { background:url(../common/bot_nav_bg.gif) repeat-x; height:32px;}
#footer #bot_nav ul { padding:0 20px ;}
#footer li {display:inline;}
#footer li a:link{color:#4F2701;}
#footer li a:visited {color: #945C13;}
#footer ul#foot_nav {margin:0;padding:2px 0 0 10px;background:#6E4C0E;}
#n-pagetop { margin-left:95px;}
#add_area address {padding:0px;font-size:10px; width:600px; float:right; color:#202120;}
#add_area { height:100%;clear:both; margin-top:5px ; background:#FBF4E9 url(../common/bg_footer.gif) no-repeat top center; padding:10px;border-top:1px solid #D6C2A5;border-bottom:1px solid #D6C2A5;}
#add_area img {float:left;width:167px; height:50px; margin-top:15px;}
#add_area a{color:#A14444;}
.copy {text-align:center;color:#533A26;/*margin:0 15px 0 0;*/}


/*----------------
clearfix
----------------*/
.clearfix {clear:both;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-table;}
/* Hides from IE-m \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-m */



.clear {
    clear:both;
	font-size:xx-small;
}

.hidden {
   display:none;
}
.text-box {
   padding:10px;
}
.next a,.zoom a {
   display:block;
   float:right;
   padding:0 10px 0 0 ;
   width:70px;
   height:30px;
   text-indent:-9999px;
}
.full img {
   margin:8px 0;
}
.next a {
   background:url(../common/next.gif) no-repeat left top;
}
.zoom a{
   background:url(../common/zoom.gif) no-repeat left top;
}
.left {
   float:left;
}
.right {
    float:right;
}
.read {
   padding:30px 15px ;
   line-height:180%;
}
.read2{
   padding:0 15px;
}
.f-nav{
   padding:1px;
   background:#633B22;
   /*background:#F4F2ED;*/
}
.pagetop a {
  display:block;
   padding:8px;
   text-indent:-9999px;
   background:url(../common/pagetop.gif) no-repeat left center;
   /*width:122px;
   height:24px;
   float:right;*/
}
hr.clear { height:1px; width:1px; border-color:#EFE9D9;border:0;margin:0;padding:0; clear:both;}




#links { width:240px; margin:0 0 0 0;}
#links ul{padding-left:10px;}
#links li {
		padding:0 0 0 10px;
		font-size:13px;
		color:#431013;
		background-image:url(../img/bg_h_li.gif);
		background-repeat:no-repeat;
		background-position:center left;
		}
		
#links li a:link,#links li a:visited{color:#A14444;}
/*#links li a:visited,#links li a:active{color:#A14444;}*/
#links li a:hover{ text-decoration:underline; color:#303030;}
#box_news{ width:240px; margin:8px 0; padding:0;}
#top #news{background-image:url(../img/box_news_center.gif);background-repeat:repeat-y;}
#top #news li{padding-left:5px; font-size:90%;}	
#top #news li a:link{color:#A14444;}
#top #news li a:visited{color:#C36666;}
#top #news li a:hover{ text-decoration:underline;color:#C36666;}
#top #box_qr{ 
	border:1px solid #E3C8C8;
	width:226px;
	padding:6px;
	background-color:#F4EFEF;
	background-repeat:repeat-x;
	height:92px;
	margin-bottom:5px;}
	
#top #box_qr img{margin-bottom:10px; width:98px; height:98px; float:left; }
#top #box_qr p{ width:118px;float:right; color:#5E5038; font-size:10px; margin-top:7px;padding-left:10px;}

	
#contents div#plan_col {
	padding:0;
	float:right;
	margin:0;
	/*width:465px;*/width:490px;
	}
#contents div#left_col {
    margin-bottom:5px;
}

#contents div#left_col li{

}

#top h2 {
	background:url(../img/plan_title.gif) no-repeat 0 0;
    /*width:465px;*/width:490px;
	height:21px;
	padding:0;
	text-indent:-9999px;
	margin-bottom:8px;
}

#top .plan_box1,
#top .plan_box2,
#top .plan_box3,
#top .plan_box4,
#top .plan_box5,
#top .plan_box6,
#top .plan_box7,
#top .plan_box8,
#top .plan_box9,
#top .plan_box10,
#top .plan_box11{
	/*width:435px;*/width:460px;
	padding:5px 15px;
	/*border-top:8px solid #A14444;*/
	border:1px solid #ccc;
	margin:0 0 7px 0;
	background:#FCF6F2;
}

/*#top .plan_box2{border-top:8px solid #4D5741;}
#top .plan_box3{border-top:8px solid #945C13;}
#top .plan_box4{border-top:8px solid #674E6B;}
#top .plan_box5{border-top:8px solid #A1326E;}
#top .plan_box6{border-top:8px solid #B59100;}*/

/*飛騨牛プラン*/
#top .plan_box1 h3{
	background:#CC3333;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}

/*カップルプラン*/
#top .plan_box2 h3{
	background:#999900;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}
	
/*家族プラン*/
#top .plan_box3 h3{
	background:#CC9933;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}

#top .plan_box4 h3{
	background:#674E6B;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}

/*グループプラン*/
#top .plan_box5 h3{
	background:#336699;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}

/*赤ちゃんプラン*/	
#top .plan_box6 h3{
	background:#ECBD00;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}
	
/*マタニティプラン*/	
#top .plan_box7 h3{
	background:#FF8888;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}

/*レディースプラン*/	
#top .plan_box10 h3{
	background:#FF7B3C;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}
	

/*女のひとり旅プラン*/	
#top .plan_box8 h3{
	background:#AA80D5;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}
	
/*男のひとり旅プラン*/	
#top .plan_box9 h3{
	background:#6699CC;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}
	
/*ワンランク上の飛騨牛*/	
#top .plan_box11 h3{
	background:#8e621b;
	color:#FFFFFF;
	padding:3px 0 3px 3px;
	}	
	
	

#top .plan_box1 img,
#top .plan_box2 img,
#top .plan_box3 img,
#top .plan_box4 img,
#top .plan_box5 img,
#top .plan_box6 img,
#top .plan_box7 img,
#top .plan_box8 img,
#top .plan_box9 img,
#top .plan_box10 img,
#top .plan_box11 img{
	float:left;
	margin:0 0 5px 0;
	}

#top #p_text{
	float:right;
	margin:0 0 0px 0;
	/*width:342px;*/
	width:360px;
	}

#top #p_text img{float:right;}
#top #kensaku_title{padding:5px 0;}
#top #plan_kensaku{margin-bottom:5px;}


/*ここから20090618追加分*/
#box_ranking{
	width:236px;
	margin:8px 0;
	padding-bottom:5px;
	border:2px solid #B49797;
	background-color:#fff;}

#top #box_ranking .photo{
	width:40px;
	margin:0 0 20px 10px;
	float:left;
}

#top #box_ranking .plan{
	font-size:0.75em;
	color:#A14444;
	width:220px;
	padding:5px 0 5px 10px;
	border-bottom:1px solid #ccc;}
	
#top #box_ranking .plan a:link,#top #box_ranking .plan a:visited{
	color:#A14444;
}

/*#top #box_ranking .plan a:visited,#top #box_ranking .plan a:active{
	color:#A14444;
}*/


#top #box_ranking .plan a:hover{
	text-decoration:underline;
	color:#000;
}


#top #b_voice{margin:0 0 15px 10px;}
#top .domannaka{margin:0 0 15px 20px;}

#top .kokuti{ padding:10px 0 0 0;}
#top .kokuti li a{
			color:#A14444;
			}
		
#top .kokuti li a:hover{color:#000000; text-decoration:underline;}

#kokuti_page div{  padding:10px; color:#363636; width:630px;}
#kokuti_page p{ text-align:left; margin:0 0 0 10px;}
#kokuti_page h1{ font-weight:bold; color:#fff; font-size:15px; margin:0 0 10px 0; text-align:center; padding:3px 0 3px 0; background:#363636;}
#kokuti_page .close{  font-size:12px; }
#kokuti_page .name{ float:right;}



   
