@charset "utf-8";

/*--------------------------------------------------------------------
------------------------------------------------- Basic Layout Styles
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
-------------------------------------------------------------- Margin
--------------------------------------------------------------------*/

.m_auto{margin-left:auto !important;margin-right:auto !important;}

.m_t0{margin-top:0px !important;}.m_t5{margin-top:10px !important;}
.m_t10{margin-top:10px !important;}.m_t15{margin-top:15px !important;}
.m_t25{margin-top:25px !important;}
.m_t20{margin-top:20px !important;}.m_t30{margin-top:30px !important;}
.m_t30{margin-top:40px !important;}.m_t8{margin-top:8px !important;}

.m_b0{margin-bottom:0px !important;}.m_b5{margin-bottom:5px !important;}
.m_b8{margin-bottom:8px !important;}
.m_b10{margin-bottom:10px !important;}.m_b15{margin-bottom:10px !important;}
.m_b20{margin-bottom:20px !important;}.m_b25{margin-bottom:25px !important;}
.m_b27{margin-bottom:27px !important;}
.m_b30{margin-bottom:30px !important;}.m_b40{margin-bottom:40px !important;}
.m_b8{margin-bottom:8px !important;}

.m_r0{margin-right:0px !important;}.m_r5{margin-right:5px !important;}
.m_r10{margin-right:10px !important;}.m_r15{margin-right:15px !important;}
.m_r20{margin-right:20px !important;}.m_r30{margin-right:30px !important;}
.m_r65{margin-right:65px !important;}

.m_l0{margin-left:0px !important;}.m_l5{margin-left:10px !important;}
.m_l10{margin-left:10px !important;}.m_l15{margin-left:15px !important;}
.m_l17{margin-left:17px !important;}.m_l20{margin-left:20px !important;}
.m_l30{margin-left:30px !important;}.m_l16{margin-left:16px !important;}
.m_l50{margin-left:50px !important;}

.m_rl22{margin-right:22px !important; margin-left:22px !important;}
/*--------------------------------------------------------------------
------------------------------------------------------------- padding
--------------------------------------------------------------------*/

.p_5{padding:5px !important;}

.p_t0{padding-top:0px !important;}.p_t5{padding-top:10px !important;}
.p_t10{padding-top:10px !important;}.p_t15{padding-top:15px !important;}
.p_t20{padding-top:20px !important;}.p_t30{padding-top:30px !important;}

.p_b0{padding-bottom:0px !important;}.p_b5{padding-bottom:5px !important;}
.p_b10{padding-bottom:10px !important;}.p_b15{padding-bottom:10px !important;}
.p_b20{padding-bottom:20px !important;}.p_b30{padding-bottom:30px !important;}

.p_r0{padding-right:0px !important;}.p_r5{padding-right:5px !important;}
.p_r10{padding-right:10px !important;}.p_r15{padding-right:15px !important;}
.p_r20{padding-right:20px !important;}.p_r30{padding-right:30px !important;}
.p_r17{padding-right:17px !important;}

.p_l0{padding-left:0px !important;}.p_l5{padding-left:10px !important;}
.p_l10{padding-left:10px !important;}.p_l15{padding-left:15px !important;}
.p_l17{padding-left:17px !important;}.p_l20{padding-left:20px !important;}
.p_l25{padding-left:25px !important;}.p_l30{padding-left:30px !important;}
.p_l22{padding-left:22px !important;}

/*--------------------------------------------------------------------
---------------------------------------------------------- Text-align
--------------------------------------------------------------------*/

.txt_r{text-align:right;}
.txt_c{text-align:center;}

/*--------------------------------------------------------------------
---------------------------------------------------------------- Line
--------------------------------------------------------------------*/

.topline{background:url(../images/bgline.gif) left top repeat-x;}
.underline{background:url(../images/bgline.gif) left bottom repeat-x;}

/*--------------------------------------------------------------------
---------------------------------------------------------------- Text
--------------------------------------------------------------------*/

