html {background-color: white; background-image: url("images/watermark.gif");  background-repeat: no-repeat; }
body {color:#333; margin:0px; padding:0px;font-size:13px; font-family:MS P Gothic,"ＭＳ Ｐゴシック",sans-serif; line-height:1.5; min-width: 900px; }
a {color:#333; text-decoration:none; font-size:13px; }
a:hover {color:#85888b; text-decoration:underline;}
a:hover img{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}
H1 {font-size:22px; color:#999;}
H2 {font-size:20px;}
H3 {font-size:18px;}
H4 {font-size:16px;}
H5 {font-size:14px;}
H6 {font-size:12px; font-weight:bold;}
p	{margin:5px 0;}
tr td {padding:5px;}
th {text-align:right;  padding-left:20px;}
td {font-weight:bold; font-size: 15px;}
ul li {padding-left:5px; list-style-position: outside; list-style-image: url("images/bullet.gif"); line-height: 180%;} 
.sText {font-size:90%; font-weight:normal;}


.contents {width: 760px; padding: 0 20px; margin: auto;}
.center {width: 570px; padding: 0 20px; margin: auto; }

#header {height:70px; text-align: right; padding-top: 45px;}
#logo {float:left; margin:0 0px; padding-left:10px;}
#item {border-left:1px solid gray; float:right; margin:0 10px; padding-left:10px; cursor:pointer;}
#productInfo {}
.productImg { float: left; padding-top:0px;}
#about {padding:15px 0;}
#list {padding: 0px 0 20px 40px;}
#ingredients {margin:10px 0px 20px 0px; }
#howtoUse {margin:10px 0px 20px 0px;}
#product {margin:10px 0px 20px 0px; }
#ingredients h6 {margin-top: 10px;}

.desc {width:520px;  margin:30px 0 20px 200px;} /*each product's info and desc*/
.purchase {margin:40px 0px 50px 0px; -moz-border-radius:7px; -webkit-border-radius:7px;  background-color:#eee;}
.purchase h5 {padding:7px 0 0px 20px;}
.purchase img {float:right;  padding-right: 20px; margin-top:-20px;}

#handling a  { font-size:12px; color:#777; float: left; padding-left:18px;}
#handling a:hover { font-size:12px; color:red; padding-left:18px; }


#cleanser_Dry {background-image:url(images/mush.jpg); background-repeat: no-repeat; background-position:100% 50%; }
#cleanser_Oily {background-image:url(images/coconut.jpg); background-repeat: no-repeat; background-position:100% 47%; }
#lab {background-image:url(images/lab.jpg); background-repeat: no-repeat; background-position:80% 90%; }
#cleanser_combo {background-image:url(images/apple.jpg); background-repeat: no-repeat; background-position:100% 53%;}
#renewPm_Oily {background-image:url(images/sunflower.jpg); background-repeat: no-repeat; background-position:100% 55%;}
#renewPm_Dry {background-image:url(images/pistacio.jpg); background-repeat: no-repeat; background-position:100% 65%;}
#retention {background-image:url(images/bananaflower.jpg); background-repeat: no-repeat; background-position:100% 63%; }
#brightningC {background-image:url(images/orange.jpg); background-repeat: no-repeat; background-position:100% 30%; }
#protectAm_Dry {background-image:url(images/avocado.jpg); background-repeat: no-repeat; background-position:100% 75%; }
#protectAm_Combo {background-image:url(images/walnuts.jpg); background-repeat: no-repeat; background-position:100% 73%; }
#protectAm_Oily  {background-image:url(images/aloe.jpg); background-repeat: no-repeat; background-position:100% 73%; }
#dualaction {background-image:url(images/alfalfa.jpg); background-repeat: no-repeat; background-position:100% 73%; }
#scrub {background-image:url(images/olive.jpg); background-repeat: no-repeat; background-position:100% 50%; }
#biomist {background-image:url(images/asparagus.jpg); background-repeat: no-repeat; background-position:100% 50%; }
#remover {background-image:url(images/corn.jpg); background-repeat: no-repeat; background-position:100% 57%; }
#wrinkleGarde {background-image:url(images/rosehips.jpg); background-repeat: no-repeat; background-position:100% 30%; }
#skinBrightner {background-image:url(images/gooseberry.jpg); background-repeat: no-repeat; background-position:100% 53%; }
#lightning {background-image:url(images/tealeaf.jpg); background-repeat: no-repeat; background-position:100% 57%; }


.bigsection {border-top: 1px solid #bbb; padding-bottom:0px; padding-top: 20px;overflow: hidden;}
.bigsection tr td {padding:3px; }
.bigsection th {font-size: 11px;}
.bigsection td {font-size: 13px;}
#stepsTop {margin-top:-60px; overflow:hidden;}
#stepnameD {margin-top:0px;background: url(images/stepnameDry.gif); background-repeat: no-repeat; height:30px; width:145px;}
#step1D {background: url(images/step1Dry.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step2D {background: url(images/step2Dry.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step3D {background: url(images/step3Dry.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step4D {background: url(images/step4Dry.gif); background-repeat: no-repeat; height:75px; width:145px;}
#stepnameC {margin-top:0px;background: url(images/stepnameCombo.gif); background-repeat: no-repeat; height:30px; width:145px;}
#step1C {background: url(images/step1Combo.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step2C {background: url(images/step2Combo.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step3C {background: url(images/step3Combo.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step4C {background: url(images/step4Combo.gif); background-repeat: no-repeat; height:75px; width:145px;}
#stepnameO {margin-top:0px;background: url(images/stepnameOily.gif); background-repeat: no-repeat; height:30px; width:145px;}
#step1O {background: url(images/step1Oily.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step2O {background: url(images/step2Oily.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step3O {background: url(images/step3Oily.gif); background-repeat: no-repeat; height:75px; width:145px;}
#step4O {background: url(images/step4Oily.gif); background-repeat: no-repeat; height:75px; width:145px;}
#steps {width:520px;  margin:30px 0 20px 200px; border:0px solid green; } 
.combo a:hover {color:#628091; text-decoration:none;}
#dry a:hover {color:#95707d; text-decoration:none;}
.oily a:hover {color:#7b8a73; text-decoration:none;}
.more {text-align:right; font-size: 12px;}
.headSection {margin-top: -33px; width:590px; float:left; margin-left:170px;}
.section {padding-bottom: 10px; width:590px; float:right;}
.thumb {float:right; width:80px;}

#brandTop {background-image:url(images/topTTlogo.gif); background-position:50% 5%; min-width:880px;}
#selectTop { margin-top:240px; margin-bottom:120px; border:0px solid red; overflow:hidden; }
#Cosmetics {border:0px solid orange; margin-right:50px; margin-left:22px; width: 300px; height:160px; background-repeat: no-repeat;}
#Skincare {border:0px solid green; margin-left:50px; margin-right:22px;　width: 300px; height:160px; background-repeat: no-repeat;}
.select {float:left; }

#seminarInfo {margin:auto; padding-bottom:30px;}
#seminarInfo h4 {color:#969696;}
#seminarSchedule {margin:10px 0px;}
#seminarSchedule tr{border:1px solid #ffffff;}
#seminarSchedule tr td {font-weight:normal; font-size:14px; background-color:#f3f3f3;}
.seminarContents {width: 600px;  margin: auto;}


#reason {padding: 20px 0;  } 
#reason h4 {margin:15px 0 10px 0px;}
.NWmark {float:left; padding:7px 15px 40px 0;}

#movie {text-align: center; padding: 30px 0;}

#message {color:#666; font-size: 18px; padding-top:10px; padding-bottom: 20px;}



#lineup { padding: 80px 0; height:430px; }
#Limg {text-align: center;}
#lineup img {float:left bottom;}
#linupset  {padding-left:60px; }
#linupset div {float:left; padding-top:20px; }
#linupset ul li{list-style-image:none; text-align:left; padding-left:0px;}
#dryset {width:125px; }
#comboset {width:160px;}
#oilyset {width:125px; }
#targetset {width:270px;}
.memo {font-size:10px;}
#ball {margin-left:0px; padding-top: 10px;}


#skinTest {padding: 20px 0;  }
 .cb { position: absolute; top: 32px; left: 50px; display: none; }
.question {float:left; padding-right:10px; width:160px;}
.qImg {padding: 5px 0;}
.qbox {position: relative; float:left; padding:0 11px;}
.qboxLast {float:left; padding-left: 11px; position: relative; }
#result {overflow:hidden;}
.resultFirst {float:left; padding-right: 6px;}
.resultMiddle {float:left; padding: 0 6px;}
.resultLast {float:left; padding-left: 6px;}

#resultDry { background: url(images/resultDryG.gif); }
#resultCombo { background: url(images/resultComboG.gif); }
#resultOily { background: url(images/resultOilyG.gif); }
#resultDry.selected { background: url(images/resultDry.gif); }
#resultCombo.selected { background: url(images/resultCombo.gif); }
#resultOily.selected { background: url(images/resultOily.gif); }
.results { width: 180px; height: 190px; display: block; }


#footer {border-top:1px solid gray; }
#nwlogoTop {text-align: center; margin-top:20px;margin-right: 20px;}
#nwLink {display:inline; margin:0px 10px;}
#nwLink a {display:inline; margin:0px 10px; font-size:11px;}
#copyrightTop {text-align: center; margin:5px 0px 10px 0; font-size:10px;}
#nwlogo {text-align: right; margin-top:10px;margin-right: 20px;}
#copyright {text-align: right; margin:5px 0px 10px 0; font-size:10px;}