@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 		/*自動生成される余白をゼロにする*/
}

body {
background-image: url(image/b015.jpg);	/*ページ全体の背景色*/
font-size:100%;		/* フォントサイズを100%にする */
font-family: "ＭＳ 明朝",sans-serif;		/* フォントの種類 */
line-height:1.5;		/* 行の高さを1.5倍にする */
}

div#pagebody {
	width:1000px; margin:0 auto;	/*内容全体をセンタリング*/
}



img {border:0;} 				/*画像のボーダーを0にする*/




/*============================================
ヘッダ
============================================*/
div#header {
	height:50px;				/*ヘッダ部分の高さ*/
}
div#header h1 {
	padding:10px 0px 5px 20px;		/*見出しの位置調整*/
	font-size:18px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
div#header h1 a {text-decoration:none;} 	/*リンクの下線を無くす*/



/*============================================
メインメニュー
============================================*/
ul#menu {
	width:100%; 	/*メインメニュー部分の幅と高さ*/
margin:0px 10px; 		/*メインメニューの余白幅　上下マージン0px、左右マージン35px*/
}
#menu li {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
        text-align:center;
}
#menu li a {
        font-size:40px;			/*文字サイズ*/
        font-weight:  bold;     /*太字*/
	color:black;		/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	width:200px; height:50px;	/*幅と高さ*/
	padding:15px 0px 0px 0px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
}

#menu li a:hover {
	color:#666666;		/*リンクにマウスが乗ったら文字色を変更する*/
}

/*============================================
文字の指定
============================================*/
h1 {
    font-size:45px;			/*文字サイズ*/
    padding:5px 10px;  /*内側の余白*/
    background:rgba(0,0,0,0.8);  /*背景の色指定*/
    text-align:center;
    color: white;       /*文字色指定*/
}




h2 {
    font-size:38px;			/*文字サイズ*/
    padding:5px 10px;  /*内側の余白*/
    background:#660000;  /*背景の色指定*/
    text-align:center;
    color: white;       /*文字色指定*/
}



h3 {
	font-size:35px;			/*文字サイズ*/
	width:660px;			/*横幅*/
	color:black;			/*文字色*/
}

h4 {
    font-size:20px;			/*文字サイズ*/
    padding:5px 10px;  /*内側の余白*/
    background:#660000;  /*背景の色指定*/
    text-align:center;
    color: white;       /*文字色指定*/
}


p {
  line-height: 1.7;    		/*行間*/
	font-size:30px;			/*文字サイズ*/
}



/*============================================
フッター
============================================*/


#footer {
	width:100%; 	/*メインメニュー部分の幅と高さ*/
margin:0px 10px; 		/*メインメニューの余白幅　上下マージン0px、左右マージン35px*/
    background-image: url(image/footer.jpg);	/*ページ全体の背景色*/
}
#footer li {
	list-style-type:none;		/*リストマーカー無しにする*/
        text-align:center;
}
#footer li a {
        font-size:20px;			/*文字サイズ*/
        font-weight:  bold;     /*太字*/
	color:black;		/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	width:200px; height:50px;	/*幅と高さ*/
	padding:15px 0px 0px 0px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
}

#footer li a:hover {
	color:#666666;		/*リンクにマウスが乗ったら文字色を変更する*/
}