@charset "utf-8";

#products {
	margin: 20px 40px;
	list-style-type: none;
}

#products li {
	margin: 10px 0 20px;
	padding: 0px 0px 0px 150px;
	border-bottom: 1px solid #afafaf;
	background-repeat: no-repeat;
	background-position: left top;
	height : 140px;
}

#products li a {
	font-weight: 700;
	margin-bottom: 6px;
	display: block;
	text-decoration: none;
}

#p1 {
	background-image: url(../img/wet1.jpg);
}

#p2 {
	background-image: url(../img/wet2.gif);
}

#p3 {
	background-image: url(../img/wet3.jpg);
}

.dl01 {
	margin: 5px;
}

.dl01 dt {
	font-weight: 700;
	background-color: #f2f2f2;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
}

.dl01 dd {
	padding: 10px;
	border: solid 1px #afafaf;
	margin-bottom: 10px;
}

.use {
	font-weight: 400;
	margin-top: 6px;
	display: block;
	background-image: url(../img/ya01.gif);
	background-repeat: no-repeat;
	background-position: left top 3px;
	padding-left: 24px;
}

#deo-wet {
	margin-top: 20px;
	list-style-type: none;
}

#deo-wet li {
	margin: 20px 0 10px;
}

#deo-wet li div {
	font-weight: 700;
	background-image: url(../img/back-wet1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	line-height: 40px;
	color: #0062c4;
}

#point {
	padding: 10px;
	border: 1px solid #afafaf;
	list-style-position: outside;
	background-color: #f2f2f2;
	list-style-type: none;
	letter-spacing: 1px;
}

#point li {
	margin-bottom: 6px;
	background-image: url(../img/reten-b.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 22px;
}

#rei {
	border: 1px solid #afafaf;
	margin: 20px 0;
}

#rei dt {
	background-color: #f2f2f2;
	padding: 4px 0 4px 10px;
	margin-bottom: 6px;
	font-weight: 700;
	border-bottom: 1px solid #afafaf;
}

#rei dd {
	margin-bottom: 0.1ex;
	font-size: 90%;
	padding:0 10px;
}

#tenken {
	margin: 20px 20px 20px 120px;
}

#tenken dt {
	font-weight: 700;
	background-image: url(../img/reten02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	margin-bottom: 6px;
}

#tenken dd {
	margin:0 0 4px 22px;
	background-image: url(../img/dot01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

#exa{
	margin : 20px;
}

#exa dt{
	font-weight : 700;
background-image : url(../img/mark5.gif);
background-repeat : no-repeat;background-position : left center;
text-indent : 16px;
margin-bottom : 10px;
}

#exa dd{
	margin-bottom : 20px;
text-align : center;
}

/*----------------------------------------
	スマホ最適化
----------------------------------------*/
@media screen and (max-width:710px){
#deo-wet li div {
background-size: 96% auto;
}
.dl01 {
margin: 5px 2em 5px 0.5em;
}
}