@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);


img.test	{height: 212px;
		width: 279px;
		border: none;
		margin: 0 0;
		padding: 0 0}

div#pickup	{width 838px;
		height: 212px;
		margin: 0 auto 0 auto;
		padding: 0 0;
		background-color: white;
		border: none}

div#pickup p	{margin: 0 auto 0 auto;
		padding: 0 0}	

span#henko	{color: red}


h2#headline	{border: none;
		width: 400px;
		height: 30px;
		margin: 0 0;
		background-color: white;
		background-image: url(../i-head.png); 
		background-repeat: no-repeat;
		text-indent: -9999px;
		text-align: center;
		font-size: 11pt}

div#record	{border: solid 1px white;
		width: 400px;
		height: 516px;
		font-size: 9pt;
		margin: 20px 20px 0 20px;
		padding: 0 0;
		float: left;
		display: inline}

div#record ul	{list-style-type: none; 
		border: none;
		height: 148px;
		width: 400px;
		padding: 0 0;
		margin: 2px 0 10px 0;
		overflow: scroll;
		overflow-x: hidden}

div#record ul li{border-bottom: none;
		padding: 0 0 0 10px;
		margin: 0 0}

li.one		{color: gray;
		background-color: white;
		border-bottom: none}

li.two		{color: white;
		background-color: gray;
		border-bottom: none}

div#record ul li a	{color: orange}


p#gt_pf		{margin: 0 0;
		padding: 0 0;
		height: 18px;
		background-color: orange;
		color: #004D99}

a.view_pf	{color: #004D99;
		height: 16px;
		text-decoration: none}

a.view_pf:hover	{text-decoration: underline}

div#record a#panf	{display: block;
			border: solid 1px #004D99;
			text-indent: -9999px;
			height: 284px;
			width: 398;
			margin: 4px 0 0 0;
			padding: 0 0;
			background-image: url(../th_panf.png);
			background-repeat: no-repeat;
			background-position: center top}

div#record a#panf:hover	{background-image: url(../th_panf.png);
			background-repeat: no-repeat;
			background-position: center bottom}

div#banas	{width: 341px;
		height: 514px;
		border: solid 1px white;
		margin: 20px 0 0 470px;
		padding: 0 0}

img.bana	{border: none;
		margin: 5px 0 0 0;
		padding: 0 0;
		height: 75px;
		width: 341px}

img#radio	{border: none;
		margin: 0 0 91px 0;
		padding: 0 0;
		height: 104px;
		width: 341px}



div#special	{border: none;
		width: 838px;
		height: 30px;
		margin: 10px 0 0 0;
		background-color: white;
		background-image: url(../i-special.png);
		background-repeat: no-repeat;
		text-align: center;
		font-size: 11pt}


div#s_contents
	{width: 838px;
		height: 238px;
		margin-top: 5px;
		margin-bottom: 0;
		padding: 0 0;
		border: solid 1px blue}



div#underbanas	{border: none;
		width: 703px;
		height: 103px;
		margin: 30px auto 0 auto;
		padding: 0 0}


img#mobile	{border: none;
		margin: 0 20px 0 0;
		height: 103px;
		width: 342px}

img#sns		{border: none;
		margin: 0 0;
		height: 103px;
		width: 341px}






div#suponce	{border: none;
		width: 836px;
		height: 76px;
		margin: 5px 0 5px 0;
		font-size: 9pt;
		}

div#suponce ul		{border: none;
			margin: 0 0;
			padding: 0 0;
			height: 90px;
			width: 836px;
			background-image: url(../suponce.png);
			background-repeat: no-repeat;
			list-style-type: none}

div#suponce ul li	{border: none;
			margin: 0 0;
			padding: 0 5px 0 6px;
			display: inline}

div#suponce img		{margin-top: 20px;
			border: none}