﻿@charset "UTF-8";
@import url(reset.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	全体レイアウトに関する設定　
 * ---------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
p {
margin-bottom:0.5em;
}

.clr {
clear:both;
}
/* 全体レイアウト */
#container {
width:985px;
margin:0 auto;
background:url(../images/mainbg.jpg) repeat-y;
position:relative;
}
#contents-wrapper {
width:975px;
margin:0 auto;
}
#header {
padding-top:8px;
margin-bottom:8px;
height:60px;
}

#header #logo a {
background:url(../images/logo.gif) no-repeat;
width:292px;
height:40px;
display:block;
float:left;
margin:3px 8px;
}
#header #tel {
background:url(../images/tel.gif) no-repeat;
width:344px;
height:40px;
display:block;
float:right;
margin:3px 12px 3px 8px;
text-indent:-9999px;
}


#contents {
width:965px;
margin:0 auto;
}
#contents {
margin-top:50px;
}
.main-contents {
width:730px;
margin:20px 10px 95px 10px;
}
/* ---------------------------------------------------------------- *
	トップレイアウト
 * ---------------------------------------------------------------- */
#flash {
width:100%;
height:240px;
background:#E1E1E1;
margin-bottom:8px;
}

#right-contents #top-left {
width:471px;
float:left;
}
#right-contents #top-left ul li {
line-height:1.5;
}
#right-contents #top-right {
width:255px;
float:right;
}
#right-contents #top-left h1, #right-contents #top-left h2 {
margin-bottom:8px;
}
#right-contents #top-right h2 {
margin-bottom:12px;
}
#right-contents #top-left h1 a:link {
width:471px;
background: url(../images/top-title01.gif) 0 -28px no-repeat;
height:28px;
display:block;
text-indent:-9999px;
}
#right-contents #top-left h1 a:visited {
width:471px;
background: url(../images/top-title01.gif) 0 -28px no-repeat;
height:28px;
display:block;
text-indent:-9999px;
}
#right-contents #top-left h1 a:hover {
width:471px;
background: url(../images/top-title01.gif) 0 0 no-repeat;
height:28px;
display:block;
text-indent:-9999px;
}

#right-contents #top-left h2 {
width:471px;
background: url(../images/top-title03.gif) 0 0 no-repeat;
height:28px;
display:block;
text-indent:-9999px;
margin-bottom:15px;
}

#right-contents #top-right h2 a:link {
width:255px;
background: url(../images/top-title02.gif) 0 -28px no-repeat;
height:28px;
display:block;
text-indent:-9999px;
}
#right-contents #top-right h2 a:visited {
width:255px;
background: url(../images/top-title02.gif) 0 -28px no-repeat;
height:28px;
display:block;
text-indent:-9999px;
}
#right-contents #top-right h2 a:hover {
width:255px;
background: url(../images/top-title02.gif) 0 0 no-repeat;
height:28px;
display:block;
text-indent:-9999px;
}
#top-left ul {
margin-bottom:20px;
}
#top-left ul li {
border-bottom:1px dotted #E6E6E6;
margin-bottom:3px;
font-size:93%;
}
#top-left ul li {
padding:3px 10px 7px 60px;
color:#333333;
}

#top-left ul li a:link {
color:#333333;
}
#top-left ul li a:visited {
color:#333333;
}
#top-left ul li a:hover {
color:#CC0066;
}
#top-left ul li span {
display:block;
font-size:11px;
color:#999999;
}
#top-left .info {
background: url(../images/news-info.jpg) 0 0 no-repeat;
}
#top-left .news {
background: url(../images/news-news.jpg) 0 0 no-repeat;
}
#top-left .seminner {
background: url(../images/news-seminner.jpg) 0 0 no-repeat;
}
#top-left .service {
background: url(../images/news-service.jpg) 0 0 no-repeat;
}
#media img {
width:70px;
float:left;
display:block;
margin-right:15px;
padding-bottom:2px;
}
#top-right ul li {
margin:5px 0 22px 0;
font-size:93%;
display:block;
padding-left:15px;
}
#media ul li h3 {
font-size:100%;
float:right;
width:150px;
margin-bottom:3px;
margin-right:5px;
}
#media ul li h3 {
color:#CC0066;
}

