@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);
@import url(arttable.css);

p.comment	{text-align: right}


div#i-time		{height: 77px;
			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-artist.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: 238px;
		width: 816px;
		padding: 0 0}

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

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

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

div.pick_right	{border: solid 1px #004D99;
		float: right;
		display: inline;
		font-size: 9pt;
		width: 390px;
		height: 220px;
		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}

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}

/* --- コンテナ --- */
#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; /* ページの下境界線 */
}