@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
a{text-decoration:none;}
ul li{list-style:none;}
li{list-style:none;}
p{
	margin:0;
	padding:0;	
	}
thead th, thead td {
  text-align: center;
}
tbody th, tbody td {
  text-align: center;
}
tfoot th, tfoot td {
  text-align: center;
}	
#div-text-top{
	float:left;
	width:950px;
	height:25px;

}

#bg-top{
 background:url(../../img/news/bg-header1.png) no-repeat top;
 width:100%;
}
#div-banner{
	float:left;
	margin-left:-8px;
	width:1220px;
	height:235px;
	}
#div-img-top{
float:left;
width:720px;
height:37px;
}
#left-bt{
	float:left;
	padding:0;
	margin:0;
	width:720px;
	height:71px;
	}
#left-bt2{
	float:left;
	margin-top:50px;
	width:720px;
	height:71px;
	}	
/*.bt-fade-10{
	float:left;
	width:135px;
	height:30px;
	
	}*/
.bt-map-10{
	float:left;
	width:135px;
	height:30px;
	
	}	
		
/*.bt-fade-15{
	float:left;
	width:135px;
	height:30px;
	margin-top:11px;
	}*/
.bt-map-15{
	float:left;
	width:135px;
	height:30px;
	margin-top:11px;
	}		
	
/*.bt-fade-11, .bt-fade-12, .bt-fade-13, .bt-fade-14{
	float:left;
	margin-left:11px;
	width:135px;
	height:30px;
	}*/	
.bt-map-11, .bt-map-12, .bt-map-13, .bt-map-14{
	float:left;
	margin-left:11px;
	width:135px;
	height:30px;
	}	
		
/*.bt-fade-16, .bt-fade-17, .bt-fade-18, .bt-fade-out{
	float:left;
	margin-left:11px;
	margin-top:11px;
	width:135px;
	height:30px;
	}*/	
.bt-map-16, .bt-map-17, .bt-map-18, .bt-map-out{
	float:left;
	margin-left:11px;
	margin-top:11px;
	width:135px;
	height:30px;
	}		
.bg-slide{
	float:left;
	margin-top:50px;
	width:720px;
	height:697px;
	background:url(../../img/course/out/out_03.png) no-repeat;
	position:relative;
	}	
			
#bg-slide-imgtop{
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:720px;
	height:130px;
	}

.img-slide-border{
	float:left;
	width:680px;
	height:340px;
	margin-left:20px;
	margin-top:25px;
	
	}	

	
#img-text-bgslide{
	float:left;
	margin-top:15px;
	width:720px;
	height:15px;
	
	}
#div-tex-slide{
	float:left;
	margin-top:15px;
	margin-left:20px;
	}
.p-text{
	color:#323232;
	font-size:13px;
	font-family:HiraKakuPro*;
	line-height:24px;
	}				
#div-table{
	float:left;
	margin-top:40px;
	width:720px;
	}	
#r1{
	font-size:13px;
	font-family:HiraKakuPro*;
	}		
#td1{
	background-color:#F2E5C5;
	width:80px;height:30px;
	border:1px solid #999999;
	vertical-align:middle;
	
	}	
#td3{
	background-color:#F2E5C5;
	width:150px;
	height:30px;
	border:1px solid #999999;
	vertical-align:middle;	
	}	
#td6{
	background-color:#F2E5C5;
	width:110px;
	height:30px;
	border:1px solid #999999;
	vertical-align:middle;	
	}
		
#r2-td1{
	width:80px;
	height:40px;
	background-color:#C5A782;
	border:1px solid #999999;
	font-size:15px;
	color:#FEFFFF;
	vertical-align:middle;	
	}
#r2-td2{
	width:80px;
	height:40px;
	border:1px solid #999999;
	font-size:15px;
	color:#9E6D2F;
	background-color:#F8F4F0;
	vertical-align:middle;	
	}
	
#r2-td3{
	width:150px;
	height:40px;
	border:1px solid #999999;
	vertical-align:middle;
	}		
#r2-td6{
	width:110px;
	height:40px;	
	border:1px solid #999999;
	vertical-align:middle;
	}			
#div-cont-r-img-top{
	float:left;
	margin-top:25px;
	margin-left:-10px;
	width:200px;
	height:212px;
	
	}		
