@charset "utf-8";
/* CSS Document */

/*ページ全体の設定*/
body{
	background-image:url(img/wall.gif);
	background-repeat:repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
	margin:0px;
	padding:0px;/*隙間を空けないように指定します*/
}

/*コンテンツ　実際に使うページの設定*/
 #contents{ 
	width:996px;/*横幅指定*/
	margin:0 auto; 
	background-color:#FFF;
	position:relative;/*相対的な位置へ配置*/
	font-size:80%;/*文字は見やすいように少し小さめに設定*/
 }

/*ヘッダー部分の設定*/
 #header{
	background-position:top right;/*ヘッダーの位置を右上に設定*/
	height:116px; /*ヘーダーの高さメニュー部分まで合わせたサイズを指定*/
 }

/*上部メニューボタンの設定*/
 #navbar{
 	float:left;  
	width: 100%;
	height:43px;/*メニューボタンの高さの指定*/
	position:absolute;
 	top:120px;/*上からの位置指定*/
	text-align: center; 
 }

/*メイン部分の設定 index.link*/
 #main{
	height:auto;
 	width:996px;/*メイン部分の横幅の指定*/
	margin-top:15px;/*イメージ画像から間隔をあける指定*/
	margin-left:80px;/*左から少し間隔をあける指定*/
	
 }
 
 /*メイン部分の設定　about*/
 #main2{
	
	height:500px;
 	width:996px;/*メイン部分の横幅の指定*/
	margin-top:15px;/*イメージ画像から間隔をあける指定*/
	margin-left:80px;/*左から少し間隔をあける指定*/
	
 }
  /*メイン部分の設定　memo*/
  #main3{
	height:auto;
 	width:996px;/*メイン部分の横幅の指定*/
	margin-top:15px;/*イメージ画像から間隔をあける指定*/
	margin-left:10px;/*左から少し間隔をあける指定*/
	
 }

/*サイドメニューの設定*/
 #side{
	width:499px;/*サイドの幅（変更するときはコンテンツ背景も変更すること）*/
	position:absolute;
	top:170px;/*上からの位置指定メニューページは変更すること*/
	right:10px;/*左からの位置指定*/
 }

/*下部のフッター部分の設定*/
address{
 	background-color:#80c6c0;/*フッターの背景色の設定*/
	color:#ffffff;/*文字の色白に変更*/
	width:996px;/*フッターの幅をコンテンツピッタリに指定*/
	padding-bottom:10px;/*フッターの下に隙間を空ける設定*/
	border:none;
 }

 
#navbar ul{	
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*メニューで使うフォントの指定*/
	font-size: 15px;/*メニューのフォントサイズ*/
	line-height:42px;/*メニューボタンの高さの指定*/
	letter-spacing:2px;/*メニューの文字間の間隔を少し空ける*/
}

#navbar li{
background-image:url(img/about.gif); /*メニューのボタンの背景*/
display:inline;  
float:left;/*メニューボタンが右側に回り込む設定*/
width:249px; /*メニューボタンの幅*/
text-align:center;/*文字がボタンのセンターに来る設定*/
padding:0;/*隙間を空けない指定*/
}


#navbar a{
color:#FFF;/*メニューボタンの文字の色*/
display:block;
}

#navbar ul a:hover{
 background-image:url(img/about2.gif); /*カーソルが上に来た時に背景が変化*/
width:249px; /*変化の後のメニューボタンの幅*/
 }

#navbar a:hover{
 color:#8E0036; /*メニューの文字がカーソルが上に来た時、この色に変わる*/
 }

 a{
text-decoration:none;/*リンクの文字の下線を消す設定*/
}

.scr {
  overflow: scroll;   /* スクロール表示 */ 
  overflow-x: hidden; 
  width:238px;
  height: 100px;
  background-color:white;
}
 

img {
border:0px;
}

h3{
	font-size: 90%;
	border-left: 5px #d95483 solid;
	padding-left: 10px;
	margin-bottom: 15px;
}