@charset "utf-8";

#wtseries-header       { position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; margin: 0; padding: 0; text-align: left; opacity: 0.9; box-shadow: 0 4px 8px gray; background-color: #1f0068; background: linear-gradient(to bottom, #3300cc, #1f0068); }
#wtseries-header h1    { margin: 0; padding: 0; position: absolute; left: 0; top: 0; text-align: left; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 4px #9999ff; }
#wtseries-header-title { color: #ffff00; }
#wtseries-header-link  { margin: 0; padding: 0; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; white-space: nowrap; font-size: 12px; display: none; text-align: left; background-color: #0066cc; background: linear-gradient(to bottom, #0099ff, #003366); }

#wtseries-header-menu  { position: absolute; top:  1px; right: 1px; z-index: 9999; text-align: right; }
#wtseries-header-drop  { position: absolute; top: 36px; right: 4px; z-index: 9998; background-color: rgba( 192, 255, 192, 0.9 ); text-align: center; padding: 0.5em; border: 2px solid #009900; box-shadow: 2px 2px 4px gray; }

#wtseries-footer       { position: relative; text-align: right; opacity: 0.9; background-color: #1f0068; background: linear-gradient(to bottom, #3300cc, #1f0068); }
#wtseries-footer-str   { margin: 0; padding: 0; position: absolute; right: 0; bottom: 0; text-align: right; }
#wtseries-footer-title { color: #ffff00; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 4px #9999ff; }
#wtseries-footer-link  { margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; overflow: hidden; white-space: nowrap; font-size: 12px; display: none; text-align: left; background-color: #0066cc; background: linear-gradient(to bottom, #0099ff, #003366); }

#wtseries-small-link   { font-size: 80%; margin: 4px auto; }

