@charset "utf-8";
/*****************************************
This style sheet is for
	"KJRF'09 official web site".

	copyright©The Laughing man from 10th.

■エンコード=UTF-8

■基本規格:
コンテナ=850px×可変
	∟ヘッダ=840px×227px
	∟ナビゲーションメニュー=840px×48px
			∟リスト=168×48px
	∟コンテンツ=(ページ毎に変動)
	∟フッタ=840px×60px（中央寄せ）

☆次期ウェブ管理者の方へ、
当スタイルシートはxhtml 1.0 transitionalへの適応を前提に記述しています。
正直失敗した感いっぱいのサイトにしてしまいましたが、
全体の構成方法、cssともに、そのまま使いまわしていただいて構いません…が、問題点が多々あります。注意して下さい。むしろ、今後も時代に適応したコーディングを心がけるべきかと。

荒神山ロックフェスというイベントが継続され、更に充実するとともに、
ウェブページによってそうした活動が促進される事を心より願っています。
	2009.10.14.WED '09年度　ウェブ管理者
******************************************/
@import url(common/common.css);
@import url(common/navigation.css);

h2#i-shop	{display: block;
		height: 76px;
		margin-top: 0;
		margin-bottom: 3px;
		text-indent: -9999px;
		border: none;
		background-color: white;
		background-image: url(../product/h-shop.png);
		background-repeat: no-repeat}

img#mogi	{float: left;
		border: none;
		margin-right: 10px;
		width: 200px;
		height: 150px}

p#boshu		{border: solid 1px white;
		margin-top: 30px}

div#shop	{width: 800px;
		height: 300px}

div#shop ul	{list-style-type: none;
		font-family: Arial,メイリオ,Helvetica,sans-serif;
		font-style: normal}

div#shop ul li	{border-bottom: dotted 1px #4a4a4a;
		margin-top: 5px}

div#ad-mogi	{margin-left: 300px;
		height: 27px;
		width: 274px;
		border: solid 1px silver;
		background-image: url(../product/shogun.jpg);
		background-repeat: no-repeat}

h3#mogi		{margin-left: 30px;
		text-weight: normal;
		height: 30px;
		width: 570px}

h3#flea		{margin-left: 30px;
		text-weight: normal;
		height: 30px;
		width: 570px}

p#atten		{margin-left: 30px}



/* --- コンテナ --- */
#container {
width: 850px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background: url(../pageback_850.gif) center top repeat-y; /* コンテナの背景 */
}

/* --- ページ --- */
#page {
width: 850px; /* ページの幅 */
margin: 0 auto; /* センタリング */
border-bottom: 1px #c0c0c0 solid; /* ページの下境界線 */
}