@charset "UTF-8";

#fixed{
	border-left:1px solid #f29390;
	border-right:1px solid #f29390;
	border-bottom:1px solid #f29390;
}


/* key color */

/* brown */
.keycolor1{
	color:#662D1C;
}

/* pink */
.keycolor2{
	color:#f29390;
}

/* pink for font */
.keycolor3{
	color:#f87a7a;
}

.require{
	color:#ff0000;
}

.error{
	color:#ff0000;
	background-color:#fdf9f9;
}

/* hr */
hr{
	border:none;
	border-bottom:1px dotted #f29390;
	height:1px;	
}

.col1 h1, .col1 h2, .col1 h3 {
    margin:0;
    padding:0;
}

.col1 img{
    margin:0;
    padding:0;
}

.col1 .notice{

	background-color:#fdfafa;
	border:1px solid #f29390;
	padding:5px;


}

#header .introtext{
	font-size:77%;
	text-align:right;
	padding-right:0;
	padding-left:0;
	color:#F29390;
}

#header div.topnav {
	padding-left:360px;
	padding-right:0;
}

#header div.topnav ul{
	font-size:85%;
}

#header div.logo img{
	margin:0;
}

/* global navigation */
#header ul.globalnav{
	background:transparent url(../images/globalnav.gif) top left no-repeat;
	height:38px;
}


#header ul.globalnav li a {
	left:0px;
	line-height:38px;
	margin:0;
	margin-right:16px;
	padding:0;
	background-color:#ffffff;
 	text-indent:-9999px;
	background:transparent url(../images/globalnav.gif) top left no-repeat;
}

#header ul.globalnav li a:hover {
	background-image:url(../images/globalnav.gif);	
}

#header ul.globalnav li.home a{
	background-position:0% 0%;
	width:70px;
}
#header ul.globalnav li.home a:hover, #header ul.globalnav > li.home.current a{
	background-position:0% -50px;
}

#header ul.globalnav li.introduction a{
	background-position:-86px 0%;
	width:126px;
}
#header ul.globalnav li.introduction a:hover, #header ul.globalnav > li.introduction.current a{
  background-position:-86px -50px;
}

#header ul.globalnav li.voice a{
	background-position:-228px 0%;
	width:104px;
}
#header ul.globalnav li.voice a:hover, #header ul.globalnav > li.voice.current a{
	background-position:-228px -50px;
}

#header ul.globalnav li.wedding a{
	background-position:-348px 0%;
	width:110px;
}
#header ul.globalnav li.wedding a:hover, #header ul.globalnav > li.wedding.current a{
	background-position:-348px -50px;
}

#header ul.globalnav li.mens a{
	background-position:-474px 0%;
	width:88px;
}
#header ul.globalnav li.mens a:hover, #header ul.globalnav > li.mens.current a{
	background-position:-474px -50px;
}

#header ul.globalnav li.program a{
	background-position:-578px 0%;
	width:74px;
}
#header ul.globalnav li.program a:hover, #header ul.globalnav > li.program.current a{
	background-position:-578px -50px;
}

#header ul.globalnav li.salon a{
	background-position:-668px 0%;
	width:106px;
	margin-right:0px;

}
#header ul.globalnav li.salon a:hover, #header ul.globalnav > li.salon.current a{
	background-position:-668px -50px;
}


/* rightnav1   */
ul.rightnav1{
    list-style:none;
	margin:10px auto 10px 20px;
	padding:0;
}

ul.rightnav1 li{
    list-style:none;
	margin:5px 0;
	padding:0;
}

ul.rightnav1 li a{
	display:block;
	width:201px;
	height:47px;
	line-height:47px;
 	text-indent:-9999px;
}

ul.rightnav1 li a.chart{
	background:transparent url(../images/rightnav-chart.gif) top left no-repeat;
}

ul.rightnav1 li a:hover{
	background-position:0% -50px;
}

ul.rightnav1 li a.faq{
	background:transparent url(../images/rightnav-faq.gif) top left no-repeat;
}

