@charset "UTF-8";

/*
Theme Name:yamaki
Theme URI: http://www.yamaki-onsen.com/
Description: 山喜用テーマ
Version: 0.2
Author:Planning-A
Author URI: http://www.yamaki-onsen.com/
Tags: 
*/


@charset "UTF-8";
/* CSS Document */

@import url('reset.css');
@import url('normalize.css');
@import url('fontstyle.css');



html{
    height:100%;
	}
	
body{
    height:100%;
	}

* html #all {
    height:100%;
	}
	
#page {
	position:relative;
	top:0;
	}	
	
#all {
    width:100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
	}
	
body > #all {
	height: auto;
	}


#wrapper {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:60px;
	}
	

	
	
/*header*/

header {
	overflow:hidden;
	padding:14px 0 0 0;
	font-size:80%;
	width:960px;
	}
	

	
header div {
	float:right;
	}	
	
header p, header ul {
	float:left;
	}	
	
header li {
	float:left;
	margin-left:3px;
	padding:0 3px 3px 3px;
	}	
	
header li a {
	text-decoration:none;
	}				
	
	
	
/*side*/		
	
#side {
	width:160px;
	float:left;
	}	
	
#side p {
	padding:70px 0 40px 0;
	}
	
#side nav li {
	margin:11px 0 0 0;	
	background:url(../../../images/common/icon/icon01.png) no-repeat 0 40%;
	padding:0 0 0 15px;
	}	
	
#side nav ul:first-child {
	margin-bottom:25px;
	}	
	
#side nav ul:first-child li {
	margin:26px 0 0 0;
	height:15px;
	}
	
#side nav ul:nth-child(2) li {
	height:12px;
	}		
	
	
/*contents*/	
	
	
	
	
		
	
#contents {
	float:right;
	width:800px;
	}
	
.lower {
	height:100%;
	

	}
	
	
.lower section  {
	position:relative;
	}	

	

	
	
	
/*footer*/	
	
footer {
	clear:both;
	border-top:1px solid #999;
	letter-spacing:0.1em;
	position:absolute;
    bottom:0px;
    height:60px;
	width:100%;
	background:#FFF;
	}	
	
footer > div {
	width:1100px;
	margin:0 auto;
	}	
	
footer div div {
	float:left;
	margin-top:15px;
	}
	
footer div div p {
	float:left;
	}
	
footer div div p + p {
	margin-left:15px;
	}
	
footer p:nth-child(1) {
	margin-top:5px;
	}	
	
footer p:nth-child(2) {
	margin-top:6px;
	}		
	
footer p:nth-child(3) {
	
	}	
	
footer p:nth-child(3) a {
	display:block;
	margin-top:5px;
	border:1px solid #999;
	padding:5px 10px 3px 10px;
	}	
	
footer p:nth-child(3) a:hover {
	background:#999;
	color:#FFF;
	text-decoration:none;
	}	
	
footer p:nth-child(4) {
	clear:both;
	margin:-5px 0 0 0;
	}		
			
	
footer ul {
	float:right;
	margin-top:5px;
	}	
	
footer li {
	float:left;
	} 	
footer li:nth-of-type(1) {
	margin:12px 4px 0px 4px;
	}		
footer li:nth-of-type(2) {
	margin:12px 4px 0px 4px;
	}		
footer li:nth-of-type(3) {
	margin:2px 4px 0px 4px;
	}		

footer li:nth-of-type(4) {
	margin:6px 2px 0px 0px;
	}	
footer li:nth-of-type(5) {
	margin:8px 4px 0px 4px;
	}		
footer li:nth-of-type(6) {
	margin:8px 4px 0px 4px;
	}				
	
	
#hislab {
	background-color:#CCC;
	width: 25%;
	float: right;
}
#hislab div {
	padding: 2%;
	cursor: default;
	height: 96%;
}
.sidecontentslider { 
	background:url(http://yamaki-onsen.com/images/common/side/slide_open.png) no-repeat 5px 30px;/*開くときの画像*/
	padding-left: 30px;
	cursor: pointer;
	background-color:#CCC;
}
.sidecontentslider:hover {
	background:url(http://yamaki-onsen.com/images/common/side/slide_open.png) no-repeat 5px 30px;/*開くときの画像*/
	background-color:#CCC;
	}
.sidecontentslider.expanded {
	background:url(http://yamaki-onsen.com/images/common/side/slide_close.png) no-repeat 5px 15px;/*閉じるときの画像*/
	background-color:#CCC;
	}
.sidecontentslider.expanded:hover {
	background: url(http://yamaki-onsen.com/images/common/side/slide_close.png) no-repeat 5px 15px;/*閉じるきの画像*/
	background-color:#CCC;
	}
	
	
	
	

/*slide	*/

#hislab {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
#hislab div {
	margin-top:20px;
	border-top:#FFF 1px solid;
	padding:20px 0 0 10px;
	}	

#hislab p + p {
	margin-top:7px;
	
	}
		
	

	
#hislab .kensaku {
	font-size:130%;
	margin:50px 0 0 10px;
	}	
	
#hislab input,select {
	margin:-2px 0 0 0;
	}		
	
