@charset "Shift_JIS";

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

} 
body {
	background-color:#D7EEFF;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
div#pagebody {
	width:1000px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-image:url("");	/*内容全体の背景*/
	background-repeat:repeat-y;		/*背景画像を縦方向に繰り返す*/
	background-color:#fffda3;		/*内容全体の背景色*/
}

/*============================================
ヘッダ
============================================*/
div#header {
	height:94px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url("");	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#FDF493;		/*ヘッダ部分の背景色*/
}
h1 {
	padding:20px 0px 0px 30px;		/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/

/*============================================
メインメニュー
============================================*/
ul#menu {
	height:42px; background-color:#eeeeee; font-weight:bold;
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05,li#menu06 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}

/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:168px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu1.jpg");	/*背景画像*/
}
li#menu02 {
	width:166px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu2.jpg");	/*背景画像*/
}
li#menu03 {
	width:166px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu2.jpg");	/*背景画像*/
}
li#menu04 {
	width:166px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu2.jpg");	/*背景画像*/
}
li#menu05 {
	width:166px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu2.jpg");	/*背景画像*/
}
li#menu06 {
	width:168px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu3.jpg");	/*背景画像*/
}
ul#menu a {
	display:block;				/*リンクをブロック表示にする*/
	height:42px; padding-top:8px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
        color:#f2f9fd;		/*文字色*/
}

/*============================================
サブメニュー（左カラム）
============================================*/
div#submenu {
	width:265px;			/*幅の指定*/
	margin:10px 10px 10px 25px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

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

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body { 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
ul#submenu_body li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;		/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
display: block; 
border-left: 8px solid #2C2B96;
border-top: 1px solid #FF9999;
border-right: 1px solid #FF9999;
border-bottom: 1px solid #FF9999;
background-color: #FF9999;
padding: 3px 10px;
text-decoration: none;
color: #2C2B96;
width: 238px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
}
ul#submenu_body li a:hover {
    border-left: 8px solid #125ef3;
    border-top: 1px solid #125ef3;
    border-right: 1px solid #125ef3;
    border-bottom: 1px solid #125ef3;
	background-color: #ffffff;
    color: #000;   /*リンクにマウスが乗ったら色を変える*/
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
	width:650px; margin:10px 20px 10px 0px;	/*幅の指定と位置調整*/
	float:right;				/*2カラム全体を右寄せにする*/
}

/*============================================
ニュース（中央カラム）
============================================*/
div#news {
	width:400px; margin-right:5px; padding-top:10px; /*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	background-image:url("images/bar_news.gif");	/*中央カラムの背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

/*見出し・段落・水平線のスタイル指定*/
h2 {
	font-size:100%; margin-bottom:10px; padding-left:25px;
	font-size:95%; border-bottom:solid 1px #cccccc;
	background-image:url("images/book.gif");
	background-repeat:no-repeat; background-position:left center;
}
h3 {font-size:90%; margin-left:5px;}
p {font-size:90%; margin:10px 0px 10px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}

/*============================================
ピックアップ（右カラム）
============================================*/
div#pickup {
	width:240px; padding-top:10px; 		/*幅の指定と位置調整*/
	float:right;				/*カラムを右寄せにする*/
	background-image:url("images/bar_pickup.gif");	/*右カラムの背景画像*/
	background-repeat:no-repeat;		 /*背景画像を繰り返さない*/
}

/*サブメニュー1のボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body1 { 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
ul#submenu_body1 li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;		/*リスト項目をインライン表示にする*/
}
ul#submenu_body1 li a {
display: block; 
border-left: 8px solid #2C2B96;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #ffffff;
padding: 3px 10px;
text-decoration: none;
color: #2C2B96;
width: 215px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
}
ul#submenu_body1 li a:hover {
    border-left: 8px solid #125ef3;
    border-top: 1px solid #125ef3;
    border-right: 1px solid #125ef3;
    border-bottom: 1px solid #125ef3;
	background-color: #FF9999;
    color: #000;   /*リンクにマウスが乗ったら色を変える*/
}

/*============================================
フッタ
============================================*/
div#footer {
	height:70px; text-align:center;
	clear:both;					/*回り込みを解除する*/
        background-image:url("images/bg_footer.jpg");	/*フッタ部分の背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
			/*フッタ部分の背景色*/
        color: ##f2f9fd;		/*文字色*/
        
}
address a {
	font-style:Arial, Helvetica, sans-serif;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
        color: ##f2f9fd;		/*文字色*/
	
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
