.b-city-box {
  position:absolute;
  top:0; left:0;

  display:none;

  width:315px; height:110px;
  background:#fff;

  padding:20px 0 0 15px;
  margin-left:-170%;

  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
}
 .b-city-box h2 {
  font-size:1.5em; line-height:1; font-weight:600;
  color:#ef6b00;

  padding:0 0 14px;
 }

 .b-city-box p {
  font-size:1.3em; line-height:20px;
  color:#04386a;

  width:80%;
 }
  .b-city-box p a {
    font-size:1em;
    color:#04386a;

    text-decoration:none;
    border-bottom:1px dashed #04386a;
  }
   .b-city-box p a:hover {border-bottom-color:#fff;}

 .b_city_select__close {
  display:block;
  float:right;
  
  width:22px; height:22px;
  font:0/0 d;

  margin:-13px 10px 0 0;

  background:url(b_city_select__close.jpg) 0 0 no-repeat;

  cursor:pointer;
 }

 .b-city-box__h {
     font-size: 1.5em;
     line-height: 1;
     font-weight: 600;
     color: #ef6b00;
     padding: 0 0 14px;
 }

.b-city-box  .b-city-box__h i {font-style:normal;}