#media ul li h4 {
font-size:93%;
float:right;
display:block;
width:150px;
margin-bottom:2px;
margin-right:5px;
}
#media ul li p {
font-size:10px;
color:#999999;
line-height:1.2;
float:right;
display:block;
width:150px;
margin-right:5px;
}
.pickup {
width:471px;
padding-left:15px;
}
.pickup-img {
width:109px;
border:1px solid #EAE7DF;
padding:2px;
float:left;
margin:0 15px 0 0;
}
.pickup-title {
width:330px;
float:left;
}
.pickup-comment {
width:330px;
font-size:11px;
line-height:1.3;
float:left;
}
/* ---------------------------------------------------------------- *
	グローバルナビゲーション左
 * ---------------------------------------------------------------- */
#navi-menu a:link {
width:215px;
height:49px;
display:block;
background:url(../images/g-navi.jpg) 0 -49px no-repeat;
text-indent:-9999px;
}
#navi-menu a:visited {
width:215px;
height:49px;
display:block;
background:url(../images/g-navi.jpg) 0 -49px no-repeat;
text-indent:-9999px;
}
#navi-menu a:hover {
width:215px;
height:49px;
display:block;
background:url(../images/g-navi.jpg) 0 0 no-repeat;
text-indent:-9999px;
}
/* ---------------------------------------------------------------- *
	グローバルナビゲーション右
 * ---------------------------------------------------------------- */
#gnavi {
background:url(../images/navi-u.jpg);
height:59px;
margin-bottom:3px;
position:absolute;
left:5px;
top:60px;
width:975px;
}
#gnavi-left {
width:215px;
float:left;
}
#gnavi-right {
width:760px;
float:left;
background:url(../images/g-navi.jpg) -215px -49px;
}

#navi-top {
width:760px;
}
#navi-top ul li {
text-indent:-9999px;
float:left;
}
#navi-top ul li a.navi-concept:link {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -215px -49px no-repeat;
}
#navi-top ul li a.navi-concept:visited {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -215px -49px no-repeat;
}
#navi-top ul li a.navi-concept:hover {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -215px 0 no-repeat;
}
#navi-top ul li a.navi-remettre:link {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -405px -49px no-repeat;
}
#navi-top ul li a.navi-remettre:visited {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -405px -49px no-repeat;
}
#navi-top ul li a.navi-remettre:hover {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -405px 0 no-repeat;
}
#navi-top ul li a.navi-salon:link {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -595px -49px no-repeat;
}
#navi-top ul li a.navi-salon:visited {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -595px -49px no-repeat;
}
#navi-top ul li a.navi-salon:hover {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -595px 0 no-repeat;
}
#navi-top ul li a.navi-faq:link {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -785px -49px no-repeat;
}
#navi-top ul li a.navi-faq:visited {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -785px -49px no-repeat;
}
#navi-top ul li a.navi-faq:hover {
width:190px;
height:32px;
display:block;
background:url(../images/g-navi.jpg) -785px 0 no-repeat;
}

#navi-bottom {
background:url(../images/g-navi.jpg) -215px -81px;
}
#navi-bottom ul li {
text-indent:-9999px;
float:left;
}
#navi-bottom ul li a.navi-news:link {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -425px -81px no-repeat;
margin-left:210px;
}
#navi-bottom ul li a.navi-news:visited {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -425px -81px no-repeat;
margin-left:210px;
}
#navi-bottom ul li a.navi-news:hover {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -425px -32px no-repeat;
margin-left:210px;
}
#navi-bottom ul li a.navi-guide:link {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -535px -81px no-repeat;
}
#navi-bottom ul li a.navi-guide:visited {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -535px -81px no-repeat;
}
#navi-bottom ul li a.navi-guide:hover {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -535px -32px no-repeat;
}
#navi-bottom ul li a.navi-staff:link {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -645px -81px no-repeat;
}
#navi-bottom ul li a.navi-staff:visited {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -645px -81px no-repeat;
}
#navi-bottom ul li a.navi-staff:hover {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -645px -32px no-repeat;
}
#navi-bottom ul li a.navi-contact:link {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -755px -81px no-repeat;
}
#navi-bottom ul li a.navi-contact:visited {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -755px -81px no-repeat;
}
#navi-bottom ul li a.navi-contact:hover {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -755px -32px no-repeat;
}
#navi-bottom ul li a.navi-home:link {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -865px -81px no-repeat;
}
#navi-bottom ul li a.navi-home:visited {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -865px -81px no-repeat;
}
#navi-bottom ul li a.navi-home:hover {
width:110px;
height:17px;
display:block;
background:url(../images/g-navi.jpg) -865px -32px no-repeat;
}
/* ---------------------------------------------------------------- *
	左カラム
 * ---------------------------------------------------------------- */
