@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0;
	padding:0;	/*全要素の行の高さを1.5倍にする*/
	color:#333333;		/*文字色*/

}
 
body{
	background-color:#FFF;
	text-align:center;
}

div#pagebody {
	width:796px;
	margin:20px auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-color:#ffffff;		/*内容全体の背景色*/
}

/*============================================
ヘッダ
============================================*/
div#header {
	height:284px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-image:url(main.jpg);	/*ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	width: 796px;
	margin: 0px;
	overflow: hidden;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	background-color: #FFFFFF;
	height: 1.5em;
	padding: 0;
	margin-top: 10px;
	font-size: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/

/*============================================
メインメニュー
============================================*/
ul#menu {
	height:42px; background-color:#90ee90; 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:164px; height:42px;	/*背景画像に合わせたサイズ指定*/
}
li#menu02 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
}
li#menu03 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
}
li#menu04 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
}
li#menu05 {
	width:164px; height:42px;	/*背景画像に合わせたサイズ指定*/
}
ul#menu a {
	display:block;				/*リンクをブロック表示にする*/
	height:42px; padding-top:4px;
	text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

/*============================================
サブメニュー（左カラム）
============================================*/
div#submenu {
	width:160px;			/*幅の指定*/
	margin:20px 10px 10px 25px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:right;
	line-height: normal;
}

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

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {

}
ul#submenu_body li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	line-height: normal;
}
ul#submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#submenu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
	width:600px;	/*幅の指定と位置調整*/
	float: left;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	line-height: 1.5em;
	/*float:right;				2カラム全体を右寄せにする*/
}

/*============================================
ニュース（中央カラム）
============================================*/

.menu{
	font-size:12px;
	margin:5px;
}


div#news {
	width:580px; /*幅の指定と位置調整*/
	/*float:left;					カラムを左寄せにする*/
	background-image:none;			/*背景画像を繰り返さない*/
}
div#news p {
	margin-right: 20px;
	margin-left: 20px;
}


/*見出し・段落・水平線のスタイル指定*/
h2 {
	font-size:14px;
	margin-bottom:10px;
	padding-left:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF8635;
	border-left-color: #FF8635;
}
h3 {font-size:90%; margin-left:5px;}
p {
	margin:10px 0px 10px 10px;
	text-indent:10px;
}
hr {height:1px; border:solid 1px #66cdaa; margin-bottom:30px;}

/*============================================
ピックアップ（右カラム）
============================================*/
div#pickup {
	width:560px;
	padding-top:10px; 		/*幅の指定と位置調整*/
	/*float:right;				カラムを右寄せにする*/
	background-repeat:no-repeat;		 /*背景画像を繰り返さない*/
	text-decoration:none;
}
div#pickup ul {
	margin-left:20px; 		/*左マージンを10px空ける*/
	font-size:90%;			/*フォントサイズを90%にする*/
}
div#pickup li {
	list-style-type:none; 		/*リストマーカー無しにする*/
	line-height:1.8;		/*行の高さを1.8倍にする*/
	float:left;
	padding:2px;
	width: 150px;
}

/*============================================
フッタ
============================================*/
div#footer {
	height:42px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-color:#cccccc;			/*フッタ部分の背景色*/
}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
}