@charset "utf-8";
/* CSS Document */

body {
padding:0;
margin:0;
background:url(img_lady/bgr.jpg) no-repeat top center #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#851049;
/*text-align:justify;*/
}

img {
border:none;
}

a {
color:#bf0a70;
text-decoration:underline;
}

a:hover {
color:#bf0a70;
text-decoration:none;
}

.butterfly1 div {
position:absolute;
margin-left:-65px;
margin-top:30px;
}

.body {
padding:0;
margin:0 auto;
width:1040px;
}

#header {
padding:0;
margin:0;
width:1040px;
height:115px;
float:left;
}

#logo {
padding:18px 0 0 0;
margin:0;
width:200px;
float:left;
}

.slogan {
padding:40px 0 0 0;
margin:0;
width:840px;
float:left;
text-align:right;
}

#menu {
padding:25px 0 0 20px;
margin:0 0 0 460px;
width:560px;
height:39px;
float:left;
background:url(img_lady/menu.png) no-repeat top right;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
}

#menu a {
background: url(img_lady/drop-white.gif) no-repeat center left;
color:#ffffff;
text-decoration:none;
padding:0 10px 0 13px;
}

#menu a.active, #menu a:hover {
background: url(img_lady/drop-pink.gif) no-repeat center left;
color:#bf0a70;
text-decoration:none;
padding:0 10px 0 13px;
}

#content {
padding:0 0 40px 0;
margin:0;
width:1040px;
float:left;
min-height:520px;
}

#left {
padding:0;
margin:0;
width:460px;
float:left;
}

#page {
padding:0;
margin:0;
width:580px;
float:left;
}

.path {
padding:0 0 30px 0;
margin:0;
width:580px;
float:left;
font-size:11px;
color:#465a8e;
}

.path a {
color:#465a8e;
text-decoration:none;
}

.path a:hover {
color:#465a8e;
text-decoration:underline;
}

h1 {
padding:0;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:30px;
font-weight:normal;
color:#dc1183;
}

#page p {
padding:15px 0 0 0;
margin:0;
line-height:21px;
}

#page ul {
padding:0;
margin:0;
line-height:21px;
}

#page ul li {
padding:0;
margin:0;
list-style-image:url(img_lady/drop-bullet.png);
list-style-position:inside;
}

a.button {
display:block;
background:url(img_lady/button.gif) no-repeat top left;
width:200px;
height:65px;
float:right;
margin-top:70px;
padding:0 0 0 60px;
font-size:16px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, sans-serif;
line-height:63px;
color:#ffffff;
text-decoration:none;
text-shadow: 0px 0px 3px #a9386b;
}

#footer-all {
padding:0;
margin:0;
width:100%;
height:180px;
background:url(img_lady/footer-all.gif) repeat-x top left;
clear:both;
}

#footer-all2 {
padding:0;
margin:0;
width:100%;
height:180px;
background:url(img_lady/footer.jpg) repeat-x top center;
clear:both;
}

.choose-lng {
padding:38px 0 0 0;
margin:0;
width:480px;
float:left;
}

.main-menu {
padding:46px 0 0 0;
margin:0;
width:560px;
float:left;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-family:13px;
text-align:right;
}

.main-menu a {
color:#2b4a9a;
text-decoration:none;
background:url(img_lady/butterfly-bullet.png) no-repeat center left;
padding:0 0 0 20px;
margin-left:10px;
}

.main-menu a.first {
color:#2b4a9a;
text-decoration:none;
background:none;
padding:0;
margin-left:0px;
}

.main-menu a:hover {
color:#2b4a9a;
text-decoration:underline;
}

.lng {
width: auto;
height:29px;
float:left;
padding:2px 0;
margin:0;
background:#f26aa7;
}

.choose {
padding:0 0 0 10px;
margin:0;
min-width:100px;
float:left;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
color:#f9b9d6;
line-height:28px;
}

.dropdown {
float:left;
width:30px;
padding:0;
margin:0;
}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited {text-decoration:none; outline:none;}
.dropdown dt a:hover { color:#f169a7;}
.dropdown dt a {background: url(img_lady/lng.gif) no-repeat top left; display:block;width:30px; font-size:14px; font-weight:bold; font-family:"Trebuchet MS", Arial, sans-serif; color:#f169a7;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:#f799c3; color:#fbd7e7; display:none; right:0px; padding:5px 0px; position:absolute; bottom:26px; width:auto; min-width:140px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block; color:#fbd7e7; }
.dropdown dd ul li a:hover { color:#fbd7e7; }
.dropdown img.flag { border:none; vertical-align:middle; margin-right:10px; }

a.fb {
float:left;
margin-left:10px;
margin-top:1px;
}

#footer {
padding:10px 0 0 0;
margin:0 auto;
width:1040px;
clear:both;
font-size:11px;
color:#d82c79;
}

#footer a {
color:#d82c79;
text-decoration:none;
}

#footer a:hover {
color:#d82c79;
text-decoration:underline;
}

.copy {
padding:0;
margin:0;
width:540px;
float:left;
}

.abc {
padding:0;
margin:0;
width:500px;
float:left;
text-align:right;
}

.pink-kare {
float:left;
margin:45px 0 0 0;
padding:25px 20px;
width:540px;
background-color: rgba(246, 223, 235, 0.7);
background:url(img_lady/pink-kare.png) repeat\0/;
*background:url(img_lady/pink-kare.png) repeat;
-webkit-border-radius:7px;
border-radius: 7px;
font-family:Arial, Helvetica, sans-serif;
}

