body{
      text-align : center;
      margin : 70 50 50 50;
      scrollbar-3dlight-color:#525989;
      scrollbar-arrow-color:#525989;
      scrollbar-track-color:#ffffff;
      scrollbar-darkshadow-color:#525989;
      scrollbar-face-color:#ffffff;
      scrollbar-highlight-color:#525989;
      scrollbar-shadow-color:#525989;
      line-height:15pt;
}



.all {
width : 700px;
background : #ffffff;
border: solid 1px #ffffff;
text-align : left;
line-height:15pt;
}



/*======================================

	メニュー(トップ)

=======================================*/
.index a{
         float: left;
         
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}

.index a:link{
       border: 2px solid #EAEAEA;
       background-color: #EAEAEA;
       color: #000000;
}

.index a:visited{
        border: 2px solid #EAEAEA;
        background-color: #EAEAEA;
        color: #000000;
}

.index a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #C35400;
       border-bottom: 2px solid #C35400;
       background-color: #FF9000;
       color: #ffffff;
}

.index a:active{
      border: 2px solid #A52600;
       border-right: 2px solid orange;
       border-bottom: 2px solid orange;
       background-color: #E16200;
       color: #ffffff;
}

.index1 a{
      border: 2px solid #A52600;
       border-right: 2px solid orange;
       border-bottom: 2px solid orange;
       background-color: #E16200;
       color: #ffffff;
       float: left;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}
.index1 a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #C35400;
       border-bottom: 2px solid #C35400;
       background-color: #FF9000;
       color: #ffffff;
}
.index1 a:visited{
        color: #ffffff;
}

/*======================================

	メニュー(ヒストリー)

=======================================*/
.history a{
         float: left;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}

.history a:link{
       border: 2px solid #EAEAEA;
       background-color: #EAEAEA;
       color: #000000;
}
.history a:visited{
        border: 2px solid #EAEAEA;
        background-color: #EAEAEA;
        color: #000000;
}

.history a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #1300A3;
       border-bottom: 2px solid #1300A3;
       background-color: #4F1FDF;
       color: #ffffff;
}

.history a:active{
      border: 2px solid #00004B;
       border-right: 2px solid #4F1FDF;
       border-bottom: 2px solid #4F1FDF;
       background-color: #1300A3;
       color: #ffffff;
}


.history1 a{
      border: 2px solid #00004b;
       border-right: 2px solid #4f1fdf;
       border-bottom: 2px solid #4f1fdf;
       background-color: #1300a3;
       color: #ffffff;
       float: left;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}
.history1 a:hover{
        border: 2px solid ivory;
       border-right: 2px solid #1300A3;
       border-bottom: 2px solid #1300A3;
       background-color: #4F1FDF;
       color: #ffffff;
}
.history1 a:visited{
        color: #ffffff;
}

/*======================================

	メニュー　個人差・男女差

=======================================*/
.classification a{
         float: left;
         display: block;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}

.classification a:link{
       border: 2px solid #EAEAEA;
       background-color: #EAEAEA;
       color: #000000;
}
.classification a:visited{
        border: 2px solid #EAEAEA;
        background-color: #EAEAEA;
        color: #000000;
}

.classification a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #B400C3;
       border-bottom: 2px solid #B400C3;
       background-color: #F000FF;
       color: #ffffff;
}

.classification a:active{
      border: 2px solid #870047;
       border-right: 2px solid #F000FF;
       border-bottom: 2px solid #F000FF;
       background-color: #B400C3;
       color: #ffffff;
}

.classification1 a{
      border: 2px solid #870047;
       border-right: 2px solid #f000ff;
       border-bottom: 2px solid #f000ff;
       background-color: #b400c3;
       color: #ffffff;
       float: left;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}
.classification1 a:hover{
        border: 2px solid ivory;
       border-right: 2px solid #B400C3;
       border-bottom: 2px solid #B400C3;
       background-color: #F000FF;
       color: #ffffff;
}
.classification1 a:visited{
        color: #ffffff;
}

/*======================================

	メニュー　色

=======================================*/
.attach a{
         float: left;
         display: block;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}

