/* ----- 使用するプロパティと記述の順番 ----- */

/*

----- テキスト

	font-size

	font-weight

	line-height

	color

----- 背景

	background

----- ブロック

	text-align

	vertical-align

----- ボックス

	margin

	padding

----- ボーダー

	border

*/

/* ----- * 基本設定 ******************************************************* ----- */

a:link  { color: #0033CC; }

a:hover { color: #FF0000; }

body { /* ボディの設定 */

	background-color: #FFFFFF;

	margin: 0px;

	padding: 0px;

}

form { /* フォームのマージンをリセット */

	margin: 0px;

}

th.th-text {

	font-size: 80%;

	background-color: #EEEEEE;

	border: 1px solid #999999;

}

td.td-text {

	font-size: 80%;

	line-height: 130%;

	border: 1px solid #999999;

}





/* ----- テキスト ----- */

h1, h2, h3, h4, h5 { /* 見出しのマージンをリセット */

	margin: 0px 0px 6px 0px;

}

h1 { /* 見出し1 */

	font-size: 100%;

	font-weight: bold;

	background-color: #B1D6BB;

	padding: 4px;

}

h2 { /* 見出し2 */

	font-size: 100%;

	font-weight: bold;

	border-bottom: 2px solid #CC0000;
/*	color: #CC0000; */

}

h3 { /* 見出し3 */

	font-size: 90%;

	font-weight: bold;

	border-bottom: 2px solid #B1D6BB;

}

h4 { /* 見出し4 */

	font-size: 90%;

	font-weight: bold;

	margin: 6px;

	border-bottom: 1px solid #999999; 

}

h5 { /* 見出し5 */

	font-size: 90%;

	font-weight: bold;

	margin: 6px;

}

p { /* 段落 */

	font-size: 80%;

	line-height: 140%;

	margin: 0px 6px 12px;

}

.text80 { /* フォントのサイズを調整 */

	font-size: 80%;

}

.root { /* パン屑リスト */

	font-size: 80%;

	margin-bottom: 8px;

}

dl, ul { /* リストのマージンをリセット */

	margin: 10px 0px;

}

dt.dt-text { /* 定義リストのタイトルの設定 */

	font-size: 80%;

	font-weight: bold;

	margin: 4px 0px 0px 6px;

}

dt.dt-strong { /* 定義リストのタイトル（強調）の設定 */

	font-size: 80%;

	font-weight: bold;

	color: #CC0000;

	margin: 4px 0px 0px 6px;

}

dd.dd-text { /* 定義リストの本文の設定 */

	font-size: 80%;

	line-height: 140%;

	background: url(../img/point_blue.gif) no-repeat;

	margin: 0px 2px 0px 12px;

	padding-left: 12px;

}

li.li-text { /* リスト本文の設定 */

	font-size: 80%;

	line-height: 140%;

	background: url(../img/point_blue.gif) no-repeat;

	margin: 6px 8px;

	padding-left: 12px;

	list-style-type: none;

}

li.li-number { /* 番号付リスト本文の設定 */

	font-size: 80%;

	line-height: 140%;

	margin: 6px 8px;

}



/* ----- セルの背景色 ----- */

td.base-color { /* セルの色（濃緑） */

	background-color: #336666;

}

td.menu-color { /* メニュー部分の背景色（薄灰） */

	background-color: #84BF7D;

}



/* ----- ページ内要素 ----- */

.mainArea { /* メインの表示エリアの余白設定 */

	padding: 6px;

}

div.top-of-page { /* 〜ページの先頭へ戻る〜の設定 */

	font-size: 80%;

	color: #CC0000;

	text-align: right;

	margin: 20px 0px 10px;

	padding: 4px 0px;

	border-top: 1px dotted #999999;

}

div.top-of-page a:visited {

	color: #0033CC;

}

div.top-of-page a:hover {

	color: #FF0000;

}





/* ----- * ヘッダの設定 ******************************************************* ----- */

td.header-line { /* タグライン */

	font-size: 12px;

	font-weight: bold;

	color: #666666;

}



/* ----- * フッターの設定 ******************************************************* ----- */

span.copyright { /* 著作権表示 */

	font: bold 80% Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}

span.sub-menu { /* サブメニュー */

	font-size: 80%;

	color: #666666;

}



/* ----- * 左部メインメニューの設定 ******************************************************* ----- */

dl.menu00 { /* メニュー全体のマージン */

	margin: 10px 0px;

}

dt.menu01a { /* 1階層目 */

	font: 80% "ＭＳ Ｐゴシック", "Osaka";

	background: url(../img/menu01a.gif) no-repeat;

	margin: 4px 2px 2px 4px;

	padding-left: 12px;

}

dt.menu01b { /* 1階層目（parent） */

	font: bold 80% "ＭＳ Ｐゴシック", "Osaka";

	background: url(../img/menu01b.gif) no-repeat;

	margin: 4px 2px 2px 4px;

	padding-left: 12px;

}

dd.menu02a { /* 2階層目 */

	font: 80% "ＭＳ Ｐゴシック", "Osaka";

	background: url(../img/menu02a.gif) no-repeat;

	margin: 4px 2px 2px 16px;

	padding-left: 12px;

}

dd.menu02b { /* 2階層目（parent） */

	font: bold 80% "ＭＳ Ｐゴシック", "Osaka";

	background: url(../img/menu02b.gif) no-repeat;

	margin: 4px 2px 2px 16px;

	padding-left: 12px;

}

.menu01b a, .menu01b a:hover {

	color: #000000;

	text-decoration: none;

}

.menu02b a, .menu02b a:hover {

	color: #000000;

	text-decoration: none;

}





/* ----- * トップページ内の要素 ******************************************************* ----- */

td.top-search { /* トップの検索フォーム */

	font-size: 80%;

	line-height: 130%;

	background-color: #EEEEEE;

	padding: 10px;

	border: 1px solid #336666;

}



/* ----- * トップの新着情報 ******************************************************* ----- */

td.top-news { /* 新着情報領域の設定 */

	background-color: #EEEEEE;

	padding: 0px;

	border: 1px solid #336666;

}

div.news-title { /* 新着情報タイトル */

	font-size: 80%;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #336666;

	padding: 4px;

}

dl.news00 { /* 新着情報全体のマージン */

	margin: 8px 0px 10px 0px;

}

dt.news01 { /* 新着情報の日付 */

	font-size: 80%;

	font-weight: bold;

	color: #336666;

	margin: 4px 0px 0px 4px;

}

dd.news02 { /* 新着情報の本文 */

	font-size: 80%;

	line-height: 140%;

	margin: 0px 2px 0px 12px;

}

div.news-old { /* 過去の新着情報へ */

	font-size: 80%;

	text-align: right;

	padding: 4px;

}