ul.rightnav1 li a.cosmetic{
	background:transparent url(../images/rightnav-cosmetic.gif) top left no-repeat;
}

ul.rightnav1 li a.press{
	background:transparent url(../images/rightnav-press.gif) top left no-repeat;
}

ul.rightnav1 li a:hover{
	background-position:0% -50px;
}

/* rightnav2 */
div.rightnav2{
	margin-top:10px;
	padding-top:5px;
	background:transparent url(../images/rightnav-bg01.gif) 20px top no-repeat;
}

div.rightnav2 h2, div.rightnav-info h2{
	margin:0px auto 0px 20px;
	padding:0;
	height:30px;
	line-height:30px;
 	text-indent:-9999px;
}


div.rightnav2 h2.special{
	background:transparent url(../images/rightnav2-special.gif) left top no-repeat;
}

div.rightnav2 h2.school{
	background:transparent url(../images/rightnav2-school.gif) left top no-repeat;
}


div.rightnav2 ul{
    list-style:none;
	margin:0px auto 15px 35px;
	padding:0;
	width:175px;
}

div.rightnav2 ul li{
    list-style:none;
	margin:5px 0;
	padding:0;
	border-bottom:1px dashed #f29390;
}

div.rightnav2 ul li a{
	display:block;
	width:175px;
	height:25px;
	line-height:25px;
 	text-indent:-9999px;
}

div.rightnav2 ul li.rightnav-campaign a{
	background:transparent url(../images/rightnav-campaign.gif) top left no-repeat;
}
div.rightnav2 ul li.rightnav-body a{
	background:transparent url(../images/rightnav-body.gif) top left no-repeat;
}
div.rightnav2 ul li.rightnav-facial a{
	background:transparent url(../images/rightnav-facial.gif) top left no-repeat;
}
div.rightnav2 ul li.rightnav-maternity a{
	background:transparent url(../images/rightnav-maternity.gif) top left no-repeat;
}
div.rightnav2 ul li.rightnav-wedding a{
	background:transparent url(../images/rightnav-wedding.gif) top left no-repeat;
}
div.rightnav2 ul li.rightnav-gift a{
	background:transparent url(../images/rightnav-gift.gif) top left no-repeat;
}
div.rightnav2 ul li.rightnav-nail a{
	background:transparent url(../images/rightnav-nail.gif) top left no-repeat;
}
div.rightnav2 ul li.rightnav-school a{
	background:transparent url(../images/rightnav-school.gif) top left no-repeat;
}
div.rightnav2 ul li.rightnav-proschool a{
	background:transparent url(../images/rightnav-proschool.gif) top left no-repeat;
}

div.rightnav2 ul li a:hover{
	background-position:0% -40px;
}

div.rightnav2 div.rightnav2-bottom{
	height:15px;
	background:transparent url(../images/rightnav-bg-bottom.gif) 20px bottom no-repeat;
}

/* rightnav-info */
div.rightnav-info{
	margin-top:10px;
	padding-top:5px;
	background:transparent url(../images/info-bg.gif) 20px top no-repeat;
}

div.rightnav-info h2{
	height:50px;
	line-height:50px;

}
div.rightnav-info p{
	margin:0px 40px 10px auto;
	text-align:right;
}

div.rightnav-info ul{
    list-style:none;
	margin:0px auto 5px 35px;
	padding:0;
/*	background:transparent url(../images/info-bg-middle.gif) 0% top repeat-y;	*/
}

div.rightnav-info ul li{
    list-style:none;
	margin:5px 0;
	padding:0;
	width:170px;
}

div.rightnav-info div.rightnav-info-bottom{
	height:23px;
	background:transparent url(../images/info-bg-bottom.gif) 20px bottom no-repeat;
}

/* blog */
a.blog{
	margin:0 auto 0 20px;
}


