@charset "euc-jp";
/* CSS Document */

/* ------------------------------

	GLOBAL NAVIGATION
	
------------------------------ */

ul#g_navi {
	width:900px;
	height: 50px;
	background: url(../img/navi.jpg) no-repeat;
	display:block;
	overflow:hidden;
	clear: both;
}

ul#g_navi li {	float: left; height:50px;}
ul#g_navi li a {height:50px;	display: block;}
ul#g_navi li a:hover {
	height:50px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	display:block;
}





/* ------------------------------

	FOOTER NAVIGATION
	
------------------------------ */

div#footer ul  {
	display: block;
	margin: 20px 0 0 0;
	height: auto;
}
div#footer ul li {
	border-left: 1px solid #CCC;
	float: left;
	padding: 0 3px;
	display: block;
}
div#footer ul li a {
	color: #666;
	text-decoration: none;
}
div#footer ul li a:hover{
	color: #CCC;
	text-decoration: none;
}



/* ------------------------------

	BUNNER NAVIGATION
	
------------------------------ */

ul#f_bun {
	background: url(../img/top/bun_navi3.jpg) no-repeat;
	width: 430px;
	float:left;
}

ul#f_bun li {
	background: url(../img/top/bun_navi3.jpg) no-repeat;
	width: 143px;
	height: 45px;
	float: left;
	display: block;
	text-indent: -1000em;
}

ul#f_bun li a {
	background: url(../img/top/bun_navi3.jpg) no-repeat;
	width: 143px;
	height: 45px;
	display: block;
}

ul#f_bun li#bn_event a   { background-position: 0 0;}
ul#f_bun li#bn_qa a      { background-position: -143px 0;}
ul#f_bun li#bn_clinic a  { background-position: -286px 0;}
ul#f_bun li#bn_p_blog a  { background-position: 0 -45px;}
ul#f_bun li#bn_recruit a  { background-position: -143px -45px;}
ul#f_bun li#bn_members a { background-position: -286px -45px;}

ul#f_bun li#bn_event a:hover   { background-position: -429px 0;}
ul#f_bun li#bn_qa a:hover      { background-position: -572px 0;}
ul#f_bun li#bn_clinic a:hover  { background-position: -715px 0;}
ul#f_bun li#bn_p_blog a:hover  { background-position: -429px -45px;}
ul#f_bun li#bn_recruit a:hover  { background-position: -572px -45px;}
ul#f_bun li#bn_members a:hover { background-position: -715px -45px;}


/* ------------------------------

	TOP NAVIGATION
	
------------------------------ */

ul#top_navi {
	background: url(../img/top/top_navi.jpg) no-repeat;
	width: 190px;
	margin: 0 0 20px 0;
	display: block;
	text-indent: -1000em;
}
ul#top_navi li {
	background: url(../img/top/top_navi.jpg) no-repeat;
	height: 40px;
	margin: 0 0 5px 0;
	display: block;
}

ul#top_navi li a {
	background: url(../img/top/top_navi.jpg) no-repeat;
	height: 40px;
	display: block;
}

ul#top_navi li#tn_contact a  { background-position: 0 0;}
ul#top_navi li#tn_bookmark a { background-position: 0 -45px;}
ul#top_navi li#tn_friend a   { background-position: 0 -90px;}

ul#top_navi li#tn_contact a:hover  { background-position: -190px 0;}
ul#top_navi li#tn_bookmark a:hover { background-position: -190px -45px;}
ul#top_navi li#tn_friend a:hover   { background-position: -190px -90px;}


/* ------------------------------

	ABOUT NAVIGATION
	
------------------------------ */

ul.about_navi{
	width:900px;
	height:35px;
	background:url(../img/about/navi.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

ul.about_navi li,
ul.about_navi li a{
	width	:225px;
	height	:35px;
	display	:block;
	float	:left;
}

ul.about_navi li.a01 a{
	background:url(../img/about/navi.jpg) no-repeat left top;
}
ul.about_navi li.a01 a:hover{
	background:url(../img/about/navi.jpg) no-repeat left -35px;
}

ul.about_navi li.a02 a{
	background:url(../img/about/navi.jpg) no-repeat -225px top;
}
ul.about_navi li.a02 a:hover{
	background:url(../img/about/navi.jpg) no-repeat -225px -35px;
}

ul.about_navi li.a03 a{
	background:url(../img/about/navi.jpg) no-repeat -450px top;
}
ul.about_navi li.a03 a:hover{
	background:url(../img/about/navi.jpg) no-repeat -450px -35px;
}

ul.about_navi li.a04 a{
	background:url(../img/about/navi.jpg) no-repeat -675px top;
}
ul.about_navi li.a04 a:hover{
	background:url(../img/about/navi.jpg) no-repeat -675px -35px;
}

/* ------------------------------

	SALON NAVIGATION
	
------------------------------ */

ul#salon_navi {
	width: 900px;
	height: 35px;
	background: url(../img/salon/salon_navi.jpg) no-repeat;
}

ul#salon_navi li {
	background: url(../img/salon/salon_navi.jpg) no-repeat;
	width: 225px;
	height: 35px;
	float: left;
	display: block;
	text-indent: -1000em;
}

