@charset "utf-8";

/* CSS Document */







/*----- beauty sub navi -------*/

ul#beauty_sub_navi {

	display:block;

	width:878px;

	height:25px;

	clear:both;

	padding:0 11px 0 11px;

	margin:0 0 0 0;

	background:url(../images/beauty_sub_navi.gif) no-repeat 0 0;

}

ul#beauty_sub_navi li {

	display:block;

	height:25px;

	float:left;

	padding:0 1px 0 0;

}

ul#beauty_sub_navi li a {

	display:block;

	height:25px;

	text-indent:-9999px;

	overflow:hidden;

	outline:none;

}

ul#beauty_sub_navi li.beauty_sub_navi01 { width:107px; }

ul#beauty_sub_navi li.beauty_sub_navi02 { width:184px; }

ul#beauty_sub_navi li.beauty_sub_navi03 { width:175px; }



ul#beauty_sub_navi li.beauty_sub_navi01 a { width:107px; background:url(../images/beauty_sub_navi.gif) no-repeat -11px 0 }

ul#beauty_sub_navi li.beauty_sub_navi02 a { width:184px; background:url(../images/beauty_sub_navi.gif) no-repeat -119px 0 }

ul#beauty_sub_navi li.beauty_sub_navi03 a { width:175px; background:url(../images/beauty_sub_navi.gif) no-repeat -304px 0 }



ul#beauty_sub_navi li.beauty_sub_navi01 a:hover {	background:url(../images/beauty_sub_navi.gif) no-repeat -11px -25px }

ul#beauty_sub_navi li.beauty_sub_navi02 a:hover {	background:url(../images/beauty_sub_navi.gif) no-repeat -119px -25px }

ul#beauty_sub_navi li.beauty_sub_navi03 a:hover {	background:url(../images/beauty_sub_navi.gif) no-repeat -304px -25px }



ul#beauty_sub_navi li.beauty_sub_navi01 a.on {	background:url(../images/beauty_sub_navi.gif) no-repeat -11px -50px }

ul#beauty_sub_navi li.beauty_sub_navi02 a.on {	background:url(../images/beauty_sub_navi.gif) no-repeat -119px -50px }

ul#beauty_sub_navi li.beauty_sub_navi03 a.on {	background:url(../images/beauty_sub_navi.gif) no-repeat -304px -50px }





/*----- left -------*/

#contents_l {

	width:240px;

	height:auto;

	float: left;

	font-size:0.63em;

}

#contents_l h2#ttl_btn01,

#contents_l h2#ttl_btn02,

#contents_l h2#ttl_btn03{

	display:block;

	width:230px;

	height:28px;

	text-indent:-9999px;

	padding:0 0 6px 0;

}

#contents_l h2#ttl_btn01 a,

#contents_l h2#ttl_btn02 a,

#contents_l h2#ttl_btn03 a{

	display:block;

	width:230px;

	height:28px;

	outline:none;

	overflow:hidden;

}

#contents_l h2#ttl_btn01{ background:url(../images/h2_btn01.gif) no-repeat 0 0; }

#contents_l h2#ttl_btn02{ background:url(../images/h2_btn02.gif) no-repeat 0 0; }

#contents_l h2#ttl_btn03{ background:url(../images/h2_btn03.gif) no-repeat 0 0; }



#contents_l h2#ttl_btn01 a:hover{ background:url(../images/h2_btn01_on.gif) no-repeat 0 0; }

#contents_l h2#ttl_btn02 a:hover{ background:url(../images/h2_btn02_on.gif) no-repeat 0 0; }

#contents_l h2#ttl_btn03 a:hover{ background:url(../images/h2_btn03_on.gif) no-repeat 0 0; }



#contents_l dl {

	display:block;

	width:230px;

	padding:0 0 15px 0;

}

#contents_l dl dt {

	display:block;

	width:128px;

	float:left;

}

#contents_l dl dt a img {

	width:118px;

	padding:1px;

	border:1px solid #b3b3b3;

	outline:none;

	overflow:hidden;

}