.wtseries-link-on          { height: 20px; margin: 0; padding: 0 4px; color: #ff6600; background-color: #99ffff; background: linear-gradient(to bottom, #ccffff, #00ffff); }
.wtseries-link-off         { height: 20px; margin: 0; padding: 0 4px; color: #ffffff; background-color: #0099ff; background: linear-gradient(to bottom, #00ccff, #006699); }
.wtseries-link-off:hover   { color: #ff6600; background-color: #99ffff; background: linear-gradient(to bottom, #ccffff, #00ffff); }
.wtseries-link-off a       { color: #ffffff; }
.wtseries-link-off a:hover { color: #ff6600; }

#wtseries-header .wtseries-link-on             { float: left; border-left: 1px solid #00ffff; }
#wtseries-header .wtseries-link-off            { float: left; border-left: 1px solid #006699; }
#wtseries-header .wtseries-link-on:last-child  { border-right: 1px solid #00ffff; }
#wtseries-header .wtseries-link-off:last-child { border-right: 1px solid #006699; }
#wtseries-footer .wtseries-link-on             { float: right; border-right: 1px solid #00ffff; }
#wtseries-footer .wtseries-link-off            { float: right; border-right: 1px solid #006699; }
#wtseries-footer .wtseries-link-on:last-child  { border-left: 1px solid #00ffff; }
#wtseries-footer .wtseries-link-off:last-child { border-left: 1px solid #006699; }


h1                 { font-size: 200%; margin: 0.5em auto; text-align: center; color: #1f0068; font-weight: bold; text-shadow: 4px 4px 16px gray; }
h2                 { font-size: 150%; margin: 0.5em auto; text-align: center; color: #009900; font-weight: bold; text-shadow: 4px 4px 4px gray; }

.wtseries-outline  { font-size: 100%; margin: 0.5em auto; padding: 0.5em; background-color: #ffffcc; border: 1px solid #ff9900; box-shadow: 4px 4px 16px gray; text-shadow: 1px 1px 4px gray; }
.wtseries-info     { font-size: 100%; margin: 0.5em auto; padding: 0.5em; background-color: #ddffdd; border: 1px solid #99ff99; box-shadow: 4px 4px 16px gray; text-shadow: 1px 1px 4px gray; text-align: left; }
.wtseries-section  { font-size: 130%; color: #1f0068; font-weight: bold; text-align: left; margin: 0.5em 12px; padding: 0.2em 0.5em; border-bottom: 2px dashed #1f0068; text-shadow: 1px 1px 4px gray; }
.wtseries-content  { font-size: 100%; margin: 0.5em 12px; padding: 0.5em; text-align: left; background-color: #ffffee; border: 2px solid #1f0068; box-shadow: 4px 4px 16px gray; }
.wtseries-download { background-color: #eeeeff; margin: 0.5em; padding: 0.5em; border: 1px solid #000099; box-shadow: 4px 4px 16px gray; }
.wtseries-mail     { background-color: #ffeeff; margin: 0.5em; padding: 0.5em; border: 1px solid #ff99ff; box-shadow: 4px 4px 16px gray; text-shadow: 1px 1px 4px gray; }

.wtseries-button1  { background-color: #ff7d23; padding: 2px; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em;
		     background: linear-gradient(to bottom, #ffcc99, #ff6633); }
.wtseries-button2  { background-color: #56c5ff; padding: 2px; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em;
		     background: linear-gradient(to bottom, #66ccff, #3399cc); }
.wtseries-button3  { background-color: #ff76bc; padding: 2px; border: 1px solid red; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em;
		     background: linear-gradient(to bottom, #ffccdd, #cc66aa); }

.softtype { font-size: 120%; margin: 1.0em auto; padding: 0.5em; background-color: #000099; box-shadow: 2px 2px 8px gray; color: #ffff00; font-weight: bold; text-shadow: 2px 2px 4px gray; }
.update1  { font-size: 120%; margin: 0.5em 0px; border: 2px solid #ff6600; box-shadow: 2px 2px 8px gray; text-shadow: 1px 1px 2px gray; }
.update2  { font-size: 100%; margin: 0px; padding: 0.1em; background-color: #ffff66; }
.update3  { font-size:  90%; margin: 0px; padding: 0.1em; background-color: #ffffcc; }
.new1     { font-size: 110%; margin: 0.5em 0px; border: 2px solid #66cc00; box-shadow: 2px 2px 8px gray; text-shadow: 1px 1px 2px gray; }
.new2     { font-size: 100%; margin: 0px; padding: 0.1em; background-color: #ccff66; }
.new3     { font-size:  90%; margin: 0px; padding: 0.1em; background-color: #ccffcc; }
.soft1    { font-size: 110%; margin: 0.5em 0px; border: 2px solid #00cc00; box-shadow: 2px 2px 8px gray; text-shadow: 1px 1px 2px gray; }
.soft2    { font-size: 100%; margin: 0px; padding: 0.1em; background-color: #99ff99; }
.soft3    { font-size:  90%; margin: 0px; padding: 0.1em; background-color: #ccffcc; }


/* For smartphone window (small) */
@media screen and ( min-width : 480px ) {
}

/* For smartphone window (small) */
@media screen and ( max-width : 640px ) {
    #wtseries-header       { height:  36px; }
    #wtseries-header-link  { display: none; }
    #wtseries-header-menu  { display: block; }
    #wtseries-footer       { height:  36px; }
    #wtseries-footer-link  { display: none; }
}

/* For smartphone window (big) */
@media screen and ( min-width : 641px ) {
    #wtseries-header       { height: 56px;}
    #wtseries-header-link  { display: block; height: 20px; text-align: left; }
    #wtseries-header-menu  { display: none; }
    #wtseries-header-drop  { display: none; }
    #wtseries-footer       { height: 56px;}
    #wtseries-footer-link  { display: block; height: 20px; text-align: right; }
}

/* For tablet window */
@media screen and ( min-width : 768px ) {
}

/* For PC window (full size) */
@media screen and ( min-width : 1024px ) {
}

/* For PC window (large size) */
@media screen and ( min-width : 1280px ) {
}

/* For Print */
@media print {
    #wtseries-header    { display: none; }
    #wtseries-footer    { display: none; }
    .wtseries-outline  { box-shadow: none; }
    .wtseries-info     { box-shadow: none; }
    .wtseries-content  { box-shadow: none; }
    .wtseries-download { box-shadow: none; }
    .wtseries-mail     { box-shadow: none; }
    .softtype          { box-shadow: none; }
    .update1           { box-shadow: none; }
    .new1              { box-shadow: none; }
    .soft1             { box-shadow: none; }
}