* {
margin: 0;
padding: 0;
}
html,body{
text-align:center;
margin: 0px;
background-image: url(images/bgbg.jpg);
background-repeat: repeat-x;
background-color:ffffff;
height:100%;
}
#head
	{
	background:url(images/base_01.jpg);
	height: 98px;
	}
#countainer{
position: relative;
height: 100%;
min-height:100%;
}
#contents {
padding-bottom:50px;
}
#logo {
width: 800px;
height: 96px;
text-align: left;
padding: 10px 0 0 0;
margin: auto;
background-image: url(img/bg_navi.gif);
background-repeat: no-repeat;
background-position: 100% 100%;
}
#left {
	float:left;
	width:186px;
	height: 100%;
	margin-top:5px;
	margin-left:1px;
}

#left ul {
	padding: 0px;
	margin: 0px;
	list-style:none;
}
#left li {
    width:186px;
	margin: 0px 0px 0px 1px;
	margin:0px 0px 0px 1px;
}
#left li a {
    width:186px;
	height:35px;
	display: block;
	margin: 2px 0px 0px 0px;
	text-indent:-200px;
	overflow:hidden;
}
a.top{
    background-image:url(/images/bt1s.gif);
}
a:hover.top{
    background-position:0px -35px;
}
a.esthetician{
    background-image:url(/images/bt2s.gif);
}
a:hover.esthetician{
    background-position:0px -35px;
}
a.system{
    background-image:url(/images/bt3s.gif);
}
a:hover.system{
    background-position:0px -35px;
}
a.fee{
    background-image:url(/images/bt4s.gif);
}
a:hover.fee{
    background-position:0px -35px;
}
a.schedule{
    background-image:url(/images/bt5s.gif);
}
a:hover.schedule{
    background-position:0px -35px;
}
a.reserve{
    background-image:url(/images/bt6s.gif);
}
a:hover.reserve{
    background-position:0px -35px;
}
a.recruit{
    background-image:url(/images/bt7s.gif);
}
a:hover.recruit{
    background-position:0px -35px;
}
a.access{
    background-image:url(/images/bt9s.gif);
}
a:hover.access{
    background-position:0px -35px;
}
a.link{
    background-image:url(/images/bt8s.gif);
}
a:hover.link{
    background-position:0px -35px;
}
.flash{
	float: left;
	height: ***;
	width: 836px;
	margin-top: 13px;
	margin-left:2px;
}
.u_flash{
    float:left;
    height:	34px;
	width:676px;
	background:url(/images/este_09s.jpg);
}
.event{
    float:left;
    height:150px;
	width:676px;
	background:url(/images/open0723.jpg);
}
.clears{
  clear:both;
}
#logo img{
float: left;
}
li{
	list-style-type:none;
	width:105px;
	height:***;
	float:left;
}
li img{
	border:0;
}
li.topBtn{
	background:url(images/base1_02.jpg);
}
li.sysBtn{
	background:url(images/base1_03.jpg);
}
li.ladyBtn{
	background:url(images/base1_04.jpg);
}
li.schBtn{
	background:url(images/base1_05.jpg);
}
li.recBtn{
	background:url(images/base1_06.jpg);
}
li.resBtn{
	background:url(images/base1_07.jpg);
}
li.blogBtn{
	background:url(images/base1_08.jpg);
}
li.linkBtn{
	background:url(images/base1_09.jpg);
}
li a{
	display:block;
	width:105px;
	height:39px;
}
li a:hover {
	background-color:transparent;
}
li a:hover img{
	visibility:hidden;
}
#main{
	width: 840px;
	margin: auto;
	text-align:left;
	font-size:12px;
	padding: 0px;
}

#main .news{
width:644px;
height:***;
float:right;
margin-top:5px;

}#main .news .toptop{
width:636px;
height:500px;
margin-top:5px;
background:url(images/topimage.jpg);
background-position:top center;
background-repeat:no-repeat;
}
#main .news .toptop2{
width:636px;
height:500px;
margin-top:5px;
background:url(images/sysimage.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#main .recrec{
width:604px;
height:***;
float:right;
margin-top:5px;
padding:20px;
background:url(images/rec000.gif);
background-position:center top;
background-repeat:no-repeat;

}

#main .big_news{
width:832px;
height:***;
margin:8px auto;
padding-top:6px;
}

#main .system{
background:url(images/sys_back.jpg);
width:642px;
height:498px;
float:right;
margin-top:4px;
margin-right:2px;
}


#main .news p{
margin:2px 0px;
color: #5D4F41;
line-height: 150%;
font-size: 12px;
}


#main .body{
width:550px;
float:left;
clear:both;
}

#main .body p{
margin:10px 5px;
}

#main .menu{
width:183px;
float:left;
font-size:12px;
}

#main .tabmenu{
width:250px;
float:right;
}

#main h1 span.jp{
font-size: 12px;
letter-spacing: normal;
font-family:"‚l‚r ‚oƒSƒVƒbƒN","Osaka","ƒqƒ‰ƒMƒmŠpƒSPro";
}