ul#salon_navi li a {
	background: url(../img/salon/salon_navi.jpg) no-repeat;
	width: 225px;
	height: 35px;
	display: block;
}

div.salon_first ul#salon_navi,
div.salon_first ul#salon_navi li,
div.salon_first ul#salon_navi li a {
	background: url(../img/salon/first/navi_salon.jpg) no-repeat;
}

ul#salon_navi li#sn_first a { background-position: 0 0;}
ul#salon_navi li#sn_think a { background-position: -225px 0;}
ul#salon_navi li#sn_guide a { background-position: -450px 0;}
ul#salon_navi li#sn_staff a { background-position: -675px 0;}

ul#salon_navi li#sn_first,
ul#salon_navi li#sn_first a:hover { background-position: 0 -35px;}
ul#salon_navi li#sn_think,
ul#salon_navi li#sn_think a:hover { background-position: -225px -35px;}
ul#salon_navi li#sn_guide,
ul#salon_navi li#sn_guide a:hover { background-position: -450px -35px;}
ul#salon_navi li#sn_staff,
ul#salon_navi li#sn_staff a:hover { background-position: -675px -35px;}

/* ------------------------------

	SIDE NAVIGATION
	
------------------------------ */

/*　エステ内容　*/

ul#sn_cmenu {
	border-bottom: 2px dotted #CCC;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

ul#sn_cmenu li {
	width: 190px;
	height:50px;
	margin: 0 0 2px 0;
	display: block;
	text-indent: -1000em;
}

ul#sn_cmenu li a {
	width: 190px;
	height:50px;
	display: block;
}

ul#sn_cmenu li a:hover {
	filter: alpha(opacity=69);
	-moz-opacity:0.69;
	opacity:0.69;
}

ul#sn_cmenu li.title { background:url(../img/li_cmenu00.jpg) no-repeat; height:16px; }

ul#sn_cmenu li#sn_cmenu01 a { background:url(../img/li_cmenu01.jpg) no-repeat;}
ul#sn_cmenu li#sn_cmenu02 a { background:url(../img/li_cmenu02.jpg) no-repeat;}
ul#sn_cmenu li#sn_cmenu03 a { background:url(../img/li_cmenu03.jpg) no-repeat;}
ul#sn_cmenu li#sn_cmenu04 a { background:url(../img/li_cmenu04.jpg) no-repeat;}
ul#sn_cmenu li#sn_cmenu05,
ul#sn_cmenu li#sn_cmenu05 a { background:url(../img/li_cmenu05.jpg) no-repeat;}
ul#sn_cmenu li#sn_cmenu06 a { background:url(../img/li_cmenu06.jpg) no-repeat;}

/*　ＣＭ　*/

ul#sn_cm {
	border-bottom: 2px dotted #CCC;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

ul#sn_cm li {
	width: 190px;
	height:50px;
	margin: 0 0 2px 0;
	display: block;
	text-indent: -1000em;
}

ul#sn_cm li a {
	width: 190px;
	height:50px;
	display: block;
}

ul#sn_cm li#sn_cm01 a { background: url(../img/li_cm01.jpg) no-repeat;}
ul#sn_cm li#sn_cm02 a { background: url(../img/li_cm02.jpg) no-repeat;}

/*　モバイルサイト　*/

ul#sn_mobile {
	border-bottom: 2px dotted #CCC;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}

ul#sn_mobile li {
	background: url(../img/mobile.gif) no-repeat;
	width: 190px;
	height:90px;
	margin: 0 0 2px 0;
	display: block;
	text-indent: -1000em;
}

/*　採用情報　*/

ul#sn_recruit {}

ul#sn_recruit li {
	width: 190px;
	height:50px;
	display: block;
	text-indent: -1000em;
}

ul#sn_recruit li.n_flow{
	width: 190px;
	height:50px;
	display: none;
	text-indent: -1000em;
}
ul#sn_recruit li a {
	background:url(../img/li_recruit.jpg) no-repeat;
	width: 190px;
	height:50px;
	display: block;
}

div.bun_pv1 {
	background: url(../img/top/pv1.jpg) no-repeat;
	float: left;
	width: 92px;
	height: 88px;
}
div.bun_pv1 a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	background: url(../img/top/pv1.jpg) no-repeat;
	width: 92px;
	height: 76px;
	display: block;
	padding: 10px 0 0 110px;
}

div.bun_pv1 a:hover {
	text-decoration: none;
	color:#FCC;
	background-position: 0 -88px;
}