@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
headding
******************************************************************************
----------------------------------------------------------------------------*/
h3 {
width:623px;
margin:0 0 10px 0;
padding:8px 0 8px 12px;
color:#FCEFEF;
font-size:100%;
line-height:1.2;
font-weight:bold;
background:#DB3C74 url(../images/h3_ttl.jpg) 0 0 no-repeat;}

h4 {
width:623px;
margin:0 0 10px 0;
padding:9px 0 10px 12px;
color:#DB3F76;
font-size:90%;
line-height:1.2;
font-weight:bold;
background: url(../images/h4_ttl.jpg) 0 0 no-repeat;}

.contents h5 {
width:618px;
margin:15px 0 10px 0;
padding:0 0 0 17px;
color:#AC3059;
font-size:90%;
line-height:1.2;
font-weight:bold;
background: url(../images/icon_03.jpg) 0 2px no-repeat;}

#inquiry h5 {
width:618px;
margin:15px 0 10px 0;
padding:8px 0 10px 17px;
color:#AC3059;
font-size:90%;
line-height:1.2;
font-weight:bold;
background: url(../images/h5_ttl.jpg) 0 2px no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/

/* images
-------------------------------------------------------------*/
.imgR{
float:right;
margin:0 0 0 15px;
padding:2px;
width:200px;
height:150px;
border:solid 1px #CCCCCC;}

.imgR2{
float:right;
margin:0 0 0 15px;
width:200px;
height:100px;}

.imgbor{
border:solid 2px #D9356D;}

/* pankuzu
-------------------------------------------------------------*/
.pLink{
font-size:78%;
padding:0 0 5px 5px;
color:#666666;
line-height:1.5;}

.pLink a:link{color:#AC3059;text-decoration:underline;}
.pLink a:visited{color:#AC3059;text-decoration:underline;}
.pLink a:hover{color:#AC3059;text-decoration:none; padding-bottom:1px;}
.pLink a:active{color:#AC3059;text-decoration:none; padding-bottom:1px;}
.pLink a:focus{outline:none;}

/* pagetop
-------------------------------------------------------------*/
.contents div.pTop {
width:84px;
height:21px;
padding:0 0 0 520px;
margin-top:10px;}

.contents div.pTop p {
background: url(../images/ptop.jpg) 0 0 no-repeat;
font-size:1%;
line-height:1;}

.contents div.pTop p a{
display:block;
width:84px;
height:21px;
text-indent:-99999px;
font-size:1%;
line-height:1;
text-decoration:none;}


/* box
-------------------------------------------------------------*/
.contentsBox{
width:625px;
margin-left:5px;
margin-bottom:20px!important;
margin-bottom:10px;}

.contentsBox p{
line-height:1.5;
font-size:90%;
margin-bottom:15px;}

.contentsBox p.sr_ctB{
line-height:2;
font-size:90%;
margin-bottom:15px;}

/* table
-------------------------------------------------------------*/
table {
width:625px;
margin:0 0 30px 5px;
background:#FFFFFF;
text-align:left;
border:solid 1px #CCCCCC;}

table th {
background:#DB3C74;
padding:4px;
color:#FFFFFF;
line-height:1.4;
font-size:90%;}

table td {
padding:4px;
background:#FDF6F8;
line-height:1.4;
font-size:90%;}

/* table size
-------------------------------------------------------------*/
#about table th { width:20%;}
#ticket table td { width:35%;}
#inquiry table th { width:25%;}

/* table style
-------------------------------------------------------------*/
#ticket table td { width:20%; text-align:right;}
#ticket table td.ts01 {
background:#F7D0DF;
color:#555555;
width:60%;
text-align:left;}

/* contents list
-------------------------------------------------------------*/
.contents ul{
width:625px;
margin-left:5px;
margin-bottom:20px;}

.contents ul li{
width:600px;
font-size:90%;
line-height:1.5;
padding:0 0 5px 18px;
background: url(../images/icon_02.jpg) 0 6px no-repeat;}

.contents ul li a:link{color:#DE4D80;text-decoration:underline;line-height:1.5;}
.contents ul li a:visited{color:#DE4D80;text-decoration:underline;line-height:1.5;}
.contents ul li a:hover{color:#DE4D80;text-decoration:none;line-height:1.5;}
.contents ul li a:active{color:#DE4D80;text-decoration:none;line-height:1.5;}

/* tel banner
-------------------------------------------------------------*/
.contents p.telunBnr,
.contents p.telunBnr a{
width:400px;
height:140px;
text-indent:-99999px;}

.contents p.telunBnr{
background: url(../images/tel_unbnr.jpg) 0 0 no-repeat;
margin-bottom:20px;
margin-left:5px;}

.contents p.telunBnr a{
display:block;
text-decoration:none;}


/* campaign
-------------------------------------------------------------*/
.camBox{
width:550px;
padding:10px 0 0 0;
margin-left:45px;
margin-bottom:10px;}

.camBox p{
margin-bottom:20px;}

.camBox p img{
margin:0 10px;}

/* arrow
-------------------------------------------------------------*/
.contents p.arrow{
width:42px;
height:21px;
margin:0 0 10px 260px;
background: url(../images/arrow.jpg) 0 0 no-repeat;
text-indent:-99999px;}

/* flow
-------------------------------------------------------------*/
.contents .flow{
width:598px;
padding:10px;
border:double 3px #DDDDDD;
background:#FBF8F4;
margin-left:5px;
margin-bottom:10px;}

.contents .flow p{
line-height:1.5;
font-size:90%;
margin-bottom:15px;}

/* eye,facial
-------------------------------------------------------------*/

.contents .contentsBox p.ortext,
.contents .contentsBox p.ortext2,
.contents .contentsBox p.ortext3,
.contents .contentsBox p.ortext4,
.contents .contentsBox p.ortext5,
.contents .contentsBox p.ortext6 {
height:21px;
margin:15px 0 10px 0;
text-indent:-99999px;
width:350px; }

.contents .contentsBox p.ortext{ background: url(../images/facial_text.jpg) 0 0 no-repeat;}
.contents .contentsBox p.ortext2{ background: url(../images/facial_text2.jpg) 0 0 no-repeat;}
.contents .contentsBox p.ortext3{ width:500px; background: url(../images/facial_text3.jpg) 0 0 no-repeat;}
.contents .contentsBox p.ortext4{ width:181px; background: url(../images/facial_text4.jpg) 0 0 no-repeat;}
.contents .contentsBox p.ortext5{ width:411px; background: url(../images/facial_text5.jpg) 0 0 no-repeat;}
.contents .contentsBox p.ortext6{ width:450px; background: url(../images/facial_text6.jpg) 0 0 no-repeat;}


#eyes dl,
#facial dl{
float:left;
width:295px;
margin:15px 0 20px 0;
padding:5px 10px 10px 10px;
background: url(../images/eye_bg.jpg) 0 0 no-repeat;}

#eyes dt,
#facial dt{
color:#AC3059;
padding:0 0 0 18px;
margin:0 0 5px 0;
line-height:1.5;
font-size:90%;
background: url(../images/icon_01.jpg) 0 5px no-repeat;}

#eyes dt a,
#facial dt a{ text-decoration:underline;}

#eyes dt a:hover,
#facial dt a:hover{ text-decoration:none;}

#eyes dd,
#facial dd{
line-height:1.3;
font-size:90%;
padding:0 5px 0 5px;}

.marT30{ margin-top:30px;}

/* art
-----------------------------------------------------*/
.contents ul{
width:625px;
margin-left:5px;
margin-bottom:20px;}

.contents ul li{
width:600px;
font-size:90%;
line-height:1.5;
padding:0 0 5px 18px;
background: url(../images/icon_02.jpg) 0 6px no-repeat;}


.contents ul#eyesPage {
width:589px;
border:solid 3px #F7F7F7;
padding:15px;
margin:0 0 20px 5px;}

.contents ul#eyesPage li{
width:571px;
display:inline;
line-height:1.5;
font-size:78%;
margin:0 0 0 20px;
padding:0 0 5px 18px;
background: url(../images/icon_01.jpg) 0 2px no-repeat;}

.contents .contentsBox p.text01 {
font-size:90%;
line-height:1.6;
color:#CC3366;
font-weight:bold;
margin-bottom:3px;}

.contents .contentsBox p.sr_text01 {
font-size:90%;
line-height:1.6;
font-weight:bold;
margin-bottom:10px;
margin-left:270px;
}


/*---------------------*/
.contents div.menu {
width:348px;
margin-left:5px;
margin-bottom:20px;
background: url(../images/art_bg5.gif) 0 0 repeat-y;
}
.contents div.menu dl {
width:348px;
padding:0;
margin:0;
background: url(../images/art_bg4.gif) 0 0 no-repeat;}

.contents div.menu dl dt {
color:#444444;
font-weight:bold;
background: url(../images/icon_03.jpg) 25px 26px no-repeat;
padding:25px 15px 10px 42px;
width:291px;
font-size:90%;}

.contents div.menu dl dd {
background: url(../images/art_bg6.gif) 0 100% no-repeat;
padding:0 15px 15px 25px;
width:308px;
font-size:90%;
color:#FF6600;
font-weight:bold;}

.contents div.menu dl dd.noimg { background: none;padding:0 0 0 25px;}

.contents div.menu p {
background: url(../images/art_bg6.gif) 0 100% no-repeat;
padding:15px 15px 15px 25px;
width:308px;
font-size:90%;
color:#33CCFF;
font-weight:bold;}

.contents div.menu p a { color:#33CCFF;text-decoration:underline;}
.contents div.menu p a:hover { color:#33CCFF;text-decoration:none;}

/*--------------------------------*/
dl#menu1 {
width:625px;
padding:0;
margin-left:5px;
background: url(../images/art_bg3.gif) 0 0 repeat-y;
}

dl#menu1 dt {
color:#444444;
font-weight:bold;
background: url(../images/art_bg1.gif) 0 0 no-repeat;
padding:15px 15px 10px 15px;
width:595px;}

dl#menu1 dd {
background: url(../images/art_bg2.gif) 0 100% no-repeat;
padding:0 15px 15px 15px;
line-height:1.4;
font-size:90%;
width:595px;}

/*--------------------------------*/
.contents div.menu2 {
width:625px;
margin-left:5px;
margin-bottom:20px;
background: url(../images/art_bg8.gif) 0 0 repeat-y;
}

.contents div.menu2 dl {
width:625px;
padding:0;
margin:0;
background: url(../images/art_bg7.gif) 0 0 no-repeat;}

.contents div.menu2 dl dt {
color:#444444;
font-weight:bold;
background: url(../images/icon_03.jpg) 25px 26px no-repeat;
padding:25px 15px 10px 42px;
width:568px;
font-size:90%;}

.contents div.menu2 dl dd {
padding:0 15px 0px 25px;
width:585px;
font-size:90%;
line-height:1.5;}

.contents div.menu2 dl dd.Bimg {
background: url(../images/art_bg9.gif) 0 100% no-repeat;
padding:0 15px 15px 25px;}

.contents div.menu2 p {
background: url(../images/art_bg9.gif) 0 100% no-repeat;
padding:10px 15px 15px 25px;
width:585px;
font-size:90%;
color:#FF6600;
font-weight:bold;}

.contents div.menu2 p a { color:#33CCFF;text-decoration:underline;}
.contents div.menu2 p a:hover { color:#33CCFF;text-decoration:none;}

.contents div.menu2 p.noimg {
background:none;
padding:15px 15px 0 25px;
width:585px;
font-size:90%;
color:#FF6600;
font-weight:bold;}


/* depilation
-------------------------------------------------------------*/
#depilation .contentsBox p.link,
#inquiry .contentsBox p.link{
margin:15px 0 10px 0;
padding:0 0 0 20px;
background: url(../images/icon_02.jpg) 0 5px no-repeat;}

#inquiry .contentsBox p.link{
width:356px;
padding:10px 10px 10px 30px;
border:solid 2px #F0F0F0;
background: url(../images/icon_02.jpg) 10px 15px no-repeat;}

#depilation dl dd a,
#depilation .contentsBox p.link a{ text-decoration:underline;}
#depilation dl dd a:hover,
#depilation .contentsBox p.link a:hover{ text-decoration:none;}


/* inquiry
-------------------------------------------------------------*/

#inquiry .formw { width:300px;}

.contentsBox p.mar0{ margin-bottom:0;}

select { font-size:90%;}

textarea { padding:2px 1px; line-height:1.2;}
input { line-height:1.2;}

#inquiry .formbtn {
width:635px;
text-align:center;
margin-bottom:30px;}

#inquiry .formbtn .btn {
padding:3px 5px 2px 5px;
width:100px;
margin:0 10px;
font-size:90%;}

#inquiry div.thanksMass p{ margin:20px 0 50px 5px; font-size:90%; line-height:1.4;}
#inquiry div.thanksMass p a{ color:#DE4D80; text-decoration:underline;}
#inquiry div.thanksMass p a:hover{ color:#DE4D80; text-decoration:none;}

/* sitemap
-----------------------------------------------------*/

#sitemap dl { width:620px; margin:20px 0 0 5px;}

#sitemap dl dt {
background: url(../images/icon_01.jpg) 0 5px no-repeat;
font-size:90%;
line-height:1.4;
margin:15px 10px 0 10px;
padding:0 0 0 20px;}

#sitemap dl dt a { font-weight:bold; text-decoration:underline;}
#sitemap dl dt a:hover { font-weight:bold; text-decoration:none;}

#sitemap dl dt.subT {
background: url(../images/icon_04.jpg) 2px 6px no-repeat;
font-size:90%;
line-height:1.4;
margin:15px 0 0 10px;
padding:0 10px 0 20px;}

#sitemap dl dt.subT a { font-weight:normal;}

#sitemap dl dd {
font-size:90%;
line-height:1.4;
padding:0 10px 20px 30px;
background: url(../images/sitemap_line.jpg) 0 100% repeat-x;}