#main h2{
margin: 30px 0 5px 0;
padding:3px;
border-bottom: 4px double #83684F;
font-size:180%;
color: #333333;
clear: both;
}
#main h3{
margin: 30px 0 5px 0;
padding:3px;
background-color: #83684F;
font-size:120%;
color: #FFFFFF;
clear: both;
}
#main th{
padding: 3px 5px;
background-color: #F3EBDC;
border-bottom:1px solid #83684F;
text-align:left;
font-weight: normal;
color:#A07D5E;
}
#main a.mail{
padding:5px 0 5px 30px;
background:url(images/btn_mail.gif) no-repeat 0px 0px;
color: #FF0000;
}
#main a.mail:hover{
background:url(images/btn_ov_mail.gif) no-repeat 0px 0px;
}
#main .box{
width:183px;
float:left;
}
#main .box img{
margin:0 8px;
filter:chroma(color=#FFFFFF);
}
#main .box h3{
margin: 0 10px;
padding: 3px;
font-size:100%;
color:#A07D5E;
position: relative;
top: -10px;
background-color: #F3EBDC;
}
#main .box p{
margin: 0 10px;
padding: 0;
font-size:10px;
top: -5px;
position: relative;
}
.qr {
	width:188px;
	height:312px;
	margin-left:2px;
	background:url(images/qr.jpg);
}
.top_maga{
    background:url(images/top_maga.jpg);
    background-position:center top;
    background-repeat:no-repeat;
	font color:#000000;
	float: left;
	height: 60px;
	width: 320px;
	margin-top: 1px;
	padding-top:10px;
}
.top_rec{
	float: left;
	height: 70px;
	width: 320px;
	margin-top: 1px;
}
.topics{
    background:url(images/new.jpg);
    background-position:center top;
    background-repeat:no-repeat;
	float: left;
	height: 290px;
	width: 320px;
	margin-top: 6px;
}
.newface{
    background:url(images/newface.jpg);
    background-position:center top;
    background-repeat:no-repeat;
	float: left;
	height: 290px;
	width: 320px;
	margin-top: 6px;
}
.topics_cgi{
	height: 240px;
	width: 300px;
	margin: 40px auto 0px auto;
}
.topics_p{
    padding:10px;
    float:left;
	height: 220px;
	width: 120px;
	margin: 40px 2px 2px 6px;
}
.topics_1{
@@background-color:#00FFCC;
    float:left;
	height: 230px;
	width: 174px;
	margin: 40px 2px 2px 2px;
	padding-top:10px;
	padding-right:10px;
}
.title {
	height:	30px;
	width:636px;
	background:url(images/top_title.jpg);
	margin-top:7px;
}
.top001 {
	height:***;
	width:636px;
	background:url(images/top001.jpg);
	margin-top:7px;
}
.box1 {
width:900px;
margin:0px auto;
}
.sub_contents{
    height:	35px;
	width:680px;
	margin-top:2px;
}
.sub1_contents{
    background:url(/images/system_02.jpg);
    height:294px;
	width:640px;
	margin-top:2px;
	padding:8px 20px;
	font-size:10px;
	color:#333333;
}
.sub2_contents{
    height:230px;
	width:590px;
	margin-top:2px;
	padding:0px 43px;
	font-size:10px;
	color:#333333;
}
.sub3_contents{
    height:	30px;
	width:595px;
	margin:10px 0px 0px 18px;
}
.sub4_contents{
    height:20px;
	width:354px;
	float:left;
	margin:10px 0px 0px 18px;
}
.sub5_contents{
    height:20px;
	width:270px;
	float:left;
	margin:23px 0px 0px 33px;
}
.sub5s_contents{
    height:20px;
	width:270px;
	float:left;
	margin:5px 0px 0px 33px;
}
.sub6_contents{
    height:300px;
	width:270px;
	float:left;
	margin:8px 0px 0px 33px;
}
.sub6s_contents{
    height:300px;
	width:270px;
	float:left;
	margin:8px 0px 0px 3px;
}
.ya{
    height:32px;
	width:20px;
	float:left;
	margin:150px 5px 0px 5px;
}
.ya2{
    height:25px;
	width:30px;
	float:left;
	margin:0px auto;
	padding:0px 295px;
}
.ya3{
    height:20px;
	width:101px;
	float:left;
	margin:4px 0px 0px 24px;
	padding:0px 275px;
}
.sub7_contents{
	height:***;
	width:270px;
	float:left;
	margin:8px 0px 0px 33px;
	font-size: 12px;
	line-height: 180%;
	color: #333333;
}

.sys01_contents{
    background:url(/images/sys2.gif);
    height:92px;
	width:600px;
	margin:6px 0px 0px 16px;
	padding:30px 20px;
}
.sys02_contents{
    background:url(/images/sys3.gif);
    height:52px;
	width:600px;
	margin:6px 0px 0px 16px;
	padding:30px 20px;
}
.sys03_contents{
    background:url(/images/sys_all.gif);
    height:20px;
	width:610px;
	margin:26px 0px 0px 16px;
	padding:22px 15px;
}
.kiyaku{
    background:url(/images/system_03.jpg);
	width:620px;
    height:250px;
	margin-top:2px;
	padding:0px 30px;
	font-size:12px;
	color:#336666;
	line-height:160%;
}

