/* CSS Document */



/* reset
----------------------------------------------- */
* {
    margin: 0;
    padding: 0;

}

table,img,p {
    border: 0;
}


/*IE6 IE7 bug huck
----------------------------------------------- */
br { 
	letter-spacing: 0; 
	}

/* BODY
----------------------------------------------- */
.body{

text-align:center;

}


.wrapper{
  	font-family: '�l�r �o�S�V�b�N',Arial,Helvetica,sans-serif;
	color: #555555;
 	background: url("../images/bg.jpg");
	background-repeat:repeat-y;
/*	background-attachment : fixed; */
	background-position : center top;
  	background-color: #ffffff; 
	font-size: 90%;
	line-height: 100%;
	letter-spacing:1px;
	height:auto;


}


.container{
	width:900px;
	background-color:#ffffff;
	height:100%;
margin-right:auto;
margin-left:auto;

		}







li {
   	 list-style-type: none;
}

select {
    	border: solid 1px #ccc;
}

/*PHOTO*/
.picture {
    border: 1px solid #ccc;
}








/* a
----------------------------------------------- */
a { text-decoration: underline; }
a:link { color: #3366FF; }
a:visited { color: #3366FF; }
a:hover { color: #3366FF; }
/* defoult
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price { color: #ff0000; font-weight: bold; }
.attention { color: #ff0000; }
.mini { font-size: 90%; }
em {
    font-style: normal;
    color: #ff0000;
}
div#red01 {
color:#ff0000;
}

p { line-height: 1.2em; }


IMG.fig { 
	float: left; 
	
	margin: 0 15px 15px 15px;
	}

/* header
------------------------------*/



.header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 80px;
	position: relative;

}


#header #logo {
	position: absolute;
 	left: 15px;
 	top: 12px;
 	width: 72px;
	height: 80px;
	
 	}
	
	
	#header #logo {
	position: absolute;
	left: 15px;
	top: 15px;
}
	
.header h1{
margin-left:10px;	
color:#d8b875;
font-size: 10px;
}

#txt2{

text-align:center;
height:auto;
width:600px;
color:#d8b875;
font-size:9px;
z-index:2;
}


/*menu
------------------------------*/

.menu{
	width: 900px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
}


.menuara{
	width: 900px;
	height:45px;
	background-image:url(../images/menu_back.jpg) ;
	background-repeat:repeat-x;
	
}

#menu ul {
	width: 900px;
	position: absolute;
/*		position: relative;*/
text-align:center;
margin-right:auto;
margin-left:auto;
	background-image:url(../images/menu_back.jpg) ;
	

}


#menu ul li {
	list-style: none;
	float: left;
}




ul.menu  {   
		margin:0;   
		padding:0;
}


ul.menu li {   
		float:left;
		text-indent:-9999px;
		overflow:hidden;
		list-style:none;
}


ul.menu li a {   
		display:block;
		width:180px;
		height:45px;
}




li.menu1 a {   background:url(../images/menu.jpg) 0 0 no-repeat;}
li.menu1 a:hover {   background:url(../images/menu.jpg) 0 -45px no-repeat;}


li.menu2 a {   background:url(../images/menu.jpg) -180px 0 no-repeat;}
li.menu2 a:hover {   background:url(../images/menu.jpg) -180px -45px no-repeat;}

li.menu3 a {   background:url(../images/menu.jpg) -360px 0 no-repeat;}
li.menu3 a:hover {   background:url(../images/menu.jpg) -360px -45px no-repeat;}

li.menu4 a {   background:url(../images/menu.jpg) -540px 0 no-repeat;}
li.menu4 a:hover {   background:url(../images/menu.jpg) -540px -44px no-repeat;}

li.menu5 a {   background:url(../images/menu.jpg) -720px 0 no-repeat;}
li.menu5 a:hover {   background:url(../images/menu.jpg) -720px -44px no-repeat;}




