@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/
*
{
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
	line-height:1.5;			/*全要素の行の高さを1.5倍にする*/
	color:#333333;				/*文字色*/

} 

body
{
	background: -moz-linear-gradient(top center, #cff, #fff);
	background: -webkit-gradient(linear,  center top, center bottom, from(#cff), to(#fff));
	text-align:center;								/*IE6以下でセンタリングするための対策*/
}
/*background-color:#999999;						/*ページ全体の背景色*/*/

div#pagebody
{
	width:100%; margin:0 auto;							/*内容全体をセンタリング*/
	text-align:left;									/*テキストの配置を左揃えにする*/
	background-image:url("../images/bg_pagebody.gif");	/*内容全体の背景*/
	background-repeat:repeat-y;							/*背景画像を縦方向に繰り返す*/
	background-color:#ffffff;							/*内容全体の背景色*/
}

/*============================================
ヘッダ
============================================*/
div#header
{
	height:100px;										/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("../images/bg_header.jpg");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;						/*背景画像を繰り返さない*/
	background-color:#cccccc;							/*ヘッダ部分の背景色*/
	text-align:left;
}

h1
{
	padding:10px 0px 0px 30px;						/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;		/*フォントの種類*/
}

h1 a {text-decoration:none;} 						/*リンクの下線を無くす*/

div#header p:first-letter
{
	font-size: 2em;
}

/*============================================
メインメニュー
============================================*/
ul#menu
{
	height:60px; background-color:#eeeeee; font-weight:bold;
}

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

/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu01
{
	width:250px; height:60px;							/*背景画像に合わせたサイズ指定*/
	background-image:url("../images/menu/menu1.gif");		/*背景画像*/
}

li#menu02
{
	width:250px; height:60px;							/*背景画像に合わせたサイズ指定*/
	background-image:url("../images/menu/menu2.gif");		/*背景画像*/
}

li#menu03
{
	width:250px; height:60px;							/*背景画像に合わせたサイズ指定*/
	background-image:url("../images/menu/menu3.gif");		/*背景画像*/
}

li#menu04
{
	width:250px; height:60px;							/*背景画像に合わせたサイズ指定*/
	background-image:url("../images/menu/menu4.gif");		/*背景画像*/
}

li#menu05
{
	width:250px; height:60px;							/*背景画像に合わせたサイズ指定*/
	background-image:url("../images/menu/menu5.gif");		/*背景画像*/
}

ul#menu a
{
	display:block;										/*リンクをブロック表示にする*/
	height:42px; padding-top:4px; text-align:center;
	text-decoration:none; 								/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;			/*フォントの種類*/
}
ul#menu p:first-letter
{
	font-size: 2em;
}


/*============================================
カレンダー
============================================*/
div#calendar
{
	width:80%;						/*幅の指定*/
	margin:10px 10px 10px 25px;		/*位置調整（IE6のバグに注意）*/
	display:inline;					/*IE6のマージン算出のバグ対策*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#calendar_header
{
	height:26px; padding:4px 0px 0px 0px;
	background-image:url("../images/bg_submenu_header.gif");
	background-repeat:no-repeat; background-position:top;
	background-color:#cccccc;
	font-size:90%; font-weight:bold; text-align:center;
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#calendar_body
{
	padding:10px 10px 0px 0px;
	background-image:url("../images/bg_submenu_footer.gif");
	background-repeat:no-repeat; background-position:bottom;
}

ul#calendar_body li
{
	font-size:90%;				/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;				/*リスト項目をインライン表示にする*/
}

ul#calendar_body li a
{
	display:block;				/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}

ul#calendar_body li a:hover
{
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
メインコンテンツ
============================================*/
div#content
{
	width:100%; margin:10px 20px 10px 50px;			/*幅の指定と位置調整*/
}

/*============================================
メイン
============================================*/
div#main
{
	width:80%; margin-right:5px; padding-top:10px; 		/*幅の指定と位置調整*/
	background-image:url("../images/bar_news.gif");		/*中央カラムの背景画像*/
	background-repeat:no-repeat;						/*背景画像を繰り返さない*/
}

/*見出し・段落・水平線のスタイル指定*/
h2
{
	font-size:120%; margin-bottom:10px; padding-left:25px;
	font-size:100%; border-bottom:solid 1px #cccccc;
	background-image:url("../images/icon.gif");
	background-repeat:no-repeat; background-position:left center;
	text-align:left
}

h3 {font-size:110%; margin-left:5px; text-align:left}
p {font-size:100%; margin:10px 0px 10px 10px; text-align:left}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}
div#rule p {font-size:90%; margin:10px 0px 10px 10px; padding:10px px 10px 10px; text-align:left}
div#eyecatch p:first-letter
{
	font-size: 3em;
}
/*============================================
フッタ
============================================*/
div#footer
{
	height:40px; text-align:center;
	clear:both;											/*回り込みを解除する*/
	background-image:url("../images/bg_footer.jpg");	/*フッタ部分の背景画像*/
	background-repeat:no-repeat;						/*背景画像を繰り返さない*/
	background-color:#cccccc;							/*フッタ部分の背景色*/
}

address
{
	font-style:normal;			 	/*フォントスタイルを標準にする*/
	font-size:small;			 	/*フォントサイズを小さくする*/
	padding:5px 0px 5px 0px;		/*要素内容の位置調整*/
}