/****** 基本設定 ******/

BODY	{					/* ドキュメント全体 */
	font-style:serif;			/* フォントスタイル：明朝体 */
	font-weight:normal;			/* 文字太さ：標準 */
		font-size:12pt;			/*  フォントサイズ */
	color:#373737;				/* 文字色：グレイ */
	margin:40px auto;				/* マージン：上下・左右 */
	background-image: url(grsb.gif);		/* 背景画像：grsb.gif */
	background-attachment:fixed;		/* 背景スクロール */
	}

a  {
text-decoration:none;				/* 下線など */
}

span {
	text-decoration:none;				/* 下線など */
	font-weight:900;			/* 太さ */
	text-align:center;
	
	font-size:11pt;			/*  フォントサイズ */
	}    
	
/****** タイトル ******/

.title {
 　　   margin-top:40px;				/* 上マージン */
	margin-bottom:40px;				/* 下マージン */
	        margin-left:auto;				/* 左マージン */
		margin-right:auto;				/* 右マージン */

	border-top:20px  solid red;				/* 上ボーダー */
	border-bottom:20px solid blue;				/* 下ボーダー */
	border-width:25px;				/* ボーダー太さ */
	background-color:white;		/* 背景色：白 */
		width:800px;				/* 表示の横幅 */
	      color:black;				/* 文字色：黒 */
		font-size:16pt;			/*  フォントサイズ */
			font-weight:700;			/* 太さ */

		text-align:center;

	}

/******メイン ******/
#main {
	margin-top:40px;				/* 上マージン */
		margin-bottom:20px;				/* 下マージン */
    width:800px;                                          /* 表示の縦幅 */
   	height:430px;	
	
    margin-left:auto;				/* 左マージン */
    margin-right:auto;				/* 右マージン */     	
  position:relative;    
}	

/* 画像 */
#photo {
width:500px;
    height:380px;
      position:absolute;    
		   right:300px;	
		   bottom:50px;
    }

/* 画像タイトル */    
#phototitle {
width:500px;
    height:20px;    
    		text-align:center;			/* 文字揃え */		   		   
  position:absolute;
    position:absolute;
      top:400px;
	   right:297px;	 
	      }    
    
/* コンテンツリンク */
#contentslink {
width:294px;
    height:430px;    	
	     text-align:center;			/* 文字揃え */
	      border-style:double;	
  position:absolute;
    left:500px;
   bottom:75px;
}

/******サイトリンク ******/

#sitelink {
	width:300px;                                          /* 表示の縦幅 */
   	height:350px;				      
 position:absolute;    
		 left:500px ;			  
		}
		
#sitelink ul {
	padding:3px 0;				/* パディング一括指定 */				
			}
			
#sitelink ul li {			
	list-style: none ;				/* 一括指定 */
			margin-left:96px;				/* 左マージン */
			display: block ;				/* 表示形式 */
			}
			
#sitelink ul li a {
display: block ;				/* 表示形式 */		
	width:205px;				/* 表示の横幅 */
		height:15px;				/* 表示の縦幅 */
		margin-bottom: 15px ;				/* 下マージン */
	padding:4px 0em ;				/* パディング一括指定 */
			background-color:#c0c0c0;		/* 背景色： */							
                                   	text-align:center;			/* 文字揃え */
font-size:10pt;			/*  フォントサイズ */
	font-family: sans-serif ;			/* フォントファミリー */
		font-weight: 700 ;			/* 太さ */																
}

#sitelink ul li a:link {						
color : #696969 ;
display: block ;				/* 表示形式 */		
}

#sitelink ul li a:visited { 
color : #696969 ;
display: block ;				/* 表示形式 */		
}
 
#sitelink ul li a:link:hover {						
color :white;
	background-color:#696969;		/* 背景色： */
	display: block ;				/* 表示形式 */		
}

#sitelink ul li a:active	{
	color: #D3A7FF;				/* リンククリック中：文字色 : パープル */
	background-color:#696969;		/* 背景色：グレイ */
