#container {
background:#fff url(img/container_bg.jpg) no-repeat 50% top;
}
.section{
margin-bottom:50px;
}
#section01 .table01 {
margin:0;
width:100%;
}
.table01 th, .table01 td {
padding:12px 2px;
background:url(img/line_dotted.gif) repeat-x left bottom;
vertical-align:top;
line-height:1.6;
}
.table01 th{
text-align:left;
}
.table01 td{
text-align:right;
}
#section02{
margin:0 0 0 25px;
}

.hl{
font-size:20px;
margin-bottom:10px;
padding:1px 10px;
border-left:#c1beaf solid 6px;
line-height:1.5;
color:#414141;
}
.ml{
font-size: 14px;
margin:3em 0 0;
padding:8px 5px;
background:#eee;
color:#666;
}
.block {
margin-bottom:2em;
padding:12px 0;
width:708px;
background:url(img/line_dotted.gif) repeat-x left bottom;
}
#section02 p {
padding:0 12px;
}
#section02 .table01{
width:708px;
}
#section01 .leftArea{
float:left;
padding-top:20px;
width:374px;
border:#eee solid 1px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#section01 .rightArea{
float:right;
padding-top:20px;
width:374px;
border:#eee solid 1px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#section01 .leftAreaWrap,
#section01 .rightAreaWrap{
padding:0 25px 25px;
}
.swipebox{
    margin-bottom:20px;
    width: 780px;
    overflow: hidden;
}
.swipebox li {
    margin-right:5px;
    margin-bottom:5px;
    float: left;
}
.swipebox li img{
    width: 250px;
    height: auto;
}
.swipebox li a:hover img{
    opacity: 0.6;
}