@charset "utf-8";



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

CSS Information



 File name:      default.css

 Style Info:     デフォルトのスタイルのリセット及び基本設定

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



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

	Reset

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



html {

	overflow-y: scroll;

	height:100%;

}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

	margin: 0px;

	padding: 0px;

}



address,caption,cite,code,dfn,em,strong,th,var {

	font-style: normal;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



caption,th {

	text-align: left;

}



q:before,q:after {

	content: '';

}



object,

embed {

	vertical-align: top;

}



hr,legend {

	display: none;

}



h2,h3,h4,h5,h6 {

	font-size: 100%;

}



img {

	border: 0;

	font-size:0px;

	line-height:0px;

}



li {

	list-style-type: none;

}



p {

	margin: 0px;

	padding: 0px;

}





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

	Base

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



body {

	background: #F2EEE2;

	color: #555555;

	font-size: 11px ; 

	font-family: Osaka, MS UI Gothic, Verdana, Arial, ;

	line-height: 1.5;

	height: 100% ;

}



/** + html body {

	font-family: "メイリオ","Meiryo";

}*/



body > #wrapper{

	height: auto ;

}



#wrapper {

	width: 940px ;

	background:url("../img_index/contents_bg.gif") repeat ;

	margin: 0 auto ;

	height: auto ;

	min-height: 100% ;

}



#Contents {

	width: 900px ;

	background: #FFFFFF ;

	margin: 0 auto ;

}







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

	Header Area

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



#Header {

	width: 900px ;

	height: 58px ;

	background: url("../img_index/header_bg.gif") repeat-x ;

}



h1 {

	font-size: 0 ;

	line-height: 0 ;

	padding: 16px 0 0 17px ;

	float: left ;

}



#GlobalArea {

	width: 509px ;

	padding: 34px 0 0 0 ;

	font-size: 0 ;

	line-height: 0 ;

	float: right ;

	position:relative;

	z-index: 100;

}



ul#Gnavi {

	width: 509px ;

}



ul#Gnavi li {

	display: block ;

	height: 24px;

	font-size: 0 ;

	line-height: 0 ;

	float: left ;

}



ul#Gnavi li.menu01 {

	width: 135px;

}

ul#Gnavi li.menu02 {

	width: 197px;

}

ul#Gnavi li.menu03 {

	width: 177px;

}



/*======================================

  プルダウンメニュー部分

=======================================*/



#submenuwapper {

	position: absolute;

}



#submenuwapper ul {

	display: block;

	width: 155px;

	font-size: 11px ; 

	line-height: 1.5;

}



#submenuwapper li a	{

	display: block;

	width: 138px;

	color: #444444;									/* =6.プルダウンメニュー文字色 */

	text-decoration: none;

	font-weight: bold ;

	padding: 3px 0 3px 14px;

	border-bottom: solid 1px #C4B39D;

	background: #FFFFFF repeat;

	/*background: url("../img_index/submenu_white_bg.png") repeat;*/

}



#submenuwapper li a.last ,#submenuwapper li a.last:hover {

	border: none;

}





#submenuwapper li a:hover {

	color: #FFFFFF;							/* =6.プルダウンメニュー文字色 onmouse */

	font-weight: bold ;

	/*background: url("../img_index/submenu_orange_bg.png") repeat;*/

	background: #F2590F;

	border-bottom: solid 1px #C4B39D;

}



#menu01sub	{

	position: absolute;

	top: 0px;

	left: 0px;

	visibility: hidden;

}



#menu02sub	{

	position: absolute;

	top: 0px;

	left: 135px;

	visibility: hidden;

}



#menu03sub	{

	position: absolute;

	top: 0px;

	left: 332px;

	visibility: hidden;

}











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

	MainImage Area

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



#MainImage {

	width: 900px ;

	height: 530px;

	line-height: 0 ;

	font-size: 0 ;

}







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

	Main Area

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



#MainArea {

	width: 870px ;

	margin: 0 auto ;

	padding: 15px 0 0 0 ;

}



.Area870 {

	width: 870px ;

}



.LArea {

	width: 480px ;

	float: left ;

}



dl.news {

	padding: 6px 0 0 0 ;

	font-size: 10px ;

	line-height: 1.9 ;

}



dl.news dt {

	width: 80px;

	_width: 75px;

	margin: 0;

	float: left;

	clear:both;  

}



dl.news dd {

	/*width: 520px;*/

	margin: 0 0 0 80px;

	_margin: 0 0 0 75px;

	padding: 0;

}



.RArea {

	width: 375px ;

	float: left ;

}





.SalonArea {
	width:172px;
	padding:3px;
	margin-left:15px;
	border:1px solid #E4E4E4;
	float:left;
	height:147px;
}



.SalonArea .SalonPht {

	font-size:0;

	line-height:0;

	padding-bottom:8px;

}





.SalonBtn {

	height:16px;

	margin-bottom:4px;

	font-size: 0;

	line-height: 0;

	/* ¥*/position:relative;

	overflow:hidden;

	/*¥*//*/

	display:inline-table;

	/**/

}

	.SalonBtn a { display:block;}

	.SalonBtn  a:hover { position:relative; top:-16px;}



.GalleryBnr {

	line-height:0;

	font-size:0;

	padding-left:15px;

	float:left;

}
.GalleryBnr2 {
	font-size: 0px;
	line-height: 0px;
	padding-left: 15px;
	float: left;
	padding-top: 15px;
}



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

	Banner Area

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



#BnrArea {

	width: 870px ;

	margin: 45px 0 0 0 ;

	padding: 8px 0 ;

	background-color: #F0F0F0 ;

	font-size: 0;

	line-height: 0;

}



.arrow {

	width: 12px ;

	float: left ;

}



#BnrArea ul {

	width: 832px ;

	margin: 0 2px 0 12px ;

	overflow: hidden ;

	float: left ;

}



#BnrArea ul li {

	padding: 0 10px 0 0;

	float: left ;

}





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

	Footer

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

#Footer {

	width: 870px ;

	padding: 10px 0 ;

	font-size: 0;

	line-height: 0;

}



ul.BtnArea {

	float: left ;

}



ul.BtnArea li {

	font-size: 0;

	line-height: 0;

	float: left ;

}



ul.BtnArea li.reservation {

	background: url("../img_index/footer_btn01_on.gif") no-repeat left bottom ;

}



ul.BtnArea li.reservation a {

	display: block ;

	width: 99px;

	height: 16px;

}



ul.BtnArea li.mail {

	background: url("../img_index/footer_btn02_on.gif") no-repeat left bottom ;

}



ul.BtnArea li.mail a {

	display: block ;

	width: 116px;

	height: 16px;

}



ul.BtnArea li.privacy {

	background: url("../img_index/footer_btn03_on.gif") no-repeat left bottom ;

}



ul.BtnArea li.privacy a {

	display: block ;

	width: 123px;

	height: 16px;

}



ul.BtnArea li.sitemap {

	background: url("../img_index/footer_btn04_on.gif") no-repeat left bottom ;

}



ul.BtnArea li.sitemap a {

	display: block ;

	width: 82px;

	height: 16px;

}



ul.BtnArea li.reservation a:hover ,ul.BtnArea li.mail a:hover ,ul.BtnArea li.privacy a:hover ,ul.BtnArea li.sitemap a:hover {

	text-indent: -9999px ;

}



.copyright {

	padding: 3px 0 0 0 ;

	float: right ;

}





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

	Link

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



a:link {

	text-decoration: none;

	color: #555555;

}



a:visited {

	text-decoration: none;

	color: #666666;

}



a:hover {

	text-decoration: none;

	color: #F26522;

}

