@charset "Shift_JIS";
/* ----------------------------------------------------
横浜開港資料館
Copyright 2006 Yokohama Archives of History.
---------------------------------------------------- */


body{
	text-align: center;
	margin: 10px 0 0;
	padding: 0;
	background: #fff;
	}
	div.base {
		width: 760px;
		margin: 0 auto;
		padding: 0;
		}
		div.base img {
			border: none;
		}
		div#naviskip {
			visibility: hidden;
			width: 1px;
			height: 1px;
			margin: 0;
			padding: 0;
		}
		div.header {
			width: 760px;
			margin: 0 0 2px 0;
			padding: 0;
			background-image: url("../../images/header_bg.gif");
			display: inline-block;
			}
			/* Mac版IEを除外 \*/
			div.header {
				display: block;
			}
			/* */
			div.header:after {
				height: 0;
				visibility: hidden;
				content: ".";
				display: block;
				clear: both;
			}
			h1 {
				float: left;
				width: 243px;
				height: 55px;
				margin: 0;
				padding: 0;
			}
			div#lang {
				float: right;
				width: 517px;
				height:34px;
				margin: 0;
				padding: 0;
				text-align: right;
				background-image: url("../../images/search_bg.gif");
				}
				div#lang ul {
					margin: 5px 0 0;
					padding: 0px;
				}
				div#lang ul li {
					display: inline;
					margin: 0 3px 0 0;
					padding: 0px;
			}
			div#search {
				float: right;
				width: 517px;
				height:34px;
				margin: 0;
				padding: 0;
				text-align: right;
				background-image: url("../../images/search_bg.gif");
				}
				div#search_box {
				margin: 3px 5px 0 0;
				padding: 0;
				color: #036;
				font-size: 84%;
			}
			div#headnavi {
				float: right;
				width: 517px;
				height:21px;
				text-align: right;
				vertical-align: middle;
				color: #fff;
				font-size: 84%;
				font-family: sans-serif;
				margin: 0;
				background-image: url("../../images/headernavi_bg.gif");
				}
				div#headnavi a {
					color: #fff;
					text-decoration: none;
					margin: 0 0.3em;
					}
					div#headnavi a:link,div#headnavi a:visited {
						color: #fff;
						text-decoration: none;
					}
					div#headnavi a:hover {
						color: #fff;
						text-decoration: underline;
					}
					div#headnavi a:active {
						color: #ffc;
						text-decoration: underline;
		}
		div.stage {
			width: 760px;
			text-align: left;
			margin: 0;
			padding: 0;
			background: transparent url(../../images/contents_bg.gif) left top repeat-y;
			display: inline-block;
			}
			/* Mac版IEを除外 \*/
			div.stage {
				display: block;
			}
			/* */
			div.stage:after {
				height: 0;
				visibility: hidden;
				content: ".";
				display: block;
				clear: both;
		}
		
		div.stage img.link {
			border: 1px solid #03f;
		}

	
		/*	---------- ナビゲーション	---------- */


		div#navi {
			float: left;
			text-align: center;
			line-height: 0;
			width: 180px;
			margin: 0 2px 4px 0;
			padding: 0;
			}
			#navi img {
				margin: 1px 0 0;
		 	}
			#navi img.noline {
				margin: 0;
			}
			#navi img.mm {
				margin-top: 4px;
			}
			div#txmenu {
				width: 180px;
				text-align: left;
				font-size: 80%;
				margin: 0;
				padding: 0;
				background-image: url("../../images/navi_bg.gif") ;
				}
				div#txmenu ul {
					margin: 0;
					padding-left: 24px;
					}
					div#txmenu ul.in {
						margin: 0;
						padding-left: 8px;
					}
					div#txmenu ul li {
						list-style-image: url("../../images/navi_list01.gif");
						color: #036;
						line-height: 145%;
						margin: 0;
						padding: 0;
					}
					div#txmenu li.end {
						list-style-image: url("../../images/navi_list02.gif");
						}
						div#txmenu ul li a {
							color: #036;
							text-decoration: underline;
						}
						div#txmenu ul li a:link,div#txmenu ul li a:visited {
							color: #036;
							text-decoration: underline;
						}
						div#txmenu ul li a:hover,div#txmenu ul li a:active {
							color: #039;
		}


		/*	---------- メインコンテンツ ---------- */


		div.main {
			float: right;
			width: 570px;
			margin: 0;
			padding: 0 0 30px;
			}
			div.main a,div.main a:link,div.main a:visited {
					text-decoration: underline;
					color: #03c;
				}
				div.main a:hover,div.main a:active {
					text-decoration: underline;
					color: #03f;
			}
			div.main .ltxt {
				font-style: oblique;
			}
			div.main .ul {
				text-decoration: underline;
			}
			p.location {
				color: #666;
				font-size: 75%;
				line-height: 160%;
				margin: 5px;
			}
			p.location a {
				text-decoration: underline;
				}
				p.location a:link,p.location a:visited {
				color: #666;
				}
				p.location a:hover,p.location a:active {
				color: #03f;
			}
			h2 {
				padding: 0;
				margin: 10px 0 30px;
			}
			div#maintext {
				float: right;
				width: 555px;
				text-align: left;
				font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", 細明朝体, 平成明朝, serif;
				margin: 0 0 40px;
				padding: 0;
				}
				div#maintext p {
					font-size: 90%;
					line-height: 160%;
				}
				div#maintext .point {
					color: #f00;
				}
				div#maintext .point2 {
					color: #03f;
				}
				div#maintext #l1 {
					margin-left: 1em;
				}
				table.photo {
					float: right;
					border: none;
					margin: 0 0 10px 10px;
					padding: 0;
				}
				table.photo td {
					text-align: right;
					font-size: 75%;
					font-weight: bold;
					line-height: 150%;
					font-family: sans-serif;
				}
				table.photo td img {
					margin: 0 0 3px;
			}
			
			div#reader {
				margin: 30px 0 0;
				padding: 10px 0 0;
				border-top: 1px solid #ccc;
				display: inline-block;
				}
				/* Mac版IEを除外 \*/
				div#reader {
					display: block;
				}
				/* */
				div#reader:after {
					height: 0;
					visibility: hidden;
					content: ".";
					display: block;
					clear: both;
				}
				div#read_img {
					float: left;
					width: 80px;
					margin: 0;
					padding: 0;
				}
				div#read_txt {
					float: right;
					width: 450px;
					font-size: 82%;
					line-height: 130%;
					margin: 0;
					padding: 0;
			}
			
			ul#pdf {
				list-style-image: url(../../images/pdficon_small.gif);
				margin-left: 20px;
				padding-left: 20px;
			}
			ul#pdf li {
				font-size: 90%;
				margin-bottom: 0.5em;
			}
			ul#pdf li.in {
				font-size: 100%;
			}
			ul#pdf li.kids {
				margin-top: 1.5em;
			}
			
			p.pagetop {
				clear: both;
				text-align: right;
				font-size: 75%;
				margin: 20px 0 0;
				padding: 30px 5px 0 0;
				border-top: 1px solid #777;
				}
				p.pagetop a {
					color: #03c;
					text-decoration: underline;
				}
				p.pagetop a:link,p.pagetop a:visited {
					color: #03c;
				}
				p.pagetop a:hover,p.pagetop a:active {
					color: #03f;
		}

	
		/*	---------- フッター ---------- */


		div.footer{
			clear: both;
			width: 760px;
			text-align: center;
			color: #000;
			font-size: 75%;
			line-height: 120%;
			padding: 5px 0;
			background: #cbeeff url(../../images/footer_bg.gif) left top repeat-x;
		}
		div#add {
			width: 760px;
			text-align: center;
			color: #000;
			font-size: 82%;
			line-height: 120%;
			padding: 0 0 5px;
			background-color: #cbeeff;
		}