@charset "UTF-8";


* {
	margin: 0px;
	padding: 0px;
}

html{
	height: 100%;
}

body{
	width: 100%;
	background: #3c2116 url(/yama-hotel/_img/pag_bg.png) repeat-x left top;
	min-height: 100%;
	position: relative;
	font-size: 78%;
	text-align: center;
	color: #333333;
}

* html body{
	height: 100%;
}

h1,h2,h3,h4,h5,h6,p,th,td,li,dt,dd,address,caption{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","メイリオ",'Meiryo',"Osaka",verdana,arial,sans-serif;
}

h1,h2,h3,h4,h5,h6,dt{
	color: #3c2116;
}

p,th,td,address,caption{
	line-height: 1.6;
}

li,dt,dd{
	line-height: 1.4;
}

p{
	letter-spacing: 0.05em;
}

p.image,
dt.image,
dd.image{
	letter-spacing: 0;
}

ul,ol	{list-style-type: none;}
img	{border: none; vertical-align: top;}
sup	{font-size: 70%;}

a:link,
a:visited{color: #2d8fc0; text-decoration: none;}
a:hover,
a:active{color: #ff8500; text-decoration: underline;}


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



div#wrapper{
	margin: 0px auto;
	width: 928px;
	background: url(/yama-hotel/_img/hea_bg_01.png) no-repeat left top;
}



/***********************************************/ 
/*header*/
/***********************************************/ 
div#header{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 920px;
	background: #ffffff url(/yama-hotel/_img/hea_bg_01.png) no-repeat center top;
	position: relative;
	text-align: left;
}

div#header h1.logo,
div#header p.logo{
	position: absolute;
	top: 15px;
	left: 20px;
}

/*********** subnavi ***********/
div#header div.subnavi{
	margin: 0px 0px 1px 0px;
	padding: 5px 0px 0px 469px;
	width: 271px;
	height: 24px;
	background: url(/yama-hotel/_img/hea_subnav_bg_01.png) no-repeat 459px 100%;
	float: left;
	font-size: 11px;
}

div#header div.subnavi ul li{
	padding: 0px 12px 0px 0px;
	display: inline;
	font-size: 1px;
	line-height: 1.1;
}

/*********** fontsize ***********/
div#header div.fontsize{
	margin: 0px 0px 1px 0px;
	padding: 3px 0px 0px 0px;
	width: 168px;
	height: 26px;
	background: url(/yama-hotel/_img/hea_subnav_bg_01.png) no-repeat right bottom;
	float: left;
	font-size: 11px;
}

div#header div.fontsize p{
	margin: 0px 5px 0px 0px;
	float: left;
}

div#header div.fontsize ul{
	float: left;
}

div#header div.fontsize ul li{
	padding: 0px 1px 0px 0px;
	display: inline;
	font-size: 1px;
	line-height: 1.1;
}



/*********** reserve ***********/
div#header div.reserve{
	margin: 0px 0px 0px 616px;
	padding: 0px 0px 12px 0px;
	width: 292px;
}

div#header div.reserve p{
	padding: 0px 0px 0px 7px;
	float: left;
}

/*********** globalnavi ***********/
div#header ul.globalnavi{
	padding: 5px 12px 6px 12px;
	background: url(/yama-hotel/_img/hea_nav_bg.png) no-repeat left top;
	border-bottom: #a17c77 solid 2px;
}

div#header ul.globalnavi li{
	display: inline;
	font-size: 1px;
	line-height: 1.1;
}

/*********** bread-crumbs ***********/
div#header ul.bread-crumbs{
	padding: 7px 20px 23px 20px;
	background-color: #ffffff;
	border-bottom: #e5d8d5 solid 1px;
}

div#header ul.bread-crumbs li{
	display: inline;
	font-size: 88%;
	line-height: 1.1;
}

div#header ul.bread-crumbs li a:link,
div#header ul.bread-crumbs li a:visited{
	color: #333333;
	text-decoration: underline;
}

div#header ul.bread-crumbs li a:hover,
div#header ul.bread-crumbs li a:active{
	color: #ff8500;
	text-decoration: underline;
}



