* {
 margin:0;
 padding:0;
 font-family:sans-serif;
}
body {
 background:#fff url(i/bg_top.gif) repeat-x top;
}
p {
 font-size:14px;
}

h1 {
 font-size:20px;
 color:#22278f;
}

.title {
 padding:80px 0;
}

h2 {
 font-size:16px;
 color:#22278f;
}
#Wrapper {
 width:770px;
 margin-left:80px;
 border-left:1px solid #22278f;
 border-bottom:6px solid #22278f;
 padding-left:26px;
}

#TopHeader {
 height:72px;
 width:100%;
 background:url(i/caption_top.gif) no-repeat top left;
}
#TopHeader ul {
 padding:70px 0 0 210px;
}
#TopHeader ul li {
 list-style:none;
 float:left;
 margin-left:-1px;
}
#TopHeader ul li a {
 display:block;
 border:1px solid #22278f;
 padding:3px 4px;
 font-size:12px;
 color:#22278f;
 text-decoration:none;
 font-weight:bold;
}
#TopHeader ul li a:hover {
 background:#2ab4c8;
}
#Content {
 clear:both;
 margin-top:50px;
 line-height:20px;
 background:url(i/logo.jpg) no-repeat left top;
}

#Content .content_flow {
 margin-left:210px;
 font-size:14px;
}
#Content .content_flow a {
 color:#5149b0;
}
#Content a:hover {
 background:#2ab4c8;
}

.box_wrap {
 margin-top:50px;
}
.content_flow .box_wrap a:hover {
 background:none;
}
.box_wrap img {
 width:150px;
 height:115px;
 border:1px solid #22278f;
 margin: 10px;
}

#Footer {
 height:150px;
 font-size:10px;
 line-height:80px;
}