@charset "UTF-8";

/* --------------------
        reset
-------------------- */

body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,
input,
textarea,
p,
th,td,
figure {
margin:0; 
padding:0; 
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}


ol,ul{
list-style:none;
}

li img,
dd img,
dt img{
vertical-align:top;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

h1 img,h2 img,h3 img,h4 img,h5 img{
vertical-align:top;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a img{
border:0px;
}

.clear{
clear:both;
}

body{
color:#4f4f4f;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:url(../../images/top_2014/footerBg.png) repeat-x bottom;
line-height:1.2;
font-size:14px;
}

p{

letter-spacing:0.12em;
}


#bodyBg{
background-color:#fff;
background-image:url(../../images/top_2014/body_bg.jpg);
background-position:top center;
background-repeat:no-repeat;
}

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

   header

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

header{
width:100%;
min-width:960px;
height:140px;
background:url(../../images/top_2014/header_bg.png) repeat-x;
position:fixed;
z-index:100;
}

header li{
float:left;
}

header li a{
line-height:1.2;
display:block;
}

/* サブナビゲーション */
#globalNavigation01{
height:19px;
padding:3px 0 0 0;
text-align:right;
}

#globalNavigation01 ul{
float:right;
}

#globalNavigation01 li{
padding-right:15px;
}

#globalNavigation01 li a{
padding:2px 0 0 10px;
background:url(../../images/top_2014/headerArw.png) no-repeat 0 4px;
font-size:11px;
color:#fff;
}

#globalNavigation01 li.fb{
padding-right:0;
}

#globalNavigation01 li.fb a{
padding:0;
background:none;
}

/* ロゴ */
header h1{
position:absolute;
top:23px;
left:20px;
}

@media only screen and (min-width:1201px) {

header h1 img{
width:173px;
}

}

@media only screen and (max-width: 1200px) {

header h1 img{
width:165px;
}

}

/* グローバルナビゲーション */

@media only screen and (min-width:1201px) {

#globalNavigation02{
margin:9px 220px 0 210px;
}

}

@media only screen and (max-width: 1200px) {

#globalNavigation02{
margin:9px 220px 0 190px;
}

}


#globalNavigation02 ul.navMain>li{
width:14%;
height:100px;
padding-top:18px;
position:relative;
}

#globalNavigation02 ul.navMain>li>a{
padding-top:40px;
text-align:center;
font-weight:bold;
color:#c5ab50;
}

@media only screen and (min-width:1201px) {

#globalNavigation02 ul.navMain>li>a{
font-size:13px;
}
}

@media only screen and (max-width: 1200px) {

#globalNavigation02 ul.navMain>li>a{
font-size:11px;
}

}



#globalNavigation02 li.beginner>a{
background:url(../../images/top_2014/globalNavi_01.png) no-repeat center top;
}

#globalNavigation02 li.campaign>a{
background:url(../../images/top_2014/globalNavi_02.png) no-repeat center top;
}

#globalNavigation02 li.bridal>a{
background:url(../../images/top_2014/globalNavi_03.png) no-repeat center top;
}

#globalNavigation02 li.course>a{
background:url(../../images/top_2014/globalNavi_04.png) no-repeat center top;
}

#globalNavigation02 li.salon>a{
background:url(../../images/top_2014/globalNavi_05.png) no-repeat center top;
}

#globalNavigation02 li.news>a{
background:url(../../images/top_2014/globalNavi_06.png) no-repeat center top;
}

#globalNavigation02 li.yuri a{
padding-top:35px;
background:url(../../images/top_2014/globalNavi_07.png) no-repeat center top;
}

#globalNavigation02  ul.navMain li.active{
background:#fff;
border-radius:4px 4px 0 0;
box-shadow:0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}

/* サブナビ */

#globalNavigation02 ul.navSub li{
width:100px;
padding:0 10px;
}

#globalNavigation02 ul.navSub li a{
padding:0;
}

#globalNavigation02 li div{
padding:20px 10px;
background:#fff;
border-radius:0 0 4px 4px;
box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.3);
position:absolute;
top:98px;
display:none;
}

/* サブナビ・コース */
#globalNavigation02 li.course div{
width:720px;
left:-188px;
}


/* サブナビ・サロン */
#globalNavigation02 li.salon div{
width:460px;
width:350px;
left:-188px;
left:-78px;
}

#globalNavigation02 li.salon li.clinic{
width:320px;
position:relative;
}

#globalNavigation02 li.salon ul.area>li{
float:none;
}

