.ti-box {
  margin: 10px auto;
  padding: 10px;
  border: 1px solid #bccddb;
  width: 820px;
  height: 60px;
  clear: both;
  background: #fff;    
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
  background: -moz-linear-gradient(top, #eee, #fff);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
position: relative;
}

.ti-box a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.ti-p {
  margin: 0px 15px 0px 0px;
  padding: 0px;
  float: left;
  height: 60px;
  width: 80px;
}

.tie-title {
  font-size: 1.8em;
  color: #778899;
  letter-spacing: 2px;
  margin: 0px;
  padding-top: 15px;
  padding-left: 50px;
  float: right;
  height: 45px;
  width: 675px;
  background-image: url('../tieup/img/bg-ti.png');
  background-repeat: no-repeat;
  background-position: left 5px;
}


h3#tieup {
  text-align: center;
  letter-spacing: 5px;
  line-height: 1.3em;
  margin: 0px auto;
  padding: 10px;
  border: 1px solid #BCCDDB;
  height: 50px;
  width: 840px;
  background: #fff;    
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
  background: -moz-linear-gradient(top, #eee, #fff);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
}

#h3-sub {
  font-size: 0.7em;
  color: #9999CC;
  font-weight: normal;
  letter-spacing: 2px;
}

#top-photo {
  text-align: center;
  margin: 10px auto;
  height: auto;
  width: 640px;
}

#top-photo table {
  text-align: center;
  width: 640px;
}


h4 {
  clear: both;
}


.h4-box dl {
  margin: 0px auto;
  width: 820px;
}

.h4-box dt {
  padding: 3px 5px 15px 0;
  float: left;
  clear: both;
  width: 40px;
}

.h4-box dd {
  margin-left: 50px;
  padding: 3px 0px 15px 5px;
  width: 770px;
}