/***********************************************/ 
/*main-contents*/
/***********************************************/ 
div#contents{
	margin: 0px auto;
	padding: 0px 0px 100px 0px;
	width: 920px;
	background: url(/yama-hotel/_img/bod_bg_01.png) repeat-y left top;
	text-align: left;
}

div.main-contents{
	width: 690px;
	float: left;
}

div.main-contents div.main-contents-child{
	margin: 40px 30px 0px 30px;
}

div.main-contents div.main-contents-child p.lead{
	margin: 0px 0px 10px 0px;
}

div.main-contents div.main-contents-child ul.pagenavi{
	margin: 20px 0px 0px 0px;
}

div.main-contents div.main-contents-child ul.pagenavi li{
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 15px;
	display: inline;
	background: url(/yama-hotel/_img/bod_ico_arrow_02.png) no-repeat left center;
	line-height: 1.6;
}

div.main-contents div.main-contents-child h2.block-title{
	margin: 0px 0px 20px 0px;
	background: none !important;
	position: relative;
	left: -30px;
	font-size: 12px;
	line-height: 1.1;
}

div.main-contents div.banner{
	margin-top: 50px;
	margin-right: 0px;
	padding: 20px 0px 0px 0px;
	width: 630px;
	background: url(/yama-hotel/_img/bod_lin_dot_01.png) repeat-x left top !important;
	zoom: 1;
	overflow: hidden;
	text-align: center;
}

div.main-contents div.banner ul{
	padding: 0px 0px 40px 0px;
	width: 660px;
	zoom: 1;
	overflow: hidden;
}

div.main-contents div.banner ul li{
	padding: 0px 30px 0px 0px;
	float: left;
}

div.main-contents dl.data-table dt{
	margin: 0px 10px 0px 0px;
	padding: 2px 0px 10px 2px;
	width: 88px;
	float: left;
	border-top: #673633 solid 2px;
	font-size: 88%;
	font-weight: bold;
}

div.main-contents dl.data-table dd{
	padding: 3px 0px 10px 2px;
	border-top: #77645c solid 1px;
	zoom: 1;
	overflow: hidden;
	font-size: 88%;
}

div.main-contents dl.data-list dt{
	padding: 0px 5px 0px 15px;
	float: left;
	line-height: 1.1;
}

div.main-contents dl.data-list dd{
	float: left;
	line-height: 1.2;
	color: #3c2116;
}

div.main-contents dl.inline-data-list dt{
	padding: 1px 2px;
	background-color: #ede5e5;
	border: #d4c9c8 solid 1px;
	float: left;
	font-weight: normal !important;
	line-height: 1.1;
}

div.main-contents dl.inline-data-list dd{
	padding: 2px 0px 2px 0.5em;
	zoom: 1;
	overflow: hidden;
	color: #3c2116;
	line-height: 1.2;
}

div.main-contents .link{
	padding-left: 15px !important;
	background: url(/yama-hotel/_img/bod_ico_arrow_02.png) no-repeat left top !important;
	line-height: 1.1;
}

div.main-contents .link a.blank{
	padding: 0px 15px 0px 0px;
	background: url(/yama-hotel/_img/bod_ico_target_blank.png) no-repeat right top;
}

div.main-contents a.pdf{
	padding: 0px 0px 0px 19px;
	background: url(/yama-hotel/_img/bod_ico_pdf.gif) no-repeat 0px 1px;
	display: block;
}

.infotxt{
	width: 550px;
	margin:10px auto 0;
	border: 2px solid #CC0000;
	padding: 8px 10px;
	text-align: center;
}

.infotxt a{
	color: #CC0000;
	font-weight:bold;
}

/***********************************************/ 
/*side-contents*/
/***********************************************/ 
div.side-contents{
	width: 230px;
	float: right;
	background: url(/yama-hotel/_img/sid_bg_01.png) no-repeat left top;
	position: relative;
}

/*********** localnavi ***********/
div.side-contents div.localnavi{
	margin: 0px 6px 3px 6px;
	padding: 0px 0px 10px 0px;
	background: url(/yama-hotel/_img/sid_nav_bg_02.png) no-repeat left bottom;
	position: relative;
	top: -15px;
}