#sitemap dl dd.noLine,
#sitemap dl dd.noLine2 {
font-size:90%;
line-height:1.4;
padding:0 10px 10px 30px;
background: url(../images/sitemap_line2.jpg) 0 100% repeat-x;}

#sitemap dl dd.noLine2 {padding:0 0 5px 30px;}

.sr_pdL15{ padding-left:15px; line-height:1.5;}

.sr_bd{ 
   border:1px solid #ee99b6;
   padding:2px;
   width:100px;
   text-align:center;
   margin:0 0 10px 230px;
}

.sr_bd01{ 
   border:1px solid #ee99b6;
   padding:2px;
   width:250px;
   text-align:center;
   margin:0 0 10px 150px;
}

.sr_bd02{ 
   border:1px solid #ee99b6;
   padding:2px;
   width:310px;
   text-align:center;
   margin:0 0 10px 120px;
}

.sr_bd03{ 
   border:1px solid #ee99b6;
   padding:2px 2px 2px 8px;
   width:360px;
   text-align:center;
   margin:0 0 10px 100px;
}

.sr_bd04{ 
   border:1px solid #ee99b6;
   padding:2px 2px 2px 8px;
   width:600px;
   margin:0 0 10px 2px;
}

.sr_bd05{ 
   border:1px solid #ee99b6;
   padding:2px 2px 2px 8px;
   width:380px;
   margin:0 0 10px 80px;
   text-align:center;
}

.sr_bd06{ 
   border:1px solid #ee99b6;
   padding:2px 2px 2px 2px;
   width:600px;
   margin:0 0 10px 2px;
   text-align:center;
}

.sr_mrg{margin-left:210px;}
.sr_mrg01{margin-left:190px;}
.sr_bl{
   font-weight:bold;
}