@charset "utf-8";

@import url(style-vega/import.css);

/*----------------------------------------------------------------------
common
----------------------------------------------------------------------*/

.wrap{
 text-align: center;
}

.hidden{
 display: none;
}

.t-left{
 text-align: left;
}

h4{
 font-size: 12pt;
 color: #004d25;
 border-bottom: 1px dashed #00984f;
}

.noborder{
 border-style: none;
}

.greeting{
 margin: 0 auto;
 margin-top: 20px;
 background-color: #f0f6da;
 padding: 20px;
 font-weight: bold;
 font-size: 10.5pt;
 width: 800px;
}

.greeting li{
 background-color: #ffffff;
 width: 500px;
 margin: 5px 0;
 padding: 2px 0 2px 5px;
 color: #006400;
}

.greeting-sub{
 margin: 0 auto;
 margin-top: 20px;
 font-size: 10pt;
 width: 800px;
 border: 1px solid #00984f;
 padding: 10px;
}

.text-small{
 font-size: 9pt;
 margin: 0 0 0 60px;
}

.p_center{
 text-align: center;
}

.bigger{
 font-size: 12pt;
 font-weight: bold;
}

ul.checklist{
 list-style-type: none;
 height: 35px;
}

ul.checklist li{
 float: left;
 font-weight: bold;
 margin: 0 10px;
 font-size: 12pt;
}

ul.checklist-text{
 margin: 0;
 padding: 0 0 1px 0;
}

.top30{
 margin: 30px 0 0 0;
}

.block{
 margin: 0 20px;
}

.block p{
 padding: 0 15px;
}

.orange{
 color: #ff4500;
}

.font_red{
 color: #ff0000;
}

.font12{
 font-size: 12pt;
}

ul.nodott{
 list-style-type: none;
}

.top_lastborder{
 border-style: none;
}

.img_side li{
 float: left;
 list-style-type: none;
 padding: 0 20px 0 0;
 height: 200px;
}

.text-center{
 text-align: center;
}

.clearboth{
 clear: both;
}

.textTable{
 margin: 10px auto;
 width: 800px;
}

.inner_textTable{
 border-bottom: 1px solid #00984f;
 margin: 0 0 10px 0;
 height: 100px;
}

.textTable_l{
 float: left;
 width: 150px;
 text-align: center;
 margin: 15px 0 0 0;
 padding: 20px 0;
 background-color: #00984f;
 font-weight: bold;
 font-size: 10.5pt;
 color: #ffffff;
}

.textTable_l a{
 text-decoration: none;
}

.textTable_l a:link{
 color: #ffffff;
}

.textTable_l a:visited{
 color: #ffffff;
}

.textTable_l a:hover{
 color: #d3d15d;
}

.textTable_r{
 float: right;
 width: 600px;
 padding: 10px 0;
}

.textTable_r-2{
 float: right;
 width: 600px;
 padding: 0;
}

.flow_wrap{
 width: 550px;
 height: 200px;
 margin: 10px 0 10px 30px
}

div.flow{
 width: 900px;
 height: 75px;
}

.flow_wrap p{
 margin: 10px 0 10px 80px;
 font-size: 15pt;
 color: #e17b34;
}

div.flow .flow_title{
 float: left;
 width: 70px;
 height: 50px;
 font-size: 12pt;
 font-weight: bold;
 background-color: #e17b34;
 color: #fff;
 padding: 25px 0 0 0;
 text-align: center;
}

div.flow .flow_text{
 float: right;
 width: 770px;
 height: 73px;
 padding: 15px 0 0 5px;
 border: 1px solid #e17b34;
 font-size: 11pt;
}

.font_bold{
 font-weight: bold;
}

.float_right{
 float: right;
}

.float_right img{
 margin: 10px 0 10px 15px;
}

.float_left{
 float: left;
}

.float_right img{
 margin: 10px 15px 10px 0;
}

h3#excimer_notice{
 margin: 30px 0 15px 0;
}

/*----------------------------------------------------------------------
table
----------------------------------------------------------------------*/

.td_left{
 padding: 0 0 0 20px;
}

.td_right{
 text-align: right;
 padding: 0 20px 0 ;
}

