/*　MEMO =========================　*/





/*　==============================　*/

* {
margin:0; padding:0;
font-size:100%;
color:#000;   }

/*　===============================　*/
/*　＝ﾀBODY要素　*/
/*　===============================　*/

	body{
margin:0;  padding:0;
background:#0099ff;
text-align:center;
font-size:12px;
color:#000;
line-height:145%;
	}

/*　● P要素　===============================　*/

	p{
font-size:12px;
margin:0; padding:0;
color:#000;
line-height:145%;
text-align:justify;
	}

/*　● P要素　===============================　*/



/*　●クリア　===============================　*/

	p.ClearP{
clear:both;
margin:0px; padding:0px;
line-height:1px;
font-size:1px;
	}


/* 背景用　====================================================　*/

div#body_back{
width:940px; padding:0px;
margin:0px auto 0px;
background-image:url(../img_top/back_ground.jpg);
background-color:#d0d0d0;
border:solid 0px #f00;
}

/* 全走@====================================================　*/

div#body_wrap{
width:840px;
margin:0px auto 0px; padding:0px;
background-color:#ccff99;
text-align:left;
border:solid 0px #07f;
}

/* ヘッダー　====================================================　*/

div#header{
height:100px;
margin:0; padding:0;
background-image:url(../img_top/header_back.jpg);
background-color:#0066FF;
border-bottom:solid 0px #666;
}

div#header h1 {
width:230px; height:45px;
margin:0px 0px 0px 20px; padding:0;
background-image:url(../img_top/logo_main.jpg);
background-color:#ccc;
text-align:left;
text-indent:-9999px;
border:solid 0px #000;
display:block;
}

div#header h1 a, a:hover {
display:block;
width:230px; height:45px;
}


p#logo_set{
width:230px; height:40px;
margin:0px 0px 0px 20px; padding:0;
background:none;
text-align:left;
text-indent:-9999px;
border:solid 0px #000;
}

/*　イメージエリア　====================================================　*/

	div#image_area {
margin:0; padding:0;
width:840px; height:250px;
background-color:#06f;
background-image:url(../img_top_081209/top_main_081209.jpg);
background-position:top right;
background-repeat:no-repeat;
border:solid 0px #f00;
	}

div#image_area img {
display:inline;
}


/*　豪ヽンテンツエリア　====================================================　*/

div#left_cont_area {
float:left;
margin:0; padding:0;
width:300px;
	}
	
div#left_cont_area a, a:hover {
display:inline;
}

	
/*　右コンテンツエリア　====================================================　*/

div#right_cont_area {
float:right;
width:522px;
margin:0; padding:0;
background-color:#66ccff;

	}


/*　リスト1　====================================================　*/

dl#list_1 {
	list-style:none;
	width:280px;
	margin:10px 0px 0px 15px;
	padding:0;
	border:solid 0px #f00;
	list-style-position: outside;
	}
	
	dl#list_1 dt {
margin:0; padding:0;
font-size:12px;
	}
	
	dl#list_1 dd {
	margin:0px 0px 0px 7px; padding:0px 0px 7px 0px;
font-size:12px;
	}

dl#list_1 a {
color:#f00;
}

dl#list_1 a:hover {
color:#fff;
background-color:#f00;
}

span.ListDate {
font-size:10px;
color:#0033cc;
}
	
/*　リスト2　====================================================　*/

	ul#list_2 {
float:left;
width:141px; height:100%;
margin:0; padding:0;
display:block;
list-style:none;
background:#99ccff;
border:solid 0px #f00;
	}

	ul#list_2 li a {
display:block;
width:140px;
margin:0px 0px 1px 0px; padding:0;
background-image:url(../img_btn/cont_btn1_0.jpg);
text-indent:-9999px;
	}
	
	ul#list_2 li a:hover {
display:block;
width:140px;
margin:0px 0px 1px 0px; padding:0;
background-image:url(../img_btn/cont_btn1_1.jpg);
text-indent:-9999px;
	}
	
	li#cont_btn_1 a, a:hover{ height:51px; background-position:0px 0px; }
	li#cont_btn_2 a, a:hover{ height:51px; background-position:0px -52px; }
	li#cont_btn_3 a, a:hover{ height:25px; background-position:0px -104px; }
	li#cont_btn_4 a, a:hover{ height:51px; background-position:0px -130px; }
	li#cont_btn_5 a, a:hover{ height:51px; background-position:0px -182px; }
	li#cont_btn_6 a, a:hover{ height:51px; background-position:0px -234px; }
	
/*　リスト3　====================================================　*/

	ul#list_3 {
float:left;
list-style:none;
width:261px; height:100%;
margin:0; padding:0;
background:#99ccff;
border:solid 0px #f00;
	}

	ul#list_3 li {