#globalNavigation02 li.salon  table{
position:absolute;
top:0;
right:0;
}

#globalNavigation02 li.salon  td{
padding:0 10px 5px 10px;
}

#globalNavigation02 li.salon  table a{
padding-left:13px;
background:url(../../images/top_2014/globalNavi_05_arw.png) no-repeat 3px 0;
font-size:11px;
color:#c6af35;
}

/* 電話番号・Facebook */

header p.tel{
position:absolute;
top:30px;
right:20px;
}

header p.shopping{
position:absolute;
top:94px;
right:20px;
}

/* ------------------------------
  20140522 header-centering
------------------------------ */
@media only screen and (min-width:1254px) {

#globalNavigation01{
max-width:1230px;
margin:0 auto;
}

/* ロゴ */
header h1{
position:absolute;
right: 18px;
width: 1250px;
margin:0 auto;
z-index:1;
}

#globalNavigation02 ul.navMain{
width:840px;
margin:0 auto;
}

#globalNavigation02 ul.navMain>li{
width:120px;
z-index:3;
}

header p.tel{
position:relative;
top:0px;
left:6px;
}

header p.shopping{
position:relative;
top:0px;
left:6px;
z-index:2;
display:inline;
}

}

@media only screen and (max-width:1254px) {

/* ロゴ */
header h1{
left: 0px;
right:26px;
}

}

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

   contents

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

#contents{
max-width: 1252px;
padding: 150px 0 20px 2px;
position:relative;
margin:0 auto;
}


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

   moveBtn

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

#moveBtn section,
#moveBtn section a,
#moveBtn section span.caption,
#moveBtn section div.overlayBg{
	width: 200px;
	height: 260px;
	overflow: hidden;
}

#moveBtn section{
margin-bottom:8px;
}

#moveBtn section a{
color:#c5ab50;
position:relative;
display:block;
}

#moveBtn section a:hover{
text-decoration:none;
}

#moveBtn section figure{
position:absolute;
top:0;
left:0;
}

#moveBtn section h2{
position: absolute;
top: 225px;
left: 0;
background: #c5ab50;
}

#moveBtn section span.caption{
	height: 225px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative;
	z-index: 10;
}

#moveBtn section div.overlayBg{
	height: 225px;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
}


/* main */
#moveBtn section#main{
	width: 616px;
	height: 795px;
	color: #fff;
}

#moveBtn section#main a{
	width: 616px;
	height: 528px;
	color: #fff;
}

#moveBtn section#main span.caption,
#moveBtn section#main div.overlayBg{
	width: 616px;
	height: 528px;
}

#moveBtn section#main div.overlayBg{
background:#c5ab50;
}

#moveBtn section#main #promises{
	position:absolute;
	width:616px;
	height:259px;
	top: 536px;
	left: 0;
}

/* ヘッドスパ */
#moveBtn section#HeadSpa h2{
background:#783f33;
}

#moveBtn section#HeadSpa div.overlayBg{
background:#783f33;
}

#moveBtn section#HeadSpa span.caption{
color:#fff;
}

/* Special */
#moveBtn section#Special a{
color:#fff;
}

#moveBtn section#Special div.overlayBg{
background:#c6af35;
}

/* オープンサロン */

#moveBtn section#OpenSalon ul{
position:absolute;
top:0;
left:0;
}

#moveBtn section#OpenSalon li{
position:relative;
float:left;
}

#moveBtn section#OpenSalon li span{
	height: 32px;
	width: 192px;
	padding: 3px 0 0 8px;
	background: url(../../images/top_2014/btnOpenSalon_bg.png);
	font-size: 12px;
	color: #4e4e4e;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

/*
#moveBtn section#Bridal,
#moveBtn section#Bridal a,
#moveBtn section#Bridal span.caption,
#moveBtn section#Bridal div.overlayBg{
width:408px;
}
*/

/* シンデレラ募集 */

#moveBtn section#CinApply,
#moveBtn section#CinApply a,
#moveBtn section#CinApply span.caption,
#moveBtn section#CinApply div.overlayBg{
	height:372px;
}

.otherBanner section{
margin-bottom:8px;
}

.otherBanner section a{
color:#4d2f25;
position:relative;
display:block;
}

.otherBanner section a:hover{
text-decoration:none;
}

.otherBanner section figure{
position:absolute;
top:0;
left:0;
}

.otherBanner section span.caption{
	height: 91px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative;
	z-index: 10;
}

.otherBanner section div.overlayBg{
	height: 91px;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
}



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

   small

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