#div-cont-r-img-001{
	float:left;
	margin-top:7px;
	margin-left:-6px;
	width:196px;
	height:136px;
	}
#div-cont-r-img-002{
	float:left;
	margin-top:20px;
	width:190px;
	height:120px;
	}
#div-cont-r-img-003{
	float:left;
	margin-top:9px;
	width:190px;
	height:120px;
	}
#div-cont-r-img-004{
	float:left;
	margin-top:9px;
	width:190px;
	height:120px;
	}
	
#div-cont-r-img-spoon{
	float:left;
	margin-top:18px;
	width:190px;
	height:57px;
	}		
#div-cont-r-img-delete{
	float:left;
	margin-top:8px;
	width:190px;
	height:57px;
	}	
#div-cont-r-img-flag{
	float:left;
	margin-top:8px;
	width:190px;
	height:57px;
	}		

#show2, #show3, #show4, #show5, #show6, #show7, #show8, #show9, #show10{
	position:absolute;
	display:none;
	}
	
#show1{
	position:relative;
	}
#fade1, #fade2, #fade3, #fade4, #fade5, #fade6, #fade7, #fade8, #fade9, #fade10{width:680px;height:340px;}			
.bg-slide-11{
	float:left;
	margin-top:50px;
	width:720px;
	height:787px;
	background:url(../../img/course/out/tab1/out-tab3.png) no-repeat;
	position:relative;
	}
.bg-slide-12{
	float:left;
	margin-top:50px;
	width:720px;
	height:647px;
	background:url(../../img/course/out/tab3/out_tab_03.png) no-repeat;
	position:relative;
	}	
.bg-slide-13{
	float:left;
	margin-top:50px;
	width:720px;
	height:677px;
	background:url(../../img/course/out/tab5/out-tabd5.png) no-repeat;
	position:relative;
	}	
.bg-slide-14{
	float:left;
	margin-top:50px;
	width:720px;
	height:710px;
	background:url(../../img/course/out/tab7/out-tab6.png) no-repeat;
	position:relative;
	}
.bg-slide-15{
	float:left;
	margin-top:50px;
	width:720px;
	height:737px;
	background:url(../../img/course/out/tab2/out-tabd.png) no-repeat;
	position:relative;
	}		
.bg-slide-16{
	float:left;
	margin-top:50px;
	width:720px;
	height:647px;
	background:url(../../img/course/out/tab4/out-tabc5.png) no-repeat;
	position:relative;
	}		
.bg-slide-17{
	float:left;
	margin-top:50px;
	width:720px;
	height:707px;
	background:url(../../img/course/out/tab6/out-tab5.png) no-repeat;
	position:relative;
	}			
.bg-slide-18{
	float:left;
	margin-top:50px;
	width:720px;
	height:727px;
	background:url(../../img/course/out/tab8/out_tab_03.png) no-repeat;
	position:relative;
	}			
.img-slide-11{
	float:left;
	margin-top:215px;
	margin-left:20px;
	width:680px;
	height:340px;
	}	
.img-slide-12{
	float:left;
	margin-top:175px;
	margin-left:20px;
	width:680px;
	height:340px;
	}
.img-slide-14{
	float:left;
	margin-top:235px;
	margin-left:20px;
	width:680px;
	height:340px;
	}	
.img-slide-15{
	float:left;
	margin-top:195px;
	margin-left:20px;
	width:680px;
	height:340px;
	}	
.img-slide-16{
	
	float:left;
	padding-top:175px;
	padding-left:20px;
	display:block;
	width:680px;
	height:340px;
	}	
.line
{
	padding-right:20px;
	background:url(../../img/course/out/tab4/line.png) no-repeat;
	width:720px;
}
.img-slide-17{
	float:left;
	margin-top:185px;
	margin-left:20px;
	width:680px;
	height:340px;
	}
.img-slide-18{
	float:left;
	margin-top:225px;
	margin-left:20px;
	width:680px;
	height:340px;
	}		
			
#div-tex-slide-11{
	float:left;
	margin-top:40px;
	margin-left:20px;
	}
img.img-up{
	position:absolute;
	z-index:3;
}
img.img-down{
	position:absolute;
	z-index:2;
}
img.current{
	/*display:none;*/
	z-index:1;
}

