@charset "Shift_JIS";

/* ----------------------------- */
/* CASCADE STYLE SHEET (CSS)     */
/* Filename: style.css           */
/* Location: root      yosha     */
/* THIS FILE CONTROLS FIVE SITES */
/* Yosha Bunko Gateway yosha     */
/* Yosha Research      yosha/yr/ */
/* News Nishikie       yosha/nn/ */
/* Steamy East         yosha/se/ */
/* Yosha Press         yosha/yp/ */
/* ----------------------------- */

/* HTML */

/* BODY */
/*     MARGINS 10px */

/* DIVISIONS */
/* HEADER */
/*     WIDTH 100% */
/*     NO MARGINS */
/*     TABLE WIDTH 100% */
/* MENU */
/*     FLOAT RIGHT */
/*     WIDTH 20% */
/*     TOP MARGIN 10px */
/*     TOP TABLE WIDTH 100% */
/* MAIN */
/*     FLOAT LEFT */
/*     WIDTH 78% */
/*     TOP MARGIN 10px */
/*     BOTTOM MARGIN 10px */
/*     SCROLL HEIGHT 90% */
/*     FREE TABLE WIDTH 100% */
/*     FIXED TABLE WIDTH 560px */
/* ARTICLE */
/*     WIDTH 100% */
/*     TOP MARGIN 20px */
/*     FREE TABLE WIDTH 100% */
/*     FIXED TABLE WIDTH 740px */
/* FOOTER */
/*     CLEAR BOTH */
/*     WIDTH 100% */
/*     NO MARGINS */
/*     TOP PADDING 10px */
/*     TABLE WIDTH 100% */

/* TAGS */
/* OTHER CLASSES */
/* COLOR CLASSES */

/* HTML */

html {
 background: #F4F4F4;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
}

html {
 scrollbar-face-color: #FFFFFF;
 scrollbar-base-color: #FFFFFF;
 scrollbar-arrow-color: #000066;
 scrollbar-track-color: #FFFFFF;
 scrollbar-shadow-color: #000066;
 scrollbar-lightshadow-color: #000066;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-highlight-color: #000066;
 scrollbar-3dlight-color: #FFFFFF;
}

/* BODY */

body {
 margin: 10px;
}

body {
 scrollbar-face-color: #FFFFFF;
 scrollbar-base-color: #FFFFFF;
 scrollbar-arrow-color: #000066;
 scrollbar-track-color: #FFFFFF;
 scrollbar-shadow-color: #000066;
 scrollbar-lightshadow-color: #000066;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-highlight-color: #000066;
 scrollbar-3dlight-color: #FFFFFF;
}

/* HEADER */

#header {
 width: 100%;
 background: #F4F4F4;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
}

#header a:link {color: #FFFFFF;}
#header a:visited {color: #FFFFFF;} 
#header a:hover {color: #FF0000;}
#header a:active {color: #FF0000;}

/* MENU */

#menu {
 float: right;
 width: 20%;
 margin-top: 10px;
 background: #F4F4F4;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 }

#menu a:link {color: #000066;}
#menu a:visited {color: #000066;}
#menu a:hover {color: #DD0000;}
#menu a:active {color: #DD0000;}

/* MAIN */

#main {
 float: left;
 width: 78%;
 margin-top: 10px;
 padding-right: 10px;
 margin-bottom: 10px;
 background: #F4F4F4;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
}

#main a:link {color: #000066;}
#main a:visited {color: #000066;}
#main a:hover {color: #DD0000;}
#main a:active {color: #DD0000;}

/* ARTICLE */

#article {
 width: 100%;
 margin-top: 10px;
 background: #F4F4F4;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
}

#article a:link {color: #000066;}
#article a:visited {color: #000066;}
#article a:hover {color: #DD0000;}
#article a:active {color: #DD0000;}

/* FOOTER */

#footer {
 clear: both;
 width: 100%;
 background: #F4F4F4;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
}

/* TAGS */

p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000000;
 line-height: 1.3;
}

ul, ol, li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000000;
 line-height: 1.1;
}

a {text-decoration: none;}

h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 2.0em;
 color: #000066;
 font-style: normal;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #666666;
 font-style: normal;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 color: #DD0000;
 font-style: normal;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

h4 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000066;
 font-style: normal;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

h5 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #660066;
 font-style: normal;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

h6 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #006600;
 font-style: normal;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
 padding: 0;
}

/* OTHER CLASSES */

.scroll {
 overflow: auto;
 height: 90%;
 border: 0px;
}

.indented {
 padding-left: 50px;
 padding-right: 50px;
}

.menulist {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.7em;
}

.mainlist {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #006600;
 font-style: normal;
 font-weight: bold;
}

.sublist {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #660066;
 font-style: normal;
 font-weight: bold;
}

/* WHITE FONT CLASSES */

.f1white {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.6em;
 color: #FFFFFF;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f2white {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #FFFFFF; font-style: normal;
 font-weight: bold; padding: 0;
}

.f4white {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #FFFFFF;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4whitenormal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #FFFFFF;
 font-style: normal;
 font-weight: normal;
 padding: 0;
}

.f5white {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #FFFFFF;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f7white {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 3.0em;
 color: #FFFFFF;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

/* BLACK FONT CLASSES */

.f1black {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.6em;
 color: #000000;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f2blacknormal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #000000;
 font-style: normal;
 font-weight: normal;
 padding: 0;
}

.f4black {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000000;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f5black {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #000000;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f7black {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 3.0em;
 color: #000000;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

/* GRAY FONT CLASSES */

.f2gray {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #666666;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f2darkgray {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #333333;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4gray {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #666666;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4darkgray {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #333333;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f5gray {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #666666;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f7gray {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 3em;
 color: #666666;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

/* RED FONT CLASSES */

.f2red {font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #DD0000;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f3red {font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #DD0000;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4red {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #DD0000;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4rednormal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #DD0000;
 font-style: normal;
 font-weight: normal;
 padding: 0;
}

.f5red {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #DD0000;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

/* GREEN FONT CLASSES */

.f2green {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #008800;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f3green {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #008800;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4green {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #008800;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4greennormal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #008800;
 font-style: normal;
 font-weight: normal;
 padding: 0;
}

.f4lightgreen {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #00DD00;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f5green {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #008800;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

/* BLUE FONT CLASSES */

.f1blue {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.6em;
 color: #000066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f2blue {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #000066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f2bluenormal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #000066;
 font-style: normal;
 font-weight: normal;
 padding: 0;
}

.f3blue {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4blue {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4bluenormal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #000066;
 font-style: normal;
 font-weight: normal;
 padding: 0;
}

.f4lightblue {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #0000DD;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f5blue {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #000066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f7blue {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 3.0em;
 color: #000066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

/* YELLOW FONT CLASSES */

.f5yellow {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #FFFF00;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4yellow {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #FFFF00;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4lightyellow {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #FFFF33;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

/* PURPLE FONT CLASSES */

.f2purple {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #660066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4purple {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #660066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4purplenormal {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #660066;
 font-style: normal;
 font-weight: normal;
 padding: 0;
}

.f5purple {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #660066;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4magenta {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.5em;
 color: #DD00DD;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

/* CYAN FONT CLASSES */

.f2cyan {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #006666;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}

.f4cyan {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 color: #006666;
 font-style: normal;
 font-weight: bold;
 padding: 0;
}