.main-topic {}

.main-topic .block-title {height: 26px; margin: 0 22px 0 0; position: relative; margin: 0 0 2px; background: url(images/bg-title.png) left bottom no-repeat;}
.main-topic .block-title h2 {float: left; font-size: 15pt; line-height: 21px; text-transform: uppercase; color: #262626; margin: 0 2px 0 0;}
.main-topic .block-title a, .main-topic .block-title a:hover {color: #262626; text-decoration: none; height: 100%;}
.main-topic .block-title .corner {position: absolute; bottom: 0px; width: 10px; height: 12px; margin-left: 4px;}
.main-topic .block-title .corner-red {background: url(images/bg-title-corner-red.png) left top no-repeat;}

.main-topic .main-block {background-color: #c5dce0; padding-top: 9px;}

.main-topic .main-block .topic-items {width: 234px; margin-right: -3px; float: left; padding-left: 2px;}
.main-topic .main-block .topic {width: 460px; position: relative; margin-left: 233px;}

.main-topic .main-block .topic p {margin: 0 0 8px 0;}
.main-topic .main-block .topic {background: url(images/main-info/bg-top.png) left top no-repeat; padding: 8px 0 10px;}
.main-topic .main-block .topic .in {background: url(images/main-info/bg-middle.png) left top repeat-y; padding: 0 6px 0 4px;}
.main-topic .main-block .topic .in .in-bg {background: url(images/main-info/bg-bg.png) left bottom repeat-x; padding: 0 10px; min-height: 100px}
.main-topic .main-block .topic .in-bottom {background: url(images/main-info/bg-bottom.png) left top no-repeat; height: 5px; padding-bottom: 5px;}
.main-topic .main-block .topic .title {font-size: 11pt; margin-bottom: 6px;}
.main-topic .main-block .topic .subtitle, .main-topic .main-block .topic .subtitle a {color: #666666; font-size: 10pt; text-decoration: none;}
.main-topic .main-block .topic .subtitle a:hover {text-decoration: underline;}
.main-topic .main-block .topic .image img {clear: both; margin-bottom: 8px;}
.main-topic .main-block .topic .text {font-size: 9pt; padding-bottom: 8px;}
.main-topic .main-block .topic .info-ad {padding-bottom: 8px;}
.main-topic .main-block .topic .info-ad .date-common {float: left; padding-top: 1px; margin-right: 9px;}
.main-topic .main-block .topic .info-ad .date-common .i-date {float: left; margin-right: 3px;}

.main-topic .main-block .topic-items .item {padding: 0 0 7px;}
.main-topic .main-block .topic-items .item .in {position: relative;}
.main-topic .main-block .topic-items .item .in {padding: 0 0 0 4px;}
.main-topic .main-block .topic-items .item .in .in-bg {padding: 0 13px 8px 7px; min-height: 32px; background: url(images/topics/bg-not-selected.png) 7px 100% no-repeat;}
.main-topic .main-block .topic-items .item .in-bottom {height: 5px; padding-bottom: 5px; display: none;}
.main-topic .main-block .topic-items .item .arrow {display: none; width: 10px; height: 21px; background: url(images/topics/bg-arrow.png) left top no-repeat; position: absolute; z-index: 9000; right: 0; top: 42%;}
.main-topic .main-block .topic-items .selected {background: url(images/topics/bg-top.png) left top no-repeat; padding: 8px 0 0;}
.main-topic .main-block .topic-items .selected .in {background: url(images/topics/bg-middle.png) left top repeat-y;}
.main-topic .main-block .topic-items .selected .in .in-bg {background: url(images/topics/bg-bg.png) left bottom repeat-x; min-height: 62px;}
.main-topic .main-block .topic-items .selected .in-bottom {background: url(images/topics/bg-bottom.png) left top no-repeat; display: block;}
.main-topic .main-block .topic-items .selected .arrow {display: block;}

.main-topic .main-block .topic-items .item .title {font-size: 8pt; padding-bottom: 0.5em;}
.main-topic .main-block .topic-items .item .text, .main-topic .main-block .topic-items .item .text a {font-size: 8pt; color: #666666; text-decoration: none;}
.main-topic .main-block .topic-items .item .text a:hover {text-decoration: underline;}
.main-topic .main-block .topic-items .item .text .pref {background: url("images/bg-p.png") no-repeat scroll 0 100% transparent; height: 7px; margin-right: 5px; width: 7px;}

.main-topic .list-container {border: 1px dashed #2c8999; border-bottom: 1px solid #298898; background: url(images/bg-list.png) 0 0 repeat; padding: 0 0 14px 13px; margin-top: 0px}
.main-topic .list-art .item {width: 327px; margin-right: 14px; display: inline-block; vertical-align: top; padding: 12px 0 0;}
.main-topic .list-art .item .in {}
.main-topic .list-art .item .in .image img {float: left; margin: 3px 10px 5px 0;}
.main-topic .list-art .item .in .title {margin: 0 0 0.5em; font-size: 9pt; font-weight: normal;}
.main-topic .list-art .item .in .title a:hover {color: #0291a2;}
.main-topic .list-art .item .in .text {padding-bottom: 0.6em;}
.main-topic .list-art .item .in .text a {color: #333; text-decoration: none;}
.main-topic .list-art .item .in .text a:hover {color: #666666; text-decoration: underline;}
.main-topic .list-art .item .in .info-ad {}
.main-topic .list-art .item .in .info-ad a {display: block; float: left;}
.main-topic .list-art .item-line-top {background: url(images/bg-line-top.gif) 0 10px no-repeat; padding-top: 24px;}