@charset "UTF-8";


/* Details for Knowledge History 
---------------------------------------------------------*/

body#history #page_full_area {
    width: 960px;
    height: auto;
    float: none;
}

#knowledge_history_top {
	width: 890px;
	height: 224px;
	margin: 0px auto 10px;
	text-indent: -5000em;
	background: url(../img/history/title_history.png) 28px top no-repeat;
}

#knowledge_history_top_book {
	width: 960px;
	height: 709px;
	position: relative;
	background: url(../img/history/base_book_top.png) no-repeat;
}

#cookie_txt {
	width:890px;
	margin: -20px auto 0px;
	font-size: 11px;
	text-align: left;
}
	#top_sankou {
		width:870px;
		border:1px;
		border-color:#630;
		border-style:solid;
		margin:0px 0px 10px 0px;
		padding:10px 5px 0px 5px;	
	}
	
	#top_sankou div {
		width: 435px;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	#cookie_txt p {
/*   	width: 880px; */
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	#knowledge_history_top_book #pn_01 {
		position:absolute;
		top:59px;
		left:271px;
	}
	#knowledge_history_top_book #pn_02 {
		position:absolute;
		top:190px;
		left:97px;
	}
	#knowledge_history_top_book #pn_03 {
		position:absolute;
		top:190px;
		left:271px;
	}
	#knowledge_history_top_book #pn_04 {
		position:absolute;
		top:320px;
		left:97px;
	}
	#knowledge_history_top_book #pn_05 {
		position:absolute;
		top:320px;
		left:271px;
	}
	#knowledge_history_top_book #pn_06 {
		position:absolute;
		top:451px;
		left:271px;
	}
	
	#knowledge_history_top_book #pn_07 {
		position:absolute;
		top:59px;
		left:685px;
	}
	#knowledge_history_top_book #pn_08 {
		position:absolute;
		top:189px;
		left:509px;
	}
	#knowledge_history_top_book #master_prize {
		display:none;
		position:absolute;
		top:190px;
		left:691px;
	}
	#knowledge_history_top_book #pn_09 {
		position:absolute;
		top:332px;
		left:683px;
	}
	#knowledge_history_top_book #pn_10 {
		position:absolute;
		top:462px;
		left:509px;
	}
	#knowledge_history_top_book #pn_11 {
		position:absolute;
		top:462px;
		left:683px;
	}
	
img.flt_lt { float: left; }
img.flt_rt { float: right; }



/* Details for Knowledge History Detail
---------------------------------------------------------*/

	#knowledge_history_page_book {
		font-size: 12px;
		width: 961px;
		height: 709px;
		position: relative;
		background: url(../img/history/base_book_detail_01.png) no-repeat center top;
	}
	
		#knowledge_history_page_book h2, #knowledge_history_page_book_last h2 {
			background:url(../img/history/parts/line_h2.gif) no-repeat left bottom;
			padding:5px 0 14px; 
			position:absolute;
			top:47px;
			left:95px;
			width:353px;
		}
		
		#txBA {
			position:absolute;
			top:93px;
			left:405px;
		}
		
		/* LEFT */
		#leftPage {
			position:absolute;
			top:147px;
			left:94px;
			width:353px;
		}
		#leftPage #sankou {
			padding:10px 0px 0px 0px;
			z-index:10;
		}
		#leftPage #sankouA {
			padding:7px 0px 0px 0px;
			z-index:10;
		}
		#leftPageB_dl,
		#leftPageB {
			position:absolute;
			top:159px;
			left:94px;
			width:345px;
		}
		#leftPage p {
			line-height:1.5;
		}
		#leftPage p.A {
			line-height:1.3;
		}
		#leftPage h3 {
		}
		
		/* RIGHT */
		#rightPage {
			position:absolute;
			top:121px;
			left:512px;
			width:365px;
		}
		#rightPageB_dl,
		#rightPageB {
			position:absolute;
			top:159px;
			left:512px;
			width:345px;
		}
		#rightPage h3,
		#rightPage h4 {
			margin:0 0 20px;
		}
		#rightPage div {
			padding:0 0 0 10px;
		}
		#rightPage div p#txQuize {
			padding:0 0 30px;
		}
		#rightPage div ul {
			float:left;
			width:180px;
		}
		#rightPage div li {
			margin:0 0 15px;
		}
		#rightPage div li input {
			margin:0 5px 0 0;
			vertical-align:middle;
		}
		#rightPage div #btnAns,
		#rightPage div #btnHint {
			margin:0 0 9px;
		}
		
		#btnMenu {
			position:absolute;
			top:82px;
			left:712px;
		}
		
		#btnBack {
			position:absolute;
			top:570px;
			left:62px;
		}
			#btnBack a {
				width: 60px;
				height: 50px;
			}
		
		#btnNext {
			position:absolute;
			top:546px;
			left:804px;
		}
			#btnNext a {
				width: 80px;
				height: 70px;
			}
		
		#btnClear {
			display: none;
			position: absolute;
			top: 550px;
			right: 200px;
		}
		
		#formBtn {
			float:right;
		}
		
		/* 01 */
		#txQuize01 {
			padding:0 0 15px !important;
		}
		/* 04 */
		#txQuize04 {
			padding:0 0 15px !important;
		}
		/* 05 */
		#txQuize05 {
			padding:0 0 15px !important;
		}
		
		/* 06 */
		#txQuize06 {
			padding:0 0 15px !important;
		}
		
		/* 08 */
		#txQuize08 {
			padding:0 0 17px !important;
		}
		
		/* 09 */
		#txQuize09 {
			padding:0 0 15px !important;
		}
		/* 10 */
		#txQuize10 {
			padding:0 0 25px !important;
		}
		.page10-2 #rightPage li span {
			padding:0 0 0 2.5em;
		}
		/* 11 */
		#txQuize11 {
			padding:0 0 15px !important;
		}
		
		div#formBtn {
			float:none;
			right:0;
			margin:140px 0 0 0;
			position:absolute;
		}
		
		div#formBtn6 {
			float:none;
			right:0;
			margin:180px 0 0 0;
			position:absolute;
		}
		
		div#formBtn7 {
			float:none;
			right:0;
			margin:165px 0 0 0;
			position:absolute;
		}
		
		#btnDL {
			display:none;
			position: absolute;
			top: 553px;
			left: 510px;
		}
		
		#txQuize1,
		#txQuize04,
		#txQuize05,
		#txQuize06,
		#txQuize08,
		#txQuize09,
		#txQuize11 {
			width:330px;
		}
		
		#contentsdetails #kisekicontents #rightpage div p#txQuize1 {
			padding-bottom:15px;
		}
		
		#contentsdetails #kisekicontents #rightpage div p#txQuize10 {
			padding-bottom:23px;
		}



/* Details for Knowledge History Master
---------------------------------------------------------*/
	
	#knowledge_history_page_book_last {
		font-size: 12px;
		width: 961px;
		height: 709px;
		position: relative;
		background: url(../img/history/base_book_detail_02.png) no-repeat center top;
	}
	
	#history_last_left {
		width: 394px;
		height: 445px;
		text-indent: -5000em;
		position: absolute;
		left: 75px;
		top: 60px;
		background: url(../img/history/parts/master_certificate.png) no-repeat;
	}
		#history_last_left h2 {
			background: none;
		}
	
	#history_last_right {
		width: 322px;
		height: 322px;
		text-indent: -5000em;
		position: absolute;
		right: 115px;
		top: 150px;
		background: url(../img/history/parts/master_mark.png) no-repeat;
	}