#left-contents {
width:214px;
float:left;
}
/* ---------------------------------------------------------------- *
	右カラム
 * ---------------------------------------------------------------- */
#right-contents {
width:750px;
float:right;
}
/* ---------------------------------------------------------------- *
	左ナビゲーション
 * ---------------------------------------------------------------- */
#left-contents #c-navi {
/*background:#ECE9E3;*/
background: #ECE9E3 url(../images/c-navi-bg.jpg) no-repeat;
width:196px;
padding:26px 4px 4px 4px;
margin:2px 0 8px 0;
}
#left-contents #c-navi ul {
padding:0;
}
#left-contents #c-navi ul li {
text-indent:-9999px;
}

#left-contents #c-navi ul li a.c-body:link {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -26px no-repeat;
}
#left-contents #c-navi ul li a.c-body:visited {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -26px no-repeat;
}
#left-contents #c-navi ul li a.c-body:hover {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -204px -26px no-repeat;
}
#left-contents #c-navi ul li a.c-facial:link {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -73px no-repeat;
}
#left-contents #c-navi ul li a.c-facial:visited {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -73px no-repeat;
}
#left-contents #c-navi ul li a.c-facial:hover {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -204px -73px no-repeat;
}
#left-contents #c-navi ul li a.c-mental:link {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -120px no-repeat;
}
#left-contents #c-navi ul li a.c-mental:visited {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -120px no-repeat;
}
#left-contents #c-navi ul li a.c-mental:hover {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -204px -120px no-repeat;
}
#left-contents #c-navi ul li a.c-esthetique:link {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -167px no-repeat;
}
#left-contents #c-navi ul li a.c-esthetique:visited {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -167px no-repeat;
}
#left-contents #c-navi ul li a.c-esthetique:hover {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -204px -167px no-repeat;
}
#left-contents #c-navi ul li a.c-antiageing:link {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -214px no-repeat;
}
#left-contents #c-navi ul li a.c-antiageing:visited {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -214px no-repeat;
}
#left-contents #c-navi ul li a.c-antiageing:hover {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -204px -214px no-repeat;
}
#left-contents #c-navi ul li a.c-bridal:link {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -261px no-repeat;
}
#left-contents #c-navi ul li a.c-bridal:visited {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -261px no-repeat;
}
#left-contents #c-navi ul li a.c-bridal:hover {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -204px -261px no-repeat;
}
#left-contents #c-navi ul li a.c-faceup:link {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -308px no-repeat;
}
#left-contents #c-navi ul li a.c-faceup:visited {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -4px -308px no-repeat;
}
#left-contents #c-navi ul li a.c-faceup:hover {
width:196px;
height:47px;
display:block;
background:url(../images/c-navi.jpg) -204px -308px no-repeat;
}

/* ---------------------------------------------------------------- *
	バナー
 * ---------------------------------------------------------------- */
#banner-space {
width:205px;
}
.banner {
margin-bottom:3px;
}
.calendar-body {
background:url(../images/widgets-bg.jpg);
padding-bottom:2px;
}
#foot-banner {
width:750px;
margin-top:30px;
}
.foot-banner1 {
float:left;
margin-right:18px;
}
.foot-banner2 {
float:left;
margin-right:18px;
}
.foot-banner3 {
float:left;
}
.opt-banner {
margin:8px 0;
}
/* ---------------------------------------------------------------- *
	ニュースページ
 * ---------------------------------------------------------------- */
