@charset "shift_jis";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", sans-serif;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}
    body {
	text-align: center;
	margin: 0;
	background-image: url(img/page_back.png);
	background-repeat: no-repeat;
	background-position: top;
    }  
	
	
	body.jyouhou{
	background-image: url(img/page_back_j.png);
			
			}

    div#wrapper {  
        width: 980px;  
        margin: 0  auto;  
        text-align: left;  
    } 
	
	
h1, h2 {
	display: none;
}
div#wrapper-digitalarchives-sub{
	font-size:10px;
}	
	
div#cont{
	text-align: left;
	width:640px;
	margin:auto;
	 line-height: 1.8em;
	 }
div#cont p{
	font-size:1em;
	 line-height: 1.8em;
	 }	 
div#contj{
	text-align: left;
	width: 640px;
	margin: auto;
	font-size: 12px;
	line-height: 1.8em;
	margin-top: 22px;
	 }
	
div#3db {
	z-index: 2;
	position: absolute;
	top: 283px;
	left: 847px;

}

#w07l{
	float:left;
		width:350px;

}

#w07r{
	float:right;
	width:290px;
	
}

#joul{
	float:left;
	width:306px;
}

#joul img{
	margin-top:30px;
	margin-bottom:10px;
}
#jour{
	float:right;
	width:306px;
	margin-bottom:30px;
}
#jour img{
		margin-top:30px;

	margin-bottom:10px;
}
#jyoul{
	float:left;
	
	width:165px;
}
#jyour{
	float:right;
		width:465px;
}
#hr{
	clear:both;
}

div#cont h3 {
	background: #E3DCD6 none repeat scroll 0 0;
    border-color: #A38A77;
    border-style: dotted dotted dotted solid;
    border-width: 1px 1px 1px 7px;
    line-height: 1.5;
    padding: 3px 0 1px 5px;
	padding: 6.5px 0 0px 5px \9; /*IE9*/
	width: 376px;
}

@media all and (-ms-high-contrast:none){
  div#cont h3 {
	background: #E3DCD6 none repeat scroll 0 0;
    border-color: #A38A77;
    border-style: dotted dotted dotted solid;
    border-width: 1px 1px 1px 7px;
    line-height: 1.5;
    padding: 6.5px 0 0 5px; /*IE10以降*/
	width: 376px;
}
}

div#cont h3.w-auto { 
	background: #E3DCD6 none repeat scroll 0 0;
    border-color: #A38A77;
    border-style: dotted dotted dotted solid;
    border-width: 1px 1px 1px 7px;
    line-height: 1.5;
    padding: 3px 0 1px 5px;
	padding: 6.5px 0 0px 5px \9; /*IE9*/
    width: auto;
}

div#cont h4 {
	background: #FEF0D2;
    border-color: #f7b52c;
    border-style: dotted solid;
    border-width: 1px 0;
	font-size: 125%;
	padding: 1px 0 1px 5px;
	padding: 4px 0 0 5px \9; /*IE9*/
	width: 384px;
}
@media all and (-ms-high-contrast:none){
  div#cont h4 {
	background: #FEF0D2;
    border-color: #f7b52c;
    border-style: dotted solid;
    border-width: 1px 0;
	font-size: 125%;
	padding: 4px 0 0 5px; /*IE10以降*/
	width: 384px;
} 
}

    

div#cont .section {
	margin: 0 0 2.5em;
}

div#cont .imgframe {
    clear: both;
    float: right;
    margin: 0 0 0 10px;
}
div#cont .imgframe img {
	background: #FFF;
	border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 1px;
}
.imgcap {
	margin: 0 0 1em;
	text-align: center;
}

/*-- 注釈　note --*/
div#cont .section dl.note {
	padding: 10px 0;
	border-color: #999;
	border-style: dotted;
	border-width: 1px 0 0 0;
	margin: 60px 0 0;
	font-size:10px!important;
}
div#cont .section dt {
}
div#cont .section dd {
	line-height: 1.2;
	margin: 0 0 1em;
}

/*-- 用語解説 glossary --*/
div#cont .section .glossary {
	padding: 10px 0;
	border-color: #999;
	border-style: dotted;
	border-width: 1px 0 0 0;
	margin: 60px 0 0;
	font-size:10px;
}
div#cont .section .glossary h3 {
	background: none;
	border-color: #E3DCD6;
	border-style: solid;
	border-width: 0 0 8px 0;
	box-sizing: border-box;
	font-size: 1.8em;
	line-height: 0;
	padding: 0 0 0 0.5em;
	width: 30%;
margin-bottom: 1em;
}
div#cont .section .glossary dl {
	margin: 0;
	font-size:1em;
}
div#cont .section .glossary dt {
	border-bottom: 1px dotted #333;
	line-height: 1.0;
	margin: 0 0 5px;
	padding: 0 0 0 2px;
	width: 30%;
}
div#cont .section .glossary dd {
	line-height: 1.4;
	margin: 0 0 2em;
	padding: 0 0 0 1.2em;
}
div#cont .section .glossary dd span {
    text-decoration: underline;
}
.external-link {
    vertical-align: sub;
}/*-- 外部リンクアイコン --*/

