@charset "shift-jis";

/******************************************************************************/
/* 全ページ共通の設定                                                         */
/******************************************************************************/

/* 擬似クラス処理
	順序ルール
		:visited:focus よりも後に :visited が来ること(IE5バグ対策)
		:link:focus よりも後に :link が来ること(IE5バグ対策)
		:visited が :visited:hover, :visited:active よりも先に来ること(Operaバグ対策)
		:link が :link:active, :link:hover よりも先に来ること(Operaバグ対策)
		:visited:hover よりも後に :link:hover が来ること(IE5バグ対策)
		:visited:active よりも後に :link:active が来ること(IE5バグ対策)
		:*:hover よりも後に :*:active が来ること(:hoverよりも:activeを優先させるため)
		別のクラスが付くものについても、同様にすること。
		なお、:*:focus,:*,:*:hover,:*:active への指定は省略不可。省略すると、Operaで不具合が出る
*/
a:visited:focus						{	text-decoration: none;	color: #336;	background-color: Transparent;	}
a:link:focus						{	text-decoration: none;	color: #336;	background-color: Transparent;	}
a:visited							{	text-decoration: none;	color: #336;	background-color: Transparent;	}
a:link								{	text-decoration: none;	color: #336;	background-color: Transparent;	}
a:visited:hover						{	text-decoration: none;	color: #EBA100;	background-color: Transparent;	}
a:link:hover						{	text-decoration: none;	color: #EBA100;	background-color: Transparent;	}
a:visited:active, a:link:active		{	text-decoration: none;	color: #336;	background-color: Transparent;	}


/********************* フォーム *********************/
form
{
	width: 780px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: Transparent;
	color: Black;
	z-index: auto;
}


/********************* ヘッダ部 *********************/
/* ヘッダ 全体 */
#Header
{
	background-color: Transparent;
	background-image: url(/images/h_bg1.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	clear: both;
	width: 780px;
	height: 102px;
}
/* ヘッダ 落語協会 */
#Header #Title
{
	width: 261px;	/* paddingと合わせて 280px以内 */
	height: 60px;
	padding: 21px 5px 21px 14px;
}
/* ヘッダ 飾り */
#Header #Separator
{
	width: 166px;	/* paddingと合わせて 170px */
	height: 86px;
	padding: 7px 2px 8px 2px;
}
/* ヘッダ ログインコントロール部 */
#Header #LoginControl
{
	width: 240px;	/* paddingと合わせて 245px */
	padding-left: 5px;
	padding-top: 10px;
}
/* ヘッダ 協会ロゴ */
#Header #KyokaiLogo
{
	width: 68px;	/* paddingと合わせて 80px */
	height: 76px;
	padding: 13px 10px 13px 2px;
}


/********************* ログインコントロール部 *********************/
/* ログインコントロール テキストボックス見出し */
#LoginControl .LoginTitle
{
	width: 80px;
	font-size: 11px;
	padding-top: 3px;
}
/* ログインコントロール テキストボックス */
#LoginControl .LoginBox
{
	width: 80px;
}
/* ログインコントロール ログインボタン */
#LoginControl .LoginButton
{
	padding-top: 20px;
}
/* ログインコントロール メッセージ */
#LoginControl .LoginMessage
{
	width: 160px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 125%;
}


/********************* メニューバー *********************/
/* メニューバー 全体 */
#Menubar
{
	width: 780px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
}
/* メニューバー 各要素 */
#Menubar .MenuItem
{
	padding-right: 1px;
	z-index: 1;
}
/* メニューバー トップページへ（一番右側１つだけ） */
#Menubar .MenuItemToTop
{
	padding-left: 1px;
}
/* メニューバー ポップアップ前の隠れた状態 */
#Menubar .MenuItemHidden
{
	height: 0px;
	position: absolute;
	visibility: hidden;
}
/* メニューバー ポップアップするメニュー項目 */
#Menubar .PopupItem
{
	background-color: Transparent;
	border-bottom: solid 1px White;
	color: #666;
	font-size: 12px;
	white-space: nowrap;
	vertical-align: middle;
	z-index: 2;
}
/* メニューバー ポップアップするメニューを隠す */
#Menubar .PopupItemHidden
{
	height: 0px;
	position: absolute;
	visibility: hidden;
}


/********************* フッタ部 *********************/
/* フッタ 全体 */
#Footer
{
	margin-top: 5px;
	font-size: 12px;
	text-align: right;
}


/********************* コンテンツ本体 *********************/
/* コンテンツ 全体 */
#Contents
{
	background-color: Transparent;
	background-image: url(/images/h_bg2.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: left top;
	width: 100%;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
/* コンテンツ 見出し部 */
#Contents #ContentsHeader
{
	width: 95%;
	margin: 0px auto 10px auto;
	
	/* 仕切り線 */
	background-image: url(/images/h_bg5.gif);	
	background-position: left bottom;
	background-repeat: repeat-x;
}
/* コンテンツ 見出し画像 */
#Contents #ContentsHeader img
{
	padding: 5px 0px 2px 0px;
}
/* コンテンツ 本体（１ブロック） */
#Contents #ContentsBody
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 125%;
}
/* コンテンツ 本体（２ブロック 左側） */
#Contents #ContentsBody #LeftContents
{
	width: 25%;
	padding: 5px 2px 5px 2px;
}
/* コンテンツ 本体（２ブロック 右側） */
#Contents #ContentsBody #RightContents
{
	width: 75%;
	padding: 5px 2px 5px 2px;
}


/********************* 検索コントロール *********************/
/* 検索コントロール 全体 */
#SearchPanels
{
	font-size: 12px;
	vertical-align: text-top;
}
/* 検索コントロール 検索パネル */
#SearchPanels .SearchPanel
{
	margin-bottom: 10px;
}
/* 検索コントロール 検索条件要素 */
#SearchPanels .SearchByItems
{
	margin: 0px 0px 0px 25px;
}


/********************* サーバエラー *********************/
.ServerError
{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #933;
	padding: 2px 2px 2px 2px;
	font-size: 12px;
}

/********************* ログインエラー *********************/
.ErrorReason
{
	font-weight: bold;
}


/********************* 共通スタイル *********************/
/* 色つきリスト */
.ColoredList
{
	width: 90%;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 12px;
}
.ColoredList .Header
{
	background-color: #81B7B8;
	color: White;
	font-weight: bold;
	border: solid 1px #399;
	text-indent: 5px;
}
.ColoredList .Items
{
	background-color: #D3E7E7;
	color: #666;
	border-left: solid 1px #399;
	border-right: solid 1px #399;
	border-bottom: solid 1px #399;
	text-indent: 20px;
}
.ColoredList .Footer
{
	text-align: right;	
}


/* 色つきテーブル */
.ColoredTable
{
	width: 90%;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 12px;
	border-collapse: collapse;
}
.ColoredTable .Caption
{
	background-color: #81B7B8;
	color: White;
	font-weight: bold;
	border: solid 1px #399;
}
.ColoredTable .Items
{
	background-color: #D3E7E7;
	color: #666;
	border-top: solid 1px #399;
	border-right: solid 1px #399;
	border-bottom: solid 1px #399;
}