.tel {color:#e00081;font-size:120%}
.note {color:#e00081;font-size:80%}
.color_red{color:#e00081;}
.color_pink{color:#f60c28;}
.color_blue{color:#408ae8;font-weight:bold;}
.size_160p{font-size:160%;}
span.fs10{font-size:80%;}
.h_1p{height:1%;}
.txt02 {
	margin: 0 60px 15px 60px;
}

/*--------------------------------------------------------------------
--------------------------------------------------------------- Float
--------------------------------------------------------------------*/

.fl_l{float:left;}
.fl_r{float:right;}
.cl_l{clear:left;}

/*--------------------------------------------------------------------
----------------------------------------------------------------- Box
--------------------------------------------------------------------*/

.con01 {
	margin: 0 auto;
	width: 750px;
	margin-bottom: 30px;
	
}

/*--------------------------------------------------------------------
------------------------------------------------------------- Heading
--------------------------------------------------------------------*/

.h01 {
	margin: 0 0 15px 50px;
}

.h02 {
	font-weight: bold;
	background: url(../images/bg_dot02.gif);
	padding: 6px 10px;
	margin: 0 50px 15px 50px;
}

.h03 {
	margin-bottom: 10px;
	margin-left: 60px;
}

.h04 {
	padding: 0 !important;
	background: none !important;
}

/*--------------------------------------------------------------------
--------------------------------------------------------------- Table
--------------------------------------------------------------------*/

.tbl01 th, .tbl01 td {
	vertical-align: top;
	padding: 6px 8px;
	border-bottom: 1px solid #f3f3f3;
}

.menu th strong {
	color:#e00081;
}
.menu, .recruit {
	margin-left: 65px;
}

.w80 {width:80%}
.w20 {width:20%}

/*--------------------------------------------------------------------
--------------------------------------------------------------- Home
--------------------------------------------------------------------*/

#homeMain {
	float: left;
	width: 600px;
	margin-right: 25px;
}

/*------------------------------------------------------------Course*/

#infoCourse h2 {
	margin-bottom: 8px;
}

.course {
	background: url(../images/bg_course.gif) no-repeat;
	float: left;
	width: 192px;
	margin-right: 12px;
	margin-bottom: 12px;
}

.course .ph {
	margin: 8px 8px 0 8px;
}

.course div.slideshow2 {
	margin: 8px 8px 0 8px;
}

/*----------------------------------------------------------Campaign*/

#infoCam {
	margin-top: 25px;
	margin-bottom: 13px;
}

#infoCam h2 {
	margin-bottom: 8px;
}

#infoCam h3 {
	font-weight: bold;
	background-image: url(../images/bg_dot02.gif);
	clear: both;
	padding: 3px 6px;
	margin-bottom: 12px;
}


#infoCam h3 .note {
	font-weight: normal;
	color:#252525;
}

.cam {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f3f3f3;
}

.ttl {
	float: left;
	width: 178px;
	padding: 0 6px;
}

.ttl h4 {
	font-weight: bold;
	color: #e10085;
	
}

.ttl p {
	font-size: 80%;
	color: #868686;
	
}

.ds {
	float: right;
	width: 404px;
	padding-right: 6px;
}

.ds img {
	float: left;
	margin-right: 12px;
}


/*---------------------------------------------------------Campaign2*/

.cam2, .cam3 {
	background: url(../images/bg_dot03.gif);
	float: left;
	width: 192px;
	margin-right: 12px;
	margin-bottom: 12px;
}

.cam2 div, .cam3 div {
	background: #FFF;
	padding:0 6px 3px;
	margin:2px;
height:1%;
}

.cam2 div img, .cam3 div img {
	margin:6px 0 5px 0;
	width: 176px;
	height: 132px;
}



.cam2 div p.cat strong, .cam3 div p.cat strong {
	font-size: 10px;
	color: #e3008a;
	background: url(../images/bg_dot04.gif);
	padding: 2px 3px;
}

.cam2 div h4, .cam3 div h4 {
	font-size: 12px;
	font-weight: bold;
	color: #e3008a;
	margin: 0px;
}

.cam2 div p.note, .cam3 div p.note {
	color:#252525;
	margin-bottom: 5px;
}

.cam2 div p.period, .cam3 div p.period {
	font-size: 10px;
	color:#898989;
	text-align: right;
	padding-bottom:3px;
}

/*----------------------------------------------------------Campaign 5/23’Ç‹L */
.bnrcamp {
	padding-top: 10px;
	padding-bottom: 10px;
}
.bnrcamp p {
	margin-bottom: 13px;
}
.camp_box {
	padding: 0 22px;
}
.camp_box#infoCam h3 {
	padding: 8px 10px;
}

#infoCam h3 .chk {
	font-weight: normal;
	font-size: 94%;
}
#infoCam h3 .chk strong {
	color: #e3008a;
}
/*--------------------------------------------------------Salon info*/

#infoSalon {
	margin-bottom: 8px;
}

#infoSalon li {
	float: left;
	width: 192px;
	margin-right: 12px;
	margin-bottom: 12px;
}

#infoSalon li img {
	vertical-align: bottom;
}

/*-------------------------------------------------------Media info*/

#infoMedia a:link, #infoMedia a:visited {
	text-decoration: none;
}

#infoMedia a:hover {
	text-decoration: underline;
}

#infoMedia li {
	font-size: 80%;
	float: left;
	width: 90px;
	margin-right: 12px;
}
#infoMedia li img {
	display: block;
}

/*-------------------------------------------------------------Side*/

#Side {
	float: left;
	width: 225px;
	margin-top: 27px;
}

/*--------------------------------------------------------------Tel*/

#Tel dl {
	margin: 5px 0 18px 0;
}

#Tel dt {
	float: left;
	padding: 3px 5px 4px 8px;
}

#Tel dd {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 3px 5px 4px 80px;
	border-bottom: 1px solid #f3f3f3;
}

/*-------------------------------------------------------------News*/

#News dl {
	margin: 10px 0 18px 0;
}

#News dt {
	font-size: 80%;
	letter-spacing: 0.2em;
	padding: 0 5px 0 8px;
}

