#noticeMessage {
    display: inline-block;
    margin-top: 53px;
    width: 100%;
}
.slide.close:before {
    background-position: 0 0;
    margin-top: -4px;
}
.slide.open:before {
    background-position: -14px 0;
    margin-top: -4px;
}
.slide:before {
    display: block;
    position: absolute;
    top: 20px;
    left: 15px;
    width: 12px;
    height: 12px;
}
.messageList li {
    font-size: 12px;
    line-height: 1.4;
    border-bottom: 1px solid #e6e6e6;
    list-style: none;
}

.iconAfter:after, .iconBefore:before {
    position: relative;
    content: "";
    display: block;
}
.icon, .iconAfter:after, .iconBefore:before {
    background-image: url(http://robots.dmm.com/files/images/top/pc/sprite.png);
    background-repeat: no-repeat;
}

.txt {
    color: #333;
}
.inlineBlock>*, .hasInlineBlock>*, .hasInlineBlock:before, .hasInlineBlock:after {
    display: inline-block;
    font-size: 12px;
    word-spacing: normal;
    vertical-align: top;
}



/* お知らせ(ヘッダー)
--------------------------------------*/
#urgentMessage,
#noticeMessage {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック" , sans-serif;
}
.messageList li {
    font-size: 12px;
    line-height: 1.4;
    border-bottom: 1px solid #e6e6e6;
}
.messageList li > a {
    display: block;
    padding: 16px 15px;
    background: #f3f3f3;
}
.messageList li .innerBox {
    width: 100%;
}
.messageList li a .message,
.messageList li .innerBox .message,
.messageList li .innerBox .urgentMessage {
    color: #1a1a1a;
    font-weight: bold;
    font-size: 12px;
}
.messageList li a .linkTxt {
    color: #33a1bc;
    margin-left: 10px;
}
.messageList li a:hover .linkTxt {
    text-decoration: underline;
}
.messageList li .txtBox {
    margin: -3px 0 13px;
}
.messageList li .txtBox .txt {
    color: #666;
    line-height: 1.6;
}
.messageList {
    background: #f3f3f3;
}
.messageList .innerBox .message {
    cursor: pointer;
    padding: 6px 0 16px 42px;
}
.messageList .innerBox .message:hover {
    text-decoration: underline;
}
.messageList .hiddenBlock {
    display: none;
}
.messageList .switchHover.open > .hiddenBlock {
    display: block!important;
}
.messageList .hiddenBlock.open {
    display: block;
}
.messageList .hiddenBlock.messageTxtBox {
    padding: 0 15px 15px 42px!important;
    word-break: break-all;
}
.messageList .hiddenBlock.messageTxtBox .txt {
    margin: 0;
    color: #666;
}
.messageList .hiddenBlock.messageTxtBox .txt a {
    color: #33a1bc;
}
.messageList .switch {
    cursor: pointer;
}
.messageList .switch + .hiddenBlock {
    display: none;
}
.messageList .switch:hover .message .txt {
    text-decoration: underline;
}
.messageList .switch:hover .message .txt a {
    color: #33a1bc;
}
.messageList .importantIcon {
    width: 32px;
    height: 20px;
    line-height: 19px;
    background: #ff0002;
    color:  #fff;
    text-align:  center;
    margin-left: 15px;
    font-size: 11px;
    font-weight:  normal;
    margin-top: -2px;
}

.messageList .innerBox .urgentMessage {
    padding: 16px 15px;
}
.messageList .innerBox .urgentMessage a {
    display: inline-block;
    padding: 0;
}
.messageList .innerBox .urgentMessage .linkTxt {
    padding-left: 10px;
}
.messageList .innerBox .urgentMessage .linkTxt a {
    color: #33a1bc;
}
.messageList .innerBox .urgentMessage .linkTxt a:hover {
    text-decoration: underline;
}