@charset utf-8;

/* about
-------------------------------------------------------------------------------------------- */

#about .visual{
  position: relative;
}
#about .visual p{
  position: absolute;
  top: 205px;
  left: 10px;
  width: 720px;
  font-size: 16px;
  line-height: 2;
  text-align: center;
}

#about .main-title span {
  font-size: 32px;
  letter-spacing: 5px;
  padding: 0 15px 2px;
  background: url(../img/search/bg_title.gif) repeat-x left bottom;
}

#about .top .lead{
  margin: 0 0 20px;
  color: #666666;
  font-size: 114.285%;
  text-align: center;
  font-weight: bold;
}

#about .new_magazine {
  position: relative;
  padding: 30px 30px 30px 214px;
  border: 8px solid #ff9600;
  margin: 60px 0;
}

#about .new_magazine .photo {
  position: absolute;
  top: -25px;
  left: 12px;
  width: 198px;
  text-align: center;
}

#about .new_magazine .photo .balloon {
  margin: -12px 0 10px;
}

#about .magazine_title {
  margin: 0 0 18px;
  padding-left: 15px;
  margin-bottom: 42px;
  background: url(../img/about/line_new_magazine.gif) no-repeat left 31px;
}

#about .magazine_title .num{
  font-size: 200%;
  font-weight: bold;
  text-align: left;
}

#about .magazine_title .text_time{
  font-size: 100%;
  margin-left: 105px;
}

#about .new_magazine .figure {
  position: absolute;
  right: 21px;
  bottom: 110px;
}

#about .new_magazine .feature{
  position: relative;
  padding: 15px;
  background: #f7f7f7;
  margin-bottom: 18px;
}

#about .new_magazine .feature .balloon{
  position: absolute;
  top: -12px;
  left: 10px;
}

#about .new_magazine .feature ul li a{
  color: #666;
}

#about .new_magazine .feature .first,
#about .new_magazine .feature .second{
  padding-left: 2em;
  margin-bottom: 5px;
}

#about .new_magazine .feature .first{
  background: url(../img/about/num_new_magazine1.gif) no-repeat left top;
}

#about .new_magazine .feature .second{
  background: url(../img/about/num_new_magazine2.gif) no-repeat left top;
}

#about #archive .main-title{
  margin: 0 0 30px;
  text-align: center;
}
#about #archive .magazine-list .magazines {
  overflow: hidden;
  width: 760px;
}
#about #archive .magazine-list .magazines .old {
  position: relative;
  float: left;
  width: 232px;
  margin: 0 11px 36px 0;
  border: 2px solid #e7e7e7;
  text-align: center;
  padding: 0 0 30px 0;
}

#about #archive .magazine-list .magazines .old h3{
  margin: 15px 0;
}

#about #archive .magazine-list .magazines .old h3 span{
  color: #ff9600;
}

#about #archive .magazine-list .magazines .old .balloon{
  text-align: left;
  padding-left: 15px;
  margin-bottom: 8px;
}

#about #archive .magazine-list .magazines .old ul{
  padding: 0 14px;
}
#about #archive .magazine-list .magazines .old ul li{
  overflow: hidden;
}

#about #archive .magazine-list .magazines .old ul li .detail{
  font-size: 85%;
  text-align: left;
  margin-bottom: 10px;
}

#about #archive .magazine-list .magazines .old ul li .detail img{
  vertical-align: middle;
}

#about #archive .magazine-list .magazines .old ul li .detail a{
  color: #666;
  text-decoration: none;
  border-bottom: 2px solid #dfdfdf;
}

#about #archive .magazine-list .magazines .old ul li .detail a:hover{
  border-bottom: none;
}

#about #archive .magazine-list .magazines .old .more{
  position: absolute;
  bottom: 0;
}