﻿@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-goods	{display: block;
		height: 76px;
		margin-top: 0;
		margin-bottom: 10px;
		text-indent: -9999px;
		border: none;
		background-color: white;
		background-image: url(../product/h-goods.png);
		background-repeat: no-repeat}


div.show	{width: 419px;
		height: 300px;
		margin: 0 0;
		padding: 0 0;
		background-image: url();
		border: none}

div#l_view	{float: left;
		display: inline;
		width: 419px;
		height: 600px;
		margin: 0 0;
		padding: 0 0}

div#r_view	{float: right;
		display: inline;		
		width: 419px;
		height: 600px;
		margin: 0 0;
		padding: 0 0}

p#notice	{clear: both;
		text-align: right}


div#under	{clear: both;
		width: 838px}

img#stecker	{width: 131px;
		height: 176px;
		border: none}

img#towel	{width: 230px;
		height: 83px;
		border: none}

img#cloth	{width: 534px;
		height: 212px;
		border: none}

table#goods		{border: none;

			style: noshade;
			margin: 0 0;
			padding: 0 0;
			width: 838px;
			height: 700px;
			font-weight: normal;
			font-family: メイリオ,Arial,"Hiragino Kaku Gothic Pro",sans-serif}

table#goods th#head	{color: white;
			background-image: url(../product/i-goods.png);
			background-repeat: no-repeat;
			border-bottom: none;
			padding: 0 0;
			height: 30px}

table#goods td.view	{border: solid 1px silver;
			text-align: center;
			width: 419px}

table#goods td.viewlarge{border: solid 1px silver;
			text-align: center;
			width: 838px}

table#goods td.price	{border: none;
			width: 838px;
			height: 20px;
			padding: 0 0;
			font-size: 10pt;
			font-family: メイリオ,Arial;
			text-align: center;
			color: #004D99}

table#goods2		{border: none;

			style: noshade;
			margin: 0 0;
			padding: 0 0;
			width: 838px;
			height: 482px;
			font-weight: normal;
			font-family: メイリオ,Arial,"Hiragino Kaku Gothic Pro",sans-serif}

table#goods2 td.badge	{border: solid 1px silver;
			text-align: center;
			margin: 0 0;
			padding: 0 0;
			width: 276px;
			height: 154px}

table#goods2 td.badge a	{display: block;
			border: none;
			background-repeat: no-repeat;
			background-position: center;
			text-indent: -9999px;
			width: 272px;
			height: 154px}

table#goods2 td.badge a#bad1{
			background-image: url(../product/badge1.png)}

table#goods2 td.badge a#bad2{
			background-image: url(../product/badge2.png)}

table#goods2 td.badge a#bad3{
			background-image: url(../product/badge3.png)}

table#goods2 td.badge a#bad4{
			background-image: url(../product/badge4.png)}

table#goods2 td.badge a#bad5{
			background-image: url(../product/badge5.png)}

table#goods2 td.badge a#bad6{
			background-image: url(../product/badge6.png)}

table#goods2 td.badge a#bad7{
			background-image: url(../product/badge7.png)}

table#goods2 td#bd_view	{border: white;
			font-size: 10pt;
			font-family: メイリオ,Arial;
			text-align: center;
			background-color: white;
			color: #004D99;
			width: 552px;
			height: 154px}