@charset "UTF-8";

* {vertical-align: baseline; margin: 0px; padding: 0px; border: none;}

.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}

/** クリアフィックス ------------------------------ **/
.clearfix:after {
	content: url(../images/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}

/** タグ ------------------------------ **/
body {color: #000000;
	font: 75%/1.8 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body#bg_tengu {background: url(../images/bg_body.jpg) no-repeat fixed left top;}

div {text-align: left;}
ul {list-style: none;}


h1 {background: url(../images/logo_header.png) repeat-x left top;
	display: block; height: 50px; width: 290px;
	float: left; text-indent: -10000px; behavior: expression(IEPNGFIX.fix(this));}
h1 a {display: block; height: 50px; width: 290px; }

h3 {font-size: 120%;}
h4 {font-size: 110%; color: #006666;}
h5 {font-size: 105%; color: #CC3300;}
h6 {}

a:link {color: #003399; text-decoration: none;}
a:hover {color: #FF3333; text-decoration: underline;}
a:visited {color: #336699; text-decoration: none;}


/** 基準 ------------------------------ **/
#header,#contents,#footer,#visual .block,#navi .block {
	height: auto; width: 920px; margin-right: auto; margin-left: auto;}

#header {height: 50px;padding-top: 30px;}

#visual {
	background: url(../images/bg_visual.png);
	clear: both;
	border-top: 1px dotted #999999;
	behavior: expression(IEPNGFIX.fix(this));
}
#visual #bg_home {
	height: auto;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 50px;
	padding-left: 50px;
	background: url(../images/bg_home_visu.png) no-repeat left center;
	behavior: expression(IEPNGFIX.fix(this));
}

#navi {
	background: url(../images/bg_navi_gl.png) repeat-x left top;
	width: 100%;
	height: 34px;
	padding-top: 5px;
	behavior: expression(IEPNGFIX.fix(this));
}

#contents {clear: both;}

#bottom_wrap {clear: both; width: 100%; border-top: 1px dotted #999999;}

#footer {clear: both; padding: 10px 0px;}
#footer span {
	background: url(../images/logo_footer.png) no-repeat left top;
	height: 32px;
	width: 660px;
	display: block;
	text-indent: -10000px;
	behavior: expression(IEPNGFIX.fix(this));
}

/** ナビゲーション ------------------------------ **/
#header ul { display: block; float: right; height: 30px; width: 320px; padding-top: 13px;}
#header ul li,#header ul li a { display: block; height: 28px; width: auto; float: left;}

#header ul li a {text-indent: -10000px;}

#header ul li a.navi1 {
	background: url(../images/navi_hd_1.jpg) no-repeat left top;
	width: 70px;}
#header ul li a.navi2 {
	background: url(../images/navi_hd_2.jpg) no-repeat left top;
	width: 70px;}
#header ul li a.navi3 {
	background: url(../images/navi_hd_3.jpg) no-repeat left top;
	width: 80px;}
#header ul li a.navi4 {
	background: url(../images/navi_hd_4.jpg) no-repeat left top;
	width: 100px;}
#header ul li a.navi1:hover {
	background: url(../images/navi_hd_f1.jpg) no-repeat left top;}
#header ul li a.navi2:hover {
	background: url(../images/navi_hd_f2.jpg) no-repeat left top;}
#header ul li a.navi3:hover {
	background: url(../images/navi_hd_f3.jpg) no-repeat left top;}
#header ul li a.navi4:hover {
	background: url(../images/navi_hd_f4.jpg) no-repeat left top;}


#navi ul {height: 34px; width: 920px;}
#navi ul li,#navi ul li a {float: left; height: 34px; display: block;}
#navi ul li a {text-indent: -10000px;}