/* 小バナー */

#moveBtn section.small,
#moveBtn section.small a,
#moveBtn section.small span,
#moveBtn section.small div.overlayBg{
	width: 200px;
	height: 126px;
}

#moveBtn section.small{
margin-bottom:8px;
}

#moveBtn section.small a{
color:#4d2f25;
position:relative;
overflow:hidden;
display:block;
}

#moveBtn section.small a:hover{
text-decoration:none;
}

#moveBtn section.small span.iconOuter{
position:absolute;
top:0;
left:0;
z-index:10;
width: 194px;
height: 120px;
border: 3px solid #fb8aa4;
}

#moveBtn section.small img{
position:absolute;
top:0;
left:0;
}

#moveBtn section.small div.overlayText{
position:absolute;
top:0;
left:0;
}

#moveBtn section.small div.overlayBg{
background:#fff;
opacity: 1;
position:absolute;
top:0;
left:0;
}

/* pink */
#moveBtn section.small div.overlayBg{
background:url(/images/top_2014/pink_overlay.png) no-repeat;
}

#moveBtn section.small span.text{
	width: 190px;
	height: 35px;
	padding: 5px;
	/*background:#ff90cf;
opacity:0;
filter:alpha(opacity=0);*/
	text-align: center;
	line-height: 140%;
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 10;
}

#moveBtn section#ticket span.text{
letter-spacing:-0.1em;
}

/* MEMBER */
#moveBtn #Member,
#moveBtn #Member a{
width: 200px;
height: 126px;
}

#moveBtn #Member h2{
background: none repeat scroll 0 0 #c5ab50;
position: absolute;
left: 0;
top: 91px;
}

#moveBtn section#Member div.overlayBg,
#moveBtn section#Member span.caption{
height: 91px;
}


/* TICKET */
/*
#moveBtn #Ticket,
#moveBtn #Ticket a{
width: 200px;
height: 126px;
}


#moveBtn #Ticket h2{
background: none repeat scroll 0 0 #c5ab50;
position: absolute;
left: 0;
top: 91px;
}


#moveBtn section#Ticket div.overlayBg,
#moveBtn section#Ticket span.caption{
height: 91px;
}
*/


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

   news

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

#news{
	width: 610px;
	height: 260px;
	margin-bottom: 10px;
	border: 3px #c5ab50 solid;
	border-bottom:none;
	background: #fff;
	position: relative;
}

#news .inner{
	padding-top: 10px;
 overflow-y:scroll;
	height: 228px;
}

#news table{
margin:0 10px;
}

#news th{
padding:3px 6px 7px 0;
vertical-align: top;
font-weight:normal;
color:#505050;
}

#news td{
padding:0 6px 6px 0;
letter-spacing:0.05em;
}

#news td a,
#news td span{
padding:3px 0 3px 84px;
color:#505050;
display:block;
}

#news td span.closed{
padding:0;
color:#f00;
display:inline;
}


#news td a.trial,
#news td span.trial{
background:url(../../news/images/news_icon_trial.png) no-repeat;
}

#news td a.ticket,
#news td span.ticket{
background:url(../../news/images/news_icon_ticket.png) no-repeat;
}

#news td a.csr,
#news td span.csr{
background:url(../../news/images/news_icon_csr.png) no-repeat;
}

#news td a.cm,
#news td span.cm{
background:url(../../news/images/news_icon_cm.png) no-repeat;
}

#news td a.media,
#news td span.media{
background:url(../../news/images/news_icon_media.png) no-repeat;
}

#news td a.salon,
#news td span.salon{
background:url(../../news/images/news_icon_salon.png) no-repeat;
}

#news td a.other,
#news td span.other{
background:url(../../news/images/news_icon_other.png) no-repeat;
}

#news td a.recruit,
#news td span.recruit{
background:url(../../news/images/news_icon_recruit.png) no-repeat;
}

#news td a.member,
#news td span.member{
background:url(../../news/images/news_icon_member.png) no-repeat;
}

#news td a.item,
#news td span.item{
background:url(../../news/images/news_icon_item.png) no-repeat;
}

#news p.link{
width:100%;
padding:6px 0;
background:#c5ab50;
text-align:center;
position:absolute;
bottom:0;
}

#news p.link a{
padding:2px 0 2px 12px;
background:url(../../images/top_2014/newsArw.png) no-repeat 0 7px;
color:#fff;
}

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

   othres

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

#others{
	width: 616px;
}