display:block;
width:260px; height:25px;
margin:0px 0px 1px 0px; padding:0px 0px 0px 0px;
background-img:#339966;
	}
	
	ul#list_3 a {
	display:block;
	width:260px; height:25px;
	background-image:url(../img_btn/course_btn_0.jpg);
	text-indent:-9999px;
	border:none;
	}
	
	
	ul#list_3 a:hover {
	display:block;
	width:260px; height:25px;
	background-image:url(../img_btn/course_btn_1.jpg);
	text-indent:-9999px;
	border:none;
	}
	
	li#couse_1 a, a:hover{ background-position:0px 0px; }
	li#couse_2 a, a:hover{ background-position:0px -25px; }
	li#couse_3 a, a:hover{ background-position:0px -50px; }
	li#couse_4 a, a:hover{ background-position:0px -75px; }
	li#couse_5 a, a:hover{ background-position:0px -100px; }
	li#couse_6 a, a:hover{ background-position:0px -125px; }
	li#couse_7 a, a:hover{ background-position:0px -150px; }
		
/*　リスト4　====================================================　*/

	ul#list_4 {
float:left;
list-style:none;
width:120px; height:100%;
margin:0; padding:0;
background:#99ccff;
border:solid 0px #f00;
	}

ul#list_4 a {
display:block;
width:120px;
margin:0px 0px 1px 0px; padding:0;
background-image:url(../img_btn/guide_btn_0.jpg);
text-indent:-9999px;
	}

	ul#list_4 a:hover {
display:block;
width:120px;
margin:0px 0px 1px 0px; padding:0;
background-image:url(../img_btn/guide_btn_1.jpg);
text-indent:-9999px;
	}



li#guide_4_1 a, a:hover { height:51px;background-position:0px 0px; }
li#guide_4_2 a, a:hover { height:51px;background-position:0px -52px; }
li#guide_4_3 a, a:hover { height:77px;background-position:0px -104px; }




div#footer{
width:840px;
margin:0px; padding:15px 0px 20px 0px;
background-color:#0066cc;
text-align:left;
border:solid 0px #f00;
}

div#footer h4 {
width:600px;
margin:0px 0px 0px 15px; padding:0;
text-align:left;
border:solid 0px #f00;
font-size:16px;
color:#fff;
}


div#footer p{
width:800px;
margin:10px 0px 0px 15px; padding:0px;
color:#fff;
}


div#btn_set {
width:290px;
margin:0px 0px 0px 10px; padding:10px 0px 0px 0px;
color:#fff;
}

span#set1 {
display:block;
width:260px;
}

span#set1 a {
text-indent:-9999px;
display:block;
width:260px; height:60px;
background-image:url(../img_top_081209/btn_check.jpg);
background-position:0px 0px;
}

span#set1 a:hover {
text-indent:-9999px;
display:block;
width:260px; height:60px;
background-image:url(../img_top_081209/btn_check.jpg);
background-position:0px 60px;
}

span#taiken_btn {
display:block;
width:290px;
}

span#taiken_btn a {
text-indent:-9999px;
display:block;
width:290px; height:70px;
background-image:url(../img_top_081209/taiken_next_090314.jpg);
background-position:0px 0px;
}

span#taiken_btn a:hover {
text-indent:-9999px;
display:block;
width:290px; height:70px;
background-image:url(../img_top_081209/taiken_next_090314.jpg);
background-position:0px 70px;
}

span#taiken_form_btn {
display:block;
width:290px;
}

span#taiken_form_btn a {
text-indent:-9999px;
display:block;
width:290px; height:60px;
background-image:url(../img_top_081209/taiken_form_btn.jpg);
background-position:0px 0px;
}

span#taiken_form_btn a:hover {
text-indent:-9999px;
display:block;
width:290px; height:60px;
background-image:url(../img_top_081209/taiken_form_btn.jpg);
background-position:0px 60px;
}

span#heigan_btn {
display:block;
width:290px;
}

span#heigan_btn a {
text-indent:-9999px;
display:block;
width:290px; height:60px;
background-image:url(../img_top_081209/heigan_btn.jpg);
background-position:0px 0px;
}

span#heigan_btn a:hover {
text-indent:-9999px;
display:block;
width:290px; height:60px;
background-image:url(../img_top_081209/heigan_btn.jpg);
background-position:0px 60px;
}

span#event_btn {
display:block;
width:290px;
}

span#event_btn a {
text-indent:-9999px;
display:block;
width:290px; height:60px;
background-image:url(../img_top_081209/event_btn.jpg);
background-position:0px 0px;
}

span#event_btn a:hover {
text-indent:-9999px;
display:block;
width:290px; height:60px;
background-image:url(../img_top_081209/event_btn.jpg);
background-position:0px 60px;
}

span#gansyo_btn {
display:block;
width:290px;
}

span#gansyo_btn a {
text-indent:-9999px;
display:block;
width:290px; height:60px;
background-image:url(../img_top_081209/gansyo_btn.jpg);
background-position:0px 0px;
}

span#gansyo_btn a:hover {
text-indent:-9999px;
display:block;
width:290px; height:60px;
background-image:url(../img_top_081209/gansyo_btn.jpg);
background-position:0px 60px;
}