#hislab input.button {
	margin:-2px 0 0 0;
	}	
	
	
	
	
	
	
.link {
	background:url(../../../images/common/icon/icon01.png) no-repeat 0 40%;
	padding-left:15px;
	}	
	
		 	
	
	
	
	
	
		
	
	
	
	
	
	
	
	
/*common*/
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*top*/

#fade {
		position: absolute;
width: 100%;
background:#FFF;
text-indent: inherit;
z-index: 9980;
height: 888px;
overflow:hidden;
	text-align:center;
	}
	
#fade p {
	position:fixed;
	left:45%;
	top:200px;
	width:136px;
	}	
	
#fade p img + img {
	margin-top:5px;
	}	


#home #contents p {
	position:fixed;
	left:45%;
	top:200px;
	width:136px;
	}
	
#home #contents p img:first-child {
	margin:0 0 5px 0;
	}
	
#home header {
	height:1.5em;
	}	
	
#home header div {
	display:none;
	}	
	
#home footer {
	display:none;
	} 			
	
	
	
/*--コンセプト---------------------------------*/		

#concept .lower {
	height:1130px;
	}

#concept #contents div, #concept #contents h1 {
	position:absolute;
	}
	
#concept #contents h1 {
	top:125px;
	left:563px;
	}	
	
#concept #contents .box1 {
	top:88px;
	left:63px;
	}
	
#concept #contents .box2 {
	top:800px;
	left:60px;
	}
	
#concept #contents .box3 {
	top:450px;
	left:60px;
	height:291px;
	}
	
#concept #contents .box4 {
	top:413px;
	left:610px;
	}
	
#concept #contents .box5 {
	top:535px;
	left:700px;
	}					






	
	
/*--温泉---------------------------------*/		


#spa .lower {
	height:740px;
	}

#spa #contents div, #spa #contents h1 {
	position:absolute;
	}
	
	
#spa #contents h1 {
	top: 430px;
	left: 282px;
	}	
	
	
#spa #contents .box1 {
	top:60px;
	left:247px;
	}
	
#spa #contents .box2 {
	top:390px;
	left:110px;
	}
	
#spa #contents .box3 {
	top:286px;
	left:22px;
	}
	
#spa #contents .box4 {
	width: 410px;
	top: 460px;
	left: 350px
	}
	
#spa #contents .box5 {
	width:800px;
	top:650px;
	left:0;
	}	
	
	
	
					


/*--料理--------------------------------*/

#cuisine .lower {
	height:800px;
	}

#cuisine #contents div, #cuisine #contents h1 {
	position:absolute;
	}
	
#cuisine #contents h1 {
	top:380px;
	left:35px;
	}	
	
#cuisine #contents .box1 {
	top:410px;
	left:104px;
	}	
	
#cuisine #contents .box2 {
	top:570px;
	left:20px;
	}	
	
#cuisine #contents .box3 {
	top:275px;
	left:465px;
	}	
	
#cuisine #contents .box4 {
	top:58px;
	left:350px;
	}	
	
#cuisine #contents .box5 {
	top:204px;
	left:253px;
	}	
	
#cuisine #contents .box6 {
	top:166px;
	left:133px;
	}	
	
#cuisine #contents .box7 {
	top:247px;
	left:40px;
	}	
	
							


/*--エステ--------------------------------*/

#relaxation .lower {
	height:920px;
	}

#relaxation #contents div, #relaxation #contents h1 {
	position:absolute;
	}
	
#relaxation #contents h1 {
	top:415px;
	left:46px;
	}	
	
#relaxation #contents .box1 {
	top:424px;
	left:193px;
	}	
	
#relaxation #contents .box2 {
	top:650px;
	left:0;
	}	
	
#relaxation #contents .box3 {
	top:90px;
	left:245px;
	}			

#relaxation #contents .box4 {
	top:263px;
	left:20px;
	}	
	
#relaxation #contents .box5 {
	top:173px;
	left:112px;
	}		


#relaxation #contents .box6 {
	top:810px;
	width:100%;
	}
	
#relaxation #contents .box6 a {
	display:block;
	width:100%;
	padding:10px 0;
	background:#E6E6E6;
	text-align:center;
	}
	
#relaxation #contents .box6 a :after {
	content:">"}	
	
	
	
	
	
	
/*--客室-----------------------------*/


#guestroom .lower {
	height:940px;
	}

#guestroom #contents div, #guestroom #contents h1 {
	position:absolute;
	}
	
#guestroom #contents h1 {
	top:433px;
	left:45px;
	}	
	
#guestroom #contents .box1 {
	top:450px;
	left:140px;
	}
	
#guestroom #contents .box2 {
	top:650px;
	left:0;
	}
	
#guestroom #contents .box3 {
	top:63px;
	left:40px;
	}
	
#guestroom #contents .box4 {
	top:354px;
	left:575px;
	}
	
#guestroom #contents .box5 {
	top:505px;
	left:520px;
	}
	
#guestroom #contents ul {
	position:absolute;
	top:780px;
	left:0;
	overflow:hidden;
	}
	
