/*
 * Mypage chrome table: kill white seams between tab GIFs and teal submenu.
 * styles.css sets img{max-width:100%!important}; home-new uses border-collapse:separate.
 */
.mypage-menu,
.mypage-menu table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.mypage-menu > tbody > tr > td {
    padding: 0;
}

/* Flush title + tab GIF rows to the teal bar (no baseline gap) */
.mypage-menu > tbody > tr:nth-child(1) > td,
.mypage-menu > tbody > tr:nth-child(2) > td {
    vertical-align: bottom;
}

.mypage-menu img {
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    display: block;
    border: 0;
    vertical-align: top;
}

.mypage-menu #dropmenu,
.mypage-menu #dropmenu ul,
.mypage-menu #dropmenu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mypage-menu #dropmenu a {
    display: block;
    line-height: 0;
    font-size: 0;
}

/* Submenu links: www2 original = blue #0000ee (home-new forces purple #551a8b) */
.mypage-menu td.yellow_12 a,
.mypage-menu td.yellow_12 a:link,
.mypage-menu td.yellow_12 a:visited,
.mypage-menu td.yellow_12 a:hover,
.mypage-menu td.white_12 a,
.mypage-menu td.white_12 a:link,
.mypage-menu td.white_12 a:visited,
.mypage-menu td.white_12 a:hover {
    color: #0000ee;
    text-decoration: underline;
    font-size: 12px;
    line-height: normal;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-weight: normal;
}

/* Sample gray3_11 (whatsnew.css) — crumb must not inherit Noto / #686868 from styles.css */
.gray3_11 {
    color: #aca696;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 11px;
    font-weight: normal;
    line-height: normal;
}

/* Sample ecommunity/style.css — diary list / wall chrome text (without loading style.css) */
.orenge_16_b {
    color: #df6011;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 16px;
    font-weight: bold;
}

.brown2_11 {
    color: #ae8f4f;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 11px;
}

.brown2_12_b {
    color: #af904f;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    font-weight: bold;
}

.gray3_12 {
    word-break: break-all;
    color: #686868;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
}

.gray2_12_b {
    color: #a7a7a7;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    font-weight: bold;
}

.gray_12_b {
    color: #686868;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    font-weight: bold;
}

.brown3_12_b {
    color: #9b8578;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    font-weight: bold;
}

.blue2_14_b {
    color: #4e93aa;
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

.input_1,
.input_4 {
    font-family: "ＭＳ ゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
}

textarea.input_4 {
    height: auto;
    line-height: 16px;
    border: 1px solid #b3cddf;
    color: #313131;
    background: #fff;
}

/* pagerjp class_num="fl" — page numbers only (blue + underline). Image buttons stay undecorated. */
a.fl,
a.fl:link,
a.fl:visited,
a.fl:hover {
    color: #0000ee;
    text-decoration: underline;
}

a.pager-btn,
a.pager-btn:link,
a.pager-btn:visited,
a.pager-btn:hover {
    text-decoration: none;
}

/* Sample siderbar.php GAME START + tooltip (styles not in shared CSS files) */

.group-start-game {
    background: url(/images/homenew/start2_small/bg.png);
    background-repeat: no-repeat;
    padding-top: 72px;
    width: 154px;
    height: 172px;
    margin-left: 0px;
    padding-left: 6px;
    margin-top: 10px;
    box-sizing: border-box;
}

.group-start-game a,
.button1_n,
.button2_n,
.button3_n {
    float: left;
}

.button1_n,
.button2_n,
.button3_n {
    margin-bottom: 2px;
}

.button1_n a {
    background: url(/images/homenew/start2_small/btn1_hover.png) no-repeat;
}

.button2_n a {
    background: url(/images/homenew/start2_small/btn2_hover.png) no-repeat;
}

.button3_n a {
    background: url(/images/homenew/start2_small/btn3_hover.png) no-repeat;
}

.button1_n a:hover img,
.button2_n a:hover img,
.button3_n a:hover img {
    display: block;
    visibility: hidden;
}

.tooltipl {
    position: relative;
}

.tooltipl .tooltiptext {
    background: #fffbe8 url(/images/homenew/start2_small/tooltip_bg.png) no-repeat;
    background-size: contain;
    min-width: 156px;
    color: #000;
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    padding: 18px 6px 9px;
    position: absolute;
    z-index: 1;
    bottom: -63px;
    left: 50%;
    margin-left: -60px;
    line-height: 18px;
    display: none;
    font-family: sans-serif;
}

.tooltipl:hover .tooltiptext {
    display: block;
}

.tooltipl .tooltiptext:hover {
    display: none;
    pointer-events: none;
}

/* Keep sample column widths: gsg margin-left:26 must not expand the 170td */
td.mypage-sidebar {
    width: 170px;
    max-width: 170px;
    overflow: visible;
}

td.mypage-sidebar > table:first-child {
    width: 155px !important;
    max-width: 155px;
}

/*
 * Wall frame (最近の一言 / 一言メッセージ):
 * home-new.css sets .box-avata-tbl { display:inline-block; float:left } which
 * blows the 323px table past new_top_bg.gif / new_bottom.gif → white corner gaps.
 * Keep cells as real table-cells so left/right border GIFs stay flush.
 */
/* Different content heights must not vertically-center the shorter frame. */
#parent-show table.wall-frames-row > tbody > tr > td {
    vertical-align: top !important;
}

