@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/
* {
/*	margin:initial;		/*全要素のをリセット*/
/*	padding:initial;	/*全要素のパディングをリセット*/
}

body {
	/*全体のスタイルを定義*/
	margin:0 auto;			/*内容全体をセンタリング*/
	background-color: #819aa6;	/*ページ全体の背景色*/
	background-image:none;	/*ウェブページ全体の背景画像を無しにする*/
	font-family: "メイリオ";	/*  */
	line-height: 1.3;		/*行間隔*/
	color: black;			/*ページ全体の文字色*/
	text-align: center;		/*  */
	letter-spacing:0;		/*文字間隔*/
}

/*============================================
メインメニュー
============================================*/
ul#menu {
	height: 25px;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	border-width: 0px;
}
ul#menu li a:hover {
	width:150px;
/*	background-color:#eeeeee;	/*リンクにマウスが乗ったら色を変える*/
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05,li#menu06 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/
}

li#menu01K,li#menu02K,li#menu03K,li#menu04,li#menu05K,li#menu06K {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/
}

/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	/*background-color:pink;	/*背景色*/
	background-image:url("bg_menu01c.png");	/*背景画像*/
}
li#menu02 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu02c.png");	/*背景画像*/
}
li#menu03 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu03c.png");	/*背景画像*/
}
li#menu04 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu04c.png");	/*背景画像*/
}
li#menu05 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu05c.png");	/*背景画像*/
}
li#menu06 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu06c.png");	/*背景画像*/
}
li#menu01K {				/*鍵ロゴ付きメニュー*/
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	/*background-color:pink;	/*背景色*/
	background-image:url("bg_menu01cK.png");	/*背景画像*/
}
li#menu02K {				/*鍵ロゴ付きメニュー*/
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu02cK.png");	/*背景画像*/
}
li#menu03K {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu03cK.png");	/*背景画像*/
}
li#menu04K {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu04cK.png");	/*背景画像*/
}
li#menu05K {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu05cK.png");	/*背景画像*/
}
li#menu06K {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("bg_menu06cK.png");	/*背景画像*/
}

ul#menu  a {
	display:block;				/*リンクをブロック表示にする*/
	height:25px; padding-top:0px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
/*============================================
かえる
============================================*/
ul#photo {
	width="370";height:296px;		/*背景画像のサイズに合わせてボックスの横幅を指定*/
	background-image:url("images/PH1.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#cccccc;		/*ヘッダ部分の背景色*/
}

ul#photo li a:hover {
	width="370";height:296px;	
	background-image:url("images/PH2.jpg");	/*リンクにマウスが乗った際の画像*/
}

/*============================================
文字に赤色の影を付ける
============================================*/
#kage1red {
	text-shadow:2px 4px 1px #ff0000;/*文字の影*/
}

#kage2red {
	text-shadow:4px 4px 1px #ff0000;/*文字の影*/
}

#kage3red {
	text-shadow:6px 6px 1px #ff0000;/*文字の影*/
}

/*============================================
文字に白色の影を付ける
============================================*/
#kage1wht {
	text-shadow:2px 4px 1px #ffffff;/*文字の影*/
}

#kage2wht {
	text-shadow:4px 4px 1px #ffffff;/*文字の影*/
}

#kage3wht {
	text-shadow:6px 6px 1px #ffffff;/*文字の影*/
}

/*============================================
文字に黒色の影を付ける
============================================*/
#kage1blk {
	text-shadow:2px 2px 1px #000000;/*文字の影*/
}

#kage2blk {
	text-shadow:4px 4px 1px #000000;/*文字の影*/
}

#kage3blk {
	text-shadow:6px 6px 1px #000000;/*文字の影*/
}

/*============================================
文字に灰色の影を付ける
============================================*/
#kage1gry {
	text-shadow:2px 2px 1px #C0C0C0;/*文字の影*/
}

#kage2gry {
	text-shadow:4px 4px 1px #C0C0C0;/*文字の影*/
}

#kage3gry {
	text-shadow:6px 6px 1px #C0C0C0;/*文字の影*/
}

/*============================================
新着情報_タイトルのボーダー定義
============================================*/
#shinchaku_border {
	border-width:10px 0px 10px 0px;	/*ロゴのボーダー幅*/
	border-color:#dfe7f7;	/*ボーダー色*/
	border-style:solid;	/*ボーダー種類*/
}

/*============================================
行事予定_タイトルのボーダー定義
============================================*/
#gyoujiyotei_border {
	border-width:10px 0px 0px 0px;	/*ロゴのボーダー幅*/
	border-color:#dfe7f7;	/*ボーダー色*/
	border-style:solid;	/*ボーダー種類*/
}