@charset "utf-8";

/* For all window */
#go-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: #632f00; background: linear-gradient(to bottom, #cc6600, #632f00); }
#go-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; }
#go-header-title { color: #ffff00; }
#go-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); }

#go-header-menu  { position: absolute; top:  1px; right: 1px; z-index: 9999; text-align: right; }
#go-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; }

#go-footer       { position: relative; text-align: right; opacity: 0.9; background-color: #632f00; background: linear-gradient(to bottom, #cc6600, #632f00); }
#go-footer-str   { margin: 0; padding: 0; position: absolute; right: 0; bottom: 0; text-align: right; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 4px #9999ff; }
#go-footer-title { color: #ffff00; }
#go-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); }

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

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


h1           { font-size: 200%; margin: 0.5em auto; color: #632f00; font-weight: bold; text-shadow: 4px 4px 16px gray; }
h2           { font-size: 150%; margin: 0.2em auto; color: #009900; font-weight: bold; text-shadow: 4px 4px 8px gray; }

.go-outline  { background-color: #ffffcc; margin: 0.5em auto; padding: 0.5em; border: 1px solid #ff9900; box-shadow: 4px 4px 16px gray; text-shadow: 1px 1px 4px #9999ff; }
.go-index    { background-color: #ddffff; margin: 0.5em auto; padding: 0.5em; border: 1px solid #000099; box-shadow: 4px 4px 16px gray; text-shadow: 1px 1px 4px #9999ff; }
.go-chapter  { font-size: 130%; color: #632f00; font-weight: bold; margin: 0.5em 12px; padding: 0.2em 0.5em; text-align: left; box-shadow: 4px 4px 16px gray; text-shadow: 2px 2px 8px gray; border-left: 8px solid #632f00; border-bottom: 2px solid #632f00; background-color: #ffff99; background: linear-gradient(to bottom, #ffffee, #ffff99); }
.go-section  { font-size: 120%; color: #632f00; font-weight: bold; margin: 0.5em 12px; padding: 0.2em 0.5em; text-align: left; border-bottom: 1px dashed #632f00; text-shadow: 1px 1px 4px gray; }
.go-part     { font-size: 110%; margin: 4px; font-weight: bold; text-shadow: 1px 1px 2px #9999ff; }
.go-content  { font-size: 100%; margin: 0.5em 12px; padding: 0.5em; text-align: left; background-color: #ffffee; border: 2px solid #632f00; box-shadow: 4px 4px 16px gray; }
.go-detail   { font-size: 100%; margin: 0px 0px 0px 2.0em; text-indent: 1.0em; }
.go-link     { font-size: 100%; margin: 0.5em 12px; padding: 0.5em; text-align: left; background-color: #eeffee; border: 1px solid #99ff99; box-shadow: 4px 4px 16px gray; }
.go-mail     { font-size: 100%; margin: 0.5em 12px; padding: 0.5em; background-color: #ffeeff; border: 1px solid #ff99ff; box-shadow: 4px 4px 16px gray; text-shadow: 1px 1px 4px #9999ff; }


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

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

/* For smartphone window (big) */
@media screen and ( min-width : 640px ) {
    #go-header       { height: 56px; }
    #go-header-link  { display: block; height: 20px; text-align: left; }
    #go-header-menu  { display: none; }
    #go-header-drop  { display: none; }
    #go-footer       { height: 56px; }
    #go-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 : 1180px ) {
}

/* For Print */
@media print {
    #go-header   { display: none; }
    #go-footer   { display: none; }
    .go-outline  { box-shadow: none; }
    .go-index    { box-shadow: none; }
    .go-chapter  { box-shadow: none; }
    .go-content  { box-shadow: none; }
    .go-link     { box-shadow: none; }
    .go-mail     { box-shadow: none; }
}