@charset "utf-8";

* {		color:#333333;
		padding:0;
		font-size: 12px;
		font-family: Arial,Helvetica,sans-serif;
		line-height: 140%;
		margin: 0;
		background-image: none;	}	/*Arial�̏��ʂ��Ⴗ����̂��낤���H2009-03-09*/

a {		color:#657E29;		}

a img {		border:none;		}

a:hover img {	border: 1px solid #FCD096;	}

strong {	color: #394D4E;		}

li {		list-style-type: none;	}

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

.blue {		color: #146cd1;		}
.rouge {	color: #CC3300;		}
.orange {	color: #FA9600;		}
.vert{		color: #7A8D41;		}

.bold {	font-weight: bold;		}

/* �� ----------------------------------*/
#header {	width:800px;
		margin-right: auto;
		margin-left: auto;
		text-align:center;	}

h1 {		font-size: 10px;
		line-height: 20px;
		color: #666666;
		font-weight: normal;
		float: left;
		padding-left: 10px;
		padding-right: 10px;	}

#header h2 {	font-size: 10px;
		line-height: 20px;
		color: #666666;
		font-weight: normal;
		text-align:left;	}

#logo img {	width: 800px;
		height: 160px;	}

#flag {	float: right;
	margin: 2px 10px 0px 0px;	}

#flag img {	width: 20px; height: 20px;	}
#flag a img {		border: 1px solid #E7E7E7;	}
#flag a:hover img {	border: 1px solid #666666;	}


/* �S�� -------------------------------*/
#container {	width:800px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		background-color: #EFEFE9;	}


/* �{�� ==========================================*/
#main {		width:650px;
		float:left;
		background-color: #FFFFFF;
		letter-spacing: 0.1em;	}
/*letter-spacing �́A�ʂ̏ꏊ�Ŏw�肵��������������B2009-03-28*/

#main h3 {	font-size: 16px;
		padding-left: 10px;
		color: #3F3F3F;
		margin: 10px 5px 5px 5px;
		font-weight: bold;
		border-left-width: 7px;
		border-left-style: solid;
		border-left-color: #7A8D41;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #EAEAEA;
		padding-top: 2px;
		padding-bottom: 2px;		}

#main h4 {	font-size: 14px;
		border-left-width: 5px;
		border-left-style: solid;
		border-left-color: #A9B59B;
		padding-left: 7px;
		color: #555555;
		line-height: 18px;
		margin: 15px 13px 5px 13px;	}

#main h5 {	font-size: 13px;
		color: #FFFFFF;
		line-height: 18px;
		margin: 15px 20px 5px 20px;
		background-color: #9EAD70;
		padding-left: 10px;		}

#main h6 {	font-size: 12px;
		color: #FFFFFF;
		line-height: 15px;
		margin: 20px 30px 5px 30px;
		background-color: #ffb47f;
		padding-left: 10px;		}

#main p{	padding-top: 5px;
		padding-bottom: 5px;
		margin-right: 30px;
		margin-left: 30px;
		line-height: 20px;
		padding-right: 10px;
		padding-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		text-indent: 1em;
		text-align: justify;
		text-justify: inter-ideograph;		}

#main p.top{	margin-bottom: 0px;
		padding-top: 5px;
		padding-bottom: 0px;	}

#main p.br{	margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;	}

#main p.bottom{	margin-top: 0px;
		padding-top: 0px;	}


#main p.center{	text-align: center;
		text-indent: 0em;	}

#main p.right{	text-align: right;
		text-indent: 0em;	}

#main ul {	margin: 5px 15px 10px 15px;	}

#main ul li {	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	background-color: #F7F7F7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	line-height: 25px;
	text-align: justify;		}

#main ul li.niveauA {	margin-left: 15px;	}
#main ul li.niveauB {	margin-left: 30px;	}
#main ul li.niveauC {	margin-left: 45px;	}
#main ul li.center {	background-image: none;
			text-align: center;	}

#main ul li:hover {background-color: #88cccc;	}

#main ul li a {font-size: 12px;	}


/*�p������-------------------------------------*/
#pan {	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;		}
#pan a {	margin-right: 7px;
		margin-left: 7px;		}
#pan strong {	margin-left: 7px;	}

/*�ʐ^�B���񂹂ƉE�񂹂ƒ�����---------------------------*/
.img_left {		float: left;
	margin: 5px 10px 5px 10px;	}
.img_left img {		border: 1px solid #999999;	}

.img_right {	float: right;
	margin: 5px 10px 5px 10px;	}
.img_right img {	border: 1px solid #999999;	}

.img_center {	text-align: center;
	margin: 5px 10px 5px 10px;	}
.img_center img {	border: 1px solid #999999;	}

/*a:hover img�@�́A��ԏ��߂ɐ錾������B�v����*/

/*��`�^���X�g-------------------------------------*/
#main dl {	margin-bottom: 5px;
	padding: 5px 20px 5px 20px;
	text-align: justify;			}

#main dt {	margin: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #B5C2A3;
	padding-left: 5px;			}

#main dt.niveauA { margin-left: 30px; }
#main dt.niveauB { margin-left: 60px; }

#main dd {	margin: 5px 5px 5px 30px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #B5CCCC;		}

#main dd.niveauB { margin-left: 60px; }
#main dd.niveauC { margin-left: 90px; }

/*�{�b�N�X�`�@�g������html����clear��Y�ꂸ�ɁB-------*/
/*���C�����Q�i�ŕ\��----------------------------------*/
#main .boxA {	float: left;
	height: 170px;
	width: 300px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	position: relative;			}

#main .boxA h3 {
	margin: 0px;
	background-color: #FF9900;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	border-left-color: #94BA12;	}