#contents_l dl dt a img:hover {

	border:1px solid #666666;

}

#contents_l dl dd {

	width:100px;

	float:left;

	line-height:110%;

}

#contents_l dl dd span {

	display:block;

	text-align:right;	

}

#contents_l dl dd span a {

	

}



#l_banner {

	clear:both;

	width:230px;

	height:auto;

	padding-top: 5px;

}

#l_banner img {

	margin-bottom:5px;

}







/*----- total_navi -------*/



div#total_navi_box {

	margin:0 0 0 0;

	height:39px;

}

div#total_navi_box div {

	position:absolute;

}

ul#total_navi {

	display:block;

	width:660px;

	height:29px;

	background:url(../images/total_navi.gif) no-repeat 0 -58px;

}

ul#total_navi li{

	display:block;

	width:110px;

	height:29px;

	float:left;

	text-indent:-9999px;

}

ul#total_navi li a{

	display:block;

	width:110px;

	height:29px;

	outline:none;

	overflow:hidden;

}

ul#total_navi li.t_navi03,

ul#total_navi li.t_navi03 a{

	width:110px;

}

ul#total_navi li.t_navi02,

ul#total_navi li.t_navi02 a{

	width:110px;

}



ul#total_navi .t_navi02 li.navi01,

ul#total_navi .t_navi02 li.navi02,

ul#total_navi .t_navi02 li.navi03{

	display:none;

}

ul#total_navi .t_navi02_on li.navi01,

ul#total_navi .t_navi02_on li.navi02,

ul#total_navi .t_navi02_on li.navi03,

ul#total_navi .t_navi02_on li.navi01 a,

ul#total_navi .t_navi02_on li.navi02 a,

ul#total_navi .t_navi02_on li.navi03 a{

	display:block;

	width:110px;

}

ul#total_navi .t_navi02 li.navi00 {

	background:url(../images/total_navi.gif) no-repeat -110px 29px;

	height:27px;

	width:110px;

}

ul#total_navi .t_navi02_on li.navi00 a {

	height:27px;

}

ul#total_navi .t_navi02_on {

	overflow:visible;

	width:110px;

}

ul#total_navi .t_navi02_on li.navi01 { height:28px; }

ul#total_navi .t_navi02_on li.navi02 { height:29px; }



ul#total_navi .t_navi02_on li.navi01 a{ height:28px; background:url(../images/total_pul.gif) no-repeat 0 0; }

ul#total_navi .t_navi02_on li.navi02 a{ height:29px; background:url(../images/total_pul.gif) no-repeat 0 -28px; }



ul#total_navi .t_navi02_on li.navi01 a:hover{ overflow:hidden; background:url(../images/total_pul.gif) no-repeat -110px 0; }

ul#total_navi .t_navi02_on li.navi02 a:hover{ overflow:hidden; background:url(../images/total_pul.gif) no-repeat -110px -28px; }





ul#total_navi li.t_navi01 a:hover{ background:url(../images/total_navi.gif) no-repeat -0px -29px; }

ul#total_navi li.t_navi02 a:hover{ background:url(../images/total_navi.gif) no-repeat -110px -29px; }

ul#total_navi li.t_navi02_on a:hover{ background:url(../images/total_navi.gif) no-repeat -110px -29px; }

ul#total_navi li.t_navi03 a:hover{ background:url(../images/total_navi.gif) no-repeat -220px -29px; }

ul#total_navi li.t_navi04 a:hover{ background:url(../images/total_navi.gif) no-repeat -330px -29px; }

ul#total_navi li.t_navi05 a:hover{ background:url(../images/total_navi.gif) no-repeat -440px -29px; }

ul#total_navi li.t_navi06 a:hover{ background:url(../images/total_navi.gif) no-repeat -550px -29px; }



ul#total_navi li.t_navi01 a.on{ background:url(../images/total_navi.gif) no-repeat -0px 0; }

