/* CSS Document

LastUpDate
	
2006.06.17

---------------------------------------- */

/* 記述形式


１．プロパティは、同系統の場合1行で記述可能とする。

２．プロパティが2つ以内の場合は、1行で記述可能とする。

３．子要素は、右にTabして記述可能とする。

４．id要素名は、基本的に半角小文字のみの記述とする。

５．class要素名は、基本的に半角小文字の記述とするが、単語の頭部分においてのみは半角大文字の記述可能とする。

６．id要素名とclass要素名に同じ要素名をつけることは禁止とする。

７．子id要素名は、可能な限り親id要素名に近しい名前をつけることを推奨する。

８．記述の優先順位
	(1)display, float, position
	(2)margin, padding
	(3)width, height
	(4)text-●●●●系
	(5)background系
	(6)font系
	(7)その他


-------------------------------------------------------------------------------------- */


/* ページ全体
---------------------------------------------------------------------------------------*/

/* 全ての要素に指定 */
*{ margin: 0; padding: 0; }

/* Body要素に指定 */
body{
	font: 12px/18px "ＭＳ ゴシック", "Osaka−等幅";
	text-align: center;
	background-color: #fafdff;
}

/* ｈ１要素に指定 */
h1{
	width: 380px; height: 96px;
	text-indent: -9999px;
	background: url(../share/logoB.jpg) left top no-repeat;
	cursor: pointer;
}
h1#topTitle{
	width: 380px; height: 96px;
	text-indent: -9999px;
	background: url(../share/logo.jpg) left top no-repeat;
}

/* ｈ２要素（全てのサブタイトル）に指定 */
h2{
	margin: 18px 0 0 150px;
	width: 615px; height: 25px;
	text-indent: -9999px;
}

/* リンク要素に指定 */
a{ color: #1580cb; text-decoration: none; }
a:hover{ text-decoration: underline; }

/* フォントのスタイル指定 */
strong{ font: 24px/24px "ＭＳ ゴシック", "Osaka−等幅"; }
em{ font: 16px/20px "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; }
b{ font: normal 18px/18px "ＭＳ ゴシック", "Osaka−等幅"; color: #ff6600; }

.linethrough{ text-decoration: line-through; }
.orange{ color: #f60; }
.blue{ color: #00c; }
.red{ color: #c00; }

/* BOXレイアウト 
------------------------------*/
/* ページ全体用BOX */
#container{
	margin: 0 auto;
	width: 806px;
	text-align: left;
}

/* ヘッダーBOX */
#header{
	height: 74px;
}

/* コンテンツBOX */
#contents{
	padding: 1px 0 0 3px;
	height: auto; min-height: 455px;
	background: url(../share/bg.gif) center top repeat-y;
	}* html #contents{ height: 455px; }
	
	#contentTop{
		width: 806px; height: 1px;
		background: url(../share/bgTop.gif) center bottom no-repeat; 
	}
	#contentBottom{
		width: 806px; height: 3px;
		background: url(../share/bgBottom.gif) center top no-repeat;
	}


/* フッターBOX */
#footer{
	height: 54px;
}

/* パンくず */
#dust{
	padding-left: 150px;
	line-height: 14px;
	}





/* ヘッダー 
------------------------------*/
#header p{
	float: left;
	margin: 58px 0 0 3px;
	color: #808080;
}

ul#headerNavi{
	float: right;
	list-style: none;
	padding: 58px 3px 0 0;
	}
	ul#headerNavi li{
		float: left;
	}
	ul#headerNavi li a{ color: #000; }


/* ナビゲーション 
------------------------------*/
ul#navi{
	clear: both;
	position: absolute;
	padding: 2px 0 0 27px;
	width: 93px;
	}
	ul#navi li{
		list-style: none;
		}
		ul#navi li a{
			display: block;
			width: 93px; height: 28px;
			text-indent: -9999px;
			text-decoration: none;
			background-image: url(../share/navi.gif);
			background-repeat: no-repeat;
		}

	/* 各ナビの指定 */
	li#circleNavi a{ background-position: 0 0; }
	li#eventNavi a{ background-position: 0 -28px; }
	li#bbsNavi a{ background-position: 0 -56px; }
	li#columnNavi a{ background-position: 0 -84px; }
	li#linkNavi a{ background-position: 0 -112px; }
		/* ロールオーバー時 */
		li#circleNavi a:hover{ background-position: -93px 0; }
		li#eventNavi a:hover{ background-position: -93px -28px; }
		li#bbsNavi a:hover{ background-position: -93px -56px; }
		li#columnNavi a:hover{ background-position: -93px -84px; }
		li#linkNavi a:hover{ background-position: -93px -112px; }
		

/* フッター 
------------------------------*/
#footer{
	padding-top: 5px;
	width: 806px;
	text-align: right;
	line-height: 14px;
	color: #808080;
}








/* -------------------------------------------------------------------------------------- */


/* TOPページ
 ---------------------------------------------------------------------------------------- */

#topContents{
	padding: 2px 0 0 3px;
	height: 454px;
	background: url(../img/topBg.jpg) center top no-repeat;
}

/* イベント情報 */
#topEvent{
	padding-left: 144px;
	}
	
	h3#topEventTitle{
		font-size: 12px;
		font-weight: normal;
	}
	
	dl.TopEventList{
		margin: 0 0 5px 0;
		}
		dl.TopEventList dt{
			padding-left: 2px;
			width: 240px;
			border-bottom: 1px solid #000;
			line-height: 14px;
		}
		dl.TopEventList dd{
			padding-left: 8px;
			width: 300px;
			line-height: 18px;
		}

/* 更新情報 */
#topInfo{
	clear: both;
	position: absolute; top: 368px;
	margin-left: 26px; padding-left: 12px;
	width: 266px; height: 131px;
	background: url(../img/topInfoBg.gif) left top no-repeat;
	}
	
	h3#topInfoTitle{
		margin: 0 0 10px 0; padding-top: 10px;
		width: 242px;
		font: normal 12px/14px "ＭＳ ゴシック", "Osaka−等幅";
		border-bottom: 1px solid #000;
	}
	* html #topInfo td{
		padding: 0 0 0 12px;
	}
	
	dl.TopInfoList{
		padding: 0 0 0 2px;
		width: 242px;
		color: #666;
		line-height: 14px;
		}
		dl.TopInfoList dt{
			position: absolute;
			color: #888;
		}
		dl.TopInfoList dd{
			padding: 0 0 8px 70px;
		}
a#btnRSS{
	position: relative;
	top: -106px; left: 208px;
	}* html a#btnRSS{
	top: -105px;
	}
	a#btnRSS img{
		border: 0;
	}


/* 管理状況 */
p#administration{
	position: absolute; top: 432px;
	padding-left: 610px;
	color: #666;
	line-height: 14px;
	text-align: right;
}