div.side-contents div.localnavi p{
	padding: 9px 9px 0px 9px;
	width: 200px;
	background: url(/yama-hotel/_img/sid_nav_bg_01.png) no-repeat left top;
}

div.side-contents div.localnavi ul{
	margin: -2px 9px 0px 9px;
	width: 200px;
	overflow: hidden;
	background: url(/yama-hotel/_img/sid_nav_bg_03.png) no-repeat 0px 50%;
}

div.side-contents div.localnavi ul li{
	padding: 2px 0px 0px 0px;
	width: 200px;
	background: url(/yama-hotel/_img/sid_nav_lin_01.png) no-repeat center top;
	line-height: 1.2;
	color: #332322;
}

div.side-contents div.localnavi ul li span{
	display: block;
	font-size: 75%;
}

div.side-contents div.localnavi ul li span.current,
div.side-contents div.localnavi ul li a{
	padding: 11px 9px 11px 23px;
	width: 168px;
	display: block;
	background: url(/yama-hotel/_img/sid_nav_bg_03.png) no-repeat 0px 50%;
}

div.side-contents div.localnavi ul li a:link,
div.side-contents div.localnavi ul li a:visited{
	color: #332322;
	text-decoration: none;
}

div.side-contents div.localnavi ul li a:hover,
div.side-contents div.localnavi ul li a:active{
	background-position: -200px 50%;
	color: #332322;
	text-decoration: underline;
}

div.side-contents div.localnavi ul li a.current:link,
div.side-contents div.localnavi ul li a.current:visited{
	background-position: -200px 50%;
	color: #332322;
	text-decoration: none;
}

div.side-contents div.localnavi ul li a.current:hover,
div.side-contents div.localnavi ul li a.current:active{
	color: #332322;
	text-decoration: underline;
}

div.side-contents div.localnavi ul li span.current{
	background-position: -200px 50%;
	font-size: 100%;
	color: #332322;
}

div.side-contents div.localnavi ul li ul{
	margin: 0px 5px;
	padding: 0px 0px 10px 15px;
	width: 175px;
	background: none;
	background-color: #ffffff;
	font-size: 95%;
}

div.side-contents div.localnavi ul li ul li{
	margin: 6px 0px 0px 0px;
	width: 173px;
	background: none;
	line-height: 1.1;
}

div.side-contents div.localnavi ul li ul li a{
	padding: 0px 0px 0px 7px;
	width: 166px;
}

div.side-contents div.localnavi ul li ul li a:link,
div.side-contents div.localnavi ul li ul li a:visited{
	background: url(/yama-hotel/_img/bod_ico_arrow_03.png) no-repeat left center !important;
	color: #332322;
	text-decoration: none;
}

div.side-contents div.localnavi ul li ul li a:hover,
div.side-contents div.localnavi ul li ul li a:active{
	background: url(/yama-hotel/_img/bod_ico_arrow_03.png) no-repeat left center !important;
	color: #332322;
	text-decoration: underline;
}

div.side-contents div.localnavi ul li ul li span.current{
	padding: 0px 0px 0px 7px;
	width: 166px;
	background: url(/yama-hotel/_img/bod_ico_arrow_03_gray.png) no-repeat left center;
	color: #A6A6A6;
}

/*********** reserve ***********/
div.side-contents div.reserve{
	margin: 0px 10px 10px 10px;
	padding: 5px;
	width: 200px;
	background: url(/yama-hotel/_img/sid_01_bg_01.png) repeat left top;
}

div.side-contents div.reserve div{
	padding: 10px 10px 5px;
	width: 179px;
	background: url(/yama-hotel/_img/sid_01_bg_02.png) repeat-x left top;
}

div.side-contents div.reserve div p{
	text-align: center;
}

div.side-contents div.reserve div p.link{
	margin: 0px 0px 5px 7px;
	padding: 0px 0px 0px 13px;
	background: url(/yama-hotel/_img/bod_ico_arrow_01.png) no-repeat left top;
	font-size: 88%;
	line-height: 1.1;
	color: #360a02;
	text-align: left;
}

