@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(midashi.css);


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




h2#i-access{
height: 75px;
width: 838px;
margin: 0 0;
text-indent: -9999px;
border: none;
background-color: white;
background-image: url(../about/h-access.png);
background-repeat: no-repeat
}

/*==MAP AREA=============================*/
h3#ac_map{
text-indent: -9999px;
background-image: url(../about/ac_map.png);
background-repeat: no-repeat;
width: 259px;
height: 41px
}

img#map{
width: 408px;
height: 399px;
margin-left: 20px;
float: left;
border: none;
display: inline
}

p.manu_map{
width: 370px;
float: right;
padding-left: 30px
}

img.sub{
width: 317px;
height: 41px
}

p.manu{
clear: both
}

/*==UNDER AREA===========================================*/


/*==RAIL AND BUS=============================*/
div#railandbus{
float: left;
border: solid 1px white;
width: 530px;
margin-left: 8px;
margin-right: 0;
padding: 0 0;
display: inline
}

/*==RAILWAY====*/
div#rail{
font-size: 9pt;
border: solid 1px white;
margin: 0 0;
padding: 0 0;
float: left;
display: inline;
width: 259px;
height: 550px
}

h3#ac_rail{
text-indent: -9999px;
background-image: url(../about/ac_rail.png);
background-repeat: no-repeat;
width: 259px;
height: 41px
}

img#rail{
margin-right: 5px;
margin-bottom: 7px;
float: left
}

/*==BUS========*/
div#bus{
font-size: 9pt;
float: right;
display: inline;
border: solid 1px white;
margin: 0 0;
padding: 0 0;
width: 259px;
height: 550px
}

h3#ac_bus{
text-indent: -9999px;
background-image: url(../about/ac_bus.png);
background-repeat: no-repeat;
width: 259px;
height: 41px
}

img#bus{
margin-right: 5px;
float: left
}

p#tousp{
margin-top: 70px
}

div#bus ul{
width: 259px;
margin: 0 0;
padding: 0 0
}

div#bus ul li{
list-style: none;
display: inline;
margin: 0 0;
padding: 0 0
}


/*==TAXI=============================*/

div#taxi{
display: inline;
float: right;
font-size: 9pt;
border: solid 1px white;
margin-left: 0;
margin-right: 7px;
padding: 0;
width: 280px;
height: 550px
}

h3#ac_taxi{
text-indent: -9999px;
background-image: url(../about/ac_taxi.png);
background-repeat: no-repeat;
width: 276px;
height: 41px
}

img#taxi{
margin-right: 5px;
float: left
}