/* ホームページ全体の設定 */
body {
	font-size: 10.5pt;			/* 文字の大きさ（小） */
	line-height: 12pt;
	margin: 0pt;				/* 余白（0ピクセル） */
	background-image: url(img/back002.jpg);	/* 背景画像（「img」というファイルの中の「back4.gif」） */
	background-repeat: repeat;		/* 背景画像の並び方（繰返し） */
	background-attachment: fixed;		/* 背景画像の表示の仕方（画像を固定） */
}

/* 一番上の箱の設定 */
#banner {
	height: 10px;			/* 高さ（150ピクセル） */
	width: 800px;			/* 横幅（850ピクセル） */
	margin-right: center;			/* 右の余白（自動調節） */
	margin-left: center;	/* 背景の色 */
}

/* 内容とコンテンツが書いてある箱をまとめている箱の設定 */
#mainbox {
	height: auto;			/* 高さ（自動調節） */
	width: 800px;			/* 横幅（850ピクセル） */
	margin-right: auto;		/* 右の余白（自動調節） */
	margin-left: auto;		/* 左の余白（自動調節） */
	background-color: #DEE2E2;	/* 背景色（白） */
}

/* 内容が書いてある箱の設定 */
#centerbox {
	font-size: small;		/* 文字の大きさ（小） */
	width: 800px;			/* 横幅（640ピクセル） */
	height: auto;			/* 縦幅　自動 */
	float: center;			/* イラストなどの右側に文字が回り込む */
	text-align: center;		/* 文字の水平方向の位置（左） */
	background-color: #DEE2E2;	/* 背景の色（白） */
}

/* お店の情報が書いてある箱の設定 */
#footer {
	height: 50px;				/* 高さ（120ピクセル） */
	width: 800px;				/* 横幅（850ピクセル） */
	clear: both;				/* 右側、左側においたイラストなどの回り込みを解除 */
	margin-right: auto;			/* 右の余白（自動調節） */
	margin-left: auto;			/* 左の余白（自動調節） */
	background-color: #DEE2E2;	/* 背景画像（「img」というファイルの中の「under.gif」） */
	background-repeat: norepeat;		/* 背景画像を一枚だけ表示させる */
}

/* strongタグの設定 */
strong{
	font-size: 15px;		/* 文字の大きさ */
	color: #000000;			/* 文字の色 */
}

/* 見出しタグの設定「ｈ１」　（見出しタグの中では1番重要） */
h1{
	font-size: 8px;		/* 文字の大きさ（13ピクセル） */
	color: #000000;			/* 文字の色（黒） */
	background-color:#DEE2E2;	/* 文字の背景色 */
	font-weight: bold;		/* 文字の太さ（太め） */
    text-align: center;		/* 文字の水平位置（中央） */
	line-height: 16px;		/* 文字の行間（12ピクセル） */
	letter-spacing: 5px;		/* 文字の間隔（3ピクセル） */
	margin: 0px;
}

/* 見出しタグの設定「ｈ２」　（見出しタグの中では2番目に重要） */
h2{	
	font-size: 10px;		/* 文字の大きさ（15ピクセル） */
	color: #0099FF;			/* 文字の色（黒） */
	font-weight: bold;		/* 文字の太さ（太め） */
    text-arign: center;		/* 文字の水平位置（中央） */
	line-height: 15px;		/* 文字の行間（22ピクセル） */
	letter-spacing: 2px;		/* 文字の間隔（2ピクセル） */
}

/* 見出しタグの設定「ｈ３」　（見出しタグの中では3番目に重要） */
h3{
	font-size: 10px;		/* 文字の大きさ（14ピクセル） */
	color: #000000;			/* 文字の色（水色） */
	font-weight: bold;		/* 文字の太さ（太め） */
	margin: 0px;
}

/* 文字の設定（<font>〜</font>で囲んだ所のみ） */
font{
	line-height: 22px;		/* 文字の行間の設定 */
	font-size: 15px;		/* 文字の大きさの設定 */
}

.font{
	line-eight: 20px;
	font-size: 10px;
}

/* リンクの設定（文字の色など） */

/* クリックしていない項目の色 */
a:link{
	color: #0099FF;			/* 文字の色（白） */
	text-decoration: none;		/* 下線を消す */
}

/* クリックした項目の色 */
a:visited{
	color: #0099FF;			/* 文字の色（白） */
	text-decoration: none;		/* 下線を消す */
}

/* 矢印がクリックできる項目の上にあるときの色 */
a:hover{
	text-decoration: underline;	/* カーソル */
}