/*
  フォントサイズ設定
*/
.s
{
	font-size : 10px;
	line-height : 125%;
}

.sb
{
	font-size : 10px;
	line-height : 125%;
	font-weight : bold;
}

.m
{
	font-size : 12px;
	line-height : 125%;
}

.mb
{
	font-size : 12px;
	line-height : 125%;
	font-weight : bold;
}

.l
{
	font-size : 14px;
	line-height : 125%;
}

.lb
{
	font-size : 20px;
	line-height : 125%;
	font-weight: bold;
}

.lbw
{
	font-size : 20px;
	line-height : 125%;
	font-weight : bold;
	color : #FFFFFF;
}
/*
  ページ全体のスタイルを設定します。
*/
body
{
	font-size : 12px;
	line-height : 150%;
}

/*
  ページのカテゴリー名が表示される領域です。
*/
h1
{
	background : #0066CC;
	margin : 0px;
}

/*
  ディレクトリー階層表示部分です。
*/
div.navi
{
	background : #fffff0;
	font-weight:bold;
	font-size:125%;
}

/*
  ディレクトリー階層表示部分のアンカータグの設定です。
*/
a.navi
{
}

a:hover.navi
{
	background : #e0ffe0;
}

/*
  ディレクトリー階層表示部分の、現在のディレクトリー名を表示する部分です。
*/
span.navi_self
{
	color : #c0c0c0;
}

/*
  このディレクトリーの説明の部分です。
*/
div.description
{
	padding : 20px;
}

/*
  カテゴリーリスト表示領域のヘッダーです。
*/
h2.category_header
{
	background : #E1E1E1;
}

/*
  カテゴリー領域のアンカータグです。
*/
a.category
{
}

/*
  最優先カテゴリーリスト表示領域です。
*/
ul.category_l2
{
}

/*
  最優先カテゴリーの表示行です。
*/
li.category_l2
{
}

/*
  最優先ショートカットの表示行です。
*/
li.alias_l2
{
	list-style-type : circle;
}

/*
  優先カテゴリーリスト表示領域です。
*/
ul.category_l1
{
}

/*
  優先カテゴリーの表示行です。
*/
li.category_l1
{
}

/*
  優先ショートカットの表示行です。
*/
li.alias_l1
{
	list-style-type : circle;
}

/*
  一般カテゴリーリスト表示領域です。
*/
ul.category_l0
{
}

/*
  一般カテゴリーの表示行です。
*/
li.category_l0
{
}

/*
  一般ショートカットの表示行です。
*/
li.alias_l0
{
	list-style-type : circle;
}


/*
  サイトリスト表示領域のヘッダーです。
*/
h2.site_header
{
	background : #E1E1E1;
}

/*
  サイトリスト表示領域です。
*/
dl.site
{
}

/*
  優先サイトのサイト名表示領域です。
*/
dt.site_l1
{
}

/*
  優先サイトのアンカータグです。
*/
a.site_l1
{
	font-weight : bold;
}

/*
  優先サイトの説明文領域です。
*/
dd.site_l1
{
	margin-bottom : 8px;
}

/*
  一般サイトのサイト名表示領域です。
*/
dt.site_l0
{
}

/*
  一般サイトのアンカータグです。
*/
a.site_l0
{
}

/*
  一般サイトの説明文領域です。
*/
dd.site_l0
{
	margin-bottom : 8px;
}

/*
  サイトのURL表示部分です。
*/
span.url
{
	font-size : 80%;
	color : #008000;
}

/*
  関連カテゴリーリスト表示領域のヘッダーです。
*/
h2.related_header
{
	background : #E1E1E1;
}

/*
  関連カテゴリーリストの表示領域です。
*/
ul.related
{
}

/*
  関連カテゴリーリストの表示行です。
*/
li.related
{
}

/*
  関連カテゴリーリストのアンカータグです。
*/
a.related
{
}

/*
  開発ガイド用のメッセージは、このスタイルで表示されます。
  万が一、ガイド用メッセージが残ってしまった場合の事を考え、
  サイトのリリース前にはdisplay:noneを設定しておく事をお勧め
  します。
*/
div.guide {
	color : #ff0000;
	background : #e0e0e0;
	margin : 8px;
	padding : 8px;
/*	display : none; */
}