@charset "utf-8";

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:62.5%;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	table{border-collapse:collapse;border-spacing:0em;}
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}



/*------------------------------------------h1h6------------------------------------------*/


	h1 {
		width     : 110px ;
		margin    : 24px 0 0 32px ;
		padding   : 0 ;
		font-size : 0       ;
		float     : left    ;
		display   : inline  ;
	}

	h2 {
		font-size : 1em ;
		margin    : 0   ;
		padding   : 0   ;
	}
	
	h3 {
		font-size : 1em ;
		margin    : 0 0 25px 0 ;
		padding   : 0   ;
	}
	
	h4 {
		font-size : 1.2em ;
		margin    : 0 0 20px 0 ;
		padding   : 0   ;
	}
	
	

/*--------------------------------------------------------------------------------------*/


	a:link    { color: #af500b ; }
	a:visited { color: #af500b ; }
	a:hover   { color: #df7f39 ; text-decoration : none ; }
	a:active  { color: #df7f39 ; text-decoration : none ; }
	
	br.clear {
		clear : both ;
	}
	
	.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	

	* {
		margin  : 0 ;
		padding : 0 ;
	}

	html {
		height : 100% ;
	}
	
	body {
		height : 100% ;
		background       : url(../img/bg_body.png) repeat-x ;
		background-color : #e6e3da                        ;
		color            : #444                           ;
		text-align       : center                         ;
	}
	

	#wrapper {
		width      : 840px         ;
		min-height : 100%          ;
		height     : auto !important;
		height     : 100%          ;  
		margin     : 0 auto -250px ;
		padding    : 0px           ;
	}
	
	
	.push {
		height : 250px ;
	}
	
	p {
		color        : #444       ;
		line-height  : 140%       ;
	}
	
	

/*----------------------------------------contentsBase----------------------------------------*/

#contentsWrapper {
	padding : 40px 0 0 0 ;
	background:url(../img/bg_contents.png) no-repeat ;
}

#mainHead {
	width   : 120px  ;
	float   : left   ;
	display : inline ;
}

#contents {
	width   : 710px  ;
	text-align:left;
	float   : right  ;
	display : inline ;
}


#saloninfoWrapper {
	width : 580px ;
	margin : 0 auto 20px auto ;
}

	#siAxis {
		width   : 285px  ;
		float   : left   ;
		display : inline ;
	}
	
	#siClue {
		width   : 285px  ;
		float   : right  ;
		display : inline ;
	}


#skyscraper {
	position:absolute;
	height:600px;
	top:;
	left:1070px;
}


/*-------------------------------------------header-------------------------------------------*/
	
#header {
	width   : 840px ;
	height  : 157px ;
	margin  : 0 auto ;
	padding : 0 ;
	text-align:left;
	background:url(../img/bg_header.png) no-repeat ;
}

#subNav {
	margin  : 68px 27px 0 0 ;
	float   : right  ;
	display : inline ;
}

	#subNav li {
		display : inline ;
	}
	
	#subNav li#s_company {
		margin : 0 3px 0 0 ;
	}
	
	#subNav li#s_contact {
		margin : 0 0 0 3px ;
	}

/*--------------------------------------------gNav--------------------------------------------*/

#gNavWrapper {
	height : 55px ;
}

#gNav {}

#gNav li {
	width : 120px ;
	float : left ;
}


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

	
	#footer {
		height     : 240px ;
		margin-top : 10px  ;
		background : url(../img/bg_footer.png) repeat-x ;
		background-color:#331902;
	}
	
	.pagetop {
		margin-right:1px;
		text-align:right;
	}
	
	#footerContents {
		width   : 840px ;
		margin  : 0 auto ;
		padding : 40px 0 0 0 ;
	}
	
	#fNav {
		width   : 840px ;
	}
	
	#fNav li {
		float           : left    ;
	}
	
	#fNav li a {
		width           : 100px   ;
		height          : 18px    ;
		margin          : 0 0 0 1px ;
		padding         : 6px 0 0 19px ;
		color           : #c5906d ;
		text-align      : left    ;
		text-decoration : none    ;
		display         : block   ;
		background      : url(../img/fNav_off.png) no-repeat ;
	}
	
	#fNav li a:hover {
		background      : url(../img/fNav_on.png) no-repeat ;
	}
	
	
	#credit {
		margin : 10px 0 0 0;
	}
	
		.c_left {
			width   : 50px   ;
			padding : 0 10px 0 0  ;
			float   : left   ;
			display : inline ;
		}
		
		.c_right {
			text-align : left   ;
			float      : left   ;
			display    : inline ;
		}
	
		.copyright {
			color       : #875a3c   ;
			padding     : 8px 0 0 0 ;
			line-height : 1         ;
			text-align  : center    ;
		}
		
		#fSubNav {
			margin-top : 12px ;
		}
			
			#fSubNav li {
				margin-right : 15px   ;
				text-indent  : 1.15em ;
				float        : left   ;
				line-height  : 1      ;
				background   : url(../img/icon_f_circle.png) no-repeat left 1px ;
			}
			
			#fSubNav li a {
				color           : #c5906d ;
				text-decoration : none    ;
			}
			
			#fSubNav li a:hover {
				color           : #593d20 ;
				text-decoration : none    ;
			}