.attach a:link{
       border: 2px solid #EAEAEA;
       background-color: #EAEAEA;
       color: #000000;
}
.attach a:visited{
        border: 2px solid #EAEAEA;
        background-color: #EAEAEA;
        color: #000000;
}

.attach a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #C39700;
       border-bottom: 2px solid #C39700;
       background-color: #FFD311;
       color: #ffffff;
}

.attach a:active{
      border: 2px solid #778700;
       border-right: 2px solid #FFD311;
       border-bottom: 2px solid #FFD311;
       background-color: C39700;
       color: #ffffff;
}

.attach1 a{
      border: 2px solid #778700;
       border-right: 2px solid #ffd311;
       border-bottom: 2px solid #ffd311;
       background-color: #c39700;
       color: #ffffff;
       float: left;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}
.attach1 a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #C39700;
       border-bottom: 2px solid #C39700;
       background-color: #FFD311;
       color: #ffffff;
}
.attach1 a:visited{
        color: #ffffff;
}


/*======================================

	メニュー　感情

=======================================*/
.keep a{
         float: left;
         display: block;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}

.keep a:link{
       border: 2px solid #EAEAEA;
       background-color: #EAEAEA;
       color: #000000;
}
.keep a:visited{
        border: 2px solid #EAEAEA;
        background-color: #EAEAEA;
        color: #000000;
}

.keep a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #038323;
       border-bottom: 2px solid #038323;
       background-color: #3FBF5F;
       color: #ffffff;
}

.keep a:active{
      border: 2px solid #006700;
       border-right: 2px solid #3FBF5F;
       border-bottom: 2px solid #3FBF5F;
       background-color: #038323;
       color: #ffffff;
}

.keep1 a{
      border: 2px solid #006700;
       border-right: 2px solid #3fbf5f;
       border-bottom: 2px solid #3fbf5f;
       background-color: #038323;
       color: #ffffff;
       float: left;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}
.keep1 a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #038323;
       border-bottom: 2px solid #038323;
       background-color: #3FBF5F;
       color: #ffffff;
}
.keep1 a:visited{
        color: #ffffff;
}


/*======================================

	メニュー　記憶

=======================================*/
.knowledge a{
         float: left;
         display: block;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}

.knowledge a:link{
       border: 2px solid #EAEAEA;
       background-color: #EAEAEA;
       color: #000000;
}
.knowledge a:visited{
        border: 2px solid #EAEAEA;
        background-color: #EAEAEA;
        color: #000000;
}

.knowledge a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #C30003;
       border-bottom: 2px solid #C30003;
       background-color: #FF003F;
       color: #ffffff;
}

.knowledge a:active{
      border: 2px solid #870000;
       border-right: 2px solid #FF003F;
       border-bottom: 2px solid #FF003F;
       background-color: #C30003;
       color: #ffffff;
}


.knowledge1 a{
      border: 2px solid #870000;
       border-right: 2px solid #ff003f;
       border-bottom: 2px solid #ff003f;
       background-color: #C30003;
       color: #ffffff;
       float: left;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}
.knowledge1 a:hover{
      border: 2px solid ivory;
       border-right: 2px solid #C30003;
       border-bottom: 2px solid #C30003;
       background-color: #FF003F;
       color: #ffffff;
}
.knowledge1 a:visited{
        color: #ffffff;
}



/*======================================

	メニュー　自己紹介

=======================================*/
.profile a{
         float: left;
         display: block;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}

.profile a:link{
       border: 2px solid #EAEAEA;
       background-color: #EAEAEA;
       color: #000000;
}
.profile a:visited{
        border: 2px solid #EAEAEA;
        background-color: #EAEAEA;
        color: #000000;
}

.profile a:hover{
       border: 2px solid ivory;
       border-right: 2px solid #009999;
       border-bottom: 2px solid #009999;
       background-color: #00FFFF;
       color: #ffffff;
}

.profile a:active{
      border: 2px solid #007777;
       border-right: 2px solid #00FFFF;
       border-bottom: 2px solid #00FFFF;
       background-color: #009999;
       color: #ffffff;
}


