@charset "UTF-8";

html,
body{
	margin:0;
	padding:0;
	border:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12pt;/*--追加--*/
	}
	
* html html,
* html body {
font-size:100%;
}

body{
	text-align:center;
	background:transparent url(../images/bg.jpg) center top no-repeat;	
	}

div#flashcontent{
	margin-top:-312px;
	margin-left:-420px;
	width:840px;
	height:625px;
	position:absolute;
	top:50%;
	left:50%;
	overflow:auto;
	}

	
	/*--------------------------
	--ここからＨＴＭＬページ用--
	--------------------------*/
	
	/*--共通--*/
	
a:link {
color:#109A97;
text-decoration:none;
}
a:visited {
color:#109A97;
text-decoration:none;
outline:none;
}
a:hover,
a:active {
text-decoration:underline;
outline:none;
}

img,
a img {border:none;}
a:hover img {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
p,
p.salon {font-size:80%; line-height:180%; margin:0 0 2em 0; padding:0 1em; text-indent:1em;}
p.salon {padding:0 !important; text-indent:0 !important;}

h1,h2,h3,h4,h5 {margin:0; padding:0;}

h2 {
font-size:110%;
margin-bottom:1em;
}

h3 {
font-size:110%;
margin-bottom:1em;
border-left:4px solid #584E48;
padding:0.3em 0.5em;
border-bottom:1px solid #CCC;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
letter-spacing:0.1em;
color:#584E48;
}
h3.salon {
border-left:none !important;
border-bottom:none !important;
padding:0 !important;
font-size:90% !important;
color:#FFF !important;
background:#48433F;
padding:8px 15px !important;
}

p.url {
font-size:80% !important;
margin:0 !important;
padding:0 !important;
text-indent:0 !important;
}

h4 {
font-size:80%;
margin-bottom:0.5em;
padding:0 1em;
color:#584E48;
}
h4.salon {
font-size:90% !important;
margin-bottom:0.3em;
padding:0 !important;
line-height:150%;
}

address {
font-style:normal;
font-weight:bold;
line-height:180%;
font-size:80%;
margin-bottom:2em;
padding:0 1em;
color:#584E48;
}

ul,
dl {
font-size:80%;
line-height:180%;
}
dl {
margin:0;
padding:0;
}

* html .pngfix {
behavior:url(iepngfix.htc)
}

.even {text-align:justify !important; text-justify:auto !important;}
* html .even {text-justify:inter-ideograph !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb05em {margin-bottom:0.5em !important;}
.mb1em {margin-bottom:1em !important;}
.mb2em {margin-bottom:2em !important;}
.mb3em {margin-bottom:3em !important;}

.mr8 {
margin-right:8px;
}
.mr10 {
margin-right:10px;
}
.mr20 {
margin-right:20px;
}
.mr40 {
margin-right:40px;
}

.dis-in {
display:inline !important;
}

.p0 {padding:0px !important;}
.plr20 {padding:0px 20px !important;}
.pt16 {padding:16px 0 0 !important;}

.fr {float:right !important;}
.fl {float:left !important;}

.w240 {width:240px !important;}
.w326 {width:326px !important;}
.w389 {width:389px !important;}
.w390 {width:390px !important;}
.w400 {width:400px !important;}
.w454 {width:454px !important;}
.w530 {width:530px !important;} 
.w780 {width:780px !important;} 

.bg-g {background:#DDD;}
.cb {clear:both;}

.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}

.red {color:#9B2956 !important;}
.grey {color:#999 !important;}

.ti0 {text-indent:0em !important;}

.va-m {vertical-align:middle !important;}

.img-photo {
background:url(../images/bg-img.gif);
}
.img-photo img {
border:2px solid #FFF;
}

.link-img {
padding:2px;
background:#FFF;
border:1px solid #EEE;
}
.link-img img {
vertical-align:bottom;
}
ul.banner {
list-style:none;
margin:0;
padding:0;
}
ul.banner li {
width:210px;
float:left;
}

.z:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.z {display:inline-block;}
/* exlude MacIE5 \*/
* html .z {height:1%;}
.z {display:block;}
/* end MacIE5 */

body#blank-page {
background-attachment:fixed;
text-align:left;
color:#615851;
}
	
div#wrapper {
width:100%;

}
div#contents {
width:820px;
margin:0 auto;
background:url(../images/bg-wrapper.png);
background-repeat: repeat;
background-position: center top;
padding:40px;
border:1px solid #FFF;
}

div#header {
width:900px;
margin:0 auto 20px;
height:100px;
}
div#header h1 {
width:240px;
margin-right:20px;
float:left;
padding:40px 0 0 0;
}
div#header h1 img {
vertical-align:bottom;
}
div#g-navi {
float:right;
width:640px;
padding:60px 0 0 0;
}
div#g-navi ul {
list-style:none;
margin:0;
padding:0;
}
div#g-navi li {
width:128px;
height:40px;
float:left;
text-indent:-9999px;
overflow:hidden;
}
div#g-navi li a {
display:block;
width:128px;
height:40px;
text-decoration:none;
}