.menu-header,.menu-footer{
	float:left;
	padding:0;
	margin:0;
	width:720px;
	height:71px;
}
.menu-header li,.menu-footer li{
	list-style:none;
	position: relative;
}
.menu-header li a,.menu-footer li a{
	float:left;
    margin-bottom: 10px;
}
.menu-header li .img-hover ,.menu-footer li .img-hover{
	/*display:block;*/
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	
}
.menu-header li .img-normal ,.menu-footer li .img-normal{
	/*display:block;*/
	position:absolute;
	top:0;
	left:0;
	z-index:1;	
}
.menu-header li.active .img-hover,.menu-header li.active-hover .img-hover,
.menu-footer li.active .img-hover,.menu-footer li.active-hover .img-hover{
	z-index: 1;
}
.menu-header li.active .img-normal,.menu-header li.active-hover .img-normal,
.menu-footer li.active .img-normal,.menu-footer li.active-hover .img-normal{
	/*display:none;*/
	z-index: 1;
}


/*css fade*/
#slideshow { left: 0px; }
#nav { width:680px; position:absolute; z-index:22;margin-top:296px;margin-left:608px;}
#nav li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav a { width: 12px; height:12px; display: block;}
#nav li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }

#slideshow12 { left: 0px; }
#nav12 { width:680px; position:absolute; z-index:20;margin-top:296px;margin-left:608px;}
#nav12 li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav12 a { width: 12px; height:12px; display: block;}
#nav12 li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav12 a:focus { outline: none; }
#nav12 img { border: none; display: block }

#slideshow13 { left: 0px; }
#nav13 { width:680px; position:absolute; z-index:20;margin-top:296px;margin-left:608px;}
#nav13 li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav13 a { width: 12px; height:12px; display: block;}
#nav13 li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav13 a:focus { outline: none; }
#nav13 img { border: none; display: block }

#slideshow14 { left: 0px; }
#nav14 { width:680px; position:absolute; z-index:20;margin-top:296px;margin-left:608px;}
#nav14 li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav14 a { width: 12px; height:12px; display: block;}
#nav14 li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav14 a:focus { outline: none; }
#nav14 img { border: none; display: block }

#slideshow15 { left: 0px; }
#nav15 { width:680px; position:absolute; z-index:20;margin-top:296px;margin-left:608px;}
#nav15 li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav15 a { width: 12px; height:12px; display: block;}
#nav15 li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav15 a:focus { outline: none; }
#nav15 img { border: none; display: block }

#slideshow17 { left: 0px; }
#nav17 { width:680px; position:absolute; z-index:20;margin-top:296px;margin-left:608px;}
#nav17 li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav17 a { width: 12px; height:12px; display: block;}
#nav17 li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav17 a:focus { outline: none; }
#nav17 img { border: none; display: block }

#slideshow18 { left: 0px; }
#nav18 { width:680px; position:absolute; z-index:20;margin-top:296px;margin-left:608px;}
#nav18 li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav18 a { width: 12px; height:12px; display: block;}
#nav18 li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav18 a:focus { outline: none; }
#nav18 img { border: none; display: block }

#slideshow19 { left: 0px; }
#nav19 { width:680px; position:absolute; z-index:20;margin-top:296px;margin-left:608px;}
#nav19 li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav19 a { width: 12px; height:12px; display: block;}
#nav19 li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav19 a:focus { outline: none; }
#nav19 img { border: none; display: block }

#slideshow20 { left: 0px; }
#nav20 { width:680px; position:absolute; z-index:20;margin-top:296px;margin-left:608px;}
#nav20 li { width: 12px; height:12px; float: left; margin: 6px; list-style: none; background:url(../../img/course/out/2.png) no-repeat;}
#nav20 a { width: 12px; height:12px; display: block;}
#nav20 li.activeSlide a { background:url(../../img/course/out/1.png) no-repeat;  }
#nav20 a:focus { outline: none; }
#nav20 img { border: none; display: block }


/*end css fade*/


.li-10{
 float:left;
 width:135px;
 height:30px;
 }
.li-m-11{
 float:left;
 width:135px;
 height:30px;
 margin-left:11px;
 } 
.li-t11{
 float:left;
 width:135px;
 height:30px;
 margin-top:11px;
 } 
.li-m11-t11{
 float:left;
 width:135px;
 height:30px;
 margin-left:11px;
 margin-top:11px;
 }