.profile1 a{
      border: 2px solid #007777;
       border-right: 2px solid #00FFFF;
       border-bottom: 2px solid #00FFFF;
       background-color: #009999;
       color: #ffffff;
       float: left;
         padding: 3px;
         margin : 0 4 0 4;
         width: 90px;
         font-size: 13px;
         font-weight: bold;
}
.profile1 a:hover{
      border: 2px solid ivory;
       border-right: 2px solid #009999;
       border-bottom: 2px solid #009999;
       background-color: #00FFFF;
       color: #ffffff;
}
.profile1 a:visited{
        color: #ffffff;
}


/*======================================

	各メインページ

=======================================*/
.main{
       margin : 15 0 0 0 ;
       padding : 0 0 0 0 ;
       width : 700px;
       border: solid 1px black;
       background:#ffffff url("image/.gif") ;　<!←未定>
}


   
h1{
    letter-spacing:0.5em;
    font-family: "Cataneo BT", serif; 
    color : #525989;
    Size : 8 ;
}


/*======================================

	各メインページのタイトル

=======================================*/
h2{
    font-size: 20px;
    color : #ffffff;
    margin : 0 0 0 0 ;
    padding : 0 0 0 10 ; 
}

h2.h21{
    background-color : #FFA000 ; 
}
h2.h22{
    background-color : #4F1FDF ; 
}
h2.h23{
    background-color : #F000FF ; 
}
h2.h24{
    background-color : #FFD311 ; 
}
h2.h25{
    background-color : #3FBF5F ; 
}
h2.h26{
    background-color : #FF003F ; 
}
h2.h27{
    background-color : #00FFFF ; 
}






/*======================================

	各メインページの中のタイトル

=======================================*/
h3{
   font-size : 15px ;
   margin : 10 10 10 10 ;
}

h3.h31{
   border-left : 5px solid orange ;
   border-bottom : 1px solid orange ;
}

h3.h32{
  border-left : 5px solid #4F1FDF ;
  border-bottom : 1px solid #4F1FDF ;
}

h3.h33{
  border-left : 5px solid #F000FF ;
  border-bottom : 1px solid #F000FF ;
}

h3.h34{
  border-left : 5px solid #FFD311 ; 
  border-bottom : 1px solid #FFD311 ; 
}

h3.h35{
  border-left : 5px solid #3FBF5F ;
  border-bottom : 1px solid #3FBF5F ;
}
h3.h36{
  border-left : 5px solid #FF003F ; 
  border-bottom : 1px solid #FF003F ; 
}
h3.h37{
  border-left : 5px solid #00FFFF ; 
  border-bottom : 1px solid #00FFFF ; 
}


h4{
     margin : 10 0 0 0;
      width : 700px;
      padding : 5 5 0 5;
      border-top : 1px solid #4C4C4C;
      border-bottom : 1px solid #4C4C4C;
      border-left : 1px solid #4C4C4C; 
      border-right : 1px solid #4C4C4C;
      background-color : #4C4C4C;
}


/*======================================

	段落の左側

=======================================*/
h5{
 float : left ;
 margin : 0 ;
 padding : 0 10px 0 10 ;
 width : 250px ; 
 line-height : 140% ;
 text-align : center ;
 font-size : 16px ;
}

/*======================================

	オレンジリンク

=======================================*/
.orange{
 font-size : 17px ;
}
.orange a:link{
 color : black ;
}
.orange a:hover{
  color : orange ;
}



/*======================================

	段落の右側

=======================================*/

.text{
 float : left ;
 margin-bottom : 20px ;
 padding-left : 10px ;
 width : 400px ;
 border-left : 5px solid #F000FF ;
}

.text2{
 float : left ;
 margin-bottom : 20px ;
 padding-left : 10px ;
 width : 400px ;
 border-left : 5px solid #FF003F ;
}


li{
  float : left;
  margin : 0 0 0 60 ;
  padding : 10 10 10 10; 
  text-align : center;
  border-left : 5px solid #FFD311 ;
  border-right : 5px solid #FFD311 ;
}

.floatclear{
           clear: left;
}

.font2{
    font-family: "HG明朝E", serif; 
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }