@import url(menu.css);


#main{
	clear:both;
	width:758px;
	text-align:left;
	margin:0 auto;
	background:#FFFFFF;
	}
	
#main h2{
	padding-top:30px;
	margin-bottom:32px;
	}

#main_con{
	width:677px;
	margin-left:20px;
	margin-bottom:10px;
	}
	
#main_con div#con-l{
	width:209px;
	float:left;	
	}
	
#main_con div#con-l ul{
	background:url(../../images/teach/nav_bg.jpg) repeat-y;
	height:321px;
		}
		
#main_con div#con-l ul li{
	width:209px;
	text-indent:-9999px;
	height:20px;
	margin-bottom:8px;
	}
		
#main_con div#con-l ul li a{
	height:20px;
	display:block;	
	}
	
#main_con div#con-l ul li#tmnav01,
#main_con div#con-l ul li#tmnav01 a{
	background:url(../../images/teach/nav01.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav02,
#main_con div#con-l ul li#tmnav02 a{
	background:url(../../images/teach/nav02.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav03,
#main_con div#con-l ul li#tmnav03 a{
	background:url(../../images/teach/nav03.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav04,
#main_con div#con-l ul li#tmnav04 a{
	background:url(../../images/teach/nav04.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav05,
#main_con div#con-l ul li#tmnav05 a{
	background:url(../../images/teach/nav05.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav06,
#main_con div#con-l ul li#tmnav06 a{
	background:url(../../images/teach/nav06.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav07,
#main_con div#con-l ul li#tmnav07 a{
	background:url(../../images/teach/nav07.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav08,
#main_con div#con-l ul li#tmnav08 a{
	background:url(../../images/teach/nav08.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav09,
#main_con div#con-l ul li#tmnav09 a{
	background:url(../../images/teach/nav09.jpg) no-repeat;
	}
	
#main_con div#con-l ul li#tmnav00,
#main_con div#con-l ul li#tmnav00 a{
	background:url(../../images/teach/nav00.jpg) no-repeat;
	}

#main_con div#con-l ul li#tmnav01b,	
#main_con div#con-l ul li#tmnav01 a:hover{
	background:url(../../images/teach/nav01.jpg) no-repeat 0 -20px;
	}
	
#main_con div#con-l ul li#tmnav02b,	
#main_con div#con-l ul li#tmnav02 a:hover{
	background:url(../../images/teach/nav02.jpg) no-repeat 0 -20px;
	}
	
#main_con div#con-l ul li#tmnav03b,	
#main_con div#con-l ul li#tmnav03 a:hover{
	background:url(../../images/teach/nav03.jpg) no-repeat 0 -20px;
	}
	
#main_con div#con-l ul li#tmnav04b,	
#main_con div#con-l ul li#tmnav04 a:hover{
	background:url(../../images/teach/nav04.jpg) no-repeat 0 -20px;
	}
	
#main_con div#con-l ul li#tmnav05b,	
#main_con div#con-l ul li#tmnav05 a:hover{
	background:url(../../images/teach/nav05.jpg) no-repeat 0 -20px;
	}
	
#main_con div#con-l ul li#tmnav06b,	
#main_con div#con-l ul li#tmnav06 a:hover{
	background:url(../../images/teach/nav06.jpg) no-repeat 0 -20px;
	}
	
#main_con div#con-l ul li#tmnav07b,	
#main_con div#con-l ul li#tmnav07 a:hover{
	background:url(../../images/teach/nav07.jpg) no-repeat 0 -20px;
	}
	
#main_con div#con-l ul li#tmnav08b,	
#main_con div#con-l ul li#tmnav08 a:hover{
	background:url(../../images/teach/nav08.jpg) no-repeat 0 -20px;
	}
	
#main_con div#con-l ul li#tmnav09b,	
#main_con div#con-l ul li#tmnav09 a:hover{
	background:url(../../images/teach/nav09.jpg) no-repeat 0 -20px;
	}
		
#main_con div#con-r{
	width:400px;
	float:right;	
	}
	
#main_con div#con-r div#images{
	height:459px;
	overflow:hidden;
	margin-bottom:10px;
	}
	
#main_con div#con-r div#images p#image1,
#main_con div#con-r div#images p#image2,
#main_con div#con-r div#images p#image3,
#main_con div#con-r div#images p#image4,
#main_con div#con-r div#images p#image5,
#main_con div#con-r div#images p#image6{
	clear:both;
	margin-bottom:15px;
	}
	
#main_con div#con-r ul{
	width:276px;
	margin:0 auto;
	}
	
#main_con div#con-r ul#messagelist{
	width:338px;
	margin-left:62px;
	}
	
#main_con div#con-r ul li{
	float:left;
	text-indent:-9999px;
	}

#main_con div#con-r ul li.non1{text-indent:0; float:left;}
#main_con div#con-r ul li.non2{text-indent:0; float:right;}
#main_con div#con-r ul li.prev{
	width:45px;
	height:44px;
	margin-right:21px;
	background:url(../../images/teach/prev.jpg) no-repeat;
	}
	
	
#main_con div#con-r ul li.next{
	width:45px;
	height:44px;
	float:right;
	background:url(../../images/teach/next.jpg) no-repeat;
	}
	
#main_con div#con-r ul li a{
	display:block;
	}

	
#main_con div#con-r ul li.prev a,
#main_con div#con-r ul li.next a{
	height:44px;
	}

#main_con div#con-r ul li.prev a{background:url(../../images/teach/prev.jpg) no-repeat;}
#main_con div#con-r ul li.next a{background:url(../../images/teach/next.jpg) no-repeat;}

#main_con div#con-r ul li#prev a:hover{background:url(../../images/teach/prev.jpg) no-repeat 0 -44px;}
#main_con div#con-r ul li#next a:hover{background:url(../../images/teach/next.jpg) no-repeat 0 -44px;}

/* footer
---------------------------------------------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	width:740px;
	background:url(../../images/common/con_bg.jpg) repeat-y;
	margin:0 auto;
	}
	

#footer p{
	width:322px;
	height:12px;
	background:url(../../images/common/copyright.jpg) no-repeat;
	text-indent:-10000px;
	float:right;
	margin-top:10px;
	margin-bottom:20px;
	}



*{
	margin:0;
	padding:0;
	outline:none;
	font-style:normal;
	text-decoration: none;
}

body {
	width:100%;
	text-align:center;
	background:#FFFFFF;
	line-height:160%;
	/* fontbreak */
	word-break:break-all;
	font:12px/1.22 "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", Arial, sans-serif;
	*font-size:small;
	*font:x-small;

}


iframe{
	border:none;
}

img{
	vertical-align:bottom;
	}

ul, ol{
	list-style:none;
}

br {
	letter-spacing:0;
}

fieldset,img {  
	border:0; 
	} 

map {
	display: none;
	visibility: hidden;
}

em{font-style:normal; font-weight:bolder;}

a{
outline:none;
color:#000099;
}

a:hover{color:#FF6600;}
a:visited{text-decoration:none;}

/* css hack
---------------------------------------------------------------------------------------------------------------------------------*/
 
.clearfix:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}