/* =========================================================
  Naming Rules
========================================================= */
/*
id設定（「id」は1ページ内で同じ名前を1回しか使用できない。）
全体コンテナ         #container (body要素の直下)
ヘッダー             #header (ヘッダー)
フッター             #footer (フッター)
コンテンツ           #contents (コンテンツ) 
汎用コンテナ         #unitBlock
入れ子コンテナ       #unitBlockIn
入れ子コンテナ2      #unitBlockBox 
第1汎用コンテナ      #alphaBlock 
第2汎用コンテナ      #betaBlock 
第3汎用コンテナ      #gammaBlock 
第4汎用コンテナ      #deltaBlock 
第5汎用コンテナ      #zetaBlock 
ポップアップコンテナ #popupBlock 
パンくずナビ         #topicPath
ヘッダーナビ         #headerNavi
グローバルナビ       #globalNavi
ローカルナビ         #localNavi
フッターナビ         #footerNavi
見出し1              #title

class設定（「class」は1ページ内で同じ名前を何度も使用できる。）
見出し2              .headline 
見出し3              .crosshead 
見出し4              .subheading 
見出し5              .index 
見出し6              .subindex 
要約                 .description
コピーライト         .copy
キャプション         .caption
挿入句               .note
ページ内リンク       .pageAnchor
ページ上部へリンク   .toTop 
外部へのリンク       .external
--------------------------------------------------------- */

/* =========================================================
  Common Style
========================================================= */
/* ----- 全体の基本設定 ----- */
body{
  text-align:left;                /*レイアウト左寄せ*/
  font-size:small;                /*基本文字サイズ　small*/
  line-height:1.1;                /*行間サイズ*/
  color:#555555;                  /*基本文字色*/
  scrollbar-base-color:#111111;		/*スクロールバー色*/
  background-color:#F3D23B;			/*背景*/
}

/* ----- リンク文字の設定 ----- */
a:text-decoration: none;
a:link    {font-size:larger; color: #0000FF;}   /*リンク色*/
a:visited {font-size:larger; color: #005500;}   /*訪問済みリンク色*/
a:hover   {font-size:larger; color: #FF0000;}   /*マウスオーバー時リンク*/
a:active  {font-size:medium; color: #000000; position:relative; top:1px; left:1px; text-decoration:none;} /*クリック時リンク*/

/* ----- 大外枠 ----- */
div#container{
	text-align:left;							/*文字左寄せ*/
	width:780px;								/*全体幅*/
	margin:0 auto;								/*マージン上下：0　左右：auto（中央寄せ）*/
	background-color:#FFFFFF;					/*背景白*/
}

/* ----- ヘッダ ----- */
div#header{
	text-align:left;							/*文字左寄せ*/
	width:100%;									/*全体幅*/
	margin:0;									/*マージン上下左右：0*/
}

/* ----- フッタ ----- */
div#footer{
	text-align:left;							/*文字左寄せ*/
	width:100%;									/*全体幅*/
	margin:0;									/*マージン上下左右：0*/
	clear: both;								/*フッタの回り込みを防ぐ*/
}

/* ----- コンテンツ ----- */
div#contents{
	margin:0;									/*マージン上下左右：0*/
  background-color:#FFFFFF;						/*背景白*/	
}

/* メニュー項目(単体設定)
--------------------------------------------------------- */
div.CmnMenu *{
	text-align:center;							/*文字中央*/
	background-color:#FFFFFF;					/*背景白*/
	padding: 6px 0px;
}

div.CmnMenu ul{									/*Menuリスト設定*/
}

div.CmnMenu li{									/*Menuリストの１ライン設定*/
	list-style-type:none;						/*リストのマーク消去*/
	float:left;									/*横並びにする*/
	margin:5px;									/*マージン上下左右：0*/
	padding: 0;
	font-size: 14px; 							/* 文字サイズ */
	color:#000000;								/*Menuエリア内文字色*/
	font-style:bold; 
	font-family:"impact"; 
}

div.CmnMenu a{
	color:#1E006A;
	display: block;
	width: 75px;
	height: 30px;
	background-image:url(../Common/menu_back.jpg);
	background-repeat:no-repeat;
	text-decoration: none;

}

div.CmnMenu a:hover{
	background-image: url(../Common/menu_back2.jpg);
}

