/*! DN Matome v0.2.0 */
@media (-webkit-min-device-pixel-ratio:2) {
    body {
        -webkit-font-smoothing: antialiased
    }
}
#dsm {
    line-height: 1.3;
    text-align: left
}
#dsm a, #dsm a:active, #dsm a:visited {
    color: #c71444
}
#dsm img {
    -ms-interpolation-mode: bicubic
}
#dsm em, #dsm strong {
    font-weight: 700
}
#dsm button, #dsm input {
    line-height: normal
}
#dsm button, #dsm input[type=button], #dsm input[type=reset], #dsm input[type=submit] {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: button
}
#dsm textarea {
    overflow: auto
}
#dsm [placeholder].placeholder {
    color: #999 !important
}
#dsm .dsm-menu {
    position: fixed;
    right: 0;
    top: 208px;
    z-index: 10
}
#dsm .dsm-menu li {
    margin-bottom: 2px;
    text-align: right;
    width: 40px
}
#dsm .dsm-menu li a {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background: url(/IMAGES/SUMMARY/COMMON/dsm-menu.png) no-repeat;
    -webkit-transition: width .2s;
    transition: width .2s
}
#dsm .dsm-menu li a span {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background: url(/IMAGES/SUMMARY/COMMON/dsm-menu.png) no-repeat
}
#dsm .dsm-menu li a:hover {
    width: 134px
}
#dsm .dsm-menu li.home a {
    background-position: -40px 0
}
#dsm .dsm-menu li.home a span {
    background-position: 0 0
}
#dsm .dsm-menu li.home a:hover span {
    background-position: 100% 0
}
#dsm .dsm-menu li.find a {
    background-position: -40px -40px
}
#dsm .dsm-menu li.find a span {
    background-position: 0 -40px
}
#dsm .dsm-menu li.find a:hover span {
    background-position: 100% -40px
}
#dsm .dsm-menu li.create a {
    background-position: -40px -80px
}
#dsm .dsm-menu li.create a span {
    background-position: 0 -80px
}
#dsm .dsm-menu li.create a:hover span {
    background-position: 100% -80px
}
#dsm .breadcrumbs {
    margin-bottom: 8px;
    font-size: 11px
}
#dsm .breadcrumbs li {
    display: inline
}
#dsm .breadcrumbs a, #dsm .breadcrumbs a:active, #dsm .breadcrumbs a:visited {
    color: #069
}
#dsm .dsm-header .logo {
    height: 55px;
    background: url(/IMAGES/SUMMARY/COMMON/dsm-title.png) no-repeat
}
#dsm .fz-10 {
    font-size: 10px !important
}
#dsm .fz-12 {
    font-size: 12px !important
}
#dsm .fz-13 {
    font-size: 13px !important
}
#dsm .fz-14 {
    font-size: 14px !important
}
#dsm .fz-16 {
    font-size: 16px !important
}
#dsm .fw-b {
    font-weight: 700
}
#dsm .ta-c {
    text-align: center
}
#dsm .breadcrumbs:after, #dsm .breadcrumbs:before, #dsm .dsm-article-list .featured-list:after, #dsm .dsm-article-list .featured-list:before, #dsm .dsm-article-list:after, #dsm .dsm-article-list:before, #dsm .dsm-crown-list .crowns:after, #dsm .dsm-crown-list .crowns:before, #dsm .dsm-details-content .spot .spot-content .spot-info-details .tags:after, #dsm .dsm-details-content .spot .spot-content .spot-info-details .tags:before, #dsm .dsm-details-content:after, #dsm .dsm-details-content:before, #dsm .dsm-details:after, #dsm .dsm-details:before, #dsm .dsm-footer-nav .recommend ul:after, #dsm .dsm-footer-nav .recommend ul:before, #dsm .dsm-footer-nav .search dd.filter ul:after, #dsm .dsm-footer-nav .search dd.filter ul:before, #dsm .dsm-footer-nav .theme ul:after, #dsm .dsm-footer-nav .theme ul:before, #dsm .dsm-footer-nav:after, #dsm .dsm-footer-nav:before, #dsm .dsm-header:after, #dsm .dsm-header:before, #dsm .dsm-home-create:after, #dsm .dsm-home-create:before, #dsm .dsm-home-find .find-column:after, #dsm .dsm-home-find .find-column:before, #dsm .dsm-home-find .search dd.filter ul:after, #dsm .dsm-home-find .search dd.filter ul:before, #dsm .dsm-home-find .theme ul:after, #dsm .dsm-home-find .theme ul:before, #dsm .dsm-home-find .thread dt:after, #dsm .dsm-home-find .thread dt:before, #dsm .dsm-home-find:after, #dsm .dsm-home-find:before, #dsm .dsm-home-header:after, #dsm .dsm-home-header:before, #dsm .dsm-home-view-list .article-list-row:after, #dsm .dsm-home-view-list .article-list-row:before, #dsm .dsm-home-view:after, #dsm .dsm-home-view:before, #dsm .dsm-menu li:after, #dsm .dsm-menu li:before, #dsm .dsm-search-header dd.filter ul:after, #dsm .dsm-search-header dd.filter ul:before, #dsm .dsm-search-header:after, #dsm .dsm-search-header:before, #dsm .dsm-theme-header:after, #dsm .dsm-theme-header:before, #dsm .dsm-thread-details-header:after, #dsm .dsm-thread-details-header:before, #dsm .dsm-thread-header:after, #dsm .dsm-thread-header:before, #dsm .dsm-thread-list .item:after, #dsm .dsm-thread-list .item:before, #dsm .dsm-thread-list:after, #dsm .dsm-thread-list:before, #dsm .dsm-user-header:after, #dsm .dsm-user-header:before, #dsm .sns-list:after, #dsm .sns-list:before {
    content: '';
    display: table
}
#dsm .breadcrumbs:after, #dsm .dsm-article-list .featured-list:after, #dsm .dsm-article-list:after, #dsm .dsm-crown-list .crowns:after, #dsm .dsm-details-content .spot .spot-content .spot-info-details .tags:after, #dsm .dsm-details-content:after, #dsm .dsm-details:after, #dsm .dsm-footer-nav .recommend ul:after, #dsm .dsm-footer-nav .search dd.filter ul:after, #dsm .dsm-footer-nav .theme ul:after, #dsm .dsm-footer-nav:after, #dsm .dsm-header:after, #dsm .dsm-home-create:after, #dsm .dsm-home-find .find-column:after, #dsm .dsm-home-find .search dd.filter ul:after, #dsm .dsm-home-find .theme ul:after, #dsm .dsm-home-find .thread dt:after, #dsm .dsm-home-find:after, #dsm .dsm-home-header:after, #dsm .dsm-home-view-list .article-list-row:after, #dsm .dsm-home-view:after, #dsm .dsm-menu li:after, #dsm .dsm-search-header dd.filter ul:after, #dsm .dsm-search-header:after, #dsm .dsm-theme-header:after, #dsm .dsm-thread-details-header:after, #dsm .dsm-thread-header:after, #dsm .dsm-thread-list .item:after, #dsm .dsm-thread-list:after, #dsm .dsm-user-header:after, #dsm .sns-list:after {
    clear: both
}
#dsm .dsm-details-content .content-footer .like-button, #dsm .dsm-details-content .create .button a, #dsm .dsm-details-content .point h2, #dsm .dsm-details-content .related h2 span, #dsm .dsm-details-content .sns .like-button, #dsm .dsm-footer-nav .search dd.button .submit, #dsm .dsm-footer-nav .thread dt .button, #dsm .dsm-footer-nav dt span, #dsm .dsm-header .logo, #dsm .dsm-home-create .button a, #dsm .dsm-home-create .create-info .section h3, #dsm .dsm-home-create .section-header h2 span, #dsm .dsm-home-find .search dd.button .submit, #dsm .dsm-home-find .section-header h2 span, #dsm .dsm-home-find .thread dt .button, #dsm .dsm-home-find dt span, #dsm .dsm-home-header .title h1, #dsm .dsm-home-header .toc li a, #dsm .dsm-home-view .section-header h2 span, #dsm .dsm-menu li a span, #dsm .dsm-search-header dd.button .submit, #dsm .dsm-thread-list .item .button, #dsm i.crown-1, #dsm i.crown-1l, #dsm i.crown-2, #dsm i.crown-2l, #dsm i.crown-3, #dsm i.crown-3l {
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    outline: 0
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .tags li, #dsm .dsm-footer-nav .recommend ul li, #dsm .dsm-footer-nav .search dd.filter ul li, #dsm .dsm-footer-nav .theme ul li, #dsm .dsm-home-find .search dd.filter ul li, #dsm .dsm-home-find .theme ul li, #dsm .dsm-search-header dd.filter ul li, #dsm .sns-list li {
    float: left
}
#dsm .breadcrumbs .inner, #dsm .dsm-article-list .inner, #dsm .dsm-details .inner, #dsm .dsm-footer-nav .inner, #dsm .dsm-header .inner, #dsm .dsm-home-create .inner, #dsm .dsm-home-find .inner, #dsm .dsm-home-header .inner, #dsm .dsm-home-header .title h1, #dsm .dsm-home-header .toc, #dsm .dsm-home-view .inner, #dsm .dsm-search-header .inner, #dsm .dsm-theme-header .inner, #dsm .dsm-thread-details-header .inner, #dsm .dsm-thread-header .inner, #dsm .dsm-thread-list .inner, #dsm .dsm-user-header .inner {
    margin-left: auto;
    margin-right: auto
}
#dsm .dsm-article-list-indicator img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}
#dsm .breadcrumbs, #dsm .dsm-article-list .article-list .article .author, #dsm .dsm-article-list .article-list .article .name, #dsm .dsm-article-list .featured-list .article a .author, #dsm .dsm-article-list .featured-list .article a .name, #dsm .dsm-details-content .dsm-details-header .description, #dsm .dsm-details-content .dsm-details-header .title, #dsm .dsm-details-content .point p, #dsm .dsm-details-content .spot .spot-content .spot-info-details .comment dd, #dsm .dsm-details-content .spot .spot-header p, #dsm .dsm-footer-nav .recommend ul li a .author, #dsm .dsm-footer-nav .recommend ul li a .name, #dsm .dsm-home-find .ranking li a .author, #dsm .dsm-home-find .ranking li a .name, #dsm .dsm-home-view-list .article a .author, #dsm .dsm-home-view-list .article a .name {
    word-break: break-all
}
#dsm .breadcrumbs .inner, #dsm .dsm-article-list .inner, #dsm .dsm-details .inner, #dsm .dsm-footer-nav .inner, #dsm .dsm-header .inner, #dsm .dsm-home-create .inner, #dsm .dsm-home-find .inner, #dsm .dsm-home-header .inner, #dsm .dsm-home-view .inner, #dsm .dsm-search-header .inner, #dsm .dsm-theme-header .inner, #dsm .dsm-thread-details-header .inner, #dsm .dsm-thread-header .inner, #dsm .dsm-thread-list .inner, #dsm .dsm-user-header .inner {
    position: relative;
    width: 960px
}
#dsm .dsm-article-list .article-list .article a, #dsm .dsm-article-list .article-list .article a:active, #dsm .dsm-article-list .article-list .article a:visited, #dsm .dsm-footer-nav .recommend ul li a, #dsm .dsm-footer-nav .recommend ul li a:active, #dsm .dsm-footer-nav .recommend ul li a:visited {
    color: #000
}
#dsm i.crown-1, #dsm i.crown-2, #dsm i.crown-3 {
    display: inline-block;
    width: 25px;
    height: 14px;
    background-image: url(/IMAGES/SUMMARY/VIEW/icon_crown.png);
    vertical-align: text-bottom
}
#dsm i.crown-2 {
    background-position: -30px 0
}
#dsm i.crown-3 {
    background-position: -60px 0
}
#dsm i.badge-feature {
    display: block;
    width: 51px;
    height: 51px;
    background-image: url(/IMAGES/SUMMARY/VIEW/icon_feature.png)
}
#dsm i.crown-1l, #dsm i.crown-2l, #dsm i.crown-3l {
    display: inline-block;
    width: 38px;
    height: 22px;
    background-image: url(/IMAGES/SUMMARY/VIEW/icon_crown-l.png);
    vertical-align: middle
}
#dsm i.crown-2l {
    background-position: -50px 0
}
#dsm i.crown-3l {
    background-position: -100px 0
}
#dsm .sns-list li {
    max-width: 100px;
    height: 20px;
    margin-right: 10px;
    overflow: hidden
}
#dsm .sns-list li.twitter {
    width: 105px;
    margin-right: 0
}
#dsm .sns-list li.gplus {
    width: 70px
}
#dsm .dsm-footer-nav {
    padding: 15px 0 20px
}
#dsm .dsm-footer-nav dt span {
    display: inline-block;
    width: 112px;
    height: 16px;
    background-image: url(/IMAGES/SUMMARY/VIEW/dsm-footer-nav_h.png)
}
#dsm .dsm-footer-nav .theme {
    padding: 30px 0
}
#dsm .dsm-footer-nav .theme dl {
    display: table;
    width: 100%
}
#dsm .dsm-footer-nav .theme dt {
    display: table-cell;
    width: 150px;
    padding-top: 4px;
    vertical-align: top
}
#dsm .dsm-footer-nav .theme dd {
    display: table-cell
}
#dsm .dsm-footer-nav .theme ul {
    margin-bottom: -5px
}
#dsm .dsm-footer-nav .theme ul li {
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}
#dsm .dsm-footer-nav .theme ul a {
    display: inline-block;
    padding: 2px 5px;
    background: #e4e4e4;
    border-radius: 5px;
    color: #666;
    white-space: nowrap
}
#dsm .dsm-footer-nav .theme ul a:hover {
    color: #c71444
}
#dsm .dsm-footer-nav .thread {
    width: 930px;
    margin-bottom: 30px
}
#dsm .dsm-footer-nav .thread dl {
    display: table;
    width: 100%
}
#dsm .dsm-footer-nav .thread dt {
    display: table-cell;
    width: 150px;
    padding-top: 4px;
    vertical-align: top
}
#dsm .dsm-footer-nav .thread dt span {
    background-position: 0 -40px
}
#dsm .dsm-footer-nav .thread dt .button {
    display: block;
    margin-top: 12px;
    width: 92px;
    height: 27px;
    background-image: url(/IMAGES/SUMMARY/VIEW/dsm-footer-nav_button_01.png)
}
#dsm .dsm-footer-nav .thread dt .button:hover {
    background-position: 0 -30px
}
#dsm .dsm-footer-nav .thread dd {
    display: table-cell
}
#dsm .dsm-footer-nav .thread li {
    margin-bottom: 5px
}
#dsm .dsm-footer-nav .thread li a {
    display: table;
    width: 100%;
    color: #555
}
#dsm .dsm-footer-nav .thread li a:hover {
    color: #c71444
}
#dsm .dsm-footer-nav .thread li a i {
    display: table-cell;
    width: 59px;
    background: #666 url(/IMAGES/SUMMARY/VIEW/dsm-footer-nav_img_01.png) no-repeat 50% 50%;
    text-align: center;
    vertical-align: middle
}
#dsm .dsm-footer-nav .thread li a span {
    display: table-cell;
    padding: 8px 12px;
    background: #fff;
    font-size: 16px
}
#dsm .dsm-footer-nav .search {
    padding: 30px 0;
    border-top: 1px solid #ccc
}
#dsm .dsm-footer-nav .search dl {
    display: table;
    width: 100%
}
#dsm .dsm-footer-nav .search dt {
    display: table-cell;
    width: 150px;
    vertical-align: middle
}
#dsm .dsm-footer-nav .search dt span {
    background-position: 0 -20px
}
#dsm .dsm-footer-nav .search dd {
    display: table-cell;
    vertical-align: middle
}
#dsm .dsm-footer-nav .search dd.filter {
    padding-bottom: 8px
}
#dsm .dsm-footer-nav .search dd.filter li {
    width: 150px
}
#dsm .dsm-footer-nav .search dd.filter .label {
    height: 18px;
    color: #666;
    font-weight: 700
}
#dsm .dsm-footer-nav .search dd.filter select {
    width: 130px
}
#dsm .dsm-footer-nav .search dd.button {
    width: 188px;
    padding-top: 15px;
    padding-bottom: 8px
}
#dsm .dsm-footer-nav .search dd.button .submit {
    width: 129px;
    height: 27px;
    background-image: url(/IMAGES/SUMMARY/VIEW/button_search_submit.png);
    background-position: 0 0
}
#dsm .dsm-footer-nav .search dd.button .submit:hover {
    background-position: 0 -30px
}
#dsm .dsm-footer-nav .recommend {
    padding: 20px 0 25px;
    border-bottom: 1px solid #ccc
}
#dsm .dsm-footer-nav .recommend dt {
    margin-bottom: 17px;
    color: #555;
    font-size: 17px;
    font-weight: 700
}
#dsm .dsm-footer-nav .recommend ul li {
    width: 290px;
    margin-left: 45px
}
#dsm .dsm-footer-nav .recommend ul li:first-child {
    margin-left: 0
}
#dsm .dsm-footer-nav .recommend ul li a {
    display: block;
    width: 290px
}
#dsm .dsm-footer-nav .recommend ul li a .left {
    display: table-cell;
    width: 75px;
    vertical-align: top
}
#dsm .dsm-footer-nav .recommend ul li a .right {
    display: table-cell;
    vertical-align: top
}
#dsm .dsm-footer-nav .recommend ul li a .image {
    width: 60px;
    height: 60px
}
#dsm .dsm-footer-nav .recommend ul li a .name {
    margin-bottom: 5px;
    font-size: 14px
}
#dsm .dsm-footer-nav .recommend ul li a .author {
    color: #666;
    font-size: 12px
}
#dsm .dsm-footer-nav .recommend ul li a:hover {
    color: #c71444;
    text-decoration: none
}
#dsm .dsm-footer-nav .recommend ul li a:hover .image img {
    -ms-filter: "alpha(opacity=50)";
    opacity: .5
}
#dsm .dsm-footer-nav .recommend ul li a:hover .name {
    text-decoration: underline
}
#dsm .dsm-article-list {
    padding: 40px 0;
    background: #fff
}
#dsm .dsm-article-list .result-info {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 700;
    text-align: right
}
#dsm .dsm-article-list .result-info em {
    font-size: 20px
}
#dsm .dsm-article-list .article-list .article-list-row {
    display: table;
    margin-bottom: 40px
}
#dsm .dsm-article-list .article-list .article {
    display: table-cell;
    width: 210px;
    padding-left: 20px;
    padding-right: 19px;
    border-left: 1px solid #d8d8d8;
    overflow: hidden
}
#dsm .dsm-article-list .article-list .article:first-child {
    padding-left: 0;
    border-left: 0
}
#dsm .dsm-article-list .article-list .article a {
    display: block
}
#dsm .dsm-article-list .article-list .article .image {
    width: 210px;
    height: 122px;
    margin-bottom: 8px;
    overflow: hidden
}
#dsm .dsm-article-list .article-list .article .image img {
    position: absolute
}
#dsm .dsm-article-list .article-list .article .name {
    margin-bottom: 3px;
    font-size: 14px
}
#dsm .dsm-article-list .article-list .article .author {
    color: #666;
    font-size: 11px
}
#dsm .dsm-article-list .article-list .article a:hover {
    color: #c71444;
    text-decoration: none
}
#dsm .dsm-article-list .article-list .article a:hover .image img {
    -ms-filter: "alpha(opacity=50)";
    opacity: .5
}
#dsm .dsm-article-list .article-list .article a:hover .name {
    text-decoration: underline
}
#dsm .dsm-article-list .article-list.user-articles .article a {
    position: relative;
    min-height: 185px;
    padding-bottom: 40px
}
#dsm .dsm-article-list .article-list.user-articles .article .like {
    position: absolute;
    bottom: 0;
    width: 210px;
    background: #ddd;
    border-radius: 5px;
    font-size: 12px;
    line-height: 33px;
    font-weight: 700;
    text-align: center
}
#dsm .dsm-article-list .article-list.user-articles .article .like em {
    font-size: 18px
}
#dsm .dsm-article-list .featured-list {
    margin-bottom: 50px
}
#dsm .dsm-article-list .featured-list .article {
    float: left;
    width: 310px;
    padding-left: 15px
}
#dsm .dsm-article-list .featured-list .article:first-child {
    padding-left: 0
}
#dsm .dsm-article-list .featured-list .article a {
    position: relative;
    display: block;
    width: 310px;
    color: #555;
    background: #f3f3f3
}
#dsm .dsm-article-list .featured-list .article a:after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 7px;
    height: 9px;
    background: url(/IMAGES/SUMMARY/VIEW/icon_arrow_01.png) no-repeat
}
#dsm .dsm-article-list .featured-list .article a i.badge-feature {
    position: absolute;
    top: -7px;
    right: -8px;
    z-index: 3
}
#dsm .dsm-article-list .featured-list .article a .text {
    display: table-cell;
    width: 250px;
    height: 180px;
    padding: 0 30px;
    vertical-align: middle
}
#dsm .dsm-article-list .featured-list .article a .name {
    margin-bottom: 3px;
    font-size: 20px;
    font-weight: 700
}
#dsm .dsm-article-list .featured-list .article a .author {
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 700
}
#dsm .dsm-article-list .featured-list .article a:hover {
    color: #c71444;
    text-decoration: none;
    background: #f5f5f5
}
#dsm .dsm-article-list .featured-list .article a:hover .name {
    text-decoration: underline
}
#dsm .dsm-article-list .featured-list .article a:hover .author, #dsm .dsm-article-list .featured-list .article a:hover .name {
    opacity: .8
}
#dsm .dsm-article-list-indicator {
    position: relative;
    height: 250px
}
#dsm .dsm-pagenation {
    margin-top: 40px;
    text-align: center
}
#dsm .dsm-pagenation ul {
    display: inline-table
}
#dsm .dsm-pagenation li {
    display: inline-block
}
#dsm .dsm-pagenation li a {
    color: #666
}
#dsm .dsm-pagenation li a:hover {
    color: #c71444;
    text-decoration: none
}
#dsm .dsm-pagenation li.page {
    margin: 0 9px;
    font-size: 14px;
    line-height: 20px
}
#dsm .dsm-pagenation li.page a {
    display: inline-block;
    min-width: 14px;
    padding: 0 3px;
    border: 1px solid #e8e8e8;
    background: #f9f9f9
}
#dsm .dsm-pagenation li.page span {
    display: inline-block;
    min-width: 15px;
    padding: 0 3px;
    color: #666
}
#dsm .dsm-pagenation li.prev {
    margin-right: 25px;
    font-size: 13px
}
#dsm .dsm-pagenation li.next {
    margin-left: 25px;
    font-size: 13px
}
#dsm .dsm-pagenation li.next a:hover, #dsm .dsm-pagenation li.prev a:hover {
    text-decoration: underline
}
#dsm .search-no-result {
    text-align: center
}
#dsm .search-no-result .dialog {
    display: inline-block;
    margin: 40px 0;
    padding: 25px 20px;
    border: 3px solid #d8d8d8;
    background: #f3f3f3;
    font-size: 14px
}
#dsm .search-no-result .dialog .message {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700
}
#dsm .dsm-theme-header {
    padding: 40px 0 0;
    background: #fff
}
#dsm .dsm-theme-header .title {
    padding-right: 300px
}
#dsm .dsm-theme-header .title h1 {
    display: inline;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    background: url(/IMAGES/SUMMARY/VIEW/bg_stripe_01.png)
}
#dsm .dsm-theme-header .title p {
    margin-top: 8px;
    color: #666;
    font-size: 13px
}
#dsm .dsm-theme-header .sns-buttons {
    position: absolute;
    right: 0;
    top: 10px
}
#dsm .dsm-theme-header .sns-buttons .sns-list .gplus {
    margin-right: 0
}
#dsm .dsm-thread-header {
    padding: 40px 0 0;
    background: #fff
}
#dsm .dsm-thread-header .title {
    padding-left: 44px;
    padding-right: 300px;
    background: url(/IMAGES/SUMMARY/VIEW/thread_img_01.png) no-repeat
}
#dsm .dsm-thread-header .title h1 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700
}
#dsm .dsm-thread-list {
    padding: 46px 0 30px;
    background: #fff
}
#dsm .dsm-thread-list .item {
    position: relative;
    margin-bottom: 37px
}
#dsm .dsm-thread-list .item .left {
    float: left;
    width: 704px
}
#dsm .dsm-thread-list .item .right {
    float: right;
    width: 200px
}
#dsm .dsm-thread-list .item .badge {
    position: absolute;
    top: -23px;
    right: 251px;
    z-index: 5;
    width: 157px;
    height: 33px;
    background: url(/IMAGES/SUMMARY/VIEW/thread_img_02.png) no-repeat
}
#dsm .dsm-thread-list .item .title a {
    display: table;
    width: 100%;
    color: #555
}
#dsm .dsm-thread-list .item .title a i {
    display: table-cell;
    width: 59px;
    background: #666 url(/IMAGES/SUMMARY/VIEW/dsm-footer-nav_img_01.png) no-repeat 50% 50%;
    text-align: center;
    vertical-align: middle
}
#dsm .dsm-thread-list .item .title a span {
    display: table-cell;
    padding: 8px 12px;
    background: #f3f3f3;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700
}
#dsm .dsm-thread-list .item .description {
    padding: 4px 5px 0;
    color: #333;
    font-size: 13px;
    line-height: 1.4
}
#dsm .dsm-thread-list .item .button {
    display: block;
    width: 200px;
    height: 40px;
    background: url(/IMAGES/SUMMARY/VIEW/thread_button_01.png) no-repeat
}
#dsm .dsm-thread-list .item .button:hover {
    background-position: 0 -40px
}
#dsm .dsm-thread-details-header {
    padding: 40px 0 0;
    background: #fff
}
#dsm .dsm-thread-details-header .title {
    padding-left: 44px;
    padding-right: 300px;
    background: url(/IMAGES/SUMMARY/VIEW/thread_img_01.png) no-repeat
}
#dsm .dsm-thread-details-header .title h1 {
    display: inline;
    font-size: 30px;
    line-height: 42px;
    font-weight: 700;
    background: url(/IMAGES/SUMMARY/VIEW/bg_stripe_01.png)
}
#dsm .dsm-thread-details-header .title p {
    margin-top: 3px;
    color: #666;
    font-size: 13px
}
#dsm .dsm-thread-details-header .sns-buttons {
    position: absolute;
    right: 0;
    top: 10px
}
#dsm .dsm-thread-details-header .sns-buttons .sns-list .gplus {
    margin-right: 0
}
#dsm .dsm-search-header {
    padding: 35px 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #ededed
}
#dsm .dsm-search-header dl {
    display: table;
    width: 100%
}
#dsm .dsm-search-header dt {
    display: table-cell;
    width: 210px;
    font-size: 30px;
    font-weight: 700;
    vertical-align: middle
}
#dsm .dsm-search-header dd {
    display: table-cell;
    vertical-align: middle
}
#dsm .dsm-search-header dd.filter {
    padding-bottom: 8px
}
#dsm .dsm-search-header dd.filter li {
    width: 150px
}
#dsm .dsm-search-header dd.filter .label {
    height: 18px;
    color: #666;
    font-weight: 700
}
#dsm .dsm-search-header dd.filter select {
    width: 130px
}
#dsm .dsm-search-header dd.button {
    width: 130px;
    padding-top: 15px;
    padding-bottom: 8px;
    text-align: right
}
#dsm .dsm-search-header dd.button .submit {
    width: 129px;
    height: 27px;
    background-image: url(/IMAGES/SUMMARY/VIEW/button_search_submit.png);
    background-position: 0 0
}
#dsm .dsm-search-header dd.button .submit:hover {
    background-position: 0 -30px
}
#dsm .dsm-user-header {
    padding: 40px 0 0;
    background: #fff
}
#dsm .dsm-user-header .title {
    padding-right: 300px;
    color: #555
}
#dsm .dsm-user-header .title h1 {
    display: inline;
    font-size: 24px;
    line-height: 42px;
    font-weight: 700;
    background: url(/IMAGES/SUMMARY/VIEW/bg_stripe_01.png)
}
#dsm .dsm-user-header .title h1 small {
    font-size: 16px;
    font-weight: 400
}
#dsm .dsm-crown-list {
    margin-top: 45px;
    padding-top: 40px;
    border-top: 1px solid lightgrey
}
#dsm .dsm-crown-list .dsm-crown-list-header {
    margin-bottom: 25px
}
#dsm .dsm-crown-list .dsm-crown-list-header h2 {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle
}
#dsm .dsm-crown-list .dsm-crown-list-header p {
    display: inline-block;
    padding-left: 20px;
    font-size: 12px;
    vertical-align: middle
}
#dsm .dsm-crown-list .crowns {
    margin-bottom: -20px
}
#dsm .dsm-crown-list .crown {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    border-right: 1px solid #ddd;
    width: 80px;
    text-align: center
}
#dsm .dsm-crown-list .crown .mark {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 80px;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    vertical-align: middle
}
#dsm .dsm-crown-list .crown .month {
    margin-top: 8px;
    font-size: 12px
}
#dsm .dsm-crown-list .no-crown {
    color: #666;
    font-size: 14px
}
#dsm .dsm-details {
    padding-bottom: 45px;
    border-bottom: 1px solid lightgrey
}
#dsm .dsm-details-content {
    border-top: 5px solid #c71444
}
#dsm .dsm-details-content .details-main-content {
    float: left;
    width: 720px
}
#dsm .dsm-details-content .details-sub-content {
    float: left;
    width: 240px
}
#dsm .dsm-details-content .dsm-details-header {
    padding: 15px 30px 12px;
    border-bottom: 1px solid #d8d8d8;
    background: #fff
}
#dsm .dsm-details-content .dsm-details-header .theme {
    display: table;
    margin-bottom: 3px;
    background: #afafaf;
    border-radius: 5px;
    color: #fff
}
#dsm .dsm-details-content .dsm-details-header .theme dt {
    display: table-cell;
    font-weight: 700;
    padding: 3px 8px 2px
}
#dsm .dsm-details-content .dsm-details-header .theme dd {
    display: table-cell;
    padding: 3px 8px 2px 0
}
#dsm .dsm-details-content .dsm-details-header .theme dd a, #dsm .dsm-details-content .dsm-details-header .theme dd a:hover, #dsm .dsm-details-content .dsm-details-header .theme dd a:visited {
    color: #fff
}
#dsm .dsm-details-content .dsm-details-header .thread {
    display: table;
    margin-bottom: 6px
}
#dsm .dsm-details-content .dsm-details-header .thread dt {
    display: table-cell;
    background: #afafaf;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    padding: 3px 8px 2px;
    vertical-align: top
}
#dsm .dsm-details-content .dsm-details-header .thread dd {
    display: table-cell;
    padding: 3px 0 2px 8px;
    vertical-align: top
}
#dsm .dsm-details-content .dsm-details-header .author {
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 22px
}
#dsm .dsm-details-content .dsm-details-header .author i {
    margin-right: 10px
}
#dsm .dsm-details-content .dsm-details-header .title {
    margin-bottom: 10px
}
#dsm .dsm-details-content .dsm-details-header .title h1 {
    display: inline;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    background: url(/IMAGES/SUMMARY/VIEW/bg_stripe_01.png)
}
#dsm .dsm-details-content .dsm-details-header .description {
    font-size: 13px;
    line-height: 18px
}
#dsm .dsm-details-content .dsm-details-header .area {
    margin-top: 12px;
    color: #afafaf
}
#dsm .dsm-details-content .dsm-details-header .area dt {
    display: table-cell;
    padding-right: .5em;
    font-weight: 700;
    vertical-align: top
}
#dsm .dsm-details-content .dsm-details-header .area dd {
    display: table-cell;
    vertical-align: top
}
#dsm .dsm-details-content .dsm-details-header .area dd a, #dsm .dsm-details-content .dsm-details-header .area dd a:hover, #dsm .dsm-details-content .dsm-details-header .area dd a:visited {
    color: #afafaf
}
#dsm .dsm-details-content .spots {
    background: #fff;
    padding: 25px 35px 5px 30px
}
#dsm .dsm-details-content .spot {
    margin-bottom: 20px
}
#dsm .dsm-details-content .spot .spot-header {
    margin-bottom: 15px
}
#dsm .dsm-details-content .spot .spot-header .label {
    float: left;
    width: 65px;
    height: 22px;
    margin-top: 4px;
    background: #afafaf;
    color: #fff;
    line-height: 22px;
    font-weight: 700;
    text-align: center
}
#dsm .dsm-details-content .spot .spot-header h2 {
    margin-left: 80px;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700
}
#dsm .dsm-details-content .spot .spot-header p {
    font-size: 14px;
    line-height: 20px
}
#dsm .dsm-details-content .spot .spot-content {
    padding: 15px 0 20px 54px;
    border-left: 4px solid #f3f3f3
}
#dsm .dsm-details-content .spot .spot-content .spot-info {
    padding: 10px;
    border: 1px solid #ccc;
    background: #f1f1f1
}
#dsm .dsm-details-content .spot .spot-content .spot-info-image {
    display: table-cell;
    width: 105px;
    height: 85px;
    vertical-align: top
}
#dsm .dsm-details-content .spot .spot-content .spot-info-image .image {
    display: block;
    width: 95px;
    height: 71px;
    overflow: hidden
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details {
    display: table-cell;
    vertical-align: top
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .title {
    margin-bottom: 5px;
    font-size: 16px
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .title a {
    color: #069;
    font-weight: 700
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .title span {
    font-size: 14px
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .tags {
    margin-bottom: 6px
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .tags li {
    padding: 2px 6px 1px;
    margin-right: 5px;
    margin-bottom: 1px;
    background: #7da9b8;
    border-radius: 3px;
    font-size: 10px;
    color: #fff
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .comment {
    margin-bottom: 5px
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .comment dt {
    margin-bottom: 7px;
    padding-left: 28px;
    background: url(/IMAGES/SUMMARY/VIEW/details_spot-info-details_img_01.png) no-repeat;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .comment dt a {
    color: #069
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .comment dd {
    color: #666
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .meta li {
    display: inline-block;
    margin-right: 10px;
    color: #666;
    font-size: 13px;
    font-weight: 700;
    vertical-align: baseline
}
#dsm .dsm-details-content .spot .spot-content .spot-info-details .meta li img {
    vertical-align: text-bottom
}
#dsm .dsm-details-content .point {
    padding: 14px 50px 20px;
    background: #e8e8e8
}
#dsm .dsm-details-content .point h2 {
    width: 185px;
    height: 21px;
    margin-bottom: 15px;
    background-image: url(/IMAGES/SUMMARY/VIEW/details_point_h.png)
}
#dsm .dsm-details-content .point p {
    font-size: 14px;
    line-height: 22px
}
#dsm .dsm-details-content .related {
    padding: 25px 30px;
    border-bottom: 1px solid #e8e8e8;
    background: #fff
}
#dsm .dsm-details-content .related h2 {
    display: table-cell;
    width: 105px;
    vertical-align: top
}
#dsm .dsm-details-content .related h2 span {
    display: inline-block;
    width: 81px;
    height: 23px;
    background-image: url(/IMAGES/SUMMARY/VIEW/details_related_h.png)
}
#dsm .dsm-details-content .related ul {
    display: table-cell;
    padding-top: 3px;
    font-size: 13px;
    vertical-align: top
}
#dsm .dsm-details-content .related ul a {
    padding-left: 15px;
    background: url(/IMAGES/SUMMARY/VIEW/details_arrow_01.png) no-repeat 0 .35em
}
#dsm .dsm-details-content .update {
    position: relative;
    margin-bottom: 40px;
    padding: 15px 30px;
    background: #fff;
    color: #999;
    font-size: 10px
}
#dsm .dsm-details-content .update:after {
    width: 0;
    height: 0;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 23px solid #fff;
    content: "";
    position: absolute;
    left: 333px;
    bottom: -23px;
    z-index: 10
}
#dsm .dsm-details-content .content-footer {
    background: #d1d1d1
}
#dsm .dsm-details-content .content-footer .left {
    display: table-cell;
    width: 305px;
    padding: 20px 0 20px 88px;
    vertical-align: middle
}
#dsm .dsm-details-content .content-footer .right {
    display: table-cell;
    width: 212px;
    padding: 20px 115px 20px 0;
    vertical-align: middle
}
#dsm .dsm-details-content .content-footer .like-button {
    display: inline-block;
    width: 264px;
    height: 55px;
    background-image: url(/IMAGES/SUMMARY/VIEW/details_like-button_01.png)
}
#dsm .dsm-details-content .content-footer .like-button:hover {
    background-position: 0 -60px
}
#dsm .dsm-details-content .content-footer .like-status {
    padding-bottom: 5px;
    border-bottom: 1px solid #a8a8a8;
    font-size: 11px;
    font-weight: 700;
    text-align: center
}
#dsm .dsm-details-content .content-footer .like-status em {
    font-size: 18px
}
#dsm .dsm-details-content .content-footer .user-page {
    padding-top: 5px;
    border-top: 1px solid #e8e8e8;
    font-size: 12px;
    text-align: center
}
#dsm .dsm-details-content .content-footer .user-page a {
    display: block;
    padding: 0 15px;
    background: url(/IMAGES/SUMMARY/VIEW/details_arrow_01.png) no-repeat 0 .2em
}
#dsm .dsm-details-content .main-image {
    width: 240px;
    height: 220px
}
#dsm .dsm-details-content .sns {
    padding: 22px 0 15px;
    background: #333 url(/IMAGES/SUMMARY/VIEW/details_sns_bg.png);
    text-align: center
}
#dsm .dsm-details-content .sns .like-button {
    display: inline-block;
    width: 150px;
    height: 70px;
    margin-bottom: 12px;
    background-image: url(/IMAGES/SUMMARY/VIEW/details_like-button_02.png)
}
#dsm .dsm-details-content .sns .like-button:hover {
    background-position: 0 -70px
}
#dsm .dsm-details-content .sns .like-status {
    margin-bottom: 12px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center
}
#dsm .dsm-details-content .sns .like-status em {
    font-size: 18px
}
#dsm .dsm-details-content .sns .sns-buttons .sns-list {
    display: inline-table;
    color: #fff;
    text-align: left
}
#dsm .dsm-details-content .sns .sns-buttons .sns-list li {
    float: none;
    margin: 0 0 5px
}
#dsm .dsm-details-content .create {
    margin: 20px 0 0 20px;
    width: 220px;
    height: 513px;
    background: #e2e2e2
}
#dsm .dsm-details-content .create .button {
    height: 100%
}
#dsm .dsm-details-content .create .button a {
    display: block;
    height: 100%;
    background-image: url(/IMAGES/SUMMARY/VIEW/details_create_button.png)
}
#dsm .dsm-details-content .create .button a:hover {
    background-position: -220px 0
}
#dsm .dsm-home-create, #dsm .dsm-home-view {
    background: #fff
}
#dsm .dsm-home-find {
    background: #f3f3f3
}
#dsm .dsm-home-header {
    padding: 30px 0 50px;
    text-align: center
}
#dsm .dsm-home-header .inner {
    background: url(/IMAGES/SUMMARY/VIEW/home_header_bg.png) no-repeat 601px 0
}
#dsm .dsm-home-header .sns-buttons {
    position: absolute;
    right: 0;
    top: -52px;
    z-index: 3
}
#dsm .dsm-home-header .sns-buttons .sns-list .gplus {
    margin-right: 0
}
#dsm .dsm-home-header .title {
    padding-top: 14px
}
#dsm .dsm-home-header .title h1 {
    width: 384px;
    height: 72px;
    margin-bottom: 24px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_h1.png)
}
#dsm .dsm-home-header .title p {
    font-size: 14px
}
#dsm .dsm-home-header .toc {
    width: 404px;
    height: 185px;
    margin-top: 32px
}
#dsm .dsm-home-header .toc li {
    display: table-cell;
    width: 202px
}
#dsm .dsm-home-header .toc li a {
    display: inline-block;
    width: 182px;
    height: 185px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_button_toc.png)
}
#dsm .dsm-home-header .toc li.home {
    text-align: left
}
#dsm .dsm-home-header .toc li.home a {
    background-position: 0 0
}
#dsm .dsm-home-header .toc li.home a:hover {
    background-position: 0 -200px
}
#dsm .dsm-home-header .toc li.find {
    text-align: center
}
#dsm .dsm-home-header .toc li.find a {
    background-position: -212px 0
}
#dsm .dsm-home-header .toc li.find a:hover {
    background-position: -212px -200px
}
#dsm .dsm-home-header .toc li.create {
    text-align: right
}
#dsm .dsm-home-header .toc li.create a {
    background-position: -423px 0
}
#dsm .dsm-home-header .toc li.create a:hover {
    background-position: -423px -200px
}
#dsm .dsm-home-create .section-header, #dsm .dsm-home-find .section-header, #dsm .dsm-home-view .section-header {
    display: table;
    width: 100%;
    margin-bottom: 35px
}
#dsm .dsm-home-create .section-header h2, #dsm .dsm-home-find .section-header h2, #dsm .dsm-home-view .section-header h2 {
    display: table-cell
}
#dsm .dsm-home-create .section-header h2 span, #dsm .dsm-home-find .section-header h2 span, #dsm .dsm-home-view .section-header h2 span {
    display: inline-block;
    width: 232px;
    height: 38px
}
#dsm .dsm-home-create .section-header p, #dsm .dsm-home-find .section-header p, #dsm .dsm-home-view .section-header p {
    display: table-cell;
    text-align: right;
    vertical-align: bottom;
    font-size: 14px;
    font-weight: 700
}
#dsm .dsm-home-create .section-header p span, #dsm .dsm-home-find .section-header p span, #dsm .dsm-home-view .section-header p span {
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 1px dashed #959595
}
#dsm .dsm-home-view {
    padding: 40px 0 60px
}
#dsm .dsm-home-view .section-header h2 span {
    background-image: url(/IMAGES/SUMMARY/VIEW/home_h2_01.png)
}
#dsm .dsm-home-view .button-more {
    height: 47px;
    background: #666 url(/IMAGES/SUMMARY/VIEW/home_button_more.png) no-repeat 50% 50%;
    cursor: pointer
}
#dsm .dsm-home-view .button-more:hover {
    background-color: #858585
}
#dsm .dsm-home-find {
    padding: 40px 0 50px
}
#dsm .dsm-home-find .section-header h2 span {
    background-image: url(/IMAGES/SUMMARY/VIEW/home_h2_02.png)
}
#dsm .dsm-home-find dt span {
    display: inline-block
}
#dsm .dsm-home-find .ranking {
    float: left;
    width: 635px
}
#dsm .dsm-home-find .ranking dt {
    margin-bottom: 20px
}
#dsm .dsm-home-find .ranking dt span {
    width: 179px;
    height: 16px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_h_ranking.png)
}
#dsm .dsm-home-find .ranking ol {
    list-style: none
}
#dsm .dsm-home-find .ranking li {
    margin-bottom: 5px
}
#dsm .dsm-home-find .ranking li a {
    display: block;
    overflow: hidden;
    padding-left: 30px;
    background: #fff url(/IMAGES/SUMMARY/VIEW/home_ranking_img.png) no-repeat
}
#dsm .dsm-home-find .ranking li a:hover {
    color: #c71444;
    text-decoration: none
}
#dsm .dsm-home-find .ranking li a:hover .image img {
    -ms-filter: "alpha(opacity=50)";
    opacity: .5
}
#dsm .dsm-home-find .ranking li a:hover .name {
    color: #c71444 !important;
    text-decoration: underline
}
#dsm .dsm-home-find .ranking li a .name {
    margin-bottom: 3px;
    color: #555
}
#dsm .dsm-home-find .ranking li a .author {
    color: #9b9b9b;
    font-size: 12px
}
#dsm .dsm-home-find .ranking li.ranking-1 a {
    background-position: 0 0
}
#dsm .dsm-home-find .ranking li.ranking-2 a {
    background-position: 0 -65px
}
#dsm .dsm-home-find .ranking li.ranking-3 a {
    background-position: 0 -130px
}
#dsm .dsm-home-find .ranking li.ranking-4 a {
    background-position: 0 -195px
}
#dsm .dsm-home-find .ranking li.ranking-5 a {
    background-position: 0 -250px
}
#dsm .dsm-home-find .ranking li.type-1 a {
    height: 60px
}
#dsm .dsm-home-find .ranking li.type-1 .image {
    display: table-cell;
    width: 70px;
    height: 60px
}
#dsm .dsm-home-find .ranking li.type-1 .image span {
    display: block;
    width: 70px;
    height: 60px
}
#dsm .dsm-home-find .ranking li.type-1 .text {
    display: table-cell;
    height: 60px;
    padding-left: 17px;
    vertical-align: middle
}
#dsm .dsm-home-find .ranking li.type-1 .text .name {
    font-size: 16px
}
#dsm .dsm-home-find .ranking li.type-2 a {
    height: 50px
}
#dsm .dsm-home-find .ranking li.type-2 .text {
    display: table-cell;
    height: 50px;
    padding-left: 20px;
    vertical-align: middle
}
#dsm .dsm-home-find .ranking li.type-2 .text .name {
    font-size: 13px
}
#dsm .dsm-home-find .theme {
    float: right;
    width: 240px
}
#dsm .dsm-home-find .theme dt {
    margin-bottom: 20px
}
#dsm .dsm-home-find .theme dt span {
    width: 112px;
    height: 16px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_h_theme.png)
}
#dsm .dsm-home-find .theme ul {
    margin-bottom: -5px
}
#dsm .dsm-home-find .theme ul li {
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}
#dsm .dsm-home-find .theme ul a {
    display: inline-block;
    padding: 2px 5px;
    background: #e4e4e4;
    border-radius: 5px;
    color: #666;
    white-space: nowrap
}
#dsm .dsm-home-find .theme ul a:hover {
    color: #c71444
}
#dsm .dsm-home-find .thread {
    width: 635px;
    margin-top: 15px
}
#dsm .dsm-home-find .thread dt {
    margin-bottom: 15px
}
#dsm .dsm-home-find .thread dt span {
    display: block;
    float: left;
    width: 89px;
    height: 16px;
    margin-top: 5px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_h_thread.png)
}
#dsm .dsm-home-find .thread dt .button {
    display: block;
    float: right;
    width: 92px;
    height: 27px;
    background-image: url(/IMAGES/SUMMARY/VIEW/dsm-footer-nav_button_01.png)
}
#dsm .dsm-home-find .thread dt .button:hover {
    background-position: 0 -30px
}
#dsm .dsm-home-find .thread li {
    margin-bottom: 5px
}
#dsm .dsm-home-find .thread li a {
    display: table;
    width: 100%;
    color: #555
}
#dsm .dsm-home-find .thread li a:hover {
    color: #c71444
}
#dsm .dsm-home-find .thread li a i {
    display: table-cell;
    width: 59px;
    background: #666 url(/IMAGES/SUMMARY/VIEW/dsm-footer-nav_img_01.png) no-repeat 50% 50%;
    text-align: center;
    vertical-align: middle
}
#dsm .dsm-home-find .thread li a span {
    display: table-cell;
    padding: 8px 12px;
    background: #fff;
    font-size: 16px
}
#dsm .dsm-home-find .search {
    margin-top: 30px;
    padding: 30px 0 0;
    border-top: 1px solid #ccc
}
#dsm .dsm-home-find .search dl {
    display: table;
    width: 100%
}
#dsm .dsm-home-find .search dt {
    display: table-cell;
    width: 150px;
    vertical-align: middle
}
#dsm .dsm-home-find .search dt span {
    width: 112px;
    background-image: url(/IMAGES/SUMMARY/VIEW/dsm-footer-nav_h.png);
    background-position: 0 -20px
}
#dsm .dsm-home-find .search dd {
    display: table-cell;
    vertical-align: middle
}
#dsm .dsm-home-find .search dd.filter {
    padding-bottom: 8px
}
#dsm .dsm-home-find .search dd.filter li {
    width: 150px
}
#dsm .dsm-home-find .search dd.filter .label {
    height: 18px;
    color: #666;
    font-weight: 700
}
#dsm .dsm-home-find .search dd.filter select {
    width: 130px
}
#dsm .dsm-home-find .search dd.button {
    width: 188px;
    padding-top: 15px;
    padding-bottom: 8px
}
#dsm .dsm-home-find .search dd.button .submit {
    width: 129px;
    height: 27px;
    background-image: url(/IMAGES/SUMMARY/VIEW/button_search_submit.png);
    background-position: 0 0
}
#dsm .dsm-home-find .search dd.button .submit:hover {
    background-position: 0 -30px
}
#dsm .dsm-home-create {
    padding: 40px 0 50px
}
#dsm .dsm-home-create .section-header h2 span {
    background-image: url(/IMAGES/SUMMARY/VIEW/home_h2_03.png)
}
#dsm .dsm-home-create .lead {
    min-height: 87px;
    margin-bottom: 22px;
    padding-right: 184px;
    background: url(/IMAGES/SUMMARY/VIEW/home_create_img_01.png) no-repeat 100% 0
}
#dsm .dsm-home-create .lead h3 {
    margin-bottom: 5px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 700
}
#dsm .dsm-home-create .lead p {
    font-size: 14px;
    line-height: 20px
}
#dsm .dsm-home-create .lead p em {
    color: #c71444
}
#dsm .dsm-home-create .lead .button {
    text-align: left;
    margin-top: 20px
}
#dsm .dsm-home-create .create-info {
    margin-bottom: 30px;
    padding: 6px 6px 0;
    border: 1px solid #dedede;
    background: #e5e5e5
}
#dsm .dsm-home-create .create-info .section {
    margin-bottom: 6px;
    padding: 25px 27px;
    border: 1px solid #dedede;
    background: #fff
}
#dsm .dsm-home-create .create-info .section h3 {
    height: 18px;
    margin-bottom: 10px
}
#dsm .dsm-home-create .create-info .section p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}
#dsm .dsm-home-create .create-info .section .footnote {
    color: #999;
    font-size: 12px
}
#dsm .dsm-home-create .create-info .section-1 h3 {
    width: 122px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_create_h3_01.png)
}
#dsm .dsm-home-create .create-info .section-1 .fig {
    display: inline-block;
    width: 890px;
    height: 60px;
    background: url(/IMAGES/SUMMARY/VIEW/home_create_img_02.png) no-repeat
}
#dsm .dsm-home-create .create-info .section-2 {
    min-height: 106px;
    padding-left: 331px;
    background: #fff url(/IMAGES/SUMMARY/VIEW/home_create_img_03.png) no-repeat 61px 50%
}
#dsm .dsm-home-create .create-info .section-2 h3 {
    width: 351px;
    margin-top: 10px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_create_h3_02.png)
}
#dsm .dsm-home-create .create-info .section-3 {
    padding-right: 325px;
    background: #fff url(/IMAGES/SUMMARY/VIEW/home_create_img_05.png) no-repeat 683px 60px
}
#dsm .dsm-home-create .create-info .section-3 h3 {
    width: 620px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_create_h3_03.png)
}
#dsm .dsm-home-create .create-info .section-3 .fig {
    display: inline-block;
    width: 590px;
    height: 70px;
    background: url(/IMAGES/SUMMARY/VIEW/home_create_img_04.png) no-repeat
}
#dsm .dsm-home-create .create-info .section-3 .amazon-footnote {
    font-size: 10px;
    line-height: 1.3
}
#dsm .dsm-home-create .create-info .section-3 .odai {
    padding: 15px 18px;
    border: 1px solid #0a0204;
    background: #f7f7f7;
    font-size: 16px
}
#dsm .dsm-home-create .create-info .section-3 .odai dt {
    display: table-cell
}
#dsm .dsm-home-create .create-info .section-3 .odai dd {
    display: table-cell;
    font-weight: 700
}
#dsm .dsm-home-create .create-info .section-3 .odai li {
    margin-top: 5px
}
#dsm .dsm-home-create .create-info .section-3 .odai li:first-child {
    margin-top: 0
}
#dsm .dsm-home-create .button {
    text-align: center
}
#dsm .dsm-home-create .button a {
    display: inline-block;
    width: 260px;
    height: 50px;
    background-image: url(/IMAGES/SUMMARY/VIEW/home_button_create.png)
}
#dsm .dsm-home-create .button a:hover {
    background-position: 0 -50px
}
#dsm .dsm-home-view-list .hide-list {
    display: none
}
#dsm .dsm-home-view-list .article-list-row {
    margin-bottom: 13px
}
#dsm .dsm-home-view-list .article {
    float: left;
    width: 310px;
    height: 180px;
    padding-left: 15px
}
#dsm .dsm-home-view-list .article:first-child {
    padding-left: 0
}
#dsm .dsm-home-view-list .article a {
    position: relative;
    display: block;
    width: 310px;
    height: 180px;
    color: #555;
    background: #f3f3f3
}
#dsm .dsm-home-view-list .article a:after {
    content: "";
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 7px;
    height: 9px;
    z-index: 5;
    background: url(/IMAGES/SUMMARY/VIEW/icon_arrow_01.png) no-repeat
}
#dsm .dsm-home-view-list .article a i.badge-feature {
    position: absolute;
    top: -7px;
    right: -8px;
    z-index: 5
}
#dsm .dsm-home-view-list .article a .slide-frame {
    position: relative;
    width: 310px;
    height: 180px;
    overflow: hidden
}
#dsm .dsm-home-view-list .article a .slide-frame.active .text {
    z-index: 3
}
#dsm .dsm-home-view-list .article a .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 310px;
    height: 180px;
    overflow: hidden;
    background: #ededed
}
#dsm .dsm-home-view-list .article a .image span {
    display: block;
    width: 310px;
    height: 180px
}
#dsm .dsm-home-view-list .article a .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 310px;
    height: 180px;
    overflow: hidden;
    background: #f3f3f3
}
#dsm .dsm-home-view-list .article a .text .text-frame {
    width: 310px;
    height: 180px
}
#dsm .dsm-home-view-list .article a .text .text-inner {
    display: table-cell;
    width: 250px;
    height: 180px;
    padding: 0 30px;
    vertical-align: middle
}
#dsm .dsm-home-view-list .article a .name {
    margin-bottom: 3px;
    font-size: 20px;
    font-weight: 700
}
#dsm .dsm-home-view-list .article a .author {
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 700
}
#dsm .dsm-home-view-list .article a:hover {
    color: #c71444;
    text-decoration: none
}
#dsm .dsm-home-view-list .article a:hover .text {
    background: #f5f5f5
}
#dsm .dsm-home-view-list .article a:hover .name {
    text-decoration: underline;
    opacity: .8
}