@charset "UTF-8";
/* CSS Document */

@import "../../../../files/css/common/layout.css";

/*-------------------------------------------------------------------------
	INDEX
/*-----------------------------------------------------------------------*/

#wrapper {
	background:url(../img/common/contents/bg_dark.jpg) no-repeat top center;
}

	#wrapper #header {
		background:url(../img/common/contents/header.gif) no-repeat top center;
	}
	
	#wrapper #contents {
	}

		#wrapper #contents h2 {
			padding:0 0 20px 0;
		}

		#wrapper #contents div.box {
			position:relative;
			width:741px;
			height:348px;
			margin:0 auto;
			background:url(../img/common/contents/bg_content.gif) no-repeat top center;
		}
		
			#wrapper #contents div.box ul {
				position:relative;
			}
			
				#wrapper #contents div.box ul li#close {
					position:absolute;
					top:12px;
					right:51px;
				}
				
				#wrapper #contents div.box ul li#button_left {
	position:absolute;
	top:155px;
	left:1px;
				}
				
				#wrapper #contents div.box ul li#button_right {
	position:absolute;
	top:155px;
	right:-1px;
				}
		
			
			#wrapper #contents div.box dl#question {
				position:absolute;
				top:18px;
				left:71px;
			}
			
				#wrapper #contents div.box dl#question dd#txt {
					margin:23px 0 0 0;
				}
			
			

			/*====================================
			
				選択肢部分
				
			====================================*/

		
			#wrapper #contents div.box dl#answer {
				position:absolute;
				top:231px;
				left:81px;
			}
			
					
						/*---------lesson 01*/
						
						#wrapper #contents div#lesson_01 dl#answer dd ul {
							margin:0 0 0 94px;
						}
						
						#wrapper #contents div#lesson_01 dl#answer dd ul li {
							float:left;
							width:51px;
							margin:0 72px 0 0;
						}
						
							#wrapper #contents div#lesson_01 dl#answer dd ul li a {
								display:block;
								width:51px;
								height:39px;
								text-indent:-9999px;
							}
							
							#wrapper #contents div#lesson_01 dl#answer dd ul li#answer_01 a {
								background:url(../../lesson_01/files/img/index/answer001.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_01 dl#answer dd ul li#answer_01 a:hover {
								background:url(../../lesson_01/files/img/index/answer001_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_01 dl#answer dd ul li#answer_02 a {
								background:url(../../lesson_01/files/img/index/answer002.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_01 dl#answer dd ul li#answer_02 a:hover {
								background:url(../../lesson_01/files/img/index/answer002_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_01 dl#answer dd ul li#answer_03 a {
								background:url(../../lesson_01/files/img/index/answer003.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_01 dl#answer dd ul li#answer_03 a:hover {
								background:url(../../lesson_01/files/img/index/answer003_on.gif) no-repeat left top;
							}
						
						
						/*---------lesson 02*/
						
						#wrapper #contents div#lesson_02 dl#answer dd ul {
							margin:0 0 0 94px;
						}
						
						#wrapper #contents div#lesson_02 dl#answer dd ul li {
							float:left;
							margin:0 48px 0 0;
						}
						
							#wrapper #contents div#lesson_02 dl#answer dd ul li a {
								display:block;
								height:39px;
								text-indent:-9999px;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_01 {
								width:75px;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_02 {
								width:91px;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_03 {
								width:74px;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_01 a {
								background:url(../../lesson_02/files/img/index/answer001.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_01 a:hover {
								background:url(../../lesson_02/files/img/index/answer001_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_02 a {
								background:url(../../lesson_02/files/img/index/answer002.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_02 a:hover {
								background:url(../../lesson_02/files/img/index/answer002_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_03 a {
								background:url(../../lesson_02/files/img/index/answer003.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_02 dl#answer dd ul li#answer_03 a:hover {
								background:url(../../lesson_02/files/img/index/answer003_on.gif) no-repeat left top;
							}
					
					
					
					/*---------lesson 03*/
						
						#wrapper #contents div#lesson_03 dl#answer dd ul {
							margin:0 0 0 50px;
						}
						
						#wrapper #contents div#lesson_03 dl#answer dd ul li {
							float:left;
							margin:0 48px 0 0;
						}
						
							#wrapper #contents div#lesson_03 dl#answer dd ul li a {
								display:block;
								height:39px;
								text-indent:-9999px;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_01 {
								width:102px;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_02 {
								width:99px;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_03 {
								width:93px;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_01 a {
								background:url(../../lesson_03/files/img/index/answer001.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_01 a:hover {
								background:url(../../lesson_03/files/img/index/answer001_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_02 a {
								background:url(../../lesson_03/files/img/index/answer002.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_02 a:hover {
								background:url(../../lesson_03/files/img/index/answer002_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_03 a {
								background:url(../../lesson_03/files/img/index/answer003.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_03 dl#answer dd ul li#answer_03 a:hover {
								background:url(../../lesson_03/files/img/index/answer003_on.gif) no-repeat left top;
							}
					
					
					
					/*---------lesson 04*/
						
						#wrapper #contents div#lesson_04 dl#answer dd ul {
							margin:0 0 0 94px;
						}
						
						#wrapper #contents div#lesson_04 dl#answer dd ul li {
							float:left;
							margin:0 48px 0 0;
						}
						
							#wrapper #contents div#lesson_04 dl#answer dd ul li a {
								display:block;
								height:39px;
								text-indent:-9999px;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_01 {
								width:70px;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_02 {
								width:67px;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_03 {
								width:55px;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_01 a {
								background:url(../../lesson_04/files/img/index/answer001.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_01 a:hover {
								background:url(../../lesson_04/files/img/index/answer001_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_02 a {
								background:url(../../lesson_04/files/img/index/answer002.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_02 a:hover {
								background:url(../../lesson_04/files/img/index/answer002_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_03 a {
								background:url(../../lesson_04/files/img/index/answer003.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_04 dl#answer dd ul li#answer_03 a:hover {
								background:url(../../lesson_04/files/img/index/answer003_on.gif) no-repeat left top;
							}
					
					
					
					/*---------lesson 05*/
						
						#wrapper #contents div#lesson_05 dl#answer dd ul {
							margin:0 0 0 94px;
						}
						
						#wrapper #contents div#lesson_05 dl#answer dd ul li {
							float:left;
							margin:0 48px 0 0;
						}
						
							#wrapper #contents div#lesson_05 dl#answer dd ul li a {
								display:block;
								height:39px;
								text-indent:-9999px;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_01 {
								width:62px;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_02 {
								width:88px;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_03 {
								width:65px;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_01 a {
								background:url(../../lesson_05/files/img/index/answer001.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_01 a:hover {
								background:url(../../lesson_05/files/img/index/answer001_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_02 a {
								background:url(../../lesson_05/files/img/index/answer002.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_02 a:hover {
								background:url(../../lesson_05/files/img/index/answer002_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_03 a {
								background:url(../../lesson_05/files/img/index/answer003.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_05 dl#answer dd ul li#answer_03 a:hover {
								background:url(../../lesson_05/files/img/index/answer003_on.gif) no-repeat left top;
							}
							
							
					
					/*---------lesson 06*/
						
						#wrapper #contents div#lesson_06 dl#answer dd ul {
							margin:0 0 0 40px;
						}
						
						#wrapper #contents div#lesson_06 dl#answer dd ul li {
							float:left;
							margin:0 48px 0 0;
						}
						
							#wrapper #contents div#lesson_06 dl#answer dd ul li a {
								display:block;
								height:39px;
								text-indent:-9999px;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_01 {
								width:105px;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_02 {
								width:99px;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_03 {
								width:101px;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_01 a {
								background:url(../../lesson_06/files/img/index/answer001.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_01 a:hover {
								background:url(../../lesson_06/files/img/index/answer001_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_02 a {
								background:url(../../lesson_06/files/img/index/answer002.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_02 a:hover {
								background:url(../../lesson_06/files/img/index/answer002_on.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_03 a {
								background:url(../../lesson_06/files/img/index/answer003.gif) no-repeat left top;
							}
							
							#wrapper #contents div#lesson_06 dl#answer dd ul li#answer_03 a:hover {
								background:url(../../lesson_06/files/img/index/answer003_on.gif) no-repeat left top;
							}
			
			
			#wrapper #contents div.box p {
				position:absolute;
				top:217px;
				left:569px;
			}
			
			
			
			
			/*---------答えページ*/
			
			#wrapper #contents div.box dl#correct {
				position:absolute;
				top:18px;
				left:71px;
			}
			
				#wrapper #contents div.box dl#correct dt {
					margin:0 0 18px 0;
				}
			
			
			#wrapper #contents div.box dl#comment {
				position:absolute;
				top:63px;
				left:363px;
			}
			
			
			/*---------不正解*/
			
			#wrapper #contents div.box dl#incorrect {
				position:absolute;
				top:18px;
				left:71px;
			}
			
				#wrapper #contents div.box dl#incorrect dt {
					margin:0 0 16px 0;
				}
			
				#wrapper #contents div.box dl#incorrect dd {
					margin:0 0 0 100px;
				}
				
					#wrapper #contents div.box dl#incorrect dd ul {
						margin:41px 0 0 0;
					}
					
						#wrapper #contents div.box dl#incorrect dd ul li {
							float:left;
							margin:0 35px 0 0;
						}
			
			
			


#footer {
	background:url(../img/common/footer.gif) no-repeat bottom center;
}