@charset="utf-8";

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

 body a {
           display : block;
           border : none;
           margin : 0;
           padding : 0;
 }

/*   ベースエリアの設定　ーーーーーーーーーーーーーーーーーーーーーー*/

 #site {
           position : relative ;
           width : 880px ;
           height : 660px ;
           background-image : url("../photo/content880.jpg");
           top : 8px ; 
           left :  50% ;
           margin-left : -440px ; 
           box-shadow : 3px 3px 5px 1px ;
 }


 /* トップページヘ戻るボタンの構成　ーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

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


/*---------  縦書きのテキスト　------------------*/


 #message {
            position : absolute;
            top : 130px;
            left : 160px;
            writing-mode : vertical-rl;
            -ms-writing-mode : tb-rl;
            color : #000001;
            line-height : 2em;
            font-family : Hiragino Mincho pro;
            font-size : 13pt;
    
}


/*ーーーーーー　各ページへのリンクボタンの設置ーーーーーー*/

/* to profile */
 #link1 {
           background-image : url("../sliceimages/contents_page_03_normal.jpg");
           position : absolute;
           width : 60px;
           height : 145px;
           border : none;
           top : 485px;
           left : 119px;
 }
 #link1:hover {
           background-image : url("../sliceimages/contents_page_03_over.jpg");
 }

/* 空きボタン */
 #link2 {
           position : absolute;
           background-image : url("../sliceimages/content_2677_N_09.jpg");
           width : 60px;
           height : 145px;        
           border : none;
           top : 485px;
           left : 214px;
 }


/* to gallerytop */
 
 #link3 {
           position : absolute;
           background-image : url("../sliceimages/contents_page_05_normal.jpg");
           width : 60px;
           height : 145px;
           border : none;
           top : 485px;
           left : 301px;
 }
 #link3:hover {
           background-image : url("../sliceimages/contents_page_05_over.jpg");
 }

/* 空きボタン  */
 #link4 {
           position : absolute;
           background-image : url("../sliceimages/content_2677_N_13.jpg");
           width : 60px;
           height : 145px;        
           border : none;
           top : 485px;
           left : 401px;
 }

/* to blog2674 */

 #link5 {
           position : absolute;
           background-image : url("../sliceimages/contents_page_07_normal.jpg");
           width : 60px;
           height : 145px;
           border : none;
           top : 485px;
           left : 501px;
 }

 #link5:hover {
           background-image : url("../sliceimages/contents_page_07_over.jpg");
 }

/* 空きボタン */
 #link6 {
           position : absolute;
           background-image : url("../sliceimages/content_2677_N_17.jpg");
           width : 60px;
           height : 145px;        
           border : none;
           top : 485px;
           left : 593px;
 }

/* to library */
 #link7 {
           position : absolute;
           background-image : url("../sliceimages/contents_page_09_normal.jpg");
           width : 60px;
           height : 145px;
           border : none;
           top : 484px;
           left : 685px;
 }

 #link7:hover {
           background-image : url("../sliceimages/contents_page_09_over.jpg");
 }

/* 以下、今回2677では使っていないもの　*/

 #text {
            position : absolute;
            background-color : rgba(41,0,63,0.6);
            width : 380px ; 
            height : 440px;      
            top : 43px;
            left : 50%;
            margin-left: -190px;
            padding : 3px 15px  9px  26px; 
            border-radius : 8px;
            -webkit-border-radius : 8px;
            -o-border-radius : 8px;

            font-family : "Roboto slab", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "メイリオ", "Meiryo", serif;
 }

.title {
            text-align : left;
            font-size : 13pt ;
            font-weight : bold;
            color : #FFFACD ;  /*← 文字色 lemonchiffon*/
            margin-left : 10px;
            line-height : 1; 
}
 .comment {
            text-align : left;
            font-size : 10.5pt ;
            line-height : 1.6;
            color : #FFFACD ;  /*← 文字色 lemonchiffon*/
 }
 .sign {
          position : absolute;
          top: 410px;
          left : 300px;
          width : 60px;
          height : 20px;
}