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

p.comment	{text-align: right}


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

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

p#to_other {margin: 5px 0 0 10px;
	text-align: left}

p#to_other a	{color: #004D99;
		font-size: 9pt;
		text-decoration: none}

p#to_other a img{border: none}


p#chute		{clear: both;
		font-size: 9pt;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-left: 10px;
		text-align: left}

p.warn		{font-size: 9pt;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-left: 10px;
		text-align: left}

p.warn span.mark{color: red}

p#henko		{clear: both;
		font-size: 9pt;
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 10px;
		text-align: right}

p#henko a	{color: #004D99;
		margin-right: 10px}


p#d_chute	{font-size: 9pt;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-right: 10px;
		text-align: right}

div#pics	{border: solid 1px white;
		height: 720px;
		width: 817px;
		margin: 0 auto 0 auto;
		padding: 0 0}


div#above	{border: none;
		height: 500px;
		width: 816px;
		padding: 0 0}

div#middle	{border: none;
		height: 50px;
		width: 816px;
		padding: 0 0}

div#below	{border: none;
		height: 50px;
		width: 816px;
		padding: 0 0}

div.pick_left	{border: solid 1px #004D99;
		float: left;
		display: inline;
		font-size: 9pt;
		width: 390px;
		height: 500px;
		margin: 3px;
		padding: 5px}

div.pick_right	{border: solid 1px #004D99;
		float: right;
		display: inline;
		font-size: 9pt;
		width: 390px;
		height: 500px;
		margin: 3px;
		padding: 5px}

div.pick a	{color: #004D99;
		text-decoration: none}

div.pick a:hover{color: orange;
		style: none}

p.recom a	{color: #004D99;
		text-decoration: none}

p.recom a:hover{color: orange;
		style: none}

ul.member	{margin: 0 0 0 140px;
		padding: 0 0;
		line-height: 0;
		border: none;
		width: 248px;
		height: 60px}

ul.member li	{list-style: none;
		list-style-position: 0;
		line-height: normal;
		font-size: 8pt;
		height: 12px;
		border: none;
		margin: 0 0;
		padding: 0 0}

ul.jump		{margin: 3px 0 0 270px}

ul.jump	li	{display: inline;
		list-style: none;
		list-style-position: 0;
		line-height: 0;
		font-size: 1%;
		border: none;
		margin: 0 0;
		padding: 0 0}

img.icons	{border: none;
		height: 20px;
		margin: 0 0;
		padding: 0 0}

h3		{font-size: 10pt;
		margin-top: 4px;
		margin-bottom: 10px;
		background-color: #004D99;
		color: white}

h2              {font-size: 10pt;
                margin-top: 4px;
                margin-bottom: 10px;
                background-color: white
                color: #004D99;}

img#bontan	{width: 133px;
		height:	100px;
		margin-right: 5px;
		float: left}

img#polar	{width: 134px;
		height:	100px;
		margin-right: 5px;
		float: left}

img#peace	{width: 134px;
		height:	100px;
		margin-right: 5px;
		float: left}

img#samurai	{width: 105px;
		height:	100px;
		margin-right: 5px;
		float: left}

img#drill	{width: 134px;
		height:	100px;
		margin-right: 5px;
		float: left}

img#sakuran	{width: 77px;
		height:	100px;
		margin-right: 5px;
		float: left}


p.recom		{clear: both;
		display: block;
		font-size: 8pt;
		border: none;
		width: 388px;
		padding: 0 0}

p.from		{width: 260;
		display: block;
		font-size: 8pt;
		margin-top: 0;
		margin-bottom: 0}

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

div#record ul	{list-style-type: none; 
		border: none;
		height: 500px;
		width: 390px;
		padding: 0 0;
		margin: 2px 0 10px 0}

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

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

li.two		{color: gray;
		background-color: pink;
                text-decoration: none;
                (hover) background-color: yellow; 		
                border-bottom: none}

a:link { color: red }
a.one:visited { color: white }
a.two:visited { color: black }

a:hover { color: #ff0000; }
a:active { color: #ff8000; }