div.side-contents div.reserve div p.link a{
	color: #360a02;
}

div.side-contents div.reserve div p.tell{
	padding:0px 0 5px 0;
}

div.side-contents div.reserve div p.mail{
	padding:10px 0 10px 0;
}

/*********** side banner ***********/
div.side-contents ul.banner{
	margin: 0px 10px;
}

div.side-contents ul.banner li{
	margin: 0px 0px 10px 0px;
}



/***********************************************/ 
/*footer*/
/***********************************************/ 
div#footer{
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	width: 920px;
	background: url(/yama-hotel/_img/foo_bg_02.png) no-repeat 0px 32px;
	text-align: left;
	color: #ffffff;
}

div#footer p.to-top{
	padding: 0px 11px 0px 0px;
	background: url(/yama-hotel/_img/foo_bg_01.png) no-repeat left bottom;
	text-align: right;
}

div#footer address{
	padding: 15px 15px 0px 15px;
	float: left;
	background: url(/yama-hotel/_img/foo_lin_01.png) repeat-y right top;
	font-size: 88%;
	font-style: normal;
	line-height: 1.2;
	color: #ffffff;
}

div#footer address span{
	padding: 0px 0px 0px 45px;
	display: block;
}

div#footer ul{
	padding: 15px;
	width: 150px;
	float: left;
}

div#footer ul li{
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(/yama-hotel/_img/foo_ico_arrow.png) no-repeat left top;
	font-size: 88%;
	line-height: 1.1;
}

div#footer ul li a{
	color: #ffffff;
}

div#footer div.bottom-bar{
	padding: 5px 10px;
	width: 900px;
	clear: both;
	background-color: #360a02;
}

div#footer div.bottom-bar ul.subnavi{
	padding: 0px;
	width: 600px;
	float: left;
	overflow: hidden;
}

div#footer div.bottom-bar ul.subnavi li{
	margin: 0px 0px 0px -1px;
	padding: 0px 3px 0px 5px;
	border-left: #baaead solid 1px;
	background: none;
	display: inline;
}

div#footer div.bottom-bar p.copyright{
	width: 300px;
	float: right;
	text-align: right;
	font-family: verdana , sans-serif;
	font-size: 10px;
	line-height: 1.1;
	color: #ffffff;
	letter-spacing: -0.05em;
}










/* IE Alpha */
* html div.side-contents div.localnavi div#ie_alpha{
	width: 218px;
	height: 578px;
	z-index: -1;
	position: absolute;
	bottom: 0px;
	left: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(Src=/yama-hotel/_img/sid_nav_bg_02.png,SizingMethod=crop);
}








/***********************************************/ 
/*720 wrapper*/
/***********************************************/ 
body#w720 div#wrapper{
	width: 728px;
	background: url(/yama-hotel/_img/720_hea_bg_01.jpg) no-repeat left top;
}



/***********************************************/ 
/*720 header*/
/***********************************************/ 
body#w720 div#header{
	width: 720px;
	height: 87px;
	background: url(/yama-hotel/_img/720_hea_bg_01.jpg) no-repeat center top;
}

body#w720 div#header ul.button{
	position: absolute;
	top: 0px;
	right: 27px;
}

body#w720 div#header ul.button li img{
	cursor: pointer;
}



/***********************************************/ 
/*720 contents*/
/***********************************************/ 
body#w720 div#contents{
	width: 720px;
	background-image: none;
	background-color: #ffffff;
	text-align: center;
}



/***********************************************/ 
/*720 main-contents*/
/***********************************************/ 
body#w720 div.main-contents{
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	width: 720px;
	float: none;
	text-align: left;
}



/***********************************************/ 
/*720 footer*/
/***********************************************/ 
body#w720 div#footer{
	width: 720px;
}

body#w720 div#footer p.to-top{
	background: #ffffff url(/yama-hotel/_img/720_foo_bg_01.png) no-repeat left bottom;
}

body#w720 div#footer div.bottom-bar{
	width: 700px;
}