div#g-navi li#salon,
div#g-navi li#guide,
div#g-navi li#schedule,
div#g-navi li#plan,
div#g-navi li#kimono,
div#g-navi li#salon a:hover,
div#g-navi li#salon_current,
div#g-navi li#guide a:hover,
div#g-navi li#guide_current,
div#g-navi li#plan a:hover,
div#g-navi li#plan_current,
div#g-navi li#schedule a:hover,
div#g-navi li#schedule_current,
div#g-navi li#kimono a:hover,
div#g-navi li#kimono_current {
background-image: url(../images/bt-html.gif);
background-repeat:no-repeat;
}

div#g-navi li#salon {
background-position: 0 0;
}
#g-navi li#guide {
background-position: -128px 0;
}
div#g-navi li#plan {
background-position: -256px 0;
}
div#g-navi li#schedule {
background-position: -384px 0;
}
div#g-navi li#kimono {
background-position: -512px 0;
}

div#g-navi li#salon a:hover,
div#g-navi li#salon_current {
background-position: 0 -40px;
}
div#g-navi li#guide a:hover,
div#g-navi li#guide_current {
background-position: -128px -40px;
}
div#g-navi li#plan a:hover,
div#g-navi li#plan_current {
background-position: -256px -40px;
}
div#g-navi li#schedule a:hover,
div#g-navi li#schedule_current {
background-position: -384px -40px;
}
div#g-navi li#kimono a:hover,
div#g-navi li#kimono_current {
background-position: -512px -40px;
}
div#footer {
text-align:center;
padding:20px 0;
color:#7E7066;
}
div#footer ul {
list-style:none;
margin:0 0 1em 0;
}

div#footer ul.f-navi {
margin-left:1px !important;
}
div#footer ul.f-navi li {
display:inline;
border-right:1px solid #BAAE9B;
border-left:1px solid #BAAE9B;
padding:5px 10px;
margin-left:-1px;
}

/*--salon--*/

dl.shop-data {
font-weight:bold;
margin:0 0 1em 0;
padding:0;
width:450px;
}
dl.shop-data dt,
dl.shop-data dd {
margin:0;
padding:0;
}
dl.shop-data dt {
}
dl.shop-data dt img {
vertical-align:middle;
margin-right:4px;
}
dl.shop-data dd {
margin-bottom:0.5em;
padding-bottom:0.5em;
padding-left:20px;
background:url(../images/dotted.gif) 0 100% repeat-x;
}
.ls07em {
letter-spacing:0.7em !important;
}

ul.salon {
margin:0;
padding:0;
list-style:none;
text-align:center;
}
.w326 {width:326px;}
.h500 {height:500px;}
ul.salon li img {
vertical-align:bottom;
margin-bottom:1em;
}

dl.salon-box {
width:358px;
height:320px;
border:1px solid #CCC;
padding:20px;
float:left;
background:#FFF url(../images/bg-salonbox.gif) 0 0 repeat-x;
}

dl.salon-box dt,
dl.salon-box dd {
margin:0;
padding:0;
}
dl.salon-box h5 {
font-size:100%;
}
dl.salon-box p {
font-size:100%;
}

ul.salon-thumb {
list-style:none;
margin:0;
padding:0;
}
ul.salon-thumb li {
padding:2px;
background:#FFF;
border:1px solid #CCC;
width:184px;
float:left;
margin-bottom:10px;
}
ul.salon-thumb li img {
vertical-align:bottom;
}

/*--Schedule--*/

table#tb-schedule,
table.tb-plan {
border-collapse:collapse;
}
table.tb-plan {
margin-bottom:0.5em;
}
#tb-schedule th,
#tb-schedule td,
table.tb-plan th,
table.tb-plan td {
border:1px solid #E2D4BF;
padding:8px;
font-size:80%;
text-align:center;
}
#tb-schedule th,
.tb-plan th {
background:url(../images/bg-th.gif);
white-space:nowrap;
}
#tb-schedule td,
.tb-plan td {
background:#FFF;
}
#tb-schedule td {
line-height:150%;
}

.hidden {
display:none;
}

.koumoku {
background:#F3EFE8 !important;
}

.catch {
line-height:180%;
background:#FAF9F4 !important;
color:#8B8177;
}

.mochikomi {
background:#E9FDFE !important;
}

.plan-header {
width:820px;
height:60px;
position:relative;
}
.plan-header span {
display:block;
width:326px;
height:40px;
position:absolute;
bottom:0;
right:0;
}

ul.sc-banner {
list-style:none;
margin:0;
padding:0;
}
ul.sc-banner li {
width:146px;
float:left;
}