#guestroom #contents li {
	float:left;
	text-align:center;
	}
	
#guestroom #contents li + li {
	margin-left:30px;
	}
	
#guestroom #contents li p + p {
	margin-top:10px;
	}		
	
	
#guestroom #contents li a img {
	border:3px solid #FFF;
	}
				
#guestroom #contents li a:hover img {
	border:3px solid #CCC;
	}			



.modal{
	display:none;
	}
	
.modalBody{
	position: fixed;
	z-index:1000;
	background: #FFF;
	 width:500px;
	 left:50%;
	 top:50%;
	 height: 410px;
	 padding:30px 60px 60px 60px;
	 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
.modalBody p:first-child {
	margin-bottom:20px;
	}
	
.modalBody p:nth-child(3) {
	margin:10px 0;
	}	
	
.modalBody p:last-child a {
	display:block;
	width:100%;
	background:#CCC;
	text-align:center;
	padding:10px;
	}		
	
.modalBody p:last-child a:hover {
	background:#EAEAEA;
	}	
	
.modalBody p:last-child a :before {
	content:">";
}
	
	
.modalBK{
	position: fixed;
	z-index:999;
	height:100%;
	width:100%;
	background:#000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	}		
	
	
.btns, .close {
	cursor:pointer;
	}
	
	
	
	
/*--アクセス--------------------------*/	
	
#access .lower {
	height:1050px;
	}

#access #contents div, #access #contents h1 {
	position:absolute;
	}
	
#access #contents h1 {
	top:150px;
	left:593px;
	}	
	
#access #contents .box1 {
	top:90px;
	left:97px;
	}
	
#access #contents .box2 {
	top:380px;
	left:630px;
	}
	
#access #contents .box3 {
	top:480px;
	left:525px;
	}
	
#access #contents .box4 {
	top:425px;
	left:65px;
	border-top:1px solid #999999;
	padding:26px 0 0 0;
	}	
	
#access #contents .box4 p:nth-child(2) {
	border-bottom:1px solid #999999;
	padding:10px 0 26px 0;
	margin:0 0 26px 0;
	}
	
#access #contents .box4 p:nth-child(3) {
	padding:0 0 10px 0;
	}		
	
#access #contents .box5 {
	top:620px;
	left:525px;
	width:267px;
	line-height:1.5em;
	}	
	
#access #contents .box5 dl {
	border-left:1px solid #999999;
	padding:7px 0 7px 20px;
	margin-bottom:25px;
	letter-spacing:0.1em;
	}	
	
#access #contents .box5 dt {
	font-size:120%;
	}	
	
#access #contents .box5 dd {
	padding:5px 0 0 15px;
	}	
	
#access #contents .box5 .car {
	margin:10px 0;
	background:#E6E6E6;
	padding:10px 0;
	text-align:center;
	}
	
#access #contents .box5 .car a :after {
	content:"＞";
	}		
	
#access #contents div > div {
	position:inherit;
	border:1px solid #999999;
	padding:20px 0;
	text-align:center;
	width:100%;
	letter-spacing:0.1em;
	}
	
#access #contents div > div p:nth-child(2) {
	padding:10px 0 0 0;
	
	}				

	


/*--ギャラリー----------------------------*/

.photospace .thumnail_col {
	margin: 0 0 0 40px;
	padding: 280px 0 0 0;
	background:url(../../../images/gallely/h1.png) no-repeat 45% 50px;
	}

.photospace .slideshow-container {
	margin: 70px 0 0 0;
	}
	
.photospace .pagination {
	position: absolute;
	left: 40px !important;
	top: 510px !important;
	width: 100%;
	height: 30px;
	}	
	
	

	


/*--お問い合わせ--------------------------*/

#contact section {
	margin-top:40px;
	padding-left:70px;
	} 

#contact .tel {
	font-size:150%;
	margin-bottom:40px;
	letter-spacing:0.1em;
	}

.policy {
	clear:both !important;
	padding-top:60px;
	}

#contact h1 {
	display:block;
	width:52px;
	float:left;
	}
	
#contact h1 img {
	margin:-15px 0 0 0;
	}	
	
	
	
	
#contact section div div {
	width:630px;
	float:right;
	
		}
		
#contact section div div p {
	line-height:1.5em;
	letter-spacing:0.05em;	
	}	
	
#contact section div div p + p {
	margin-top:10px;
	}	
		
	
	
.policy dl {
	margin-bottom:40px;
	}
	
.policy dt {
	margin:25px 0 5px 0;
	font-size:120%;
	}
	
.policy dd {
	line-height:1.5em;
	}
	
#contact table {
	margin-top:30px;
	}


#contact th {
	background:#FFF;
	text-align:right;
	}
	
#contact table th, #contact table td {
	border:none;
	}	

#contact table th {
	padding:11px 10px 0 0;
	}
	
#contact table td {
	padding:5px 0 5px 0;
	text-align:left;
	}	
	
	

#contact form {
	text-align:center;
	
	}	
	
	
/*shop*/
#shop section p {
	text-align:center;
	margin-top:250px;
	}