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

BODY	{					/* ドキュメント全体 */
			margin:0;				/* マージン一括指定 */
 margin-left:auto;				/* 左マージン */
		margin-right:auto;				/* 右マージン */
        	
		width:800px;				/* 表示の横幅 */
		

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

/****** リスト ******/
ul li {
list-style: none ;				/* 一括指定 */	
}


/****** リンク ******/
 
 A:link	{
	color:#4682b4;				/* リンク：文字色 : グレイ */	
		text-decoration:none;				/* 下線など */
	}
 A:visited	{
	color:#4682b4;				/* 既訪リンク：文字色 : グレイ */
	text-decoration:none;				/* 下線など */		
	}

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

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


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

/****** 見出し ******/
h1 {
text-align:center;
}

h2 {
color:#191970;
text-align:center;
}

h3 {
text-align:center;
}

/******ナビ設定 ******/

#navsite {

		width:400px;				/* 表示の横幅 */
			margin: auto ;				/* マージン一括指定 */
                     	padding-right:42px;				/* 右パディング */		
			text-align:center;			/* 文字揃え */	
		}
		
}
#navsite ul {
	padding:auto 0;				/* パディング一括指定 */				
			}
			
#navsite ul li {			
	list-style: none ;				/* 一括指定 */
		margin: 0;				/* マージン一括指定 */
			display: inline ;				/* 表示形式 */
			}
			
#navsite ul li a {
	padding:4px 0.5em ;				/* パディング一括指定 */
		
		text-align:center;			/* 文字揃え */
font-size:10pt;			/*  フォントサイズ */
	font-family: sans-serif ;			/* フォントファミリー */
		font-weight: 700 ;			/* 太さ */	
					background-color:#c0c0c0;		/* 背景色： */	
						text-decoration: none ;				/* 下線など */						
}

#navsite ul li a:link {						
color : #696969 ;
}

#navsite ul li a:visited {						
color : #696969 ;
}

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {						
color :white;
	background-color:#696969;		/* 背景色： */
}

/******リンクボタン設定 ******/

.linknav {		
				margin:0;				/* マージン一括指定 */
	}	
.linknav ul {
	padding:auto 0;				/* パディング一括指定 */				
			}
			
.linknav ul li {			
	list-style: none ;				/* 一括指定 */
		margin: 0;				/* マージン一括指定 */
			display: inline ;				/* 表示形式 */
			}
			
.linknav a {
	padding:4px 0.5em ;				/* パディング一括指定 */
		
		

	font-family: sans-serif ;			/* フォントファミリー */
		font-weight: 700 ;			/* 太さ */	
					background-color:#c0c0c0;		/* 背景色： */	
						text-decoration: none ;				/* 下線など */						
}

.linknav a:link {						
color : #696969 ;
}

.linknav a:visited {						
color : #696969 ;
}

.linknav a:link:hover, .linknav a:visited:hover {						
color :white;
	background-color:#696969;		/* 背景色： */
}

.linknav ul li a {
	padding:4px 0.5em ;				/* パディング一括指定 */
		
		text-align:center;			/* 文字揃え */
font-size:10pt;			/*  フォントサイズ */
	font-family: sans-serif ;			/* フォントファミリー */
		font-weight: 700 ;			/* 太さ */	
					background-color:#c0c0c0;		/* 背景色： */	
						text-decoration: none ;				/* 下線など */						
}

.linknav ul li a:link {						
color : #696969 ;
}

.linknav ul li a:visited {						
color : #696969 ;
}

.linknav ul li a:link:hover, .linknav ul li a:visited:hover {						
color :white;
	background-color:#696969;		/* 背景色： */
}


/****** コンテンツタイトル ******/

.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;
	}

/****** メイン ******/

.mine {
margin-top:20px;				/* 上マージン */
		margin-bottom:20px;				/* 下マージン */
		
			padding-bottom:20px;				/* 下パディング */

    width:800px;                                          /* 表示の縦幅 */
   	height:auto;				
	    border-style:solid;				/* ボーダー形式 */
	    	border-width:1px;				/* ボーダー太さ */

	border-color:#696969;				/* ボーダー色 */    
    margin-left:auto;				/* 左マージン */
    margin-right:auto;				/* 右マージン */ 
  position:relative;    
}

/****** メインコンテンツエリア ******/
.minecon {
margin-top: 20px ;				/* 上マージン */
		margin-bottom: 20px ;				/* 下マージン */		
    width:780px;                                          /* 表示の縦幅 */
   	height:auto;				
	    border-style:none;				/* ボーダー形式 */	    		 
    margin-left:auto;				/* 左マージン */
    margin-right:auto;				/* 右マージン */ 
  position:relative;    
}

/****** コンテンツエリア横2列 ******/
.wcon {	
	width:800px ;				/* 表示の横幅 */
		
		margin-left:auto;				/* 左マージン */
    margin-right:auto;				/* 右マージン */ 
     position: relative ; 
		}

/* 左エリア */
.leftcon {
            width:45% ;                                          /* 表示の縦幅 */  
	padding-left:10px;				/* 左パディング */
								  　　		    　　	
}

/* 右エリア */
.rightcon {
            width: 45% ;                                          /* 表示の縦幅 */  
	padding-right:10px;				/* 左パディング */
	 position: absolute ; 
   top: 0px ;
   right: 0px ;							  　　		    　　	
}



	

/****** リンクページ紹介 ******/
.banner {

margin-right: 30px ;				/* 右マージン */
	margin-top:10px;				/* 上マージン */   
        	margin-bottom:30px;				/* 下マージン */    
		float: left ;				/* フロートと回り込み */
}