/*
 * Sample frames are flush 323×313 (top 41 + body 256 + bottom 16).
 * Keep both boxes that height so bottoms align; paint side borders as
 * backgrounds so the first content row does not swallow the slack.
 */
#parent-show table.wall-frame {
    width: 323px;
    height: 313px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

/* Kill home-new float/inline-block that blows past new_top_bg.gif width */
#parent-show table.wall-frame > tbody > tr > td.box-avata-tbl {
    display: table-cell !important;
    float: none !important;
    width: 46px !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#parent-show table.wall-frame > tbody > tr > td.box-avata-tbl img {
    width: 100% !important;
    max-width: 46px !important;
    height: auto !important;
    display: inline !important;
}

#parent-show table.wall-frame > tbody > tr > td.wall-first-body {
    display: table-cell !important;
    float: none !important;
    vertical-align: top !important;
}

/* Pin first 最近の一言 row — leftover body height goes to .wall-spacer */
#parent-show table.wall-frame tr.wall-first-row > td.box-avata-tbl,
#parent-show table.wall-frame tr.wall-first-row > td.wall-first-body {
    height: 64px !important;
    max-height: 64px !important;
    overflow: hidden;
}

#parent-show table.wall-frame tr.wall-spacer > td {
    height: auto;
    font-size: 0;
    line-height: 0;
    padding: 0;
}

/* Border slice GIFs: bootstrap max-width:100% / display:block breaks corners */
#parent-show table.wall-frame img[src*="new_top_bg"],
#parent-show table.wall-frame img[src*="mss_top_bg"],
#parent-show table.wall-frame img[src*="new_bottom"],
#parent-show table.wall-frame img[src*="new_line"],
#parent-show table.wall-frame img[src*="mss_bg"] {
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    display: inline !important;
    vertical-align: top;
}

#parent-show table.wall-frame td.wall-side-l,
#parent-show table.wall-frame td.wall-side-r {
    background-repeat: repeat-y;
    background-position: top left;
    vertical-align: top !important;
    font-size: 0;
    line-height: 0;
    padding: 0 !important;
}

#parent-show table.wall-frame td.wall-side-l {
    background-image: url(/images/homenew/new_left.gif);
    width: 15px !important;
}

#parent-show table.wall-frame td.wall-side-r {
    background-image: url(/images/homenew/new_right.gif);
    width: 11px !important;
}

#parent-show table.wall-frame td.wall-side-l img,
#parent-show table.wall-frame td.wall-side-r img {
    display: block !important;
    max-width: none !important;
    width: 15px !important;
    height: 256px !important;
    max-height: 256px !important;
    opacity: 0;
    border: 0;
}

#parent-show table.wall-frame td.wall-side-r img {
    width: 11px !important;
}