ul#total_navi li.t_navi02 a.on{ background:url(../images/total_navi.gif) no-repeat -110px 0; }

ul#total_navi li.t_navi02_on a.on{ background:url(../images/total_navi.gif) no-repeat -110px 0; }

ul#total_navi li.t_navi03 a.on{ background:url(../images/total_navi.gif) no-repeat -220px 0; }

ul#total_navi li.t_navi04 a.on{ background:url(../images/total_navi.gif) no-repeat -330px 0; }

ul#total_navi li.t_navi05 a.on{ background:url(../images/total_navi.gif) no-repeat -440px 0; }

ul#total_navi li.t_navi06 a.on{ background:url(../images/total_navi.gif) no-repeat -550px 0; }



ul#total_navi li.t_navi01 a.on:hover{ background:url(../images/total_navi.gif) no-repeat -0px 0; }

ul#total_navi li.t_navi02 a.on:hover{ background:url(../images/total_navi.gif) no-repeat -110px 0; }

ul#total_navi li.t_navi02_on a.on:hover{ background:url(../images/total_navi.gif) no-repeat -110px 0; }

ul#total_navi li.t_navi03 a.on:hover{ background:url(../images/total_navi.gif) no-repeat -220px 0; }

ul#total_navi li.t_navi04 a.on:hover{ background:url(../images/total_navi.gif) no-repeat -330px 0; }

ul#total_navi li.t_navi05 a.on:hover{ background:url(../images/total_navi.gif) no-repeat -440px 0; }

ul#total_navi li.t_navi06 a.on:hover{ background:url(../images/total_navi.gif) no-repeat -550px 0; }



#menu_face div#total_navi_box,

#menu_make div#total_navi_box,

#menu_leg div#total_navi_box {

	margin:0 0 0 0;

	height:50px;

	margin:0 0 17px 0;

}

#menu_face ul#total_navi,

#menu_make ul#total_navi,

#menu_leg ul#total_navi {

	display:block;

	width:700px;

	height:28px;

	background:url(../images/total_navi.gif) no-repeat 0 -58px;

}

#menu_face ul#total_navi li,

#menu_make ul#total_navi li,

#menu_leg ul#total_navi li{

	display:block;

	width:110px;

	height:28px;

	float:left;

	text-indent:-9999px;

}



#menu_face ul#total_navi li a,

#menu_make ul#total_navi li a,

#menu_leg ul#total_navi li a{

	display:block;

	width:110px;

	height:28px;

	outline:none;

	overflow:hidden;

}





ul#total_navi_menu {

	display:block;

	width:660px;

	height:22px;

	padding:0 0 0 0;

	background:url(../images/total_menu_menu.gif) no-repeat 0 0;

}

ul#total_navi_menu li{

	display:block;

	height:22px;

	float:left;

	text-indent:-9999px;

}

ul#total_navi_menu li a{

	display:block;

	height:22px;

	outline:none;

	overflow:hidden;

}



ul#total_navi_menu li.navi01{ width:127px; background:url(../images/total_menu_menu.gif) no-repeat 0 0; }

ul#total_navi_menu li.navi02{ width:116px; background:url(../images/total_menu_menu.gif) no-repeat -127px 0; }



ul#total_navi_menu li.navi01 a{ width:127px; }

ul#total_navi_menu li.navi02 a{ width:116px; }



ul#total_navi_menu li.navi01 a:hover{ background:url(../images/total_menu_menu.gif) no-repeat 0 -49px; }

ul#total_navi_menu li.navi02 a:hover{ background:url(../images/total_menu_menu.gif) no-repeat -127px -49px; }



ul#total_navi_menu li.navi01 a.on{ background:url(../images/total_menu_menu.gif) no-repeat 0 -98px; }

ul#total_navi_menu li.navi02 a.on{ background:url(../images/total_menu_menu.gif) no-repeat -127px -98px; }





/*----- vivo_navi -------*/



div#vivo_navi_box {

	margin:0 0 0 0;

	height:39px;

}