table#tbl_excimer{
 margin: 10px auto;
 width: 800px;
 text-align: center;
 border-collapse: collapse;]
 border: 1px solid #B8D200;
}

table#tbl_excimer th{
 border: 1px solid #B8D200;
}

table#tbl_excimer #excimer_name{
 width: 100px;
}

table#tbl_excimer #excimer_img01,
table#tbl_excimer #excimer_img02{
 width: 300px;
 padding: 10px 0;
}

table#tbl_excimer #excimer_arrow{
 width: 60px;
}



/*----------------------------------------------------------------------
general
----------------------------------------------------------------------*/



/*----------------------------------------------------------------------
nail
----------------------------------------------------------------------*/

#maki-cause{
 width: 880px;
 height: 220px;
 list-style-type: none;
 margin: 0 auto;
 padding: 0 0 20px 0;
}

#maki-cause li{
 float: left;
 margin: 0 5px 0 0;
 width: 165px;
 border: 1px solid #00984f;
}

#maki-cause p{
 height: 140px;
 text-align: left;
}

#maki-cause h4{
 background-color: #00984f;
 text-align: center;
 color: #ffffff;
 font-weight: bold;
 height: 2em;
 padding: 5px 0 0 0;
 margin: 10px 0;
}

table#price_maki{
 width: 350px;
 margin-left: 50px;
}

table#price_maki td{
 padding: 5px;
}


/*----------------------------------------------------------------------
facial
----------------------------------------------------------------------*/

#p-facial{
 list-style-type: none;
 height: 340px;
}

#p-facial{
}

#p-facial li{
 float: left;
 width: 250px;
 padding: 0 40px 0 0;
}

table#price_pf{
 width: 400px;
 margin-left: 50px;
}

table#price_pf td{
 padding: 5px;
}

#depilation{
 width: 850px;
 margin: 1em 10px;
}

#depilation-l{
 float: left;
 width: 550px;
 padding: 40px 0 0 10px;
}

#depilation-r{
 float: right;
 width: 250px;
}

table#price_de{
 width: 400px;
 margin-left: 50px;
}

table#price_de td{
 padding: 5px;
}


/*----------------------------------------------------------------------
peeling
----------------------------------------------------------------------*/

#peeling{
 width: 800px;
 margin: 1em 10px;
 height: 350px;
}

#peeling-l{
 float: left;
 width: 550px;
 padding: 0 10px;
}

.peeling-l-l{
 float: left;
 font-size: 15pt;
 text-align: center;
 padding: 20px 0 0 0;
}

.peeling-l-r{
 float: right;
 width: 520px;
}

#peeling-r{
 float: right;
 padding: 5px 0;
 width: 180px;
 margin: 30px 0 0 15px;
}

#peeling h4{
 border-bottom: 1px solid #000000;
}

#peeling_method{
 width: 940px;
}

#p_method_l{
 float: left;
 width: 450px;
 padding: 5px;
 margin: 0 0 15px 0;
}

#p_method_r{
 float: right;
 width: 450px;
 padding: 5px;
 margin: 0 0 15px 0;
}

table#price_cp{
 width: 700px;
 margin-left: 50px;
}

table#price_cp td{
 padding: 5px;
}


/*----------------------------------------------------------------------
cosme
----------------------------------------------------------------------*/

#price_p{
 width: 350px;
 margin-left: 50px;
}

.cosme_hot_inner{
 width: 950px;
 height: 800px;
}

.cosme_hot_inner_s{
 width: 950px;
 height: 600px;
}

.cosme_hot_l,
.conme_hot_inner_s .cosme_hot_l{
 float: left;
 width: 200px;
 text-align: center;
 padding: 50px 0 0 0;
}


.cosme_hot_r,
.conme_hot_inner_s .cosme_hot_r{
 float: right;
 width: 700px;
 margin: 0 0 0 10px;
}

.cosme_list{
 width: 900px;
 height: 210px;
 margin: 1em 10px;
}

.cosme{
 width: 450px;
}

.l-cosme{
 width: 450px;
 float: left;
}

.r-cosme{
 width: 450px;
 float: right;
}