.main-contents2 {
width:730px;
margin:20px 10px 25px 10px;
}
#right-contents #main-contents2 {
width:471px;
float:left;
}
#right-contents #main-contents2 {
width:255px;
float:right;
}
#news ul li h3 {
margin-bottom:8px;
}
#news ul li p {
color:#666666;
}
#news ul {
margin-bottom:20px;
}
#news ul li {
border-bottom:1px dotted #E6E6E6;
margin-bottom:3px;
font-size:93%;
}
#news ul li {
padding:3px 10px 7px 60px;
color:#333333;
}


#news ul li span {
display:block;
font-size:11px;
color:#999999;
}
#news .info {
background: url(../images/news-info.jpg) 0 0 no-repeat;
}
#news .news {
background: url(../images/news-news.jpg) 0 0 no-repeat;
}
#news .seminner {
background: url(../images/news-seminner.jpg) 0 0 no-repeat;
}
#news .service {
background: url(../images/news-service.jpg) 0 0 no-repeat;
}
.main-contents2 #media img {
width:70px;
float:left;
display:block;
margin-right:15px;
padding-bottom:2px;
}
.main-contents2 #media ul li {
margin:5px 15px 18px 0;
font-size:93%;
display:block;
padding-left:15px;
width:330px;
float:left;
height:100px;
}
.main-contents2 #media ul li h3 {
font-size:100%;
float:right;
width:240px;
margin-bottom:3px;
margin-right:5px;
}
.main-contents2 #media ul li h3 a:link {
color:#CC0066;
}
.main-contents2 #media ul li h3 a:visited {
color:#CC0066;
}
.main-contents2 #media ul li h3 a:hover {
color:#FF9900;
}
.main-contents2 #media ul li h4 {
font-size:93%;
float:right;
display:block;
width:240px;
margin-bottom:2px;
margin-right:5px;
}
.main-contents2 #media ul li p {
font-size:10px;
color:#999999;
line-height:1.2;
float:right;
display:block;
width:240px;
margin-right:5px;
}


.main-contents2 #media-old img {
width:70px;
float:left;
display:block;
margin-right:15px;
padding-bottom:2px;
}
.main-contents2 #media-old ul li {
margin:5px 15px 18px 0;
font-size:93%;
display:block;
padding-left:15px;
width:210px;
float:left;
}
.main-contents2 #media-old ul li h3 {
font-size:100%;
float:right;
width:120px;
margin-bottom:3px;
margin-right:5px;
color:#CC0066;
border-bottom:1px solid #dfdfdf;
}
.main-contents2 #media-old ul li h3 a:link {
color:#CC0066;
}
.main-contents2 #media-old ul li h3 a:visited {
color:#CC0066;
}
.main-contents2 #media-old ul li h3 a:hover {
color:#FF9900;
}
.main-contents2 #media-old ul li h4 {
font-size:93%;
float:right;
display:block;
width:120px;
margin-bottom:10px;
margin-right:5px;
}
.main-contents2 #media-old ul li p {
color:#999999;
line-height:1.2;
float:right;
display:block;
width:120px;
margin-right:5px;
}


/* ---------------------------------------------------------------- *
	エステメニューページ
 * ---------------------------------------------------------------- */