div#vivo_navi_box div {

	position:absolute;

}

ul#vivo_navi {

	display:block;

	width:660px;

	height:29px;

	background:url(../images/vivo_navi.gif) no-repeat 0 -58px;

}

ul#vivo_navi li{

	display:block;

	width:110px;

	height:29px;

	float:left;

	text-indent:-9999px;

}

ul#vivo_navi li a{

	display:block;

	width:110px;

	height:29px;

	outline:none;

	overflow:hidden;

}





ul#vivo_navi li.v_navi01 a:hover{ background:url(../images/vivo_navi.gif) no-repeat -0px -29px; }

ul#vivo_navi li.v_navi02 a:hover{ background:url(../images/vivo_navi.gif) no-repeat -110px -29px; }

ul#vivo_navi li.v_navi03 a:hover{ background:url(../images/vivo_navi.gif) no-repeat -220px -29px; }

ul#vivo_navi li.v_navi04 a:hover{ background:url(../images/vivo_navi.gif) no-repeat -330px -29px; }

ul#vivo_navi li.v_navi05 a:hover{ background:url(../images/vivo_navi.gif) no-repeat -440px -29px; }

ul#vivo_navi li.v_navi06 a:hover{ background:url(../images/vivo_navi.gif) no-repeat -550px -29px; }



ul#vivo_navi li.v_navi01 a.on{ background:url(../images/vivo_navi.gif) no-repeat -0px 0; }

ul#vivo_navi li.v_navi02 a.on{ background:url(../images/vivo_navi.gif) no-repeat -110px 0; }

ul#vivo_navi li.v_navi03 a.on{ background:url(../images/vivo_navi.gif) no-repeat -220px 0; }

ul#vivo_navi li.v_navi04 a.on{ background:url(../images/vivo_navi.gif) no-repeat -330px 0; }

ul#vivo_navi li.v_navi05 a.on{ background:url(../images/vivo_navi.gif) no-repeat -440px 0; }

ul#vivo_navi li.v_navi06 a.on{ background:url(../images/vivo_navi.gif) no-repeat -550px 0; }



ul#vivo_navi li.v_navi01 a.on:hover{ background:url(../images/vivo_navi.gif) no-repeat -0px 0; }

ul#vivo_navi li.v_navi02 a.on:hover{ background:url(../images/vivo_navi.gif) no-repeat -110px 0; }

ul#vivo_navi li.v_navi03 a.on:hover{ background:url(../images/vivo_navi.gif) no-repeat -220px 0; }

ul#vivo_navi li.v_navi04 a.on:hover{ background:url(../images/vivo_navi.gif) no-repeat -330px 0; }

ul#vivo_navi li.v_navi05 a.on:hover{ background:url(../images/vivo_navi.gif) no-repeat -440px 0; }

ul#vivo_navi li.v_navi06 a.on:hover{ background:url(../images/vivo_navi.gif) no-repeat -550px 0; }





/*----- school_navi -------*/



div#school_navi_box {

	margin:0 0 0 0;

	height:39px;

}

div#school_navi_box div {

	position:absolute;

}

ul#school_navi {

	display:block;

	width:660px;

	height:29px;

	background:url(../images/school_navi.gif) no-repeat 0 -58px;

}

ul#school_navi li{

	display:block;

	width:132px;

	height:29px;

	float:left;

	text-indent:-9999px;

}

ul#school_navi li a{

	display:block;

	width:132px;

	height:29px;

	outline:none;

	overflow:hidden;

}





ul#school_navi li.s_navi01 a:hover{ background:url(../images/school_navi.gif) no-repeat -0px -29px; }

ul#school_navi li.s_navi02 a:hover{ background:url(../images/school_navi.gif) no-repeat -132px -29px; }

ul#school_navi li.s_navi03 a:hover{ background:url(../images/school_navi.gif) no-repeat -264px -29px; }

ul#school_navi li.s_navi04 a:hover{ background:url(../images/school_navi.gif) no-repeat -396px -29px; }

