@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html {
	background-image: url(../images/html_back.gif);
	background-repeat: repeat;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
}

	body {
		background-image: url(../images/body_back.gif);
		background-position: left top;
		background-repeat: repeat-x;
	}
	
		ul,ol {
			list-style-type: none;
		}
		
		ol {
			margin-top:0.5em;
			text-align:center;
			font-size: 90%;
			line-height: 100%;
		}
		
			ol li {
				float: left;
				margin: 0 16px 12px 0;
				width: 150px;
			}
			
		#wrapper {
			width: 780px;
			background-color: #FFFFFF;
			background-image: url(../images/main_back.gif);
			background-repeat: no-repeat;
			background-position: left 250px;
			position: relative;
		}
		
		
			/*全ページ右*/
			#wrapper #main {
				width: 483px;
				padding-left: 267px;
				margin-top: 20px;
			}

				#wrapper #main p {
					margin-top: 6px;
					text-align:justify;
					padding-bottom: 20px;
				}
				
				#wrapper #main a {
					font-size: 12px;
				}
				
				#wrapper #main a:link {
					color: #69851f;
					text-decoration: none;
				}
				
				#wrapper #main a:visited {
					color: #4d6311;
					text-decoration: none;
				}
				
				#wrapper #main a:hover,#wrapper #main a:active {
					color: #a85300;
					text-decoration: underline;
				}
			/*全ページ右　終わり*/
				
				/*トップページ右*/
				#wrapper #main .boxes {
					clear: both;
				}
				
				#wrapper  #main  dd  {
					margin-left: 3px;
				}
				
				#wrapper #main .left {
					float: left;
					width: 238px;
				}
				
				#wrapper #main .right {
					float: right;
					width: 238px;
				}
			
					#wrapper #main .left ul,#wrapper #main .right ul,#wrapper #main .right p {
						margin: 8px 0 0 3px;
						color: #69851f;
					}
					
					#wrapper #main .left ul,#wrapper #main .right ul {
						padding-bottom: 20px;
					}
					
						#wrapper #main .left li,#wrapper #main .right li,#wrapper #main .right p {
							background-image: url(../images/arrow.gif);
							background-repeat: no-repeat;
							background-position: left 6px;
							padding-left: 8px;
						}
						
							#wrapper #main .right li.one {
								margin-left: 1em;
							}
				/*トップページ右　終わり*/
				
							
			/*中ページ右*/
			#wrapper #main h2 {
				margin-bottom: 10px;
			}

				#wrapper #main h3 {
					border-left-width: 1.1em;
					border-left-style: solid;
					border-left-color: #588726;
					padding-left: 0.5em;
					color: #588726;
					font-size: 100%;
					line-height:100%;
					margin-top: 30px;
					margin-bottom: 8px;
				}
				
					#wrapper #main h4 {
						font-size: 100%;
					}
				
					#wrapper #main table {
						border-collapse:collapse;
					}
				
						#wrapper #main th,#wrapper #main td {
							border: 1px solid #b8b8b8;
							padding:5px;
						}
					
						#wrapper #main th {
							color: #FFFFFF;
						}
					
						#wrapper #main .head {
							background-color: #99CC99;
						}
						
						#wrapper #main .side {
							background-color: #99CCFF;
						}
					
					#wrapper #main #guide {
						margin-bottom: 17px;
					}
	
						#wrapper #main #guide li,#wrapper #main .link {
							background-image: url(../../place_to_see/images/list_back.gif);
							background-repeat: no-repeat;
							background-position: left 2px;
							padding-left: 18px;
							line-height: 150%;
							font-size: 12px;
						}
	
					#wrapper #main .list {
						margin-left: 1em;
						margin-bottom: 30px;
					}
	
						#wrapper #main .list dt {
							clear: left;
							float: left;
							padding-top: 2px;
						}
	
							#wrapper #main .list dd {
								margin-left: 18px;
								padding-bottom: 3px;
							}
					
					#wrapper #main .img_l,#wrapper #main .img_r,#wrapper #main .img_c {
						font-size:90%;
						text-align:center;
						line-height:125%;
						margin-top:6px;
						margin-bottom: 10px;
						white-space: nowrap;
					}
							
					#wrapper #main .img_l {
						float: left;
						margin-right: 20px;
					}
	
					#wrapper #main .img_r {
						float: right;
						margin-left: 20px;
					}
	
						#wrapper #main .img_l img,#wrapper #main .img_r img,ol img {
							border: 1px solid #b8b8b8;
						}
						
					#wrapper #main .caption {
						padding: 6px;
						margin-top: 12px;
						margin-bottom: 20px;
						border: 1px solid #b8b8b8;
						line-height: 100%;
					}
					
						#wrapper #main .caption .title {
							font-weight: bold;
							clear: left;
							float: left;
							margin-bottom: 0.5em;
						}
						
						#wrapper #main .caption .detail {
							margin-left: 3em;
							margin-bottom: 0.5em;
						}
					
					/*年表*/
					#wrapper #main .timeline dt,#wrapper #main .timeline dd {
						border-top-width: 1px;
						border-top-style: dotted;
						border-top-color: #b8b8b8;
						margin-bottom: 12px;
						padding-top:6px;
					}
					
					#wrapper #main .timeline dt {
						clear: left;
						float: left;
						font-family: "Times New Roman", Times, serif;
						font-weight: bold;
						font-size: 125%;
						width: 5em;
					}
	
						#wrapper #main .timeline dd {
							margin-left: 6.2em;
							text-align: justify;
						}
						
					#wrapper #main .timeline p {
						padding-bottom: 0px;
					}
					
					#wrapper #main .timeline .noborder {
						border: none;
					}
					
						#wrapper #main .guide dt {
							clear: left;
							float: left;
							text-align: right;
							width: 9em;
						}
						
						#wrapper #main .guide dd {
							margin-left: 9em;
						}
												
						#wrapper #main .indent {
							margin-left: 6.2em;
						}
					/*年表　終わり*/
					
					#wrapper #main #totop {
						text-align: right;
						margin-top: 20px;
					}
					
					#wrapper #main .clear {
						clear:both;
					}
					
					#wrapper #main .zero {
						padding-bottom: 0px;
					}
			/*中ページ右　終わり*/
				
			
			/*左ナビ*/		
			#wrapper #navi {
				position: absolute;
				left: 30px;
				top: 147px;
			}
			
				#wrapper #navi dt {
					margin-bottom: 10px;
				}
				
					#wrapper #navi dd {
						margin-bottom: 2px;
					}
				
						#wrapper #navi dt a,#wrapper #navi dd a {
							cursor:pointer;
						}
				
				#wrapper #navi #japanese {
					margin-top: 5px;
					margin-left: 3px;
				}
			
			#wrapper #navi:after,#wrapper ol:after {
				content:"";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
			}
			/*左ナビ　終わり*/
			
			
			/*フッター*/	
			#wrapper #footer {
				text-align: center;
				clear: both;
				background-image: url(../images/footer_line.gif);
				background-repeat: repeat-x;
				background-position: left top;
				margin-top: 20px;
				padding-top: 12px;
				padding-bottom: 12px;
			}


@media print {
html,body,#wrapper {
	background: none;
}

* html #wrapper {
	width: 650px;
}

	#wrapper #navi {
		display:none;
	}
	
	#wrapper #main {
		width: 70%;
		padding: 0;
		margin-left: 30%;
	}
	
	* html #wrapper #main {
		width: 76%;
		padding: 0;
		margin-left: 24%;
	}

		#wrapper #main .timeline dt {
			width: 15%;
		}
		
		* html #wrapper #main .timeline dt {
			width: 94px;
		}
		
		#wrapper #main .timeline dd {
			margin-left: 15%;
			width: 80%;
		}
		
		* html #wrapper #main .timeline dd {
			margin-left: 94px;
			width: 390px;
		}
		
		*:first-child+html #wrapper #main .timeline dd {
			width: 85%;
		}
		
		#wrapper #main .break {
			page-break-before: always;
		}
	
		#wrapper #main .right {
			float: left;
			margin-left:1em;
		}
}