@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}
body {   
             background:  #e3e3e3;	/*ウェブページ全体の背景画像*/
             font-size:95%;                /* フォントサイズを95%にする */
           
            background-attachment: fixed;
            
      
}
div#pagebody {
              	width:1200px; margin:0 auto	/*内容全体をセンタリング指定、1200固定*/
	
		/*コンテンツ全体の背景画像*/
	background-repeat:repeat-y;			/*背景画像を縦方向に繰り返す*/
}
img {border:0;} 				            /*画像のボーダーを0にする*/


hr {
	
	width:1400px;		/*幅の指定*/
	margin:15px 0px;		/*マージン*/
	  border-top: 1px solid #bbb;
                border-bottom: 1px solid #fff;
}

/*============================================
ヘッダ
============================================*/
div#header {
	height:30px;				/*ヘッダ部分の高さ*/
}
div#header h1 {color: #7c7c7c;
	padding:20px 0px 0px 500px;		               /*見出しの位置調整*/
	 font-size: 1.5em;				/*フォントのサイズ*/
                font-style: italic; 
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,
 "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*フォントの種類*/
}
div#header h1 a {text-decoration:none;} 	/*リンクの下線を無くす*/

/*============================================
ヘッダ画像
============================================*/
#album {
	
	margin:5px 100px;		/*マージン*/
}



/*============================================
メインメニュー
============================================*/
<!--
A:link { color: #87ceeb; text-decoration: none; font-family: "Times New Roman,times,serif"; }
A:visited{ color: #80ffff; text-decoration: none; font-family: "Times New Roman,times,serif"; }
A:hover { color: #000000; text-decoration: none; font-family: "Times New Roman,times,serif"; }
A:active { color: #ff0000; text-decoration: none; font-family: "Times New Roman,times,serif"; }
-->
ul#menu {
	width:700px; height:40px; 	/*メインメニュー部分の幅と高さ*/
              margin:0px 0px; 		/*上下マージン0px、左右マージン20px*/　　　　
}
#menu li {
	list-style-type:none;	/*リストマーカー無しにする*/
	display:inline;	               /*リスト項目をインライン表示にする*/
	float:left;			/*リスト項目を横に並べる*/
               margin-right: 4px;                /*区切り*/
}

<!--
div#home a:hover {
 position: relative;
 top: 2px;
 left: 5px;
 text-decoration: none;
 } 
 -->
/*============================================
フッタ
============================================*/
div#footer {
	clear:both;			/*回り込みを解除する*/
	height:5px;			/*高さの指定*/
	padding:0px 0px 0px 0px;	/*パディング*/
	color: #7C7C7C;
	text-align:right;		/*右寄せ*/
              
}