ul#school_navi li.s_navi05 a:hover{ background:url(../images/school_navi.gif) no-repeat -528px -29px; }




ul#school_navi li.s_navi01 a.on{ background:url(../images/school_navi.gif) no-repeat -0px 0; }

ul#school_navi li.s_navi02 a.on{ background:url(../images/school_navi.gif) no-repeat -132px 0; }

ul#school_navi li.s_navi03 a.on{ background:url(../images/school_navi.gif) no-repeat -264px 0; }

ul#school_navi li.s_navi04 a.on{ background:url(../images/school_navi.gif) no-repeat -396px 0; }

ul#school_navi li.s_navi05 a.on{ background:url(../images/school_navi.gif) no-repeat -528px 0; }




ul#school_navi li.s_navi01 a.on:hover{ background:url(../images/school_navi.gif) no-repeat -0px 0; }

ul#school_navi li.s_navi02 a.on:hover{ background:url(../images/school_navi.gif) no-repeat -132px 0; }

ul#school_navi li.s_navi03 a.on:hover{ background:url(../images/school_navi.gif) no-repeat -264px 0; }

ul#school_navi li.s_navi04 a.on:hover{ background:url(../images/school_navi.gif) no-repeat -396px 0; }

ul#school_navi li.s_navi05 a.on:hover{ background:url(../images/school_navi.gif) no-repeat -528px 0; }














/*----- menu_box -------*/



div.menu_box {

	width:640px;

	padding:9px;

	margin:0 0 6px 0;

	border:1px solid #cfcfcf;

	background:url(../images/bg_menubox.gif) repeat-x 0 100%;

	clear:both;

}

.menu_box p.pic {

	display:block;

	width:140px;

	float:left;

}

.menu_box p.pic img {

	padding:2px;

	border:1px solid #cfcfcf;

	width:127px;

	float:left;

}

.menu_box div.right {

	width:500px;

	float:left;

}

.menu_box dl {

	display:block;

	width:430px;

	float:left;

	border-left:3px solid #6c6c6c;

}

.menu_box dl dt {

	display:block;

	height:32px;

	width:430px;

	font-size:0.75em;

	text-indent:-9999px;

}

.menu_box dl dd {

	display:block;

	padding:0 0 0 4px;

	font-size:0.75em;

	color:#ea8024;

}

.menu_box p.price {

	display:block;

	padding:8px 0 0 0;

	font-size:0.88em;

	float:right;

	text-align:right;

	line-height:100%;

	white-space: nowrap;

}

.menu_box p.point {

	clear:both;

	display:block;

	height:16px;

	padding:5px 0 2px 0;

	font-size:0.75em;

}

	.menu_box p.point span.point01, 

	.menu_box p.point span.point02,

	.menu_box p.point span.point03,

	.menu_box p.point span.point04{

		display:block;

		height:16px;

		width:77px;

		text-indent:-9999px;

	}

	.menu_box p.point span.point01 { background:url(../images/point01.gif) no-repeat 0 0; }

	.menu_box p.point span.point02 { background:url(../images/point02.gif) no-repeat 0 0; }

	.menu_box p.point span.point03 { background:url(../images/point03.gif) no-repeat 0 0; }

	.menu_box p.point span.point04 { background:url(../images/point04.gif) no-repeat 0 0; }

.menu_box p.hosoku {

	display:block;

	font-size:0.75em;

	line-height:147%;

	clear: both;

}



.menu_box:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

} /*IE7以外のモダンブラウザ向け*/

.menu_box{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/

.menu_box{height:1%;}

.menu_box{display:block;}

/*End hide from IE-mac*/ /*IE6以前向け*/







h2#ttl_salad,

h2#ttl_colddish,

h2#ttl_hotdish,

h2#ttl_pasta_pizza,

h2#ttl_rice,

h2#ttl_sweets,

h2#ttl_drink ,

h2#ttl_pasta ,

h2#ttl_other {

	width:660px;

	height:28px;

	display:block;

	text-indent:-9999px;

	margin:16px 0 6px 0;

} 

