@charset   "Shift_JIS";

/*
 ページ全体のスタイルを設定します。
*/
body
{
}

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

  
  width : 768px;
  
  
}

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

  width : 768px;


 }

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

A:HOVER.navi
{
	background : #e0ffe0;

  width : 768px;

}

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

/*
  このディレクトリーの説明の部分です。
*/
DIV.description
{

	padding : 10px;




  width : 768px;

}

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


}

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

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

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

padding : 0px;
float : left;
width : 30%;
margin-bottom : 5px; 



}

/*
  最優先ショートカットの表示行です。
*/
li.alias_l2
{



float : left;
width : 30%;
margin-bottom : 5px; 


	list-style-type : circle;
}

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

clear : left;

}

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

float : left;
width : 30%;
margin-bottom : 5px; 


}

/*
  優先ショートカットの表示行です。
*/
li.alias_l1
{

float : left;
width : 30%;
margin-bottom : 5px; 


	list-style-type : circle;
}

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

clear : left;

}

/*
  一般カテゴリーの表示行です。
*/
li.category_l0
{
float : left;
width : 30%;
margin-bottom : 5px; 

}
/*
  一般ショートカットの表示行です。
*/
li.alias_l0
{

float : left;
width : 30%;
margin-bottom : 5px; 

	list-style-type : circle;
}


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

/*
  サイトリスト表示領域です。
*/
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
{
clear : left;

	background : #f0f0ff;
  
}

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

}

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

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

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

  
}




/* 全体を括るクラス */
DIV.outer
{
  width : 768px;
  margin : 0px;
  padding : 10px;

}

/* コンテンツ領域 */
DIV.contents
{
  width : 768px;
  margin : 0px 0px 0px 0px;
  padding : 10px;  

}

/* 広告領域 */
DIV.ad
{
  
  width : 768px;
  margin : 10px;
  padding : 10px;
  
}

/* フッター領域 */
DIV.footer
{
  width : 768px;
  margin : 10px;
  padding : 4px;
}