#main{margin: 80px;overflow: hidden;font-size: 14px;}

.l-main{float: left;width:100%;margin-right: -100%;}
.l-main-in{margin-right:25%;padding-right:40px;}
h1{font-size: 24px;margin: 0;text-align: center;}
.article-about{margin-top: 10px;text-align: center;font-size: 12px;color:#999999;}
.article-about .date{display: inline-block;vertical-align: middle;margin: 0 5px;}
.article-main{margin-top: 10px;zoom:1;}
.article-main:after{content: '';display: block;height: 0;overflow: hidden;clear: both}
.article-main .img{padding:10px;border:1px solid #cccccc;background-color:#ffffff}
.article-main .img img{max-width: 410px;}
.article-content{text-align: justify;line-height:1.8;max-width: 1000px;margin: 0 auto}
.article-content p{margin-top: 0;margin-bottom:1em}
.article-m-end{text-align: right;margin-top:10px}
.article-m-end a{color:#3366cc;}
.article-m-end a:hover{color: #0033FF}
.article-end{max-width: 1000px;margin: 40px auto 0;padding-top:10px;clear: both;border-top: 1px solid #cccccc}
.article-end .first,.article-end .prev{float: left;}
.article-end .first{color:#eb8928;}
.article-end .next{float: right;}
.article-end .prev, .article-end .next{max-width:20em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: url(../images/web/arrow-02.png) no-repeat 10px 50%;padding-left: 25px;}
.article-end .prev{background-image: url(../images/web/arrow-02a.png);}
.article-end .prev:hover, .article-end .next:hover{color:#bb2822;}

.l-main .article-content{margin-left: 452px;}
.l-main .article-main .img{float: left;margin-right:-100%;}

.r-bar{float: right;width:25%;}
.r-bar .link-list li{padding-left:25px;background: url(../images/web/arrow-02.png) no-repeat 10px 50%;}
.r-bar .link-list a{display:block;height: 36px;line-height: 36px;vertical-align: middle;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.r-bar .link-list .active,.r-bar .link-list .active:hover{background-color:#ffcda0;background-image: url(../images/web/arrow-01.png);}
.r-bar .link-list li:hover{background-color:#ffe5ce;}
.r-bar .link-list a{text-decoration: none}
.r-bar .more{width: 60px;height: 24px;margin: 10px auto 0;cursor: pointer;background: url(../images/web/btn-bg-01.png) no-repeat 50% 0;text-align: center;font: 700 14px/24px Arial}
.r-bar .more:hover{background-position: 50% -24px;color: #ffffff}