/* Firefox Opera Safari�Ή�*/
ul.menu:after {   
		content:".";
	 	display:block;
  		height:0;
   		clear:both;
 		visibility:hidden;
 		font-size:0;
		}

/* WinIE7�@MacIE5 */

ul.menu {   display:inline-block;}

/* WinIE5/6 */
/* Hides from IE-mac \*/
* html ul.menu {   height:40px;}
ul.menu {   display:block;}

/* End hide from IE-mac */











/* mainbody
----------------------------------------------- */
.main{
width:900px;
height:280px;

}

.main_o{
width:900px;
height:50px;
}




.main_up_left{

width:460px;
height:240px;
padding:10px;
float:left;
background-image:url("../images/main_left_back.jpg");
background-repeat:repeat;
}


.main_up_right{

width:400px;
height:240px;
padding:10px;
float:left;
background-image:url("../images/main_right_back.jpg");
background-repeat:repeat;
}


.main_dn_left{
width:360px;
height:165px;
padding:10px;
float:left;

}


.main_dn_right{
width:500px;
height:165px;
padding:5px;
float:left;

}



.main_up_center{
margin-left:auto;
margin-right:auto;
width:900px;
height:1000px;
clear:both;
}

.main_up_center_l{
margin-left:auto;
margin-right:auto;
width:240px;
height:auto;
padding:5px;
float:left;
}

.main_up_center_r{
margin-left:auto;
margin-right:auto;
width:640px;
height:auto;
padding:5px;
float:left;
}









.bnarea{
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
width:490px;
height:80px;
clear:both;
}


.bnr{
margin-left:5px;
margin-right:auto;
width:240px;
height:80px;
float:left;
}

.bnv{
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
width:240px;
height:80px;
clear:both;
}






/* text
----------------------------------------------- */
.text{
	width: 450px;
	height:auto;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	font-size: 12px;
	}




/* left
----------------------------------------------- */
.left{
width:320px;
height:auto;
background-image: url("../images/back_top_left.jpg");
background-repeat: no-repeat;
float:left;
margin-right:auto;
margin-left:auto;

}


/* left news bn
------------- ---------------------------------- */

.news{
margin-top:45px;
margin-left:10px;
width:380px;
height:190px;
float:left;
margin-left:auto;
margin-right:auto;
padding:10px;

}

.btn{
margin-left:290px;
margin-top:197px;
}




.newsin{
width:300px;
height:190px;
float:left;
text-align:center;
margin-left:auto;
margin-right:auto;

}

.bn{
width:620px;
height:140px;
padding:10px 10px 10px 10px;
float:left;
margin-top:15px;
margin-left:5px;
margin-right:auto;
}






/* right
----------------------------------------------- */
.right{

width:570px;
height:auto;
background-image: url("../images/back_top_right.jpg");
background-repeat: no-repeat;
float:left;
padding:5px;
margin-right:auto;
margin-left:auto;

}

/* under page right
----------------------------------------------- */


.right_u{

width:670px;
height:auto;
background-image: url("../images/top_left_back_1.jpg");
background-repeat: no-repeat;
float:left;
margin-right:auto;
margin-left:auto;

}



/* under page right other
----------------------------------------------- */


.right_h3{
width:650px;
height:auto;
margin-top:10px;
margin-right:auto;
margin-left:auto;
}

.right_h3_1{
width:650px;
height:auto;
margin-right:auto;
margin-left:auto;
}

.right_c{
width:650px;
height:auto;
margin-top:5px;
margin-bottom:10px;
margin-right:auto;
margin-left:auto;
}


.read{
width:610px;
padding:10px 10px 10px 10px;
font-size:12px;
font-weight:bold;
color:#000;
margin-left:15px;
}



.faqbox{
width:610px;
height:auto;
padding:10px 10px 10px 10px;
font-size:12px;
color:#0099ff;
line-height:inherit;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}