#main .boxA h4 {
	margin: 0px;
	background-color: #6C8143;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	border-left-color: #94BA12;		}

#main .boxA p {	margin: 0px;			}

#main .boxA .btn a {
	font-size: 10px;
	line-height: 17px;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #7A7A76;
	border: 1px solid #D2D2D2;
	width: 80px;
	display: block;
	text-align: center;
	text-decoration: none;
	background-image: url(img/btn.gif);
	position: absolute;
	right: 10px;
	bottom: 10px;				}

#main .boxA .btn a:hover {	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);	}

#main .boxA ul {	margin: 0px 0px 0px 0px;	}

/*�{�b�N�XA�I���---------------------------------*/

/*�{�b�N�XB�@�g������html����clear��Y�ꂸ�ɁB---------*/
/*���C�����R�i�ŕ\��-----------------------------------*/
#main .boxB {	float: left;
	height: 170px;
	width: 193px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	position: relative;
	text-align: center;			}

#main .boxB h3 {	margin: 0px;
	background-color: #FF9900;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	border-left-color: #81B318;		}

#main .boxB h4 {	margin: 0px;
	background-color: #7A7A76;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	border-left-color: #81B318;		}

#main .boxB p {	margin: 0px;			}

#main .boxB .btn a {	font-size: 10px;
	line-height: 17px;
	height: 17px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #7A7A76;
	border: 1px solid #D2D2D2;
	width: 93px;
	display: block;
	text-align: center;
	text-decoration: none;
	background-image: url(img/btn.gif);
	position: absolute;
	bottom: 7px;
	padding-right: 5px;
	left: 40px;			}

#main .boxB .btn a:hover {	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);		}

.boxB a img {	border: 2px solid #EDEDE9;	}

.boxB a:hover img {	border: 2px solid #FCD096;	}

#main .boxB ul {	margin: 0px 0px 0px 0px;	}


/*�{�b�N�XB�I���---------------------------------*/


/*�{�b�N�XC ���C������Q�i�g�̍\���ɂ��������Ɏg���B�g������html����clear��Y�ꂸ�ɁB------------*/
#main .boxC {	float: left;
	width: 300px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	position: relative;		}
#main .boxC p {	margin: 0px;		}
#main .boxC h3 {	margin: 5px 5px 5px 5px;	}
#main .boxC h4 {	margin: 5px 5px 5px 5px;	}
#main .boxC h5 {	margin: 5px 5px 5px 5px;	}
#main .boxC h6 {	margin: 5px 5px 5px 5px;	}
#main .boxC ul {	margin: 0px 0px 0px 0px;	}


/*�{�b�N�XD ���C������R�i�g�̍\���ɂ��������Ɏg���B�g������html����clear��Y�ꂸ�ɁB-------------*/
#main .boxD {	float: left;
	width: 193px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	position: relative;		}
#main .boxD p {	margin: 0px;		}
#main .boxD h3 {	margin: 5px 5px 5px 5px;	}
#main .boxD h4 {	margin: 5px 5px 5px 5px;	}
#main .boxD h5 {	margin: 5px 5px 5px 5px;	}
#main .boxD h6 {	margin: 5px 5px 5px 5px;	}
#main .boxD ul {	margin: 0px 0px 0px 0px;	}


/*�e�[�u��----------------------------------------*/
/*��margin�ɒ���----------------------------------*/
table {		border-collapse: collapse;	}
table td {	border-collapse: collapse;	}

#main table {	width: 630px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 10px;
	border: 2px solid #EAE8DF;		}

#main table td {	padding: 5px;		
	border: 1px solid #EAE8DF;		}

#main table th {	padding: 5px;
	background-color: #EFEDE7;		
	border: 1px solid #EAE8DF;		}

#main table ul {	margin: 2px 2px 2px 2px;	}



/*�{���I���======================================*/

/*�ڎ�=============================================*/

#index {	width:150px;
		float:left;
		background-color: #e5ffe5;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #FFFFFF;	}

#index h3 {display: block;
	height: 24px;
	line-height: 24px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	font-size: 12px;
	text-align: center;
	background-color: #7A8D41;
	font-weight: bolde;		}

#index li a {	display: block;
	font-size: 12px;
	color:#666666;
	line-height: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #948C74;
	text-decoration: none;
	height: 15px;			}

#index li.top a {	border-top-style: none;		}

#index li.bottom a {	border-bottom-style: dashed;
		border-bottom-color: #948C74;	
		border-bottom-width: 1px;	}

#index li.subli a {
	margin-left: 15px;
	padding-left: 5px;
	border-top-style: none;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #7A8D41;		}

#index li a:hover {	color: #666666;
	text-decoration: underline;		}

#index #information { text-align: left;
	padding: 10px;	}

#index #information p {	
	color:#666666;
	line-height: 100%;	}

/*�ڎ������==================================*/

/*�t�b�^�[==================================*/

#foot {	width:100%;
	clear:left;
	background-color: #e5ffe5;	}

#foot h3 {	padding-left: 10px;
		color: #3F3F3F;
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 15px;
		font-weight: bold;
		border-left-width: 7px;
		border-left-style: solid;
		border-left-color: #7A8D41;
		padding-top: 2px;	
		padding-left: 5px;	}

#foot li {	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 20px;			}

#foot ul {	margin-top: 5px;
		margin-bottom: 5px;		}

/* �Ō� ----------------------------------------*/
address {	font-style: normal;
	color: #FFFFFF;
	text-align: right;
	display: block;
	background-color: #7A8D41;
	font-size: 10px;
	padding: 5px;			}

/*�t�b�^�[�����==================================*/