body {
    margin: 0 auto;
    width: 1000px;
    position: relative;
    background: url("./images/13move46.gif");
    /* background: linear-gradient(180deg, rgb(175, 195, 238) 0%, rgb(255, 250, 250) 70%) fixed; */
    background-repeat: repeat;
    cursor: url("./cursors/arrow.png"), auto;
    font-size: 16px;
}

.wrapper {
    width: 900px;
    margin: 0 auto;
}

.sidebar-img,
.footer,
.title,
#toplinks,
.box {
    margin-top: 25px;
}

/* #toplinks .inner {
    height: 16px;
} */

.blink {
  animation: blinker 0.5s step-start infinite;
}

@keyframes blinker {
  50% {
    color: #ffcc00;
  }
}

.title,
#toplinks,
.footer {
    text-align: center;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

td {
    text-align: center;
    vertical-align: middle;
}

#toplinks ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#toplinks li {
    display: inline-block;
}

#toplinks li:before {
    content: "「";
}

#toplinks li:after {
    content: "」 ∷ ";
}

#toplinks .last:after {
    content: "」";
}

#toplinks li:before,
#toplinks li:after {
    letter-spacing: 0.1em;
}

.box {
    border: 1px solid black;
    padding: 0.5em 1em;
}

.inner {}

.box img,
.sidebar img {
    max-width: 100%;
    height: auto;
}

.sidebar {
    width: 200px;
    float: left;
}

.sidebar-image {
    margin-bottom: -25px;
}

.sidebar-image img {
    display: block;
}

.main-wrapper {
    margin-left: 200px;
}

.main {
    columns: 2;
    column-gap: 25px;
}

.dual {
    columns: 2;
    column-gap: 25px;
}

.main .box {
    display: inline-block;
}

.single-column {
    position: relative;
    columns: 1;
}

.footer {
    margin-bottom: 25px;
}

@font-face {
    font-family: MSPGothic;
    font-display: swap;
    src: url('./font/msp.ttf');
}

@font-face {
    font-family: vmufont;
    font-display: swap;
    src: url('./font/mobile-font.regular.ttf');
}

@font-face {
	font-family: vmufont2;
	font-display: swap;
	src: url('./font/04b.ttf');
}

@font-face {
	font-family: ibm;
	font-display: swap;
	src: url('./font/Web437_IBM_XGA-AI_7x15.woff');
}


h3 {
    font-family: 'MS PGothic', 'MS Gothic', MSPGothic, 'Hiragino Kaku Gothic Pro', Tahoma;
}

p:hover {
    cursor: url("./cursors/beam.png"), auto;
}

a:hover {
    cursor: url("./cursors/hand2.png"), auto;
    text-transform: full-width;
    font-style: italic;
}

::-moz-selection {
    color: white;
    background: #98d5f9;
}

::selection {
    color: white;
    background: #98d5f9;
}


/* for epic win crunchy text...doesnt work in chrome! fail! */

html {
    -moz-osx-font-smoothing: none;
    font-smooth: never;
    -webkit-font-smoothing: none;
}

body,
b,
i,
table,
td,
tr,
th {
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: unset;
    font-smoothing: unset;
    font-smooth: never;
    filter: contrast(1);
    -ms-interpolation-mode: nearest-neighbor;
    /* background: linear-gradient(180deg, rgb(191, 229, 246) 0%, rgb(255, 250, 250) 60%) fixed; */
    font-family: 'MS PGothic', 'MS Gothic', MSPGothic, 'Hiragino Kaku Gothic Pro', Tahoma;
}

.nointerp {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

a {
    color: #4f637e;
    text-decoration: none;
}

ul {
    margin-left: 10px;
    padding-left: 0;
}

li::before {
    content: url("./images/star2.gif");
    padding-left: 0;
    padding-right: 4px;
}

li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5em;
}

.title {
    font-size: 1.2em;
}

.title .box {
    /*    background: url("./testbg1.png");*/
    background-color: white;
    min-height: fit-content;
}

.wrapper {
    margin-top: 30px;
    width: 900px;
}

.sidebar-img,
.footer,
.title,
#toplinks,
.box {
    margin-top: 15px;
}

h1 {
    font-family: 'MS PGothic', 'MS Gothic', MSPGothic, 'Hiragino Kaku Gothic Pro', Tahoma;
}

.main-wrapper {
    margin-left: 215px;
}

.main-wrapper2 {
    margin-left: auto;
}

.footer {
    margin-top: 25px;
    margin-bottom: 15px;
}

#toplinks {
    top: 0;
    margin-top: 0;
    z-index: 6;
}

.box,
.sidebar .box,
.sidebar-image {
    background-color: white;
    background: linear-gradient(180deg, rgb(246, 249, 255) 0%, rgb(255, 255, 255) 70%) fixed;
    border: #7bb0e6 2px solid;
    border-radius: 5px;
}

.box {
    padding: initial;
    z-index: -1 !important;
}

.cbox .inner,
.cboxm .inner {
    background-color: #fcfeff;
}

.cboxm {
    display: none;
}

.inner {
    overflow: hidden;
    padding: 10px;
}

.box h2 {
    background: #7bb0e6;
    color: #f9fcff;
    margin: 0;
    margin-top: -3px;
    padding: 6px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #7bb0e6;
    margin: 1em 0;
    padding: 0;
}

#toplinks li:before {
    content: "「"
}

#toplinks li:after,
#toplinks .last:after {
    content: " 」";
}

#toplinks li {
    margin: 0 0.275em;
}

