@charset "utf-8";

/*------------------------------------------------------------------------------
ネイルサロンK･I･N･G - CSS Modules Import
URL: http://
Date: 2009-09-03
Copyright (C) K･I･N･G. All Rights Reserved.
------------------------------------------------------------------------------*/


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

Main

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

h2#Title {
	background: url(../img/menu/title.jpg) 0 0 no-repeat;
	width: 940px;
	height: 162px;
	text-indent: -9999px;
	margin: 0 auto;
}



/* -------- MENU ---------- */

div#Menu {
}


/* HAND MNU */
div#Menu div#HandMnu {
	background: url(../img/menu/hand_bg.jpg) 0 0 no-repeat;
}


div#Menu div#HandMnu table,
div#Menu div#FootMnu table {
	margin-bottom: 30px;
}

div#Menu div#HandMnu table .Price,
div#Menu div#CourseMnu table .Price,
div#Menu div#FootMnu table .Price{
	text-align: right;
}

div#Menu div#HandMnu table th,
div#Menu div#HandMnu table td,
div#Menu div#CourseMnu table th,
div#Menu div#CourseMnu table td,
div#Menu div#FootMnu table th,
div#Menu div#FootMnu table td {
padding: 10px 0;
}


div#HandMnu ul#Ancher {
	padding: 5px 0 0 5px;
}

div#HandMnu ul#Ancher li {
	float: left;
}

div#HandMnu ul#Ancher li#Mnu01 {
	background:url(../img/menu/btn01_off.png) 0 0 no-repeat;
}

div#HandMnu ul#Ancher li#Mnu01 a {
	width: 204px;
	height: 34px;
	display: block;
	text-indent: -9999px;
}

div#HandMnu ul#Ancher li#Mnu01 a:active,
div#HandMnu ul#Ancher li#Mnu01 a:hover {
	background:url(../img/menu/btn01_on.png) 0 0 no-repeat;
}


div#HandMnu ul#Ancher li#Mnu02 {
	background:url(../img/menu/btn02_off.png) 0 0 no-repeat;
	margin-left: 3px;
}

div#HandMnu ul#Ancher li#Mnu02 a {
	width: 205px;
	height: 34px;
	display: block;
	text-indent: -9999px;
}

div#HandMnu ul#Ancher li#Mnu02 a:active,
div#HandMnu ul#Ancher li#Mnu02 a:hover {
	background:url(../img/menu/btn02_on.png) 0 0 no-repeat;
}

div#HandMnu ul#Ancher li#Mnu03 {
	background:url(../img/menu/btn03_off.png) 0 0 no-repeat;
	margin-left: 3px;
}

div#HandMnu ul#Ancher li#Mnu03 a {
	width: 205px;
	height: 34px;
	display: block;
	text-indent: -9999px;
}

div#HandMnu ul#Ancher li#Mnu03 a:active,
div#HandMnu ul#Ancher li#Mnu03 a:hover {
	background:url(../img/menu/btn03_on.png) 0 0 no-repeat;
}


/* mtit */
div#Menu div#HandMnu h3 {
	background: url(../img/menu/tit_hand.png) 0 0 no-repeat;
	height: 27px;
	width: 191px;
	text-indent: -9999px;
	margin-bottom: 25px;
}


div#Menu div#HandMnu div#HandInBox {
	margin: 90px 20px 0 210px;
}


ul#BtnGel li {
	background: url(../img/menu/btn_gel.png) 0 0 no-repeat;
	width: 126px;
	height: 17px;
	text-indent: -9999px;
}

ul#BtnGel li a {
	width: 126px;
	height: 17px;
	display: block;
}
	

/* Memu Table */

div#Menu div#HandMnu div#HandInBox table {
	width: 380px;
}

div#Menu div#HandMnu div#HandInBox table tbody td,
div#Menu div#HandMnu div#HandInBox table tbody th {
	border-top: 1px solid #c5b8b0;
}

div#Menu div#HandMnu div#HandInBox table thead th {
	color: #e64609;
	font-weight: bold;
}


div#Menu div#HandMnu div#HandInBox table tbody th {
	color: #8b7746;
	width: 60%;
}

div#Menu div#HandMnu div#HandInBox table tbody th span {
	color: #af9557;
}

div#Menu div#HandMnu div#HandInBox table tbody th p {
	color: #af9577;
	font-size: 83.4%;
	line-height: 0.834;
}






/* COURSE MNU */
div#Menu div#CourseMnu {
	background:url(../img/menu/course_bg.png) 0 0 no-repeat;
	padding: 85px 30px 0 30px;
}

/* mtit */
div#Menu div#CourseMnu h3 {
	background: url(../img/menu/tit_course.png) 0 0 no-repeat;
	height: 27px;
	width: 191px;
	text-indent: -9999px;
	margin-bottom: 25px;
}


div#Menu div#CourseMnu div.CourseDetail {
	background: #fff url(../img/menu/course_sub_bg.png) 0 0 repeat-x;
	border: 1px solid #fbe3ee;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
}

