@charset "utf-8";

h3.itemTitle {
margin-bottom:20px;
}

#content h4.clearer{
display:none;
}

div.sectionwrapper{
width:740px;
background:url(../campaign/images/shower/bg_section.jpg) repeat;
padding:10px 0;
}

div.section{
width:720px;
margin:0 10px;
background:#FFF;
}

p.navi{
width:710px;
text-align:right;
margin:5px 0 20px 0;
}


div.section dl dt.ttl{
margin:0;
width:242px;
float:left;
}

div.section dl dd.infomation{
width:420px;
float:left;
margin-left:30px;
margin-bottom:10px;
line-height:1.3
}

div.section dl dd.infomation dl{
margin:15px 0 0 0;
}

div.section dl dd.infomation dl dt{
padding-bottom:10px;
}

div.section dl dd.image{
clear:both;
padding:10px 0 0 0;
text-align:center;
}

div.block {
width:560px;
}

div.block  p.navi{
width:560px;
}

div.block dl{
margin:0 0 0 24px;
}

div.block dl dd{
color:#FFFFFF;
}


/*showerclean*/
div.showerclean ul {
width:700px;
margin:0 auto;
background:url(../campaign/images/shower/bg_showerimg.jpg) repeat-y left bottom;
}

div.showerclean ul li{
float:left;
display:inline;
line-height:0;
}

div.showerclean ul li dl dd{
text-align:center;
}

/*can*/
div.can{
width:670px;
clear:both;
margin:0 auto 10px auto;
padding:15px;
background:url(../campaign/images/shower/bg_can.jpg) no-repeat left top;
}

div.can ul{
width:640px;
margin:15px auto 0 auto;
background:none;
}

div.can ul li{
padding:10px 0 0 0;
}


div.can p.atten{
font-size:92%;
width:662px;
margin:0 auto 10px auto;
padding:10px 0 0 0;
clear:both;
color:#FFF;
}


/*costcut*/
div.costcut{
width:700px;
background:url(../campaign/images/shower/bg_lady.jpg) top right no-repeat;
padding:15px 0 15px 0;
margin:0 auto;
}


div.economy{
background:url(../campaign/images/shower/bg_economy.gif) no-repeat left top;
padding-bottom:15px;
}

div.beauty{
background:url(../campaign/images/shower/bg_beauty.gif) no-repeat left top;

}

div.costcut div.block div.economy dl dd{
width:306px;
padding:0 0 10px 7px;
}

div.costcut div.beauty {
padding-bottom:35px;
}

div.costcut div.beauty dl dd{
width:300px;
padding:15px 0 0 10px;
}


/*clean*/
div.clean{
background:url(../campaign/images/shower/bg_men.jpg) no-repeat top left;
padding-bottom:90px;
width:700px;
margin:0 auto;
}

div.clean div.block{
width:560px;
margin-left:140px;
}

div.quick {
background:url(../campaign/images/shower/bg_fast.gif) no-repeat left top;
padding:0 0 30px 0;
}

div.quick dl{
width:386px;
}

div.quick dl dd{
width:400px;
padding:20px 0 0 10px;
}

div.dirty {
background:url(../campaign/images/shower/bg_kind.gif) no-repeat left top;
padding-bottom:20px;
}

div.dirty dl{
width:509px;
}

div.dirty dl dd{
padding:10px 0 ;
}

div.dirty dl dd ul{
margin-left:1px;
}

div.dirty dl ul li{
float:left;
}


/*tvcm*/
div.cm {
padding-bottom:15px;
}

div.cm h4{
width:130px;
padding:15px 20px;
}

div.cm dl.wmp{
width:666px;
border:2px solid #ccc;
margin:0 auto;
padding:10px;
background:none;
}

div.cm dl.wmp dt{
width:100px;
float:left;
background:none;
padding:5px 0 0 10px;
}

div.cm dl.wmp dd{
padding-left:100px;
background:none;
padding:0;
}


div.cm dl{
width:690px;
clear:both;
margin:0 auto 10px auto;
background:url(../campaign/images/shower/bg_cm_dl.gif) no-repeat left bottom;
padding:0 0 20px 0;
}

div.cm dl dt{
font-size:134%;
color:#063090;
padding:15px 0 0 20px;
font-weight:bold;
background:url(../campaign/images/shower/bg_cm_dt.gif) no-repeat left top;
}


div.cm dl dd{
widows:690px;
padding:10px 0 5px 0;
background:url(../campaign/images/shower/bg_cm_dd.gif) repeat-y left top;
}

div.cm dl dd dl {
width:650px;
margin:0 auto 0 auto;
padding-bottom:0;
background:none;
}

div.cm dl dd dl dt.photo{
width:190px;
background:url(../campaign/images/shower/bg_tv.gif) no-repeat left top;
padding:5px;
display:block;
float:left;
}

div.cm dl dd dl dd ul.cmbtn li{
float:left;
}
 
div.cm dl dd dl dd img{
margin:10px 0 0 20px;
}

div.cm dl dd dl dd.text{
width:427px;
padding:5px 0 0 20px;
float:left;
background:none;
}


div.goproduct{
width:740px;
height:70px;
margin:20px auto;
background:url(../campaign/images/shower/bg_footerlink.jpg) no-repeat left top;
}

div.goproduct ul{
width:600px;
margin:0 0 0 130px;
}

div.goproduct ul li{
float:left;
padding-top:10px;
padding-left:15px;
}

div.goproduct ul li.ftlink{
padding-top:23px;
}