.others{
	width: 194px;
	margin: 0 8px 10px 0;
	background: #fff;
	float: left;
}

.others div h3{
padding:0 0 5px 10px;
font-weight:bold;
}

.others div p{
letter-spacing:-0.04em;
font-size:10px;
}

/* qa */

#qa{
border-top:3px #87707f solid;
border-right:3px #87707f solid;
border-left:3px #87707f solid;
}

#qa h2{
background:#87707f;
height:30px;
}

#qa div{
height:38px;
padding:5px 0 0 3px;
border-bottom:3px #87707f solid;
}

#qa div h3{
padding:0 0 3px 10px;
background:url(../../images/top_2014/qaArw.png) no-repeat 3px 1px;
font-size:11px;
}


#qa div h3 a{
text-decoration:none;
color:#87707f;
}

#qa div p{
font-size:10px;
}

#qa .bg01{
background:url(/images/top_2014/qaBg_01.jpg) no-repeat right top;
}

#qa .bg02{
background:url(/images/top_2014/qaBg_02.jpg) no-repeat right top;
}

#qa .bg03{
background:url(/images/top_2014/qaBg_03.jpg) no-repeat right top;
}

#qa .bg04{
background:url(/images/top_2014/qaBg_04.jpg) no-repeat right top;
}

#qa .bg05{
background:url(/images/top_2014/qaBg_05.jpg) no-repeat right top;
}

/* paysystem */

#paysystem{
border-top:3px #9c7a83 solid;
border-right:3px #9c7a83 solid;
border-left:3px #9c7a83 solid;
}

#paysystem h2{
background:#9c7a83;
height:30px;
}

#paysystem div{
padding:5px 0 0 4px;
border-bottom:3px #9c7a83 solid;
}

#paysystem div h3{
padding:0 0 2px 2px;
font-size:11px;
color:#9c7a83;
}

#paysystem div p{
padding:0 0 1px 2px;
font-size:10px;
}

#paysystem .bg01{
height:33px;
}

#paysystem .bg02{
height:50px;
}

#paysystem .bg03{
height:33px;
}

#paysystem .bg04{
height:82px;
}

#paysystem .bg04 p{
margin-bottom:2px;
}

/* point */

#point{
border-top: 3px #8f7e7b solid;
border-right: 3px #8f7e7b solid;
border-left: 3px #8f7e7b solid;
	margin-right: 0px;
}

#point h2{
background:#8f7e7b;
height:30px;
}

#point div{
padding:3px 3px 0 4px;
border-bottom:3px #8f7e7b solid;
}

#point div h3{
padding:0 0 3px 0;
font-size:11px;
}

#point div h3 a{
color:#8f7e7b;
}

#point div h3 span{
width:62px;
padding:1px 0;
margin:1px 0 0;
text-align:center;
background:#8f7e7b;
border-radius:2px;
font-size:10px;
font-weight:normal;
color:#fff;
display:block;
}

#point div p span{
color:#ff59b7;
font-size:9px;
letter-spacing:-0.08em;
}

#point .bg01{
height:96px;
background:url(/images/top_2014/pointCard_amex.png) no-repeat 110px 5px;
}

#point .bg01 h3{
letter-spacing:-0.15em;
}

#point .bg02{
height:58px;
background:url(/images/top_2014/pointCard_ana.png) no-repeat 132px 5px;
}

#point .bg03{
height:58px;
background:url(/images/top_2014/pointCard_jal.png) no-repeat 146px 5px;
}

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

   banner

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

#banner{
width:100%;
min-width:800px;
padding:20px 0;
background:#fff;
box-shadow:0px 3px 3px 0px #ddd inset;
text-align:center;
overflow:hidden;
}

#banner ul{
width:460px;
width:-moz-fit-content;
width:-webkit-fit-content;
margin:0 auto;
}

#banner li{
padding-right:10px;
vertical-align:middle;
display:table-cell;
}

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

   footer

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

footer{
width:100%;
min-width:960px;
padding:20px 0 0 0;
background:#c5ab50;

}

footer p{
text-align:center;
font-size:12px;
color:#fff;
}

footer #bottom_promise {
width: 960px;
margin: 0 auto 16px;
}


/* test 

#wrap{
padding:150px 10px 20px 10px;
}

#contents{
width:100%;
padding:0;
}

#moveBtn section{
width:16.6%;
}

#moveBtn section a,
#moveBtn section span.caption,
#moveBtn section div.overlayBg{
width:100%;
}

#moveBtn section img{
width:100%;
}*/