/*-------------------ranking-------------------*/
.titleRanking {
height:100%;
background-image:url(images/esthe_ranking.gif);
background-repeat:no-repeat;
}
.esRankContent {
color:#AF3838;
height:auto;
position:relative;
}
.esRankContent h3 , .esRankContent h4 , .esRankContent h5{
margin:0 0 10px 0;
}
.esRankContent a.link01 {
	display:inline;
	position:absolute;
	left: 278px;
	top: 338px;
	height: 17px;
	width: 228px;
}
.esRankContent a.link02 {
	display:inline;
	position:absolute;
	left: 280px;
	top: 730px;
	height: 17px;
	width: 267px;
}
.esRankContent a.link03 {
	display:inline;
	position:absolute;
	left: 280px;
	top: 1117px;
	height: 17px;
	width: 225px;
}
.esRankContent a.link04 {
	display:inline;
	position:absolute;
	top: 1523px;
	left: 280px;
	height: 17px;
	width: 215px;
}
.esRankContent a {
display:block;
outline:none;
overflow:hidden;
}
.esRankContent a.kuwasiku {
width:143px;
height:28px;
background-image:url(images/rank_button_kuwasiku.jpg);
background-repeat:no-repeat;
}
.esRankContent a:hover.kuwasiku {
background-image:url(images/rank_button_kuwasiku_f2.jpg);
background-repeat:no-repeat;
}
.esRankContent .button01 {
	position:absolute;
	width:143px;
	height:90px;
	left: 690px;
	top: 266px;
}
.esRankContent .button01 .rank {
width:143px;
height:62px;
background-image:url(images/rank_button_1st.jpg);
background-repeat:no-repeat;
}
.esRankContent .button02 {
	position:absolute;
	width:143px;
	height:90px;
	left: 690px;
	top: 656px;
}
.esRankContent .button02 .rank {
width:143px;
height:62px;
background-image:url(images/rank_button_2nd.jpg);
background-repeat:no-repeat;
}
.esRankContent .button03 {
	position:absolute;
	width:143px;
	height:90px;
	left: 690px;
	top: 1047px;
}
.esRankContent .button03 .rank {
width:143px;
height:62px;
background-image:url(images/rank_button_3rd.jpg);
background-repeat:no-repeat;
}
.esRankContent .button04 {
	position:absolute;
	width:143px;
	height:90px;
	left: 690px;
	top: 1437px;
}
.esRankContent .button04 .rank {
width:143px;
height:62px;
background-image:url(images/rank_button_4th.jpg);
background-repeat:no-repeat;
}
.esRankContent .title {
margin-bottom:15px;
}
.esRankContent .left {
width:260px;
height:246px;
float:left;
}
.esRankContent .right01 {
padding:50px 10px 0px 20px;
width:560px;
height:240px;
float:left;
background-image:url(images/rank_01_right.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:15px;
}
.esRankContent .right02 {
padding:50px 10px 0px 20px;
width:560px;
height:240px;
float:left;
background-image:url(images/rank_02_right.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:15px;
}
.esRankContent .right03 {
padding:50px 10px 0px 20px;
width:560px;
height:240px;
float:left;
background-image:url(images/rank_03_right.gif);
background-repeat:no-repeat;
background-position:left top;
margin-bottom:15px;
}
.esRankContent .right04 {
padding:70px 10px 0px 20px;
width:560px;
height:230px;
float:left;
background-image:url(images/rank_04_right.gif);
background-repeat:no-repeat;
background-position:left top;
}

/*-------------------esthe_title-------------------*/
.titleEsFacial {
height:100%;
background-image:url(images/esthetics/esthe_facial.gif);
background-repeat:no-repeat;
}
.titleEsCoFacial {
height:100%;
background-image:url(images/esthetics/esthe_facial_course.gif);
background-repeat:no-repeat;
background-position:top left;
}
.titleEsBridal {
height:100%;
background-image:url(images/esthetics/esthe_bridal.gif);
background-repeat:no-repeat;
}
.titleEsCoBridal {
height:100%;
background-image:url(images/esthetics/esthe_bridal_course.gif);
background-repeat:no-repeat;
background-position:top left;
}
.titleEsBeautiful {
height:100%;
background-image:url(images/esthetics/esthe_beautiful.gif);
background-repeat:no-repeat;
}
.titleEsCoBeautiful {
height:100%;
background-image:url(images/esthetics/esthe_beautiful_course.gif);
background-repeat:no-repeat;
background-position:top left;
}
.titleEs3choice {
height:100%;
background-image:url(images/esthetics/esthe_3choice.gif);
background-repeat:no-repeat;
}
.titleEsCo3choice {
height:100%;
background-image:url(images/esthetics/esthe_3choice_course.gif);
background-repeat:no-repeat;
background-position:top left;
}

/*-------------------esthe_common-------------------*/
.esTopContent {
height:auto;
}
.esTopContent .title {
margin-bottom:15px;
}
.esTopContent .left {
width:260px;
height:246px;
float:left;
}
.esTopContent .right {
width:590px;
height:246px;
float:left;
}
.titleEsOsusume {
height:100%;
background-image:url(images/esthetics/esthe_osusume.gif);
background-repeat:no-repeat;
background-position:top left;
}
.esSubContent .image01 {
width:175px;
height:195px;
float:left;
}
.esSubContent .image02 {
width:195px;
height:195px;
float:left;
}
.esSubContent .comment {
padding:27px 10px 0px 160px;
width:320px;
height:168px;
background-image:url(images/esthetics/esthe_osusume_base.jpg);
background-repeat:no-repeat;
float:left;
}
.esCoListRow .left {
width:435px;
float:left;
}
.esCoListRow .right {
width:435px;
float:left;
}
.esCoListRow .nagare {
height:auto;
margin-bottom:30px;
}
.esCoListRow .image {
width:202px;
height:202px;
float:left;
}
.esCoListRow .text {
padding-left:10px;
padding-right:5px;
float:left;
}
.esCoListCol .left {
padding:165px 20px 0px 20px;
width:380px;
height:135px;
background-image:url(images/esthetics/course_bridal/planA.jpg);
background-repeat:no-repeat;
background-position:left top;
float:left;
}
.esCoListCol .right {
padding:165px 20px 0px 20px;
width:380px;
height:135px;
background-image:url(images/esthetics/course_bridal/planB.jpg);
background-repeat:no-repeat;
background-position:left top;
float:left;
}
.esCoListCol li {
list-style:none;
width:220px;
height:290px;
float:left;
}
.esCoListCol .text {
padding:0px 5px 0px 5px;
}
.esCoListCol2 li {
list-style:none;
width:420px;
height:240px;
float:left;
position:relative;
}
.esCoListCol2 li p {
position:absolute;
width:238px;
height:111px;
left: 167px;
top: 103px;
}
.esCoListCol2 li p.blank {
position:absolute;
width:340px;
height:111px;
left: 36px;
top: 71px;
color:#990000;
}
.esCoListCol2 li.blank {
width:420px;
height:220px;
background-image:url(images/esthetics/course_3choice/imageTyuui.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.esCoListCol2 li.imageA {
background-image:url(images/esthetics/course_3choice/imageA.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.esCoListCol2 li.imageB {
background-image:url(images/esthetics/course_3choice/imageB.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.esCoListCol2 li.imageC {
background-image:url(images/esthetics/course_3choice/imageC.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.esCoListCol2 li.imageD {
background-image:url(images/esthetics/course_3choice/imageD.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.esCoListCol2 li.imageE {
background-image:url(images/esthetics/course_3choice/imageE.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.esCoListCol2 li.imageF {
background-image:url(images/esthetics/course_3choice/imageF.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.esCoListCol2 li.imageG {
background-image:url(images/esthetics/course_3choice/imageG.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.esCoListCol2 .text {
padding:0px 5px 0px 5px;
}
/*-------------------after-------------------*/
.titleAfterKirei {
height:100%;
background-image:url(images/after_kirei.gif);
background-repeat:no-repeat;
}
.titleAfterKeep {
height:100%;
background-image:url(images/after_keep.gif);
background-repeat:no-repeat;
}
.keepContent {
width:830px;
padding-top:10px;
padding-left:20px;
font-size:12px;
}
.keepContent .q1, .keepContent .q2, .keepContent .q3, .keepContent .q4, .keepContent .q5 {
margin-top:10px;
background-image:url(images/after_keep_q_ground.jpg);
background-repeat:repeat-y;
background-color:#F1E9E5;
position:relative;
}
.keepContent .content {
padding:4px 15px 0px 35px;
margin-left:50px;
background-image:url(images/after_keep_aIcon.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.keepContent .qEnd {
background-image:url(images/after_keep_q_footer.jpg);
background-repeat:no-repeat;
height:20px;
}
.keepContent .q1 .head {
background-image:url(images/after_keep_q1.jpg);
background-repeat:no-repeat;
height:60px;
}
.keepContent .q2 .head {
background-image:url(images/after_keep_q2.jpg);
background-repeat:no-repeat;
height:60px;
}
.keepContent .q3 .head {
background-image:url(images/after_keep_q3.jpg);
background-repeat:no-repeat;
height:60px;
}
.keepContent .q4 .head {
background-image:url(images/after_keep_q4.jpg);
background-repeat:no-repeat;
height:60px;
}
.keepContent .q5 .head {
background-image:url(images/after_keep_q5.jpg);
background-repeat:no-repeat;
height:60px;
}
.keepContent .keepAsk {
padding-top:32px;
padding-left:20px;
width:810px;
height:48px;
margin-top:10px;
background-image:url(images/after_keep_ask.jpg);
background-repeat:no-repeat;
}

/*-------------------counseling-------------------*/
.titleCounseling {
height:100%;
background-image:url(images/counseling_nagare.gif);
background-repeat:no-repeat;
}
.coContent {
width:830px;
padding-top:10px;
padding-left:20px;
font-size:12px;
}
.coContent .step1 {
margin-top:10px;
background-image:url(images/counseling_step1.jpg);
background-repeat:no-repeat;
background-color:#F1E9E5;
position:relative;
}
.coContent .step2 {
margin-top:10px;
background-image:url(images/counseling_step2.jpg);
background-repeat:no-repeat;
background-color:#F1E9E5;
position:relative;
}
.coContent .step3 {
margin-top:10px;
background-image:url(images/counseling_step3.jpg);
background-repeat:no-repeat;
background-color:#F1E9E5;
position:relative;
}
.coContent .step1 .content {
height:250px;
padding:50px 15px 0px 340px;
background-image:url(images/counseling_step1_image.jpg);
background-repeat:no-repeat;
background-position:0px 50px;
}
.coContent .step1 .content h3{
}

.coContent .step2 .content {
height:250px;
padding:50px 15px 0px 340px;
background-image:url(images/counseling_step2_image.jpg);
background-repeat:no-repeat;
background-position:0px 50px;
}
.coContent .step3 .content {
padding:50px 15px 0px 340px;
background-image:url(images/counseling_step3_image.jpg);
background-repeat:no-repeat;
background-position:0px 50px;
}
.coContent .stepEnd {
background-image:url(images/counseling_step_footer.jpg);
background-repeat:no-repeat;
height:16px;
}
.coContent .partYajirushi {
background-image:url(images/counseling_part_yajirushi.jpg);
background-repeat:no-repeat;
background-position:center;
height:44px;
margin-top:15px;
margin-bottom:10px;
}
.coContent .sub {
position:absolute;
width:300px;
height:250px;
display:block;
left: 10px;
top: 50px;
}

/*-------------------piu-------------------*/
.titlePiuVo {
height:100%;
background-image:url(images/piu_voice.gif);
background-repeat:no-repeat;
}
.titlePiuSa {
height:100%;
background-image:url(images/piu_salon_tenpo.gif);
background-repeat:no-repeat;
}
.piuVoContent {
padding-top:10px;
}
.piuVoContent .left {
padding-left:20px;
float:left;
width:515px;
height:auto;
}
.piuVoContent .salon {
padding-left:20px;
float:left;
width:850px;
height:auto;
}
.piuVoContent .salon h4{
margin:10px 0 5px 0;
color:#939;
}
.piuVoContent .salon .ttlbox{
width:770px;
padding:10px 0;
margin:0 0 12px 0;
clear:both;
}
.piuVoContent .salon .ttlbox img{
float:left;
}
.piuVoContent .salon .ttlbox h3{
float:right;
}
.piuVoContent .map {
padding-left:20px;
padding-top:20px;
float:left;
width:850px;
height:auto;
}
.piuVoContent .left .text {
padding-top:20px;
padding-left:15px;
font-size:12px;
}

.piuVoContent .left h3{
padding-left:15px;
font-size:12px;
}
.piuVoContent .right {
float:left;
width:300px;
height:auto;
padding-top:40px;
}
.piuVoContent .right img {
margin-bottom:25px;
}

.titlePiuSalon {
height:100%;
background-image:url(images/piu_salon.gif);
background-repeat:no-repeat;
}

.titlePiuCam {
height:100%;
background-image:url(images/piu_campaign.gif);
background-repeat:no-repeat;
}

.titlePiuTaiken {
height:100%;
background-image:url(images/piu_taiken.gif);
background-repeat:no-repeat;
}

.titlePiupri {
height:100%;
background-image:url(images/piu_privacy.gif);
background-repeat:no-repeat;
}

.titlePiuKirei {
height:100%;
background-image:url(images/piu_kirei.gif);
background-repeat:no-repeat;
}
.titlePiuIyashi {
height:100%;
background-image:url(images/piu_iyashi.gif);
background-repeat:no-repeat;
}
.project p{
font-size:12px;
padding-left:80px;
padding-top:5px;
padding-bottom:20px;
}
.pro01 {
background-image:url(images/piu_project01.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.pro02 {
background-image:url(images/piu_project02.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.pro03 {
background-image:url(images/piu_project03.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.pro04 {
background-image:url(images/piu_project04.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.pro05 {
background-image:url(images/piu_project05.jpg);
background-repeat:no-repeat;
background-position:left top;
}
.project h5{
height:30px;
background:url(images/piu_project03.jpg) no-repeat left top;
padding:0 0 0 79px;
font-size:12px;
}

/*-------------------index-------------------*/
#infoImage {
margin-top:10px;
width:920px;
height:174px;
background-image:url(images/top_imgR.jpg);
background-position:right top;
background-repeat:no-repeat;
}
#infoImage div {
width:920px;
height:154px;
background-image:url(images/top_imgL.gif);
background-position:left top;
background-repeat:no-repeat;
position:relative;
}
#infoImage div p {
position:absolute;
width:200px;
height:36px;
left:360px;
top:157px;
}
.topWebTop {
padding-left:30px;
width: 900px;
height: 151px;
background-image:url(images/top_course_groundTop.gif);
background-repeat:no-repeat;
position:relative;
}
.topWebTop .contents {
position:absolute;
width:730px;
height:160px;
left:200px;
top: -10px;
}
.topWebTop a.image {
position:absolute;
width:153px;
height:153px;
display:block;
overflow:hidden;
outline:none;
top: -10px;
left: 30px;
}
.topWeb {
margin-top:10px;
padding-top:10px;
padding-left:30px;
width: 890px;
height: 162px;
background-image:url(images/top_course_ground.gif);
background-repeat:no-repeat;
position:relative;
}
.topWeb .contents {
width:730px;
padding-left:170px;
}
.topWeb .contents_free {
width:860px;
padding-left:50px;
}
.topWeb .contents .price {
width:323px;
height:47px;
position:absolute;
left: 578px;
top: 117px;
}
.topWebTop .contents .price {
width:323px;
height:47px;
position:absolute;
left: 378px;
top: 107px;
}
.topWeb a.image {
position:absolute;
width:153px;
height:153px;
display:block;
overflow:hidden;
outline:none;
}
.salonWeb {
margin-top:0px;
padding-top:25px;
padding-left:40px;
width: 890px;
height: 270px;
background-image:url(images/top_course_ground270.gif);
background-repeat:no-repeat;
position:relative;
}
.salonWeb .contents {
width:860px;
padding-left:50px;
}
.text40 {
padding-top:5px;
padding-left:20px;
padding-right:40px;
}
#titleSaikouno {
height:100%;
background-image:url(images/title_piu_saikouno-bihada.gif);
background-repeat:no-repeat;
}
.saikou li {
list-style:none;
float:left;
padding-left:10px;
padding-top:160px;
width:220px;
height:140px;
font-size:10px;
line-height:22px;
position:relative;
}
.saikou li p {
color:#990000;
font-weight:bold;
font-size:12px;
margin-bottom:5px;
}
.saikou li.saikou01 {
background-image:url(images/saikou_image1.jpg);
background-repeat:no-repeat;
}
.saikou li.saikou02 {
background-image:url(images/saikou_image2.jpg);
background-repeat:no-repeat;
}
.saikou li.saikou03 {
background-image:url(images/saikou_image3.jpg);
background-repeat:no-repeat;
}
.saikou li.saikou04 {
background-image:url(images/saikou_image4.jpg);
background-repeat:no-repeat;
width:180px;
}
.saikou li a.image {
position:absolute;
left:0px;
top:0px;
width:153px;
height:153px;
display:block;
overflow:hidden;
outline:none;
}
#infoArea {
width:912px;
height:368px;
background-image:url(images/top_infoArea.jpg);
background-repeat:no-repeat;
position:relative;
}
#infoArea .info01 {
position:absolute;
width:350px;
height:100px;
left: 30px;
top: 39px;
}
#infoArea .info02 {
position:absolute;
width:400px;
height:130px;
left: 15px;
top: 215px;
}
#infoArea .info02 img {
margin-right:10px;
margin-bottom:10px;
}
#infoArea .info03 {
position:absolute;
width:450px;
height:160px;
left: 450px;
top: 40px;
}
#infoArea .info03 li {
list-style:none;
padding-right:10px;
width:130px;
height:90px;
float:left;
}
#infoArea .info04 {
	position:absolute;
	width:460px;
	height:106px;
	left: 443px;
	top: 233px;
}
.TITLEsalon {
	font-size: 18px;
	font-weight: normal;
	color: #99CCCC;
	margin-bottom: 10px;
}
.TITLEsalon2 {
	font-size: 18px;
	font-weight: bold;
	color: #0099CC;
	margin-bottom: 10px;
}