@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:122px;
}

.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;
}

/*----------------------------------------------------
	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;
}