/*-------------------------footerの指定*/
#footer {

    bottom:0px;
    height:39px;
    width:100%;
  background-color:#655652;
  margin:30px 0 0 0;
}

/*navi--*/

 #globalnavi{
  margin:  0;
  padding: 0;
  width: 258px;

 
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;

  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  background-image: url(img/menu.png);
  background-repeat: no-repeat;
}

#menu1 a{  height: 81px;}
#menu2 a{  height: 67px;}
#menu3 a{  height: 67px;}
#menu4 a{  height: 68px;}
#menu5 a{  height: 67px;}
#menu6 a{  height: 70px;}
#menu7 a{  height: 92px;}
#menu8 a{  height: 99px;}
#menu9 a{  height: 67px;}
#menu10 a {  height: 67px;}
#menu11 a {  height: 67px;}
#menu12 a {  height: 67px;}
#menu13 a {  height: 67px;}
#menu14 a {  height: 67px;}
#menu15 a {  height: 67px;}
#menu16 a {  height: 67px;}
#menu17 a {  height: 67px;}
#menu18 a {  height: 90px;}



#menu1 a{background-position: 0 0;}
#menu2 a{background-position: 0px -81px;}
#menu3 a{background-position: 0px -148px;}
#menu4 a{background-position: 0px -215px;}
#menu5 a{background-position: 0px -283px;}
#menu6 a{background-position: 0px -350px;}
#menu7 a{background-position: 0px -433px;}
#menu8 a{background-position: 0px -525px;}
#menu9 a{background-position: 0px -628px;}
#menu10 a { background-position: 0 -720px;}
#menu11 a { background-position: 0 -811px;}
#menu12 a { background-position: 0 -902px;}
#menu13 a { background-position: 0 -992px;}
#menu14 a { background-position: 0 -1083px;}
#menu15 a { background-position: 0 -1173px;}
#menu16 a { background-position: 0 -1263px;}
#menu17 a { background-position: 0 -1353px;}
#menu18 a { background-position: 0 -1443px;}

#globalnavi a:hover{
  background-image: url(img/menu.png);
  background-repeat: no-repeat;
}

#menu1 a:hover {background-position: -290px 0px;}
#menu2 a:hover {background-position: -290px -81px;}
#menu3 a:hover {background-position: -290px -148px;}
#menu4 a:hover {background-position: -290px -215px;}
#menu5 a:hover {background-position: -290px -283px;}
#menu6 a:hover {background-position: -290px -350px;}
#menu7 a:hover {background-position: -290px -433px;}
#menu8 a:hover {background-position: -290px -525px;}
#menu9 a:hover {background-position: -290px -628px;}
#menu10 a:hover {background-position: -290px -720px;}
#menu11 a:hover {background-position: -290px -811px;}
#menu12 a:hover {background-position: -290px -902px;}
#menu13 a:hover {background-position: -290px -992px;}
#menu14 a:hover {background-position: -290px -1083px;}
#menu15 a:hover {background-position: -290px -1173px;}
#menu16 a:hover {background-position: -290px -1263px;}
#menu17 a:hover {background-position: -290px -1353px;}
#menu18 a:hover {background-position: -290px -1443px;}


#menu1on {background-position: 0 0;}
#menu2on {background-position: 0px -81px;}
#menu3on {background-position: 0px -148px;}
#menu4on {background-position: 0px -215px;}
#menu5on {background-position: 0px -283px;}
#menu6on {background-position: 0px -350px;}
#menu7on {background-position: 0px -433px;}
#menu8on {background-position: 0px -525px;}
#menu9on {background-position: 0px -628px;}
#menu10on {background-position: 0 -720px;}
#menu11on {background-position: 0 -811px;}
#menu12on {background-position: 0 -902px;}
#menu13on {background-position: 0 -992px;}
#menu14on {background-position: 0 -1083px;}
#menu15on {background-position: 0 -1173px;}
#menu16on { background-position: 0 -1263px;}
#menu17on { background-position: 0 -1353px;}
#menu18on { background-position: 0 -1443px;}

/*-------------------------
  ウィンドウを閉じるボタン
  -------------------------*/
.btn_close {
	margin: 60px 0 20px;
	padding: 10px 0;
	text-align: center;
}
.btn_close a {
	background: #FBE9C0;
	border-color: #FFFFFF;
	border-style: solid;
	border-radius: 4px;
	border-width: 3px;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.8);
	color: #221815;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
}
.btn_close a:hover {
	opacity: 0.8;
}
div#wrapper-digitalarchives-sub td {
    border: none;
}

@media (min-width: 979px) {
div#wrapper-digitalarchives-sub{
	min-height:1680px;
}	
}
@media (max-width: 980px) {
div#wrapper-digitalarchives-sub {
    transform: scale(calc(100vw / 980px));
    transform-origin: top left;
    margin-left: -10px;
}
}