@charset="utf-8";

 body {
           background-color : #696969;   /* 背景色 — dimgray  */
 }


 .site {
      width : 880px; 
      height : 660px;
      position : relative;
      top : 8px ;
      left : 50% ;
      margin-left : -440px ;     
        box-shadow : 3px 3px 5px  #000000, 0px -1px 3px  #000000;
       -o-box-shadow : 3px 3px 5px #000000, 0px -1px 3px  #000000;
       -webkit-box-shadow : 3px 3px 5px #000000, 0px -1px 3px  #000000;
 
 }  

 .photo{
       background-color: #191970 ;
       background-image: url("../photo/profile880.jpg") ;
       width : 100% ;
       height : 100% ;
       display : block ;


 }          
 #backbutton {
           position : absolute;
           cursor : pointer ;
           background-image : url("../photo/toplink.png");
           width : 120px;  
           height : 40px ;
           top : 10px;
           left : 40px ;
 }


/* ---------略歴年譜---------------- */

 #history-title {
      writing-mode : vertical-rl;
      -ms-writing-mode : tb-rl;
      position : absolute ;
      top : 70px ;
      left : 740px ;
      color : black ;
      font-size : 24pt ;
      font-family :  "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6" , "メイリオ", "Meiryo" , serif ;

   }         

 #birth {
      writing-mode : vertical-rl;
      -ms-writing-mode : tb-rl;
      position : absolute ;
      top : 120px ;
      left :  720px ;
      color : black ;
      font-size : 13pt ;
      font-family : "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6" , "メイリオ", "Meiryo" , serif ;

   }         

 #yearnumber {
      writing-mode : vertical-rl ;
      -ms-writing-mode : tb-rl ;
      position : absolute;
      top : 70px ;
      left: 500px ;
      color : black ;
      font-size : 12pt ;
      font-family : "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6" , "メイリオ", "Meiryo" , serif ;  
      line-height : 1.2em;
      }


 #activitycontents {

      writing-mode : vertical-rl ;
      -ms-writing-mode : tb-rl ;
      position : absolute;
      top : 200px ;
      left: 500px ;
      color : black ;
      font-size : 12pt ;
      font-family : "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6" , "メイリオ", "Meiryo" , serif ; 
      line-height : 1.2em;

      }


 #tool {

      position : absolute;
      top : 90px ;
      left: 220px ;
      color : black ;
      font-size : 12pt ;
      font-family : "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4" , "メイリオ", "Meiryo" , serif ;  
      line-height : 1.2em;
}


 #camera {

      position : absolute;
      top : 120px ;
      left: 240px ;
      color : black ;
      font-size : 10pt ;
      font-family : "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4" , "メイリオ", "Meiryo" , serif ;  
      line-height : 1em;
}


 #etc {
      position : absolute;
      top : 180px ;
      left: 220px ;
      color : black ;
      font-size : 12pt ;
      font-family : "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4" , "メイリオ", "Meiryo" , serif ;  
      line-height : 1.2em;
}


 #word {

      position : absolute;
      top : 210px ;
      left: 240px ;
      color : black ;
      font-size : 10pt ;
      font-family : "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4" , "メイリオ", "Meiryo" , serif ;  
      line-height : 1.7em;

}