#navi ul li a.navi1 {
	width: 132px;
	background: url(../images/navi_gl_1.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi2 {
	width: 131px;
	background: url(../images/navi_gl_2.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi3 {
	width: 131px;
	background: url(../images/navi_gl_3.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi4 {
	width: 131px;
	background: url(../images/navi_gl_4.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi5 {
	width: 131px;
	background: url(../images/navi_gl_5.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi6 {
	width: 131px;
	background: url(../images/navi_gl_6.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi7 {
	width: 133px;
	background: url(../images/navi_gl_7.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}

#navi ul li a.navi1:hover {
	background: url(../images/navi_gl_f1.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi2:hover {
	background: url(../images/navi_gl_f2.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi3:hover {
	background: url(../images/navi_gl_f3.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi4:hover {
	background: url(../images/navi_gl_f4.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi5:hover {
	background: url(../images/navi_gl_f5.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi6:hover {
	background: url(../images/navi_gl_f6.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}
#navi ul li a.navi7:hover {
	background: url(../images/navi_gl_f7.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));}


/** リスト ------------------------------ **/
.list_01 {width: 540px clear: both; padding-left: 20px;}
.list_01 .date { width: 80px; float: left; padding-bottom: 5px;}
.list_01 .title { width: 460px; float: right; adding-bottom: 5px;}


/** 各ページ ------------------------------ **/
#contents .block {
	/*padding: 5px 20px 10px;*/
	background: #FFFFFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom: 20px;}
#contents p {
	text-align: justify;
	margin-bottom: 0.5em;}
#home,#ryouri,#onsen,#sisetu,#taiken,#shuuhen,#link,#info,#sitemap,#access {
	padding: 20px 30px 30px;}

/** ホーム ------------------------------ **/
#home .alignleft {width: 590px;}
#home .alignright {width: 240px;}
#home .alignright img {margin-bottom: 10px;}

/** 山のこだわり料理 ------------------------------ **/
#ryouri div.alignleft {width: 500px;}
#ryouri div.alignright {width: 340px;}
#ryouri div.alignleft h3 {
	background: url(../images/h3_500.gif) no-repeat left bottom;
	height: 40px;
	width: 500px;
	padding-bottom: 2px;}
#ryouri div.inner {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;}
#ryouri #sobafla {
	float: left;
	height: 150px;
	width: 200px;
	padding-right: 10px;
	padding-bottom: 5px;}
#ryouri img.alignleft {
	margin-right: 10px;
	margin-bottom: 5px;}

/** 天狗温泉 ------------------------------ **/
#onsen div.alignleft {width: 500px;}
#onsen div.alignright {width: 340px;}
#onsen div.alignleft h3 {
	background: url(../images/h3_500.gif) no-repeat left bottom;
	height: 40px;
	width: 500px;
	padding-bottom: 2px;}
#onsen div.alignleft .inner{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;}
#onsen img.alignleft {
	margin-right: 10px;
	margin-bottom: 5px;}
#onsen img.alignright {
	margin-bottom: 5px;
	margin-left: 10px;}

/** 施設案内 ------------------------------ **/
#sisetu div.alignleft,#sisetu div.alignright {
	height: auto;
	width: 420px;}
#sisetu h3 {
	background: url(../images/h3_420.gif) no-repeat left bottom;
	height: 40px;
	width: 420px;
	padding-bottom: 2px;}

#sisetu div.inner {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;}

#sisetu div.inner img.alignleft {
	margin-right: 10px;
	margin-bottom: 10px;}

#sisetu div#info {
	width: 820px;
	margin: 0px;
	padding: 0px;}



#sisetu #info .inner {
	width: 818px;
	padding: 10px 20px 5px;
	line-height: 1.8em;}
#sisetu #info .inner .alignleft strong {
	background: url(../images/icon_list1.gif) no-repeat right center;
	display: block;
	width: 120px;
	border-bottom: 1px solid #003399;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
}
#sisetu #info .inner .alignleft a:hover {
	color: #FF8800;
	text-decoration: none;
	border-bottom-color: #FF8800;
}


#sisetu #info .inner .alignright {width: 490px;}
#sisetu #info .inner .alignright img {}

#sisetu #info .inner .tbl_03{
	width: 490px;
	margin: 0px 5px 5px 0px;}
#sisetu #info .inner .a {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 300px;
	border-style: none;}

#sisetu #info .inner img {
	margin: 0px 20px 10px 0px;
	padding: 0px;}

#sisetu #info .inner .tbl_02 {
	width: 490px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin: 0px 5px 3px 0px;}
#sisetu #info .inner .tbl_02 th,.tbl_02 td {
	padding: 3px 5px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;}
#sisetu #info .inner .tbl_02 thead th {
	color: #FFF;
	background: #366;
	text-align: center;}
#sisetu #info .inner .tbl_02 tbody th {
	background: #D5F5D3;
	text-align: left;}
#sisetu #info .inner .gassyuku td {
	border: thin solid #A2B99F;
	margin: 0px;
	padding: 10px;
	background: #FFFFCC;}
#sisetu #info .inner .gassyuku h4 {
	font-size: 18px;
	margin-bottom: 10px;}
#sisetu #info .inner .gassyuku .list_01 {
	font-size: 15px;
	padding: 5px;
	color: #996600;
	font-weight: bold;}

#sisetu #info .inner .gassyuku .date {font-size: 10px;}
#sisetu #info .inner .gassyuku .title { font-weight: bold; color: #CC0000; font-size: 14px;
}

#sisetu_m {
	height: auto;
	width: 86px;
	padding-top: 20px;
	margin-bottom: 20px;
}
#sisetu_m h3 {
	background: url(../images/h3_860.gif) no-repeat left bottom;
	height: 40px;
	width: 860px;
	padding-bottom: 2px;}
#sisetu_m div.inner {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;
	border-top: 1px none #CCC;
	width: 818px;
}
#sisetu_m .inner .tbl_04 {
	width: 700px;
	margin: auto auto 20px;
}
#sisetu_m .inner .tbl_04 th {
	vertical-align: middle;
	padding: 10px;
}
#sisetu_m .inner .tbl_04 td {
	vertical-align: middle;
	padding: 015px;
}
#sisetu_m .inner a {
	margin: 20px 20px 0px;
	display: block;
	text-align: right;
}
#sisetu_m .inner .tbl_04 input {
	padding: 5px;
}
#sisetu_m .inner .tbl_04 textarea {
	padding: 5px;
}








