@charset="utf-8";

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

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

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



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

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

/*　—　ボタン設置　 —　*/

 #button_daisetsu {
           cursor : pointer;
           position : absolute;
           background-image : url("../sliceimages/title_normal_03.jpg");
           width : 370px;
           height : 79px;
           top : 177px;
           left : 103px;
}
 #button_daisetsu:hover {
           background-image : url("../sliceimages/title_over_03.jpg");
}


 #oshirase {
           position : absolute;
           top : 490px;
           left : 120px;
           color : white;
           font-size : 14pt;
           font-family : gothic; 
                  
}

/*ーー　（component）ーーーーーー*/

 #component_bar {
               position : absolute ;
               top : 585px ;
               left : 190px ;
               width : 560px;
               height : 35px;

 }

 .component{
                display : inline-block ;
                border : none ;
                padding : 5px ;
                margin : 0  17px ;
                     -webkit-border-radius : 5px ;
                    -moz-border-radius : 5px ;
                    -o-border-radius : 5px ;
                     border-radius : 5px ;
                       -webkit-border-shadow : 3px 3px 5px 3px ;
                       -moz-border-shadow : 3px 3px 5px 3px ;
                       -o-border-shadow : 3px 3px 5px 3px ;
                  
                color :  #2F4F4F ;  /*← normal時の文字色　darkslategrey*/ 
                font-family : "Roboto", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", "meiryo" , san-serif ;                
                font-size : 12px ;
                text-decoration : none ;
                text-align : center ;
                line-height : 1;
 }
 .component:link{
                color : #2F4F4F ;  
}


 .component:visited{
                color :   #2F4F4F ;
}

 .component:hover{
                color : #DC143C ;  /*← ロールオーバー時の文字色 crimson*/
 }