body {
	background-color:#FFFFFF;
	margin-top:0px;
	text-align:center;
	line-height:20px;
}


/*------ 共通定義 ---------*/
*{
	margin:0px;
	padding:0px;
}

img{
	border:0px #FFFFFF solid;
}

a:link { color: #0000CD; }
a:visited { color: #0000CD; }
a:hover { color: #FF8C00; }
a:active { color: red; }

.orange{
	color:#FF6600;
}

.clears{
	clear:both;
	visibility: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	*position: absolute;
}


/*------- 外枠定義 ----------*/
#outer{
	text-align: left;
	width:824px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding:0px 0px 0px 21px;
	background-image : url(bg_outer.jpg);
}


/*------- ヘッダーエリア ----------*/
#head{
	margin:0px auto ypx 0px;
	width:800px;
	height:194px;
	border:0px gray solid;
	background-image : url(bg_head.jpg);
}


	#head h1{
		padding:20px 0px 0px 10px;
		margin:0px 0px 10px 0px;
		font-size:19px;
		font-weight:normal;
		height:auto;
		font-family:"HGP創英角ｺﾞｼｯｸUB";
	}

	#head p{
		font-size:90%;
		margin:0px 0px 0px 0px;
		color:#666666;
		margin:10px 0px 0px 10px;
		width:400px;
	}

/*------- パンくずエリア ----------*/

#bread{
	background-image : url(bg_bread.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:40px;
	padding:10px 0px 0px 30px;
	font-size:90%;
}


/*------- メインエリア ----------*/

#main{
	width:800px;
	height:auto;
	border:0px gray solid;
	margin:0px 8px 0px 5px;
}

	/*---- 左メニューエリア------*/
	#main #m_left{
		float:left;
		width:216px;
		height:auto;
	}

		#main #m_left .menu{
			width:163px;
			height:23px;
			font-weight:bold;
			font-size:80%;
			padding:5px 0px 0px 20px;
			background-image : url(menu.jpg);
			margin:10px 0px 0px 10px;
		}
		* html #main #m_left .menu{
			width:183px;
			height:23px;

		}
		
		#main #m_left ul{
			margin:0px 0px 10px 10px;
			padding:5px 0px 10px 20px;
			list-style-image : url(list.gif);
			list-style-position: outside;
			width:160px;
			font-size:85%;
			border:1px #cccccc solid;
		}
		* html #main #m_left ul{
			width:182px;
		}
		#main #m_left li{
			margin:5px 0px 0px 0px;
		}


	/*---- 右コンテンツエリア------*/
	#main #m_right{
		float:left;
		width:500px;
		height:auto;
		border: 0px blue solid;
		margin:0px 0px 0px 5px;
	}

		/*---大ボックス定義----*/
		#main #m_right .box_long{
			width:500px;
			height:auto;
			margin:5px 0px 20px 0px;
		}
			#main #m_right .box_long h2{
				width:489px;
				height:23px;
				font-size:110%;
				padding:5px 0px 0px 10px;
				font-family:"HGP創英角ｺﾞｼｯｸUB";
				color:#FF9900;
				font-weight:normal;
			}
			* html #main #m_right .box_long h2{
			}

			#main #m_right .box_long h3{
				background-image : url(bg_bar_long.jpg);
				width:489px;
				height:23px;
				font-size:90%;
				padding:5px 0px 0px 10px;
			}
			* html #main #m_right .box_long h3{
				width:499px;
				height:28px;
			}
			#main #m_right .box_long p{
				margin:10px 0px 0px 10px;
				font-size:90%;
			}
	

			#main #m_right .box_long ul{
				list-style-position:inside;
				margin:10px 0px 0px 10px;
				font-size:90%;
			}
			#main #m_right .box_long ul li{
				margin:5px 0px 0px 0px;
				border-bottom:1px #CCCCCC dashed;
			}

		#main #m_right h4{
			background-image : url(bg_bar_middle.jpg);
			width:479px;
			height:23px;
			font-size:90%;
			padding:5px 0px 0px 20px;
		}
		* html #main #m_right h4{
			width:498px;
			height:28px;
		}


		/*---グレーボックス定義----*/
		#main #m_right .box_middle{
			width:497px;
			height:auto;
			margin:0px 0px 20px 0px;
			border:1px #CCCCCC solid;
		}
			#main #m_right .box_middle p{
				margin:10px;
				font-size:90%;
			}



/*------- フッターエリア ----------*/

#footer{
	width:800px;
	height:50px;
	font-size:80%;
	margin:10px auto 0px 0px;
	text-align:center;
	background-color:#0000CC;
	color:#FFFFFF;
	padding:10px 0px 0px 0px;
}

#footer #copy{
	width:800px;
	text-align:right;
	font-size:80%;
}


#footer #copy a:link { color: #FFFFFF; }
#footer #copy a:visited { color: #FFFFFF; }
#footer #copy a:hover { color: #FF8C00; }
#footer #copy a:active { color: red; }