/*** Visual Styles for all screens, regardless of size ***/


html
    {position: static}


a img
    {border: none}


h1
    {text-align: center;}

.CENTER, .CENTRE, .CENTRE object, .CENTRE embed
    {display: block;
     margin-left: auto;
     margin-right: auto;}

.CLEAR
    {clear: both}

body
    {}



i:lang(jp)
    {font-style:italic}

.SCREENONLY {display: inline}
.PRINTONLY  {display: none}
.NOTSCREEN  {display: none}
.NOTPRINT   {display: inline}

#WRAPPER
    {display: block;
     padding: 0 1em 0 1em;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     /* width: 100%; */
     max-width: 1024px}

/***************End Boilerplate *************************/
body
    {background-color: #ffffff;
     color: #000000;
     /* font-family: Futura, "Century Gothic", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; */
     font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;}

a   {font-weight: bold}
a:link {color: #ff0000}     /* unvisited link */
a:visited {color: #ff9933}  /* visited link */
a:hover {color: #ff9933}   /* mouse over link */
a:active {color: #ff0000}   /* selected link */

ul, li
    {list-style-type: none}

img
    {max-width: 100% !important;
     height: auto !important}

ul li
    {padding-left: 20px;
     background-image: url(../page/button.png);
     background-repeat: no-repeat;
     background-position: 2px 2px;
     min-height: 20px}

.THUMBS li
    {padding: 0; margin: 0;
     margin-left: 25px;
     background-repeat: no-repeat;
     background-image: none;
     list-style-image: url(../page/button.png)}

.THUMBS a
    {background-color: #ffffff;
     background-repeat: no-repeat;
     background-position: -100px 0;
     }



.LORES
    {display: block;
     width: 200px;
     height: 200px;
     border: 0;
     padding: 0;
     background-repeat: no-repeat;
     background-position: top center;
     overflow: hidden}

.LORES img
    {display: none}

.EMPTY
    {display: block; height: 1px; width: 1px;}

.RULE
    {display: none}

.CENTRE, .CENTRE
    {margin-left: auto;
     margin-right: auto;
     text-align: center}

.EMBED, .EMBED object, .EMBED iframe, .EMBED enmbed
    {max-width: 100% !important;
     /* margin: 0; */
     display: none}




.EMBEDLINK a
    {display: block;
     overflow: visible;
     background-repeat: no-repeat;
     background-position: center 0;
     /*padding: 162px 0 0 0*/
     padding: 0}

#WRAPPER
    {padding: 0}


#H0, #NAVIGATION
    {display: block;
     /*
     color: #ffffff;
     */
     font-family: "Arial Black", Arial, Helvetica, serif}

#H0
    {/*font-size: 10%;*/
     /* color: #ffffff; */
     /* background-color: #000000;*/
     padding-left: 30px;
     background-image: url('../page/logo-small.gif');
     background-position: 0 0;
     background-repeat: no-repeat;
     font-family: Papyrus, fantasy;
     height: 33px;
     overflow: visible;
     text-align: center;
     }

#H0 a
    {/* color: #ffffff;
     text-decoration: none* /}

#NAVIGATION, #CONTACT
    {/*background-color: #000000; */
     /*
      color: #ffffff
     */}

#NAVIGATION a, #CONTACT a
    {text-align: right;
     }

#NAVIGATION a:hover, #CONTACT a:hover
    {text-decoration: none;
     }

#CONTACT
    {margin-top: 0.5px;
     border-style: dotted;
     border-color: #777777;
     border-width: 1px 0 0 0;
     background-color: #ffffff;
     font-size: smaller}

#CONTENT
    {margin: 0; padding: 0;
     display: block;}

#SUBNAVIGATION a
    {}

h2#HOMELINK
    {margin: 0}    

ul#MAINNAVIGATION, ul#SUBNAVIGATION
    {display: block;
     background-image: none;
     margin: 0}

ul#MAINNAVIGATION li, ul#SUBNAVIGATION li
    {display: inline;
     background-image: none;
     color: #ffffff;
     margin: 0; padding: 0;
     }

ul#MAINNAVIGATION
    {
     font-size: 20px;
     }

/*
ul#MAINNAVIGATION li.SELECTED
    {background-color: #ffffff;
     }
*/
/*
#HOME li.HOME,
#TRAIN li.TRAIN,
#NEWS li.NEWS,
#GALL li.GALL,
#LINK li.LINK,
*/
#HOME li.HOME a,
#TRAIN li.TRAIN a,
#NEWS li.NEWS a,
#GALL li.GALL a,
#LINK li.LINK a,
ul#MAINNAVIGATION li.SELECTED a, ul#SUBNAVIGATION li.SELECTED a
    {background-color: #ffffff; color: #000000}

ul#SUBNAVIGATION
    {
     color: #ffffff;
     /* text-align: center; */
      text-align: left }