/* footer */
#footer{
	background:transparent url(../images/footer-bottom.jpg) bottom left repeat-x;
	padding-bottom:40px;
	text-align:center;
}

#footer div.reservation{
	width:755px;
	height:70px;
	background:transparent url(../images/reservation-bg.jpg) top left no-repeat;
	margin:5px auto;
	
}

#footer div.reservation a{
    display:block;
	width:725px;
	height:70px;
	margin:0 auto;
	text-indent:-9999px;
/*	background-color:#ff0000;	*/
}
#footer div.reservation a:hover{
	background-color:transparent;
}

#footer img.reservation2{
	margin:0px 20px;
}
#footer hr{
	height:1px;
	width:740px;
	text-align:center;
	border:0px solid #F2D0BD;
	background-color:#F2D0BD;
	color:#F2D0BD;

}

#footer ul {
    clear:both;
    width:740px;
    list-style:none;
    margin:2px auto;
	padding:0;
}
#footer ul li {
    display:inline;
    list-style:none;
    margin:0;
	padding-left:21px;
	height:21px;
	line-height:21px;
	background:transparent url(../images/seps.gif) 0 -2px no-repeat;
}
#footer ul li.first {
	padding-left:0;
	background-image:none;
}
#footer ul li a {
    margin:0;
    padding:0;
    text-align:center;
    text-decoration:none;
	height:21px;
	line-height:21px;
	
}


/* top */
.col1 h3{
	margin-top:10px;
}

.col1 ul.top-menu , .col1 .message ul{
    list-style:none;
	margin:0;
	padding:0;
}
.col1 ul.top-menu li {
    display:inline;
    list-style:none;
    margin:0;
}

.col1 .message{
	height:75px;
	border-bottom:1px dashed #F2D0BD;
	margin-bottom:10px;
}
.col1 .message img{
	float:left;
	padding-right:10px;
}

.col1 .message ul li{
    list-style:none;
    margin:0;

}

.col1 .top-reservation{
	margin:0;
	padding:0;
	width:100px;
	position:relative;
}

.col1 .top-reservation a{
	position:absolute;
	top:-50px;
	left:395px;
}

.col1 .mens-reservation, .col1 .wedding-reservation{
	margin:0;
	padding:0;
	width:530px;
	position:relative;
	text-align:left;
}

.col1 .mens-reservation a, .col1 .wedding-reservation a{
	position:absolute;
	top:-50px;
	text-align:left;
	width:100px;
	height:30px;

/*	left:390px; */
	right:40px;

}


.col1 .wedding-trial {
	text-align:right;
	
}

.col1 .wedding-trial {
	text-align:right;
	position:relative;
	
}

.col1 .wedding-trial a#wedding-voice{
	position:relative;
	top:20px;
	right:20px;
}


.col1 h1.menu-title, .col1 h2.menu-title{
	font-size:18px;
	color:#662D1C;
	border-bottom:1px dashed #f29390;
	margin-top:5px;
	margin-bottom:15px;
}


.col1 h2.sub-title, .col1 h3.sub-title{
	color:#f87a7a;
	font-size:14px;
	font-weight:bold;	
}

/* privacy */

.col1 .privacy dt{
	margin-top:15px;
	font-weight:bold;
}


/*  recruit school skincare */
.col1 .recruit h1, .col1 .school h1, .col1 .skincare h1,  .col1 .recruit h2, .col1 .school h2, .col1 .skincare h2{
	height:31px;
}

.col1 .recruit div.body{
	background:transparent url(../images/school/recruit-top.gif) left top repeat-y;
	padding:10px 10px;
	width:482px;
}

.col1 .recruit div.body ul{
	margin-top:5px;
}

.col1 .recruit div.body p{
	padding-left:30px;
}

.col1 .school div.body{
	background:transparent url(../images/school/school-top.gif) left top repeat-y;
	padding:10px 10px;
	width:482px;
}


.col1 .school th{
	width:120px;
}

.col1 .school table{
	width:420px;
}


