@charset "UTF-8";

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

} 
body {
	background-color:#ffffff;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
	

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



}


a:link {color:#0000ff;};
a:visited {color:#660099;};
a:hover {color:#cc0066;};
a:active {color:#ff0000;};


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


/*============================================
メインメニュー
============================================*/

div#mainmenu {
	width:800px; margin:0px 0px 0px 0px;	/*幅の指定と位置調整*/
	float:left;				/*2カラム全体を右寄せにする*/
}


li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
}

/*ボタン01～05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:118px; height:42px;	/*背景画像に合わせたサイズ指定*/a
}
li#menu02 {
	width:118px; height:42px;	/*背景画像に合わせたサイズ指定*/
}
li#menu03 {
	width:118px; height:42px;	/*背景画像に合わせたサイズ指定*/
}
li#menu04 {
	width:118px; height:42px;	/*背景画像に合わせたサイズ指定*/

}
li#menu05 {
	width:118px; height:42px;	/*背景画像に合わせたサイズ指定*/
}

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

/*オリジナルメインメニューのボディ部分（余白調整・背景画像・背景色）*/

ul#mainmenu_body li {

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

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

	background-color:#99ffcc;	/*リンクにマウスが乗ったら色を変える*/
}