.m-left {
float:left;
margin:0 10px 15px 0;
width:350px;
height:92px;
display:block;
}
.m-right {
float:left;
width:350px;
height:92px;
display:block;
margin:0 0 15px 0;

}
a.m-left:hover, a.m-right:hover {
cursor:pointer;
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
.price table {
width:490px;
border-top:1px solid #DFDFDF;
border-left:1px solid #DFDFDF;
margin-bottom:30px;
}
.price table td, .price2 table td {
padding:5px 10px;
}
.price table td, .price table th, .price2 table td, .price2 table th {
border-right:1px solid #DFDFDF;
/*padding:5px 10px;*/
border-bottom:1px solid #DFDFDF;
}
.price table th, .price2 table th {
font-weight:bold;
background:url(../images/thbg.jpg);
height:26px;
text-indent:30px;
}

.price2 table {
width:430px;
border-top:1px solid #DFDFDF;
border-left:1px solid #DFDFDF;
margin-bottom:30px;
}

.a-right {
text-align:right;
}

/* ---------------------------------------------------------------- *
	お客様の声
 * ---------------------------------------------------------------- */
#before-after .ba-contents {
margin-bottom:25px;
position:relative;
}
#before-after h3 {
background:url(../images/contents-before-after02.gif);
height:28px;
font-size:100%;
padding:12px 0 0 16px;
color:#CC0066;
font-weight:bold;
}
#before-after h3 span {
margin-left:20px;
color:#FF6699;
font-size:93%;
}
#before-after li {
background:url(../images/contents-before-after03.gif);
padding-bottom:10px;
}
#before-after .ba-foot {
background:url(../images/contents-before-after04.gif);
height:29px;
padding:5px;
}
#before-after {
position:relative;
}
#before-after p {
margin-bottom:0;
line-height:1.6;
}
#before-after li .ba-img {
width:50px;
position:absolute;
display:block;
margin-right:10px;
border:1px solid #DFDFDF;
padding:2px;
margin-bottom:8px;
left:15px;
top:48px;
}
#before-after li .ba-comment {
width:110px;
position:absolute;
display:block;
left:85px;
top:48px;
}
#before-after li p {
width:505px;
display:block;
margin-left:200px;
padding:5px 0 5px 0;
}
#before-after li .ba-comment h5 {
font-size:100%;
margin-bottom:3px;
margin-right:5px;
color:#CC0066;
width:120px;
}
#before-after li .ba-comment h6 {
font-size:93%;
margin-bottom:2px;
margin-right:5px;
width:120px;
}



/*サイド*/
.side-contents {
width:220px;
float:right;
}

.ba-side {
width:220px;
float:right;
padding:0;
background:url(../images/before-after02.jpg);
}
.ba-side2 {
width:220px;
float:right;
padding:0;
background:url(../images/nikibi03.jpg);
margin-bottom:15px;
}
.voice {
margin:8px 16px;
}

.voice img {
width:50px;
float:left;
display:block;
margin-right:10px;
border:1px solid #DFDFDF;
padding:2px;
margin-bottom:8px;
}
.voice ul li {
margin-bottom:20px;
}
.voice .ba-comment {
width:120px;
float:right;
}
.voice ul li h5 {
font-size:100%;
margin-bottom:3px;
margin-right:5px;
color:#CC0066;
}
.voice ul li h6 {
font-size:93%;
margin-bottom:2px;
margin-right:5px;
}
.voice ul li p {
font-size:11px;
color:#333333;
line-height:1.4;
clear:both;
}
/* ---------------------------------------------------------------- *
	LPOページ
 * ---------------------------------------------------------------- */
#lpo-contents {
width:960px;
margin:0 auto;
}
#lpo-contents #left-contents {
width:540px;
float:left;
margin:15px 0;
}
#lpo-contents #right-contents {
width:387px;
float:right;
margin:15px 0;
}
#lpo-trial {
background:url(../images/tel.gif) no-repeat;
}


/* ---------------------------------------------------------------- *
	フッター
 * ---------------------------------------------------------------- */
#footer {
font-size:85%;
width:965px;
margin:0 auto;
}
#footer-navi {
border-top:2px solid #EAE7DF;
border-bottom:1px solid #EAE7DF;
margin-top:25px;
margin-bottom:8px;
}
#footer-navi ul {
margin:4px 5px;
}
#footer-navi ul li {
display:inline;
margin-right:20px;
}
#footer-navi ul li a:link {
color: #333333;
}
#footer-navi ul li a:visited {
color: #333333;
}
#footer-navi ul li a:hover {
color: #CC0066;
text-decoration:none;
}
#foot-info {
margin-bottom:8px;
}
#footer #logo2 {
width:214px;
float:left;
margin-right:20px;
}
#footer #tel {
/*width:600px;*/
float:right;
color:#333333;
margin-top:7px;
}
.s-name {
width:7em;
display:block;
float:left;
}
.s-tel {
font-size:108%;
font-weight:bold;
text-align:right;
width:12em;
}
.s-address {
width:20em;
display:block;
float:left;
}

