/*
 * このファイルはスタイルシートと言う Web ページの見た目を制御するファイルです。
 * HTML ファイルのヘッド要素内でこのスタイルシートを使用することを宣言する必要があります。
 */



/* ブラウザ表示部分 */
body {
	background:blue;
	margin: 10px auto 0 auto;          /* 表示部の余白を設定 順に 上 右 下 左 */
}
#wrappar{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
	background: url(./images/haikei01.png); /* 背景画像の指定 */
	font-size:80%;                     /* 文字の大きさを標準の80%に設定 */
	width: 800px;                      /* 表示幅を800ピクセルに設定 */
	margin: 10px auto 0 auto;          /* 表示部の余白を設定 順に 上 右 下 左 */
}

/* img 要素 */
img {
	border: none; /* 枠線を非表示 */
}

/* id="main" と指定された要素に対する設定  */
#main {
	background-color: #ddd; /* 背景色を白色 */
	border: 5px solid #fff; /* 枠線を指定 */
}
#footer {
	background-color: #F5F5DC;
	padding: 2px 10px;
	text-align:right;
}


/* 見出し要素 */
h1, h2, h3, h4, h5, h6 {
	color: #eee; /* 文字の色を灰色に設定 */
	margin: 10px; /* 余白  */
	border-bottom: 1px solid #999; /* 下側枠線を指定 */
}

/* 段落 */
p {
	color: #0000ff;
	margin: 10px; /* 余白  */
	line-height: 180%; /* 行間を指定  */
}
h2{
	text-align: center;
	font-size: 250%;
	color: #55ffff;
	font-family: serif;
}
h1{
	
	font-size: 300%;
	color: red;
}
h3{
	font-size: 200%;
	color: green;
	text-align: center;
}