div#Menu div#CourseMnu div.CourseDetail02 {
	background: #fff url(../img/menu/course_sub_bg.png) 0 0 repeat-x;
	border: 1px solid #fbe3ee;
	margin-bottom: 20px;
}

div#Menu div#CourseMnu div.CourseDetail02 table thead th {
	width: 30%;
}

div#Menu div#CourseMnu div.CourseDetail02 table thead th,
div#Menu div#CourseMnu div.CourseDetail table thead th {
	color: #e64609;
	font-weight: bold;
	border-bottom: 1px solid #c5b8b0;
}

div#Menu div#CourseMnu div.CourseDetail02 table thead td,
div#Menu div#CourseMnu div.CourseDetail table thead td {
	border-bottom: 1px solid #c5b8b0;
	font-weight: bold;
}

div#Menu div#CourseMnu div.CourseDetail02 table tbody td,
div#Menu div#CourseMnu div.CourseDetail table tbody td {
	color: #af9557;
	font-size: 83.4%;
}

div#Menu div#CourseMnu div.CourseDetail02 table tbody td,
div#Menu div#CourseMnu div.CourseDetail02 table tbody th {
	border-bottom: 1px solid #ede6d4;
}


div#Osusume01 {
	background:url(../img/menu/img_yuyu01.png) 100% 100% no-repeat;
	margin: 20px 20px 0 20px;
	padding: 0 0 10px 0;
	behavior: url(/js/iepngfix_v2/iepngfix.htc);
}

div#Osusume02 {
	background:url(../img/menu/img_staff01.png) 100% 100% no-repeat;
	margin: 20px 20px 0 20px;
	padding: 0 0 10px 0;
	behavior: url(/js/iepngfix_v2/iepngfix.htc);
}

div#Osusume03 {
	background:url(../img/menu/img_staff02.png) 100% 100% no-repeat;
	margin: 20px 0 0 20px;
	padding: 0 0 10px 0;
	behavior: url(/js/iepngfix_v2/iepngfix.htc);
}

div#Osusume03 table,
div#Osusume02 table,
div#Osusume01 table {
	margin-right: 170px;
	/*margin-bottom: 10px;*/
}

div#Osusume03,
div#Osusume02,
div#Osusume01{
	min-height: 160px;
	height: auto !important;
	height: 160px;
}

div#Osusume03 table th,
div#Osusume02 table th,
div#Osusume01 table th {
	width: 100px;
}



/* FOOT MNU */

div#Menu div#FootMnu {
	background: url(../img/menu/foot_bg.png) 0 0 no-repeat;
	padding: 65px 30px 0 30px;
}

/* mtit */
div#Menu div#FootMnu h3 {
	background: url(../img/menu/tit_foot.png) 0 0 no-repeat;
	height: 27px;
	width: 191px;
	text-indent: -9999px;
	margin-bottom: 25px;
}

div#Menu div#FootMnu table {
	width: 350px;
}

div#Menu div#FootMnu table tbody th {
	color: #e64609;
	border-top: 1px solid #c5b8b0;
	font-weight: bold;
}

div#Menu div#FootMnu table tbody th span {
	color: #af9557;
	font-size: 83.4%;
	font-weight: normal;
}

div#Menu div#FootMnu table tbody td {
	border-top: 1px solid #c5b8b0;
	vertical-align:top;
}


/*AboutFootMnu　*/
div#AboutFootMnu {
	padding: 20px 40px 20px 175px;
	background: url(../img/menu/about_bg.png) 0 0 no-repeat;
	margin-left: 15px;
	margin-bottom: 20px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
}

div#AboutFootMnu h3 {
	font-weight: bold;
	font-size:  115.4%;
}

/* BnrArea*/

ul#BnrArea {
	margin-left: 30px;
	margin-bottom: 20px;
}

ul#BnrArea li {
	float: left;
	padding-left: 20px;
}

ul#BnrArea li#Bnr01 {
	background: url(../img/menu/bnr_access.png) 0 0 no-repeat; 
}

ul#BnrArea li#Bnr01 a,
ul#BnrArea li#Bnr02 a {
	width: 270px;
	height: 70px;
	display: block;
	text-indent: -9999px;
}

ul#BnrArea li#Bnr02 {
	background: url(../img/menu/bnr_catalogue.png) 0 0 no-repeat; 
}


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

Sub

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

div#Sub div.SubMnu h3#SalonMnu {
	background: url(/img/menu/tit_salon_mnu.png) 0 0 no-repeat;
}


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

ClearFix (基本的にクラス指定では使用しない)

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

/* -- Modern Browsers -- */

ul#BnrArea:after,
div#HandMnu ul#Ancher:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html ul#BnrArea,
*:first-child+html div#HandMnu ul#Ancher{
	display: inline-block;
}

/*  -- Legacy IE -- */

* html ul#BnrArea,
* html div#HandMnu ul#Ancher{
	height: 1%;
}