/* info.cssとの差分のみなので、info.cssを読み込んでいる前提です。 */ 

/* list */
.helpListContainer {
    padding: 0;
    width: 272px;
}
.helpListContainer * {
    font-size: 14px;
}
.helpListContainer > li {
    margin: 9px 0;
}
.helpListContainer > li:last-child {
    margin: 9px 0 0 0;
}
.helpList > .newBadge {
    width: 42px;
    height: 16px;
    top: -5px;
    left: 9px;
}
.helpList > .activeFrame {
    width: 305px;
    height: 120px;
    left: -15px;
    top: -20px;
}

/* list */
.helpListContainer {
    padding: 0;
    width: 272px;
}
.helpListContainer * {
    font-size: 14px;
}
.helpListContainer > li {
    margin: 9px 0;
}
.helpListContainer > li:last-child {
    margin: 9px 0 0 0;
}
.helpList > .listData {
    width: 254px;
    height: 67px;
    padding: 10px 9px 9px 9px;
}
.helpList > .listData > h1 {
    margin: 2px 0 0 0;
    width: 214px;
}
.helpList.selected > .activeTag {
    width: 25px;
    height: 25px;
    left: 5px;
    top: 5px;
}
.helpList > .listData > .arrowIcon {
    width: 32px;
    height: 20px;
}
.helpSubListData.selected > .activeFrame {
    width: 300px;
    height: 120px;
    left: -15px;
    top: -20px;
}
.helpSubListData.selected > .activeTag {
    width: 25px;
    height: 25px;
    left: 10px;
    top: 5px;
}
.helpSubListData > .listData {
    width: 245px;
    height: 65px;
    margin: 5px 0 5px 5px;
    padding: 10px 9px 9px 9px;
}
.helpSubListData > .listData > h1 {
    width: 223px;
}

/* detail header */
.helpDetailHeader {
    margin: 17px 19px 0 19px;
}
.helpDetailHeader h1 {
    font-size: 20px;
}