h2#ttl_salad { background:url(../images/h2_ttl_menu01.gif) no-repeat 0 0; }

h2#ttl_colddish{ background:url(../images/h2_ttl_menu02.gif) no-repeat 0 0; }

h2#ttl_hotdish{ background:url(../images/h2_ttl_menu03.gif) no-repeat 0 0; }

h2#ttl_pasta_pizza{ background:url(../images/h2_ttl_menu04.gif) no-repeat 0 0; }

h2#ttl_rice{ background:url(../images/h2_ttl_menu05.gif) no-repeat 0 0; }

h2#ttl_sweets{ background:url(../images/h2_ttl_menu06.gif) no-repeat 0 0; }

h2#ttl_drink{ background:url(../images/h2_ttl_menu07.gif) no-repeat 0 0; }

h2#ttl_pasta{ background:url(../images/h2_ttl_menu08.gif) no-repeat 0 0; }

h2#ttl_other{ background:url(../images/h2_ttl_menu09.gif) no-repeat 0 0; }





p.page_up {

	clear:both;

	width:81px;

	height:19px;

	display:block;

	text-indent:-9999px;

	background:url(../images/btn_page_up.gif) no-repeat 0 0;

	margin:0 0 0 auto;

}

p.page_up a{

	width:81px;

	height:19px;

	display:block;

	overflow:hidden;

	outline:none;

}

p.page_up a:hover{

	background:url(../images/btn_page_up.gif) no-repeat 0 -19px;

}





/*----- course_box -------*/



div.course_box {

	width:640px;

	padding:9px;

	margin:0 0 6px 0;

	border:1px solid #cfcfcf;

	background:url(../images/bg_menubox.gif) repeat-x 0 100%;

	clear:both;

}

.course_box p.pic {

	display:block;

	width:262px;

	float:left;

}

.course_box p.pic img {

	padding:2px;

	border:1px solid #cfcfcf;

	width:250px;

	float:left;

}

.course_box div.under {

	clear:both;

	padding:5px 0 0 0;

}

.course_box dl {

	display:block;

	width:447px;

	float:left;

	border-left:3px solid #6c6c6c;

}

.course_box dl dt {

	display:block;

	padding:0 0 0 4px;

	font-size:0.88em;

	font-weight:bold;

	color:#ea8024;

}

.course_box dl dd {

	display:block;

	padding:0 0 0 4px;

	font-size:0.75em;

}

.course_box p.price {

	display:block;

	padding:8px 0 0 0;

	font-size:0.88em;

	float:right;

	text-align:right;

	line-height:100%;

}

.course_box ul {

	float:left;

	display:block;

	padding:0 0 2px 0;

	font-size:0.75em;

}



.course_box:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

} /*IE7以外のモダンブラウザ向け*/

.course_box{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/

.course_box{height:1%;}

.course_box{display:block;}

/*End hide from IE-mac*/ /*IE6以前向け*/







/*----- floor -------*/

dl.floor {

	display:block;

	width:657px;

	border-left:3px solid #6c6c6c;

	margin:0 0 6px 0;

}

dl.floor dt {

	display:block;

	padding:0 0 0 4px;

	font-size:0.88em;

	font-weight:bold;

	color:#ea8024;

}

dl.floor dd {

	display:block;

	padding:0 0 0 4px;

	font-size:0.75em;

}

ul.floor {

	display:block;

	width:660px;

	padding:6px 0;

	float:left;

}

ul.floor li {

	display:inline;

	width:220px;

}

ul.floor li img {

	padding:2px;

	border:1px solid #cfcfcf;

	width:204px;

}



ul.floor:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

} /*IE7以外のモダンブラウザ向け*/

ul.floor{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/

ul.floor{height:1%;}

ul.floor{display:block;}

/*End hide from IE-mac*/ /*IE6以前向け*/