#News dd {
	padding: 0 5px 8px 8px;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 8px;
}

/*---------------------------------------------------------------mm*/

#Side form {
	background-image: url(../images/bg_dot01.gif);
	padding: 10px;
}

#Side form dt {
	font-size: 80%;
	color: #e10085;
	padding-bottom: 3px;
}

#Side form dd {
	padding-bottom: 8px;
}

#Side .txt01 {
	width: 205px;
	padding: 3px 0;
	border: 0 none;
}

.btn {
	text-align: center;
	margin: 5px 0 5px 0;
}

/*--------------------------------------------------------------Bnr*/

#Bnr li {
	height: 71px;
	margin-bottom: 10px;
	overflow: hidden;
}

#Bnr li.mb {
	height: 85px;
	margin-bottom: 13px;
	overflow: hidden;
}

/*-------------------------------------------------------------Link*/

#Link dl {
}

#Link dt {
	padding: 0 5px 0 8px;
}

#Link dd {
	font-size: 80%;
	padding: 0 5px 8px 8px;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 8px;
}

#Link a:link{color: #e10085; text-decoration:underline;}
#Link a:visited{color: #e10085; text-decoration:underline;}
#Link a:hover{color: #e10085; text-decoration:none;}


/*--------------------------------------------------------------------
----------------------------------------------------------------Salon
--------------------------------------------------------------------*/

.salon {
	margin: 0 auto;
	width: 750px;
	margin-bottom: 30px;
	
}
.salon table {
	float: right;
	width: 500px;
	margin-right: 15px;
	margin-left: 20px;
}

.salon div.ph {
	float: left;
	width: 200px;
	padding-top: 5px;
	padding-left: 15px;
}

/*--------------------------------------------------------------------
-----------------------------------------------------------------Menu
--------------------------------------------------------------------*/

.bio {
	margin: 0 auto;
	width: 750px;
	margin-bottom: 30px;
}

.bio .ph {
	float: left;
	width: 185px;
	padding: 5px 0 5px 30px;
}

.bio .intro {
	float: right;
	width: 500px;
	margin-right: 15px;
	margin-left: 20px;
}

.bio h4 {
	font-weight: bold;
	color: #e00081;
	margin-bottom: 10px;
}

.bio p {
	margin-bottom: 10px;
}

.bio li {
	background: url(../menu/images/icon01.gif) no-repeat 0 7px;
	padding-left: 13px;
}

p.comple {
	text-align: right;
	margin: 10px 70px 25px 0;
}

ul.comple {
	margin: 10px 70px 25px 70px;
}

ul.comple li {
	background: url(../menu/images/icon01.gif) no-repeat 0 7px;
	padding-left: 13px;
}

/*--------------------------------------------------------------------
----------------------------------------------------------Reservation
--------------------------------------------------------------------*/

ul.tellist {
	margin-left: 50px;
}

.tellist li img {
	vertical-align: bottom;
}

.tellist li {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

ul.list01 {
	padding-top: 20px;
	margin: 0 65px;
}

ul.list01 li {
	padding: 8px;
	border-bottom: 1px solid #f3f3f3;
}

/*--------------------------------------------------------------------
-----------------------------------------------------------------Nail
--------------------------------------------------------------------*/

ul.thumb {
	width: 750px;
	margin-left: 60px;
	margin-bottom: 15px;
}

ul.thumb li {
	float: left;
	width: 138px;
	height: 104px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

/*--------------------------------------------------------------------
----------------------------------------------------------------Media
--------------------------------------------------------------------*/

.media {
	width: 750px;
	margin-left: 50px;
	margin-bottom: 12px;
}

.media ul {
	float: left;
	width: 194px;
}

.media li {
	float: left;
	width: 90px;
	padding-right: 7px;
}

.media div {
	background: url(../media/images/bg01.gif);
	float: right;
	width: 532px;
	min-height: 79px;
	padding: 12px 12px 25px 12px;
	position: relative;
}

* html .media div {
	height: 79px;
}

.media h3 {
	font-weight: bold;
	color: #de007e;
	margin-bottom: 5px;
}

.media p.btn {
	margin: 0;
	position: absolute;
	right: 12px;
	bottom: 12px;
}


/*--------------------------------------------------------------------
------------------------------------------------------------------Map
--------------------------------------------------------------------*/

body#Mappage {
	background: none;
	padding-bottom: 20px;
}

body#Mappage table.tbl01 {
	width: 750px;
	margin-top: 15px;
}

#mapWrap {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

#mapWrap p#Logo {
	font-weight: bold;
	color: #de007e;
	float: none;
	width: auto;
	padding: 0;
	margin: 15px 0 13px 10px;
}

#mapWrap p#Logo img {
	vertical-align: -3px;
}

.w30 {
	width: 30%;
}

.w70 {
	width: 70%;
}

p.caption {
	font-weight: bold;
	background: url(../images/bg_dot01.gif);
	padding: 3px 0 2px 8px;
}

#map2 {
	margin-bottom: 15px;
}