/*--Menu--*/

.menu-box {
background:#FFF url(../images/bg-menu-inner.gif) 0 0 repeat-y;
margin-bottom:2em;
}
.menu-box h3 {
border-left:none !important;
width:760px;
margin:0 0 2em 20px !important;
border-bottom:1px solid #C3B77E !important;
}
.bb1 {border-bottom:1px solid #C3B77E !important;}
.bl1 {border-left:1px solid #C3B77E !important;}
.br1 {border-right:1px solid #C3B77E !important;}
.pb1em {padding-bottom:1em !important;}
.menu-box h4 {
font-size:120% !important;
margin-bottom:2em;
}
.menu-box h5 {
font-size:100% !important;
margin-bottom:0.5em !important;
padding:1em 0 0 0 !important;
line-height:150% !important;
}
.menu-box ul {
list-style:none;
line-height:240%;
margin:0;
padding:0;
}

.menu-box li.photo {
font-size:85%;
line-height:130% !important;
}
.menu-inner {

}

.bg-menu-content-tl {
background:url(../images/bg-menu-content.gif) 90% 100% no-repeat;
}
.bg-menu-content-tr {
background:url(../images/bg-menu-content2.gif) 10% 100% no-repeat;
}

.menu-header,
.menu-header2 {
width:820px;
padding:40px 0 0;
}
.menu-header {
background:url(../images/bg-menu-header.gif) 0 0 no-repeat;
}
.menu-header2 {
background:url(../images/bg-menu-header2.gif) 0 0 no-repeat;
}



/*--Floor guide--*/

.plant-border {
background:url(../images/plant-border.gif) 100% 100% no-repeat;
}

h3.guide-md {
border:none !important;
line-height:140% !important;
font-size:90% !important;
color:#66564B !important;
}

ul.guide-box {
list-style:none;
margin:0;
padding:0;
width:400px;
height:380px;
background:#FFF;
position:relative;
}
ul.guide-box li {
position:absolute;
}
ul.guide-box li.en-1 {
width:243px;
height:378px;
top:1px;
left:1px;
}
ul.guide-box li.en-2 {
width:154px;
height:265px;
top:1px;
right:1px;
}
ul.guide-box li.en-3 {
width:154px;
height:112px;
bottom:1px;
right:1px;
}

ul.guide-box li.ot-1 {
width:398px;
height:265px;
top:1px;
left:1px;
}
ul.guide-box li.ot-2,
ul.guide-box li.ot-3,
ul.guide-box li.ot-4 {
width:75px;
height:112px;
}
ul.guide-box li.ot-2 {
bottom:1px;
left:1px;
}
ul.guide-box li.ot-3 {
bottom:1px;
left:77px;
}
ul.guide-box li.ot-4 {
bottom:1px;
left:153px;
}
ul.guide-box li.ot-5 {
width:170px;
height:112px;
bottom:1px;
right:1px;
}

#fukan {
margin-bottom:2em;
width:820px;
height:679px;
position:relative;
}
#fukan ul {
margin:0 !important;
padding:0 !important;
list-style:none;
}
#fukan li {
width:160px;
height:50px;
position:absolute;
}
#fukan li#ent {
top:361px;
right:0;
}
#fukan li#gar {
top:175px;
right:0;
}
#fukan li#cap {
top:30px;
left:80px;
}
#fukan li#bar {
top:264px;
left:77px;
}
#fukan li#baq {
top:532px;
left:479px;
}


	/*--詳細マップ--*/
	
	.g-mapbox {
	width:814px;
	height:400px;
	padding:2px;
	border:1px solid #CCC;
	background:#FFF;
	margin-bottom:1em;
	}
	
	.g-map {
	width:814px;
	height:400px;
	}
	
	dl.detail-map {
	width:460px;
	font-size:80%;
	}
	
	dl.detail-map dt,
	dl.detail-map dd {
	float:left;
	margin:0;
	padding:0;
	}
	dl.detail-map dt {
	width:80px;
	}
	dl.detail-map dd {
	width:320px;
	}
.p-logo {display:none;}
	
		@media print {
	
	body {
	background-image:none !important;
	background:#FFF;
	color:#000 !important;
	}
	div#wrapper {
width:650px;
margin:0 auto !important;

}
div#contents {
width:650px !important;
background-image:none !important;
background-color:#FFF;
padding:0 !important;
}

* html dl.detail-map {
	width:400px;
	font-size:80%;
	position:absolute;
	z-index:9999;
	}

	div#header {
padding:20px 0 !important;
text-align:center;
}
* html .p-logo {display:block;}

* html h1,
div#contents h2,
	div#footer,
	.botan {
	display:none !important;
	}
	
		.g-mapbox {
	width:650px !important;
	padding:0 !important;
	border:none !important;
	}
	
	.g-map {
	width:650px !important;
	}
	
	
	}