.rec01{
	width:520px;
    height:200px;
	margin-top:430px;
	padding:0px 50px;
	font-size:12px;
	color:#336666;
	line-height:160%;
}
.ladyszero {
	height: 260px;
	width: 830px;
	margin: 15px auto;
}
.ladyszero2 {
	float: left;
	height: 260px;
	width: 830px;
	margin-top: 16px;
	margin-left: 24px;
}
.ladysbase {
    background:url(images/ladybg.jpg);
	float: left;
	height: 238px;
	width: 127px;
	padding:9px;
}
.ladysbase2 {
    background:url(images/ladybg.jpg);
	float: left;
	height: 238px;
	width: 127px;
	padding:9px;
	margin-left: 26px;
}
.ladysname {
    background:url(images/name.jpg);
	float: left;
	height: 50px;
	width: 119px;
	margin-top:6px;
}
.ladysname2 {
    background:url(images/name.jpg);
	float: left;
	height: 50px;
	width: 130px;
	margin-top:6px;
	margin-left: 21px;
}
.name {
    font-size:10px;
	color:#666666;
	text-align:center;
	height:60px;
	width:128px;
	margin:auto auto;
	line-height:150%;
}
.txtyle{
	width:620px;
    height:***;
	margin-top:2px;
	padding:10px 30px;
	font-size:12px;
	color:#FF0000;
	line-height:160%;
}
.txtyles{
    background:url(/images/recruitbg.jpg);
    background-position:top center;
    background-repeat:no-repeat;
	width:620px;
    height:***;
	margin-top:2px;
	padding:10px 30px;
	font-size:12px;
	color:#FF0000;
	line-height:160%;
}
.concept {
    font-size:13px;
	width: 640px;
	margin-top:20px;
}
.blog {
	height: 186px;
	width: 630px;
	margin: 15px auto;
}
.blog01 {
    background:url(images/blogbg.jpg);
	float: left;
	height: 158px;
	width: 170px;
	padding:9px;
	margin-left:10px;
}
.blog02 {
    background:url(images/blogbg.jpg);
	float: left;
	height: 158px;
	width: 170px;
	padding:9px;
	margin-left:20px;
}
.bname {
    font-size:10px;
	color:#666666;
	text-align:center;
	height:15px;
	width:170px;
	margin:auto auto;
}
.banner {
	float: left;
	height: 70px;
	width: 350px;
	margin-top: 5px;
	margin-left: 10px;
}

.banner1 {
	float: left;
	height: 60px;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
}

.banner2 {
	float: left;
	height: 40px;
	width: 200px;
	margin-top: 30px;
	margin-left: 40px;
}

.banner3 {
	float: left;
	height: 31px;
	width: 88px;
	margin-top: 46px;
	margin-left: 40px;
}
.txt01 {
	font-size:9px;
	color:#990000;
	float: left;
	height: 10px;
	width: 120px;
	margin-left: 10px;
}
.txt02 {
    font-size:9px;
    color:#990000;
	float: left;
	height: 10px;
	width: 120px;
	margin-left: 270px;
}
.txt03 {
    font-size:9px;
    color:#990000;
	float: left;
	height: 10px;
	width: 120px;
	margin-left: 220px;
}
.txt04 {
	font-size:9px;
	color:#aaaaaa;
	float: left;
	height: 10px;
	width: 400px;
	margin-left: 14px;
}
.txt06 {
	font-size:9px;
	text-align:center;
	color:#aaaaaa;
	width: 800px;
	margin:0 auto;
}
.sbox {
	width:500px;
	height:***;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.s1box {
	width:500px;
	height:104px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

#footer{
color:#666;
font-family: Arial, Helvetica, sans-serif;
background:url(images/foot12.jpg);
background-position:top center;
background-repeat:no-repeat;
bottom: 0px;
text-align: center;
font-size:8px;
height: 140px;
width: 100%;
}
#footer ul
  {
    list-style:none;
    margin: 0;
    padding: 0;
   }
#footer li
   {   
    width: 68px;
	margin-top:44px;
    padding: 0;
	float:right;
 	}
#footer a
   {
	text-align: center;
    display:block;
    padding: 0,5em 0;
	color:#663333;
    width: 100%;
	margin:0px auto
    }
#main .body #mn6 {
margin-top: 20px;
}
.style1 {font-size: 12%}
.style2 {font-size: 12px}
.style3 {
font-size:12px;
color:#FF0000;
}
.style4 {
font-size:12px;
color:#444444;
line-height:160%;
}

/*----------------------------span-*/

span.tel{
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#424242;
line-height: 24px;
}

/*-------------------------------------for any--*/

.clear{
clear:both;
}

#left .topimg {
margin-left: 0px;
}