.col1 .skincare div.body{
	background:transparent url(../images/school/skincare-top.gif) left top repeat-y;
	padding:10px 10px;
	width:482px;
}

.col1 .skincare th{
	width:120px;
}

.col1 .skincare table{
	width:420px;
}

.col1 img.bottom{
	position:relative;
	top:-4px;
}


/* latestnews */
.col1 div#latestnews img.top, .col1 div#latestnews img.bottom{
	display:block;
}

.col1 div#latestnews .body{
	background:transparent url(../images/latestnews/middle-bg.gif) left top repeat-y;
	margin:0;
	padding:10px 20px;
	width:464px;
}

.col1{


}

.ditto_item, .ditto_item_alt{
  padding:5px 5px 5px 5px;
  background-color:#ffffff;
  border-bottom:1px dotted #f29390;
}

.ditto_item_alt{
  background-color:#fdfafa;
}

h3.ditto_pageTitle{
  margin:0;
  color:#f87a7a;
  font-size:12px;
  font-weight:bold;
}

span.ditto_date{
  color:#444444;
  font-size:12px;
  font-weight:bold;
  margin-right:10px;
}

.ditto_introText{
  margin:0px 0px 0px 72px;
  color:#666666;
}

.ditto_detail_link{
  margin-left:75px;
}




/* chart */
.col1 .chart div.body{
	background:transparent url(../images/chart/chart-body.gif) left top no-repeat;
	width:517px;
	height:976px;
}

.col1 .chart ul{
    list-style:none;
	margin:0;
	padding:0;
	width:390px;
	height:30px;
	position:relative;
	left:130px;

}

.col1 .chart ul li{
    display:inline;
    list-style:none;
    margin:0;
	margin-right:5px;
	padding:0;

}

.col1 .chart ul.item1{
	top:60px;
}

.col1 .chart ul.item2{
	top:122px;
}

.col1 .chart ul.item3{
	top:181px;
}

.col1 .chart ul.item4{
	top:243px;
}

.col1 .chart ul.item5{
	top:309px;
}
.col1 .chart ul.item6{
	top:368px;
}
.col1 .chart ul.item7{
	top:426px;
}
.col1 .chart ul.item8{
	top:485px;
	left:50px;
}

/*  voice  */
.col1 dl.voice{

}

.col1 dl.voice dt{
	border-top:1px dotted #f29390;
	color:#f87a7a;
	font-size:14px;
	font-weight:bold;
}

.col1 dl.voice dd{
	border-left:5px solid #ffdcdb;
	padding:7px;
	margin-bottom:15px;
	background-color:#fff8f8;
}

.col1 dl.voice dt.first{
	border-top:none;
}
.col1 dl.voice dd.last{
	border-bottom:1px dotted #f29390;
}


/* dl */
.dl-list-std{

}
.dl-list-std dt{
	margin-top:15px;
	border-top:1px dotted #f29390;
}

.dl-list-std dt.first{
	border-top:none;
}

.dl-list-std dd.last{
}

/*  faq */
dl.faq dt{
	font-size:14px;
	color:#662D1C;
	font-weight:bold;
	padding:15px 0 20px 25px;
	background:transparent url(../images/faq/q.gif) left top no-repeat;

}

dl.faq dd{
	padding:5px 0 10px 25px;
	background:transparent url(../images/faq/a.gif) left top no-repeat;
}


/* img list */


ul.imglist{
	margin:0;
	padding:0;
	list-style:none;
}

ul.imglist li{
	margin:0;
	padding:0;
	list-style:none;
	text-indent:0;
}

ul.imglist li p{
	text-align: left;
	margin-left: 20px;
	margin-bottom:15px;
}


/* user */
.col1 .user-style{
	padding-top:15px;
	padding-bottom:15px;
}

.col1 .user-style h1{
	font-size:18px;
	color:#662D1C;
	border-bottom:1px dashed #f29390;
	margin-top:5px;
	margin-bottom:5px;
}

.col1 .user-style .content{


}