.tbl_03 {
	width: 100%;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;}
.tbl_03 th,.tbl_03 td {
	padding: 3px 5px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: left;}
.tbl_03 th {
	color: #FFF;
	background: #366;}
.tbl_04 {
	margin-bottom: 20px;}
.tbl_04 th,.tbl_04 td {
	padding: 10px 20px 10px 0px;
	border-bottom: 1px dotted #CCC;}
.tbl_04 td input,.tbl_04 td textarea {
	border: 1px solid #CCC;}
.block_btn {
	text-align: center;}
.block_btn input[type="submit"],.block_btn input[type="reset"] {
	padding: 5px 10px;}




/** 体験イベント ------------------------------ **/
#taiken div.alignleft,#taiken div.alignright {width: 420px;}
#taiken div h3 {
	background: url(../images/h3_420.gif) no-repeat left bottom;
	height: 40px;
	width: 420px;
	padding-bottom: 2px;}
#taiken div.inner{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;}
#taiken img.alignleft {
	margin-right: 10px;
	margin-bottom: 10px;}
#taiken img.alignright {
	margin-bottom: 10px;
	margin-left: 10px;}

.tbl_01 {
	width: 100%;
	border-top: 1px dotted #CCC;}
.tbl_01 th,.tbl_01 td {
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px dotted #CCC;}
.tbl_01 th {
	white-space: nowrap;
	text-align: left;
	background: url(../images/icon_list3.gif) no-repeat left 6px;
	padding-left: 13px;}

.tbl_02 {
	width: 100%;
	margin-bottom: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;}
.tbl_02 th,.tbl_02 td {
	padding: 3px 5px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;}
.tbl_02 thead th {
	color: #FFF;
	background: #366;
	text-align: center;}
.tbl_02 tbody th {
	background: #D5F5D3;
	text-align: left;}

/** 料金・ご予約 ------------------------------ **/
.tbl_05 {
	width: 100%;
	margin-bottom: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;}
.tbl_05 th,.tbl_05 td {
	padding: 3px 5px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align:center;}
.tbl_05 thead th {
	color: #FFF;
	background: #366;
	text-align: center;}
.tbl_05 tbody th {
	background: #D5F5D3;
	text-align: left;}
.tbl_05 caption {
	text-align: left;
	padding-left:10px;}
.yoyakubtn {
	text-align:right;
	width:100%;}
.faxbtn {
	text-align:center;
	width:100%;}


/** 周辺情報 ------------------------------ **/
#shuuhen div.alignleft,#shuuhen div.alignright {
	height: auto;
	width: 420px;}
#shuuhen h3 {
	background: url(../images/h3_420.gif) no-repeat left bottom;
	height: 40px;
	width: 420px;
	padding-bottom: 2px;}
#shuuhen div.inner {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;}
#shuuhen div.inner h4 {
	background: url(../images/icon_list3.gif) no-repeat left;
	padding-left: 15px;}

/** リンク ------------------------------ **/
#link div.alignleft,#link div.alignright {
	height: auto;
	width: 420px;}
#link h3 {
	background: url(../images/h3_420.gif) no-repeat left bottom;
	height: 40px;
	width: 420px;
	padding-bottom: 2px;}
#link div.inner {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;}
#link div.inner a {
	background: url(../images/icon_list1.gif) no-repeat left;
	padding-left: 10px;}

/** INFO ------------------------------ **/
#info h3 {
	background: url(../images/h3_860.gif) no-repeat left bottom;
	height: 40px;
	width: 860px;
	padding-bottom: 2px;}
#info div.inner {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;}

/** ACCESS ------------------------------ **/
#access div.alignleft,#access div.alignright {
	height: auto;
	width: 420px;}
#access div.alignleft h3 {
	background: url(../images/h3_420.gif) no-repeat left bottom;
	height: 40px;
	width: 420px;
	padding-bottom: 2px;}
#access div.alignright a {
	margin-bottom: 10px;
	display: block;}

#access div.inner {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top-style: none;
	background: #FFFFFF;
	padding: 10px 20px 20px;
	margin-bottom: 10px;}
#access div.inner h4 {
	background: url(../images/icon_list3.gif) no-repeat left;
	padding-left: 15px;}

/** サイトマップ ------------------------------ **/
#sitemap .alignleft {width: 280px;}
#sitemap .alignleft li {
	display: block;
	margin-bottom: 3px;}
#sitemap .alignleft a {
	background: #eeeeee url(../images/icon_list2.gif) no-repeat 5px;
	width: 245px;
	padding: 3px 15px;
	display: block;}

/** リバティーロゴ ------------------------------ **/
.ydbn14 {
	float: right;
	padding-top: 10px;
	padding-right: 10px;}
.ydbn14 a {
	height: 13px;
	width: 44px;
	display: block;
	background-image: url(http://www.yado-sagashi.com/bn/libertybn04_ss.gif);}
.ydbn14 a b {
	position:relative;
	height: 13px;
	width: 44px;
	display: block;
	z-index:-1;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: x-small;}

.center {text-align:center;}