
/* 【sample】 */

/*
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>野口英世記念館</title>
<link rel="stylesheet" href="kinenkan-css.css" type="text/css">
<script language="JavaScript" SRC="kinenkan-js.js"></script>
</head>
<body>
*/

/* 【inline】 */
   /*    STYLE="text-align:center; color:green; font-weight:900" */

/* 【div,span】 */
   /*   DIV          {margin-left:10px; text-align:left; font-size:16px;}    */
   /*   div    class="text-normal color-maroon" style="text-align:center;"   */
   /*   SPAN         {margin-left:10px; text-align:left; font-size:16px;}    */

/* ============================================================================= */

/* 【body】 */

   body        {background-image: url("image/back.gif"); 
                background-color: #D3D3D3;
                background-attachment:fixed;
                font-size:16px;}
   html        {scrollbar-arrow-color: blue;       /*  矢の色               */
                scrollbar-face-color: white;        /*  カーソルの色         */
                scrollbar-base-color: black;        /*  カーソル左・上の色   */
                scrollbar-shadow-color: black;      /*  カーソル右・下の色   */
                scrollbar-darkshadow-color: white;  /*  カーソル右・下の影   */
                scrollbar-3dlight-color: white;     /*  カーソル左・上の影   */
                scrollbar-track-color: lavender;}        /*  トラックの色         */
   table       {font-size:16px;}

/* 【class font size】 */

   .text-xxlarge  {font-size:30px; line-height:120%;}
   .text-xlarge   {font-size:24px; line-height:120%;}
   .text-large    {font-size:20px; line-height:120%;}
   .text-normal   {font-size:16px; line-height:120%;}
   .text-small    {font-size:13px; line-height:120%;}
   .text-xsmall   {font-size:10px; line-height:120%;}
   .text-xxsmall  {font-size:7px; line-height:120%;}
   .text-back1    {font-size:14px; font-style:oblique; text-align:right;}

   .weight-normal {font-weight:normal;}
   .text-bold     {font-weight:bold;}

/* 【class text style】 */

   .text-italic    {font-style: italic;}
   .text-underline {text-decoration: underline;}
   .text-through   {text-decoration: line-through;}
   .text-left      {text-align: left;}
   .text-right     {text-align: right;}
   .text-center    {text-align: center;}
   .text-shadow    {width:100%; filter:shadow(color=lightblue,direction=150,strength=5);}
   .text-top       {vertical-align: top;}
   .text-middle    {vertical-align: middle;}
   .text-bottom    {vertical-align: bottom;}

   .text-tate      {writing-mode: tb-rl;}
   .text-nowrap    {write-space: nowrap;}
   .text-newcont   {clear: both;}

/* 【class background color】 */

    .bgcolor-black      {background-color:#000000;}
    .bgcolor-blue       {background-color:#0000FF;}
    .bgcolor-maroon     {background-color:#800000;}
    .bgcolor-mistyrose  {background-color:#FFE4E1;}
    .bgcolor-red        {background-color:#FF0000;}
    .bgcolor-lightgrey  {background-color:#D3D3D3;}
    .bgcolor-lightblue  {background-color:#00FFFF;}
    .bgcolor-pink       {background-color:#FFC0CB;}
    .bgcolor-plum       {background-color:#DDA0DD;}
    .bgcolor-white      {background-color:#FFFFFF;}
    .bgcolor-yellow     {background-color:#FFFF00;}
    .bgcolor-blueviolet {background-color:#8A2BE2;}

/* 【class font】 */

    .font-mincho      {font-family:serif;}
    .font-gothic      {font-family:sans-serif;}

/* 【class font color】 */

    .color-black      {color:#000000;}
    .color-blue       {color:#0000FF;}
    .color-brown      {color:#A52A2A;}
    .color-deeppink   {color:#FF1493;}
    .color-darkgreen  {color:#006400;}
    .color-green      {color:#008000;}
    .color-lightgrey  {color:#D3D3D3;}
    .color-lightblue  {color:#00FFFF;}
    .color-maroon     {color:#800000;}
    .color-orange     {color:#FFA500;}
    .color-red        {color:#FF0000;}
    .color-pink       {color:#FF1493;}
    .color-white      {color:#FFFFFF;}
    .color-yellow     {color:#FFFF00;}
    .color-blueviolet {color:#8A2BE2;}


/* 【img】 */
     img         {border-style:none; margin: 5px ;}
   /*   IMG.left    {float:left ;}        */
   /*   IMG.right   {float:right;}        */
   /*    .leftnewcont {clear:left ;}      */　　
   /*    .rightnewcont {clear:right ;}    */

/* 【a】 */
   a           {color: #0000FF;}
   a:hover     {color: #000000;}