.answer{
width:590px;
height:auto;
padding:10px 10px 10px 10px;
font-size:10px;
color:#fff;
text-indent:1em; 
line-height: 5px;
background-color:#0099FF;
margin-left:auto;
margin-right:auto;

}



/* under page right  
 facial table styles
------------------------------*/
table.fact	{
	border-collapse: collapse;	border-spacing: 0;
	width: 380px;
	margin-bottom: 10px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
		font-size:12px;
	color:#999999;
}



.fact th	{
	background: #000 url(../images/th.jpg) repeat-x;
	border-bottom: 1px dotted #ccc;
	border-collapse: collapse;	border-spacing: 0;
	width: 100px;
	padding: 10px;
	color: #fff;

	

}
.fact td	{
	background: #fff url(../images/td.jpg) repeat-x;
	border-bottom: 1px dotted  #ccc;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-right: 1px  dotted #ccc;	
	padding: 10px;
	color: #333;

}


/* under page right  
 facial table styles
------------------------------*/

table.fac	{
	border-collapse: collapse;	border-spacing: 0;
	width: 630px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
		font-size:12px;
	color:#999999;
}



.fac th	{
	background: #000 url(../images/th.jpg) repeat-x;
	border-bottom: 1px dotted #ccc;
	border-collapse: collapse;	border-spacing: 0;
	width: 100px;
	padding: 5px;
	color: #fff;

	

}
.fac td	{
	background: #fff url(../images/td.jpg) repeat-x;
	border-bottom: 1px dotted  #ccc;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-right: 1px  dotted #ccc;	
	padding: 5px;
	color: #333;

}


/* under page right  
 facial table styles
------------------------------*/
table.fact1	{
	border-collapse: collapse;	border-spacing: 0;
	width: 600px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	color:#999999;
}



.fac th	{
	background: #000 url(../images/th.jpg) repeat-x;
	border-bottom: 1px dotted #ccc;
	border-collapse: collapse;	border-spacing: 0;
	width: 100px;
	padding: 10px;
	color: #fff;

	

}
.fac td	{
	background: #fff url(../images/td.jpg) repeat-x;
	border-bottom: 1px dotted  #ccc;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-right: 1px  dotted #ccc;	
	padding: 10px;
	color: #333;

}






h4{
font-size:14px;
color: #d8b875;
font-weight: bold;
margin:10px 0 0 15px;
}


.i_r{float:right;
margin:5px;
}





/* right bn
----------------------------------------------- */

.right_bn{
width:550px;
height:auto;
padding:5px;
text-align:center;
margin-top:5px;
margin-right:auto;
margin-left:auto;
}




.cm_comnt{
width:500px;
height:auto;
padding:10px;
text-align:left;
margin-top:10px;
margin-right:auto;
margin-left:auto;
}


/* pagetop
-----------------------------------------------  */

.pagetop{
text-align:right;
width:620px;
height:auto;
padding:10px;
clear:both;
}


/* ask
-----------------------------------------------  */

.ask{
width:550px;
height:auto;
text-align:center;
padding:10px;
float:left;
}



/* footer
----------------------------------------------- */
.footer{
text-align:center;
width:900px;
height:50px;
background-image: url("../images/footer.jpg");
background-repeat:no-repeat;
clear:both;
margin-left:auto;
margin-right:auto;

}


/* footer area
----------------------------------------------- */
.footerarea{
text-align:center;
width:880px;
padding:10px;
margin-left:auto;
margin-left:auto;
clear:both;
font-size:11px;

}


/* footer styles
------------------------------*/
.footer ul li a {
	
	color: #CCCCCC;
}
.footer ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.footer p a {
	color: #CCCCCC;
}
.footer p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.footer ul li {
	display: inline;
	list-style: none;
	text-align:center;
	margin-right: 15px;
}
.footer p {
	margin: 0px;
	float: right;
		margin-top:50px;
}



