@charset "utf-8";
body {
	font-family:"MS UI Gothic", "MS PGothic", "Osaka";
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	margin:0 auto 0 auto;
}


h1 {
	font-size:12px;
	text-align: center;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	color:#888888;
}


.red {color: #FF0000}
.red_bold {color: #FF0000; font-weight: bold; }
.pink {color: #FF00FF}
.pink_bold {color: #FF00FF; font-weight: bold; }
.price {color: #8800FF; font-weight: bold; }

p {
	margin-top:2px;
	margin-bottom:2px;
	padding-bottom:2px;
}

a:link {
	color: #8800FF;
	text-decoration: none;
}
a:visited {
	color: #8800FF;
	text-decoration: none;
}
a:hover {
	color: #FF0099;
	text-decoration: underline;
}

a:active {
    color : #ff00ff; 
    font-weight : bold;
} 



#wrapper {
	width: 840px;
	background-image: url(img/bg.jpg);
	margin:0 auto 0 auto;
}

#head {
	width: 800px;
	height: 112px;
	background-image:url(img/head.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
	margin:0 auto 0 auto;
}

#mail_br {
	float: right;
	height: 50px;
	width: 120px;
	padding-right: 26px;
	padding-top: 21px;
}

#flash {
	width:800px;
	height:167px;
	background-image:url(img/flash.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 auto 0 auto;
}

#bar {
	width:800px;
    height:90px;
	background-image:url(img/bar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 auto 0 auto;
}



#contents {
	width: 800px;
	margin:0 auto 0 auto;
}

#menu {
	width:180px;
	float:none;
	padding:0;

}
#menu ul {
	padding: 0px;
	margin: 0px;
	list-style:none;
}
#menu li {
	margin: 0px 0px 0px 0px;
}
#menu li a {
	height:40px;
	display: block;
	margin:0px;
	text-indent:-100px;
	overflow:hidden;
}
a.top{
    background-image:url(img/bt_1x.jpg);
}
a:hover.top{
    background-position:0px -40px;
}
a.salon{
    background-image:url(img/bt_2x.jpg);
}
a:hover.salon{
    background-position:0px -40px;
}
a.reading{
    background-image:url(img/bt_3x.jpg);
}
a:hover.reading{
    background-position:0px -40px;
}
a.healing{
    background-image:url(img/bt_3_2x.jpg);
}
a:hover.healing{
    background-position:0px -40px;
}
a.price{
    background-image:url(img/bt_4x.jpg);
}
a:hover.price{
    background-position:0px -40px;
}
a.contact{
    background-image:url(img/bt_5x.jpg);
}
a:hover.contact{
    background-position:0px -40px;
}
a.faq{
    background-image:url(img/bt_6x.jpg);
}
a:hover.faq{
    background-position:0px -40px;
}
a.experiences{
    background-image:url(img/bt_7x.jpg);
}
a:hover.experiences{
    background-position:0px -40px;
}
a.link{
    background-image:url(img/bt_8x.jpg);
}
a:hover.link{
    background-position:0px -40px;
}

#concept {
	width:550px;
    height:230px;
	text-align: left;
	line-height:190%;
	background-image:url(img/concept_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding:10px 10px 10px 40px;
	
}


#tex {
	width:550px;
	text-align: left;
	line-height:190%;
	padding:10px 10px 10px 40px;
	
}

#salon_01 {
	width:550px;
    height:230px;
	text-align: right;
	line-height:190%;
	background-image:url(img/salon_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 10px 10px 40px;
	
}

#salon_02 {
	width:550px;
    height:230px;
	text-align: left;
	line-height:190%;
	background-image:url(img/salon_02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding:10px 10px 10px 40px;
	
}

#salon_03 {
	width:550px;
    height:230px;
	text-align: right;
	line-height:190%;
	background-image:url(img/salon_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 10px 10px 40px;
	
}

#footer {
	width: 800px;
	text-align: center;
	line-height:250%;	
	margin:0 auto 0 auto;
}