body {margin:0;
      padding:0;
      background:black;
      color:white;
      font-family:"Arial", "Times New Roman";
      font-size:95%;}
#screen {position:relative;
         width: 640px;
         /*height: 480px;*/
         margin:10px auto;
         padding:0 0 0 0;
         border:0px solid yellow;}

a {text-decoration: none;}
/* a:focus, a:hover, a:active {background: #228B22;} */

#header {color: #32CD32;
         text-align: left;
         font-family: "Times New Roman";
         font-size: 20px;
         font-style: normal;
         font-weight: bold;
         font-variant: small-caps;
         text-indent:0.5em;
         border-top: 1px solid #32CD32;
         border-bottom: 1px solid #32CD32;}
			
.section {margin-left: 2%;
          /*margin-right: 2%;*/
          color: #32CD32;
          text-align: left;
          font-family: "Times New Roman";
          font-size: 18px;
          font-style: normal;
          font-weight: bold;
          font-variant: small-caps;
          text-indent:0.5em;
          border-bottom: 1px solid #32CD32;}

.section2 {margin-left: 3%;
          /*margin-right: 2%;*/
          color: #32CD32;
          text-align: left;
          font-family: "Times New Roman";
          font-size: 16px;
          font-style: normal;
          font-weight: bold;
          font-variant: small-caps;
          text-indent:0.5em;
          border-bottom: 1px solid #32CD32;}

li {list-style-type: square;
/*  margin-left: 5%;
    margin-right: 5%;*/
	 color:white;
    font-family: "Arial", "ＭＳ ゴシック", "sans-serif";
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    /*text-indent:1em;*/
    border:0px solid red;}
span.item {font-weight: bold;}

.course li {list-style-type: decimal;
    margin-left: 2%;
/*    margin-right: 5%;*/
	 color:white;
    font-family: "Arial", "ＭＳ ゴシック", "sans-serif";
    font-size:13px;
    font-style:normal;
    font-weight:normal;
    /*text-indent:1em;*/
    border:0px solid red;}

p {margin-left: 5%;
   margin-right: 0%;
	color:white;
   font-family: "Arial", "ＭＳ ゴシック", "sans-serif";
   font-size:13px;
   font-style:normal;
   font-weight:normal;
   /*text-indent:1em;*/
   border:0px solid red;}

span.vw{writing-mode: tb-rl;
        text-align: left;
}

span.start {font-size:13px;
            font-style:normal;
            font-weight: bold;
            color: #00BFFF;}
span.goal {font-size:13px;
           font-style:normal;
           font-weight: bold;
           color: #DA70D6;}
span.point {font-size:13px;
            font-style:normal;
            font-weight: bold;
            color: #FF8C00;}
span.place {font-size:13px;
            font-style:normal;
            font-weight: bold;
            color: #FFFFFF;}          
span.street {font-size:12px;
             font-style:normal;
             /*font-weight: bold;*/
             color: #A9A9A9;}

img.go {width:20px; height:20x;
        vertical-align:bottom;}
img.back {width:20px; height:20px;
          vertical-align:bottom;}
img.qed {width:14px; height:14px;
         vertical-align:bottom;}
img.arrow {width:12px; height:12px;
           vertical-align:middle;}

#photo_area {margin-left: 5%;
             width: 600px;
             height: 386px;
             padding-top:0px;
             border:0px solid white;}

#frame {position: absolute;
        /*left: 32px;*/
        left: 20px;
        width: 480px;
        height: 360px;}

#comment {top: 362px;
          text-align: left;
          font-family: "Arial", "ＭＳ ゴシック", "sans-serif";
          font-size: 13px;
          font-style: normal;
          font-weight: bold;
          border:0px solid blue;}

#slides {position: relative;
         top: 0px;
         /*left: 486px;*/
         left: 474px;
         width: 130px;
         height: 360px;
         overflow: auto;
         padding-top:0px;
         border:0px solid red;}
#slides a:focus, #slides a:hover, #slides a:active {cursor:pointer; background:black;}
#slides img.landscape {width:53px; height:40px;}
#slides img.portrait  {width:30px; height:40px;}
#slides img {border-style:none;}                  

.photos {/*position: relative;*/
         /*top: 0px;*/
         /*left: 32px;*/
         /*width: 480px;*/
         /*height: 360px;*/
         margin-left: 5%;
         width: 600px;
         /*height: 386px;*/         
         /*overflow: auto;*/
         padding-top:0px;
         border:0px solid red;}
.photos a:focus, .photos a:hover, .photos a:active {cursor:pointer; background:black;}
.photos img.landscape {/*width:96px;*/ height:72px;}
.photos img.portrait  {/*width:54px;*/ height:72px;}
.photos img {border-style:none;}                  

.navigation {font-family:"sans-serif";
             font-size:10px;
             font-style:normal;
             font-weight:bold;
             text-align: right;
             text-indent:1em;
             border-top: 1px solid #32CD32;}
.navigation a {color:#FFFFFF;}
.navigation a:focus, .navigation a:hover {color: #228B22;}, .navigation a:active {background: #228B22;}
.navigation img.lead {width:8px; height:8px;}
.navigation img.email {vertical-align:bottom;}