.column {
    float: left;
    width: 50%;
    padding: 5px;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

#koukoku img {
    width: 100%;
}

#koukoku h2 {
    background-color: transparent;
}

#koukoku_below {
    width: 100%;
    margin-top: 1px;
    margin-bottom: -5px;
}

#footer_banners {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 10px;
    max-width: 50%;
}

#bunkasai_header {
    position: absolute;
    top: -54px;
    left: 75px;
    z-index: 5;
}

.mobispon {
    display: none;
}

.desktophide {
    display: none;
}

.pnmimage {
    float: left;
    margin-right: 15px;
    clear: both;
}

#dots_bl {
    position: absolute;
    right: -110px;
    bottom: 565px;
}

#header_section {
    z-index: 999;
    margin-bottom: 32px;
}

.box_border {
    position: relative;
    display: inline-block;
    background: url('./images/border.png');
    width: 100%;
    height: 30px;
    margin-top: -15px;
}

#web2buttons {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 1px;
    display: flex;
    justify-content: space-between;
}

#web2buttons2 {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 1px;
    display: flex;
    height: 50px;
    justify-content: space-between;
}

#boxconnector {
    position: absolute;
    top: -0px;
    right: -4px;
}

#boxwrapper {
    position: relative;
}

#linkshuu {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: -55px;
    margin-top: -10px;
    z-index: 10;
}

#linkbox h2 {
    background-color: transparent;
}

#wideads {
    max-height: 60px;
    width: 95%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-top: 200px;
    margin-bottom: -11px;
    margin-left: 25px;
}

#wideads img {
    margin: 0px 5px;
    width: 50%;
    height: auto;
    object-fit: contain;
}

.web2button {
    display: inline;
    width: 20%;
}

.web2button2 {
    display: inline;
    width: 25%;
    align-self: center;
}

#edit_log {
    max-height: 300px;
    margin-top: -15px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#vmu {
    background: url("./images/018.GIF");
    position: absolute;
    width: 105px;
    height: 105px;
    left: 320px;
    top: 60px;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.time {
	position: absolute;
    font-family: vmufont;
    font-size: 18px;
    letter-spacing: -2px;
    color: #303a25;
    text-shadow: 1px 1px #637352;
    text-align: center;
	top: 28px;
}

.nodrag {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.vu_bar {
    position: absolute;
    background: url("./images/vu_bar.gif");
    width: 3px;
    height: 8px;
    left: 26px;
    top: 55px;
    display: none;
}


#modtitle {
    font-family: vmufont2;
    font-size: 8px;
    color: #303a25;
    text-shadow: 1px 1px #637352; width: 58px; left: 24px; top: 43px;
    position: absolute;
    
}

#vmuplaypause {
    background: url("./images/vmupause.png");
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 70px;
    top: 55px;
}

#second_box {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.otoireimg1 {
    position: absolute;
    margin-bottom: 50px;
    bottom: -60px;
    right: -24px;
}

.bottom_ad {
    height: 6px;
    flex: 1;
}

#tenki {
    position: absolute;
    top: 176px;
    left: 21px;
    margin-top: 1px;
    z-index: 10;
}

#weatherbox {
    margin-top: 70px;
    margin-bottom: -10px;
}

#buttonsrow {
    margin: 0px;
    margin-bottom: 2px;
    padding: 0px;
}

#marqwrapper {
    border: 0px solid black;
    overflow: hidden;
    white-space: nowrap;
    margin: 0px;
    margin-bottom: 2px;
    z-index: -1;
    padding: 0px;
}

#marq1 {
    display: inline-block;
    animation: marquee 10s linear infinite;
}

#marq2 {
    display: inline-block;
    animation: marquee2 10s linear infinite;
    animation-delay: 5s;
}

@keyframes marquee {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes marquee2 {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-200%);
    }
}

#row2 {
    display: flex;
    flex-direction: column;
    height: 318px;
    position: relative;
    overflow: hidden;
}



#row2inner {
    background-color: white;
    background: linear-gradient(180deg, rgb(246, 249, 255) 0%, rgb(255, 255, 255) 70%) fixed;
    border: #7bb0e6 2px solid;
    border-radius: 5px;
    margin-top: 25px;
    height: 293px;
    width: 445px;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 14px;
    box-sizing: border-box;
}

#sakuraheader {
    position: absolute;
    top: -30px;
    left: 405px;
}

#update_log {
    width: 100%;
    margin-top: -22px;
}
#vmudigit1 {
    left: 23px; height: 16px; width: 16px;
}

#vmudigit2 {
    left: 36px; height: 16px; width: 16px;
}

#vmubutton1 {
    position: absolute;
    top: 79px;
    left: 52px; 
    height: 11px; 
    width: 12px;
}

#vmubutton2 {
    position: absolute;
    top: 78px;
    left: 69px; 
    height: 11px; 
    width: 12px;
}

#trackerheader {
    position: absolute;
    top: -21px;
    left: 0px;
    z-index: 1 !important;
}

.playitem {
    padding: 0px 2px 2px 0px;
    display: flex;
    align-items: center;
}

.playitem a:hover {
    color:inherit;
    text-transform: none;
    font-style: italic;
}

.playitem a {
    color:inherit;
    text-transform: none;
}

.playitem span {
    margin-left: 5px; /* Adjust the spacing between the image and the text */
    vertical-align: middle; /* Center the text vertically */
}

.playitem img {
    /* You can add styles to the image if needed */
    vertical-align: middle; /* This is to handle alignment issues in some cases */
}

#httponly {
    display: none;
}

#httpsonly {
    display: visible;
}