#page .pink-kare p {
padding:0;
margin:0;
}

.drop div {
position:absolute;
margin:-55px 0 0 -25px;
}

.empty {
padding:0;
margin:0;
min-height:703px;
width:580px;
float:left;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

#page .empty p {
padding:0;
margin:0;
line-height:18px;
}

.advice1 div {
position:absolute;
margin:0 0 0 -110px;
width:276px;
height:185px;
background:url(img_lady/advice1.png) no-repeat top left;
padding:115px 30px 0 30px;
}

.advice2 div {
position:absolute;
margin:0 0 0 250px;
width:270px;
height:200px;
background:url(img_lady/advice3.png) no-repeat top left;
padding:183px 30px 0 30px;
}

.advice3 div {
position:absolute;
margin:385px 0 0 -475px;
width:270px;
height:185px;
background:url(img_lady/advice2.png) no-repeat top left;
padding:115px 30px 0 30px;
}

.advice4 div {
position:absolute;
margin:330px 0 0 -110px;
width:276px;
height:185px;
background:url(img_lady/advice1.png) no-repeat top left;
padding:115px 30px 0 30px;
}

.advice5 div {
position:absolute;
margin:385px 0 0 250px;
width:276px;
height:185px;
background:url(img_lady/advice2.png) no-repeat top left;
padding:115px 30px 0 30px;
}

.girl div {
position:absolute;
margin:-150px 0 0 200px;
}

.row {
padding:0 0 15px 0;
margin:0;
width:1040px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.row p {
padding:0;
margin:0;
line-height:21px;
}

.step1 {
padding:110px 20px 0 160px;
margin:0;
width:255px;
height:98px;
float:left;
background:url(img_lady/step1.png) no-repeat top left;
}

.step2 {
padding:110px 20px 0 160px;
margin:0 0 0 80px;
width:290px;
height:82px;
float:left;
background:url(img_lady/step2.png) no-repeat top left;
}

.tampon div {
position:absolute;
margin-left:180px;
}

.step3 {
padding:120px 20px 0 160px;
margin:0;
width:255px;
height:126px;
float:left;
background:url(img_lady/step3.png) no-repeat top left;
}

.step4 {
padding:120px 20px 0 160px;
margin:0 0 0 80px;
width:290px;
height:108px;
float:left;
background:url(img_lady/step4.png) no-repeat top left;
}

.step5 {
padding:55px 20px 0 160px;
margin:0;
width:255px;
height:141px;
float:left;
background:url(img_lady/step5.png) no-repeat top left;
}

.step5_en {
padding:55px 20px 0 160px;
margin:0;
width:255px;
height:141px;
float:left;
background:url(img_lady/step5_en.png) no-repeat top left;
}

.step6 {
padding:55px 20px 0 160px;
margin:0 0 0 80px;
width:290px;
height:149px;
float:left;
background:url(img_lady/step6.png) no-repeat top left;
}

.butterfly2 div {
position:absolute;
margin:20px 0 0 920px;
}

.butterfly3 div {
position:absolute;
margin:-50px 0 0 420px;
}

.columns {
padding:0;
margin:0;
width:580px;
float:left;
}

.columns a {
display:block;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
text-align:center;
text-decoration:none;
}

.columns a:hover {
text-decoration:underline;
}

.col1 {
padding:115px 0 0 0;
margin:0;
width:180px;
float:left;
}

.col2 {
padding:0 0 0 0;
margin:0;
width:220px;
float:left;
}

a.mini, a:hover.mini {
color:#ec7e1d;
}

a.superplus, a:hover.superplus {
color:#963c92;
}

a.super, a:hover.super {
color:#ec008c;
}

a.normal, a:hover.normal {
color:#00a5e6;
margin-top:60px;
}

.superplus-div {
padding:40px 0 0 0;
margin:0;
width:580px;
float:left;
background:url(img_lady/bgr-superplus.png) no-repeat top left;
}

.superplus-div h2 {
padding:0;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#963c92;
}

#page .superplus-div p {
padding:0;
margin:0;
line-height:15px;
}

#page h3 {
padding:0;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#b3116f;
}

.mini-div {
padding:40px 0 0 0;
margin:0;
width:580px;
float:left;
background:url(img_lady/bgr-mini.png) no-repeat top left;
min-height:310px;
}

.mini-div h2 {
padding:0;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#f17f1f;
}

#page .mini-div p {
padding:0;
margin:0;
line-height:15px;
}

.mini-div .col-mini {
padding:0;
margin:0;
width:210px;
float:left;
}

.mini-div .first {
padding:0 160px 0 0;
}

.normal-div {
padding:40px 0 0 0;
margin:0;
width:580px;
float:left;
background:url(img_lady/bgr-normal.png) no-repeat top left;
}

.normal-div h2 {
padding:0;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#00a5e6;
}

#page .normal-div p {
padding:0;
margin:0;
line-height:15px;
}

.normal-div .col-mini {
padding:0;
margin:0;
width:200px;
float:left;
}

.normal-div .first {
width:160px;
}

.normal-div .second {
padding-top:120px;
}

.super-div {
padding:40px 0 0 0;
margin:0;
width:580px;
float:left;
background:url(img_lady/bgr-normal.png) no-repeat top left;
}

.super-div h2 {
padding:0;
margin:0;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#e3168e;
}

#page .super-div p {
padding:0;
margin:0;
line-height:15px;
}

.super-div .col-mini {
padding:0;
margin:0;
width:200px;
float:left;
}

.super-div .first {
width:160px;
}

.super-div .second {
padding-top:120px;
}