.sgnt{
text-align:center;
margin-top:10px;
width:500px;
color:#d8b875;
margin-left:auto;
margin-right:auto;

}



#footerlnk {
	text-align:center;
	width:800px;
}

#footerlnk li {
	display:inline;
	list-style-type:none;
	margin-top:15ps;
	margin-right:5px;
	padding-left:10px;
	border-left:1px solid #999;
}
#footerlnk li.Home {
	border-left:0;
	padding-left:0;
}













/* table styles
------------------------------*/


table.menut{
    width: 500px;
    border-top:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	font-size:10px;
    empty-cells:show;
    word-break: break-all;
	margin-right:auto;
	margin-left:auto;
}
.menut th{
    border-right:1px solid #eeeeee; 
    border-bottom:1px solid #eeeeee; 
    color:#330000;
    background-color:#eeeeee;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.menut td{
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
	border-bottom:#CCCCCC dotted 1px;
    padding:0.3em 1em;
}




/* table coupon styles 
------------------------------*/


table.menuc{
    width: 880px;

    border-collapse:collapse;
    border-spacing:0;

    empty-cells:show;
    word-break: break-all;
}
.menuc th{

    color:#330000;

    background-image:url(../images/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.menuc td{

    padding:0.3em 1em;
}






menui{
    width: 100%;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    word-break: break-all;
}
.menui th{

    color:#330000;
    padding:0.3em 1em;
    text-align:center;
}
.menui td{

    padding:0.3em 1em;
	border-bottom:#CCCCCC dotted 1px;
}




/* table coupon styles 
------------------------------*/


table.menur{
    width: 100%;

    border-collapse:collapse;
    border-spacing:0;

    empty-cells:show;
    word-break: break-all;
}
.menucr th{

    color:#330000;

    background-image:url(../images/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.menucr td{

border-bottom:#CCCCCC dotted 1px;
    padding:0.3em 1em;
}
/* coupon styles
------------------------------*/
.cpn{
width:880px;
height:330px;
padding:10px;
margin-left:auto;
margin-right:auto;
}

.cpn_head{
width:880px;
height:36px;
background-image:url("../images/coupon_head.jpg");
background-repeat:no-repeat;
}

.cpn_bottom{
width:880px;
height:15px;
background-image:url("../images/coupon_under.jpg");
background-repeat:no-repeat;
}

.button{
padding:5px;
}

.button1{
padding:5px;
margin-top:15px;

}

.map{
padding:10px;
}


.salaon_title_area{
width:900px;
height:auto;
clear:both;

}

.salaon_title_area1{
width:860px;
height:auto;
clear:both;

}

/* campaign styles
------------------------------*/

.cp_left{
width:200px;
height:500px;
background-image:url("../images/cmp_left.jpg");
background-repeat:no-repeat;
padding:10px;
float:left;
}

.cp_right{
width:660px;
height:600px;
background-image:url("../images/cmp_right.jpg");
background-repeat:no-repeat;
padding:10px;
float:left;
}


/* table campaign  styles 
------------------------------*/


table.tbcp{
    width: 640px;
	text-align:left;

    border-collapse:collapse;
    border-spacing:0;

    empty-cells:show;
    word-break: break-all;
}
.tbcp th{
	text-align:left;
    color:#330000;

    background-image:url(../images/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.tbcp td{
	text-align:left;
border-bottom:#CCCCCC dotted 1px;
    padding:0.3em 1em;
}


/*  gallery styles 
------------------------------*/

.gallerys{
width:630px;
padding:10px;
float:left;
margin-left:auto;
margin-right:auto;
height:auto;

}

.glytitle{
width:630px;
float:left;

clear:both;
}

.gallerybox{
width:130px;
float:left;
margin:10px;

}

.gallerys_top{
width:630px;
padding:10px;
clear:both;
margin-left:auto;
margin-right:auto;

}


/* gallery box styles
------------------------------*/

.gly_left{
width:200px;
height:600px;

background-image:url("../images/cmp_left.jpg");
background-repeat:no-repeat;
padding:10px;
float:left;
}

.gly_right{
width:660px;
height:900px;
background-image:url("../images/cmp_right.jpg");
background-repeat:no-repeat;
padding:10px;
float:left;
}



table.tbgly{
    width: 150px;
	text-align:left;

    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    word-break: break-all;
}
.tbgly th{
	text-align:left;
    color:#330000;
    padding:0.3em 1em;
    text-align:center;
}
.tbgly td{
	font-size:10px;
	text-align:left;
    padding:0.3em 1em;
}




/* staff style
----------------------------------------------- */

.staffarea{
width:645px;

}

.staffbox{
width:315px;
padding:2px 2px 2px 2px;
float:left;
}

.staffname{
width:290px;
padding:5px 2px 5px 20px;
background-image:url("../images/staffdot.gif");
background-repeat:no-repeat;
background-position:2%;
font-size:13px;
font-weight:bold;
color:#8a2272;
}

.staffphoto{
width:150px;
padding:2px 2px 2px 2px;
float:left;
}

.staffcomment{
width:130px;
padding:8px 8px 8px 8px;
float:left;
font-size:10px;
}

.stafftable{
width:280px;
padding:8px 8px 8px 8px;
clear:both;
}


.staff_top{
width:640px;
padding:px 5px 5px 5px;
clear:both;

}

/* table staff styles 
------------------------------*/


table.stf{
    width: 295px;
	text-align:left;

    border-collapse:collapse;
    border-spacing:0;
	font-size:10px;
	border-top: #CCCCCC dotted 1px;
		border-left: #CCCCCC dotted 1px;
			border-right: #CCCCCC dotted 1px;
    empty-cells:show;
    word-break: break-all;
}
.stf th{
	text-align:left;
    color:#330000;
    padding:0.3em 1em;
    text-align:center;

}
.stf td{
	text-align:left;
border-bottom:#CCCCCC dotted 1px;
    padding:0.3em 1em;
	
}


/* table top shopinfo styles 
------------------------------*/


table.tsi{
    width: 100%;
	text-align:left;

    border-collapse:collapse;
    border-spacing:0;
	font-size:10px;
	border-top: #CCCCCC dotted 1px;

    empty-cells:show;
    word-break: break-all;
}
.tsi th{
	text-align:left;
    color:#330000;
    padding:0.3em 1em;
    text-align:center;

}
.tsi td{
	text-align:left;
border-bottom:#CCCCCC dotted 1px;
    padding:0.3em 1em;
	
}


/* apoint styles 
------------------------------*/

.ap_right
{
width:660px;
height:600px;
background-image:url("../images/cmp_right.jpg");
background-repeat:no-repeat;
padding:10px;
float:left;
}

/* 7p styles 
------------------------------*/

table.menup{
    width: 500px;
    border-top:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	font-size:13px;
	font-weight:bold;
    empty-cells:show;
    word-break: break-all;
	margin-right:auto;
	margin-left:auto;
}
.menup th{
    border-right:1px solid #eeeeee; 
    border-bottom:1px solid #eeeeee; 
    color:#330000;
    background-color:#eeeeee;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.menup td{
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
	border-bottom:#CCCCCC dotted 1px;
    padding:0.3em 1em;
}






/* スライドメニュー　*/



#nav, #nav ul{
margin:0;
padding:0;
width:900px;

font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;

list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
clear:both; 
}




#nav a{
width:180px;
height:45px;
display:block;
padding:0;
text-align:center;
color:#333;
font-size:11px;
text-decoration:none;
background-image: url("../images/menu1.jpg");

/*background-color:#333;*/
}

#nav a:hover{
background-color:#fff;
color:#333;
background-image: url("../images/menu11.jpg");
}

#nav li{

float:left;
position:relative;
}

#nav ul {

position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{

width:180px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}



.sp{
margin-left:20px;
}