.cosme-l{
 float: left;
 width: 120px;
 text-align: center;
}

.cosme-r{
 float: right;
 width: 300px;
}

.cosme_list h4{
 border-bottom: 1px solid #000000; 
}

.cosme h4{
 border-bottom: 1px solid #000000; 
}

/*----------------------------------------------------------------------
aga
----------------------------------------------------------------------*/

.aga_top_l{
 float: left;
 width: 600px;
 padding: 20px 0 0 10px;
}

.aga_top_r{
 float: right;
 width: 300px;
}

.aga_top{
 height: 200px;
}

.aga_top2{
 height: 260px;
}

#aga-cause{
 width: 880px;
 height: 220px;
 list-style-type: none;
 margin: 0 auto;
 padding: 0 0 20px 0;
}

#aga-cause li{
 float: left;
 margin: 0 5px 0 0;
 width: 137px;
 border: 1px solid #00984f;
}

#aga-cause p{
 height: 140px;
 text-align: left;
}

#aga-cause h4{
 background-color: #00984f;
 text-align: center;
 color: #ffffff;
 font-weight: bold;
 font-size: 11pt;
 height: 2em;
 padding: 5px 0 0 0;
 margin: 10px 0;
}

.aga_l{
 float: left;
 width: 450px;
}

.aga_r{
 float: right;
 width: 450px;
 padding: 50px 0 0 0;
}

#pro_effect01{
 height: 300px;
}

#pro_effect02{
 height: 450px;
}

/*----------------------------------------------------------------------
access
----------------------------------------------------------------------*/

#schedule{
 width: 500px;
 margin-left: 50px;
 text-align: center;
 font-size: 10.5pt;
}

#route{
 width: 940px;
 height: 1040px;
}

#route_l{
 float: left;
 width: 300px;
}

#route_l ul{
 list-style-type: none;
 width: 250px;
}

#route_l li{
 padding: 10px 0;
 width: 250px;
 height: 188px
}

#route_r{
 float: right;
 width: 600px;
 padding: 0 20px;
}

#route_r ol{
 height: 1040px;
}

#route_r li{
 height: 178px;
 padding: 30px 0 0 0;
}

/*----------------------------------------------------------------------
footer
----------------------------------------------------------------------*/

#footer_linkbar{
 width: 980px;
 padding: 10px;
 background-color: #ffffff;
 text-align: left;
}

#footer_linkbar ul{
 list-style-type: none;
}

#footer_linkbar li{
 display: inline;
}

/*----------------------------------------------------------------------
campaign_area
----------------------------------------------------------------------*/

#campaign_area{
 background-color: #fff9f4;
 border: 1px solid #ff6600;
 padding: 10px;
}

#campaign_area h2{
 font-weight: bold;
 font-size: 12pt;
 color: #ff0000;
 border: none;
 margin: 5px 0;
}

table#campaign{
 margin: 0 0 0 60px;
}

table#campaign th{
 text-align: center;
}

table#campaign td{
 text-align: right;
}


.attention{
 font-weight: bold;
 color: #ff0000;
}

#news_area{
 width: 80%;
 margin: 20px auto;
 padding: 5px;
 background-color: #fef4f4;
 border: 2px solid #ff0000;
 font-size: 12pt;
 text-align: center;
}

#news_area p{
 margin: 5px 0;
}

.font12{
 font-size: 13pt;
}

/* camp20110425 */

div#camp_area{
 margin: 15px auto 0;
 padding: 10px;
 text-align: center;
 border: 1px solid #009944;
 font-size: 11pt;
 color: #004d25;
}

div#camp_area img{
 margin-bottom: 10px;
}

table.camp_price{
 margin: 0 auto;
}

table.camp_price td{
 text-align: right;
}

table.camp_price td.camp_area{
 font-size: 12pt;
 color: #ff0000;
 font-weight: bold;
}

table#camp_peeling01{
 margin-top: 25px;
}

div.notice_news{
 margin: 15px auto;
 padding: 5px;
 font-size: 14pt;
 color: #ff0000;
 border: 2px solid #ff0000;
 font-weight: bold;
 text-align: center;
}