text-decoration:none;				/* 下線など */
}

/****** BBSリンク *******/

#bbslink {
 border-top:20px  solid red;				/* 上ボーダー */
	border-bottom:20px solid blue;				/* 下ボーダー */
	border-width:20px;				/* ボーダー太さ */
	background-color:white;		/* 背景色：白 */
	width:205px;
    text-align:center;			/* 文字揃え */	
    	font-style:serif;			/* フォントスタイル：明朝体 */
     color:black;				/* 文字色：黒 */
    font-size:12pt;			/*  フォントサイズ */
    	line-height:14pt;			/* 行幅 */	
	font-weight:600;			/* 太さ */
	display: block ;				/* 表示形式 */				     
position:absolute;
  left: 598px;
    top:370px;
} 

#bbslink a:link {	
display: block ;				/* 表示形式 */							
color :#696969;
	font-weight: 700 ;			/* 太さ */
}
 
 #bbslink a:visited {	
display: block ;				/* 表示形式 */							
color :#696969;
	font-weight: 700 ;			/* 太さ */
}

#bbslink a:link:hover {	
display: block ;				/* 表示形式 */											
 color:black;				/* 文字色：黒 */
	background-color:white;		/* 背景色：白 */
	font-size:12pt;			/*  フォントサイズ */
    	line-height:16pt;			/* 行幅 */	
	font-weight: 900 ;			/* 太さ */		
}

#bbslink a:active	{
display: block ;				/* 表示形式 */		
	color: black ;				/* リンククリック中：文字色 :黒  */
	background-color: #D3A7FF;		/* 背景色：パープル */
text-decoration:none;				/* 下線など */
	}	
	    
/****** メッセージ *******/
#message {
margin-top:0px;				/* 上マージン */
	margin-bottom:20px;				/* 下マージン */
	 margin-left:auto;				/* 左マージン */
	margin-right:auto;				/* 右マージン */		
    width:800px;
    height:140px;
 position:relative;              
}

/*わたべえページ */
#message1 {
width:320px;

	padding:5px;				/* パディング一括指定 */

 	border-bottom: 1px solid ;				/* 下ボーダー */

	border-color:#696969;				/* ボーダー色 */    	
	font-size:10pt;			/*  フォントサイズ */
		color:#000000;				/* 文字色： */
			text-align: justify ;			/* 文字揃え */
		 position:absolute;                  
		 left:0px;		
    }
    
#message1 A:link	{
	color:#4682b4;				/* リンク：文字色 : グレイ */	
		text-decoration:none;				/* 下線など */
	}
#message1 A:visited	{
	color:#4682b4;				/* 既訪リンク：文字色 : グレイ */
	text-decoration:none;				/* 下線など */		
	}

#message1 A:hover { 
color: #f0f8ff; 　　　　　　　　　　　/* リンクマウスを載せたとき：文字色 : アイボリー */
text-decoration:none;				/* 下線など */
	background-color: #696969 ;		/* 背景色：グレイ */
}

#message1 A:active	{
	color: #D3A7FF;				/* リンククリック中：文字色 : パープル */
	background-color:#808080;		/* 背景色：グレイ */
text-decoration:none;				/* 下線など */
	}	
	
/*カウンター */
#counter {
width:200px;
    height:70px;    
 border-style:hidden;			
position:absolute;
 left:597px;
 bottom:60px;
    }    
    
/*更新日 */
#new {
width:200px;
    height:23px;
   text-align:right;			/* 文字揃え */    	
position:absolute;
  left:597px;
  bottom:3px; 
    }    

/******近況報告 ******/
.message2 {
margin-top:0px;				/* 上マージン */
	margin-bottom:40px;				/* 下マージン */
	 margin-left:auto;				/* 左マージン */
	margin-right:auto;				/* 右マージン */	
		
	border-color:#696969;				/* ボーダー色 */    	
	 border-style:none;				/* ボーダー形式 */
    width:800px;
     
	color:#8b0000;				/* 文字色：茶色 */
}