#footer address {
font-style: normal;
color:#999999;
padding-bottom:15px;
}

#foot-contact {
position:absolute;
bottom:150px;
left:224px;
}

a.f-contact:link {
width:750px;
height:42px;
display:block;
background:url(../images/foot-contact.jpg) 0 0 no-repeat;
text-indent:-9999px;
}
a.f-contact:visited {
width:750px;
height:42px;
display:block;
background:url(../images/foot-contact.jpg) 0 0 no-repeat;
text-indent:-9999px;
}
a.f-contact:hover {
width:750px;
height:42px;
display:block;
background:url(../images/foot-contact.jpg) 0 -42px no-repeat;
text-indent:-9999px;
}

/* ---------------------------------------------------------------- *
	ページタイトル
 * ---------------------------------------------------------------- */
.ptt-menu {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-menu.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-concept {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-concept.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-remettre {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-remettre.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-salon {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-salon.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-faq {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-faq.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-guide {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-guide.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-staff {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-staff.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-contact {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-contact.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-body {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-body.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-facial {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-facial.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-mental-care {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-mental-care.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-esthetique {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-esthetique.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-anti-ageing {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-anti-ageing.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-bridal {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-bridal.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-face-up {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-face-up.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-coupon {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-coupon.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-before-after {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-before-after.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-school {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-school.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-news {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-news.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-media {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-media.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-recruit {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-recruit.gif) 0 0 no-repeat;
text-indent:-9999px;
}
.ptt-pelvis {
width:750px;
height:40px;
display:block;
background:url(../images/ptt-pelvis.gif) 0 0 no-repeat;
text-indent:-9999px;
}
/* ---------------------------------------------------------------- *
	スタッフ募集
 * ---------------------------------------------------------------- */
.recruit th {
border-bottom:1px dotted #ccc;
padding:12px 8px 8px 15px;
width:120px;
font-weight:normal;
}
.recruit td {
border-bottom:1px dotted #ccc;
padding:12px 8px 8px 8px;
}
.recruit {
margin-bottom:35px;
}
/* ---------------------------------------------------------------- *
	FAQ
 * ---------------------------------------------------------------- */
#faq h3 {
width:730px;
background:url(../images/contents-faq01.jpg) no-repeat;
height:57px;
text-indent:50px;
padding:16px 0 0 0;
}
#faq ul li .parents {
background:url(../images/contents-faq02.jpg) no-repeat;
padding:12px 30px 2px 64px;
margin-bottom:6px;
height:25px;
}
#faq ul li .child {
background:url(../images/contents-faq03.jpg) no-repeat;
padding:12px 30px 0 80px;
margin-bottom:18px;
}
#faq ul {
margin-bottom:30px;
}
/* ---------------------------------------------------------------- *
	ハック
 * ---------------------------------------------------------------- */

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #leftside {
  margin-top: 0;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-Mac */

.clr {
clear:both;
}
/* ---------------------------------------------------------------- *
	お問い合わせフォーム
 * ---------------------------------------------------------------- */
#contact-f {
margin-left:10px;
}

#contact-f table td {
padding:8px;
}
/* ---------------------------------------------------------------- *
	入力チェック
* ---------------------------------------------------------------- */
em {
color: #CC3333;
}
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;/*(06)*/
	color: #CC3333;
	/*border: 2px solid #CC3333;*/
	padding: 3px;
	/*margin-left:15px;*/
	display:block;
}

.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;/*(07)*/
	border: 1px solid #99CC00;
	padding: 1px;
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;/*(08)*/
	border: 1px solid #CC3333;
	padding: 1px;
}


.textfieldFocusState input, input.textfieldFocusState {

}

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
	padding: 1px;
}

.textfieldHintState input, input.textfieldHintState {

}

.focus {

}

.normal {

}