/********************************************************** 
    検索眼鏡 
*********************************************************/  
.search.icon {  
  color: #000;  
  position: absolute;  
  margin-top: 2px;  
  margin-left: 3px;  
  width: 20px;  
  height: 20px;  
  border: solid 1px currentColor;  
  border-radius: 100%;  
  -webkit-transform: rotate(-45deg);  
          transform: rotate(-45deg);  
}  
  
.search.icon:before {  
  content: '';  
  position: absolute;  
  top: 20px;  
  left: 10px;  
  height: 13px;  
  width: 3px;  
  background-color: currentColor;  
}  
/********************************************************** 
    検索 
*********************************************************/  
dl.search{  
    position:relative;  
    background-color:#fff;  
    border:1px solid #aaa;  
    -webkit-border-radius:6px;  
    -moz-border-radius:6px;  
    -o-border-radius:6px;  
    -ms-border-radius:6px;  
    border-radius:6px;  
}  
dl.search dt{  
    margin-right:40px;  
    padding:8px 0 8px 8px;  
}  
dl.search dt input{  
    width:100%;  
    height:24px;  
    line-height:24px;  
    background:none;  
    border:none;  
}  
dl.search dd{  
    position:absolute;  
    top: 1px;  
    right: 10px;  
}  
dl.search dd button{  
    display:block;  
    padding:10px;  
    background:none;  
    border:none;  
}  
dl.search dd button span{  
    display:block;  
    width:20px;  
    height:20px;  
}