display: flex;
display: flex; /* CSS information=====================
File name:index.css
Date:2012.07.24
Table of Contents:
 *index
==================================== */
#MAIN {
  margin: 0 auto;
  width: 1000px;
  font-size: 12px;
  clear: left;
}
.index2 {
  text-align: left;
}
.index2 span {
  line-height: 140%;
}
.index2 .title {
  margin-top: 40px;
}
.index2 .sec1 {
  margin-top: 40px;
  font-size: 16px;
  line-height: 160%;
}
.index2 .sec1 p {
  font-size: 20px;
  font-weight: bold;
}
.index2 .sec2 {
  margin-top: 1em;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index2 .sec2 div:first-child {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background-color: #055BA8;
  width: 15%;
  margin-right: 20px;
}
.index2 .sec2 {
  font-size: 20px;
		font-weight: bold;
  color: #055BA8;
}
.index2 .sec2 p {
  font-size: 24px;
}
.index2 .sec2 span {
  font-size: 16px;
	font-weight:normal;
  color: #000;
	margin-top: 5px;
	display: inline-block;
}
.index2 .sec2 a {
  color: #055BA8;
}
.index2 .sec2 a:hover {
  opacity: 0.6;
}
.index2 .sec4 {
  margin-top: 100px;
  font-size: 16px;
}
.index2 .sec4 img {
  margin-top: 10px;
}
.index2 .sec4 ul li {
  background: url(../image/supporters/pdf_icon.gif) no-repeat left 3px;
  padding-left: 20px;
}
.index2 .sec4 ul li a {
  text-decoration: none;
  color: #204483;
}
.index2 .sec4 ul li a:link {
  text-decoration: none;
}
.index2 .sec4 ul li a:visited {
  text-decoration: none;
}
.index2 .sec4 ul li a:hover {
  text-decoration: none;
  color: #666;
}
.index2 .sec1, .index2 .sec2, .index2 .sec3, .index2 .sec4 {
  padding-left: 20px;
}